/* Theme Name: Lehigh Valley International Airport (ABE) Theme URI: http://www.flylvia.com Description: This WordPress theme developed by Peer Pressure Creative is for use by Lehigh Valley International Airport (ABE) only. Author: Peer Pressure Creative Author URI: http://www.peerpressurecreative.com Version: 1.0 Tags: Responsive, WooCommerce Support */ /* All Mighty Reset */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} * {margin: 0;} html {height: 100%; -webkit-text-size-adjust: none;} :focus {outline: 0;} ol, ul {list-style: none;} a {text-decoration: none;} /* Wrap */ .wrap {width: 97%; max-width: 920px; height: auto; margin: 0 auto; position: relative;} /* Clear Fix */ .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} * html .clearfix {zoom: 1;} /* IE6 */ *:first-child+html .clearfix{zoom: 1;} /* IE7 */ .clear {clear: both;} /* Body --------------------------------------------------------------------------------------------------------------------------------------- */ body {background: url(images/bg-pattern.jpg) repeat; height: 100%; position: relative; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} body.noscroll {overflow: hidden;} /* Selection Color -------------------------------------------------------------------------------------------------------------------------------- */ body ::selection {background: #123d86; color: #fff;} body ::-moz-selection {background: #123d86; color: #fff;} /* @font-face ----------------------------------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'latoregular'; src: url('fonts/lato/regular/lato-regular-webfont.eot'); src: url('fonts/lato/regular/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato/regular/lato-regular-webfont.woff') format('woff'), url('fonts/lato/regular/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato/regular/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('fonts/lato/italic/lato-italic-webfont.eot'); src: url('fonts/lato/italic/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato/italic/lato-italic-webfont.woff') format('woff'), url('fonts/lato/italic/lato-italic-webfont.ttf') format('truetype'), url('fonts/lato/italic/lato-italic-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('fonts/lato/bold/lato-bold-webfont.eot'); src: url('fonts/lato/bold/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato/bold/lato-bold-webfont.woff') format('woff'), url('fonts/lato/bold/lato-bold-webfont.ttf') format('truetype'), url('fonts/lato/bold/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack'; src: url('fonts/lato/black/lato-black-webfont.eot'); src: url('fonts/lato/black/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato/black/lato-black-webfont.woff') format('woff'), url('fonts/lato/black/lato-black-webfont.ttf') format('truetype'), url('fonts/lato/black/lato-black-webfont.svg#latoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cabinregular'; src: url('fonts/cabin/regular/cabin-regular-webfont.eot'); src: url('fonts/cabin/regular/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin/regular/cabin-regular-webfont.woff') format('woff'), url('fonts/cabin/regular/cabin-regular-webfont.ttf') format('truetype'), url('fonts/cabin/regular/cabin-regular-webfont.svg#cabinregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cabinmedium'; src: url('fonts/cabin/medium/cabin-medium-webfont.eot'); src: url('fonts/cabin/medium/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin/medium/cabin-medium-webfont.woff') format('woff'), url('fonts/cabin/medium/cabin-medium-webfont.ttf') format('truetype'), url('fonts/cabin/medium/cabin-medium-webfont.svg#cabinmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cabinsemibold'; src: url('fonts/cabin/semibold/cabin-semibold-webfont.eot'); src: url('fonts/cabin/semibold/cabin-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin/semibold/cabin-semibold-webfont.woff') format('woff'), url('fonts/cabin/semibold/cabin-semibold-webfont.ttf') format('truetype'), url('fonts/cabin/semibold/cabin-semibold-webfont.svg#cabinsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cabinbold'; src: url('fonts/cabin/bold/cabin-bold-webfont.eot'); src: url('fonts/cabin/bold/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin/bold/cabin-bold-webfont.woff') format('woff'), url('fonts/cabin/bold/cabin-bold-webfont.ttf') format('truetype'), url('fonts/cabin/bold/cabin-bold-webfont.svg#cabinbold') format('svg'); font-weight: normal; font-style: normal; } /* font-family: latoregular, Trebuchet MS, Arial, sans-serif; font-family: latoitalic, Trebuchet MS, Arial, sans-serif; font-family: latobold, Trebuchet MS, Arial, sans-serif; font-family: latoblack, Trebuchet MS, Arial, sans-serif; font-family: cabinregular, Arial, sans-serif; font-family: cabinmedium, Arial, sans-serif; font-family: cabinsemibold, Arial, sans-serif; font-family: cabinbold, Arial, sans-serif; */ /* Header --------------------------------------------------------------------------------------------------------------------------------------- */ #screen-reader {position: absolute; left: -99999px; top: -99999px;} header#top-site {width: 100%; position: fixed; top: 0; left: 0; z-index: 9000;} /* Message ----- */ #message {background-color: #ec6841; padding: 8px 0 6px 0; text-align: center; position: relative; display: block;} #message p {font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase; display: block; font-family: cabinbold, Arial, sans-serif;} #message p a {color: #fff; text-decoration: underline;} /* selection */ #message ::selection {background: #fff; color: #ec6841;} #message ::-moz-selection {background: #fff; color: #ec6841;} /* Tertiary ----- */ #tertiary {background: url(images/tertiary-bg.jpg) repeat; height: 34px; position: relative; clear: both; display: block;} /* Tertiary Navigation */ #tertiary nav {} #tertiary nav ul {height: 34px; text-align: right; position: relative; position: absolute; right: 0;} #tertiary nav ul li {position: relative; display: inline-block; float: left;} #tertiary nav ul li a {height: 34px; padding: 0; font-size: 12px; line-height: 34px; color: #046791; position: relative; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: block;} /* Hover */ #tertiary nav ul li a:hover {background-color: #046791; color: #cbebf8 !important;} /* Here */ #tertiary nav ul li.current-page a {background-color: #046791; color: #cbebf8 !important;} /* Cart */ #header-cart a {width: 75px; text-align: center; font-size: 15px; line-height: 18px; text-transform: uppercase; font-family: latoblack, Arial, sans-serif;} #header-cart i {font-size: 18px !important; line-height: 18px;} /* Here */ #header-cart.here a {background-color: #046791; color: #cbebf8 !important;} /* Locations */ #location-nav {width: 165px; height: 34px; font-size: 12px; text-align: center; border-left: 1px solid #a8d2e3; border-right: 1px solid #a8d2e3; text-transform: uppercase; font-family: cabinbold, Arial, sans-serif;} #location-nav i {margin: 0 0 0 5px; font-size: 14px; line-height: 34px; font-weight: bold;} /* Locations Children */ #location-nav ul {background: url(images/tertiary-bg.jpg) repeat; width: 165px; height: auto !important; border-left: 1px solid #a8d2e3; border-right: 1px solid #a8d2e3; position: absolute; right: -1px !important; z-index: 50; display: none;} #location-nav ul li {width: 100%; border-bottom: 1px solid #a8d2e3; text-align: center; float: none !important; clear: both;} #location-nav ul li a {height: auto !important; padding: 10px 10px !important; font-size: 13px !important; line-height: 17px !important;} /* Hover */ #location-nav ul li a:hover {background-color: #046791; color: #cbebf8;} /* Search */ #search-nav {width: 68px; text-align: center;} #search-nav a {font-size: 18px !important; text-transform: uppercase; font-family: latoblack, Arial, sans-serif;} /* Main ----- */ #main {min-height: 60px; position: relative; z-index: 10; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 53%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#fafafa), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 53%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fafafa 53%,#f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 53%,#f0f0f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fafafa 53%,#f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 6px 0 rgba(63,114,135,.34); box-shadow: 0 1px 6px 0 rgba(63,114,135,.34); } /* Logo */ h1 a {background-color: #034f73; margin: 0 0 0 0; padding: 10px 0 0 0; width: 89px; height: 69px; text-align: center; position: absolute; display: block; z-index: 10; float: left;} h1 a span {position: absolute; left: -99999px; top: -99999px;} h1 a img {max-width: 65px !important; width: 100%;} /* Main Navigation */ #main nav {width: 100%; position: relative; float: left;} #main nav ul {/*width: 63.043478%; max-width: 580px;*/ width: 82%; margin: 0 0 0 89px; float: left;} #main nav ul li {width: 15%; max-width: 150px; margin: 0; text-align: center; position: relative; display: block; float: left;} #main nav ul li.wide{width: 26%;} #main nav ul li a {height: 38px; padding: 22px 0 0 0; font-size: 13px; color: #034f73; text-transform: uppercase; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif;} /* Hover */ #main nav ul li a:hover {background-color: #046791; color: #fff;} /* Here */ #main nav ul li.here a {background-color: #046791; color: #fff;} /* Weather ----- */ #weather {width: 68px; height: 58px; padding: 2px 0 0 0; font-size: 15px; color: #034f73; text-align: center; position: absolute; top: 0; right: 0; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: latobold, Trebuchet MS, Arial, sans-serif;} #weather .today-weather-icon {max-width: 35px; height: 30px; margin: 0 auto 5px auto; position: relative; display: block;} #weather .today-weather-icon img, #weather .today-weather-icon svg {max-width: 32px; width: 100%;} .weather-icon path, .weather-icon circle {fill: #034f73; stroke: #034f73;} /* Hover */ #weather:hover {background-color: #046791; color: #fff;} #weather:hover .weather-icon path, #weather:hover .weather-icon circle {fill: #fff; stroke: #fff;} /* Active */ #weather.active {background-color: #046791; color: #fff;} #weather.active .weather-icon path, #weather.active .weather-icon circle {fill: #fff; stroke: #fff;} /* The Weather Channel Logo */ /* #weather #twc-logo {max-width: 150px; height: auto !important; margin: 0 0 0 0; position: relative; display: none;} #weather #twc-logo img {max-width: 100%; width: 100%;} */ /* Weather Info */ #weather-info {background-color: #046791; width: 250px; padding: 5px 0 0 0; -webkit-box-shadow: 0 1px 6px 0 rgba(63,114,135,.34); box-shadow: 0 1px 6px 0 rgba(63,114,135,.34); position: absolute; top: 60px; right: 0; display: none; z-index: 8;} /* Today's Weather */ #todays-weather {width: 100%; padding: 0 0 15px 0; border-bottom: 1px solid #055b80; display: block;} /* Icon / Temp */ #icon-temp {width: 118px; font-size: 31px; line-height: 32px; color: #fff; letter-spacing: 1px; text-align: center; position: relative; float: left; font-family: latoblack, Trebuchet MS, Arial, sans-serif;} #icon-temp #today-icon {width: 100px; margin: 0 auto 0px auto; display: block; clear: both;} #icon-temp #today-icon span img {max-width: 100%; width: 100%;} /* Location / Condition */ #location-condition {width: 132px; padding: 25px 0 0 0; text-align: center; float: right; font-family: latobold, Trebuchet MS, Arial, sans-serif;} #location-condition h3 {margin: 0 0 10px 0; font-size: 15px; color: #fff;} #location-condition h4 {font-size: 22px; line-height: 25px; color: #fff; font-family: latoblack, Trebuchet MS, Arial, sans-serif;} /* Five Day Forecast */ #five-day-forecast {width: 100%; padding: 10px 0 8px 0; border-top: 1px solid #0472a0; display: block;} #five-day-forecast article {width: 20%; margin: 0 0 0 0; color: #fff; text-align: center; position: relative; float: left;} #five-day-forecast article img {max-width: 26px; width: 100%; margin: 0 auto; display: block; clear: both;} #five-day-forecast article .weekday {font-family: latoblack, Trebuchet MS, Arial, sans-serif; display: block; clear: both;} #five-day-forecast article .temp {font-family: latoitalic, Trebuchet MS, Arial, sans-serif; display: block; clear: both;} /* Temperature Format */ #temp-format {width: 100% !important; clear: both; display: block;} #temp-format li {width: 50% !important; position: relative; display: block; float: left !important;} #temp-format li a {background-color: #055b80; width: 100% !important; height: auto !important; margin: 0 !important; padding: 4px 0 !important; font-size: 16px !important; color: #fff !important; text-align: center; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; float: left !important; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} /* Hover */ #temp-format li:hover a {background-color: #046791;} /* Active */ #temp-format li.active a{background-color: #046791;} /* Celsius */ #weather .celsius, #weather-info .celsius, #five-day-forecast article .celsius {display: none;} /* Mobile Navigation */ #mobile-trigger {width: 77%; max-width: 550px; height: 40px; margin: 0 auto 0 89px; padding: 20px 0 0 0; font-size: 15px; color: #034f73; text-transform: uppercase; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif; text-align: center; display: none;} #main-nav-mobile {display: none;} #social-mobile {display: none;} /* Site Overlay ----- */ #site-overlay {background-color: rgba(4, 103, 145, .95); width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; z-index: 8999; display: none;} /* Drop Down ----- */ #drop-down {height: auto; margin: 110px auto 0 auto; padding: 0 0 20px 0; position: relative; display: none;} #drop-down.message {margin: 145px auto 0 auto;} #drop-down.active {display: block;} /* Dropdown Layout */ .dropdown-section {} /* Dropdown Children ----- */ .dropdown-children {/*background-color: red;*/ width: 21.195652%; max-width: 195px; margin: 0 0 0 0; padding: 12px 0 0 0; float: left;} .dropdown-children ul {width: 85%;} .dropdown-children ul li {position: relative; display: block;} .dropdown-children ul li a {margin: 0 0 10px 0; padding: 5px 5% 5px 0; font-size: 13px; line-height: 18px; color: #fff; text-transform: uppercase; position: relative; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif;} /* Arrow */ .dropdown-children ul li a i {margin: 0 0 0 15px; font-size: 15px; font-weight: bold; position: absolute; top: 6px; right: 0; /* Animation */ -webkit-animation: fadeOut .5s ease-in-out both; -moz-animation: fadeOut .5s ease-in-out both; -o-animation: fadeOut .5s ease-in-out both; -ms-animation: fadeOut .5s ease-in-out both; animation: fadeOut .5s ease-in-out both; } /* Hover */ .dropdown-children ul li a:hover i { /* Animation */ -webkit-animation: fadeIn .5s ease-in-out both; -moz-animation: fadeIn .5s ease-in-out both; -o-animation: fadeIn .5s ease-in-out both; -ms-animation: fadeIn .5s ease-in-out both; animation: fadeIn .5s ease-in-out both; } /* Here */ .dropdown-children ul li.here a i { /* Animation */ -webkit-animation: fadeIn .5s ease-in-out both; -moz-animation: fadeIn .5s ease-in-out both; -o-animation: fadeIn .5s ease-in-out both; -ms-animation: fadeIn .5s ease-in-out both; animation: fadeIn .5s ease-in-out both; } /* Dropdown Grandchildren ----- */ .dropdown-grandchildren {/*background-color: black;*/ width: 78.804348%; max-width: 725px; margin: -8px 0 0 0; float: right;} /* Image */ .child-image {margin: 0 0 10px 0; padding: 0 0 0 .7%; text-align: right; position: relative;} .child-image a h2 {width: 100%; margin: 0 auto; padding: 10% 0 0 0; font-size: 25px; color: #fff; text-align: center; text-transform: uppercase; position: absolute; text-shadow: 0 2px 5px #030404; z-index: 2;} .child-image img {max-width: 720px; width: 100%; position: relative; z-index: 1; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* :before / :after img */ .child-image:before {background: url(images/dropdown-image-bg.png) repeat-y; width: 5px; height: 100.6%; content: ''; position: absolute; left: 0; top: 0; display: block; z-index: 0;} .child-image:after {background: url(images/dropdown-image-bg.png) repeat-x; width: 99.7%; height: 5px; content: ''; position: absolute; left: 3px; bottom: -1px; display: block; z-index: 0;} /* Hover */ .child-image a:hover img {opacity: .8;} /* Dropdown Grandchildren Navigation */ .dropdown-grandchildren nav {} .dropdown-grandchildren nav ul {} .dropdown-grandchildren nav ul li {width: 47.2%; margin: 0 2% 10px .8%; display: block; float: left;} .dropdown-grandchildren nav ul li a {padding: 10px 0; font-size: 13px; color: #fff; border: 2px solid #fff; display: block; text-align: center; text-transform: uppercase; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: block; font-family: cabinmedium, Arial, sans-serif;} /* Even Navigation Links */ .dropdown-grandchildren nav ul li:nth-child(even) {width: 50%; margin: 0 0 10px 0;} /* Odd Navigation Links */ .dropdown-grandchildren nav ul li:nth-child(odd) {clear: both;} /* Hover */ .dropdown-grandchildren nav ul li a:hover {background-color: #fff; color: #046791;} /* Media Queries for Header */ @media only screen and (max-width: 819px) { /* Main Navigation */ #main nav ul li {width: 14.5%;} } @media only screen and (max-width: 779px) { /* Main Navigation */ #main nav ul li {width: 14%;} } @media only screen and (max-width: 742px) { /* Main Navigation */ #main nav ul li {width: 13.8%;} } @media only screen and (max-width: 729px) { /* Header */ header#top-site {position: relative; margin: 0 0 -40px 0 !important; clear: both;} /* Main Navigation */ #main nav ul {display: none;} /* Mobile Navigation */ #mobile-trigger {display: inline-block;} /* Drop Down ----- */ #drop-down.wrap {margin: 110px auto 0 auto; padding: 0 0 20px 0;} /* Back Button */ .back {margin: 10px 0 0px 0; padding: 15px 0; font-size: 14px; line-height: 19px; border-bottom: 1px solid #228db9; color: #fff; text-transform: uppercase; text-align: center; position: relative; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif;} /* Hover */ .back:hover {background-color: #228db9;} /* Main Navigation Mobile */ #main-nav-mobile {display: block;} #main-nav-mobile nav {width: 100%; max-width: none; margin: 10px 0 20px 0; padding: 0; float: none; clear: both;} #main-nav-mobile nav ul {width: 100%;} #main-nav-mobile nav ul li {text-align: center; position: relative; display: block;} #main-nav-mobile nav ul li a {margin: 0 0 0 0; padding: 15px 0; font-size: 14px; line-height: 19px; border-bottom: 1px solid #228db9; color: #fff; text-transform: uppercase; position: relative; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif;} /* Hover */ #main-nav-mobile nav ul li a:hover {background-color: #228db9;} /* Dropdown Children ----- */ .dropdown-children {width: 100%; max-width: none; margin: 0 0 20px 0; padding: 0; float: none; clear: both;} .dropdown-children ul {width: 100%;} .dropdown-children ul li {text-align: center;} .dropdown-children ul li a {margin: 0 0 0 0; padding: 15px 0; font-size: 14px; line-height: 19px; border-bottom: 1px solid #228db9;} /* Hover */ .dropdown-children ul li a:hover {background-color: #228db9;} /* Arrow */ .dropdown-children ul li a i {display: none;} /* Dropdown Grandchildren ----- */ .dropdown-grandchildren {width: 100% !important; max-width: none !important; margin: 0 0 0 0 !important; float: none !important; clear: both; display: block;} /* Social Navigation Mobile */ #social-mobile {display: block;} #social-mobile nav {width: 100%; max-width: none; margin: 0 0 40px 0; padding: 10px 0 0 0; float: none; clear: both;} #social-mobile nav ul {width: 100%;} #social-mobile nav ul li {width: 25%; text-align: center; position: relative; display: block; float: left;} #social-mobile nav ul li a {width: 100%; margin: 0 0 0 0; padding: 15px 0; font-size: 20px; line-height: 23px; color: #fff; position: relative; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* Hover */ #social-mobile nav ul li a:hover {background-color: #228db9;} } @media only screen and (max-width: 500px) { /* Image */ .child-image {margin: 0 0 10px 0; padding: 0 0 0 .7%; text-align: right; position: relative;} .child-image a h2 {font-size: 20px !important;} /* Dropdown Grandchildren Navigation */ .dropdown-grandchildren nav ul li {width: 100% !important; margin: 0 0 10px 0; float: none; clear: both;} .dropdown-grandchildren nav ul li a {padding: 10px 0 10px 0; font-size: 13px;} /* Even Navigation Links */ .dropdown-grandchildren nav ul li:nth-child(even) {width: 100%; margin: 0 0 10px 0;} /* Hover */ .dropdown-grandchildren nav ul li a:hover {background-color: #fff; color: #046791;} } @media only screen and (max-width: 400px) { /* Mobile Navigation */ #mobile-trigger {width: 65%;} } @media only screen and (max-width: 350px) { /* Mobile Navigation */ #mobile-trigger {width: 55%;} } /* Home Page ----------------------------------------------------------------------------------------------------------------------- */ /* Hero ----- */ #home-hero {background: url(images/home-hero-bg.png) repeat; width: 100%; height: 624px; margin: 94px 0 0 0; border-bottom: 2px solid #034f73; position: relative; top: 0px; bottom: 0; overflow: hidden; z-index: 0;} #home-hero article {display: none;} .home-hero-image {width: 129.166667%; max-width: 1813px; height: 624px; position: absolute; margin: 0 0 0 -906px; top: 0; bottom: 0; left: 50%; right: 50%; z-index: 0;} .home-hero-image img {position: absolute; width: auto; z-index: 0;} /* Hero Copy ----- */ .hero-copy {width: 65.217391%; max-width: 600px; margin: 0 0 0 0; color: #fff; text-align: left; position: absolute; top: 218px; left: 2.7173913%; z-index: 10;} .hero-copy h2 {margin: 0 0 3px 0; font-size: 35px; color: #fff; line-height: 40px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0px 0px 5px #141414; filter: dropshadow(color=#141414, offx=0, offy=0); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinbold, Arial, sans-serif;} .hero-copy p {margin: 0 0 15px 0; font-size: 16px; color: #fff; line-height: 30px; text-shadow: 0px 0px 5px #141414; filter: dropshadow(color=#141414, offx=0, offy=0); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} .hero-copy p span {margin: 0 10px 0 0; display: inline;} .hero-copy p span img {max-width: 30px; width: 100%;} /* Hero Link ----- */ .hero-link {background-color: #ec9c1f; min-height: 16px; margin: 0 5px 0 0; padding: 7px 16px 7px 16px; font-size: 13px; color: #fff; text-transform: uppercase; display: block; position: relative; -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, .56); box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, .56); float: left; font-family: cabinmedium, Arial, sans-serif;} /* Home Slide Selector ----- */ #home-slide-selector {height: 624px; margin: 0 25px 0 0; padding: 0; display: table; position: relative; float: right;} #home-slide-selector nav {height: 100%; position: relative; vertical-align: middle; display: table-cell;} #home-slide-selector ul {background-color: #fff; height: auto; padding: 5px 4px 1px 4px; position: relative; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0 1px 6px 0 rgba(19,46,71,.34); box-shadow: 0 1px 6px 0 rgba(19,46,71,.34);} #home-slide-selector ul li {margin: 0 0 6px 0; position: relative;} #home-slide-selector ul li a {background-color: #046791; width: 14px; height: 14px; position: relative; display: block; text-indent: -99999px; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* Hover */ #home-slide-selector ul li a:hover {background-color: #099cda;} /* Active */ #home-slide-selector ul li.active a {background-color: #099cda;} /* Arriving / Departing */ #departing {margin: 12px -4px 1px 0 !important;} #departing a {background: none !important; width: 25px !important; height: auto !important; margin: 0 0 0 -6px; text-indent: 0 !important;} #departing a span {position: absolute; left: -99999px; top: -99999px;} #departing a img {max-width: 25px; width: 100%;} #departing:before {content: ''; width: 23px; border-top: 1px solid #d8d8d8; display: block; position: absolute; top: -3px; left: -4px;} #arriving {margin: 0 -6px 0 0 !important;} #arriving a {background: none !important; width: 25px !important; height: auto !important; margin: 0 0 0 -5px; text-indent: 0 !important;} #arriving a span {position: absolute; left: -99999px; top: -99999px;} #arriving a img {max-width: 25px; width: 100%;} /* Flight Information Overlay ----------------------------------------------------------------------------------------------------------------------- */ #flight-status-info {height: auto; margin: 110px auto 0 auto; padding: 0 0 30px 0; position: relative; display: none;} /* Flight Status Selector ----- */ .flight-status-selector {/*background-color: red;*/ width: 21.195652%; max-width: 195px; margin: 0 0 0 0; padding: 12px 0 0 0; float: left;} .flight-status-selector ul {width: 85%;} .flight-status-selector ul li {position: relative; display: block;} .flight-status-selector ul li a {margin: 0 0 10px 0; padding: 5px 5% 5px 0; font-size: 13px; line-height: 18px; color: #fff; text-transform: uppercase; position: relative; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif;} /* Arrow */ .flight-status-selector ul li a i {margin: 0 0 0 15px; font-size: 15px; font-weight: bold; position: absolute; top: 6px; right: 0; /* Animation */ -webkit-animation: fadeOut .5s ease-in-out both; -moz-animation: fadeOut .5s ease-in-out both; -o-animation: fadeOut .5s ease-in-out both; -ms-animation: fadeOut .5s ease-in-out both; animation: fadeOut .5s ease-in-out both; } /* Hover */ .flight-status-selector ul li a:hover i { /* Animation */ -webkit-animation: fadeIn .5s ease-in-out both; -moz-animation: fadeIn .5s ease-in-out both; -o-animation: fadeIn .5s ease-in-out both; -ms-animation: fadeIn .5s ease-in-out both; animation: fadeIn .5s ease-in-out both; } /* Here */ .flight-status-selector ul li.here a i { /* Animation */ -webkit-animation: fadeIn .5s ease-in-out both; -moz-animation: fadeIn .5s ease-in-out both; -o-animation: fadeIn .5s ease-in-out both; -ms-animation: fadeIn .5s ease-in-out both; animation: fadeIn .5s ease-in-out both; } /* Flight Info ----- */ .flight-info {width: 78.804348%; max-width: 725px; margin: 15px 0 0 0; float: right;} .dropdown-grandchildren .flight-info {width: 100%; max-width: none; float: none;} .flight-info h2 {margin: 0 0 15px 0; font-size: 26px; line-height: 26px; color: #fff; text-align: center; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .flight-info h2 span {margin: 0 0 0 5px; width: 30px; position: relative; display: inline-block;} .flight-info h2 img {max-width: 100%; width: 100%; position: relative;} /* Table */ .flight-info table {width: 100%; position: relative; border-collapse: collapse;} /* Zebra Stripe */ .flight-info table tr:nth-of-type(even) {background: url(images/flight-status-table-bg.png) repeat; border-top: 1px solid #1b80ab; border-bottom: 1px solid #1b80ab;} /* Table Head */ .flight-info table th {background-color: #034f73; margin: 0 0 5px 0; padding: 8px 0; font-size: 13px; color: #fff; text-align: center; text-transform: uppercase; font-family: latobold, Trebuchet MS, Arial, sans-serif;} /* Table Row */ .flight-info table td {margin: 0; padding: 8px 0; font-size: 12px; color: #fff; border-right: 1px solid #1b80ab; text-align: center; text-transform: uppercase; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} .flight-info table td.last {border: none;} /* Status */ .flight-info table td.closed {background-color: #ec6841; color: #fff;} .flight-info table td.cancelled {background-color: #ec6841; color: #fff;} .flight-info table td.delayed {background-color: #ec9c1f; color: #fff;} .flight-info table td.in-air {background-color: #09435f; color: #fff;} .flight-info table td.in-range {background-color: #1691ca; color: #fff;} .flight-info table td.boarding {background-color: #16cab7; color: #fff;} .flight-info table td.on-time {background-color: #1a5035; color: #fff;} .flight-info table td.arrived {background-color: #247a35; color: #fff;} /* Departing / Arriving */ /*#departing-flights, #arriving-flights {display: none;}*/ /* Media Queries for Flight Information Overlay */ @media only screen and (max-width: 600px) { /* Flight Status Selector ----- */ .flight-status-selector {width: 100% !important; max-width: none !important; margin: 0; padding: 12px 0 0 0; float: none !important; clear: both !important;} .flight-status-selector ul {width: 100% !important; display: block;} .flight-status-selector ul li {width: 50%; text-align: center; position: relative; display: block; float: left;} .flight-status-selector ul li a {width: 100%; margin: 0 0 10px 0; padding: 10px 0 !important; font-size: 13px; line-height: 18px; color: #fff; display: block;} /* Arrow */ .flight-status-selector ul li a i {display: none;} /* Hover */ .flight-status-selector ul li a:hover {background-color: #fff; color: #034f73;} /* Here */ .flight-status-selector ul li.here a {background-color: #fff; color: #034f73;} /* Flight Info ----- */ .flight-info {width: 100%; max-width: 725px; margin: 15px 0 0 0; float: none; clear: both;} } @media only screen and (max-width: 450px) { /* Force table to not be like tables anymore */ .flight-info table, .flight-info thead, .flight-info tbody, .flight-info td {display: block;} .flight-info tr {width: 100%; display: block;} /* Hide table headers (but not display: none;, for accessibility) */ .flight-info thead tr {position: absolute; top: -9999px; left: -9999px;} .flight-info tr {border: 1px solid #ccc;} .flight-info td {min-height: 14px; padding: 8px 1% !important; border: none; border-bottom: 1px solid #cccccc; position: relative; text-align: right !important;} /* Let's make some td Labels */ .flight-info td:before {position: absolute; top: 9px; left: 1%; white-space: nowrap;} .flight-info table tr:nth-of-type(even) {margin: 20px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} .flight-info td:nth-of-type(1) {background-color: #034f73;} .flight-info .Departing td:nth-of-type(6) {} /* Label the data */ .flight-info td:nth-of-type(1):before {content: "Airline";} .flight-info td:nth-of-type(2):before {content: "Flight";} .flight-info td:nth-of-type(3):before {content: "Gate";} .flight-info td:nth-of-type(4):before {content: "Time";} .flight-info td:nth-of-type(5):before {content: "Status";} .flight-info .Departing td:nth-of-type(6):before {content: "Departing To";} .flight-info .Arriving td:nth-of-type(6):before {content: "Arriving From";} } /* Site Search ----- */ #site-search {height: auto; margin: 150px auto 0 auto; padding: 0 0 20px 0; position: relative; display: none;} #site-search.active {display: block;} #site-search h2 {margin: 0 0 20px 0; font-size: 26px; color: #fff; text-align: center; text-transform: uppercase; clear: both; font-family: cabinmedium, Arial, sans-serif;} /* Search Form */ #SearchForm {width: 60%; margin: 0 auto; text-align: center; position: relative;} /* Search Input */ #SearchForm #search-input {background: none; border: none; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; width: 78%; max-width: 427px; height: 23px; margin: 6px auto 0 auto; padding: 3px 30px 3px 7px; font-size: 14px; line-height: 23px; color: #fff; text-transform: uppercase; position: absolute; left: 4%; float: left; -webkit-appearance: none; -webkit-border-radius: 0; z-index: 1; font-family: cabinmedium, Arial, sans-serif;} /* Search Label */ #SearchForm label {font-size: 10px; line-height: 10px; color: #9c9c9c; margin: 0 0 0 1px;} /* Search Submit */ #search-submit {background: none !important; width: 42px; height: 33px; margin: 6px 0 0 0; border: none; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-right: 2px solid #fff; outline: none; line-height: 0; font-size: 0; text-align: right; position: absolute; right: 4%; display: block; z-index: 10; cursor: pointer;} #search-submit img {max-width: 15px; width: 100%;} /* Search Results ----- */ .iss_results {background: none !important; width: 52.891304% !important; max-width: 505px !important; /* set this to the width of your search box */ padding: 15px 0 0 0 !important; list-style: none; margin: 0 auto; padding: 0; -webkit-border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; top: 240px !important; display: none;} .iss_results li {margin: 0 0 8px 0; padding: 8px 10px !important; text-align: left; word-wrap: break-word; font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-family: cabinmedium, Arial, sans-serif;} span.iss-sub {display: none !important;} .iss_over {background: url(images/search-results-over-bg.png) repeat !important; cursor: pointer; color: #fff !important;} .iss_match {text-decoration: underline;} .iss_results li:nth-child(even) {background: url(images/search-results-bg.png) repeat;} /* Result Image */ .iss_results li img {display: none !important;} /* while search is being performed show loading icon */ .iss-on {background: url(images/loader.gif) no-repeat right center !important;} /* Home Call to Action ----- */ #home-cta {margin: -30px auto 65px auto;} #home-cta article {background-color: #fff; width: 21.195652%; max-width: 195px; margin: 0 .8% 20px .83%; padding: 10px 1.08%; position: relative; float: left; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #home-cta article a {display: block;} #home-cta article h3 {margin: 0 0 5px 0; font-size: 16px; line-height: 19px; color: #034f73; text-transform: uppercase; font-family: cabinsemibold, Arial, sans-serif;} #home-cta article p {margin: 0 0 20px 0; font-size: 12px; line-height: 18px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} .more-link {background: url(images/home-cta-more-bg.png) repeat-x; margin: 10px 0 0 0 !important; font-size: 12px; color: #a7a7a7; text-align: center; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .more-link span {background-color: #fff; padding: 0 10px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .home-cta-image {width: 100%; max-width: 194px; margin: 0 auto 10px auto; position: relative;} .home-cta-image img {max-width: 100%; width: 100%;} /* Hover */ #home-cta article:hover {background-color: #f0f0f0;} #home-cta article:hover .more-link span {background-color: #f0f0f0;} /* :before / :after */ #home-cta article:before {background: url(images/home-cta-pattern.png) repeat-y; width: 5px; height: 100.6%; content: ''; position: absolute; left: -5px; top: 0; display: block; z-index: 0;} #home-cta article:after {background: url(images/home-cta-pattern.png) repeat-x; width: 102%; height: 5px; content: ''; position: absolute; left: -5px; bottom: -5px; display: block; z-index: 0;} /* Home Ad ----- */ #home-ad {margin: 0 0 25px 0; position: relative;} /* Media Queries for Home Page */ @media only screen and (max-width: 700px) { #home-cta article {width: 46%; max-width: none; margin: 0 .9% 25px .9%; padding: 10px 1.08%;} #home-cta article:nth-child(odd) {clear: both;} .home-cta-image {width: 100%; max-width: none; margin: 0 auto 10px auto;} } @media only screen and (max-width: 600px) { /* Hero ----- */ #home-hero {width: 100%; height: 344px; margin: 0;} .home-hero-image {width: 166.666667%; max-width: 1000px; height: 344px; margin: 0 0 0 -500px;} .home-hero-image img {width: 1000px;} /* Hero Copy ----- */ .hero-copy {width: 70%; max-width: none; top: 65px; left: 2%;} .hero-copy h2 {margin: 0 0 8px 0; font-size: 25px; line-height: 30px;} .hero-copy p {margin: 0 0 10px 0; font-size: 16px; line-height: 30px;} /* Home Slide Selector ----- */ #home-slide-selector {height: 344px; margin: 0 20px 0 0;} /* Home Call to Action ----- */ #home-cta {margin: -20px auto 65px auto;} /* Search Form ----- */ #SearchForm {width: 90%;} /* Search Input */ #SearchForm #search-input {width: 78%; padding: 3px 30px 3px 7px; left: 4%;} /* Search Submit */ #search-submit {right: 4%;} /* Search Results */ .iss_results {width: 80% !important; max-width: 485px !important;} } @media only screen and (max-width: 500px) { #home-cta article {width: 94%; margin: 0 auto 25px auto; padding: 10px 2%; float: none; clear: both;} } @media only screen and (max-width: 400px) { /* Hero Copy ----- */ .hero-copy h2 {font-size: 22px; line-height: 27px;} .hero-copy p {font-size: 14px; line-height: 20px;} /* Search Form ----- */ #SearchForm {width: 100%;} /* Search Input */ #SearchForm #search-input {width: 75%; padding: 3px 20px 3px 7px; left: 4%;} /* Search Submit */ #search-submit {right: 4%;} /* Search Results */ .iss_results {width: 88% !important; max-width: 380px !important;} } /* Inside Pages ------------------------------------------------------------------------------------------------------------------------------- */ /* Inside Hero ----- */ #inside-hero {background-color: black; width: 100%; height: 285px; margin: 94px 0 0 0; border-bottom: 2px solid #034f73; position: relative; top: 0px; bottom: 0; overflow: hidden; z-index: 0;} .inside-hero-image {width: 129.166667%; max-width: 1813px; height: 285px; position: absolute; margin: 0 0 0 -900px; top: 0; bottom: 0; left: 50%; right: 50%; z-index: 0;} .inside-hero-image img {position: absolute; width: auto; z-index: 0;} /* Inside Hero Copy ----- */ .inside-hero-copy {width: 72%; height: 285px; margin: 0 0 0 0; color: #fff; text-align: left; position: absolute; display: table; left: 2.7173913%; z-index: 10;} .inside-hero-copy h2 {vertical-align: middle; display: table-cell; margin: 0; font-size: 32px; color: #fff; line-height: 37px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0px 0px 5px #141414; filter: dropshadow(color=#141414, offx=0, offy=0); font-family: cabinbold, Arial, sans-serif;} /* Home Slide Selector ----- */ #inside-flight-info {height: 285px; margin: 0 25px 0 0; padding: 0; display: table; position: relative; float: right;} #inside-flight-info nav {height: 100%; position: relative; vertical-align: middle; display: table-cell;} #inside-flight-info ul {background-color: #fff; height: auto; padding: 5px 4px 1px 4px; position: relative; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0 1px 6px 0 rgba(19,46,71,.34); box-shadow: 0 1px 6px 0 rgba(19,46,71,.34);} #inside-flight-info ul li {margin: 0 0 6px 0; position: relative;} #inside-flight-info ul li a {background-color: #046791; width: 14px; height: 14px; position: relative; display: block; text-indent: -99999px; -webkit-border-radius: 50%; border-radius: 50%;} /* Arriving / Departing */ #inside-departing {margin: 1px -4px 1px 0 !important;} #inside-departing a {background: none !important; width: 25px !important; height: auto !important; margin: 0 0 0 -6px; text-indent: 0 !important;} #inside-departing a span {position: absolute; left: -99999px; top: -99999px;} #inside-departing a img {max-width: 25px; width: 100%;} #inside-arriving {margin: 0 -6px 0 0 !important;} #inside-arriving a {background: none !important; width: 25px !important; height: auto !important; margin: 0 0 0 -5px; text-indent: 0 !important;} #inside-arriving a span {position: absolute; left: -99999px; top: -99999px;} #inside-arriving a img {max-width: 25px; width: 100%;} /* Content ----- */ #content {} /* Main Content */ #main-content {background-color: #fff; width: 72.5%; max-width: 667px; min-height: 350px; margin: -28px 0 25px 0; padding: 10px 1.5%; position: relative; display: block; float: right; z-index: 5;} #main-content.wide {width: 94.826087%; max-width: 900px; margin: -28px auto 25px auto; float: none; clear: both;} #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {background: url(images/content-heading-bg.png) repeat-x center bottom; margin: 0 0 8px 0 !important; padding: 0 0 6px 0 !important; color: #034f73; font-weight: normal !important; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} #main-content h2 {font-size: 19px; line-height: 23px;} #main-content h3 {font-size: 17px; line-height: 21px;} #main-content h4 {font-size: 16px; line-height: 20px;} #main-content h5 {font-size: 15px; line-height: 19px;} #main-content h6 {background: none; font-size: 14px; line-height: 18px;} #main-content p {margin: 0 0 15px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #main-content address {margin: 0 0 15px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #main-content a {color: #034f73; text-decoration: underline;} #main-content a img {max-width: 100%; width: auto; height: auto; border: none !important;} #main-content img {max-width: 100%; width: auto; height: auto;} #main-content img.aligncenter {margin: 0 auto; text-align: center; display: block;} #main-content ul {margin: 15px 0 15px 0; padding: 0 0 0 25px; list-style: disc;} #main-content li {margin: 0 0 8px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #main-content ol {margin: 15px 0 15px 0; padding: 0 0 0 25px; list-style: decimal;} #main-content li {margin: 0 0 8px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #main-content dl {margin: 0 0 15px 0;} #main-content dt {margin: 0 4px 5px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #main-content dd {margin: 0 0 5px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #main-content .centered {text-align: center;} /* :before / :after */ #main-content:before {background: url(images/home-cta-pattern.png) repeat-y; width: 5px; height: 100%; content: ''; position: absolute; left: -5px; top: 0; display: block; z-index: 0;} #main-content:after {background: url(images/home-cta-pattern.png) repeat-x; width: 100.6%; height: 5px; content: ''; position: absolute; left: -5px; bottom: -5px; display: block; z-index: 0;} /* Breadcrumbs */ #breadcrumbs {margin: -3px 0 25px 0; font-size: 12px; line-height: 12px; color: #808080; text-align: right; clear: both; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #breadcrumbs a {color: #808080; border-bottom: 1px solid transparent; text-decoration: none; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #breadcrumbs a.current-item {border-bottom: 1px solid #808080;} #breadcrumbs a:hover {border-bottom: 1px solid #808080;} /* Gallery */ .gallery {width: 100%; height: auto; clear: both;} .gallery br {display: none;} .gallery-item {background-color: #fff; margin: 5px; border: 4px solid #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2); float: left;} .gallery-caption {font-size: 12px; text-align: center; font-family: NovecentowideUltraLightBold, Arial, sans-serif;} .jp-carousel-info {display: none;} /* Sidebar ----- */ #sidebar {width: 24.456522%; max-width: 225px; padding: 10px 0 0 0; float: left;} /* Sidebar Navigation */ #sidebar nav {margin: 0 0 15px 0;} #sidebar nav ul {display: block;} #sidebar nav ul li {position: relative; display: block;} #sidebar nav ul li a {margin: 1px 0 1px 0; padding: 12px 15% 12px 0; font-size: 13px; line-height: 18px; color: #808080; border-bottom: 1px solid #cacaca; text-transform: uppercase; position: relative; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinmedium, Arial, sans-serif;} /* Arrow */ #sidebar nav ul li a i {margin: 7px 0 0 0; font-size: 15px; line-height: 18px; font-weight: bold; position: absolute; top: 6px; right: 10%; /* Animation */ -webkit-animation: fadeOut .5s ease-in-out both; -moz-animation: fadeOut .5s ease-in-out both; -o-animation: fadeOut .5s ease-in-out both; -ms-animation: fadeOut .5s ease-in-out both; animation: fadeOut .5s ease-in-out both; } /* Hover */ #sidebar ul li a:hover i { /* Animation */ -webkit-animation: fadeIn .5s ease-in-out both; -moz-animation: fadeIn .5s ease-in-out both; -o-animation: fadeIn .5s ease-in-out both; -ms-animation: fadeIn .5s ease-in-out both; animation: fadeIn .5s ease-in-out both; } /* Here */ #sidebar ul li.current_page_item a i, #sidebar ul li.current-cat a i, #sidebar ul li.current-menu-item a i, #sidebar ul li.current-product-ancestor a i { /* Animation */ -webkit-animation: fadeIn .5s ease-in-out both; -moz-animation: fadeIn .5s ease-in-out both; -o-animation: fadeIn .5s ease-in-out both; -ms-animation: fadeIn .5s ease-in-out both; animation: fadeIn .5s ease-in-out both; } /* Landing Page ----- */ #landing-children {margin: 0 !important; padding: 0 !important; position: relative; list-style: none !important;} #landing-children li {width: 48%; margin: 0 1% 20px 1%; text-align: center; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; display: block; float: left;} #landing-children li a {padding: 20px 5%; font-size: 18px; color: #034f73; border: 1px solid #034f73; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; text-transform: uppercase; text-decoration: none !important; font-family: cabinmedium, Arial, sans-serif;} #landing-children li:nth-child(odd) {clear: both;} /* Hover */ #landing-children li a:hover {background-color: #034f73; color: #fff;} /* Media Queries for Inside Pages */ @media only screen and (max-width: 729px) { /* Inside Hero ----- */ #inside-hero {margin: 0px 0 0 0;} } @media only screen and (max-width: 700px) { /* Landing Page ----- */ #landing-children li {width: 48%; margin: 0 1% 20px 1%;} #landing-children li:nth-child(odd) {clear: both;} #landing-children li:nth-child(4) {clear: none;} } @media only screen and (max-width: 500px) { /* Inside Hero Copy ----- */ .inside-hero-copy {left: 2.7173913%;} .inside-hero-copy h2 {font-size: 27px; line-height: 32px;} /* Main Content */ #main-content {width: 97%; max-width: none; min-height: 350px; margin: -28px 0 25px 0; padding: 10px 1.5%; float: none; clear: both;} /* Sidebar ----- */ #sidebar {width: 100%; max-width: none; padding: 10px 0 30px 0; float: none; clear: both;} /* Landing Page ----- */ #landing-children li {width: 95%; margin: 0 auto 20px auto; float: none; clear: both;} #landing-children li:nth-child(odd) {clear: none;} } /* Parking Rates -------------------------------------------------------------------------------------------------------------------------------- */ #parking-rates {width: 99%; margin: 140px auto 10px auto !important; padding: 0 !important; list-style: none; position: relative; clear: both;} #parking-rates li {width: 11.1%; max-width: 95px; margin: 0; padding: 0; border-right: 1px solid #d1d1d1; border-left: 1px solid #ffffff; text-align: center; position: relative; display: inline-block; float: left; /* Gradient */ background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 89%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(89%,#f0f0f0), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } #parking-rates li.wide {width: 16.1%; max-width: 140px;} #parking-rates li a {width: 100%; height: 34px; padding: 15px 0 0 0; font-size: 16px; color: #818181; border: none !important; position: relative; display: block; text-transform: uppercase; text-decoration: none; font-family: latobold, Trebuchet MS, Arial, sans-serif;} /* Hover */ #parking-rates li a:hover {color: #fff; /* Gradient */ background: #9f9f9f; /* Old browsers */ background: -moz-linear-gradient(top, #9f9f9f 0%, #9e9e9e 9%, #a3a3a3 20%, #c4c4c4 69%, #cfcfcf 89%, #cdcdcd 93%, #bfbfbf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f9f), color-stop(9%,#9e9e9e), color-stop(20%,#a3a3a3), color-stop(69%,#c4c4c4), color-stop(89%,#cfcfcf), color-stop(93%,#cdcdcd), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* IE10+ */ background: linear-gradient(to bottom, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */ } /* Last */ #parking-rates li.last {border-right: none;} /* Rates Label ----- */ #rates-label {background: none !important; filter: none !important; width: 100% !important; max-width: none !important; border: none !important; position: absolute !important; top: -80px !important; text-align: center !important; display: block !important; float: none !important; z-index: 5;} #rates-label h3 {background: none; font-size: 40px !important; line-height: 42px !important; color: #e7e7e7 !important; border: none !important;} /* Tooltips ----- */ .tooltips li a span{ width: 100px; height: auto; clear: both; line-height: 40px !important; padding: 10px 10px 0 10px; left: 50%; margin: 0 0 0 -64px; text-transform: uppercase; font-family: latobold, Trebuchet MS, Arial, sans-serif !important; font-size: 39px !important; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; background: #103779; text-indent: 0px; position: absolute; pointer-events: none; bottom: 100px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 50; /* Gradient */ background: #234e96; /* Old browsers */ background: -moz-linear-gradient(top, #234e96 0%, #14418d 5%, #13408c 7%, #113d85 29%, #0d2e67 93%, #0c2b61 96%, #092353 99%, #092150 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#234e96), color-stop(5%,#14418d), color-stop(7%,#13408c), color-stop(29%,#113d85), color-stop(93%,#0d2e67), color-stop(96%,#0c2b61), color-stop(99%,#092353), color-stop(100%,#092150)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* IE10+ */ background: linear-gradient(to bottom, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234e96', endColorstr='#092150',GradientType=0 ); /* IE6-9 */ } #parking-rates li span small {width: 100%; margin: -8px 0 0 0; font-size: 10px !important; display: block; clear: both;} /* Before / After */ .tooltips li a span:before, .tooltips li a span:after {width: 24px; height: 11px; margin-left: -9px; content: ''; position: absolute; bottom: -11px; left: 50%;} .tooltips li a span:after {background: url(images/tooltip-point.png) no-repeat;} /* Hover */ .tooltips li a:hover span {opacity: 1; bottom: 70px;} /* Active */ /*.tooltips li a.active span{opacity: 1; bottom: 70px;}*/ /* Parking Rate Labels ----- */ #rate-labels {margin: 0 0 70px 1%; clear: both;} #rate-labels h5 {background: url(images/rate-label-bg.png) repeat-x; margin: 0 0 15px 0 !important; font-size: 12px !important; line-height: 14px !important; color: #c6c6c6 !important; text-align: center !important; text-transform: uppercase; letter-spacing: 1px !important; float: left; font-family: latobold, Trebuchet MS, Arial, sans-serif !important;} #rate-labels h5 span{background-color: #fff; padding: 0 20px;} #minutes {width: 49.418605%; max-width: 425px;} #short-term {width: 16.960465%; max-width: 145px; white-space: nowrap;} #long-term {width: 31.976744%; max-width: 275px;} #rate-labels h6 {background: none; font-size: 11px !important; color: #c6c6c6 !important; text-align: center !important; clear: both !important;} /* Mobile Parking Rates -------------------------------------------------------------------------------------------------------------------------------- */ #parking-rates-mobile {width: 100%; margin: 100px auto 80px auto !important; padding: 0 !important; list-style: none; position: relative; clear: both; display: none;} /* Rates Label ----- */ #parking-rates-mobile #rates-label {background: none !important; filter: none !important; width: 100% !important; max-width: none !important; border: none !important; position: absolute !important; top: -60px !important; text-align: center !important; display: block !important; float: none !important; z-index: 5;} #parking-rates-mobile #rates-label h3 {font-size: 35px; line-height: 35px; color: #e7e7e7; border: none !important;} #parking-rates-mobile li {width: 100%; margin: 0 !important; padding: 0 !important; border-top: 1px solid #fff; border-bottom: 1px solid #d1d1d1; text-align: center; position: relative; display: inline-block; float: left;} #parking-rates-mobile li a {width: 100%; height: 34px; padding: 15px 0 0 0 !important; font-size: 16px; color: #818181; position: relative; display: block; text-transform: uppercase; font-family: latobold, Trebuchet MS, Arial, sans-serif;} /* Section Label ----- */ #parking-rates-mobile li.section-label {background: none !important; filter: none !important; margin: 0 0 5px 0 !important; border: none !important; clear: both;} #parking-rates-mobile li.section-label h5 {background: url(images/rate-label-bg.png) repeat-x !important; width: 100%; margin: 15px 0 15px 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 14px !important; color: #c6c6c6 !important; text-align: center !important; text-transform: uppercase; letter-spacing: 1px; float: left; font-family: latobold, Trebuchet MS, Arial, sans-serif !important;} #parking-rates-mobile li.section-label h5 span {background-color: #fff; padding: 0 20px;} /* Accordion ----- */ .accordion-header {width: 100%; height: 34px; padding: 15px 0 0 0; cursor: pointer; font-size: 16px; color: #818181; position: relative; display: block; text-transform: uppercase; font-family: latobold, Trebuchet MS, Arial, sans-serif; /* Gradient */ background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 89%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(89%,#f0f0f0), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#f0f0f0 89%,#e7e7e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } /* Hover */ .accordion-header:hover, .accordion-header.active-header {color: #fff; /* Gradient */ background: #9f9f9f; /* Old browsers */ background: -moz-linear-gradient(top, #9f9f9f 0%, #9e9e9e 9%, #a3a3a3 20%, #c4c4c4 69%, #cfcfcf 89%, #cdcdcd 93%, #bfbfbf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f9f), color-stop(9%,#9e9e9e), color-stop(20%,#a3a3a3), color-stop(69%,#c4c4c4), color-stop(89%,#cfcfcf), color-stop(93%,#cdcdcd), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* IE10+ */ background: linear-gradient(to bottom, #9f9f9f 0%,#9e9e9e 9%,#a3a3a3 20%,#c4c4c4 69%,#cfcfcf 89%,#cdcdcd 93%,#bfbfbf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */ } /* Content */ .accordion-content {display: none; width: 100% !important; position: relative; padding: 30px 0 0px 0; color: #fff; font-size: 45px; line-height: 45px; font-family: latobold, Trebuchet MS, Arial, sans-serif; /* Gradient */ background: #234e96; /* Old browsers */ background: -moz-linear-gradient(top, #234e96 0%, #14418d 5%, #13408c 7%, #113d85 29%, #0d2e67 93%, #0c2b61 96%, #092353 99%, #092150 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#234e96), color-stop(5%,#14418d), color-stop(7%,#13408c), color-stop(29%,#113d85), color-stop(93%,#0d2e67), color-stop(96%,#0c2b61), color-stop(99%,#092353), color-stop(100%,#092150)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* IE10+ */ background: linear-gradient(to bottom, #234e96 0%,#14418d 5%,#13408c 7%,#113d85 29%,#0d2e67 93%,#0c2b61 96%,#092353 99%,#092150 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234e96', endColorstr='#092150',GradientType=0 ); /* IE6-9 */ } .accordion-content span small {width: 100%; margin: -10px 0 0 0; font-size: 13px; display: block; clear: both;} /* Tip */ .accordion-content:before {background: url(images/accordion-content-tip.png) no-repeat center top #fff; width: 100%; height: 17px; content: ""; position: absolute; top: 0; left: 0;} /* Media Queries for Mobile Parking Rates */ @media only screen and (max-width: 630px) { #parking-rates {display: none;} #rate-labels {display: none;} #parking-rates-mobile {display: block;} } /* News ------------------------------------------------------------------------------------------------------------------------------------------- */ .news-post {padding: 15px 0; clear: both;} .news-post h3 a {text-decoration: none !important;} /* Jobs ------------------------------------------------------------------------------------------------------------------------------------------- */ .job-listing {padding: 15px 0; clear: both;} .job-listing h3 a {text-decoration: none !important;} /* Bid Opportunities ------------------------------------------------------------------------------------------------------------------------------ */ .bid {padding: 15px 0; clear: both;} .bid h3 a {text-decoration: none !important;} /* Page Navi -------------------------------------------------------------------------------------------------------------------------------------- */ .wp-pagenavi {margin: 0 0 20px 0; font-size: 15px; color: #6b6b6b !important; display: block; float: left; clear: both; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .wp-pagenavi a, .wp-pagenavi span {margin: 2px; padding: 3px 5px; color: #6b6b6b; text-decoration: none !important; border: 1px solid #00405f; float: left; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #00405f !important; background-color: #034f73; color: #fff !important; font-weight: normal !important; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .nextpostslink, .wp-pagenavi .last, .wp-pagenavi .previouspostslink, .wp-pagenavi .first {border: none;} .wp-pagenavi .last:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .first:hover, .wp-pagenavi .previouspostslink:hover {background: none; color: #6b6b6b !important;} /* Airport Store ------------------------------------------------------------------------------------------------------------------------------ */ /* Sidebar ----- */ #show-order a i {display: block !important; /* Animation */ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /* Product Loop ----- */ .products {padding: 0 !important;} .products li {width: 30% !important; margin: 0 3% 60px 0 !important;} .products li a {text-decoration: none !important;} .products li a img {max-width: 100% !important; width: 100% !important;} .products li.first {clear: none !important;} .products li.last {clear: none !important;} .products li:nth-child(3n+1) {clear: both !important;} /* Single Product ----- */ /* Inside Images */ .attachment-shop_single {width: 100% !important;} .attachment-shop_thumbnail {width: 100% !important;} /* Price */ .amount {font-size: 17px !important;} ins {text-decoration: none !important;} #product-2212 .price {display: none;} /* Variations */ .variations {padding: 10px 0 10px 0;} .variations td {padding: 10px 0 10px 0;} .reset_variations {padding: 10px 0 0 0; display: block; clear: both;} /* Stock */ .stock {display: none;} /* Posted In */ .posted_in {display: none !important;} /* SKU */ .sku_wrapper {margin: 0 0 5px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif; display: none;} /* Category */ .posted_in {margin: 0 0 5px 0; font-size: 13px; line-height: 22px; color: #808080; font-family: latoregular, Trebuchet MS, Arial, sans-serif; display: block;} /* Thumbnails */ .woocommerce div.product div.images div.thumbnails, .woocommerce #content div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails, .woocommerce-page #content div.product div.images div.thumbnails {padding: 2px 0 0 0 !important;} /* Tabs */ .tabs {display: none !important;} /* Booking */ .block-picker {padding: 0 !important; list-style: none !important;} .block-picker li {margin: 0 !important;} .block-picker li a {text-decoration: none !important;} .block-picker li a:hover {color: #fff !important;} /* Related Products */ .related {clear: both;} .related ul {padding: 0 !important;} .related ul li {width: 30.3333333% !important; margin: 0 3% 0 0 !important;} .related ul li a {text-decoration: none !important;} /* Cart ----- */ .back-to-store {margin: 0 0 15px 0 !important; color: #5e5e5e !important; text-decoration: none !important;} /* Cart Remove */ .remove {text-decoration: none !important; border: none !important;} /* Cart Totals ----- */ .cart_totals {width: 50% !important; padding: 20px 0 0 0; color: #707070; float: right !important; clear: both;} .cart_totals strong {font-weight: normal !important;} .cart_totals h2 {margin: 0 !important; text-align: center;} .cart_totals table {width: 100%; margin: 0 0 10px 0;} .cart_totals table tr {border-bottom: 1px solid red !important;} .cart_totals table th {background-color: #034f73; width: 25%; padding: 5px 1.5% 5px 5% !important; font-size: 15px; line-height: 30px !important; font-weight: normal !important; color: #fff; border-bottom: 1px solid #fafafd; text-align: right !important;} .cart_totals table td {border-bottom: 1px dashed #d7d7da; text-align: center;} /* Shipping ----- */ .shipping select {background: url(images/dropdown-arrow.png) right center no-repeat #fff; width: 85%; height: 34px; margin: 8px auto 8px auto; padding: 5px; font-size: 15px; line-height: 1; color: #707070; border: 0; border-radius: 0; border: 1px solid #d7d7da; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;} /* Checkout ----- */ #ship-to-different-address {float: none !important;} .cart_item p {margin: 0 !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; font-weight: normal;} .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dd {margin-bottom: 0 !important;} /* Form --- */ .checkout {} .variation p {margin: 0 !important;} /* Label */ .checkout label {font-size: 13px; margin: 6px 0 0 0; font-weight: normal !important; color: #034f73; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} /* Input */ .woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce input[type="password"], .woocommerce input[type="url"] {outline: none; border: 1px solid #929292; color: #929292; font-size: 15px !important; padding: 5px !important; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;} /* Hover */ .woocommerce input[type="text"]:hover, .woocommerce input[type="email"]:hover, .woocommerce input[type="tel"]:hover, .woocommerce input[type="password"]:hover, .woocommerce input[type="url"]:hover {color: #046791; border: 1px solid #046791 !important;} /* Active */ .woocommerce input[type="text"]:active, .woocommerce input[type="email"]:active, .woocommerce input[type="tel"]:active, .woocommerce input[type="password"]:active, .woocommerce input[type="url"]:active{color: #7f7f7f; border: 1px solid #384b5e;} /* Focus */ .woocommerce input[type="text"]:focus, .woocommerce input[type="email"]:focus, .woocommerce input[type="tel"]:focus, .woocommerce input[type="password"]:focus, .woocommerce input[type="url"]:focus {color: #046791; border: 1px solid #046791 !important;} /* Textarea --- */ .woocommerce textarea {width: 98% !important; outline: none; border: 1px solid #929292; color: #929292; font-size: 15px !important; line-height: 20px !important; padding: 5px !important; padding: 3px !important; -webkit-appearance: none; -webkit-border-radius: 0;} /* Hover */ .woocommerce textarea:hover {color: #046791; border: 1px solid #046791 !important;} /* Active */ .woocommerce textarea:active {color: #7f7f7f; border: 1px solid #384b5e;} /* Focus */ .woocommerce textarea:focus {color: #046791; border: 1px solid #046791 !important;} /* Order Details ----- */ .woocommerce .order_details {margin: 0 0 50px 0 !important; padding: 0 !important; list-style: none !important; clear: both;} .woocommerce .order_details li {width: 32.3333333%; margin: 0 !important; padding: 0 !important; font-size: 18px !important; color: #034f73 !important; text-align: center; font-family: cabinmedium, Arial, sans-serif !important;} .woocommerce .order_details li strong, .woocommerce .order_details li strong span {font-size: 16px !important; color: #808080 !important; font-weight: normal !important; font-family: latoregular, Trebuchet MS, Arial, sans-serif !important;} /* WooCommerce Buttons ----- */ .woocommerce a.button, #place_order, .single_add_to_cart_button {background: none !important; width: auto !important; height: auto !important; margin: 0 0 10px 0 !important; padding: 5px 10px !important; color: #afafaf !important; font-size: 14px !important; line-height: 17px !important; font-weight: normal !important; border: none !important; border: 2px solid #afafaf !important; border-radius: 0 !important; text-decoration: none !important; outline: none; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; text-transform: uppercase; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .woocommerce a.button:hover, #place_order:hover, .single_add_to_cart_button:hover {background-color: #046791 !important; color: #fff !important; border: 2px solid #046791 !important;} /* Media Queries for Airport Store */ @media only screen and (max-width: 768px) { /* Product Loop ----- */ .products {padding: 0 !important;} .products li {width: 47% !important; margin: 0 0 50px 0 !important;} .products li:nth-child(3n+1) {clear: none !important;} .products li:nth-child(2n+1) {clear: both !important;} /* Inside Images */ .attachment-shop_single {margin: 0 auto 10px auto !important;} .attachment-shop_thumbnail {margin: 0 auto 5px auto !important;} /* Related ----- */ .related {padding: 0 !important;} .related ul li {width: 47% !important; margin: 0 0 50px 0 !important;} .related ul li:nth-child(3n+1) {clear: none !important;} .related ul li:nth-child(2n+1) {clear: both !important;} } @media only screen and (max-width: 400px) { /* Product Loop ----- */ .products li {width: 90% !important; margin: 0 auto 50px auto !important; clear: both !important; float: none !important;} .products li:nth-child(3n+1) {clear: none !important;} .products li:nth-child(2n+1) {clear: none !important;} /* Related ----- */ .related {padding: 0 !important;} .related ul li {width: 90% !important; margin: 0 auto 50px auto !important; clear: both !important; float: none !important;} .related ul li:nth-child(3n+1) {clear: none !important;} .related ul li:nth-child(2n+1) {clear: none !important;} } /* Footer ----------------------------------------------------------------------------------------------------------------------------------------- */ footer#main-footer {background: url(images/footer-bg.jpg) repeat #c1c1c1; width: 100%; display: block; clear: both;} /* Footer Actionbar ----- */ #footer-action-bar {background-color: #046791; width: 100%; min-height: 50px; margin: 0 0 35px 0; -webkit-box-shadow: 0 1px 6px 0 rgba(63,114,135,.34); box-shadow: 0 1px 6px 0 rgba(63,114,135,.34);} /* Footer Newsletter */ #footer-newsletter {width: 45.652174%; max-width: 420px; margin: 0 0 0 0; position: relative; float: left;} /* Form */ #gform_wrapper_1 {} #gform_wrapper_1 .gform_footer {width: 25%; position: relative; float: right; clear: none;} #field_1_1 {width: 71.428571% !important; padding-right: 0 !important; float: left;} #field_1_1 label {display: none;} #gform_wrapper_1 ul li.gfield {margin: 0 !important; clear: none !important;} #gform_wrapper_1 .ginput_container {margin: 0 !important; clear: none !important;} #gform_submit_button_1 {background: none !important; background-color: #ec9c1f !important; width: 100% !important; max-width: none !important; min-height: 28px !important; margin: -4px 0 0 0 !important; padding: 6px 15% !important; font-size: 12px !important; line-height: 12px !important; font-weight: normal !important; text-align: center !important; color: #fff; border: none !important; cursor: pointer; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; text-align: center; position: relative; display: block; -webkit-appearance: none; text-transform: uppercase; -webkit-appearance: none; -webkit-border-radius: 0; float: right !important; font-family: cabinmedium, Arial, sans-serif;} /* Input --- */ #input_1_1 {width: 100%; height: auto; min-height: 0 !important; outline: none; border: 1px solid #929292; color: #929292; font-size: 15px !important; line-height: 15px !important; padding: 5px 1% !important; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0; display: block;} /* Hover */ #input_1_1:hover {color: #046791; border: 1px solid #046791 !important;} /* Active */ #input_1_1:active {color: #7f7f7f; border: 1px solid #384b5e;} /* Focus */ #input_1_1:focus {color: #046791; border: 1px solid #046791 !important;} /* Error */ #gform_wrapper_1 .gfield_error #input_1_1 {background-color: #fc6060; border: 1px dotted red !important; color: #fff !important;} /* Confirmation / Error Messages */ #footer-newsletter #gforms_confirmation_message {margin: 10px 0 0 0 !important;} /* Error */ #footer-newsletter .validation_error {display: none;} #footer-newsletter .validation_message {display: none;} #field_1_1.gfield_error {background: none !important; padding: 0 !important; border: none !important;} /* Footer Social */ #footer-social {width: 40%; float: right;} #footer-social ul {text-align: right; display: block;} #footer-social ul li {margin: 0 .5% 0 .5%; text-align: center; position: relative; display: inline-block;} #footer-social ul li a {width: 40px; height: 37px; padding: 13px 0 0 0; font-size: 21px; color: #fff; position: relative; display: inline-block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* Hover */ #footer-social ul li a:hover {background-color: #034f73;} /* Footer Navigation ----- */ #footer-navigation {background: url(images/footer-nav-line.png) repeat-x center bottom; margin: 0 auto 30px auto; padding: 0 0 30px 0; clear: both;} #footer-navigation nav {width: 15.326087%; max-width: 141px; margin: 0 .7% 0 .6%; position: relative; float: left;} #footer-navigation nav ul {} #footer-navigation nav ul li {margin: 0 0 5px 0;} #footer-navigation nav ul li a {font-size: 12px; color: #808080; border-bottom: 1px solid transparent; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #footer-navigation nav ul li h4 {margin: 0 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px solid #9d9d9d; display: block;} #footer-navigation nav ul li h4 a {padding: 0 5px 3px 0; font-size: 13px; color: #808080; border-bottom: 1px solid #7e7e7e; text-transform: uppercase; display: inline; font-family: cabinsemibold, Arial, sans-serif;} /* Hover */ #footer-navigation nav ul li a:hover {border-bottom: 1px solid #808080;} #footer-navigation nav ul li h4 a:hover {color: #585858; border-bottom: 1px solid #585858;} /* Footer Address ----- */ #footer-address {margin: 0 auto 30px auto;} /* Mailing Adddress */ #mailing-address {width: 70%; float: left;} #mailing-address p {font-size: 12px; line-height: 18px; color: #6e6e6e; float: left; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} #mailing-address a {color: #6e6e6e; text-decoration: underline;} #mailing-address img {max-width: 72px; width: 100%; height: auto; margin: 0 10px 0 0; float: left;} /* Navigation */ #footer-address nav {position: absolute; top: 5px; right: 0;} #footer-address nav ul {} #footer-address nav ul li {width: 100%; margin: 0 0 6px 0; text-align: center; position: relative; display: block; clear: both;} #footer-address nav ul li a {padding: 4px 20px; font-size: 12px; color: #6e6e6e; border: 2px solid #808080; text-transform: uppercase; display: block; position: relative; clear: both; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: cabinregular, Arial, sans-serif;} /* Hover */ #footer-address nav ul li a:hover {color: #585858; border: 2px solid #585858;} /* Wunderground */ #wunderground {width: 100%; margin: 0 auto; text-align: center; position: relative; display: block; clear: both;} #wunderground img {max-width: 126px; width: 100%; height: auto;} /* Footer Copyright ----- */ #footer-copyright {background: url(images/copyright-bg.jpg) repeat; padding: 9px 0;} #footer-copyright p {font-size: 11px; line-height: 14px; color: #c9c9c9; text-align: center; text-transform: uppercase; font-family: latoregular, Trebuchet MS, Arial, sans-serif;} /* Media Queries for Footer */ @media only screen and (max-width: 800px) { /* Footer Navigation ----- */ #footer-navigation {margin: 0 auto 15px auto; padding: 0 0 15px 0;} #footer-navigation nav {width: 31.3333333%; max-width: none; margin: 0 1% 25px 1%;} #footer-navigation nav:nth-child(4) {clear: both;} } @media only screen and (max-width: 700px) { /* Footer Newsletter */ #footer-newsletter {width: 55%; max-width: none;} #gform_wrapper_1 .gform_footer {width: 28%;} #gform_submit_button_1 {width: 100% !important; max-width: none !important; padding: 6px 15% !important;} } @media only screen and (max-width: 500px) { /* Footer Newsletter */ #footer-newsletter {width: 100%; max-width: none; margin: 0 0 10px 0; position: relative; float: left; clear: both;} /* Footer Social */ #footer-social {width: 100%; float: none; clear: both;} #footer-social ul {text-align: center;} #footer-social ul li a {padding: 0;} /* Hover */ #footer-social ul li a:hover {background: none;} /* Footer Navigation ----- */ #footer-navigation nav {width: 48%; max-width: none; margin: 0 1% 25px 1%;} #footer-navigation nav:nth-child(4) {clear: none;} } @media only screen and (max-width: 450px) { /* Footer Address ----- */ #footer-address {margin: 0 auto 15px auto;} /* Mailing Adddress */ #mailing-address {width: 100%; margin: 0 auto 20px auto; text-align: center; float: none; clear: both;} #mailing-address p {margin: 0 auto; float: none; clear: both;} #mailing-address img {max-width: 72px; width: 100%; margin: 0 auto 0 auto; float: none; clear: both;} /* Navigation */ #footer-address nav {margin: 0 auto; position: relative; top: auto; right: auto; clear: both;} #footer-address nav ul li {width: 90%; margin: 0 auto 6px auto;} /* Wunderground */ #wunderground {margin: 10px 0 0 0;} #wunderground img {max-width: 140px;} } @media only screen and (max-width: 300px) { /* Footer Navigation ----- */ #footer-navigation nav {width: 95%; margin: 0 auto 25px auto; float: none; clear: both;} } /* Forms ----------------------------------------------------------------------------------------------------------------------------------------- */ .gform_wrapper {margin: 10px 0 30px 0 !important; max-width: none !important; font-weight: normal !important; display: block; clear: both;} .gform_wrapper img {max-width: auto !important; width: auto !important; height: auto !important;} .gform_wrapper .gform_footer {border-top: none !important; margin: 5px 0 20px 0 !important; padding: 0 !important;} .gform_body {font-weight: normal !important;} .gform_fields {padding: 0 !important;} .gf_progressbar_title {background: none !important; opacity: 1 !important;} .gform_wrapper img {max-width: auto !important; width: auto !important;} .gsection {border: none !important;} .gform_page_fields {margin: 0 0 20px 0 !important; clear: both;} .gform_page_fields:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} * html .gform_page_fields {zoom: 1;} /* IE6 */ *:first-child+html .gform_page_fields {zoom: 1;} /* IE7 */ .gform_page_footer {clear: both;} .gform_wrapper img.add_list_item, img.delete_list_item {width: 1em !important; height: 1em !important;} /* File Upload File Preview */ .ginput_preview strong {font-weight: normal !important; font-style: italic;} /* Steps */ .gf_page_steps {width: 100% !important; padding: 0 0 10px 0 !important; border-bottom: 1px solid #525252 !important; text-align: center; display: table; clear: both;} .gf_step {margin: 0 auto; font-size: 15px !important; line-height: 19px !important; color: #034f73; text-transform: uppercase; display: table-cell; text-align: center; vertical-align: middle; font-family: cabinmedium, Arial, sans-serif !important;} .gf_step_number {font-size: 16px !important; line-height: 19px !important; font-family: cabinmedium, Arial, sans-serif !important;} .gf_step_pending {} .gf_progressbar_percentage {font-family: cabinmedium, Arial, sans-serif !important;} /* Label */ .gform_body label {font-size: 13px; margin: 6px 0 0 0; font-weight: normal !important; color: #034f73; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .ginput_left label {text-transform: none;} .ginput_right label {text-transform: none;} .ginput_full label {text-transform: none;} /* List Elements */ .gform_body ul {margin: 0 !important; text-indent: 0 !important; list-style: none !important;} .gform_body ul li {margin: 12px 0;} /* Input --- */ .gform_body input[type="text"], .gform_body input[type="email"], .gform_body input[type="tel"], .gform_body input[type="password"], .gform_body input[type="url"] {height: auto; outline: none; border: 1px solid #d7d7da; color: #929292; font-size: 15px !important; padding: 5px !important; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;} .gform_body input[type="text"].large, .gform_body input[type="email"].large, .gform_body input[type="tel"].large, .gform_body input[type="password"].large, .gform_body input[type="url"].large {width: 95% !important;} /* Hover */ .gform_body input[type="text"]:hover, .gform_body input[type="email"]:hover, .gform_body input[type="tel"]:hover, .gform_body input[type="password"]:hover, .gform_body input[type="url"]:hover {color: #046791; border: 1px solid #046791 !important;} /* Active */ .gform_body input[type="text"]:active, .gform_body input[type="email"]:active, .gform_body input[type="tel"]:active, .gform_body input[type="password"]:active, .gform_body input[type="url"]:active{color: #7f7f7f; border: 1px solid #384b5e;} /* Focus */ .gform_body input[type="text"]:focus, .gform_body input[type="email"]:focus, .gform_body input[type="tel"]:focus, .gform_body input[type="password"]:focus, .gform_body input[type="url"]:focus {color: #046791; border: 1px solid #046791 !important;} /* Error */ .gfield_error input[type="text"], .gfield_error input[type="email"], .gfield_error .gform_body input[type="tel"], .gfield_error input[type="password"], .gfield_error input[type="url"] {border: 1px dotted #7f0303 !important;} /* Error Message Input Labels */ .gfield_error label {color: #7f0303;} /* Textarea --- */ .gform_body textarea {width: 98% !important; outline: none; border: 1px solid #d7d7da; color: #929292; font-size: 15px !important; line-height: 20px !important; padding: 5px !important; padding: 3px !important; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;} /* Hover */ .gform_body textarea:hover {color: #046791; border: 1px solid #046791 !important;} /* Active */ .gform_body textarea:active {color: #7f7f7f; border: 1px solid #384b5e;} /* Focus */ .gform_body textarea:focus {color: #046791; border: 1px solid #046791 !important;} /* Error */ .gfield_error textarea {border: 1px dashed #7f0303 !important;} /* Select Dropdown ----- */ .gfield select {background: url(images/dropdown-arrow.png) right center no-repeat #fff; width: 40%; height: 34px; padding: 5px !important; font-size: 15px; line-height: 1; color: #707070; border: 0; border-radius: 0; border: 1px solid #d7d7da; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: none; letter-spacing: 1px; cursor: pointer; font-family: spyroclassicregular, Helvetica, sans-serif;} /* Input Fields */ #main-content.sidebar .ginput_left, #main-content.sidebar .ginput_right {width: 100% !important; margin: 12px 0;} #main-content.sidebar .medium, #main-content.sidebar .medium {width: 95% !important; margin: 0 0 10px 0 !important;} .ginput_left {width: 49% !important;} /* Left Half / Right Half */ .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large {width: 95% !important;} .gform_wrapper .top_label li.gfield.gf_left_half.gfield_error {width: 46% !important;} .gform_wrapper .top_label li.gfield.gf_right_half.gfield_error {width: 46% !important;} /* Submit Button --- */ .gform_footer input[type=submit] {background: none !important; width: 60% !important; margin: 20px auto 10px auto !important; padding: 8px 0 !important; font-size: 14px !important; font-weight: normal !important; text-align: center !important; color: #afafaf; border: 2px solid #afafaf; cursor: pointer; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; overflow: hidden; display: block !important; -webkit-appearance: none; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .gform_footer input[type=submit]:hover {background-color: #046791 !important; color: #fff; border: 2px solid #046791 !important;} /* Footer Button ----- */ .gform_page_footer .button {background: none; width: auto !important; height: auto !important; color: #afafaf !important; font-size: 14px !important; line-height: 17px !important; font-weight: normal !important; margin: 0 0 0 0 !important; padding: 5px 10px !important; border: none !important; border: 2px solid #afafaf !important; border-radius: 0 !important; outline: none; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; text-transform: uppercase; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .gform_page_footer .button:hover {background-color: #046791 !important; color: #fff !important; border: 2px solid #046791 !important;} .gform_wrapper .gf_progressbar_wrapper {border-bottom: none !important; clear: both; margin: 0 0 8px; padding: 0 0 16px; width: 100% !important;} .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {clear: both; font-size: 13px; line-height: 1em !important; margin: 0 0 6px !important; opacity: 1 !important; padding: 0 !important;} /* Confirmation / Error Messages --- */ #gforms_confirmation_message {background-color: #8eff6b !important; border-top: none !important; border-left: none !important; border-bottom: 1px solid #409e23 !important; border-right: 1px solid #409e23 !important; color: #409e23 !important; margin: 20px 0 10px 0 !important; padding: 5px 0 !important; font-size: 18px !important; line-height: 20px !important; font-weight: normal !important; text-align: center !important; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .gform_wrapper .validation_error {background-color: #fc6060 !important; border-top: none !important; border-bottom: 1px solid red !important; border-right: 1px solid #fc6060 !important; color: #c21717 !important; margin: 20px 0 10px 0 !important; padding: 5px 0 !important; font-size: 18px !important; line-height: 20px !important; font-weight: normal !important; text-align: center !important; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} /* Media Queries for Forms */ @media only screen and (max-width: 700px) { /* Complex Container (Name) */ .ginput_complex {} .ginput_left, .ginput_right {width: 100% !important; margin: 0 0 10px 0 !important;} /* Input Fields */ .medium {width: 95% !important;} /* Textarea */ .gform_body textarea {width: 95% !important;} /* Left Half / Right Half */ .gform_wrapper .top_label li.gfield.gf_left_half {width: 100% !important; clear: both !important; float: none !important;} .gform_wrapper .top_label li.gfield.gf_right_half {width: 100% !important; clear: both !important; float: none !important;} .gform_wrapper .top_label li.gfield.gf_left_half.gfield_error {width: 97% !important;} .gform_wrapper .top_label li.gfield.gf_right_half.gfield_error {width: 97% !important;} } @media only screen and (max-width: 500px) { /* Steps */ .gf_page_steps {width: 100% !important; padding: 0 !important; text-align: center; display: table; clear: both;} .gf_step {width: 100% !important; margin: 0 auto; display: block !important; float: none !important; clear: both !important;} .gform_wrapper .gf_step span.gf_step_number {float: none !important;} /* Complex Container (Name) */ .ginput_complex {} .ginput_left, .ginput_right {width: 100% !important; margin: 0 0 10px 0 !important;} body .gform_wrapper .top_label li.gfield.gfield_error {width: 97% !important;} /* Input Fields */ .medium {width: 95% !important;} /* Textarea */ .gform_body textarea {width: 95% !important;} } /* Animations ---------------------------------------------------------------------------------------------------------------------------------- */ /* fadeOut */ @-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0; display: none; background: none !important; z-index: 0;} } @-moz-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0; display: none; background: none !important; z-index: 0;} } @-o-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0; display: none; background: none !important; z-index: 0;} } @-ms-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0; display: none; background: none !important; z-index: 0;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0; display: none; background: none !important; z-index: 0;} } /* fadeIn */ @-webkit-keyframes fadeIn{ 0% {opacity: 0; display: none;} 100% {opacity: 1; z-index: 5;} } @-moz-keyframes fadeIn{ 0% {opacity: 0; display: none;} 100% {opacity: 1; z-index: 5;} } @-o-keyframes fadeIn{ 0% {opacity: 0; display: none;} 100% {opacity: 1; z-index: 5;} } @-ms-keyframes fadeIn{ 0% {opacity: 0; display: none;} 100% {opacity: 1; z-index: 5;} } @keyframes fadeIn{ 0% {opacity: 0; display: none;} 100% {opacity: 1; z-index: 5;} } /* Columns --------------------------------------------------------------------------------------------------------------------------------- */ .padded_column {margin: 20px 0 20px 0;} .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth {margin: 15px 0; float: left;} .full_width img, .one_half img, .one_third img, .two_third img, .one_fourth img, .three_fourth img, .one_fifth img, .two_fifth img, .three_fifth img, .four_fifth img, .one_sixth img {max-width: 100%; width: auto; height: auto; margin: 10px 0;} .clear_column {clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; overflow: hidden;} .one_half {width: 46% !important; margin-right: 4% !important;} .one_third {width: 31% !important; margin-right: 2.3%;} .two_third {width: 64% !important; margin-right: 2.6% !important;} .one_fourth {width: 23% !important; margin-right: 2% !important;} .three_fourth {width: 72% !important; margin-right: 3% !important;} .one_fifth {width: 19% !important; margin-right: 1% !important;} .two_fifth {width: 38% !important; margin-right: 2% !important;} .three_fifth {width: 57% !important; margin-right: 3% !important;} .four_fifth {width: 76% !important; margin-right: 3% !important;} .one_sixth {width: 16% !important; margin-right: 0.6% !important;} .last_column {margin-right: 0 !important;} /* Media Queries for Columns */ @media only screen and (max-width: 600px) { .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth {width: 99% !important; margin: 10px auto !important; text-align: center; float: none; clear: both;} } /* Site Tour ---------------------------------------------------------------------------------------------------------------------------------- */ .tour-step {width: 100% !important; display: none;} .tour-step h2 {background: url(images/content-heading-bg.png) repeat-x center bottom; margin: 0 0 8px 0 !important; padding: 0 0 8px 0 !important; font-size: 18px !important; color: #034f73 !important; text-transform: uppercase !important; font-family: cabinbold, Arial, sans-serif !important;} .tour-step p {font-size: 13px !important; line-height: 16px !important; color: #808080 !important; text-transform: none !important; font-family: latoregular, Trebuchet MS, Arial, sans-serif !important;} .powertour {padding: 5px; position: absolute; z-index: 99999;} .powertour > span{ position : absolute; font-size : 0; line-height : 0; width : 0; } .powertour-arrow-tl{ left : 8px; bottom : -8px; border-right : 10px solid transparent; border-bottom : none; border-left : 10px solid transparent; } .powertour-arrow-tm{ left : 50%; bottom : -8px; border-right : 10px solid transparent; border-bottom : none; border-left : 10px solid transparent; margin : 0 0 0 -10px; } .powertour-arrow-tr{ right : 8px; bottom : -8px; border-right : 10px solid transparent; border-bottom : none; border-left : 10px solid transparent; } .powertour-arrow-rt{ left : -8px; top : 8px; border-top : 10px solid transparent; border-bottom : 10px solid transparent; border-left : none; } .powertour-arrow-rm{ left : -8px; top : 50%; border-top : 10px solid transparent; border-bottom : 10px solid transparent; border-left : none; margin : -10px 0 0 0; } .powertour-arrow-rb{ left : -8px; bottom : 8px; border-top : 10px solid transparent; border-bottom : 10px solid transparent; border-left : none; } .powertour-arrow-bl{ left : 8px; top : -8px; border-right : 10px solid transparent; border-top : none; border-left : 10px solid transparent; } .powertour-arrow-bm{ left : 50%; top : -8px; border-right : 10px solid transparent; border-top : none; border-left : 10px solid transparent; margin : 0 0 0 -10px; } .powertour-arrow-br{ right : 8px; top : -8px; border-right : 10px solid transparent; border-top : none; border-left : 10px solid transparent; } .powertour-arrow-lt{ right : -8px; top : 8px; border-top : 10px solid transparent; border-bottom : 10px solid transparent; border-right : none; } .powertour-arrow-lm{ right : -8px; top : 50%; border-top : 10px solid transparent; border-bottom : 10px solid transparent; border-right : none; margin : -10px 0 0 0; } .powertour-arrow-lb{ right : -8px; bottom : 8px; border-top : 10px solid transparent; border-bottom : 10px solid transparent; border-right : none; } .powertour-inner{ -webkit-border-radius : 5px; -khtml-border-radius : 5px; -moz-border-radius : 5px; border-radius : 5px; padding : 15px; text-align : left; } .powertour-draggable .powertour-head{cursor: move;} .powertour-content{} .powertour-steps {display: none;} .powertour-placeholder {width: auto; float: left;position: relative;} .powertour-footer { height : 26px; width : 100%; float : left; line-height : 26px; text-align : right; margin : 15px 0 0 0; padding : 15px 0 0 0; } .powertour-footer div {width: auto; float: right;} .powertour-footer div a {width: auto !important; float: right;} .powertour-footer span {position: relative !important; left: auto !important; top: auto !important;} #powertour-overlay{ width : 100%; height : 100%; z-index : 9900; position : fixed; top : 0; left : 0; display : none; } .powertour-hook-relative{position: relative;} .powertour-hook-zindex{z-index: 9999 !important;} .powertour-inner:before, .powertour-inner:after{ content : "\0020"; display : block; height : 0; overflow : hidden; font-size : 0; line-height : 0; visibility : hidden; } .powertour-inner:after {clear: both;} .powertour-inner {zoom : 1; /*IE*/} /* Single step ----------- */ .single-step {display : none;} .single-step > header{ height : 30px; width : 100%; float : left; line-height : 30px; margin : 0 0 10px 0; } .single-step > header h3 {font-size: 16px;} /* Misc ----------- */ .powertour { -webkit-border-radius : 5px; -khtml-border-radius : 5px; -moz-border-radius : 5px; border-radius : 5px; } /* Styling ----------- */ .powertour-style-basic .powertour-footer{border-top : 1px dotted #aaa;} .powertour-style-basic .powertour-footer a {background: none !important; margin: 0 2px; padding: 5px 8px; font-size: 13px; line-height: 13px; font-weight: normal; text-align: center; color: #afafaf; border: 2px solid #afafaf; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; display: block; text-transform: uppercase; font-family: cabinmedium, Arial, sans-serif;} .powertour-style-basic .powertour-footer a:hover{background-color: #046791 !important; color: #fff; border: 2px solid #046791 !important;} .powertour-time-ctrls, .powertour-time-timer {background: #fff; -webkit-box-shadow: 0 0 4px 0 #222; -moz-box-shadow: 0 0 4px 0 #222; box-shadow: 0 0 4px 0 #222;} .powertour-time-ctrls a {background-color: #fff; border: 1px solid #999;} #powertour-overlay {background-color : #000;} /* Styling: default ----------- */ .powertour-style-basic{ background-color : #fff; color : #333; -webkit-box-shadow : 0 0 4px 0 #222; -moz-box-shadow : 0 0 4px 0 #222; box-shadow : 0 0 4px 0 #222; } .powertour-style-basic .powertour-arrow-tl {border-top: 10px solid #fff;} .powertour-style-basic .powertour-arrow-tm {border-top: 10px solid #fff;} .powertour-style-basic .powertour-arrow-tr {border-top: 10px solid #fff;} .powertour-style-basic .powertour-arrow-rt {border-right: 10px solid #fff;} .powertour-style-basic .powertour-arrow-rm {border-right: 10px solid #fff;} .powertour-style-basic .powertour-arrow-rb {border-right: 10px solid #fff;} .powertour-style-basic .powertour-arrow-bl {border-bottom: 10px solid #fff;} .powertour-style-basic .powertour-arrow-bm {border-bottom: 10px solid #fff;} .powertour-style-basic .powertour-arrow-br {border-bottom: 10px solid #fff;} .powertour-style-basic .powertour-arrow-lt {border-left: 10px solid #fff;} .powertour-style-basic .powertour-arrow-lm {border-left: 10px solid #fff;} .powertour-style-basic .powertour-arrow-lb {border-left: 10px solid #fff;} .powertour-style-basic .powertour-inner {background-color : #fff;} /* Media Queries for Site Tour */ @media only screen and (max-width: 400px) { .powertour {width: 255px !important; padding: 5px 0px !important;} } #frmSearchByPrice {position: relative;} /* Default attributes of table container for entire calendar */ .table-style { font-family: arial; border-width: 1; border-style: solid; border-color: #a0a0a0; background-color: #ffffff; font-family: arial; font-size: 11px; } /* Default attributes of DIV containing table container for entire calendar. * You probably do not want to alter this style. */ .div-style {z-index: +999; position: absolute; visibility: hidden;} /* Default attributes used in calendar title (month and year columns).*/ .title-style {padding: 2px; font-family: arial; font-size: 11px; color: #3a6ea5;} /* Default attributes used in calendar title background.*/ .title-background-style {background-color: #cee3ef;} /* Normal appearance of controls in calendar title. */ /* Note: The right, left and down icons are images, which must be edited if you need to change them. */ .title-control-normal-style { border-style: solid; border-width: 1; border-color: #3a6ea5; cursor: pointer; } /* Moused-over (selected) appearance of controls in calendar title. */ .title-control-select-style { border-style: solid; border-width: 1; border-color: #3a6ea5; cursor: pointer; } /* Default attributes of drop down lists (month and year). */ .dropdown-style { font-family: arial; font-size: 11px; border-width: 1; border-style: solid; border-color: #a0a0a0; background-color: #cee3ef; cursor: pointer; } /* Default attributes selected (mouse-over) item in drop down lists (month and year). */ .dropdown-select-style {background-color: #3a6ea5;} /* Default attributes unselected (mouse-off) item in drop down lists (month and year). */ .dropdown-normal-style {} /* Default attributes of calendar body (weekday titles and numbers). */ .body-style { padding: 5px; background-color: #E2E2E2; font-family: verdana; font-size: 11px; } /* Attributes of current day in calendar body. */ .current-day-style {color: red; font-weight: bold; text-decoration: none;} /* Attributes of end of week days (Sundays) in calendar body. */ .end-of-weekday-style {color: #909090; text-decoration: none;} /* Attributes of all other days in calendar body. */ .normal-day-style {color: black; text-decoration: none;} /* Attributes of border around selected day in calendar body. */ .selected-day-style {border-style: solid; border-width: 1px; border-color: #a0a0a0;} /* Default attributes of designated holidays. */ .holiday-style {background-color: #FFDDDD;} /* Attributes of today display at bottom on calendar */ .today-style { padding: 0px; color: black; font-family:arial; font-size:11px; background-color: #cee3ef; text-align: center; text-decoration: none; } .today-style:hover { padding: 0px; color: black; font-family:arial; font-size:11px; background-color: #cee3ef; text-align: center; text-decoration: underline; } /* Attributes of week number division (divider.gif) */ .weeknumber-div-style {background-color: #d0d0d0; padding: 0px;} /* Attributes of calander table */ .cal_td {font-family:verdana; font-size:11px;} .cal_h1 {font-family:arial; font-size:17px;} .cal_a {font-size:11px; text-decoration:none;} .cal_a:hover { font-family: arial; font-size: 11px; color: #FFFFFF; border-width: 1; border-style: solid; border-color: #a0a0a0; background-color: #FF9933; cursor: pointer;} .cal_blockquote {font-size:11px; font-family:courier} .text_body{color: #000000;font-size: 7pt;text-decoration:none;font-family: Verdana;} .text_bold{color: #000000;font-size: 7pt;text-decoration:none;font-family: Verdana; font-weight: bold;} .text_header{color: #FFFFFF;font-size: 10pt;text-decoration:none;font-family: Verdana; font-weight: bold;} .text_tab{color: #FFFFFF; font-size: 9pt; text-decoration:none; font-family: Arial; font-weight: bold;} .link_bold{color: #000000; font-size: 9pt; text-decoration:none; font-family: Arial; font-weight: bold;} .link_bold:hover{color: #000000; text-decoration: underline} .link_simple{color: #000000; font-size: 9pt; text-decoration:none; font-family: Arial;} .link_simple:hover{color: #000000; text-decoration: underline} .table_100 { border-spacing: 0px; padding: 0; border-collapse: collapse; width: 100%; background-color: #EEFFFF; } .td_50 { border-spacing: 0px; padding: 0; border-collapse: collapse; width: 50%; background-color: #EEFFFF; } .td_left{ text-align: left; padding: 0px;} .input_airport{ font-size: 8pt; text-decoration: none; font-family: Arial; height: 18px; width: 120px; background-color: #EEFFFF; position: relative; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #a2a2a2 #cccccc #f2f2f2 #cccccc; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .input_date{ font-size: 8pt; text-decoration:none; font-family: Arial; height:18px; width:80px; background-color: #EEFFFF; position:relative; border-style:solid; border-width:2px 2px 2px 2px; border-color:#a2a2a2 #cccccc #f2f2f2 #cccccc; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; } .input_time{ font-size: 8pt; text-decoration:none; font-family: Arial; height:18px; width:90px; background-color: #EEFFFF; position:relative; border-style:solid; border-width:2px 2px 2px 2px; border-color:#a2a2a2 #cccccc #f2f2f2 #cccccc; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; } .input_passengers{ font-size: 7pt; text-decoration:none; font-family: Arial; height:18px; width:40px; background-color: #EEFFFF; position:relative; border-style:solid; border-width:2px 2px 2px 2px; border-color:#a2a2a2 #cccccc #f2f2f2 #cccccc; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; } .button_submit { border-right: #006600 thin solid; border-top: #cccccc thin solid; border-bottom: #006600 thin solid; border-left: #cccccc thin solid; font-weight: bold; font-size: 11px; text-transform: capitalize; cursor: hand; color: #ffffff; line-height: 0.85; padding-top: 3px; font-family: Arial; background-color: #1C4638; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; }