/* ========================================================================== === Theme: BMI Regional Main Styles === By: Ebow === Website: http://ebow.ie === Version: 1.0 === For: BMI Regional === Last Edit: ========================================================================== */ /* =========================================================================== === BASE STYLE ============================================================ =========================================================================== */ html, body {height: 100%; /*font-family: 'myriad-pro', sans-serif;*/font-family: 'myriad-pro', sans-serif!important;color:#666666;} .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'myriad-pro', sans-serif!important;color:#666666; font-size:14px;} /* Custom Fonts */ h1 {font-size:24px; color:#0e143c; line-height:1; margin:50px 0 0 0;} h2 {font-size:24px; color:#000000; line-height:1; margin:10px 0;} h3 {font-size:20px; color:#00549e; line-height:1; margin:10px 0;} h4 {font-size:18px; color:#0e143c; line-height:1; margin:10px 0;} h5 {font-size:16px; color:#0e143c; line-height:1; margin:10px 0;} p {color:#666666; line-height:24px; margin:10px 0; font-size:14px;} hr {margin:0; border-top:1px solid #2c2b2b;} hr.white {border-top:1px solid #fff;} /* Slow hover effect */ a, input[type='submit'], button, #cookie-notice .button.bootstrap, #my-flight .account-cta .item {text-decoration:none; color:#00549e; text-decoration:none; -o-transition: color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; -ms-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; -moz-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; -webkit-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; } .main a {color:#666;} /* #post_content img {width:100%;} */ /* Layout */ .outer {width:100%; float:left; clear:both;} .inner {width: 960px; padding: 0 10px; margin: 0 auto; clear:both;} .left {float:left!important;} .right {float:right!important;} .no-pad {padding:0!important;} .no-pad-left {padding-left:0!important;} .no-pad-right {padding-right:0!important;} .sprite {background:url('../images/sprites.png') no-repeat;} .infosprite { background: url('../images/sprites.png') no-repeat 0px -1362px; width: 25px; height: 25px; } .arrow.red {background:url('../images/sprites.png') no-repeat; background-position:-490px -120px;} .button, input[type='submit'].wpcf7-submit { width:auto;padding:10px 20px; text-align:center; text-transform:uppercase; font-size:18px; text-decoration:none!important; border:none;} #cookie-notice .button.bootstrap {text-shadow:none; box-shadow:none; border-radius:0; border:none;} .button.red, #cookie-notice .button.bootstrap {background:#ee3224; color:#fff; border-bottom:3px solid #990000;} .button.red:hover, .no-touch .cbp-hssubmenu > li a.button.red:hover, .no-touch .cbp-hssubmenu > li a.button.red:focus, #cookie-notice .button.bootstrap:hover {background:#990000; border-bottom:3px solid #ee3224; text-decoration:none; color:#fff;} .button.blue, input[type='submit'].wpcf7-submit {background:#00549e; color:#fff; border-bottom:3px solid #0e143c;} .button.blue:hover {background:#0e143c; border-bottom:3px solid #00549e; text-decoration:none;} .media-boxes-load-more-button {display:none;} button.pdf, a.pdf {border:none;background:url('../images/sprites.png') no-repeat; background-position:0 -2410px; line-height:35px; font-size:18px; display:block; padding-left:50px;} /* Slick Slider */ .slick-prev, .slick-next {background:url('../images/sprites.png') no-repeat; width:24px; height:48px;} .slick-prev {left:45px; background-position:0 -760px;} .slick-next {right:45px; background-position:-60px -760px;} #blog .slick-prev {left:45px; background-position:-150px -760px;} #blog .slick-next {right:45px; background-position:-220px -760px;} /* Lists */ .entry-content ul {list-style-type:none} .entry-content ul li {background:url('../images/bullet_blue.png') no-repeat; padding:7px 0 0 30px;} .entry-content ol li {padding:7px 0 0 30px;} .white-border-bottom {border-bottom:1px solid #fff;} /* FORM STUFF */ .form {background:#fff; padding:30px;} .form.grey {background-color:#fbfbfb;} .form.grey hr {border-top:1px solid #ccc; margin:20px 0;} .form.blue {background:rgb(199, 223, 244);} .form.blue hr {border-top:1px solid #fff; margin:20px 0;} .form .col {} .form .field {height:45px; background-color:#fff; border:1px solid #d3d4d5; width:100%;} .field input {width:100%; height:48px; } input {padding-left:10px; } .datepicker {background-image:url('../images/datepicker.png'); background-repeat:no-repeat; background-position:right;} input.button {outline:none;} .form input[type='text'] { width: 100%; } .form input[type='email'] { width: 100%; } .form textarea { width: 100%; } .smallform {background:#fff; padding:30px; width: 90%;} .smallform.grey {background-color:#fbfbfb;} .smallform.grey hr {border-top:1px solid #ccc; margin:20px 0;} .smallform.blue {background:rgb(199, 223, 244);} .smallform.blue hr {border-top:1px solid #fff; margin:20px 0;} .smallform .col {} .smallform .field {height:45px; background-color:#fff; border:1px solid #d3d4d5; width:100%;} /* Styling for select boxes */ select {height:45px; border-radius:0; background-color:#fff; border:1px solid #d3d4d5; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../images/dropdown_blue.png') no-repeat;background-position: right;padding-left: 10px; } select::-ms-expand{display:none;} /* TABLE STUFF */ table {} tr, th, td {} th, td {padding:10px;} th {background:#0e143c; color:#fff; font-size:18px; font-weight:400;} tr:nth-child(odd) {background: #fff;} /* =========================================================================== === HEADER ================================================================ =========================================================================== */ .alert {padding:0; margin:0;border:none; border-radius:0; background:#ee3224; min-height:45px;} .alert p {color:#fff; font-size:16px; margin:0; background-position:0 -1372px; padding-left:35px;min-height:45px; padding-bottom:10px;padding-top:10px} .alert p span.title {text-transform:uppercase; font-size:18px;} .alert a {min-height:45px; padding-top:10px; color:#fff; display:block; background-position:right -157px; font-size:16px; text-align:right; padding-right:25px;} header {background-color:#0e143c; height:175px; } /* header {background-color:#000; height:175px; }*/ header.mobile {display:none;} #header-inner {padding-top:10px;background-image:url('../images/header_bg.png'); background-repeat:repeat-y; height:100%; position:relative;} #header-inner .logo {z-index:9999;} #header-inner #logo {width:246px; height:85px; z-index:199; position: absolute; top:12px; left:0px;} #header-inner #logo a {display:block; width:100%; height:100%;} /* REGIONS DROPDOWN */ ul#header-regions {list-style-type:none; font-size:12px;} ul#header-regions > li {float:left;} ul#header-regions > li.my-bmi {padding-right:15px; border-right:1px solid #85aad9; margin-right:15px;} ul#header-regions > li.my-bmi a {color:#85aad9;} ul#header-regions > li.current > a {color:#fff; background:url('../images/flags.png') no-repeat; background-position:0 -620px; padding-left:30px; height:20px; display:block;} #header-regions ul.submenu {display: none; width:300px; right:0; top:45px; background-color:#fff; position: absolute; z-index:999; -moz-column-count: 2;-moz-column-gap: 0em;-webkit-column-count: 2;-webkit-column-gap: 0em;column-count: 2;column-gap: 0em;list-style-type:none; } #header-regions ul.submenu li {border:1px solid #ccc; border-top:0; border-right:0; } #header-regions ul.submenu li a {color:#333; display:block; padding:15px 25px 15px 50px; background:url('../images/flags.png') no-repeat; background-position:15px 15px; } #header-regions ul.submenu li a:hover {text-decoration:none;color:#fff; background-color:#0e143c;} /* Remove left border on left column items */ #header-regions ul.submenu li.belgium, #header-regions ul.submenu li.denmark, #header-regions ul.submenu li.germany, #header-regions ul.submenu li.france, #header-regions ul.submenu li.italy {border-left:0;} /* Flag background sprite positioning */ ul#header-regions > li.denmark > a {background-position:0 -70px;} ul#header-regions > li.germany > a {background-position:0 -140px;} ul#header-regions > li.france > a {background-position:0 -210px;} ul#header-regions > li.italy > a {background-position:0 -280px;} ul#header-regions > li.sweden > a {background-position:0 -350px;} ul#header-regions > li.norway > a {background-position:0 -420px;} ul#header-regions > li.netherlands > a {background-position:0 -490px;} ul#header-regions > li.switzerland > a {background-position:0 -550px;} ul#header-regions > li.uk > a {background-position:0 -620px;} ul#header-regions > li.czech > a {background-position:0 -690px;} #header-regions ul.submenu li.denmark a {background-position:15px -55px;} #header-regions ul.submenu li.germany a {background-position:15px -125px;} #header-regions ul.submenu li.france a {background-position:15px -195px;} #header-regions ul.submenu li.italy a {background-position:15px -265px;} #header-regions ul.submenu li.sweden a {background-position:15px -335px;} #header-regions ul.submenu li.norway a {background-position:15px -405px;} #header-regions ul.submenu li.netherlands a {background-position:15px -475px;} #header-regions ul.submenu li.switzerland a {background-position:15px -535px;} #header-regions ul.submenu li.uk a {background-position:15px -605px;} #header-regions ul.submenu li.czech a {background-position:15px -675px;} /* MAIN MENU */ .main {} .main li a:hover {color:#fff;} .main li.agents a, .main li.charter a {color:#85aad9; text-transform:none; font-size:16px;} /*.main-submenu {text-transform:none; font-size:14px;display:none; position:absolute; left:0; z-index:9999; width:100%; background:#efefef; padding:40px 0;}*/ .main-submenu {text-transform:none; font-size:14px;display:none; position:absolute; left:0; z-index:9999; width:100%; background:#fff; padding:40px 0;} .main-submenu ul {list-style-type:none;} /* Submenu */ .main li .main-submenu li {font-size:14px; line-height:24px;} .main li .main-submenu h3 {margin-bottom:30px; text-transform:uppercase;} ul.travel h3 {font-size:16px;} /* Book */ .main li .book.cbp-hssubmenu {margin-left:-410px;} /* Travel */ .main .travel ul li { margin-left: 25px; } .main .travel ul li.travel_heading { color: blue; text-transform: uppercase; /*padding-bottom: 10px;*/ } .main .travel ul li.travel_item a { /*color: black; font-size: 1em;*/ } .main .book ul li { margin-left: 25px; } .main .book ul li.travel_heading { /*color: blue; text-transform: uppercase; padding-bottom: 10px;*/ } .main .book ul li.travel_item a { /*color: black; font-size: 1em;*/ } /* .main .travel .col-1 ul {} .main .travel .col-1 ul li {padding-left:90px; padding-right:20px; height:95px; border:1px solid #e9e9e8; margin-bottom:15px; background-color:#fff;} .main .travel .col-1 ul li a { text-transform:uppercase; font-size:14px; color:#00549e;} .main .travel .col-1 ul li.how-to-check-in {background-position:15px -198px; padding-top:23px} .main .travel .col-1 ul li.identification-documents {background-position:15px -308px; padding-top:23px;} .main .travel .col-1 ul li.airport-information {background-position:15px -418px; padding-top:23px;} .main .travel .col-1 ul li.cargo {background-position:15px -538px; padding-top:35px} .main .travel .title { height:110px; width:100%; border-bottom:1px solid #00549e; margin-bottom:30px;} .main .travel .baggage .title {background-position:center -210px;} .main .travel .special-travel-needs .title {background-position:center -390px;} .main .travel .passenger-information .title {background-position:center -590px;} */ /* Destinations */ .main .destinations {} .main .destinations .full-route-map {width:100%;} .main .destinations .full-route-map h3 {display:none;margin-bottom:50px;padding-left:35px; text-transform:none; line-height:44px; background-color:#3d71b8; background-image:url('../images/menu_full_route_map_bg.png'); background-repeat:no-repeat; background-position:right; height:44px;} .main .destinations .full-route-map h3 a {color:#fff;} .main .destinations h3 {margin-bottom:10px;} .main .destinations ul.destinations {margin-bottom:30px;} .main .destinations ul.destinations li {font-size:14px; margin:10px 0;} .main .destinations ul.destinations li a {background-image:url('../images/sprites.png'); background-position:0 -685px; padding-left:20px;} #my-flight .account-cta {height:45px; background:#c7dff4;} #my-flight .account-cta .item {padding-left:40px; padding:0; border-right:1px solid #0e143c; line-height:45px; background-color:#c7dff4;} #my-flight .account-cta .item:last-child {border-right:none;} #my-flight .account-cta a {color:#3c6cb6; text-transform:uppercase; display:block; width:100%; padding-left:40px;} /* ben 22 Sept 2016 #my-flight .account-cta .item:hover, #my-flight .account-cta a:hover, body.page-template-page-template-manage-booking #my-flight .account-cta .manage-booking {background:#fff; color:#0e143c; text-decoration:none;} #my-flight .account-cta img {margin-right:10px;} */ #my-flight .account-cta a:hover { text-decoration: none; } #my-flight .account-cta .check-in:hover {background-color: #fff; background-image: url("/wp-content/themes/bmi_regional/images/icons/checkinicon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } #my-flight .account-cta .cars:hover {background-color: #fff; background-image: url("/wp-content/themes/bmi_regional/images/icons/carsicon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } #my-flight .account-cta .hotels:hover {background-color: #fff; background-image: url("/wp-content/themes/bmi_regional/images/icons/hotelsicon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } #my-flight .account-cta .manage-booking:hover {background-color: #fff; background-image: url("/wp-content/themes/bmi_regional/images/icons/managebookingicon.png");background-repeat:no-repeat; background-size: 30px;background-position: 5px 8px; } #my-flight .account-cta .flight-status:hover {background-color: #fff; background-image: url("/wp-content/themes/bmi_regional/images/icons/bookflighticon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } /* UPDATED MAIN MENU - AR 06-04-2016 */ .main-submenu li.col-md-4 {border-left:1px solid #eee;} .main-submenu li.col-3.col-md-4 {border-right:1px solid #eee;} .main .book ul li.travel_heading, .main .travel ul li.travel_heading {text-transform:uppercase; color:rgb(0, 84, 158); font-size:20px; margin-bottom:20px; margin-top:10px;} .main .book ul li, .main .travel ul li {font-size:16px; font-weight:400; margin-bottom:5px;} .main .book ul li a, .main .travel ul li a {color:rgb(102, 102, 102)} .main .book ul li a:hover, .main .travel ul li a:hover, .main .destinations ul.destinations li a:hover {color:inherit;} .main .book ul li.travel_item a.button {color:#fff; display:inline-block; background-image:url('../images/sprites.png'); background-position:-960px -416px; background-repeat:no-repeat; padding-left:45px;} .main .book ul li.travel_item a.button:hover {color:#fff;} .main li .main-submenu .destinations h3 {margin-bottom:20px;} /* MY ACCOUNT DROPDOWN AR 11-04-2016, done again for cars hotels 21/09/2016 */ #check-in-dropdown, #manage-booking-dropdown, #bookhotel-dropdown, #bookcar-dropdown {position:absolute; width:940px; z-index:20; padding:40px; background:#fff;} #check-in-dropdown .form, #manage-booking-dropdown .form, #bookhotel-dropdown .form, #bookcar-dropdown .form {padding:0;} #check-in-dropdown .form .field, #manage-booking-dropdown .form .field, #bookhotel-dropdown .form .field, #bookcar-dropdown .form .field {width:100%;} #check-in-dropdown button, #manage-booking-dropdown button, #bookhotel-dropdown button, #bookcar-dropdown button {border:0; border-bottom:3px solid rgb(14, 20, 60);} #manage-booking-dropdown button {font-size:16px;} @media (max-width: 768px) { #check-in-dropdown, #manage-booking-dropdown {width:750px; padding:20px 10px;} #check-in-dropdown button {font-size:14px;} #manage-booking-dropdown button {font-size:13px;} } /* =========================================================================== === WRAPPER / CONTENT ===================================================== =========================================================================== */ #wrapper {} #wrapper_inner {} #container {} /* =========================================================================== === VIDEO BACKGROUND ====================================================== =========================================================================== */ #bgvid {position: absolute; right: 0; top: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; /*z-index: -100; background: url('../images/home_booking_background.jpg') no-repeat; background-size: cover;*/} #bgimg {position: absolute; right: 0; top: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; /*z-index: -100; background: url('../images/home_booking_background.jpg') no-repeat; background-size: cover; background-position: right top;*/} .bottom_bg { height: 250px; width: 100%; position: fixed; bottom: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } /* =========================================================================== === HOMEPAGE ONLY CONTENT ================================================= =========================================================================== */ #container.home {} /* BOOKING CONTAINER */ #booking-container {height:600px; position:relative; overflow:hidden; background:url('../images/home_booking_background.jpg') no-repeat; background-size:cover; padding-bottom:50px;} #booking-container h1 {color:#fff;margin:0; padding:60px; text-align:center; font-size:40px; font-weight:300; width:100%; margin:auto;} #booking-container h2 {font-size:16px;} #booking-container article#booking-form {position:absolute; width:100%;} #booking-container #SearchBox-CMS {width:960px; margin:auto;} #booking-container .form {background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background:rgba(255, 255, 255, .5); /*padding:35px 65px;*/ padding:35px;} #booking-container .form .col {width:190px; padding:0 5px;} #booking-container .form .col.destination-airport {} #booking-container .form .col.departure-date, #booking-container .form .col.return-date {width:230px;} #booking-container .form .col.departure-date input, #booking-container .form .col.return-date input {width:230px;} #booking-container .form .col.destination-airport select {width:170px;} #booking-container .form .passengers .col {width:100px; /*margin-right:20px;*/} #booking-container .form .passengers .col.youth {width:130px;} #booking-container .form .passengers .col.promo-code {width:230px;} #booking-container .form .field { width:180px;height:45px; background-color:#fff; border:0;} #booking-container .form .passengers .field {width:100%;} #booking-container .form .plane {width:55px;} #booking-container .form .plane .sprite {display:block; width:35px; height:35px; background-position:0 -125px; margin:auto; margin-top:45px;} #booking-container .form hr {margin:25px 0; border-top:1px solid #fff;} #booking-container .form .returning-on h2 {padding-left:5px;} #booking-containerMerch { position:relative; overflow:hidden; } #booking-containerMerch h1 {color:#fff;margin:0; padding:60px; text-align:center; font-size:40px; font-weight:300; width:100%; margin:auto;} #booking-containerMerch h2 {font-size:16px;} #booking-containerMerch article#booking-form {position:absolute; width:100%;} #booking-containerMerch article {margin-top: 0.5%; } #booking-containerMerch #SearchBox-CMS {width:94%; margin:auto;} #booking-containerMerch .form {background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background:rgba(255, 255, 255, .5); /*padding:35px 65px;*/ padding:35px; } /* BOOKING CONTAINER on Non-Front Page*/ #booking-container-page {height:600px; position:relative; overflow:hidden; } #booking-container-page h1 {color:#fff;margin:0; padding:60px; text-align:center; font-size:40px; font-weight:300; width:100%; margin:auto;} #booking-container-page h2 {font-size:16px;} #booking-container-page article#booking-form {position:absolute; width:100%;} #booking-container-page #SearchBox-CMS {width:960px; margin:auto;} #booking-container-page .form {background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background:rgba(255, 255, 255, .5); /*padding:35px 65px;*/ padding:35px;} #booking-container-page .form .col {width:190px; padding:0 5px;} #booking-container-page .form .col.destination-airport {} #booking-container-page .form .col.departure-date, #booking-container-page .form .col.return-date {width:200px;} #booking-container-page .form .col.departure-date input, #booking-container-page .form .col.return-date input {width:200px;} #booking-container-page .form .col.destination-airport select {width:170px;} #booking-container-page .form .passengers .col {width:100px; /*margin-right:20px;*/} #booking-container-page .form .passengers .col.youth {width:130px;} #booking-container-page .form .passengers .col.promo-code {width:230px;} #booking-container-page .form .field { width:180px;height:45px; background-color:#fff; border:0;} #booking-container-page .form .passengers .field {width:100%;} #booking-container-page .form .plane {width:55px;} #booking-container-page .form .plane .sprite {display:block; width:35px; height:35px; background-position:0 -125px; margin:auto; margin-top:45px;} #booking-container-page .form hr {margin:25px 0; border-top:1px solid #fff;} #booking-container-page .form .returning-on h2 {padding-left:5px;} /* THIS WEEK'S DEALS */ #this-weeks-deals {margin-top: 5px; padding:0px 0;} #this-weeks-deals h2 {font-size:30px; font-weight:300; margin-bottom:40px;} #this-weeks-deals h3 {font-size:18px; color:#666; text-align:right;} #this-weeks-deals select {width:100%;} #this-weeks-deals .grid-tablet {display:none; margin:0;} #this-weeks-deals .grid-tablet .deal-content {width:100%;background-size:cover;} #this-weeks-deals .grid-tablet .deal-content .thumbnail-overlay {height:100%; background-color:rgba(14, 20, 60, 0.2);} #this-weeks-deals .grid-tablet .large .deal-content {height:320px; } #this-weeks-deals .grid-tablet .large .deal-content .thumbnail-overlay {padding:40px 25px 30px 25px;} #this-weeks-deals .grid-tablet .medium .deal-content {height:160px; } #this-weeks-deals .grid-tablet .medium .deal-content .thumbnail-overlay {padding:25px;} #this-weeks-deals .grid-section {margin-bottom:30px; overflow:hidden;} #this-weeks-deals .grid-tablet .large .deal-content a.arrow {display:none;} /* GRID */ .large {height:320px;} .small {height:160px; width:160px!important;} .tall {height:320px; width:160px!important;} .wide {height:160px; width:320px!important;} .media-box-image img {width:100%; height:100%;} .thumbnail-overlay {background-color:rgba(14, 20, 60, 0.2); z-index: 10;} #newsletter .grid-tablet .thumbnail-overlay {width:auto;} /* Overlay for the grid */ #deals-grid .media-box-thumbnail-container {position: relative;} #deals-grid .media-box-thumbnail-container:after {content:''; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background: rgba(14, 20, 60, 0.5); z-index: 9; -webkit-transition: background-color 500ms ease-out; -moz-transition: background-color 500ms ease-out; -o-transition: background-color 500ms ease-out; transition: background-color 500ms ease-out; } #deals-grid .media-box:hover .media-box-thumbnail-container:after, #deals-grid .media-box:focus .media-box-thumbnail-container:after, #deals-grid .media-box:active .media-box-thumbnail-container:after {background:transparent;} .deal-content {color:#fff; line-height:1;} .large .deal-content .date {width:auto; float:left; text-align:center; margin:30px 0 20px;} .large .deal-content .date .month {text-transform:uppercase; background:#85aad9; padding:3px 5px;} .large .deal-content .date .day {border:2px solid #fff; border-top:0; font-size:24px; padding: 3px 5px;} .large .deal-content .from {display:block; clear:both; text-transform:uppercase;} .large .deal-content .from span {text-transform:none;} .large .deal-content .destination {font-size:48px; margin-top:10px;} .large .deal-content .pricing {font-size:60px; margin-bottom:20px; font-weight:500} .large .deal-content .pricing span {font-size:30px; font-weight:300} .large .deal-content a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -120px; margin-right:30px; display:block;} .medium .deal-content .date {font-size:13px;} .medium .deal-content .from {text-transform:uppercase;} .medium .deal-content .from span {text-transform:none;} .medium .deal-content .destination {font-size:30px;} .medium .deal-content .pricing {font-size:34px; font-weight:500;} .medium .deal-content .pricing span {font-size:18px; font-weight:300;} .medium .deal-content a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -117px; padding-right:20px; margin-right:30px; } .small .deal-content .date {font-size:13px;} .small .deal-content .from {text-transform:uppercase;} .small .deal-content .from span {text-transform:none;} .small .deal-content .destination {font-size:30px;} .small .deal-content .pricing {font-size:34px; font-weight:500;} .small .deal-content .pricing span {font-size:18px; font-weight:300;} .small .deal-content a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -120px; margin-right:30px; display:block;} .tall .deal-content .date {font-size:13px;} .tall .deal-content .from {text-transform:uppercase;} .tall .deal-content .from span {text-transform:none;} .tall .deal-content .destination {font-size:30px;} .tall .deal-content .pricing {font-size:40px; font-weight:500;} .tall .deal-content .pricing span {font-size:18px; font-weight:300;} .tall .deal-content a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -120px; margin-right:30px; display:block;} .wide .deal-content .date {font-size:13px;} .wide .deal-content .from {text-transform:uppercase;} .wide .deal-content .from span {text-transform:none;} .wide .deal-content .destination {font-size:30px;} .wide .deal-content .pricing {font-size:40px; font-weight:500;} .wide .deal-content .pricing span {font-size:18px; font-weight:300;} .wide .deal-content a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -120px; margin-right:30px; display:block;} /* DESTINATION GUIDES */ #destination-guides {background:#0e143c; /*overflow:hidden;*/ clear:both;} #destination-guides a:hover {text-decoration:none;} #destination-guides .selection {padding:40px 0;} #destination-guides .title h2 {color:#fff; font-size:30px; font-weight:normal; } #destination-guides h2 a {color:#fff; font-size:30px; font-weight:normal; padding-bottom:30px; border-bottom:1px solid #fff;} #destination-guides h3, #destination-guides h3 a {color:#fff; font-size:18px; text-transform:uppercase; } #destination-guides .slick-slider {margin-bottom:0;} #destination-guides .item {height:400px; width:320px; background:rgba(14, 20, 60,0.4); background-size:cover; text-align:center; padding:0; padding-top:160px; position:relative;} #destination-guides .overlay {position:absolute; background:#0e143c; opacity:0.4; width:100%; height:400px; top:0; left:0;} #destination-guides .titles {position:absolute; width:100%;} /* Tabs dropdown on mobile */ .wrapper-dropdown { /* Size & position */ position: relative; margin: 20px auto; padding: 12px 15px; /* Styles */ background: #fff; cursor: pointer; border:1px solid rgb(211, 212, 213); outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color:#00549e; font-size:18px; } .wrapper-dropdown:after { /* Little arrow */ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; background:url('../images/dropdown_blue.png') no-repeat; width:20px; height:20px; } .wrapper-dropdown .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: #fff; border:1px solid rgb(211, 212, 213); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ max-height: 0; overflow: hidden; } .wrapper-dropdown .dropdown li { padding:10px ; float:none; width:100%; background:none; color:#00549e; font-size:18px; line-height:125%; } .wrapper-dropdown .dropdown.dest_tabs_head li.active {color:#fff;background:#00549e;} .wrapper-dropdown .dropdown.dest_tabs_head li.active:after {border-top:none;} .wrapper-dropdown .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; } .wrapper-dropdown .dropdown li:last-of-type a { border: none; } .wrapper-dropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } /* Hover state */ .wrapper-dropdown .dropdown li:hover a { color: #57a9d9; } /* Active state */ .wrapper-dropdown.active { color: white; background:#00549e; } .wrapper-dropdown.active:after { border-color: #82d1ff transparent; } .wrapper-dropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; } /* NEWSLETTER */ .home #newsletter {height:1200px; position:relative;} .home #newsletter .background {height:880px; padding-top:50px; background-image:url('../images/newsletter_bg.jpg'); background-size:cover; background-position:top center;} .home #newsletter .title {padding:0;} .home #newsletter h2 {font-size:22px; font-weight:normal; text-transform:none;} .home #newsletter div.mce_inline_error {background:#990000; font-weight:normal; padding:10px;} .home #newsletter {/*margin-bottom:20px;*/} .home #newsletter .response {background:#0e143c; font-weight:normal; padding:10px; color:#fff;} /*.home #newsletter .button {width:100%;}*/ .home #newsletter .content {margin-top:520px; text-align:center; line-height:125%;} .home #newsletter .content .title {font-size:36px; text-align:center;} .home #newsletter .content .intro {border:none; padding:0; margin:0; font-size:26px; margin:30px 0;} .home #newsletter .content p {color:#0e143c; font-size:18px;} /* NEWSLETTER FR (for promotion) */ .home #newsletterFR {height:1200px; position:relative;} .home #newsletterFR .background {height:880px; padding-top:50px; background-image:url('/wp-content/uploads/2015/08/bmi-Liege-Golden-Ticket-Homepage-banner.jpg'); background-size:cover; background-position:top center;} .home #newsletterFR h2 {font-size:22px; font-weight:normal;} .home #newsletterFR div.mce_inline_error {background:#990000; font-weight:normal; padding:10px;} .home #newsletterFR {margin-bottom:1px;} .home #newsletterFR .response {background:#0e143c; font-weight:normal; padding:10px; color:#fff;} .home #newsletterFR a {color:#fff;} .home #newsletterFR .button {width:100%;} .home #newsletterFR .content {margin-top:520px; text-align:center;} .home #newsletterFR .content .title {font-size:36px;} .home #newsletterFR .content .intro {border:none; padding:10px; margin:0; font-size:36px; margin:30px 0; color: white; background-color:rgba(0, 0, 0, 0.5);} .home #newsletterFR .content p {color:#fff; font-size:18px;} /* EXPERIENCE */ #experience {position:absolute;bottom:0; width:960px;} #experience figure {height:100px; background-size:cover; padding:0; /*padding-left:30px;*/ overflow:hidden;} #experience figure a {color:#fff; font-size:20px; display:block; width:350px; /*margin-left:-30px;*/ height:100%; line-height:100px; background-repeat:no-repeat; background-position:30px; padding-left:80px;} #experience figure a:hover, #experience figure a:focus {background-color:#0e143c; text-decoration:none;} /* #BMIREGIONAL */ #bmiregional {background-image:url('../images/section_bmiregional_bg.jpg'); background-position:top center; background-repeat:repeat-y; background-color:#0e143c;} #bmiregional .title {padding:35px 0; text-transform:none;} #bmiregional h2 {color:#fff; font-size:30px; margin:25px 0; font-weight:300;} #bmiregional h2 span {color:#85aad9;} #bmiregional h3 {font-size:24px; color:#fff; margin:30px 0;} #bmiregional .social-links .icon {background-repeat:no-repeat; background-position:center; text-indent:-99999px; width:50px; float:right;} #bmiregional .social-links .twitter {background-image:url('../images/icon_twitter.png'); background-color:#28aae1;} #bmiregional .social-links .facebook {background-image:url('../images/icon_facebook.png'); background-color:#3b5998;} #bmiregional .social-links .instagram {background-image:url('../images/icon_instagram.png'); background-color:#467399;} #bmiregional .social-links .linkedin {background-image:url('../images/icon_linkedin.png'); background-color:#467399;} #bmiregional .social-links a { height:70px; display:block} #bmiregional .grid-section {overflow:hidden;} #bmiregional .grid-tablet {display:none; margin:0;} #bmiregional .grid-tablet .deal-content {width:100%;background-size:cover;} #bmiregional .grid-tablet .large .deal-content {height:320px; padding:40px 25px 30px 25px;} #bmiregional .grid-tablet .medium .deal-content {height:160px; padding:25px; background-position:center;} #bmiregional .grid-tablet .thumbnail-overlay {bottom:0; width:80%;} .social-icon {} #bmiregional .grid-section {/*margin-bottom:30px;*/ overflow:hidden;} #bmiregional .grid-tablet .large .deal-content a.arrow {display:none;} /* HOMEPAGE CTAS (WHERE WE FLY, ETC) */ .home #ctas {height:200px;} /* TRAVEL BLOG */ .home #blog {/*height:600px;*/ overflow:hidden; padding-top:40px;} .home #blog .title {padding:0; text-decoration:none;} .home #blog h2 {font-size:30px;} .home #blog .explore a {float:right;} .travel-blog-slider {margin-top:40px;} .home #blog .item {padding:10px 10px 0 10px; width: 300px;} .home #blog .item .blog-container {background:#fbfbfb; border:1px solid #e8e8e8; border-bottom:3px solid #00519f; padding:15px; height: 300px;} .home #blog .item img {width:100%; height:auto; margin-bottom:15px;} .home #blog .item .date {color:#467399;} .home #blog .item h3 {color:#0e143c; font-size:18px;} .home #blog .item .author {font-style:italic; color:#00549e;} /* BENEFITS */ #benefits {background:#fbfbfb; text-align:center; padding:60px 0 50px 0;} #benefits h2 {font-size:36px;} #benefits h3 {font-size:26px; margin:30px 0; line-height:1.3;} #benefits p {margin-bottom:40px;} /* =========================================================================== === GENERAL PAGE CONTENT ================================================== =========================================================================== */ #page-content {} /* PAGE TITLES */ #page-title {margin-bottom:30px; background-repeat:no-repeat; background-color:#0e143c; background-size:cover; background-position:top center; height:275px;} #page-title h1 {font-size:30px; color:#fff; padding:90px 0 30px 0; margin:0;} #page-title h2 {font-size:16px; color:#fff; line-height:2;} /* MAIN CONTENT */ .entry-content {margin-top:0px;} /* Intro content */ .intro {border-bottom:1px solid #d3d4d5; padding-bottom:50px; margin-bottom:50px;} .intro h2 {font-size:24px; color:#a7a9ac; margin:30px 0;} .intro p {padding-bottom:20px;} /* Content blocks */ .content-block {margin-bottom:30px; padding-bottom:30px; float:left; border-bottom:1px solid #d3d4d5; width:100%;} .content-block .image img {width:100%;} ul.downloads {list-style-type:none;float:left;} ul.downloads li {height:32px; margin:20px 0; font-size:18px; background:none; padding:0;} ul.downloads li a {background-position:0 -1465px; display:block; height:32px; padding-left:50px;line-height:32px; color:#666;} ul.downloads li a span {font-size:14px;} /* CTAs */ #ctas {color:#fff; padding:80px 0;float:left; min-height:380px;} #ctas.single-col {width:100%;} #ctas.two-col {width:50%;} #ctas.dark {background:#0e143c;} #ctas.light {background:#85aad9;} #ctas .inner0 {width:470px; float:right; padding-right:80px;} #ctas .inner1 {width:470px; float:left; padding-left:80px;} #ctas h2, #ctas p {color:#fff;} #ctas h2 {font-size:24px; text-transform:uppercase;} #ctas p {font-size:14px;} #ctas .button {margin-top:40px;float:left;} /*Tables*/ .intro th { padding:15px; background: #00549d; color:#fff; border-right:3px solid #fff;} .intro td { padding:15px; } .intro tr:nth-child(even) { background: #fbfbfb; border-right:3px solid #fff;} /*Lists*/ .intro ul { margin-bottom: 20px; } .intro ol { list-style-position: inside; } .page .form {margin-bottom:50px;} .page .form .col {width:190px; padding:0 5px;} .page .form .passengers .col {width:100px; margin-right:20px;} .page .form .field { width:180px;height:45px; background-color:#fff; border:1px solid #efefef;} .page-template-page-check-in-online .form .field {width:100%;} .page-id-1798 .form .field {width:50%;} .page .form textarea.field {height:150px;} .page .form .passengers .field {width:100%;} .page .form .plane {width:80px;} .page .form .plane .sprite {display:block; width:35px; height:35px; background-position:0 -125px; margin:auto; margin-top:45px;} .page .form .returning-on h2 {padding-left:5px;} /* =========================================================================== === TRADE ================================================================= =========================================================================== */ .page-template-page-template-trade-landing, .page-id-1728 {} .page-template-page-template-trade-landing #page-title, .page-id-1728 #page-title {height:160px;} .page-template-page-template-trade-landing #page-title h1, .page-id-1728 #page-title h1 {text-align:center; padding-top:60px; font-size:40px;} .page-template-page-template-trade-landing #page-title h1 span, .page-id-1728 #page-title h1 span {color:#0e143c; font-weight:600;} /* =========================================================================== === CAREERS =============================================================== =========================================================================== */ #jobs .job-title {border:none; border-top:1px solid #d3d4d5; border-radius:0; background:none; padding:20px;} #jobs .job-title h3 {font-size:18px; color:#666;} #jobs .job-title h3 .separator {color:#00549e;} #jobs .job-title h3 .location {font-style:italic;} #jobs .job-title.ui-accordion-header-active {background-color:#fbfbfb;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon {left:inherit; right:.5em;} .ui-state-default .ui-icon {background:url('../images/sprites.png') no-repeat; background-position:0 -1160px;} .ui-state-active .ui-icon {background:url('../images/sprites.png') no-repeat; background-position:0 -1260px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0; border:none; background:#fbfbfb;} #jobs .details {padding:0 45px;} #jobs .details .info {background:#fff; padding:30px;} #jobs .details .info p {font-size:12px; margin:0;} #jobs .details .info .title p {font-weight:700; color:#0e143c;} #jobs .details .info .apply {} #jobs .details .info .apply a {display:block} #jobs .details p {font-size:14px;} #jobs .details ul li {color:#666; font-size:14px; margin:10px 0;} #jobs .details .block {padding-top:20px;} #jobs .details .application-text { margin-top:20px;} #jobs .details .application-text p {font-size:18px;} #jobs .details .share {background:#fff; padding:30px; margin-top:20px; margin-bottom:20px;} #jobs .details .share h3 {color:#a7a9ac; font-size:24px; margin-top:0;} #jobs .details .share .apply {padding-top:25px;} /* =========================================================================== === BOOK A FLIGHT ========================================================= =========================================================================== */ #book-a-flight .form {margin-bottom:50px;} #book-a-flight .form .col {width:190px; padding:0 5px;} #book-a-flight .form .col h2 {font-size:16px;} #book-a-flight .form .passengers .col {width:100px; margin-right:20px;} #book-a-flight .form .field { width:180px;height:45px; background-color:#fff; border:1px solid #00549E;} #book-a-flight .form .passengers .field {width:100%;} #book-a-flight .form .plane {width:55px;} #book-a-flight .form .plane .sprite {display:block; width:35px; height:35px; background-position:0 -125px; margin:auto; margin-top:45px;} #book-a-flight .form hr {margin:25px 0; border-top:1px solid #cfcfcf;} #book-a-flight .form .returning-on h2 {padding-left:5px;} #book-a-flight .form .corpcode {width:100px;height:45px; background-color:#fff; border:1px solid #00549E;} /* Book a Flight page */ body.page-template-page-book-a-flight #book-a-flight .form .field {border:1px solid #efefef;} /* #book-a-flight .form .col.departure-date, #book-a-flight .form .col.return-date {width:200px; margin-left: 20px;} #book-a-flight .form .col.departure-date input, #book-a-flight .form .col.return-date input {width:200px;} */ /* =========================================================================== === BOOK A FLIGHT SM ====================================================== =========================================================================== */ #book-a-flight-sm .form {margin-bottom:50px;} #book-a-flight-sm .form .col {width:190px; padding:0 5px;} #book-a-flight-sm .form .col h2 {font-size:16px;} #book-a-flight-sm .form .passengers .col {width:100px; margin-right:20px;} #book-a-flight-sm .form .otherbits .col {width:100px; margin-right:20px;} #book-a-flight-sm .form .field { width:180px;height:35px; background-color:#fff; border:1px solid #00549E;} #book-a-flight-sm .form .passengers .field {width:100%;} #book-a-flight-sm .form .plane {width:55px;} #book-a-flight-sm .form .plane .sprite {display:block; width:35px; height:35px; background-position:0 -125px; margin:auto; margin-top:45px;} #book-a-flight-sm .form hr {margin:25px 0; border-top:1px solid #cfcfcf;} #book-a-flight-sm .form .returning-on h2 {padding-left:5px;} #book-a-flight-sm .form .corpcode {width:100px;height:45px; background-color:#fff; border:1px solid #00549E;} #book-a-flight-sm .form #promocode {width: 75px;} #book-a-flight-sm .form .oneway { color: black; } #book-a-flight-sm .form select { height: 10px; } #book-a-flight-sm h2 { margin: 5px; } /* Book a Flight page */ body.page-template-page-book-a-flight #book-a-flight-sm .form .field {border:1px solid #efefef;} /* =========================================================================== === CHECK-IN ONLINE ======================================================= =========================================================================== */ #check-in-online .form {margin-bottom:50px;} #check-in-online .form .col {} #check-in-online .form .passengers .col {width:100px; margin-right:20px;} #check-in-online .form .field {height:45px; background-color:#fff; border:1px solid #ececec;} #check-in-online .form .passengers .field {width:100%;} #check-in-online .form .plane {width:80px;} #check-in-online .form .plane .sprite {display:block; width:35px; height:35px; background-position:0 -125px; margin:auto; margin-top:45px;} #check-in-online .form hr {margin:25px 0; border-top:1px solid #ccc;} #check-in-online .form .returning-on h2 {padding-left:5px;} #check-in-online .form {border-bottom:1px solid #d3d4d5; margin-bottom:50px;} #check-in-online .button {width:100%;} #check-in-online .fields {margin-bottom:20px;} /* =========================================================================== === MANAGE BOOKING ======================================================== =========================================================================== */ #manage-booking {border-bottom:1px solid #d3d4d5; margin-bottom:80px;} #manage-booking .title {border:none; border-top:1px solid #d3d4d5; border-radius:0; background:none; padding:20px; outline:none;} #manage-booking .title h3 {font-size:16px; color:#666;} #manage-booking .title h3 .separator {color:#00549e;} #manage-booking .title h3 .location {font-style:italic;} #manage-booking .title.ui-accordion-header-active {background-color:#fbfbfb; } #manage-booking .title.ui-accordion-header-active h3 {color:#00549e;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon {left:inherit; right:.5em;} .ui-state-default .ui-icon {background:url('../images/sprites.png') no-repeat; background-position:0 -1160px;} .ui-state-active .ui-icon {background:url('../images/sprites.png') no-repeat; background-position:0 -1260px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0; border:none; background:#fbfbfb;} #manage-booking .details {padding-bottom:40px;} #manage-booking .form {border-bottom:1px solid #d3d4d5; margin-bottom:50px;} #manage-booking .button {width:100%;} #manage-booking .fields {margin-bottom:20px;} #manage-booking ul.trade-gallery-list {font-size:16px;} #manage-booking ul.trade-gallery-list li {background:none; padding:10px 0;} #manage-booking ul.trade-gallery-list li a {color:#3c6cb6;} .sample_refund_form form {float: left; width: 100%; border-bottom: 1px solid #d3d4d5; padding-bottom: 35px; margin-bottom:35px; margin-top:20px;} .sample_refund_form form input[type='text'] {width: 300px; float: left; margin-right: 30px; border:1px solid #d1d2d3; background:#FFFFFF; height: 40px; padding: 0 15px;} .sample_refund_form .left_side {float: left; width: 50%; padding-right: 30px;} .sample_refund_form .right_side {float: right; width: 50%; padding-left:30px;} .sample_refund_form h5 {font-size: 18px; color: #666666;} .sample_refund_form p a {text-decoration: underline;} .sample_refund_form ol {list-style: none; line-height: 24px; counter-reset: item;} .sample_refund_formol li { display: block; } .sample_refund_form ol li:before {content: counter(item) ". "; counter-increment: item; color: #00549e; font-size: 24px;} /* =========================================================================== === TRADE GALLERY ========================================================= =========================================================================== */ #trade-gallery {} #trade-gallery ul {list-style-type:none; margin-left:-1px; margin-right:-1px;} #trade-gallery ul li {background:none; padding:1px;} #trade-gallery ul li img {width:100%;} /* =========================================================================== === FLIGHT STATUS ========================================================= =========================================================================== */ body.page-template-flight_status tr:nth-child(odd) {background: #fbfbfb} body.page-template-flight_status tr.ontime {color:#008c00;} body.page-template-flight_status tr.landed {opacity:0.5;} body.page-template-flight_status tr.delayed {color:#00549e;} /* =========================================================================== === TIMETABLES ========================================================= =========================================================================== */ /* TIMETABLES */ #timetables .row {margin-bottom:0px;} #timetables h2 {text-transform:uppercase; font-size:24px; color:#a7a9ac;} #timetables h3 {color:#0e143c; font-size:20px; margin:10px 0 30px;} #form-get-timetables {text-align: center;} #form-get-timetables label {font-weight:300; margin-bottom:10px;} #form-get-timetables input, #form-get-timetables select {margin-bottom:20px;} .flightno {width: 100px; text-align: left; margin-bottom:20px; height: 45px; border: 1px solid #D3D4D5;} .col-md-4 { /*border: 5px solid red;*/ } .timetables h3 {color:#0e143c; font-size:24px;} .timetables table {width:100%; text-transform:uppercase; margin-bottom:50px;} .timetables th {background:none; color:#666666; font-size:14px;} .timetables th, .timetables td {padding:10px 20px;} .timetables tr.from td, .timetables tr.destination td {text-transform:none; padding:20px; font-size:20px;} .timetables tr.from td {color:#fff; background:#00549e;} .timetables tr.destination td {color:#00549e;} .timetables tr:nth-child(even) {background: #fbfbfb} .timetables td.days span {width:20px; height:20px; display:block; float:left; text-align:center;} .timetables td.days span.empty {background:url('../images/timetables_day_empty.png') no-repeat; background-position:center;} .timetables td.stop span.empty, .timetables td.ac-change span.empty {background:url('../images/timetables_day_empty.png') repeat-x; background-position:center; height:20px; width:20px; display:block;} /* =========================================================================== === FAQS LANDING ========================================================== =========================================================================== */ #faq-landing {} #faq-landing h1 {margin:45px 0;} #faq-landing .main-title h2 {padding-left:50px;} /* =========================================================================== === FAQS DETAIL =========================================================== =========================================================================== */ #faqs .top-5 {background:#c5def3; padding:50px; margin-bottom:50px;} #faqs .top-5 .container {background-position:0 -1690px; height:50px;} #faqs .categories {margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #d3d4d5;} #faqs .categories h2 {color:#a7a9ac; font-size:24px; text-transform:uppercase;} #faqs .categories ul {margin-bottom:20px;} #faqs .categories a.view-all {color:#0e143c; font-size:18px;} #faqs #experience {position:inherit; margin-top:50px;} #faq {border-bottom:1px solid #d3d4d5; margin-top:30px;} #faq .faq-title {border:none; border-top:1px solid #d3d4d5; border-radius:0; background:none; padding:20px; outline:none;} #faq .faq-title h3 {font-size:16px; color:#666;} #faq .faq-title h3 .separator {color:#00549e;} #faq .faq-title h3 .location {font-style:italic;} #faq .faq-title.ui-accordion-header-active {background-color:#fbfbfb; outline:none; } #faq .faq-title.ui-accordion-header-active h3 {color:#00549e;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon {left:inherit; right:.5em;} .ui-state-default .ui-icon {background:url('../images/sprites.png') no-repeat; background-position:0 -1160px;} .ui-state-active .ui-icon {background:url('../images/sprites.png') no-repeat; background-position:0 -1260px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0; border:none; background:#fbfbfb;} #faq .details {padding:0 45px;} #faq .details .info {background:#fff; padding:30px;} #faq .details .info p {font-size:12px; margin:0;} #faq .details .info .title p {font-weight:700; color:#0e143c;} #faq .details .info .apply {} #faq .details .info .apply a {display:block} #faq .details p {font-size:14px;} #faq .details ul li {color:#666; font-size:14px; margin:10px 0;} #faq .details .block {padding-top:20px;} #faqs .still {margin-top:40px;} #faqs .still h3 {font-size:20px; margin-bottom:50px;padding-left:50px;} #faqs .still h2 {padding-left:50px;} /* =========================================================================== === DESTINATIONS ========================================================== =========================================================================== */ .destination #bgvid.paris {bottom:0; top:inherit;} .destination .destination-header {height:475px; background-size:cover; position:relative; background-repeat:no-repeat; overflow:hidden;} .destination .destination-header .overlay {position:absolute; background:#0e143c; opacity:0.4; width:100%; height:475px;} .destination .destination-header .inner {padding-top:30px;} .destination .destination-header .info h1, .destination .destination-header h3 {color:#fff;} .destination .destination-header .flight h2 {color:#0e143c; font-size:16px;} .destination .destination-header .info h1 {font-size:72px;} .destination .destination-header .flight h3 {font-size:30px; margin-bottom:18px;} .destination .destination-header #searchBtnHolder {clear:both;} .destination .destination-header .info {} .destination .destination-header .info h3 {text-transform:uppercase; font-size:24px;} .destination .destination-header .info .weather {} .weather i { color: #fff; font-family: 'weather'; font-size: 60px; font-weight: normal; font-style: normal;} .weather ul {float: left; width: 100%; list-style: none; margin:20px 0 30px; padding-bottom: 30px; border-bottom: 1px solid #FFFFFF;} .weather ul li {float: left; font-size: 18px; color:#FFFFFF; line-height: 18px; padding-left: 15px; margin-left: 15px; border-left: 1px solid #FFFFFF;} .weather ul li:first-child {margin-left: 0; padding-left: 0; border-left: 0;} .destination .destination-header .info hr {margin:50px 0;} .destination .destination-header .info .leadin {border:none;} .destination .destination-header .info .leadin p {color:#fff; font-size:20px; line-height:1.5;} .dest_tabs_head {width: 100%; float: left; list-style: none; margin-bottom: 50px;} .dest_tabs_head li {float: left; background-color: #00549e; padding: 25px 0; text-align: center; width: 20%; color:#FFFFFF; font-size: 24px; line-height: 24px; cursor: pointer;} .dest_tabs_head li.active {background-color: #0e143c; position: relative; transition: background-color 0.5s ease;} .dest_tabs_head li.active:after, .dest_tabs_head li.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .dest_tabs_head li.active:after { border-color: rgba(14, 20, 60, 0); border-top-color: #0e143c; border-width: 13px; margin-left: -13px;} .dest_tabs_head li.active:before { border-color: rgba(0, 0, 0, 0); border-width: 13px; margin-left: -13px;} .dest_tabs_head li.transfers {background-position:20px -927px; padding-left:25px;} .dest_tabs_head li.rest {background-position:-160px -927px; padding-left:25px;} .dest_tabs_head li.eat-drink {background-position:-380px -927px; padding-left:25px;} .dest_tabs_head li.explore {background-position:-549px -927px; padding-left:25px;} .dest_tabs_head li.seasonal {background-position:-741px -927px; padding-left:25px;} .dest_tabs_content {width: 100%; float: left; list-style: none;} .dest_tabs_content li {float: left; width: 100%; position: absolute; left:-10000px; } .dest_tabs_content li.show {display: block; position: static; left:auto;} .dest_tabs_content .show ul {list-style-position:inside;} .dest_tabs_content .show ul li {position:inherit;} .google-acfmap {width: 100%; height: 350px; border: #ccc solid 1px; margin: 20px auto; float: left;} .google-acfmap .gm-style-iw {max-width: 240px;} .google-acfmap .location-image { width:100px; height:auto; float:left; margin-right: 15px;} .google-acfmap .location-name {font-size: 18px; color: #00549e; margin:0 0 15px;} .google-acfmap .location-address {font-size: 14px; color: #00549e; font-weight: 600; margin:0 0 5px;} .google-acfmap .location-details p {margin:0;} img[src*="gstatic.com/"], img[src*="googleapis.com/"] {max-width: none;} .destination .content-image img {width:100%;} .destination #deals {background:#f7f7f7; padding-bottom:50px; display:none!important;} .destination #deals h1 {padding:40px 0; margin:0;} .destination #deals .deals {margin-bottom:40px;} .destination #deals .item {height:320px;} .destination #deals .item .deal-content {height:100%; padding:0 25px 25px;} /* =========================================================================== === CONTACT US ============================================================ =========================================================================== */ .centers_container{ padding-right:25px;margin-top:50px;} /*Customer Contact Centre*/ .contact_centers h2 {text-transform:uppercase; font-size:24px; color:#a7a9ac; margin-bottom: 20px;} .contact_intro { padding-bottom: 8px;} .centers_container h4 { color: #666666;} .contact_center_details li { display: inline; background: none !important; margin:0 !important; padding:0 !important; display:inline-block;} .contact_center_details li:first-child { color: #00549e; width:200px; } .opening_hours li:first-child {width:200px;} .opening_hours li {display: inline; background: none !important; margin:0 !important; padding:0 !important; display:inline-block;} .centers_block h3{ padding-bottom: 25px;} .open_hours_title {font-size:14px;} .centers_container hr {/* margin:40px 0 40px 0; */ display: block; height: 1px; border: 0; border-top: 1px solid #d3d4d5; padding: 0; margin:10px 0 10px 0;} .centers_block { padding:20px 0 20px 0;} /*European Offices*/ .euro_offices h2 {text-transform:uppercase; font-size:24px; color:#a7a9ac; margin-bottom:30px; line-height:30px;} .euro_offices { background: #fbfbfb; padding:40px} .euro_offices h3 { padding-bottom: 15px;} .euro_address, .reservations_container, .marketing_container { padding-bottom: 25px;} .euro_offices li { display: inline; background: none !important; margin:0 !important; padding:0 !important; display:inline-block;} .euro_offices li:first-child {width:35px;} /*Bottom Block*/ .bottom_contact_container { background: #c7dff4; padding: 50px; margin:50px 0 50px 0; } .bottom_contact_container img { padding-bottom:25px;} .bottom_contact_container p { font-size:16px; color:#0e143c; line-height:26px} /* =========================================================================== === SIDEBARS ============================================================== =========================================================================== */ .side_holder {width:240px; height:auto; float:right;} ul.sidebar {list-style:none; width:240px;} ul.sidebar > li {} ul.sidebar > li:last-child {} /* =========================================================================== === FOOTER ================================================================ =========================================================================== */ footer {background:#0e143c; padding:40px 30px 0;} footer .callouts {margin-bottom:50px;} footer .sign-up, footer .social-links {font-size:14px; color:#fff;} footer .sign-up {color:#fff; background-position:0 -1570px; padding-left:40px;} footer .sign-up a {color:#fff;} footer .social-links ul, footer .account ul {list-style-type:none;} footer .social-links li, footer .account li {float:left;} footer .social-links li {background-repeat:no-repeat; height:16px; margin-right:20px; background-size:100% 100%;} footer .social-links li a {display:block; width:100%; height:100%; } footer .social-links .twitter {background-image:url('../images/icon_twitter.png'); width:19px; } footer .social-links .facebook {background-image:url('../images/icon_facebook.png'); width:8px;} footer .social-links .instagram {background-image:url('../images/icon_instagram.png'); width:16px;} footer .account li {font-size:16px; margin-right:10px;} footer .account li a {color:#85aad9;} #footer_inner {} footer .fat-footer h4 {color:#a7a9ac; text-transform:uppercase; font-size:16px; font-weight:300; margin:20px 0;} footer .fat-footer ul {list-style-type:none; margin-bottom:50px;} footer .fat-footer ul li {margin:10px 0;} footer .fat-footer ul li a {color:#fff;} footer .footer-menu {padding:20px 0; background-image:url('../images/bg_footer_menu.png'); background-repeat:repeat-y; background-position:center;} footer .footer-menu .logo a {display:block; width:100%; height:80px; background-image:url('../images/bmilogo.png'); background-position:center left; background-repeat:no-repeat; background-size:contain;} footer .footer-menu .copyright p {color:#fff; margin-bottom:0;} footer .footer-menu ul#menu-footer-bottom-menu {list-style-type:none;} footer .footer-menu ul#menu-footer-bottom-menu li {float:left; margin-right:10px; padding-right:10px; border-right:1px solid #0e143c;} footer .footer-menu ul#menu-footer-bottom-menu li:last-child {border:none; padding:0; margin:0;} footer .footer-menu ul#menu-footer-bottom-menu li a {color:#0e143c; font-size:12px;} footer .footer-menu .credits p {font-size:12px; font-style:italic; text-align:right; color:#fff; margin:30px 0;} footer .footer-menu .credits a {color:#fff;} /* =========================================================================== === ISOTOPE =============================================================== =========================================================================== */ .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none; z-index: 1;} /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} /* =========================================================================== === MISC ================================================================== =========================================================================== */ .mobile_only {display:none;} /* =========================================================================== === EXPERIENCE PAGE ======================================================= =========================================================================== */ #experience_page .exp_head {background-repeat: no-repeat; background-position: center center; background-size: cover; padding:95px 0 105px;} #experience_page .exp_head h1 {font-size: 30px; color: #FFFFFF; margin:0 0 20px;} #experience_page .exp_head h2 {font-size: 16px; color: #FFFFFF; margin:0;} #exp_list {list-style: none; float: left; width: 100%;} #exp_list li {float: left; width: 100%; padding:50px 0;} #exp_list li:nth-child(even) {background-color: #f7f7f7;} #exp_list li .exp_block {position: relative; width: 50%; height: 475px; float: left; } #exp_list li .exp_block:first-child {padding-right: 10px;} #exp_list li .exp_block:last-child {padding-left: 10px;} #exp_list li .exp_block img {width: 100%; height: auto; margin: 0 0 30px;} #exp_list li .exp_block h2 {text-transform: uppercase; font-size: 24px; color:#a7a9ac; margin: 0 0 20px;} #exp_list li .exp_block h3 {font-size: 16px; color: #666666; margin:0 0 20px; line-height: 20px;} #exp_list li .exp_block p {margin:0 0 25px; font-size: 14px;} #exp_list li .exp_block .button { position: absolute; bottom: 0; } /* =========================================================================== === HOMEPAGE EDITS ======================================================== =========================================================================== */ .home #benefits h3{ font-size: 20px; line-height:30px } .home .col-md-12 .intro { font-size: 24px; line-height: 34px; } .home .col-md-12 p { line-height: 30px; } #newsletter h3.intro { line-height: 34px; } #newsletter p { line-height: 30px; } /* =========================================================================== === One Way or Return? ==================================================== =========================================================================== */ .bwRadio { margin-top: 30px; border: 0px; font-size: 16px; } /* =========================================================================== === Mailchimp Customisation =============================================== =========================================================================== */ .bw_mc-field-group { width:33%; float:left; } .bw_required { width:98%; border:1px solid #3b6bb5; border-radius:3px; padding:11px; } .bw_button { width:32.5%; margin-top:25px; border:1px solid #c7dff4; background: #c7dff4; border-radius:3px; padding:8px; } .padtheimage { padding: 15px; } .ages { display: none; font-size: 8px; } #new_deal_container {list-style: none; margin:0;} #new_deal_container li {float: left; margin-bottom:20px;} #new_deal_container li img {width: 100%; height: auto;} #new_deal_container li .button {float: right; margin-top:35px;} #new_deal_container li.number_1 { width:100%; } #new_deal_container li.number_2 { width:50%; } #new_deal_container li.number_2:first-child {padding-right: 15px;} #new_deal_container li.number_2:last-child {padding-left: 15px;} #new_deal_container li.number_3 { width:33.33%; } #new_deal_container li.number_3:first-child {padding-right: 10px;} #new_deal_container li.number_3:last-child {padding-left: 10px;} #new_deal_container li.number_3:nth-child(2) {padding:0 5px 0;} @media only screen and (max-width: 1023px) and (min-width: 768px) { } @media only screen and (max-width: 767px) { #new_deal_container li.number_2, #new_deal_container li.number_3 {width: 100%;} #new_deal_container li.number_2:first-child, #new_deal_container li.number_2:last-child {padding: 0px; margin-bottom: 20px;} #new_deal_container li.number_3:first-child, #new_deal_container li.number_3:last-child, #new_deal_container li.number_3:nth-child(2) {padding: 0; margin-bottom: 20px; text-align: center;} #new_deal_container li .button {float: none; display: inline-block;} #this-weeks-deals {overflow-x: hidden;} } /* =========================================================================== === Mailchimp Customisation =============================================== =========================================================================== */ .lowest-deal-content { width: 100%; height: 100%; color: white; } .content-overlay { width: 50%; margin: 0 auto; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .lowest-deal-content .content-overlay .date {font-size:13px;} .lowest-deal-content .content-overlay .from {text-transform:uppercase;} .lowest-deal-content .content-overlay .from span {text-transform:none;} .lowest-deal-content .content-overlay .oneway {font-size: 8px;} .lowest-deal-content .content-overlay .destination {font-size:30px;} .lowest-deal-content .content-overlay .pricing {font-size:40px; font-weight:500;} .lowest-deal-content .content-overlay .pricing span {font-size:18px; font-weight:300;} .lowest-deal-content .content-overlay a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -120px; margin-right:30px; display:block;} .benfloater { -moz-column-count: 2; -moz-column-gap: 50%; -webkit-column-count: 2; -webkit-column-gap: 50%; column-count: 2; column-gap: 50%; } .benleft { float: left; } .benright { float: right; } .multifaretable { border: 2px dotted; width: 90%; } .multifaretable tr td { border: 2px dotted; color: #000; background-color: #B3D4FC; } .multifaretable th { border: 2px dotted; background-color: #0E143C; width: 25%; } .wpcf7-submit { /*color: #14396A !important; font-size: 14px; text-shadow: 1px 1px 0px #7CACDE; box-shadow: 1px 1px 1px #BEE2F9; padding: 10px 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #3866A3; background: #63B8EE; background: linear-gradient(top, #63B8EE, #468CCF); background: -ms-linear-gradient(top, #63B8EE, #468CCF); background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF)); background: -moz-linear-gradient(top, #63B8EE, #468CCF);*/ } .bw_TitleWithBackgroundTrans { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.6); margin-top: 30px; } #page-title .bw_TitleWithBackgroundTrans {font-size:30px; color:#fff; padding:30px;} .breadcrumbs { color: #fff; } .breadcrumbs a{ color: #fff; } .flightsfrom li { margin-left: 25px; font-size:18px; color:#00549e; line-height:1.5; } .dealsoverlay { float: right; font-size: 48px; color: white; right:0; bottom: 0; font-family: "myriad-pro",sans-serif; /*border-style: dotted solid; */ background-color: rgba(0, 0, 0, 0.6); padding: 24px; margin-top: 175px; line-height: 1; } .cheapgridoverlay { /* height: 100%; width: 160px; margin-left: 150px; border-style: dotted solid; padding: 5px;*/ width: 50%; text-align: center; font-size: 18px; color: white; right:0; bottom: 0; font-family: "myriad-pro",sans-serif; margin-left: 25%; background-color: rgba(0, 0, 0, 0.6); } .lowest-deal-content .cheapgridoverlay .date {font-size:13px;} .lowest-deal-content .cheapgridoverlay .from {text-transform:uppercase; margin-top: 50px;} .lowest-deal-content .cheapgridoverlay .from span {text-transform:none;} .lowest-deal-content .cheapgridoverlay .oneway {font-size: 16px; ;line-height: 1px;} .lowest-deal-content .cheapgridoverlay .destination {font-size:30px;} .lowest-deal-content .cheapgridoverlay .pricing {font-size:40px; font-weight:500; } .lowest-deal-content .cheapgridoverlay .pricing span {font-size:18px; font-weight:300;} .lowest-deal-content .cheapgridoverlay a.arrow {font-size:16px; text-transform:uppercase; color:#fff; background-position:right -120px; margin-right:30px; display:block;} .timetableTable { width: 100%; } .timetable-form { } .linky tr { cursor:pointer; } .festivefaregrid tr:hover td,.festivefaregrid tr:hover td.highlight { background:yellow; } .standalone { height: 110px; } .standalone_nologo { height: 50px; } .handwriting { /* font-family: 'Annie Use Your Telescope'; font-style: italic;*/ color: black; font-size: 2em; } .handwriting a { color: black; /* text-decoration: underline;*/ } .days,.arrival-time,.departure-time,.flight-number { font-family: monospace; } #error { font-weight: 800; color: red; } .error { font-weight: 800; color: red; } .baggage_table table { width: 90%; border: 3px solid black; } .baggage_table th { background-color: #00549e; text-align: center; border: 3px solid black; } .baggage_table td { background-color: #337ab7; color: white; text-align: center; width: 20%; border: 3px solid black; } .baggage_table th { border: 3px solid black; } .executive_fare { background-color: #0F133D !important; color: white; padding: 10px; } .classic_fare { background-color: #8B8B8B !important; color: white; padding: 10px; } .classicplus_fare { background-color: #3A70BA !important; color: white; padding: 10px; } .promo_fare { background-color: #ee3224 !important; color: white; padding: 10px; } .checkin_notice ul li { list-style-type: none; margin-left: 5px; color: red; } .checkin_notice { color: red; } .checkin_notice ul li a { color: red; } .strippy tr:nth-child(even) {background-color: #D3D3D3} .strippy tr:nth-child(odd) {background-color: #fff} /* #3A70BA !important */ /* div[class^="col-"] { border: 3px dotted red; } .row { border: 3px dotted blue; } /* =========================================================================== === my edits ======================================================= =========================================================================== */ #check-in-dropdown, #bookcar-dropdown, #bookhotel-dropdown, #manage-booking-dropdown {border-left:1px solid #0e143c;border-left:1px solid #0e143c;border-right:1px solid #0e143c;border-bottom:1px solid #0e143c;} .ui-timepicker-select {width:100px!important;} .check-in {background-image: url("/wp-content/themes/bmi_regional/images/icons/checkinicon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } .cars {background-image: url("/wp-content/themes/bmi_regional/images/icons/carsicon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } .hotels {background-image: url("/wp-content/themes/bmi_regional/images/icons/hotelsicon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } .manage-booking {background-image: url("/wp-content/themes/bmi_regional/images/icons/managebookingicon.png");background-repeat:no-repeat; background-size: 30px;background-position: 5px 8px; } .flight-status {background-image: url("/wp-content/themes/bmi_regional/images/icons/bookflighticon.png");background-repeat:no-repeat; background-size: 34px;background-position: 5px 5px; } .sixtsel {background-image: url("/wp-content/themes/bmi_regional/images/icons/location.png");background-repeat:no-repeat; background-size: 34px;background-position: right 5px; padding-right:36px;} .timepicker {background-image: url("/wp-content/themes/bmi_regional/images/icons/time.png");background-repeat:no-repeat; background-size: 34px;background-position: right 5px; }