/* Tiger Theme by Sarah Evans Designs */ /* GENERAL AND REST STYLES */ html {height: auto;} body {margin:0; padding:0; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, p {margin:14px 0 0 0; line-height: 1.1; padding:0; font-style: normal; text-rendering: optimizeLegibility;} ul, li {line-height: 1.6;} a img { border: none; } #tiger-container .clear {clear:both;} #tiger-container .main-block {margin-bottom:24px;} /* Adds bottom margin to each main-block */ #tiger-container .side-block {margin-bottom:24px;} /* Adds bottom margin to each side-block */ #tiger-container .footer-block {margin-bottom:48px;} /* Adds bottom margin to each footer-block */ /* HEADER STYLES */ #tiger-container .header-container { border-top:10px solid #2e2e2e; } #tiger-container .header-container .header { height:130px; margin-bottom:24px; border-bottom: 1px solid #f4f4f4;} #tiger-container .header-container .header a:hover {border:0;} #tiger-container .header ul {float: right; list-style-type: none; margin:0; margin-top:-10px; } #tiger-container .logo-container {float:left; width:200px; display:block; margin:10px 0px; } /* NAVIGATION STYLES */ #tiger-container .header .navigation select { display: none; } #tiger-container .header ul li {display: inline-block; font-size: 16px; line-height:28px;font-weight: 600; margin: 0; float: left; position: relative; width: auto; color:#2e2e2e; border-top:10px solid #2e2e2e; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } #tiger-container .header ul li a {text-decoration: none; border-bottom:0; padding:40px 18px; display: inline-block; text-transform: uppercase; } #tiger-container .header ul li.nav-path-selected {border-top:10px solid #fd4c02; background-image: url(/packages/tigertheme/themes/tigertheme/images/bg-stripe.png); } #tiger-container .header ul li.nav-path-selected ul li.nav-path-selected { background-color:#FFF; border-top:2px solid #FFF;} #tiger-container .header ul li:hover {background-color: #e8e8e8; visibility: inherit; /* fixes IE7 'sticky bug' */ } #tiger-container .header ul li.nav-path-selected:hover {background-color:#FFF;} #tiger-container .header ul li.nav-path-selected ul li.nav-path-selected:hover { cursor:none; background-image: url(/packages/tigertheme/themes/tigertheme/images/bg-stripe.png); color:#2e2e2e;} #tiger-container .header ul li a {color:#2e2e2e; webkit-transition: color 1s ease-in-out; -moz-transition: color 1s ease-in-out; -ms-transition: color 1s ease-in-out; -o-transition: color 1s ease-in-out; transition: color 1s ease-in-out; } #tiger-container .header ul li a:hover {color:#fd4c02;} #tiger-container .header ul li.nav-selected a {color:#fd4c02;} #tiger-container .header ul li ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match */} #tiger-container .header ul li ul li {border:0;} #tiger-container .header ul li ul li a {padding:0px; border:0; width:100%;} #tiger-container .header ul li:hover ul {background:#e8e8e8; width:100%; left: 0; top: 117px; z-index: 30;} #tiger-container .header ul li ul li {border-top: 2px solid #FFF; width:100%} #tiger-container .header ul li ul li:hover {background:#fd4c02;} #tiger-container .header ul li ul li a { padding:6px 12px; text-transform:lowercase; font-size:11px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;-o-transition: 0.4s ease; -ms-transition: 0.4s ease;transition: 0.4s ease; } #tiger-container .header ul li ul li:hover a { color:#FFF; margin-left:4px;} #tiger-container .header ul li ul li.nav-path-selected:hover a { cursor:default; color:#fd4c02; margin-left:0px;} /* SLIDER STYLES - using the (free) Blueberry slider addon from the markerplace */ #tiger-container .sider-container {clear:both; margin-bottom:12px;background:url(/packages/tigertheme/themes/tigertheme/images/slider-shadow.png) no-repeat bottom center; background-size:100%;padding-bottom:2.5%;} /* FOOTER */ #tiger-container .footer {background:#2e2e2e; width:100%; color:#d7d7d7; padding-top:48px; margin-top:48px; } #tiger-container .footer h3 {color:#d7d7d7;} #tiger-container .footer p {font-size:14px; } #tiger-container .footer .footer-bottom {background:#525252; margin-top:48px; padding:12px;} #tiger-container .footer .footer-bottom p {color:#282828; margin:0;} #tiger-container .footer .footer-bottom a {color:#282828; border-bottom: 1px dashed rgba(0,0,0,0.4);} #tiger-container .footer .footer-bottom a:hover {text-decoration: none; color:#FFF; border-bottom: 1px dashed #FFF;} #tiger-container .footer .footer-bottom .footer-sign-in {float:left;} #tiger-container .footer .footer-bottom .footer-copyright { float:left; margin-right:24px;} #tiger-container .footer .footer-bottom .footer-tag-line { text-align:right;} /* SOCIAL ICONS - included in demo site */ #tiger-container .socialIcon {width:48px; height:48px; float:left; margin:0 18px 18px 0; background:#525252; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out;} #tiger-container .socialIcon:hover {background-color:#fd4c02; } #tiger-container .socialTwitter {background-image: url(/packages/tigertheme/themes/tigertheme/images/social-twitter.png); background-repeat: no-repeat;} #tiger-container .socialLinkedin {background-image: url(/packages/tigertheme/themes/tigertheme/images/social-linkedin.png); background-repeat: no-repeat;} #tiger-container .socialFacebook {background-image: url(/packages/tigertheme/themes/tigertheme/images/social-facebook.png); background-repeat: no-repeat;} #tiger-container .socialGoogle {background-image: url(/packages/tigertheme/themes/tigertheme/images/social-google.png); background-repeat: no-repeat;} /* MEDIA QUERIES (Main structural styles are found in foundation.css) */ @media only screen and (min-width: 948px) { #tiger-container .main-block { min-height:560px; } } /* UNDER 947px STYLES */ @media only screen and (max-width: 947px) { #tiger-container .header-container .header { height:auto; margin-bottom:24px; border-bottom: 1px solid #f4f4f4; text-align: center;} #tiger-container .header-container .header a:hover {border:0;} #tiger-container .header ul {display: inline-block; float:none; margin:auto; list-style-type: none; border-top: 0 } #tiger-container .logo-container {float:none; width:auto; text-align: center; border-bottom: 1px solid #f4f4f4; margin:25px 0px;} /* NAVIGATION STYLES */ #tiger-container .header ul li {border-top:0; } #tiger-container .header ul li.nav-path-selected {border-top:0;} #tiger-container .header ul li a { padding:12px 25px; font-size:14px; } #tiger-container .header ul li.nav-selected {border-top:0;} #tiger-container .header ul li:hover ul { top: 49px;} } /* UNDER 767px STYLES */ @media only screen and (max-width: 767px) { #tiger-container .header ul { display: none; } #tiger-container .header .navigation select { display: block; width:100%; padding:6px 0; font-size:16px; line-height:24px; } #tiger-container .footer .footer-bottom .footer-tag-line { text-align:left;} #tiger-container .logo-container {border-bottom: 0;} #tiger-container .header-container .header {border-bottom:0;} }