/****** CONTENTS ******/ /****** 1. GLOBAL STYLES ******/ /* 1.1 GLOBAL TYPOGRAPHY */ /* 1.2 MAIN MENU */ /* 1.3 IMPORTANT NEWS RIBBON */ /* 1.4 USER LOGIN POPIN */ /* 1.5 LOGO */ /* 1.6 TOP UTILITIES */ /* 1.7 MOBILE MAIN MENU DROP-DOWN and UTILITIES HIDE */ /* 1.8 USER MENU */ /* 1.9 FOOTER */ /* 1.10 FOOTER MENUS */ /* 1.11 CAROUSEL SLICK */ /* 1.12 PRINT STYLES */ /* 1.13 COOKIE WINDOW */ /* 1.14 */ /****** 2. HOME PAGE ******/ /* 2.1 WIDGET */ /* 2.2 ROUTE MAP & MASONRY */ /* 2.3 CAROUSEL*/ /* 2.4 BOTTOM VANITY PANEL */ /****** 3. HOLIDAYS ******/ /* 3.0 MAIN HOLIDAY SEARCH - BOOK FIX */ /* 3.1 HOLIDAYS - MAP VIEW */ /* 3.2 HOLIDAYS - SEARCH GRID VIEW */ /* 3.3 HOLIDAYS - SEARCH LIST VIEW */ /* 3.4 PROPERTY PAGE - TITLE SECTION */ /* 3.5 PROPERTY PAGE - GENERAL FONT TREATMENT */ /* 3.6 PROPERTY PAGE - WHY CHOOSE BF TABLE */ /* 3.7 PROPERTY PAGE - ARRAY STYLING */ /* 3.8 PROPERTY ABOUT - FOOTER MARGIN AND PADDING */ /* 3.9 PROPERTY REFERENCE AND NEAREST CITY */ /* 3.9.1 PROPERTY - ABOUT TAB */ /* 3.10 PROPERTY - PRICES TAB */ /* 3.10.1 PROPERTY - LOCATION TAB */ /* 3.11 PROPERTY - OFFERS SECTION */ /* 3.12 PROPERTY PAGE - RHC CTA ANCHORING */ /* 3.13 PROPERTY PAGE - RHC CTA FONT */ /* 3.14 PROPERTY PAGE - HORIZONTAL TABS */ /* 3.15 PROPERTY PAGE - ICON TABLE */ /* 3.16 PROPERTY PAGE - GITE JOURNAL STYLING */ /* 3.17 PROPERTY PAGE - SIDEBAR BLOCK */ /* 3.18 PROPERTY - LOCATION TAB */ /* 3.18.1 DISTANCE and MAP */ /* 3.18.2 NEARBY ATTRACTIONS */ /* 3.18.3 REGION BLOCK */ /* 3.19 PROPERTY - LOCATION TAB */ /* 3.19.1 PROPERTY PAGE - AVAILABILITY TAB */ /* 3.19.2 PROPERTY TABS ON MOBILE */ /* 3.20 HOLIDAY SEARCH WIDGET **/ /* 3.21 HOLIDAY OFFER RIBBON */ /* 3.22 HOLIDAY SEARCH - CHANGE FLAG TO BUTTON */ /****** 4. MY ACCOUNT ******/ /* 4.1 HEADER */ /* 4.2 SUB MENU */ /* 4.3 MWA FONTS*/ /* 4.4 MWA - SHORTLIST */ /* 4.5 MWA - MOBILE MENU */ /* 4.6 YOUR BOOKINGS PAGE */ /* 4.7 SHORTLIST PAGES */ /* 4.8 TOP SECTION */ /* 4.8.1 OFFER BLOCK AT BOTTOM OF MWA HOME */ /* 4.9 ACCOUNT OPTIONS MENU */ /* 4.10 ACCOUNT - BOTTOM FEATURES */ /* 4.11 MWA - CREATE AN ACCOUNT */ /* 4.12 ACCOUNT UPDATE DETAILS */ /* 4.13 ACCOUNT - FERRY SHORTLIST */ /* 4.14 ACCOUNT - CONTENT SHORTLIST */ /* 4.15 ACCOUNT - SHORTLIST NULL TEXT AND BUTTON WIDTH*/ /****** 5. CATEGORY PAGE ******/ /****** 6. LISTS ******/ /* 6.1 STANDARD LIST */ /* 6.2 CAROUSEL LIST (BLOG LIST) */ /****** 7. GUIDES, EVENTS & ATTRACTIONS ******/ /* 7.1 GUIDES HOME */ /* 7.1.1 GUIDES HOME - REGION LIST */ /* 7.2 GUIDES WIDGET */ /* 7.3 ATTRACTION CATEGORY LIST */ /* 7.4 COUNTRY */ /* 7.5 TOURISM RESULT BAR */ /* 7.6 EVENT */ /* 7.7 EVENTS CAROUSEL */ /* 7.8 EVENTS & ATTRACTIONS GRID */ /****** 8. WEB FORMS ******/ /****** 9. SPECIFIC PAGE TYPES ******/ /* 9.1 BLOG */ /* 9.1.1 BLOG AND PRESS LIST AND GRID VIEW */ /* 9.1.2 BLOG SIDEBAR */ /* 9.2 BROCHURES */ /* 9.3 TIMETABLE NODE */ /* 9.4 SITE MAP */ /* 9.5 CABIN ITEM */ /* 9.6 CABIN LIST */ /* 9.7 HUB */ /* 9.8 INVERT RESULT BAR BUTTON COLOURS */ /* 9.9 CAR TOURS */ /* 9.10 PORTS */ /* 9.11 FAQS */ /****** 10. TABLE STYLES ******/ /* 10.1 BF-TABLE VARIATIONS */ /* 10.2 BF-TABLE GREY */ /* 10.3 BF-TABLE WHITE */ /* 10.4 BF-TABLE RESPONSIVE */ /* 10.5 WYSIWYG TABLES */ /****** 11. OBE ******/ /* 11.1 ALERT STYLING */ /* 11.2 OBE STEP 3 - DAY CABIN MESSAGE*/ /* 11.3 OBE COMPARE AND CONTRAST MODAL */ /****** 12. W I L F S ******/ /* 12.1 AMEND LOG-IN */ /* 12.2 WILF GLOBAL - BOOKING BREADCRUMB */ /* 12.3 WILF - GLOBAL - MISC */ /* 12.4 WILF - GLOBAL - OBE menu */ /* 12.5 WILF - GLOBAL - SUMMARY - SLIDE - BOTTOM - fade*/ /* 12.6 WILF - GLOBAL - BOOKING ENGINE CONTINUE BUTTONS */ /* 12.7 WILF - OBE - STYLE TOP CONTEXTS */ /* 12.8 GLOBAL FORM FOCUS REMOVAL OF BORDER */ /* 12.9 WILF - OBE - SUMMARY SLIDE */ /* 12.10 WILF - OBE STEP 1 */ /* 12.11 WILF - OBE STEP 2 */ /* 12.12 WILF - OBE STEP 3 */ /* 12.13 WILF - OBE - PRICE BREAKDOWN */ /* 12.14 INTERSTEP -LOGIN/ ACCOUNT SECTION */ /* 12.15 WILF - OBE STEP 5 */ /* 12.15.1 CONTACT NUMBER INPUTS */ /* 12.16 WILF - OBE STEP 6 */ /* 12.17 WILF - OBE STEP 7 */ /* 12.18 WILF - OBE STEP 8 */ /* 12.19 ACCOUNT LOGIN */ /* 12.19.1 AMEND LOGIN */ /* 12.20 MARGIN AND PADDING CONSISTENCY */ /****** 13. SIDEBAR ******/ /* 13.1 WIDGET IN SIDEBAR */ /* 13.2 SIDEBAR TYPOGRAPHY & LISTS */ /* 13.3 SITE SEARCH */ /* 13.4 HOME PAGE SINGLE IMAGE MASTHEAD */ /* 13.5 HOME PAGE MASONRY HALF-HEIGHTS */ /* 13.6 TEMPORARY GUIDES PAGES STYLING */ /* 13.7 - property page overrides for mobile */ /****** 1. GLOBAL STYLES ******/ body{overflow-x: hidden;} .contextualToolbar-init-processed #reciteme{display: none;} /* this hides the recite me bar when logged in as admin **/ /* clear inline responsive image on 540px and less */ @media (max-width: 540px){.field--name-field-common-body .embedded-entity.align-right,.field--name-field-wysiwyg.field--type-text-long .embedded-entity.align-right {display:block;float:none;margin:10px auto;text-align:center}.field--name-field-common-body .embedded-entity.align-right img,.field--name-field-wysiwyg.field--type-text-long .embedded-entity.align-right img{margin:10px auto;}} /* 1.1 GLOBAL TYPOGRAPHY */ @media screen and (max-width: 768px){select, textarea, input {font-size: 14px!important;}} .field--name-node-title h1{text-transform:none} .field--type-text-long ul{margin:10px 0px 30px 0px!important;padding:0px 0px 0px 0px;font-weight:300} .field--name-field-cat-block-body ul{padding-left:0px} .field--name-field-cat-block-body li,.container .field--name-field-common-body li,div.cabin-content.row li,.field--name-field-wysiwyg ul li{list-style-type:none;margin-bottom:5px} a.link-grey:hover{text-decoration:none} .field--name-field-common-body .btn.btn-primary-blue{min-width:220px;margin:20px 0 0 0;display:inline-block;} .field--name-field-common-summary,.field--type-text-with-summary,.cabin-item-content p,.field--name-field-common-body,.field--type-text-long,.field--type-text-long p,p.information,.field--type-text-long ul,.field--type-text-long ul li,.panel-collapse ul li{font-weight:300!important;} p.information,.field--name-field-common-body p,.field--type-text-long p{color:#5a646d;margin:15px 0} .comma-after-value:after {content: ',';} p.information{font-size:1.0em!important} h2 a:hover,h3 a:hover,.blue.margin-tb a:hover{text-decoration:none}/* REMOVE HOVER UNDERLINE FROM SOME HEADINGS */ @media (max-width:768px) {.wilf-tunnel-content h1{font-size:2.0em} .width-two-third-desktop {width: 100%;}} legend{border-bottom:none!important} /* 1.15 IE FIXES */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { footer .main_footer .region-main-footer .footer-main .title{height:auto;} footer .main_footer .region-main-footer .footer-main .title h3{font-size: 1.4rem;font-weight:bold;} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li > a {margin-right: 0px!important;} .container, form.user-login-form, form.comment-property-comments-form, .node--type-hub.node--view-mode-full .hub-head, .global-search .bf-search-top .view-filters, .holidays-property-data--view-mode-full .wrapper-holidays-vm-full, .holidays-property-data--type-holidays-property-variations.holidays-property-data--view-mode-full .group-footer ul.nav-tabs, .view-pinterest-list .view-content, .view-pinterest .view-header, .view-pinterest .view-filters .form--inline, .view-pinterest .pager-nav, .view-product-list .view-content, .view-product-list .view-filters .form--inline, .view-product-list .pager-nav, .view-list-review .view-filters .form--inline{margin:0 auto!important}} /* 1.2 MAIN MENU */ @media (min-width:992px) { header .menu.nav.navbar-nav li.mob-link{display:none!important} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link >a, header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link >span{border:0} header .menu.nav.navbar-nav li.mob-link{border:1px solid #ddd;width:80%;margin:20px auto 20px auto;} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link >a{font-size:0.9em;font-weight:600;color:#777;text-align:center} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link >a:hover{color:#417DC4} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link >a:before {padding-right:10px;font-size:1.3em;} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link.phone >a:before{content:'\e93c';font-family:'BrittanyFerriesIcoFont'!important;} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link.sailing>a:before{content:'\e914';font-family:'BrittanyFerriesIcoFont'!important;} header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li.mob-link.manage>a:before{content:'\e901';font-family:'BrittanyFerriesIcoFont'!important;}} /* styles the main menu 'view all' link */ header li#menuhome {text-align:left;margin:10px 0 0 0;padding:0;} header li#menuhome a{border:0;margin:0;padding:10px;font-size:1.1em;font-weight:bold} header li#menuhome a:before{content:'\e907'; font-family: 'BrittanyFerriesIcoFont'!important;padding-right:5px;font-size:0.7em} @media (min-width: 980px){header li#menuhome {width:924px;}} @media (max-width: 768px){header li#menuhome {margin:10px 10px 10px 20px;}} @media (min-width:992px) {header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li > a{margin-right:8px}} @media only screen and (min-width: 992px){header .bottom_header .main-menu .navbar .navbar-collapse>ul.menu>li>ul.dropdown-menu .container>li{float:left!important}} /* main menu fix for four levels down */ div.main-menu > div > div.container.hidden-xs.hidden-sm > div > ul > li ul > div > li > ul > li > ul {display:none!important} /* 1.3 IMPORTANT NEWS RIBBON */ .importants-news .infos.col-xs-10{width:90%;margin:0;padding:0} .importants-news .infos.col-xs-10 a:visited,.importants-news .infos.col-xs-10 a {color:#fff;text-decoration:underline} .importants-news .action.col-xs-2{width:8%;margin:0;padding:0} @media only screen and (max-width: 768px){.importants-news{margin:10px 0 10px 0} .importants-news .infos.col-xs-10{font-size:12pt;line-height:1.3em;padding-top:10px}} /* 1.4 USER LOGIN POPIN */ header .icon-myaccount.expanded.dropdown.connected a{font-weight:500!important} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open .col-xs-12.link-content{padding-top:0;margin-top:0} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open .col-xs-12.link-content .wilf-form-link{margin-top:0;padding-top:1px;margin-bottom:0;color:#fff;font-weight:normal!important;padding-left:0;text-decoration:underline;margin-bottom:0;padding-bottom:0} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open ul.dropdown-menu li.login-form form .separator {margin:5px auto;} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open ul.dropdown-menu li.login-form form button {margin-bottom:3px} .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open ul.dropdown-menu li.login-form form input {font-style:normal!important;font-family:roboto;} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open .btn-primary-red{background:#449d44!important} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open .btn.btn-primary-grey {background:#748492!important} header .row.main_header .user-menu li.login-form{display: block;width:100%;min-width:100%} header .row.main_header #username_popup.text-lowercase{text-transform:none} header .row.main_header .menu.navbar-nav.navbar-right.dropdown-menu .login-form {display:block;width:100%!important} header .main_header .user-main .user-menu ul li .navbar-toggle a {text-decoration: none;color: #255690;} /*user pop-in for agents */ header .main_header #esi-fragment-symfony-account-login .form-group{margin-bottom:5px} header .main_header .wilf-form-link{text-align:right!important;} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open .col-xs-12.link-content .wilf-form-link{font-weight:300!important} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open ul.dropdown-menu li.login-form .wilf-form-link{margin:0px auto;display:none} header .main_header .user-main .user-menu .icon-myaccount.expanded.dropdown.open li:last-child a{color:#fff!important;text-decoration:underline} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open ul.dropdown-menu li.login-form form .separator {display:none} header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open .link-content .wilf-form-link:hover{text-decoration:none} header .main_header .user-main .user-menu .btn-primary-red, header .main_header .user-main .user-menu .btn.btn-primary-grey{padding:8px 25px!important;margin:2px 0;line-height:30px!important;font-size:15px} header .main_header .col-xs-12.col-sm-9.col-md-9.user-main li.agent-login-link {width:100%} header .main_header .col-xs-12.col-sm-9.col-md-9.user-main li.agent-login-link a:hover{background-color:transparent!important;text-decoration:none!important} .user-logged-in header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open li a:hover{background-color:transparent!important;color:#fff!important} header .main_header .col-xs-12.col-sm-9.col-md-9.user-main li.agent-login-link a{text-align:right} .user-logged-in header .main_header .user-main .user-menu ul li.icon-myaccount.expanded.dropdown.open ul.dropdown-menu li.agent-login-link{display:none} /* 1.5 LOGO */ header .col-xs-12.col-sm-3.col-md-3.logo a:hover{text-decoration:none} @media only screen and (min-width: 968px){ header .col-xs-12.col-sm-3.col-md-3.logo img{width:80%;margin:15px auto;} header .main_header .logo{padding-top:0}} @media only screen and (min-width:769px) and (max-width: 990px){ header .col-xs-12.col-sm-3.col-md-3.logo {width:30%} header .col-xs-12.col-sm-3.col-md-3.logo img{width:80%} header .col-xs-12.col-sm-9.col-md-9{width:69%}} @media only screen and (max-width: 768px){ header .col-xs-12.col-sm-3.col-md-3.logo{width:90%;margin:auto;float:none;display:block;margin-top:10px} header .col-xs-12.col-sm-3.col-md-3.logo img{width:30%;margin:0 auto;min-width:180px} header .main_header .logo{padding-top:0} header .col-xs-12.col-sm-3.col-md-3.logo:after{font-size:0.9em} header .main_header .logo {text-align: center;padding:0!important;margin:10px auto 0 auto!important;} header .main_header .user-main .user-menu ul li a{float:none} header .main_header .user-main .user-menu ul li .navbar-toggle a{display:inline-block}} /* 1.6 TOP UTILITIES */ header .region-top-header .utilities-menu ul{width:99%;} header .region-top-header .utilities-menu ul li {text-align:center;float:right;} header .region-top-header .utilities-menu ul li a{margin-top:3px} @media only screen and (max-width: 767px){header .region-top-header .utilities-menu ul li a{display:none}} header .typeahead__container{font-size:0.9em} @media only screen and (max-width: 767px){ header .main_header .user-main .user-menu ul li.expanded.dropdown.open{border-left:1px solid #fff!important;} header .main_header .user-main .user-menu ul li.expanded.dropdown.open ul.dropdown-menu{padding-bottom:30px!important} header .main_header .user-main .user-menu ul li.expanded.dropdown.open ul.dropdown-menu{border-left:1px solid #fff!important;border-right:1px solid #fff!important;border-bottom:1px solid #fff!important;} } .user-menu, header .main_header .user-main .user-menu .navbar-right {width: 100%!important;min-width: 350px;} header .main_header .user-main .user-menu ul li.icon-search {display: inherit;} /* 1.7 MOBILE MAIN MENU DROP-DOWN and UTILITIES HIDE */ @media (max-width: 990px){ header .utilities-menu{display:none} header .bottom_header .main-menu .menu.nav.navbar-nav{padding-bottom:25px;border-bottom:5px solid #417DC4} header .bottom_header .main-menu .menu.nav.navbar-nav li.mob-link {border:1px solid #ddd;width: 80%;margin: 10px auto 10px auto;} header .bottom_header .main-menu .menu.nav.navbar-nav li.mob-link a {border-bottom:0!important;color:#5A646D!important;font-size:0.9em!important;font-weight:500!important;text-align:center} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li.mob-link.manage > a:before { content: '\e901';font-family: 'BrittanyFerriesIcoFont'!important;padding-right:15px;font-weight:600!important;font-size:1.3em} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li.mob-link.sailing > a:before { content: '\e914';font-family: 'BrittanyFerriesIcoFont' !important;padding-right:15px;font-weight:600!important;font-size:1.3em} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li.mob-link.phone > a:before { content: '\e93c';font-family: 'BrittanyFerriesIcoFont' !important;padding-right:15px;font-weight:600!important;font-size:1.3em} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu li.expanded.dropdown,li.expanded.dropdown li{line-height:2.3em;} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu li a.dropdown-toggle{line-height:1.6em!important;padding-left:0!important} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li > ul.menu > .container > li > a, header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li > ul.menu > .container > li span, header .bottom_header .main-menu .navbar .navbar-collapse ul.menu li ul.menu li a{margin-left:25px!important;padding-left:0} header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li > ul.menu > .container > li span, header .bottom_header .main-menu .navbar .navbar-collapse > ul.menu > li > ul.menu > .container > li a{color:#5A646D!important;border:0} header li#menuhome a{margin-left:0!important;}} /* 1.8 USER MENU */ @media (max-width: 790px){ .col-xs-12.col-sm-9.col-md-9.user-main{width:100%} .col-xs-12.col-sm-9.col-md-9.user-main li{width:25%;} .page-node-type-wilf .col-xs-12.col-sm-9.col-md-9.user-main li{width:33%} .page-node-type-wilf .col-xs-12.col-sm-9.col-md-9.user-main li *{text-align:center;float:none} .col-xs-12.col-sm-9.col-md-9.user-main li .navbar-toggle{float:none!important;text-align: center!important;margin: 0 auto!important;display: block;}} ul.account-submenu {width: 100%;} @media (max-width: 790px){ .col-xs-12.col-sm-9.col-md-9.user-main{width:100%} .col-xs-12.col-sm-9.col-md-9.user-main li{width:25%;} .col-xs-12.col-sm-9.col-md-9.user-main li .navbar-toggle{float:none!important;text-align: center!important;margin: 0 auto!important;display: block;}} /* 1.9 FOOTER */ footer .main_footer{background:#255690} footer .top_footer {background:#669ACC;} .footer-bottom.contact-information span a {font-size: 18px;} footer .main_footer .region-main-footer .footer-main .title h3,footer .menu.nav li a{color:#fff!important} footer .footer-bottom a,.footer-bottom p{color:#fff} footer .yourreview-block img{margin:0 15px 0 0} footer .yourreview-block p{color:#fff;font-size:0.8em;font-weight:300} footer .yourreview-block a{color:#fff;text-decoration:underline} footer .socialmedia-links .fa-3x{font-size:2.4em} footer .main_footer .region-main-footer .footer-main ul.menu li a.ie, footer .main_footer .region-main-footer .footer-main ul.menu li a.ie:hover {width:28px} footer .region-top-footer .control_indicator{color:#fff;font-size:19px;margin-top:28px;font-weight:300;text-transform:uppercase} footer .region-top-footer .block-webform-block{width:49%;float:left;} footer .region-top-footer .block-webform-block label::after{display:none} footer .region-top-footer .block-webform-block input#edit-email{width:70%;border:0;border-radius:0;font-size:0.9em;font-family:Roboto,sans-serif;color:#333333;font-weight:300;line-height:22px;padding:10px;height:40px;float:left;margin-top:15px} footer .region-top-footer .form-submit{display:inline;margin:0px 10px;line-height:22px;min-width:100px;text-transform:uppercase;font-size:13pt;border-radius:0;border:0;padding:9px 20px;float:left} @media (max-width: 990px){ footer .region-top-footer .col-md-3{width:29%} footer .region-top-footer .block-webform-block{width:40%;padding:0 10px 20px 10px} footer .region-top-footer .form-submit,footer .region-top-footer .block-webform-block input#edit-email{width:100%;margin:3px 0} footer .region-top-footer .control_indicator,footer .region-top-footer .control_label{width:100%;text-align:center;} footer .region-top-footer .yourreview-block a img {display:none} footer .region-top-footer .yourreview-block {text-align:center} footer .region-top-footer .col-md-3 .fa{font-size:2.2em;margin:3px 3px}} @media (max-width: 768px){ footer .region-top-footer .block-webform-block{width:100%;} footer .region-top-footer .col-md-3{width:49%}} /** footer ipad fix **/ @media screen and (min-width: 766px) and (max-width: 767px) {footer .main_footer .region-main-footer .footer-main.force-show-mobile,.contact-information, .copyright{width:100%;text-align: center!important;margin-bottom: 10px;margin-top: 10px;} footer .main_footer .region-main-footer .footer-main.force-show-mobile{height: auto!important;margin-bottom: -1px;} footer .main_footer .region-main-footer .footer-main ul.menu li {width: 100%;clear:both;border-bottom: 1px solid #b0b4b7;} footer .main_footer .contact-information .field, footer .main_footer .copyright .field{padding:0;margin: 0!important;} footer .main_footer .region-main-footer .footer-main ul.menu li a {font-size: 14px;font-size:1.4rem;color: #54646D;line-height: 1.4em;padding: 10px 0;} footer .main_footer .region-main-footer .footer-main ul.menu {display: inline-block;width:100%;} footer .main_footer .region-main-footer .footer-main ul.menu li.expanded {border-top:none;border-bottom: 1px solid #b0b4b7;} footer .main_footer .region-main-footer .footer-main ul.menu li.country {clear: none;float:left;padding: 0 10px 0;width: auto;border: none;} footer .main_footer .region-main-footer .footer-main .title h3{margin: 10px!important;padding: 10px 0!important;} footer .main_footer .region-main-footer .footer-main .title{height: auto;}} /** footer ipad fix **/ /* 1.10 FOOTER MENUS */ @media screen and (min-width: 767px) and (max-width: 990px){ footer .main_footer .region-main-footer .footer-main .title h3{padding-bottom:15px} footer .main_footer .region-main-footer .footer-main .title{height:auto} footer .main_footer .region-main-footer .footer-main.force-show-mobile{margin-bottom:20px} footer .main_footer .region-main-footer .col-sm-4{width:25%} footer .main_footer .region-main-footer .col-sm-4:nth-child(2){display:none} footer .main_footer .region-main-footer .footer-main.border{border:0} footer .main_footer .region-main-footer .footer-main ul.menu li a{line-height:1.0em}} /* 1.11 CAROUSEL SLICK */ .carousel-slick h3.blue{margin:20px 0 0 0;border-bottom:0!important;font-size:1.3em;min-height:50px} .carousel-slick .under-legend{font-style:normal} figure.embedded-entity.align-center {position: relative;} .carousel-slick .comma-after-value:after{margin-left:0;margin-right:0} #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content .action,#mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span {text-shadow: 1px 1px 0px #000;} @media (max-width: 768px){ .carrousel-content .field--name-field-fc-title {line-height:1.1em;font-size:0.8em} #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content .action{margin-top:30px} #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content .action,#mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span {text-shadow: 1px 1px 0px #000;} } /* 1.12 PRINT STYLES */ @media print { #wilf-block-step-navigation,.btn-primary-blue, .btn-primary-green, .btn-primary-grey, .btn-print-page, #field-collection-tabs, .field--name-field-book-button, .key-print, .timetable-monthtab-columns.hidden-xs.hidden-sm, .group-footer, .timetable-monthtab-select.visible-xs, .timetable-crossings-list.visible-xs, .block-travelguideregionchoiceblock{ display: none!important; } .form-generic .panel{ padding: 0; } .field--name-field-content-context-top{ display: none; } .wilf-tunnel-content .container .global-title h1, .wilf-tunnel-content .wilf-block-header-title{font-size: 22px;font-weight: bold;} .alert-important,.wilf-tunnel-content .wilf-block-2-cols.left{padding: 0!important;} .wilf-tunnel-content .wilf-block-header{padding: 10px 0;margin: 0 0 10px 0;} section:nth-of-type(2n) {display: none;} .wilf-tunnel-content .row.blue{padding: 3px;font-size: 14px!important;} .field--name-field-wysiwyg{font-size: 14px!important;} section:nth-of-type(2n) {display: none;} .col-md-8.group-left{width:66.666667%} .col-md-4.group-right{width:33.3333%} .timetable-monthtab-select.visible-xs,.timetable-monthtab-month, .timestable-monthtab-bloc{display: inline-block;} .timetable-monthtab-columns{width: 100%;display: block!important;} .node--type-timetable .timetable-monthtab-month a{height: auto!important;} .page-node-type-hub .group-footer, .timetable-crossings-list.hidden-xs{display:block!important} /* timetables */ .timetable-monthtab-link.active span{text-decoration: underline!important;} h1, h2, h3, h4, h5, h6{font-size: 14px!important} body{font-size: 12px!important;} .col-xs-12.col-sm-6{width: 100%!important;} } /* 1.13 COOKIE WINDOW */ #sliding-popup.sliding-popup-bottom{background-color:#669ACC!important;padding:15px 0 5px 0;border-top:5px solid #fff} #sliding-popup.sliding-popup-bottom p {font-size:1.0em!important;font-weight:normal!important;color:#fff!important} #sliding-popup.sliding-popup-bottom p a{color:#fff!important;text-decoration:underline} #sliding-popup.sliding-popup-bottom #popup-buttons{padding-top:0px;padding-bottom:20px} #sliding-popup.sliding-popup-bottom #popup-buttons button {display:block!important;clear:both;width:99%!important;font-weight:300!important;text-transform:uppercase;font-size:0.9em!important;padding:8px 15px!important;border:0;text-shadow:none!important;border-radius:0;box-shadow:none} #sliding-popup.sliding-popup-bottom #popup-buttons .agree-button {background:#28A745!important;text-shadow:none!important;color:#fff} /****** END OF 1. GLOBAL STYLES ******/ /* 1.14 */ .holidays-property-data--view-mode-full #edit-group-availability #holiday_form_gite_check_availability { background: #7db740 url(/../../../../../../../themes/brittany_ferries/assets/images/arrow.png) no-repeat 94% center;} .holidays-property-data--view-mode-full #edit-group-availability #holiday_form_gite_check_availability:hover { background:#649C29 url(/../../../../../../../themes/brittany_ferries/assets/images/arrow.png) 94% center no-repeat!important} /* double category cta */ .node--type-category.node--view-mode-full .field-cat-block-button .field--type-link a {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;border-radius: 0; display: block; cursor: pointer; word-wrap: break-word; white-space: normal; font-family: "Roboto",sans-serif !important;background: #417DC4;color: #fff!important;text-transform: uppercase;font-size: 16px;font-size: 1.6rem;font-weight: 700; text-align: center; min-width: 180px; width: 100%; margin-top: 10px!important; margin-bottom: 0px!important;padding: 9px 25px;text-decoration: none;max-width: 260px;max-width: 100%;min-width: 100%;width: 100%; text-transform: uppercase!important;} .node--type-category.node--view-mode-full .field-cat-block-button .field--type-link :nth-of-type(2) a{ background: transparent!important; color: #417DC4!important; border: solid 1px #417DC4!important;} .node--type-category.node--view-mode-full .field-cat-block-button .field--type-link a:before{content: '';display: none;} .node--type-category.node--view-mode-full .field-cat-block-button .field--type-link a:hover{text-decoration: none!important;} /* 1.14 */ /****** 2. HOME PAGE ******/ /* 2.1 WIDGET */ @media (min-width: 990px){ .path-frontpage .booking-online-widget .ferry-widget-container .form-inline.row .trip-choice{width:38.5%;text-align:left} .path-frontpage .homepage .ferry-widget .road-choice.col-sm-6 {width:43.5%;margin:0 15px 0 15px;padding:0;border:1px}} .path-frontpage .homepage .booking-online-widget {bottom: 20px;} .path-frontpage .homepage .booking-online-widget .nav.nav-tabs li a {opacity:1!important;margin-bottom:1px} .path-frontpage .homepage .holidays-form.bf-search-top .view-filters .form--inline .date-form .form-item:after{cursor:pointer!important} .path-frontpage .homepage .ferry-widget .road-choice.col-sm-6 select {width:100%} .path-frontpage .homepage .booking-online-widget .tab-content .select-blue:after, .path-frontpage .booking-online-widget .tab-content .select-wilf:after, .path-frontpage .booking-online-widget .tab-content .ferry-widget-container .styled-select-wrapper:after, .path-frontpage .booking-online-widget .ferry-widget-container .tab-content .styled-select-wrapper:after, .path-frontpage .booking-online-widget .tab-content .holiday-search-block .select-wrapper:after, .path-frontpage .holiday-search-block .booking-online-widget .tab-content .select-wrapper:after, .path-frontpage .booking-online-widget .tab-content .view-filters .select-wrapper:after,.path-frontpage .view-filters .booking-online-widget .tab-content .select-wrapper:after,.path-frontpage .booking-online-widget .tab-content .select-wilf:after,.path-frontpage .booking-online-widget .tab-content .bf-search-top .view-filters .form--inline .date-form .form-item:after{/*! border:1px solid #b0b4b7 */} .path-frontpage .radio-button-blue+label:before, .path-frontpage .radio-btn-wilf+label:before, .path-frontpage .booking-online-widget .ferry-widget-container input[type="radio"]+label:before,.path-frontpage .field--name-field-poll .poll #edit-choice input[type='radio']+label:before,.path-frontpage .radio-button-blue+.control_indicator:before, .radio-btn-wilf+.control_indicator:before, .path-frontpage .booking-online-widget .ferry-widget-container input[type="radio"]+.control_indicator:before, .path-frontpage .field--name-field-poll .poll #edit-choice input[type='radio']+.control_indicator:before{border:1px solid #fff} .path-frontpage .homepage .booking-online-widget .ferry-widget-container input[type="radio"]+label {padding-left:10px;} .path-frontpage .booking-online-widget .tab-content{opacity:1} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span {font-size:3.9em;font-family:'Open Sans',Arial!important} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span span{font-size:0.5em} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span span {line-height:1.9em} @media only screen and (min-width: 768px){ .path-frontpage #mastheadCarrousel.carousel .carousel-indicators {top: 250px;} .path-frontpage .homepage #mastheadCarrousel{height:590px}} .path-frontpage .homepage #mastheadCarrousel .carousel-indicators li.active{margin:1px} @media only screen and (max-width: 768px){ .masthead{background:transparent} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content{margin-top:0px;top:15px} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span{font-size:2.9em;letter-spacing:inherit} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content span span{font-size:0.5em}} /* 2.2 ROUTE MAP & MASONRY */ .path-frontpage .grid-main-mansory.row .description .field--name-field-ms-description h3{display:block;padding-top:0;margin-top:0;margin-bottom:20px} .path-frontpage .grid-main-mansory.row .description .field--name-field-ms-description p{display:block;margin-bottom:40px} .path-frontpage .field--name-field-mansory-image-double-heigh .field--type-text-long {padding:0 10px!important;border:1px solid} .path-frontpage .page-node-type-homepage .grid-item--height2 ul{border:1px solid #fff!important;padding:30px 10px 0px 0;} .path-frontpage .page-node-type-homepage .grid-item--height2 ul li,.page-node-type-homepage .grid-item--height2 ul{color:#fff} .path-frontpage .page-node-type-homepage .field--type-text-with-summary ul li:before,.page-node-type-homepage .field--type-text-long ul li:before {color:#fff} .image-panel-full .content:hover,.image-panel-half .content:hover,.mansory-resp-image-content .content:hover{opacity:0.9;} .image-panel-full .content:hover p{color:#fff!important} .image-panel-full .content:hover a{padding-top:300px;padding-right:170px} /* 2.3 CAROUSEL*/ .path-frontpage .carousel-indicators .active,.path-frontpage .carousel-indicators li{height:18px;width:18px} .path-frontpage .homepage .booking-online-widget .nav.nav-tabs li a, .path-frontpage .carrousel-content .field--name-field-fc-title {line-height:0.8em} .path-frontpage .homepage .highlighting-block .row{padding: 0px;} .path-frontpage #holidayForm{background-color:transparent} /* 2.4 BOTTOM VANITY PANEL */ .line-grey.padding-bottom-20{border:0} /* 2.5 WHY CHOOSE BRITTANY FERRIES */ .homepage .main-content{text-align:center;margin-top:20px} .homepage .main-content.container{margin-top:20px} @media only screen and (min-width:990px){.homepage .main-content.container{margin-top:40px;}} .homepage .main-content .col-sm-2-4{margin-bottom:60px;} .homepage .main-content .field--name-node-title{clear:both} .homepage .main-content .col-sm-2-4.title-block{min-height:90px;display:block;padding-top:10px} .homepage .main-content .col-sm-2-4.title-block div.title{display:table-cell;vertical-align:middle} .homepage .main-content .col-sm-2-4.title-block div.title .top-title {color:#5A646D;font-size:26px;font-size:2.6rem;font-weight:300} .homepage .main-content .col-sm-2-4.title-block div.title .bottom-title {color:#417DC4;font-size:26px;font-size:2.6rem;text-transform:uppercase;font-weight:700} .homepage .main-content .col-sm-2-4.item-block {display:block;overflow:hidden;text-align:center;min-height:90px;border-left:1px solid #b0b4b7;margin:15px 0} .homepage .main-content .col-sm-2-4.item-block.border{border-left:none} .homepage .main-content .col-sm-2-4.item-block a:hover,.why-choose-brittany .item-block a:focus{text-decoration:none} .homepage .main-content .col-sm-2-4.item-block .logo{display:block;height:42px;line-height:42px;text-align:center;overflow:hidden} .homepage .main-content .col-sm-2-4.item-block .logo img{max-height:42px} .homepage .main-content .col-sm-2-4.item-block .title{display:table;width:100%;height:48px;text-align:center} .homepage .main-content .col-sm-2-4.item-block .title a,.why-choose-brittany .item-block .title h4.title{display:table-cell;vertical-align:middle;color:#5A646D;text-decoration:none;font-size:19px;font-size:1.9rem;text-transform:uppercase;font-weight:300} @media only screen and (min-width:768px) and (max-width:991px) {.homepage .main-content .col-sm-2-4.item-block .title a, .why-choose-brittany .item-block .title h4.title{font-size:17px;font-size:1.7rem}} @media only screen and (min-width:768px) {.homepage .main-content .col-sm-2-4.item-block.border{border-left:1px solid #b0b4b7} .homepage .main-content .col-sm-2-4.title-block div.title .top-title{font-size:20px;font-size:2rem} .homepage .main-content .col-sm-2-4.title-block div.title .bottom-title{font-size:19px;font-size:1.9rem} .homepage .main-content .col-sm-2-4.item-block{margin:0}} @media only screen and (min-width:1200px){ .homepage .main-content .col-sm-2-4.title-block div.title .bottom-title{font-size:18px;font-size:1.8rem}} @media only screen and (max-width:768px){ .homepage .main-content .col-sm-2-4.title-block .title{margin:0 auto!important;display:block!important;float:none;} .homepage .main-content .col-sm-2-4.title-block {margin:0px 0 10px 0;min-height:auto;} .homepage .main-content .col-sm-2-4.title-block div.title *{display:inline;margin-right:5px} .homepage .main-content .col-sm-2-4.item-block{min-height:auto;margin:0 0 15px 0;width:20%} .homepage .main-content .col-sm-2-4.item-block .title {font-size:1.0em} .homepage .main-content .col-sm-2-4.item-block{border:0px!important} .homepage .main-content .col-sm-2-4 {padding-left:5px;padding-right:5px}} @media only screen and (max-width:510px){ .homepage .main-content .col-sm-2-4.title-block .top-title, .homepage .main-content .col-sm-2-4.title-block .bottom-title{font-size:1.3em!important} .homepage .main-content .col-sm-2-4.item-block:nth-child(4){display:none!important} .homepage .main-content .col-sm-2-4.item-block{min-height:auto;margin:0 0 15px 0;width:33%}} /****** END OF 2. HOME PAGE ******/ /****** 3. HOLIDAYS ******/ /* 3.0 MAIN HOLIDAY SEARCH - BOOK FIX */ .holidays-property-data--view-mode-full .bf-hols-right-header-action{background:transparent} /* 3.1 HOLIDAYS - MAP VIEW */ .gmap-wrapper .holidays-property-data--view-mode-grid .field--name-field-hols-title{display:block;width:100%} .gmap-wrapper.holidays-property-data--view-mode-grid .field--name-field-hols-title h3{width:100%;max-width:inherit;margin:15px 0 10px 0;font-size:1.1em;font-weight:400} .gmap-wrapper.holidays-property-data--view-mode-grid .field--name-field-hols-prop-type{float:none;color:#333;font-size:0.9em;font-weight:500;clear:left;display:table-cell;padding:0 5px 0 0px;float:left;} .gmap-wrapper.holidays-property-data--view-mode-grid .field--star-rating .icon-fullstar{display:inline;float:left} .gmap-wrapper.holidays-property-data--view-mode-grid .star-rating .icon-fullstar::before{font-size:16px} .gmap-wrapper.holidays-property-data--view-mode-grid .bf-hols-grid-title-breadcrumb{margin-top:5px} .gmap-wrapper.holidays-property-data--view-mode-grid .field--name-field-hols-prop-ref{display:block;margin-top:10px;font-size:0.9em} .gmap-wrapper.holidays-property-data--view-mode-grid .field--name-field-hols-prop-ref *{display:inline} .gmap-wrapper.holidays-property-data--view-mode-grid .field--name-field-hols-prop-ref .field--item{font-weight:300} /* 3.2 HOLIDAYS - SEARCH GRID VIEW */ .holidays-property-data--view-mode-grid .field--name-field-hols-title{display:block;width:100%} .holidays-property-data--view-mode-grid .field--name-field-hols-title h3{width:100%;max-width:inherit;margin:15px 0 10px 0;font-size:1.1em;font-weight:400} .holidays-property-data--view-mode-grid .field--name-field-hols-prop-type{float:none;color:#333;font-size:0.9em;font-weight:500;clear:left;display:table-cell;padding:0 5px 0 0px;float:left;} .holidays-property-data--view-mode-grid .field--star-rating .icon-fullstar{display:inline;float:left} .holidays-property-data--view-mode-grid .star-rating .icon-fullstar::before{font-size:16px} .holidays-property-data--view-mode-grid .bf-hols-grid-title-breadcrumb{margin-top:5px} .holidays-property-data--view-mode-grid .field--name-field-hols-prop-ref{display:block;margin-top:10px;font-size:0.9em} .holidays-property-data--view-mode-grid .field--name-field-hols-prop-ref *{display:inline} .holidays-property-data--view-mode-grid .field--name-field-hols-prop-ref .field--item{font-weight:300} /* 3.3 HOLIDAYS - SEARCH LIST VIEW */ .holidays-property-data--view-mode-list .bf-hols-list-header-top .field--name-field-hols-title {float:left;width:auto;margin-right:5px;max-width: 100%;} .holidays-property-data--view-mode-list .bf-hols-list-header-top .field--name-field-hols-title h3{font-size:1.1em;font-weight:400;display:inline;text-transform: none;word-break: break-all;} .holidays-property-data--view-mode-list .field--name-field-hols-prop-ref{display: block!important;padding: 0 0 10px 0 !important;font-style:normal!important;margin:0!important;font-size:0.9em;} .holidays-property-data--view-mode-list .field--name-field-hols-prop-ref .field--label{font-weight:500} .holidays-property-data--view-mode-list .star-rating{float:left;} .holidays-property-data--view-mode-list .bf-hols-list-header-top-left.col-xs-9.inline{width:100%;padding: 0;} .holidays-property-data--view-mode-list .bf-hols-list-content-right-left {width:50%} .holidays-property-data--view-mode-list .bf-hols-list-content-right-right {width:49%} .holidays-property-data--view-mode-list .field--name-view-block-about-holiday{font-size:0.8em;margin-bottom:10px} .holidays-property-data--view-mode-list .field--name-view-block-about-holiday .array .field{margin-bottom:5px;} .holidays-property-data--view-mode-list .field--name-view-block-about-holiday .array .field--label{display:table-cell;padding:0;font-weight:500;min-width:36%;display:inline-block;} .holidays-property-data--view-mode-list .field--name-view-block-about-holiday .array .field__items{display:table-cell;text-transform:uppercase;display:inline-block;min-width:62%;vertical-align: middle;} .holidays-property-data--view-mode-list .field--name-view-block-about-holiday .array .field__items .field--item {font-weight:300;} .holidays-property-data--view-mode-list .bf-hols-list-content-left.col-xs-6{width:43%!important} .holidays-property-data--view-mode-list .bf-hols-list-content-right.col-xs-6{width:55%!important} .holidays-property-data--view-mode-list .field--name-field-hols-descr-webintro {font-weight:300;font-size:0.9em;padding-left:0px;width:55%;float:right;padding-right:15px} .holidays-property-data--view-mode-list .field--star-rating .icon-fullstar{display:inline;float:left} .holidays-property-data--view-mode-list .star-rating .icon-fullstar::before{font-size:16px} .holidays-property-data--view-mode-list .bf-hols-list-header-bottom-right .field--name-field-hols-inventory-year{font-size:0.8em} .holidays-property-data--view-mode-list .bf-hols-list-header {margin: 0;padding: 10px 10px 0!important;} .holidays-property-data--view-mode-list .bf-hols-list-header-top, .holidays-property-data--view-mode-list .bf-hols-list-header-bottom, .holidays-property-data--view-mode-list .bf-hols-list-header-bottom-left, .holidays-property-data--view-mode-list .bf-hols-list-header-bottom-right{padding: 0!important;} .holidays-property-data--view-mode-list .bf-hols-list-content{padding-top: 20px!important;} .holidays-property-data--view-mode-list .bf-hols-list-footer, .holidays-property-data--view-mode-list .bf-hols-list-footer-left{padding: 5px 5px 5px!important;} .holidays-property-data--view-mode-list .bf-hols-list-header-bottom-left-breadcrumb{white-space: nowrap;} @media screen and (max-width: 600px){ .holidays-property-data--view-mode-list .bf-hols-list-content-left.col-xs-6{ width: 100%!important; } .holidays-property-data--view-mode-list .bf-hols-list-content-right.col-xs-6, .field--name-field-hols-descr-webintro{width: 95%!important;}} .holidays-property-data--view-mode-list .bf-hols-list-header-top-left.col-xs-9.inline .field--name-field-hols-prop-ref{width:100px;float:right;padding-right:0;text-align:right} .holidays-property-data--view-mode-list .bf-hols-list-content-right.col-xs-6 .field--name-view-block-about-holiday .array .field--item{text-transform:capitalize!important} .holidays-property-data--view-mode-list .bf-hols-list-content-right.col-xs-6 .field--name-view-block-about-holiday .array br{display:none} .holidays-property-data--view-mode-list .bf-hols-list-content-right.col-xs-6 .field--name-view-block-about-holiday .array small{padding-left:5px;text-transform:none;font-size:1.0em;display:inline} /* 3.4 PROPERTY PAGE - TITLE SECTION */ .holidays-property-data--view-mode-full .bf-hols-header{background:transparent;padding-left:0} .holidays-property-data--view-mode-full .group-header, .holidays-property-data--view-mode-full .group-header{margin-top:15px!important} .holidays-property-data--view-mode-full .group-header .bf-hols-header .bf-hols-header-title{width:100%;margin-top:0px!important} .holidays-property-data--view-mode-full .group-header .bf-hols-header .bf-hols-header-title h1{margin-top:0;clear:none;width:auto;display:inline-block;padding-bottom:5px;text-transform:none } @media only screen and (max-width: 768px){ .holidays-property-data--view-mode-full .star-rating{margin:0px 0 10px 0!important} .holidays-property-data--view-mode-full .holidays-property-data-price{margin:20px 0}} /* 3.5 PROPERTY PAGE - GENERAL FONT TREATMENT */ .holidays-property-data--view-mode-full .content_context p,.holidays-property-data--view-mode-full .field--type-string-long {font-weight:300;} .holidays-property-data--view-mode-full h3,.holidays-property-data--view-mode-full .holidays-property-data--view-mode-journal-old-reviews:before {font-size: 2.2rem;font-weight: 300;color: #417DC4;border-bottom: solid 1px #417DC4!important;padding-bottom: 10px;display: block;margin-bottom: 20px!important;text-transform: uppercase;} .holidays-property-data--view-mode-full .content_context h4{font-weight:400!important} .holidays-property-data--view-mode-full .field--type-string-long .array{margin-bottom: 0!important;} /* Hides the + issue on gites and cottages */ .bf-hols-footer-tab .field.field--label-inline:nth-of-type(3) .field--item{ position: relative; } .holidays-property-data--view-mode-full h3{text-transform:none} @media screen and (min-width: 768px) {.main_footer .footer-bottom{border-top:0!important}} .holidays-property-data--view-mode-full #edit-group-availability--content {padding-bottom:75px} .field--name-hols-property-context-block-about-content-left.field--type-ds { margin-top: 30px; } .field--name-dynamic-block-fieldholidays-property-data-holiday-full-description-tab .field--item, .bf-hols-facilities-list .field--item { text-transform: capitalize;} .bf-hols-facilities-list .field--label:after{content: ''!important;} /* 3.6 PROPERTY PAGE - WHY CHOOSE BF TABLE */ .field--name-hols-property-context-block-about-footer-bottom .bf-table-column-list td{padding:0 20px 0 0px} .field--name-hols-property-context-block-about-footer-bottom .bf-table-column-list p{padding:0px 0px} .field--name-hols-property-context-block-about-footer-bottom .bf-table-column-list img {margin:10px} .view-display-id-block_old_reviews .col-xs-12{padding: 0!important;margin: 0 -5px;} /* 3.7 PROPERTY PAGE - ARRAY STYLING */ .holidays-property-data--view-mode-full .array .field.field--label-inline .field--label{font-weight:500!important;} .holidays-property-data--view-mode-full .array .field.field--label-inline .field--item{padding:10px 10px!important;font-weight:300!important} @media only screen and (max-width: 768px){.holidays-property-data--view-mode-full .array .field--label{width:35%!important;min-width:35%;}} /* 3.8 PROPERTY ABOUT - FOOTER MARGIN AND PADDING */ .holidays-property-data--view-mode-full #edit-group-about .bf-hols-footer-about-footer,.holidays-property-data--view-mode-full #edit-group-about .bf-hols-footer-about-footer .field--name-hols-property-context-block-about-footer-bottom{padding-top:0;margin-top:0} /* 3.9 PROPERTY REFERENCE AND NEAREST CITY */ .holidays-property-data--view-mode-full .group-header .contextual-links{display:none!important} .field--name-field-hols-prop-ref{display:inline;} .holidays-property-data--view-mode-full .group-header .group-header .nearest{display:table-cell!important;} .holidays-property-data--view-mode-full .group-header .bf-hols-header-title *{font-style:normal!important} .holidays-property-data--view-mode-full .group-header .nearest span{display:none} .holidays-property-data--view-mode-full .group-header .nearest span.comma-after-value{border:#000;display:inline;} .holidays-property-data--view-mode-full .group-header .field--name-field-hols-prop-ref, .holidays-property-data--view-mode-full .group-header .nearest {line-height:20px!important;display:table-cell;min-width:auto;width:auto!important;font-weight:300;color:#5A646D!important;} .holidays-property-data--view-mode-full .group-header .nearest *{display:inline-block;width:auto;font-size:12pt; float: right;} .holidays-property-data--view-mode-full .group-header .nearest:before{content:',';float:left;margin:0 4px 0 0px;width:auto;} .holidays-property-data--view-mode-full .group-header .nearest .comma-after-value:after{content:'';padding:0 0 0 3px;width:auto;} .holidays-property-data--view-mode-full .group-header .bf-hols-header-title>.field, .bf-hols-header .star-rating{margin:0px 0 0 10px;} .holidays-property-data--view-mode-full .group-header .field--name-field-class-nearest-town.field--type-integer:after{content:'k'} .holidays-property-data--view-mode-full .group-header .nearest .field--name-field-region-ref {display:table-cell;margin-right:5px} .holidays-property-data--view-mode-full .group-header .nearest .field--name-field-region-ref:after{content:','} @media only screen and (max-width: 540px){ .holidays-property-data--view-mode-full .group-header .field--name-field-hols-prop-ref, .holidays-property-data--view-mode-full .group-header .nearest{display:block;margin:5px 0;clear:both;float:none;width:100%;padding:0} .holidays-property-data--view-mode-full .group-header .bf-hols-header-title > .field{margin:0} .holidays-property-data--view-mode-full .group-header .nearest:before{display:none}} /* 3.9.1 PROPERTY - ABOUT TAB */ .holidays-property-data--view-mode-full .bf-hols-facilities-list .odd {background-color:transparent!important;} .holidays-property-data--view-mode-full .field--name-field-hols-descr-main-brochure,.holidays-property-data--view-mode-full .field--name-field-hols-descr-forwebsite,.holidays-property-data--view-mode-full .field--name-field-hols-descr-environment, .holidays-property-data--view-mode-full .field--name-field-hols-descr-supplement{margin-bottom:25px!important} .holidays-property-data--view-mode-full .field--name-dynamic-block-fieldholidays-property-data-holiday-full-description-tab .field--item small,.holidays-property-data--view-mode-full .bf-hols-facilities-list .field--item{text-transform:none!important} .holidays-property-data--view-mode-full .bf-hols-facilities-list .field--label{text-transform:uppercase!important} /* 3.10 PROPERTY - PRICES TAB */ #edit-group-prices h4{margin-top:0} .holidays-property-data--view-mode-full .bf-hols-footer-prices .bf-hols-footer-tab .panel-group{margin-bottom:1px} /* 3.10.1 PROPERTY - LOCATION TAB */ @media only screen and (min-width: 1140px) {.holidays-property-data--view-mode-full .geolocation-formatter-map-wrapper{width:631px}} @media only screen and (max-width: 1139px) {.holidays-property-data--view-mode-full .geolocation-formatter-map-wrapper{width:560px;margin:0 auto!important;display:block;padding:0!important}} @media only screen and (max-width: 990px) {.holidays-property-data--view-mode-full .geolocation-formatter-map-wrapper{width:468px;margin:0 auto!important;display:block;padding:0!important} }@media only screen and (max-width: 768px) {.holidays-property-data--view-mode-full .geolocation-formatter-map-wrapper{width:440px;margin:0 auto!important;display:block;padding:0!important}} @media only screen and (max-width: 585px) {.holidays-property-data--view-mode-full .geolocation-formatter-map-wrapper{width:340px;margin:0 auto!important;display:block;padding:0!important}} /* 3.11 PROPERTY - OFFERS SECTION */ .holidays-property-data--view-mode-full .field--name-field-promo-detail-html .array .field--label-inline .field__items, .holidays-property-data--view-mode-full .field--name-field-promo-detail-html .array .field--label-inline .field--item{width:auto!important;min-width:auto!important;padding:0!important;margin:0!important;font-weight:300!important} .holidays-property-data--view-mode-full .field--name-field-promo-detail-html .array .field--label-inline .field--item:before{content:'\e907';font-family:'BrittanyFerriesIcoFont';padding-right:5px;font-size:0.9em;color:#417DC4} .holidays-property-data--view-mode-full .field--name-field-promo-detail-html .array .field--label-inline{background-color:transparent!important} /* 3.12 PROPERTY PAGE - RHC CTA ANCHORING */ .holidays-property-data--view-mode-full .bf-hols-right-header-description{border-top:0px!important} .holidays-property-data--view-mode-full .wrapper-holidays-vm-full .flag-holidays_shortlist {width:100%;text-align:center;} @media only screen and (min-width: 1140px){ .holidays-property-data--view-mode-full .col-xs-12.col-sm-6.right{min-height:365px;} .holidays-property-data--view-mode-full .bf-hols-right-header-action{position:absolute;bottom:0;width:95%;margin-bottom:0px}} @media only screen and (max-width: 1139px){ .holidays-property-data--view-mode-full .col-xs-12.col-sm-6.right{min-height:350px;} .holidays-property-data--view-mode-full .bf-hols-right-header-action{position:absolute;bottom:0;width:95%;margin-bottom:0px}} @media only screen and (max-width: 990px){ .holidays-property-data--view-mode-full .col-xs-12.col-sm-6.right{min-height:255px;} .holidays-property-data--view-mode-full .bf-hols-right-header-action{position:relative;display:block;width:95%;margin:0px auto}} /* 3.13 PROPERTY PAGE - RHC CTA FONT */ .holidays-property-data--view-mode-full .col-xs-12.col-sm-6.right .holidays-property-data-price *{font-size:1.2em!important} .holidays-property-data--view-mode-full #block-lookingtotravelsoonormixmatchourholidays span p{padding:0 10px 10px 10px;font-size:0.9em;margin-bottom:20px} /* PROPERTY PAGE - RHC CTA FONT */ /* 3.14 PROPERTY PAGE - HORIZONTAL TABS */ .holidays-property-data--view-mode-full .nav.nav-tabs.vertical-tabs-list li a{font-size:0.8em;} .holidays-property-data--view-mode-full .group-footer ul.nav-tabs > li{width:210px!important} .holidays-property-data--view-mode-full .group-footer ul.nav-tabs > li > a{padding:0 5px!important} @media (max-width:980px) { .holidays-property-data--view-mode-full .group-footer ul.nav-tabs > li{width:auto!important} .holidays-property-data--view-mode-full .group-footer ul.nav-tabs > li > a{padding:0 25px!important}} /* 3.15 PROPERTY PAGE - ICON TABLE */ .holidays-property-data--view-mode-full .field--name-field-facilities-html .array .field--item{font-weight:300!important} .field--label-inline.facility-container {width:49%!important;display:inline!important;float:left!important;height:50px!important;min-height:50px!important;background:none!important;} .holidays-property-data--view-mode-full .field--name-field-facilities-html .array .field--label-inline .facility-container-icon {padding:0;margin:0;width:60px!important;height:40px} .holidays-property-data--view-mode-full .facility-container-icon span{font-size:1.7em;color:#417DC4;} .holidays-property-data--view-mode-full .icon-provisions:before {content: "\e93b";} .holidays-property-data--view-mode-full .icon-cart:before {content: "\e93a";} /* 3.16 PROPERTY PAGE - GITE JOURNAL STYLING */ .holidays-property-data--view-mode-full .holidays-property-data--view-mode-journal-old-reviews .field--name-field-hols-jd-desc br{display:none} .holidays-property-data--view-mode-full .holidays-property-data--view-mode-journal-old-reviews .field.field--name-field-hols-jd-name.field--type-string-long.field--label-hidden.field--item,.gitejournals .field.field--name-field-hols-jd-date.field--type-datetime.field--label-hidden.field--item {display:inline;width:auto;clear:none;font-weight:500;font-size:0.9em;color:#417DC4} .holidays-property-data--view-mode-full .holidays-property-data--view-mode-journal-old-reviews .field--name-field-hols-jd-name,.holidays-property-data--view-mode-full .holidays-property-data--view-mode-journal-old-reviews .field--name-field-hols-jd-date{text-transform:uppercase} .holidays-property-data--view-mode-full .holidays-property-data--view-mode-journal-old-reviews:before {content: 'Customer reviews';} .holidays-property-data--view-mode-full .field--name-field-hols-journals-date .field--item{margin-bottom: 20px;} .field--name-field-hols-jd-desc{margin-bottom: 0px!important;} .holidays-property-data--view-mode-full .field--name-field-hols-jd-name,.holidays-property-data--view-mode-full .field--type-datetime {font-weight:bold;display:inline;color:#417DC4;font-size: 0.9em;font-weight: 500;} /* 3.17 PROPERTY PAGE - SIDEBAR BLOCK */ .holidays-property-data--view-mode-full #edit-group-about--content .bf-hols-footer-about-right .sidebar-block{font-size:0.9em;font-weight:300} .holidays-property-data--view-mode-full #edit-group-about--content .bf-hols-footer-about-right .background-color-grey{margin-bottom:10px} .holidays-property-data--view-mode-full #edit-group-about--content .bf-hols-footer-about-right h2,.holidays-property-data--view-mode-full #edit-group-about--content .bf-hols-footer-about-right h3{border:0!important;font-size:1.3em} .holidays-property-data--view-mode-full .field--name-hols-property-context-block-about-sidebar-right #block-lookingtotravelsoonormixmatchourholidays p span{font-size:0.9em;margin-bottom:30px;display:block;padding:0 10px} /* 3.18 PROPERTY - LOCATION TAB */ /* 3.18.1 DISTANCE and MAP */ .holidays-property-data--view-mode-full .bf-hols-distance *{font-size:1.0em!important} .holidays-property-data--view-mode-full .field--name-holidays-property-data-map-description p{font-weight:300} /* 3.18.2 NEARBY ATTRACTIONS */ .holidays-property-data--view-mode-full .carousel-slick-nearby_attractions h3.blue{font-size:1.2em!important;min-height:auto;margin:10px 0 0 0;padding-bottom:0;border-bottom:0!important;} .holidays-property-data--view-mode-full .carousel-slick-nearby_attractions .under-legend{font-style:normal} .holidays-property-data--view-mode-full .carousel-slick-nearby_attractions .comma-after-value:after{margin-left:0;margin-right:0} /* 3.18.3 REGION BLOCK */ .holidays-property-data--view-mode-full .bf-hols-location-footer-block h2{margin:10px 0} .holidays-property-data--view-mode-full .bf-hols-location-footer-block h3{border:0!important} .holidays-property-data--view-mode-full .field--name-field-common-summary p{font-weight:300} .holidays-property-data--view-mode-full .field--name-dynamic-block-fieldholidays-property-data-btn-city-holiday-full .btn-primary-blue-long{text-align:center;float:none;margin:0 auto;display:block;float:none} /* 3.19 PROPERTY - LOCATION TAB */ /* 3.19.1 PROPERTY PAGE - AVAILABILITY TAB inc NUMBERING*/ .holidays-property-data--view-mode-full .bf-table-responsive thead tr th{border-bottom:0!important} .holidays-property-data--view-mode-full .bf-table-responsive tbody tr{background:transparent} .holidays-property-data--view-mode-full .bf-table-responsive tbody td{vertical-align:middle;} .holidays-property-data--view-mode-full .holiday-date-start.col-xs-12{padding-top:20px} @media only screen and (max-width: 990px) {.holidays-property-data--view-mode-full #sandbox-container.col-sm-6{width:100%!important;} .holidays-property-data--view-mode-full #holiday-date #sandbox-container .datepicker{width:100%!important;min-width:100%} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #sandbox-container .datepicker .datepicker-days .table-condensed tbody td {width:50px;height:50px} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container,.holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container .legend-container-content{margin-top:0;width:99%} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container .legend-container-content .legend-block{margin-right:5px;} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container .legend-container-content .legend-row{width:99%;} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container .legend-container-content .legend-row *{float:left;font-weight:300!important;font-size:0.9em} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container .legend-container-content .legend-row:nth-child(1){width:100%;} .holidays-property-data--view-mode-full #holiday-form-container #holiday-date #legend-container .legend-container-content .legend-row:nth-child(1) * {font-size:1.2em;font-weight:500!important} .holidays-property-data--view-mode-full .legend-row .legend-text{float:left!important;clear:none!important;width:80%;line-height:1.5em!important} .holidays-property-data--view-mode-full #holiday-form-container .panel-body .occupancy-content{padding:0px} .holidays-property-data--view-mode-full #holiday-form-container .bf-table-responsive tbody tr td,.holidays-property-data--view-mode-full .wilf-table-responsive tbody tr td::before,.holidays-property-data--view-mode-full .field--name-holidays-property-data-wilfs-availability #holiday-form-container .bf-table-responsive tbody tr td{height:70px!important;} .holidays-property-data--view-mode-full .bf-table-responsive td::before{line-height:70px!important} .holidays-property-data--view-mode-full #holiday-form-container .panel-body .occupancy-content .table-content .holidays-property-data--view-mode-full .select-white-arrow-blue{width:40%;right:6%;top:24%;}} .holidays-property-data--view-mode-full #edit-group-availability .panel-heading:nth-child(1) .panel-title:before {border-radius: 50%;padding:2px 10px;text-align: center;font-weight: 400;background-color: #417DC4;color:#fff;margin-right:10px} .holidays-property-data--view-mode-full #edit-group-availability .panel.panel-default:nth-child(1) .panel-title:before {content:'1'!important;} .holidays-property-data--view-mode-full #edit-group-availability .panel.panel-default:nth-child(2) .panel-title:before {content:'2'!important;} .holidays-property-data--view-mode-full #edit-group-availability .panel.panel-default:nth-child(3) .panel-title:before {content:'3'!important;} .holidays-property-data--view-mode-full #edit-group-availability #holiday-availability-confirmed .panel-title:before {content:''!important;border-radius: 0;padding:inherit;text-align: inherit;font-weight: inherit;margin-right:inherit} .holidays-property-data--view-mode-full #edit-group-availability #holiday_form_package_next_step.btn.btn-wilf-next.btn-primary.btn-wide{margin:5px auto;display:block;float:none;min-width:320px;background:#7db740 url(/../../../../../../../themes/brittany_ferries/assets/images/arrow.png) no-repeat 94% center} @media only screen and (max-width: 991px){ .holidays-property-data--view-mode-full .occupancy-content{margin:0} .holidays-property-data--view-mode-full #holiday-form-container .bf-table-responsive tbody tr td, .holidays-property-data--view-mode-full .wilf-table-responsive tbody tr td::before, .holidays-property-data--view-mode-full .field--name-holidays-property-data-wilfs-availability #holiday-form-container .bf-table-responsive tbody tr td{background-color:#417DC4!important;height:60px !important;line-height:60px!important;} .holidays-property-data--view-mode-full .occupancy-content #table-package tr th:first-child {background-color:#255690;background:#255690} .holidays-property-data--view-mode-full .wilf-table-responsive tbody tr td .table-content{width:100%;background-color:#DDEAFA!important;border-bottom:1px solid #fff;text-align:center!important;line-height: 1.3em;} .holidays-property-data--view-mode-full .occupancy-content .bf-table-responsive td::before {width:41%;padding:5px;background-color:#417DC4!important} .holidays-property-data--view-mode-full .occupancy-content #table-package .package-line {margin-bottom:0px;border-bottom:10px solid #fff;} .holidays-property-data--view-mode-full .occupancy-content #table-package .package-line:last-child{border-bottom:0} .holidays-property-data--view-mode-full .wilf-table-responsive tbody tr td:first-child .table-content{text-transform:uppercase} .holidays-property-data--view-mode-full .field--name-holidays-property-data-wilfs-availability #holiday-form-container .panel-body .occupancy-content .table-content .select-white-arrow-blue{width:30%!important;right:10%!important;top:15%!important} .holidays-property-data--view-mode-full .field--name-holidays-property-data-wilfs-availability #table-package{margin-bottom:0!important} .field--name-holidays-property-data-wilfs-availability #holiday-form-container #holiday-date .holiday-date-start{font-size:1.2em!important;padding:20px 0;text-transform:uppercase}} .field--name-holidays-property-data-wilfs-availability #holiday-form-container .panel-body .occupancy-content{padding:0px} /* 3.19.2 PROPERTY TABS ON MOBILE */ @media (max-width: 768px){ .field-group-tabs-wrapper {padding-bottom:50px} .holidays-property-data--view-mode-full .panel-default{margin-bottom:1px;border:0;border-radius:0} .holidays-property-data--view-mode-full .panel-heading {background-color:#a2aeb0;color:inherit;border:0;border-radius:0} .holidays-property-data--view-mode-full .panel-heading a {width:100%;display:block;padding:10px 0} .holidays-property-data--view-mode-full .panel-heading a, .holidays-property-data--view-mode-full .panel-heading a:active, .holidays-property-data--view-mode-full .panel-heading a.panel-title:hover, .holidays-property-data--view-mode-full .panel-heading a:hover{text-decoration:none!important;color:#fff} .holidays-property-data--view-mode-full .panel-heading a.panel-title:after{content:'\e909';font-family:'BrittanyFerriesIcoFont'!important;float:right;font-size:2.0em;padding:0;margin:0;line-height:0.9em} .holidays-property-data--view-mode-full .panel-heading a.panel-title.collapsed:after{content:'\e909';font-family:'BrittanyFerriesIcoFont'!important;float:right;font-size:2.0em} .holidays-property-data--view-mode-full .panel-heading a:focus{color:#fff} .holidays-property-data--view-mode-full .panel-heading {color:#fff;text-transform:uppercase;font-size:1.5em} .holidays-property-data--view-mode-full .col-md-12 .panel-heading {background-color:transparent;} .holidays-property-data--view-mode-full .bf-hols-footer-tab, .holidays-property-data--view-mode-full .view-content,.holidays-property-data--view-mode-full .field--name-hols-property-context-block-about-footer-bottom{padding-left:10px;padding-right:10px} .holidays-property-data--view-mode-full .field--name-field-content-contexts .field--name-field-wysiwyg .panel-heading {background-color:#777;} .holidays-property-data--view-mode-full .field--name-field-content-contexts .field--name-field-wysiwyg{width:100%;display:inline-block;min-width:100%;margin-bottom:0} .holidays-property-data--view-mode-full .field--name-field-content-contexts .field--name-field-wysiwyg .panel-group{border-bottom:1px solid #fff;margin:0;} .holidays-property-data--view-mode-full .field--name-field-content-contexts .field--name-field-wysiwyg .panel-group.bf-panel-group .panel-heading{padding-top:5px;padding-bottom:5px}} /* 3.19.3 GROUPED ITINERARY */ .node--type-holidays-group-itinerary.node--view-mode-full .group-itinerary-header{background:transparent;padding: 5px 0px;} .node--type-holidays-group-itinerary.node--view-mode-full .line-grey{padding-bottom:0} .page-node-type-holidays-group-itinerary h3{margin-top:15px} .page-node-type-holidays-group-itinerary .row.middle-content h2{font-size:1.7em;margin-top:15px;margin-bottom:0;font-weight:300} .page-node-type-holidays-group-itinerary .field--name-field-tabs-gpi-description .btn-primary-red{background:#FF5A5F!important} .page-node-type-holidays-group-itinerary .row.middle-content .ribbon-front h3{font-size:1.1em} .page-node-type-holidays-group-itinerary .row.middle-content .line-grey {border-bottom:0} .page-node-type-holidays-group-itinerary .btn.btn-primary-grey{margin:25px auto 10px auto} .page-node-type-holidays-group-itinerary .group-left h2,.page-node-type-holidays-group-itinerary .margin-tb-20{margin-top:0px} .page-node-type-holidays-group-itinerary .sidebar-block{margin-bottom:15px} .page-node-type-holidays-group-itinerary .sidebar-block h3{font-weight:400;font-size:1.4em} .page-node-type-holidays-group-itinerary .sidebar-block {font-size:0.9em} .page-node-type-holidays-group-itinerary .group-itinerary-right.wrapper-space .btn.btn-primary-blue-long, .page-node-type-holidays-group-itinerary .group-itinerary-right.wrapper-space a.btn-primary-red{min-width:330px;} /* 3.20 HOLIDAY SEARCH WIDGET */ .holidays-form.bf-search-top .view-filters #holidayForm select, .holidays-form.bf-search-top .view-filters #holidayForm textarea, .holidays-form.bf-search-top .view-filters #holidayForm input, .typeahead__result {font-size: 13px!important;text-transform: capitalize;font-weight: bold;} @media screen and (min-width: 992px){ .holidays-form.bf-search-top .view-filters #holidayForm .form-holidays .form-place,.form-holidays-content.form-place.col-xs-12.col-sm-6.col-md-2{width:235px} .holidays-form.bf-search-top .view-filters #holidayForm .form-holidays .form-submit{width:120px;} .bf-search-top.holidays-form .btn-primary-red{padding-left:10px}} .typeahead__container.loading .typeahead__query:before {border-color: transparent;} .typeahead__container.loading .typeahead__query:after {top: 10px!important;} .pets-row .glyphicon.glyphicon-chevron-down {padding-top: 0;} .global-search .content .holiday-search-block-geo{margin:0} .global-search .content .holiday-search-block-geo .field--name-node-link{margin:10px 0 20px 0} .global-search .content .holiday-search-block-geo h3{margin-top:0} .global-search .content.container {margin-top:20px} .bf-search-top .view-filters .block-keyword{padding: 0!important} .bf-search-top .view-filters .block-keyword .spanword{padding-bottom:15px} /* 3.21 HOLIDAY OFFER RIBBON */ .field--name-field-common-body .ribbon-right-wrapper .ribbon-front {padding: 10px;height: auto;} .field--name-field-common-body .ribbon-right-wrapper .ribbon-front a { color: #fff; display: inline; width: 95%;padding-left: 5px;} .view-view-old-reviews .row{ padding: 0;} /* Fixes the customer review block width */ /* 3.22 HOLIDAY SEARCH - CHANGE FLAG TO BUTTON */ .flag.action-unflag a:hover,.flag.action-unflag a,.flag a:focus,.flag a:hover,.flag{background:none;text-decoration:none} .flag a {font-size: 1.2rem;width:auto;text-transform:uppercase;color:#fff;font-weight:500;background:none;padding: 8px 35px 8px 15px;height: auto;} .flag{/*! margin-top:10px; *//*! margin-bottom:10px; */background: #417DC4 url(https://beta.brittany-ferries.co.uk/../../../../../../../themes/brittany_ferries/assets/images/arrow.png) no-repeat 90% center;} .global-search .content .flag {margin:10px 0} .global-search .content .flag a{padding:12px 35px 11px 10px} .flag a:hover{;background: #777 url(https://beta.brittany-ferries.co.uk/../../../../../../../themes/brittany_ferries/assets/images/arrow.png) no-repeat 90% center;} .holidays-property-data--view-mode-full .flag-holidays_shortlist,.bf-hols-grid-footer div.field--name-field-custom-btn-flag{bottom:0;margin-top:5px} .holidays-property-data--view-mode-full .flag-holidays_shortlist{margin-top:10px} .grid-view .bf-hols-grid-footer div.field--name-field-custom-btn-flag{bottom:0;margin-top:0px} .holidays-property-data--view-mode-full .flag-holidays_shortlist{margin-top:10px} .holidays-property-data--view-mode-full .flag a {/*! font-size: 1.4rem; *//*! width: auto; *//*! text-transform: uppercase; *//*! color: #fff; *//*! font-weight: 500; *//*! background: none; *//*! padding: 8px 45px 8px 25px; *//*! height: auto; */} /****** END OF 3. HOLIDAYS ******/ /****** 4. MY ACCOUNT ******/ /* 4.1 HEADER */ .my-account .my-account-header {min-height:auto} .my-account .my-account-content .container{margin-top:5px;margin-bottom:0px} /* 4.2 SUB MENU */ .my-account #block-myaccountmenu .hidden-xs ul.menu.nav{border-bottom:1px solid #417DC4!important;background:transparent!important} .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li{background-color:transparent!important;padding-left:0;width:22%;float:left;} .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li a,.container .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li a:visited{border-top:0px solid #417dc4;border-left:0px solid #417dc4;border-right:0px solid #417dc4;background-color:#efefef!important;border-radius: 5px 5px 0 0!important;opacity:1.0!important;font-size:1.0em} .my-account #block-myaccountmenu-menu {margin-bottom:0} .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li a:hover{color:#fff!important;background:#417DC4!important} .my-account #block-myaccountsubmenu .hidden-xs ul.menu.nav{border-bottom:1px solid #417DC4} .my-account #block-myaccountsubmenu .hidden-xs ul.menu.nav li{min-width:18%;text-align:center} .my-account #block-myaccountsubmenu .hidden-xs ul.menu.nav li a{color:#417DC4;border-bottom:1px solid #417DC4;border-left:0;border-right:0;border-top:0;text-transform:none} .my-account #block-myaccountsubmenu .hidden-xs ul.menu.nav li a:hover{color:#fff!important;background:#417DC4!important} .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li a{color:#417DC4!important;} .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li a.is-active{color:#fff!important;background:#417DC4!important} .my-account #block-myaccountsubmenu .hidden-xs ul.menu.nav li a.is-active{color:#fff!important;background:#417DC4!important} .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li,.my-account #block-myaccountmenu .hidden-xs ul.menu.nav li.active a.is-active{color:#fff!important;opacity:1.0!important} @media only screen and (max-width: 990px){ .my-account #block-myaccountmenu .hidden-xs ul.menu.nav li{width:20%;text-align:center}} /* 4.3 MWA FONTS*/ .my-account .region.region-my-account-content-context p, .my-account .field--name-field-content-contexts, .my-account .field--type-string-long p{font-weight:300!important} /* 4.4 MWA - SHORTLIST */ .my-account .region.region-my-account-content-context {display:inline-block;} .my-account .container.my-account-content-context .block-block-content{width:32%;float:left;clear:none;} .my-account .region.region-my-account-content-context .block-block-content h2.line-grey{font-size:1.2em;font-weight:400} .my-account .region.region-my-account-content-context .block-block-content{width:32%;margin-right:10px} .my-account .region.region-my-account-content-context .block-block-content:nth-of-type(3){margin-right:0px} .my-account .region.region-my-account-content-context .background-color-grey{min-height:230px;} .my-account .region.region-my-account-content-context #block-footerblockhowweuseyourdata.block-block-content {margin:0px 5px;} .my-account .region.region-my-account-content-context #block-footerblockhowweuseyourdata.block-block-content:after{height:1px} .my-account .region.region-my-account-content-context .block-block-content p{font-size:0.9em;margin-bottom:10px} @media only screen and (max-width: 990px){ .my-account .container .container{padding-left:0;padding-right:0} .my-account .region.region-my-account-content-context .block-block-content h2.line-grey{font-size:1.1em;font-weight:400}} .my-account .region.region-my-account-content-context .background-color-grey{min-height:200px} .my-account #block-footerblockhowweuseyourdata.block-block-content{width:inherit} .my-account-content .nav{padding:0px!important;margin:0} .my-account-content .nav > li:before{padding:0} .my-account-content .nav > li{margin:0 auto 5px auto;} @media only screen and (max-width: 768px){ .my-account .region.region-my-account-content-context .block-block-content{width:100%;padding:0px;float:none;margin:0 auto 5px auto} .my-account .region.region-my-account-content-context .background-color-grey{min-height:auto}} /* 4.5 MWA - MOBILE MENU */ .my-account-navigation #block-myaccountmenu .my-account-menu-mobile{margin-bottom:20px} /* 4.6 YOUR BOOKINGS PAGE */ .my-account #block-accountmybookings.block-block-content {width:100%} .my-account .bf-table-responsive.my-account-booking.margin-b-20{margin-bottom:50px} /* 4.7 SHORTLIST PAGES */ .my-account .block-block-content p{margin-bottom:15px} /* 4.8 TOP SECTION */ .my-account-content .clearfix.region.region-content .row ul.menu.nav{padding:0!important} .my-account-content .row ul.menu.nav{padding-left: 15px!important;} .my-account #block-mwaandcvsalutationblock1helloname p{margin-bottom:20px} .my-account #block-mwaandcvhpbannernoregion{float:left;width:47%;margin-right:20px;} .my-account #block-mwaandcvsalutationblock1helloname .btn {width:100%!important;min-width:100%} .my-account #block-accountadministration{padding-left:15px} .my-account #block-mwaandcvsalutationblock1helloname,#block-mwaandcvaddressnag{float:right;width:48%} .my-account #block-accounthomecodeidentifier{display:inline-block;margin:0} .my-account h2{margin:10px 0 10px 0;font-size:1.7em;padding-bottom:5px;} @media only screen and (max-width: 990px){ #block-mwaandcvaddressnag {display:inline-block;float: none;width: 99%;}} @media only screen and (max-width: 768px){ .my-account #block-mwaandcvsalutationblock1helloname,#block-mwaandcvaddressnag, .my-account #block-mwaandcvhpbannernoregion{float:none;width:99%;margin-right:0px;} .my-account #block-footerblockhowweuseyourdata .field--name-field-wysiwyg.field--type-text-long{} .my-account-content .menu.nav{padding:0;margin:0;} .my-account-content .menu.nav li{width:100%;} .my-account-content .menu.nav li:before{}} /* 4.8.1 OFFER BLOCK AT BOTTOM OF MWA HOME */ .view-my-account-user-contextualized-view{margin:0} .view-footer .btn.btn-primary-blue.center{min-width:320px;margin:20px auto 40px auto} /* 4.8.1 OFFER BLOCK AT BOTTOM OF MWA HOME */ /* 4.9 ACCOUNT OPTIONS MENU */ .my-account-content .nav{padding:0;margin:0;} .my-account-content .nav > li{padding:0;width: 49%;margin-right: 0.5%;} .my-account-content .nav > li::before{content:''!important} /* 4.10 ACCOUNT - BOTTOM FEATURES */ .view-content .row{padding:0 20px} .view-content .row h3.margin-tb{font-size:1.1em} .view-content .row h3.margin-tb a:hover{text-decoration:none} .view-content .view-footer .btn.btn-primary-blue.center{text-align:center!important;border:1px solid #ff0000} /* 4.11 MWA - CREATE AN ACCOUNT */ .wilf-block-account-form .wilf-form-input-text input{border:1px solid #b7c8dd;padding:5px 15px} .wilf-block-account-form .form-group span.has-error{padding-top:15px;color:#ff0000} .wilf-block-account-form .form-group span strong{font-weight:300;display:block;font-size:0.9em!important;margin-top:10px} .wilf-block-account-form .wilf-btn-blue {background-color:#417DC4!important} .wilf-block-account-form .wilf-btn-blue:hover {background-color:#748492!important} /* 4.12 ACCOUNT UPDATE DETAILS */ .wilf-block-register-marketing-form .form-type-radio.radio {display:block;} .panel-mz .col-xs-4.col-md-4{width:49%} .panel-mz .col-xs-12.col-md-8 {width:49%} /* 4.13 ACCOUNT - FERRY SHORTLIST */ .shortlist-ferry-block .btn-dynamic.red{width:200px!important;min-width:200px} .shortlist-ferry-block td{text-align:left!important;font-size:0.9em;border-bottom:1px solid #fff} .shortlist-ferry-block .toggle-button{font-size:2.3em} .shortlist-ferry-block .panel-heading .avaibility-zone{text-align:center} .shortlist-ferry-block .panel-title,.shortlist-ferry-block .panel-heading .avaibility.available *{font-size:1.2em} .shortlist-ferry-block .panel-heading{line-height:1.0em} .shortlist-ferry-block .panel-title{line-height:1.0em} .shortlist-ferry-block .panel-heading .avaibility-zone{line-height:1.0em} .shortlist-ferry-block .panel-heading .toggle-button{float:left;margin-top:0;margin-top:0} .shortlist-ferry-block .blue-header .route-label{font-size:1.0em;font-weight:300} @media (min-width: 990px){ .shortlist-ferry-block .panel-heading, .shortlist-ferry-block .panel-title, .shortlist-ferry-block .panel-heading .avaibility-zone, .shortlist-ferry-block .panel-heading .toggle-button, .shortlist-ferry-block .panel-heading .avaibility.available{padding:10px 0 0 10px;margin:5px;height:50px} .shortlist-ferry-block .panel-title{float:left;width:60%} .shortlist-ferry-block .panel-heading .avaibility-zone{width:35%!important;float:left} .shortlist-ferry-block .toggle-button{top:0px}} @media (max-width: 990px){ .shortlist-ferry-block .panel-heading .avaibility-zone, .shortlist-ferry-block .panel-title {max-width:100%!important;float:none;display:inline-block;width:100%;padding:10px;text-align:left} } .shortlist-ferry-block .view-header.shortlist-heading-bar.text-right.with-padding{display:none} /* 4.14 ACCOUNT - CONTENT SHORTLIST */ .shortlisted-content-title-bar h3{width:60%;font-size:1.0em;float:left;clear:none;margin:0} .shortlisted-content-title-bar .flag{width:10%;clear:none;margin:0!important;top:0} .shortlisted-content-title-bar .field.field--name-node-title.field--type-ds.field--label-hidden.field--item{width:60%;padding:0} .shortlisted-content-title-bar .field.field--name-node-title.field--type-ds.field--label-hidden.field--item h3{width:100%!important;} /* 4.15 ACCOUNT - SHORTLIST NULL TEXT AND BUTTON WIDTH*/ .shortlist-global-block .margin-tb-20.text-center {text-align:left;} .shortlist-global-block .margin-tb-20.text-center em{font-style:normal;font-weight:300;color:#5a646d} .region-my-account-navigation .btn.btn-primary-blue{min-width:320px;margin:20px 0 0 0} /****** END OF 4. MY ACCOUNT ******/ /****** 5. CATEGORY PAGE ******/ .node--type-category.node--view-mode-full .middle-content .left > * > .field--item,.node--type-category.node--view-mode-full .middle-content .right > * > .field--item{padding-top: 25px;} .node--type-category.node--view-mode-full h2.align-center{margin-top:15px;margin-bottom:15px;font-size:0.9em!important;text-transform:none} .node--type-category.node--view-mode-full h2{font-size:1.6em;margin-top:0} .node--type-category.node--view-mode-full .field-cat-block-button .field--type-link a{border: none;border-radius: 0;display: block;cursor: pointer;word-wrap: break-word;white-space: normal;font-family:"Roboto",sans-serif!important;background:#417DC4;color: #fff!important;text-transform:uppercase;font-size:16px;font-size:1.6rem;font-weight:700;text-align: center;min-width: 180px;width: 100%;margin-top: 10px!important;margin-bottom: 0px !important;padding: 9px 25px;text-decoration: none;min-width: 100%;text-transform: uppercase!important;} .node--type-category.node--view-mode-full .field--type-link > .field--item a::before{margin-right:10px;} .field-cat-block-button .field--type-link :nth-of-type(2) a {background: transparent;color: #417DC4 !important;border: solid 1px #417DC4;} /****** END OF 5. CATEGORY PAGE ******/ /****** 6. LISTS ******/ /* 6.1 STANDARD LIST */ .node--view-mode-standard-list .media-bf-image.view-mode-category-block-image .field--name-name, .node--view-mode-standard-list .media-image-banner.view-mode-category-block-image .field--name-name {font-size:1.0em;font-weight:400} .node--view-mode-standard-list h3.blue.margin-tb{font-size:1.1em!important;margin-top:10px} .node--view-mode-standard-list .field--name-field-common-summary,.node--view-mode-standard-list .field--type-text-long p{font-size:0.95em!important} /* 6.2 CAROUSEL LIST (BLOG LIST) */ .node--view-mode-carousel-list h3{margin-top:10px} .node--view-mode-carousel-list h3 a{font-size:0.8em} .node--view-mode-carousel-list h3 a:hover{text-decoration:none} .field--name-field-blog-button{margin-top:30px!important;display:block!important} /****** END OF 6. LISTS ******/ /****** 7. GUIDES, EVENTS & ATTRACTIONS ******/ /* 7.1 GUIDES HOME */ .node--type-guides-homepage.node--view-mode-full .line-grey.spacing-wrapper > *{width:100%} .node--type-guides-homepage.node--view-mode-full .carousel-slick-carousel-slick {margin: 20px 0 0px 0!important;} .node--type-guides-homepage.node--view-mode-full .guides-activities h2 {margin-top:30px} .node--type-guides-homepage.node--view-mode-full .field--name-field-region-list-wysiwyg{padding-bottom:0} .node--type-guides-homepage.node--view-mode-full .bf-search-top .view-filters .form--inline input{font-size:1.4em} /* 7.1.1 GUIDES HOME - REGION LIST */ .node--type-guides-homepage.node--view-mode-full .bf-table td {vertical-align:top!important} .node--type-guides-homepage.node--view-mode-full .bf-table td ul{padding-top:0} .node--type-guides-homepage.node--view-mode-full .bf-table .field--type-text-long ul li::before,.bf-table td ul li{line-height:1.0em!important} /* 7.2 GUIDES WIDGET */ .field--tourism-block-discover .field--name-dynamic-block-fieldnode-single-search-holidays{padding-top:0} /* 7.3 ATTRACTION CATEGORY LIST */ .attractions-categories-ul-list .taxonomy-picto-and-term.bf-vm-picto-and-term img{background-color:transparent;width:80px;height:80px;margin:0 auto;} .attractions-categories-ul-list{width:100%;} .attractions-categories-ul-list h2{width:auto;margin:5px auto;width:90%} .attractions-categories-ul-list .attractions-categories-item-list h2{width:92%;font-size:13px} .view-list-attractions-categories h3.blue{margin-top:10px!important} .node--type-attraction.node--view-mode-full .result-bar{margin-bottom:0px} /* 7.4 COUNTRY */ .node--type-country.node--view-mode-full .country-blog h2{margin-top:0!important} .node--type-country.node--view-mode-full .country-blog{margin-top:10px!important} .node--type-country.node--view-mode-full .field--name-field-region-list-wysiwyg{margin-bottom:0} /* 7.5 TOURISM RESULT BAR */ .inline.legend.margin-tb{font-style:normal;margin-bottom:0} .inline.result-bar.margin-tb-20{display:inline-block;width:100%} .result-bar-reference{margin-bottom:0;float: none!important;} .result-bar-reference .field{padding:8px 15px;} .legend.margin-tb{font-style:normal} /* 7.6 EVENT */ .node--type-event.node--view-mode-full .line-under-value{padding-top:0;} /* 7.7 EVENTS CAROUSEL */ .node--view-mode-carousel-list .under-legend,.node--view-mode-carousel-list .inline.under-legend{font-style:normal} .node--view-mode-carousel-list h3.blue{margin-top:10px} /* 7.8 EVENTS & ATTRACTIONS GRID */ .node--view-mode-pinterest-list .title-popup{font-size:1.4em;margin:0} .node--view-mode-pinterest-list .group-title{min-height:70px} .node--view-mode-pinterest-list .title-popup a:hover{text-decoration:none} .view-pinterest-list-event .group-title .float-left{width:100%} .view-pinterest-list-event .title-popup a:hover{text-decoration:none} .node--view-mode-pinterest-list .classification .field{display:table-cell;float:left;} .node--view-mode-pinterest-list .field--name-field-ev-begin-date:before{content:'From '} .node--view-mode-pinterest-list .field--name-field-ev-end-date:before{content:'to '} .node--view-mode-pinterest-list .group-summary{padding-top:0px} .node--view-mode-pinterest-list .field--name-field-common-summary{margin-top:15px;} .path-guides .node--view-mode-pinterest-list .classification .field--name-field-ev-begin-date, .path-guides .node--view-mode-pinterest-list .classification .field--name-field-ev-end-date {background:transparent;color:#5a646d;margin-top:0px;padding-left:0;padding-right:3px} .node--view-mode-pinterest-list .classification .field--name-field-city-ref{background:#5a646d;} .node--view-mode-pinterest-list .classification .field--name-field-class-ev-or-attract-cat, .node--view-mode-pinterest-list .classification .field--name-field-city-ref {width:49%;min-height:50px;font-size:0.9em;padding:3px;margin-bottom:15px} .node--view-mode-pinterest-list .classification .field--name-field-class-ev-or-attract-cat{float:right} .node--view-mode-pinterest-list .classification .field--name-field-city-ref{float:left} .node--view-mode-pinterest-list .line-grey.padding-lr-10.padding-tb-10{padding:0} /****** END OF 7. GUIDES ******/ /****** 8. WEB FORMS ******/ .path-webform .webform-submission-form{max-width:1020px;margin:0 auto} .path-webform .form-wrapper.panel {border-radius: 0;border: 0;padding: 14px 15px;margin: 20px 0;color: #255690;box-shadow: none;background: #DDEAFA;} .path-webform .form-wrapper.panel .panel-heading {position: relative;width: 100%;display: inline-block;padding: 0 0 10px;margin: 0 0 0px;color: #417DC4;font-weight: 500;display: block;} .path-webform .form-wrapper.panel .panel-heading {border:0;background:transparent} .path-webform .form-wrapper.panel .panel-title{font-size:1.6em;background:transparent} .path-webform .form-wrapper.panel .control_indicator{float:left;clear:none;padding-right:5px;color:#255690!important;} .path-webform .form-wrapper .form-control{display:block;margin:5px 0} .path-webform .fieldset-legend.js-form-required.form-required {margin:5px 0 0 0;float: left; clear: none;font-size:0.8em;padding-right: 5px;color: #255690!important;font-weight:bold} .path-webform .webform-button--submit.button {display:block;margin:0px auto!important;line-height:22px!important;min-width:120px;text-transform:uppercase;font-size:13pt;border-radius:0;border:0;padding:9px 25px;float:none} .path-webform .webform-button--next.button {display:block;margin:5px auto!important;line-height:22px!important;min-width:120px;text-transform:uppercase;font-size:13pt;border-radius:0;border:0;padding:9px 25px;float:none;background:#748492;color:#fff } @media only screen and (min-width: 768px) {.path-webform .sidebar-block{margin-top:30px}} /****** END OF 8. WEB FORMS ******/ /****** 9. SPECIFIC PAGE TYPES ******/ /* 9.1 BLOG */ .page-node-type-blog-item .view-mode-extended-info-panel-2 {margin-bottom:0px} .page-node-type-blog-item figcaption {font-weight:500;margin-bottom:30px;font-size:0.9em;} /* 9.1.1 BLOG AND PRESS LIST AND GRID VIEW */ @media (min-width: 990px) {.node--view-mode-news-list .field--name-node-comment-count{padding-top:20px}} .news-mosaic .content-mosaic{position:relative;margin:0!important} .node--view-mode-news-list .field--name-node-comment-count{font-style:normal;color:#5a646d} .node--view-mode-news-list .header-bottom *{line-height:1.2em;padding:0;font-size:1.6rem;font-weight:500} .node--view-mode-news-list .row{padding:0!important;font-weight:400} .node--view-mode-news-list .field--name-node-author-custom{color:#5a646d;} .node--view-mode-news-list .field--name-node-post-date:after{content:' by'} .node--view-mode-news-list h3{margin-top:0!important;font-size:1.1em} @media screen and (max-width: 768px){ .news-mosaic .content-mosaic .footer-right a{ float: none!important; width: 100%!important;} } /* 9.1.2 BLOG SIDEBAR */ .sidebar-block-content.sidebar-links ol li:before{content:none!important} /* 9.2 BROCHURES */ .brochure-list h3.title{margin:5px 0} .brochure-list .field--name-field-common-body p{font-size:0.8em} .brochure-list .checkbox-blue:not(:checked)+label:before,.brochure-list .checkbox-btn-wilf:not(:checked)+label:before,.brochure-list .checkbox-blue:checked+label:before, .brochure-list .checkbox-btn-wilf:checked+label:before{width:25px;height:25px} .brochure-list .view-mode.brochure-list-item .main .action label{padding-left:35px;padding-top:5px} .brochure-list .checkbox-blue:not(:checked)+label:after, .brochure-list .checkbox-btn-wilf:not(:checked)+label:after, .brochure-list .checkbox-blue:checked+label:after, .brochure-list .checkbox-btn-wilf:checked+label:after{font-size:1.4em} .brochure-list #stickyBrochureSelected .sticky-content, .brochure-form #stickyBrochureSelected .sticky-content{background:#417DC4;} .brochure-list #stickyBrochureSelected .sticky-content .brochure-selected, .brochure-form #stickyBrochureSelected .sticky-content .brochure-selected{color:#fff!important } .brochure-list #stickyBrochureSelected .sticky-content .action a, .brochure-form #stickyBrochureSelected .sticky-content .action a{background:#fff;color:#417DC4} .brochure-list .region-content .content_context{margin:0 auto;max-width:1020px} .brochure-list #webform-submission-brochure-form-node-11155-form .control_indicator{float:left;margin-right:3px;} .brochure-list .form-required:after{color:#ff0000} .page-node-type-brochure-form .informations,.page-node-type-brochure-form #edit-mktprefs{margin:20px 0;display:block;} .brochure-list .head-content, .brochure-form .head-content {padding:0} @media only screen and (min-width: 768px){.brochure-form .content-right form { padding: 15px;background:#DDEAFA}} .brochure-form .content-right form {background:#DDEAFA} /* 9.3 TIMETABLE NODE */ .node--type-timetable.node--view-mode-full .spacing-wrapper{padding: 0px;margin:0 0 10px 0} .node--type-timetable .timetable-bloc-key.background-color-grey .col-md-8{width:100%;margin:0} .node--type-timetable ul,.node--type-timetable.node--view-mode-full p {font-weight:300;color:#5A646D} .node--type-timetable .timetable-route h2 small{font-weight:500} .node--type-timetable .field--name-node-timetable-legend-field .col-xs-12.col-md-8{padding-left:0} .node--type-timetable .field-collection-item p.time-last-update {margin:20px 0!important;display:block} .node--type-timetable .timetable-monthtab-link.active{background-color:#417DC4!important;color:#fff!important} .node--type-timetable .timetable-monthtab-link:hover,.node--type-timetable .timetable-monthtab-link.active:hover{text-decoration:none} .node--type-timetable .timetable-monthtab-link:hover{background-color:#417DC4!important;color:#fff!important} .node--type-timetable .col-xs-5.padding0{font-weight:300!important;} /* 9.4 SITE MAP */ .sitemap .sitemap-box ul{padding-left:0} .sitemap-box-menu .content ul li ul li a:hover,.sitemap-box-menu .content ul li a:hover{color:#23527c!important} /* LEVEL 1 */ .sitemap-box-menu .content > ul > li,.sitemap-box-menu .content > ul > li a{font-size:1.3em;} .sitemap-box-menu .content > ul > li:before,.sitemap-box-menu .content > ul > li > ul > li:before{content:''!important} .sitemap-box-menu .content > ul > li,.sitemap-box-menu .content > ul > li a:hover{text-decoration:none} /* LEVEL 2 */ .sitemap-box-menu .content > ul > li > ul{padding-left:1em} .sitemap-box-menu .content > ul > li > ul > li a{color:#333;font-size:0.9em} /* LEVEL 3 */ .sitemap-box-menu .content > ul > li > ul > li > ul{padding-left:1.5em} .sitemap-box-menu .content > ul > li > ul > li > ul > li a{color:#5A646D;font-size:0.7em!important;font-weight:300} /* HIDE THE VIEW ALL LINKS */ .sitemap-box-menu .content > ul > li > ul > li.last.leaf{display:none} /* 9.5 CABIN ITEM */ .cabin-item.full .cabin-item-left .cabin-item-content .picture {padding:0;float:right} .cabin-item.full .cabin-item-title .back {width:320px;float:right} .cabin-item.full .cabin-item-content ul {padding-left:0!important;margin-left:0!important} .cabin-item.full .cabin-item-content ul li:before {content: '\2022 ';font-size: 26px;font-size: 2.6rem;color: #417DC4;line-height: 22px;vertical-align: top;padding-right: 8px;} @media (min-width: 992px) {.cabin-item.full .field--name-field-related-content .node--view-mode-related-content-list {width:24%;}} .cabin-item.full .faq-widget {background-color: #F2F2F2;font-size:16px;font-size:1.6rem;font-weight:300;color:#5A646D;padding:0px 0px;margin-top:0px;margin-bottom:30px} .cabin-item.full .faq-widget h3{margin:0!important;padding:15px;font-size:30px;font-size:3rem;font-weight: 100;color:#255690;background-color:#DDEAFA;} .cabin-item.full .field--name-field-related-5-faq-items {padding:0 10px} .cabin-item.full .faq-widget.field--item::before {content: '\e907'; font-family: 'BrittanyFerriesIcoFont' !important;} .cabin-item.full .faq-widget.field--item a{padding-left:10px} .cabin-item.full .btn-play-video-grey.btn-video-modal-strap{padding:5px 65px;margin:30px 0px} .cabin-item.full.bf-cabin-item-full{margin-top:0!important} .node--type-hub.node--view-mode-full {margin-bottom:10px!important} .cabin-item.full .cabin-item-title .col-xs-12.col-sm-12.col-md-8{padding-left:0!important;margin-left:0!important;text-align:left!important} .cabin-item.full .field--name-field-content-cabin-reference h2{font-size:1.6em!important;padding-top:0;margin-top:10px!important} /* 9.6 CABIN LIST */ .cabin_list h2{margin-top:0!important} .cabin_list h2 a{font-size:0.7em;} /* 9.7 HUB */ .field-collection-tabs-container #field-collection-tabs > li > a{padding-left:8px;padding-right:8px;font-size:0.9em} @media only screen and (max-width: 991px) and (min-width: 768px){.field-collection-tabs-container #field-collection-tabs {width: 108%;}} /* 9.8 INVERT RESULT BAR BUTTON COLOURS */ .has-map-list-button .result-bar-search-buttons .buttons .button.active{background-color: #417DC4;color:#fff!important;} .has-map-list-button .result-bar-search-buttons .buttons .button.active *{color:#fff!important;font-weight:500} .has-map-list-button .result-bar-search-buttons .buttons .button{background-color:#fff;color:#417DC4} .has-map-list-button .result-bar-search-buttons .buttons .button *{color:#417DC4;font-weight:300} /* 9.9 CAR TOURS */ .field--name-field-from-price-label, .field--name-field-from-price {display: inline-block; margin-right: -4px;} /* 9.10 PORTS */ /* MAP pop-up fix */ div.geolocation-google-map.geolocation-processed div.gm-style-iw .location-title,.location-content {padding: 5px!important;} .gm-style-iw-d{min-width:100%} .gm-style .gm-style-iw{background:#fff;} .gm-style-iw-d *{font-size:1.0em!important} .gm-style-iw-d .location-title{font-size:1.2em!important;} /* MAP pop-up fix */ /* 9.11 FAQS */ .bf-faq-category-list .view-contextual-faq-item a:hover{text-decoration: none!important;} /****** END OF 9. SPECIFIC PAGE TYPES ******/ /****** 10. TABLE STYLES ******/ /* 10.1 BF-TABLE VARIATIONS */ .bf-table th{font-size:1.1em!important} .bf-table tr{border-bottom: 1px solid #C9DFF3} .bf-table thead tr{border:0!IMPORTANT} .bf-table {border:0;margin:25px auto 25px auto;font-size:11pt} .bf-table th{font-size:1.0em;padding:10px 5px 10px 10px!important;border:0} .bf-table thead tr{background-color:transparent;border-bottom:1px solid #C9DFF3} .bf-table{margin:20px 0;font-size:0.9em} .bf-table thead tr th{font-size:1.1em} .bf-table thead tr th{padding:5px 10px} .bf-table tbody tr:nth-child(even){background-color:#eef4fc} /* 10.2 BF-TABLE GREY */ .bf-table.grey th {font-size:1.1em!important} .bf-table.grey th,.bf-table.grey td{font-size:1.0em!important;padding:10px 5px 10px 10px!important;border:0} .bf-table.grey thead tr,table.bf-table.grey tr {background-color:transparent;} .bf-table.grey h4 a{font-size:0.8em} /* 10.3 BF-TABLE WHITE */ .bf-table.white tr{border-bottom: 1px solid #C9DFF3} .bf-table.white thead tr{border:0!IMPORTANT} .bf-table thead tr,table.bf-table.grey thead tr,table.bf-table.grey tr {background-color:transparent;border-bottom:1px solid #C9DFF3} .bf-table.white caption { color: #5a646d; text-align: left; padding: 10px 5px 10px 10px; font-size: 16px; border: solid 1px #e6e6e6;} .bf-table.white thead tr th { color: #5a646d!important; background-color: #bcd1ec; font-weight: bold;} .bf-table.white th, .bf-table.white td{ border: solid 1px #e5e5e5;} /* 10.4 BF-TABLE RESPONSIVE */ .bf-table-responsive td:before, .bf-table-responsive th, .bf-table-responsive td{font-size:0.9em!important} .wysiwyg-table tbody tr td::before{width:45%;padding-left:5px;} /* 10.5 WYSIWYG TABLES */ .page-node-type-category .wysiwyg-table tbody tr td:first-of-type{ font-size: initial; } .page-node-type-category .wysiwyg-table tbody tr td:not(:first-of-type){ font-size: 22px!important; font-weight: 800; } /****** END OF 10. TABLE STYLES ******/ /****** 11. OBE ******/ /* 11.1 ALERT STYLING */ .alert{border:0px!important;margin:20px auto;padding: 15px 20px;font-size:1.0em!important;font-weight:400!important;display: block;width: 100%;max-width: 1000px;position: relative;border-radius:0} .alert-dismissable .close, .alert-dismissible .close{margin-right:20px;margin-top: 10px;font-size:2.0em;} .alert,.alert-info{color:#417DC4!important} .alert-info{background-color:#DDEAFA!important;} .alert-warning,.alert-danger{color:#FF5A5F!important} .page-node-type-wilf .field--name-field-content-context-top .alert, .page-node-type-wilf .field--name-field-content-context-top .alert.alert-info.alert-dismissible{margin-top: 0px!important;padding: 10px!important;margin-bottom: 30px;display:inline-block} .page-node-type-wilf .field--name-field-content-context-top .field--item:not(:first-of-type) .alert.alert-info.alert-dismissible{margin-top: -20px!important;} .alert .close {color:#417DC4!important;opacity:1!important;top: -15px!important;} .alert .close:hover{opacity:0.5!important} .alert-danger .close{color:#FF5A5F!important} /* ADJUST ALERT SUCCESS */ .alert-success{color:#347834!important;background-color:#dff0d8;border:0} .alert-success em{font-style:inherit!important} .alert-success em.placeholder a{color:#347834!important;text-decoration:underline;opacity:1.0} .alert-success em.placeholder a:hover{text-decoration:none} .page-node-type-wilf .content_context .alert .col-sm-6.col-xs-12.left{padding-top:0} /* ADJUST ALERT SUCCESS */ /* 11.2 OBE STEP 3 - DAY CABIN MESSAGE*/ .page-node-type-wilf .content_context .col-sm-6.col-xs-12.left{padding-left:0;padding-top:15px;} .page-node-type-wilf .content_context .col-sm-6{width:48%} .page-node-type-wilf .content_context .col-sm-6.col-xs-12.left ul li{color:#5a646d!important} .page-node-type-wilf .content_context .col-sm-6.col-xs-12.right img{float:right} .page-node-type-wilf .content_context .col-sm-6.col-xs-12.right{padding-top:10px;padding-bottom:12px} @media (max-width: 990px){ .page-node-type-wilf .content_context .col-sm-6.col-xs-12.right{padding-top:15px}} @media (max-width: 768px){ .page-node-type-wilf .content_context .col-sm-6.col-xs-12.left{width:90%} .page-node-type-wilf .content_context .col-sm-6.col-xs-12.right{display:none}} .page-node-type-wilf .content_context .alert.alert-dismissible{padding:30px!important} /* 11.3 OBE COMPARE AND CONTRAST MODAL */ #save-itinerary-modal .alert.alert-danger::before, #save-itinerary-modal .alert.alert-danger .alert-text{content:none!important;background-image:none} #save-itinerary-modal .alert{background:#DDEAFA;color:#417DC4!important;padding:10px 10px 10px 10px!important;margin:0} #save-itinerary-modal .alert.alert-danger .alert-text {padding-left:0} #save-itinerary-modal .modal-footer.text-left .text-left a:hover{text-decoration:none} @media (min-width: 990px){ #save-itinerary-modal .modal-footer.text-left .text-left{display:inline;width:25%;clear:none;float:left;height:auto} #save-itinerary-modal .modal-footer.text-left .row{width:74%;clear:none;float:right;} #save-itinerary-modal .modal-body p{font-size:16px;font-weight:300} #save-itinerary-modal .modal-footer.text-left .row .col-sm-6:first-child{width:40%} #save-itinerary-modal .modal-footer.text-left .row .col-sm-6 .wilf-btn-grey{background-color:#FF5A5F;margin:0} #save-itinerary-modal .modal-footer.text-left .row .col-sm-6 .wilf-btn-blue{background-color:#347834;margin:0} #save-itinerary-modal .modal-footer.text-left .text-left a{padding:16px 25px;margin:0;float:none;display:inline-block;text-transform:uppercase;color:#fff;font-weight:600;background:#337ab7;width:100%; background: #417DC4 url(https://beta.brittany-ferries.co.uk/../../../../../../../themes/brittany_ferries/assets/images/arrow.png) no-repeat 83% center;} #save-itinerary-modal .modal-footer.text-left .text-left a:hover{text-decoration:none} #save-itinerary-modal .modal-footer.text-left .row .col-sm-6{width:59%} #save-itinerary-modal .modal-footer.text-left .row .col-sm-6 a{width:100%!important;} #save-itinerary-modal .modal-footer.text-left .text-left{display:inline-block;}} @media (max-width: 990px){ #save-itinerary-modal .modal-footer.text-left .row .col-sm-6 .wilf-btn-grey{background-color:#FF5A5F;width:100%} #save-itinerary-modal .modal-footer.text-left .row .col-sm-6 .wilf-btn-blue{background-color:#347834} #save-itinerary-modal .modal-footer.text-left .text-left a{padding:16px 25px;margin:0;float:none;display:inline-block;text-transform:uppercase;color:#fff;font-weight:600;background:#337ab7;} #save-itinerary-modal .modal-footer.text-left .col-sm-6 a.wilf-btn-grey.wilf-btn-grey-100 {width:100%} #save-itinerary-modal .modal-footer.text-left .text-left a{background: #417DC4;width:47%}} @media (max-width: 780px){#save-itinerary-modal .modal-footer.text-left .text-left a {width:100%;text-align:center;}} /****** END OF 11. OBE ******/ /****** 12. W I L F S ******/ /* 12.1 AMEND LOG-IN */ .panel, .wilf-tunnel-content .wilf-amend-login{border-bottom:0;box-shadow: none;} .wilf-tunnel-content .wilf-amend-login .panel.panel-default,.wilf-tunnel-content .wilf-amend-login .panel-heading,.wilf-tunnel-content .wilf-amend-login {margin-top:0;margin-bottom:0px;padding-top:0px;padding-bottom:0} /* 12.2 WILF GLOBAL - BOOKING BREADCRUMB */ .page-node-type-wilf #wilf-block-step-navigation ul li{padding-left:10px!important} .page-node-type-wilf #wilf-block-step-navigation ul li.step-8{padding-right:10px!important;} /* 12.3 WILF - GLOBAL - MISC */ .wilf-tunnel-content a.wilf-form-link:hover{cursor:pointer} /* Add red border to error drop down afters */ .wilf-form-select.has-error .select-white-arrow-blue-55:after{border:1px solid #a94442;color:#a94442} /* Hide back to top */ @media (max-width: 1640px){#backtotop {display:none!important}} /* Align progress numbers */ #wilf-block-step-navigation .step .step-number{text-align:center!important;margin:0 auto} #wilf-block-step-navigation .step .step-label{font-weight:400} /* PAGE HEADING FULL WIDTH */ .wilf-tunnel-content .col-md-9.global-title{width:100%;} /* CONTINUE ROW */ .wilf-tunnel-content .row.continue .content_context {margin:0!important} /* Remove borders in header and footer of wilf pages*/ .page-node-type-wilf footer .main_footer .region-main-footer .footer-bottom,.page-node-type-wilf header .main_header {border:0;} /* remove top margin of wilf forms*/ .wilf-tunnel-content .wilf-block{margin:0 0 25px 0} .path-account .container.wilf-block-main-content{margin-top:0px} .path-account .wilf-tunnel-content {padding-top:0} .wilf-tunnel-content .wilf-block-header-info { background: url(/themes/brittany_ferries/images/obe-info.png) 99% center no-repeat; background-size: 22px; /* fixes icon being cut */ padding-right: 32px;} .wilf-tunnel-content .wilf-block-account-details {padding: 30px!important;} .wilf-tunnel-content table.wilf-table-price{border-top: solid 15px #DDEAFA;} @media screen and (max-width:990px){#air-requestaccount-form-container .col-xs-5{width: 100%;}} .wilf-tunnel-content{padding-top:10px} /* 12.4 WILF - GLOBAL - OBE menu */ @media (max-width: 990px){ .page-node-type-wilf .row.main_header .user-menu li{width:33.3%!important;min-width:33.3%!important;display:inline} .page-node-type-wilf .user-menu li.menu-mobile {display:none!important} } .page-node-type-wilf .icon-search { display: none!important; } /* 12.5 WILF - GLOBAL - SUMMARY - SLIDE - BOTTOM - fade*/ @media (max-width: 1640px){ .wilf-tunnel-content .wilf-slide-summary .slide-heading{background-color:#06B1CB!important} .wilf-tunnel-content .wilf-slide-summary .panel.panel-default.slide-heading .wilf-panel-title {min-width:100%;display:block;text-align:center;font-size:1.5em;text-transform:uppercase;height:55px;line-height:50px} .wilf-tunnel-content .wilf-slide-summary{border:0!important} .wilf-tunnel-content .wilf-slide-summary:before {content: "";display: block;width: 100%;height: 10px;background:#06B1CB;-webkit-box-shadow: 0px 0px 19px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 19px rgba(0,0,0,1);box-shadow: 0px 0px 20px rgba(0,0,0,1);z-index: 100;}} /* 12.6 WILF - GLOBAL - BOOKING ENGINE CONTINUE BUTTONS */ .wilf-tunnel-content #holiday_form_package_next_step, .wilf-tunnel-content .text-right .wilf-btn-blue:hover, .wilf-tunnel-content .text-right .wilf-btn-blue:active, .wilf-tunnel-content .pull-right .wilf-btn-blue,.wilf-tunnel-content .text-right .wilf-btn-blue, #amend-login-form-container .wilf-btn-blue.btn-wilf-next{background:#449d44} .wilf-block-account-form .wilf-btn-blue{background:#449d44!important;} .wilf-tunnel-content .col-sm-6.text-right .wilf-btn-blue{width:100%} .wilf-tunnel-content #holiday_form_package_next_step.btn.btn.btn-wilf-next.btn-primary.btn-wide{width:100%;min-width:320px;float:right} .wilf-tunnel-content #step7_form #confirm_booking_submit{background:#449d44!important} /* 12.7 WILF - OBE - STYLE TOP CONTEXTS */ .wilf-tunnel-content .field--name-field-content-context-top .content_context{margin:20px 0 0 0;display:inline-block;width:100%;} .wilf-tunnel-content .field--name-field-content-context-top .content_context h4{font-weight:400;color:#417DC4} /* 12.8 GLOBAL FORM FOCUS REMOVAL OF BORDER */ .form-generic .form-control:focus{border:1px solid #b0b4b7} /* GLOBAL FORM FOCUS REMOVAL OF BORDER */ /* 12.9 WILF - OBE - SUMMARY SLIDE */ .wilf-tunnel-content .wilf-slide-summary .col-md-6,.wilf-slide-summary .col-lg-12{padding-left:0px;padding-right:0px} .wilf-tunnel-content .wilf-slide-summary .summary-panel-heading {font-size:1.4em} .wilf-tunnel-content .wilf-slide-summary h4{font-size:1.2em;margin-top:0} .wilf-tunnel-content .wilf-slide-summary h5{font-size:1.0em} .wilf-tunnel-content .wilf-slide-summary p{font-weight:300} .wilf-tunnel-content .wilf-slide-summary .panel{margin-bottom:0!important} .wilf-tunnel-content .wilf-slide-summary .box-red{color:#333!important;} .wilf-tunnel-content .wilf-slide-summary .col-md-12.col-md-12.alert.alert-important{font-weight:300!important; font-size:0.9em!important; margin:10px auto!important; width: 100%; display:block!important; background:#EED5D2; color:#333!important; padding: 20px!important; float:none!important; clear:both; } /* 12.10 WILF - OBE STEP 1 */ .wilf-tunnel-content .wilf-block-sailing-question .label-radio-square.control-label.optional {min-width:370px;} .datepicker.datepicker-dropdown.dropdown-menu{min-width:360px;padding:10px 10px 10px 10px} .datepicker.datepicker-dropdown.dropdown-menu .table-condensed{width:100%} .datepicker.datepicker-dropdown.dropdown-menu .table-condensed td{background-color:#DDEAFA!important;border-radius:0;border:1px solid #fff;font-size:1.3em!important} .datepicker.datepicker-dropdown.dropdown-menu .table-condensed .datepicker-days .day.disabled{color:#777!important} .datepicker.datepicker-dropdown.dropdown-menu .table-condensed td.day:hover{background-color:#255690!important;color:#fff} .datepicker.datepicker-dropdown.dropdown-menu .table-condensed td.day.disabled:hover{background-color:#DDEAFA!important;color:#777!important} /* 12.11 WILF - OBE STEP 2 */ .wilf-tunnel-content .bookingContainer .glyphicon-chevron-right::before, .wilf-tunnel-content .bookingContainer .glyphicon-chevron-left::before{font-size:2.0em} .wilf-tunnel-content .bookingContainer .glyphicon.glyphicon-chevron-down:before{font-size:1.5em} .wilf-tunnel-content #step2-content .wilf-block-sailing-time-content .list-inline-content .priceBand, .wilf-tunnel-content #step2-content .empty-tile.no-sailing{height:110px!important} .wilf-tunnel-content #step2-content .panel{padding:10px 20px 20px 20px!important;margin:0;} .wilf-tunnel-content #step2-content .panel-heading.bg-grey-light span.panel-heading-right.pull-right{color:#777} .wilf-tunnel-content #step2-content .panel-title h3.panel-heading-title,.wilf-tunnel-content #step2-content .panel-title .panel-heading-subtitle,.wilf-tunnel-content #step2-content .panel-title .form-alternate-word{height:inherit!important;line-height:inherit!important;font-size:0.8em;display:table-cell;padding:0;margin:0 5px 0 0;float:left} .wilf-tunnel-content #step2-content .panel-heading-subtitle,.wilf-tunnel-content #step2-content .panel-heading-right{width:inherit} .wilf-tunnel-content #step2-content .wilf-block-sailing-time-content .list-inline-header-line{ background-color: #417dc4; } .wilf-tunnel-content #step2-content .wilf-block-sailing-time-content .list-inline-header-line:after{ color: #417dc4; top:-15px;right:-1px;font-size:1.4em} .wilf-tunnel-content .wilf-btn-blue:disabled{cursor: not-allowed!important;background:#748492} .wilf-tunnel-content .wilf-btn-blue:disabled:hover{background:#748492} .wilf-tunnel-content #step2-content #economie_panel p{font-size:0.9em} .wilf-tunnel-content #step2-content .empty-tile.sailing-full {height: 110px!important;} @media (max-width:768px) { .wilf-tunnel-content #step2-content .panel-heading-title{display:block;width:100%}} .wilf-tunnel-content #step2-content .panel-heading.bg-grey-light span.panel-heading-right.pull-right{margin:0} /* 12.12 WILF - OBE STEP 3 */ .wilf-tunnel-content #step3-content #member_club .label-radio-square.control-label{min-width:380px;} .wilf-tunnel-content #step3-content #member_club .col-sm-6 .wilf-form-input-text, .wilf-tunnel-content #step3-content #member_club .col-sm-6 .wilf-form-input-text *{width:100%;min-width:100%;} @media (max-width: 768px){.wilf-tunnel-content #step3-content #member_club .col-sm-6{width:100%;min-width:100%;} .accom-row .wilf-block-shop-content-collapse-button>a {padding-top: 0;}} .wilf-tunnel-content #step3-content .accom-price.accom-price-step3{font-size:0.9em;font-weight:400} .wilf-tunnel-content #step3-content .wilf-block-shop-content-description .panel-collapse{margin:0;font-size:0.9em} .wilf-tunnel-content #step3-content .wilf-block-shop-content-description .panel-collapse ul, .wilf-tunnel-content #step3-content .wilf-block-shop-content-description .panel-collapse p{color:inherit;font-weight:300} .wilf-tunnel-content #step3-content .wilf-block-shop-content-description .panel-collapse ul{padding:0px 0px 20px 20px} .wilf-tunnel-content #step3-content .col-xs-12.col-sm-6.wilf-block-header-route-choice, .wilf-tunnel-content #step3-content .wilf-block-header-route-date {font-size:0.9em} .wilf-tunnel-content #step3-content .wilf-block-shop-content-description-data p.category {color: #777;font-weight: 300;font-size: 0.9em;} @media screen and (min-width: 767px) and (max-width: 991px){ .wilf-tunnel-content .wilf-block-shop-content-description {padding: 0px 5px 0px 0!important} .wilf-tunnel-content .wilf-block-shop-content-collapse-button{top:35px} .accom-row .wilf-block-shop-content-description-data{padding: 10px 50px 10px 0!important;} .wilf-tunnel-content #step3-content .accom-price.accom-price-step3{font-size:0.8em;font-weight:400;padding-left:0}} /* 12.13 WILF - OBE - PRICE BREAKDOWN */ .wilf-tunnel-content table.wilf-table-price td{font-size:1.0em!important;padding:8px 20px;} .wilf-tunnel-content table.wilf-table-price tr.table-row-data.table-row-title td {font-size:1.4em;color:#255690} .wilf-tunnel-content table.wilf-table-price .table-row-data.table-row-data-regular-right td {font-size:0.9em;color:#255690;border:0} .wilf-tunnel-content table.wilf-table-price .table-row-data.table-row-data-regular-right td.table-row-data-name {font-size:1.0em} .wilf-tunnel-content table.wilf-table-price tr.table-row-data-regular-right td.table-row-data-name {text-align:left} /* 12.14 INTERSTEP -LOGIN/ ACCOUNT SECTION */ .wilf-tunnel-content .wilf-block-account-details.row .wilf-form-info p, .wilf-tunnel-content .wilf-block-account-details.row .wilf-form-info {margin:0px;padding:0px;} .wilf-tunnel-content .wilf-block-account-details.row legend{font-weight:300!important;border-bottom: none;} .wilf-tunnel-content .wilf-block-account-details.row .wilf-block-separator-text .name{font-weight:300;font-size:1.0em;color:#5a646d;text-align:left} /* 12.15 WILF - OBE STEP 5 */ /* 12.15.1 CONTACT NUMBER INPUTS */ #step5-form-container .col-xs-4.col-md-4{width:49%} #step5-form-container .col-xs-12.col-md-8 {width:49%} #step5-form-container .mktgMedia.checkbox *{padding-left:0;display:block} .wilf-tunnel-content #step5-form-container .wilf-block-new-customer span strong{font-weight:normal;display:block;color:#737373} /* 12.16 WILF - OBE STEP 6 */ .wilf-tunnel-content #bf_payment_form .col-md-7{width:100%} /* 12.17 WILF - OBE STEP 7 */ .wilf-block-main-content-step-6 .col-md-7{width:100%} .wilf-block-main-content-step-6 .wilf-block-route-details *{font-size:1.0em!important} .wilf-block-price-insurance .panel,.wilf-block-main-content-step-6 .wilf-block-route-details .panel {padding:0px!important;margin:0!important} .wilf-block-main-content.wilf-block-main-content-step-6 .col-xs-8.text-right, .wilf-block-main-content.wilf-block-main-content-step-6 .col-xs-8.col-sm-6.text-right{color:#5A646D} .wilf-block-main-content.wilf-block-main-content-step-6 .row.blue{font-size:0.95em!important} .wilf-block-main-content.wilf-block-main-content-step-6 .col-xs-4.col-sm-6{font-weight:500!important;font-size:0.95em!important} /* 12.18 WILF - OBE STEP 8 */ .wilf-block-main-content.wilf-block-main-content-step-7 .wilf-form-info{font-weight:300} .wilf-block-main-content.wilf-block-main-content-step-7 .wilf-form-info, .wilf-block-main-content.wilf-block-main-content-step-7 .panel.bg-blue-light .content_context{margin:0} .wilf-block-main-content.wilf-block-main-content-step-7 .wilf-block-price-insurance .panel,.wilf-block-main-content-step-7 .wilf-block-route-details .panel {padding:0px!important;margin:0!important} .wilf-block-main-content.wilf-block-main-content-step-7 .col-xs-8.text-right, .wilf-block-main-content.wilf-block-main-content-step-7 .col-xs-8.col-sm-6.text-right{color:#5A646D} .wilf-block-main-content.wilf-block-main-content-step-7 .col-xs-4.col-sm-6{font-weight:500!important;} .alert.alert-important{font-weight:300!important;font-size:0.9em!important;margin:10px auto!important;width:100%;display:block!important;background:#EED5D2!important;color:#333!important;padding:10px 20px!important;float:none!important;clear:both} /* 12.19 ACCOUNT LOGIN */ .wilf-block-account-form.wilf-block-separator legend{font-size:1.0em;color:#5a646d;font-weight:300} .wilf-block-account-form .btn.wilf-btn-blue{background-color:#449d44!important} /* 12.19.1 AMEND LOGIN */ /* 12.20 MARGIN AND PADDING CONSISTENCY */ .wilf-tunnel-content .panel.no-padding-bottom{padding-bottom: 30px;} .wilf-tunnel-content .wilf-block-header-info{margin-top: -5px;} .wilf-block-content section:not(:first-child) {padding-top: 0;} .page-node-type-wilf section .form-group{margin-bottom: 0px;} .wilf-tunnel-content .wilf-block-sailing-question {padding: 0;margin: 5px 0 ;} .wilf-tunnel-content .wilf-block-separator-top{ padding-top: 23px;} .wilf-tunnel-content .wilf-block { margin: 0px 0 30px;} .wilf-tunnel-content .panel-heading-right{font-weight: normal;} .wilf-tunnel-content .panel-heading-subtitle{margin-left: 0px;} .wilf-tunnel-content .panel-heading-subtitle:first-of-type {margin-left: 5px;} .wilf-tunnel-content .container.wilf-block-main-content{margin-top: 0;} .wilf-block-main-content-step-6 .col-md-7 .table-row-data.table-row-title {font-size: initial!important;} .wilf-tunnel-content .wilf-block-account-details-address{margin-bottom:30px} .wilf-tunnel-content .wilf-block-header{ padding: 0 0 30px; margin: 0 0 30px;} .wilf-tunnel-content .container .global-title h1{margin-bottom: 30px;} .wilf-tunnel-content .summary-ferry{ padding-top: 15px!important;} .wilf-tunnel-content .wilf-block-header-route{ margin: 0 0 30px;} .wilf-tunnel-content h2{ margin-top: 0; } .wilf-tunnel-content .wilf-block-separator, .wilf-tunnel-content .wilf-block-separator-horizontal{ border-bottom: none;} .wilf-tunnel-content .wilf-block-shop-content-description-price{border: none!important;} .wilf-tunnel-content .checkbox, .wilf-tunnel-content .checkbox-label-grey{ margin: 0;} .horizontal-bordered-block article.wilf-contextualized-content { padding: 30px 15px;} .wilf-tunnel-content .wilf-block-vehicle-registration .vehhiredblock { padding: 20px 0 0;} .wilf-tunnel-content table.wilf-table-price tr.table-row-data td.table-row-data-name {text-align: left;} .wilf-tunnel-content .wilf-form-info:last-of-type { margin-bottom: 0; padding-bottom: 0;} .wilf-tunnel-content .panel-heading-section-title { margin: 15px 0;} .wilf-tunnel-content .wilf-block-title { padding-top: 0!important;} .wilf-tunnel-content .col-md-9.global-title { width: 100%;} .wilf-tunnel-content .wilf-block-title { padding-top: 0!important;} .wilf-tunnel-content .col-md-9.global-title { width: 100%;} .wilf-block-simple h3 {margin-top: 0;} .wilf-block-mkt-pref-icon-V{margin-bottom: 0px!important;} .wilf-tunnel-content .wilf-block-mkt-pref {padding: 20px 40px 15px;} .wilf-tunnel-content .modal .field--name-field-wysiwyg h2 {margin-top: 20px;} .wilf-tunnel-content .wilf-block-sailing-question .form-type-radio.radio .label-radio-square{text-transform: capitalize;} .page-node-type-wilf .modal-body .bf-panel-group .panel .panel-heading a{font-size:1.0em} .wilf-tunnel-content .pets-row .wilf-block-shop-content-description {padding: 20px 15px 0;} .wilf-block-eticket { margin-bottom: 30px;} .wilf-tunnel-content .wilf-slide-summary .panel-group{margin-bottom: 0!important;} .wilf-tunnel-content .panel-mz {padding: 30px;} @media only screen and (min-width: 990px){ .wilf-tunnel-content .wilf-block-new-customer-surname { padding-right: 0; padding-left: 20px; }} @media only screen and (min-width: 768px) and (max-width: 990px){ .wilf-tunnel-content .col-sm-6 .wilf-block-new-customer-firstname { padding-left: 0; padding-right: 10px;} .wilf-tunnel-content .wilf-block-new-customer-surname { padding-right: 0; padding-left: 20px; } .wilf-tunnel-content .wilf-block-new-customer-firstname {padding-left: 0; padding-right: 0;}} @media only screen and (max-width: 768px){ .wilf-tunnel-content .wilf-block-new-customer-surname {padding-right: 0;padding-left: 0; }} a#save-itinerary-button {margin: 0;width: 100%;margin-top: -5px;background-color: white;border: solid 1px #417DC4;color: #417DC4;} /****** END OF 12. W I L F S ******/ /****** 13. SIDEBAR ******/ /* 13.1 WIDGET IN SIDEBAR */ .sidebar .booking-online-widget .nav-tabs, .sidebar .booking-online-widget .nav-tabs{padding-left:0!important} .sidebar .booking-online-widget .nav > li > a, .sidebar .booking-online-widget .nav > li > a{padding-left:8px!important;padding-right:8px!important;font-size:0.8em;margin-bottom:1px} .sidebar .booking-online-widget .desktop, .press-item .content .sidebar .booking-online-widget .desktop{border:0!important} .sidebar .booking-online-widget .ferry-widget,.sidebar .booking-online-widget .holidayForm {margin-top:0px;border:0} .sidebar .booking-online-widget .holidays-form, .sidebar .booking-online-widget .bf-search-top .view-filters{padding-top:0!important;} .bf-blog-item-full.blog-item .content .sidebar .booking-online-widget .ferry-widget-container .btn-wilf-next{width:100%} /* 13.2 SIDEBAR TYPOGRAPHY & LISTS */ .sidebar-block .background-color-grey,.sidebar-block p{font-size:11pt!important;} .sidebar-block h2,.sidebar-block-content h3,.sidebar-block-content p,.sidebar-block-content h4{padding:5px 5px 5px 0px!important} .sidebar-block h2 {font-size:16pt!important;font-weight:400!important;padding:10px!important} .sidebar-block h3 {font-size:16pt!important;font-weight:400!important;padding:10px!important} .sidebar-block h4 {font-size:14pt!important;font-weight:400!important;padding:10px!important} .sidebar-block,.view-mode.image-panel-half ,.view-mode.image-panel-full{min-height:auto!important;margin-bottom:30px!important;padding-bottom:0!important} .group-right.sidebar.col-xs-12.col-sm-6.col-md-4 ul li{margin-bottom:5px;} .sidebar-block .background-color-grey h3{padding: 0!important} /* 13.3 SITE SEARCH */ .page-node-type-search-list .global-search .field--name-node-title h2, .page-node-type-search-list .global-search .field--name-field-content-seo-title h2 {font-size:1.2em;margin-top:0;font-weight:400} .page-node-type-search-list .global-search .content.col-sm-8.col-md-8 .field--name-field-common-summary br{display:none} .page-node-type-search-list .global-search .content.col-sm-8.col-md-8 .field--name-field-common-summary {font-size:0.9em} .page-node-type-search-faq-list .field--name-node-title h2{font-size:1.1em!important;margin-top:0;font-weight:400!important} .page-node-type-search-faq-list .bf-search-top .view-filters .form--inline input{font-size:1.4em} .page-node-type-search-list .global-search .bf-search-top .view-filters .form--inline input{font-size:1.4em} .page-node-type-search-list .global-search li.facet-item .inactive{display:none!important} /* 13.4 HOME PAGE SINGLE IMAGE MASTHEAD */ .path-frontpage #mastheadCarrousel .carousel-inner .item:first-child p{margin:0} .path-frontpage #mastheadCarrousel .carousel-inner .item:first-child .field--name-field-fc-title .btn-primary-blue {background-color: transparent;border: 1px solid #fff;display: block;max-width: 240px;margin: 0 auto;display: block;cursor: pointer;font-family: "Roboto",sans-serif !important;color:#fff;text-transform:uppercase;font-size:20px!important;font-weight:500;text-align:center;min-width: 180px;width:100%;margin-top: 20px;margin-bottom:0px;padding: 0px 25px;text-decoration: none;max-width:260px;} .path-frontpage #mastheadCarrousel .carousel-indicators{display:none} @media only screen and (max-width: 768px){ .path-frontpage .carrousel-content .field--name-field-fc-title{font-size:1.0em;line-height:1.0em}} @media only screen and (max-width: 968px){ .path-frontpage .carrousel-content .field--name-field-fc-title{font-size:0.9em}} .path-frontpage .carrousel-content .field--name-field-fc-title{font-size:0.8em} .path-frontpage #mastheadCarrousel.carousel .carousel-inner .item .carrousel-content{top:30px} /* HOME PAGE SINGLE IMAGE MASTHEAD */ /* 13.5 HOME PAGE MASONRY HALF-HEIGHTS */ @media only screen and (min-width: 992px) { .path-frontpage .hp-mansory .grid-main-mansory .mansory-resp-image .mansory-resp-image-content:hover .content {position:absolute;background-color: #417DC4;-webkit-transition: background-color 0.5s ease-out;transition:background-color 0.5s ease-out;} .path-frontpage .hp-mansory .grid-main-mansory .mansory-resp-image .mansory-resp-image-content:hover .content>.title {position: absolute;display: inline-block;margin: 20px 0 0;bottom: 20px;left:0;} .path-frontpage .hp-mansory .grid-main-mansory .mansory-resp-image .mansory-resp-image-content:hover .content>.description{display:block} .path-frontpage .hp-mansory .grid-main-mansory .content>.description{text-align:left;} .path-frontpage .hp-mansory .grid-main-mansory .mansory-resp-image .mansory-resp-image-content:hover .content>.description {display: block;padding: 13px 9px;font-size: 16px;font-size: 1.6rem;font-weight: 100;}} /* HOME PAGE MASONRY HALF-HEIGHTS */ /* 13.6 TEMPORARY GUIDES PAGES STYLING */ /* Temporary city page style */ .node--type-city.node--view-mode-full .background-color-grey.city-block-nearby{margin:0} /* .node--type-city.node--view-mode-full .background-color-grey.city-block-nearby .col-xs-12.col-sm-6{width:auto} */ .node--type-city.node--view-mode-full .background-color-grey.city-block-nearby .col-xs-12.col-sm-6 img{max-width:150px} .node--type-city.node--view-mode-full .field--tourism-block-discover{margin-top:5px} .node--type-city.node--view-mode-full .city-content-nearby-attractions{margin:0 0 30px!important} .node--type-city.node--view-mode-full .city-content-map{margin:0!important;} .node--type-city.node--view-mode-full .line-under-value.city-content-nearby-attractions h2{margin-top:0!important;} .node--type-city.node--view-mode-full .city-content-description{margin:0px 0!important;} .node--type-city.node--view-mode-full .city-content-description .field--name-field-content-usp-content h2{margin:10px 0!important;font-size:1.4em;font-weight:400} .node--type-city.node--view-mode-full .city-content-description .field--name-field-content-usp-content h3{margin:10px 0!important;font-size:1.2em;font-weight:400} .node--type-city.node--view-mode-full .city-content-description .field--name-field-content-usp-content ul{font-weight:300;font-size:0.9em;padding-left:20px} .node--type-city.node--view-mode-full .city-content-description .field--name-field-content-usp-content p{font-weight:300;font-size:0.9em;padding:0 20px} @media (min-width:768px) { .node--type-city.node--view-mode-full .city-content-description .field--name-field-content-usp-content h2{margin-top:40px!important} .field--name-field-content-usp-content {width:35%;float:right;} .node--type-city.node--view-mode-full .city-content-description .field--name-field-common-body {max-width:60%;float:left;}} .node--type-city.node--view-mode-full .city-content-map{display:inline-block;width:100%} /* Temporary attraction page style */ .node--type-attraction.node--view-mode-full .background-color-grey.margin-tb-20{margin:0} .node--type-attraction.node--view-mode-full .background-color-grey.margin-tb-20 .col-xs-12.col-sm-6 img{max-width:150px!important} .node--type-attraction.node--view-mode-full .field--tourism-block-discover{margin-top:0px} .path-offers .group-footer .field--name-dynamic-block-fieldholidays-property-data-nearby-properties-min-price .field--name-field-hols-prices-custom.field--type-text-long{display:none} /* 13.7 - property page overrides for mobile */ @media only screen and (max-width: 540px){ .holidays-property-data--view-mode-full .group-header .bf-hols-header .bf-hols-header-title h1 {font-size:1.6em!important} .holidays-property-data--view-mode-full .bf-hols-header .star-rating {clear:both!important;display:block!important} .holidays-property-data--view-mode-full .group-header .field--name-field-hols-prop-ref, .holidays-property-data--view-mode-full .group-header .nearest{display:table-cell!important;margin:5px 0px 0 0px!important;width:auto!important;float:left!important;padding-right:10px!important;clear:none} .holidays-property-data--view-mode-full .bf-hols-right-header-description{padding:0!important} .holidays-property-data--view-mode-full .col-xs-12.col-sm-6.right{min-height:auto!important} .holidays-property-data--view-mode-full .container{padding-left:0;padding-right:0} .holidays-property-data--view-mode-full .bf-hols-header-title{padding-left:15px;padding-right:15px} .holidays-property-data--view-mode-full .bf-hols-footer-tab{padding-left:0;padding-right:0}} /* HOL SEARCH TWEAKS */ @media only screen and (min-width:990px){ .holidays-form.bf-search-top .view-filters #holidayForm .form-holidays .form-date{width:150px} .holidays-form.bf-search-top .view-filters #holidayForm .form-holidays .form-place,.form-holidays-content.form-place.col-xs-12.col-sm-6.col-md-2{width:250px} .bf-search-top.holidays-form .form-control::placeholder{color:#555!important;opacity:1.0!important;font-family:roboto;font-size:13px} .bf-search-main-facets.col-xs-12.col-md-3:before{content:'REFINE YOUR SEARCH';background-color: #fff; margin:0;padding: 15px 36px 15px 10px;color: #5A646D;width:100%;display:block;font-size: 18px;font-weight: 400;text-transform: uppercase;}} @media only screen and (max-width:990px){ .result-bar-search-buttons .buttons .button-map:before{margin:0 auto;padding:0 0 0 5px}} .global-search .content .holiday-search-block-geo {margin-top:15px} .bf-search-top holidays-form .form-holidays-content.form-place .typeahead__query{float:left;clear:none} .result-bar-search-buttons .buttons .button-map::before{content: '\e965';} .bf-search-main-facets .facets-subtitle{margin:10px 0;font-size:1.0em} .bf-search-main-facets .content ul{padding:0px 0px 5px 10px} .bf-search-main-facets .content .select-white{margin-top:5px;margin-bottom:5px} .bf-search-main-facets .facets-content-expand{padding: 15px 50px 15px 10px;} .holiday-search .info-paginate-properties{text-transform: uppercase;font-weight:300;text-align:right;padding:0;height:40px} .holiday-search .info-paginate-properties h2{text-align:left} .global-search .content.container {margin:0 auto} .bf-search-top {background-color: #669ACC;} .bf-search-top .view-filters .block-keyword .spanword{color:#fff} .bf-search-top .view-filters input:active,.bf-search-top .view-filters select:active, .bf-search-top .view-filters input:focus,.bf-search-top .view-filters select:focus, .bf-search-top .view-filters input:hover,.bf-search-top .view-filters select:hover, .bf-search-top .view-filters input,.bf-search-top .view-filters select,.bf-search-top .view-filters .select-wrapper::after{border:0;cursor:pointer} .holiday-search-content .gmap-wrapper{margin-bottom:50px} .holiday-search-block .select-wrapper select {font-weight:300;color:#333;text-transform:uppercase;} .result-bar-search-buttons .buttons *, .holiday-search .info-paginate-properties, .holiday-search-block .select-wrapper select{font-size:14px!important;font-weight:300;font-family:roboto} /* HOL SEARCH TWEAKS */ /* MY ACCOUNT HOME BOOKINGS TABLE */ .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 thead{display:none} .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 tr td{padding:15px} .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 tr:nth-child(1){background:#efefef} .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 .action a:nth-child(1){min-width:70%;width:70%;background:#748492} .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 .action a span{width:70%!important;display:inline-block;min-width:80%!important;color:#fff} .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 .action a:hover{text-decoration:none!important} .my-account-content .bf-table-responsive.my-account-booking.margin-b-20 .action a:nth-child(2){display:none} .my-account-content .bf-table-responsive td:before{display:none!important} /* MY ACCOUNT HOME BOOKINGS TABLE */ .page-node-type-faq-category .typeahead__field .typeahead__query input, .page-node-type-faq-category-list .typeahead__field .typeahead__query input, .page-node-type-faq-item .typeahead__field .typeahead__query input{font-size:1.5em} /* GUIDES AUG */ .view-region-other-list .item-list .list-header{font-style:normal!important;font-weight:500} @media (min-width:768px){.field-group-4-cols.v-spacing-wrapper .field--type-link {width:50%!important;margin:auto}} .field--name-field-attraction-items-region:before{content:'Top things to do'!important;font-size: 32px;font-size: 3.8rem;color: #417DC4;margin-top: 0px;margin-bottom: 30px;font-weight:200} .node--type-country .field-group-4-cols>.field--items>.field--item, .node--type-region .field-group-4-cols>.field--items>.field--item {text-align:left} @media only screen and (max-width: 767px){ .node--type-region .mobile-max-width-items,.node--type-country .mobile-max-width-items{max-width:100%!important}} @media only screen and (min-width: 988px){ .view-nearby-attractions .col-xs-12{padding-left:10px;padding-right:10px} .view-nearby-attractions .col-xs-12.views-row{width:25%} .view-nearby-cities .col-xs-12{padding-left:0;padding-right:0} .view-nearby-events .col-xs-12{padding-left:0;padding-right:0}} .node--view-mode-standard-list h3.blue.margin-tb, .city-block-nearby .node--view-mode-standard-list h3.blue.margin-tb{margin-top:0} .node--type-event .small-image {float:right;margin:0px 0 20px 25px} .node--type-event .view-nearby-attractions .node--view-mode-standard-list h3.blue.margin-tb{padding-top:20px;display:inherit;clear:inherit;margin-top:10px} .node--type-event .media-image-banner.view-mode-standard-list{padding-bottom:20px} .page-node-type-country .line-grey,.page-node-type-region .line-grey{display:inline-block;clear:both;padding-bottom:25px} /* 2020 holidays */ @media (min-width:992px) { /* hide absolute date field */ #availability_container .holiday-date-start.col-xs-12 {display:none} /* REMOVE HEADING BORDERS */ .field--name-holidays-property-data-wilfs-availability .panel-heading .panel-title::after{background:transparent!important} /* calendar panel */ #availability_container .panel.panel-default:nth-child(1){width:37%;float:left;margin-right:15px;} /* bgcolor of calendar panel */ .field--name-holidays-property-data-wilfs-availability #holiday-form-container .panel.panel-default:nth-child(1) .panel-body {background: transparent!important;} /* calendar panel */ .field--name-holidays-property-data-wilfs-availability #holiday-form-container .panel-body .row {padding:0!important;margin:0!important;} #legend-container .legend-container-content .legend-block.active, .field--name-holidays-property-data-wilfs-availability #holiday-form-container #holiday-date #sandbox-container .datepicker-days .table-condensed tbody tr td.day.active {background-color:#FF5A5F!important;color:#fff!important} /* CALENDAR LEGEND */ #availability_container #holiday-date #sandbox-container .datepicker{margin:0 auto 20px auto} #availability_container .legend-container-content{width:95%!important;margin:0 auto!important;} #availability_container .legend-container-content .legend-block{height:20px!important;width: 20px!important;} .field--name-holidays-property-data-wilfs-availability #holiday-form-container #holiday-date #legend-container .legend-container-content .legend-text{line-height:25px!important;font-weight:300!important;font-size:0.9em!important;} /* duration and ocupants panels */ #availability_container .panel.panel-default:nth-child(3),#availability_container .panel.panel-default:nth-child(2){width:59%;float:left} #holiday-date #legend-container.col-sm-6,#holiday-date #sandbox-container.col-sm-6{width:100%;margin:0 auto!important;} #availability_container #sandbox-container.col-xs-12.col-sm-6{padding:0!important;margin:0 auto!important;} /* AVAIL ERROR PANEL */ #availability_container .panel.panel-default .panel-body .alert{margin-top:0px!important;} #availability_container .panel.panel-default:nth-child(1) .alert.alert-danger{color:#FF5A5F!important;border:1px solid;width:95%;} #availability_container .panel.panel-default:nth-child(1) .alert.alert-danger:before{content:'Sorry...';display:block;font-weight:600;font-size:1.4em} /* OCCUPANCY PANEL */ #availability_container .panel.panel-default:nth-child(3) .panel-heading .panel-title{margin-top:5px!important;} #availability_container .occupancy-content .select-white-arrow-blue select {height:30px} #availability_container .occupancy-content td{padding:4px 8px!important} #availability_container .occupancy-content .package-line td:first-child{width:45%!important;} #availability_container .occupancy-content thhead th:first-child{width:45%!important;} #availability_container .occupancy-content .select-white-arrow-blue:after {height:30px;line-height:30px;width:30px} #availability_container .occupancy-content,#availability_container .occupancy-content table thead tr th{font-weight:400;vertical-align:middle;font-size:0.9em} /* AVAILABILITY RESPONSE PANEL */ #holiday-availability-confirmed .panel.panel-default:nth-child(1) {width:99%} #holiday-availability-confirmed .panel.panel-default:nth-child(1),#holiday-availability-confirmed .panel.panel-default:nth-child(1) .panel-body{background:#efefef;margin-top:5px;padding-bottom:10px} #holiday-availability-confirmed .panel.panel-default:nth-child(1) .panel-heading .panel-title{margin:0!important;border:0!important;padding:10px 10px 0 20px;background:transparent!important} #holiday-availability-confirmed .panel.panel-default:nth-child(1) .panel-title:before,#holiday-availability-confirmed .panel.panel-default:nth-child(1) .panel-title:after{display:none;} #holiday-availability-confirmed .col-xs-12.availability-onrequest{font-weight:300} /* CHECK AVAILABILITY BUTTONS */ #availability_container .btn.btn-wilf-next.btn-primary.btn-wide{width:99%;clear:both;display:inline-block;height:auto;line-height:inherit;margin-top:20px!important;} } .property-variations-prices .price-solr__title__text:last-child,.bf-search-top .view-filters .block-keyword .spanword{text-transform:uppercase!important;} .bf-search-top .view-filters .block-keyword .spanword.span-holiday {font-size:0.9em} .bf-search-top .view-filters .block-keyword .spanword.span-holiday:after{background-color:#FF5A5F;font-size:0.9em;top:2px;} .bf-search-top .view-filters .block-keyword .spanword:nth-child(1){padding-left:0px!important;} .bf-search-top .view-filters .block-keyword .spanword:nth-child(1):before{content:none} .bf-search-top .view-filters .block-keyword .spanword:hover{color:#5a646d} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_rooms]:before{content:'BEDROOMS: ';;} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_sleep]:before{content:'SLEEPS: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_beach]:before{content:'DISTANCE FROM BEACH: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_setting]:before{content:'SETTING: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_port]:before{content:'NEAREST PORT: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_day]:before{content:'ARRIVAL DAY: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_roomtype]:before{content:'ROOM TYPE: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday[data-field-id=_ptype]:before{content:'PROPERTY TYPE: ';} .bf-search-top .view-filters .block-keyword .spanword.span-holiday:before{font-weight:500} /* WIDGET */ .global-search .bf-search-top #holidayForm .form-holidays-content.form-property{display:none} @media only screen and (min-width: 990px){ .global-search #holidayForm .form-place.col-xs-12.col-sm-6.col-md-2{width:25%!important} .global-search #holidayForm .date-form.col-xs-12.col-sm-6.col-md-2{width:20%!important} .global-search #holidayForm .form-arrival.col-xs-12.col-sm-6.col-md-2{width:14%!important} .global-search #holidayForm .form-duration.col-xs-12.col-sm-6.col-md-2{width:18%!important} .global-search #holidayForm .form-submit.col-xs-12.col-sm-6.col-md-2{width:20%!important} } @media only screen and (max-width: 990px){ .holidays-form.bf-search-top .view-filters .block-keyword {display: block!important;margin-top:30px;}} .block-keyword.keyword-holiday span{margin-right:35px!important} .holidays-property-data--view-mode-full #edit-group-availability #holiday_form_gite_check_availability.btn[disabled], .holidays-property-data--view-mode-full #edit-group-availability #holiday_form_gite_check_availability.btn[disabled]:hover {background-color:#ccc!important;cursor:not-allowed!important;} /* prop details top cta */ /* after buttons */ .form-holidays-content.form-place .typeahead__query:after {content:'\e965';font-family:'BrittanyFerriesIcoFont'!important;speak: none; font-style: normal;font-weight: normal;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;position: absolute;top: 0;right: 0px; background-color: #417DC4;color: #fff;padding-top: 11px;padding-bottom: 11px;width: 40px;height: 40px;line-height: 16px;font-size: 22px;font-size: 2.2rem;text-align: center;pointer-events: none;} .bf-search-top .form-group .form-control::placeholder,.masthead .form-control::placeholder{color:#5A646D!important;opacity:1!important;font-weight:600;font-family:roboto,arial} .masthead .form-holidays-content.form-place .typeahead__query::after {background: #669ACC!important;} .booking-online-widget .ferry-widget-container .styled-select-wrapper select,.booking-online-widget .ferry-widget-container .styled-select-wrapper select:hover,.booking-online-widget .ferry-widget-container .styled-select-wrapper{border:0!important;} .booking-online-widget .tab-content .ferry-widget-container .styled-select-wrapper::after,.booking-online-widget .tab-content .bf-search-top .view-filters .form--inline .date-form .form-item::after,.path-frontpage .booking-online-widget #edit-search-date-from::after,.path-frontpage .booking-online-widget .tab-content .view-filters .select-wrapper::after{border:0!important;background: #669ACC!important;color:#fff} .global-search .holidays-form.bf-search-top .view-filters .form--inline #holidayForm .form-holidays-content.date-form .form-item::after {right: 5px;} .bf-search-top .form-group{margin-bottom:0!important;} #holiday-form #holiday-availability-confirmed {clear:both;display:block} .bf-hols-right-header-action.clearfix{margin:0;padding:0} .bf-hols-right-header-action.clearfix .bf-hols-right-header-action-right, .bf-hols-right-header-action.clearfix .bf-hols-right-header-action-left {margin:0;display:inline-block;float:left;width:47%;padding:0;} .bf-hols-right-header-action.clearfix .bf-hols-right-header-action-left{margin-right:10px} .bf-hols-right-header-action.clearfix .bf-hols-right-header-action-right *, .bf-hols-right-header-action.clearfix .bf-hols-right-header-action-left *{margin:0!important;padding:0} /* TOP BUTTON */ .bf-hols-right-header-action.clearfix .field--name-holidays-property-data-book-button{width:100%} .bf-hols-right-header-action.clearfix .field--name-field-custom-btn-flag a, .bf-hols-right-header-action.clearfix .field--name-holidays-property-data-book-button *, .bf-hols-right-header-action.clearfix .bf-holiday-book-button.btn-primary-red {margin: 0px!important;padding: 8px 0px!important;line-height:1.2em!important; font-size:0.9em;min-width:100%!important;width:100%!important;display:inline-block} .bf-hols-right-header-action.clearfix .background-color-grey {margin-bottom:10px} .path-car-tour .bf-hols-right-header-action.clearfix .field--name-holidays-property-data-book-button {display:none}