/* CSS Document */ .container {position: relative; width: auto; padding: 0; } .mobile_hide, .nav.nav-tabs .mobile_hide {display: none !important; } header {padding: 0 10px; margin: 0; } h1 {margin: 0 0 15px 0 !important; padding: 0; text-align: center; font-size: 20px; line-height: 140%; } h2 {text-align: center; margin: 0 0 15px 0; } img {max-width: 100%; } /* .btn_prev {} #header_sliders {background: none; height: auto; width: auto; } #search-tools {position: relative; } #latest_offers_horizontal, #most_popular_accomodation_horizontal, #things_to_do_horizontal {} */ header {position: relative; } header { } .mobile_sprite, .sprite {background: url(../img/sprite.mobile.png); display: block; background-repeat: no-repeat; background-size: 2755px 44px; } .sprite_telephone {background-position: -49px -5px; width: 37px; height: 35px; } .sprite_menu {background-color: #D6D6D6; background-position: -1240px -2px; width: 40px; height: 40px; } .sprite_menu.expanded {background-color: #000; background-position: 5px -2px; } .sprite_check_availability {background-position: -106px -12px; width: 17px; height: 20px; } .sprite_expand {background-position: -175px -12px; width: 17px; height: 20px; } .expanded .sprite_expand {background-position: -140px -12px; } .sprite_more_arrow {background-position: -1294px -10px; width: 16px; height: 25px; } .sprite_location {display: block; background-position: -1330px -14px; width: 12px; height: 17px; float: left; padding: 0 18px 0 0; } .sprite-close {width: 18px; height: 18px; background-position: -1392px -13px; } .sprite_4_stars {background-position: -1430px -16px; width: 62px; } .search-trigger { position: absolute; right: 80px; top: 8px; display: block; background: url(/assets/img/mobile.search.png) 50% 50% no-repeat; background-position: 0 0; width: 28px; height: 28px; } .mob-tel { float: right; margin: 1.6rem 0.4rem 0 0; } .mob-search-pop { display: none; padding: 10px; background: #F0F0F0; } .mob-search-pop input[type=text] { width: 100%; border: 0; padding: 5px; } .mob-search-pop input[type=text]::placeholder{ color: #0090b0; } .mob-search-pop input[type=text]::-webkit-input-placeholder{ color: #0090b0; } .mob-search-pop input[type=text]::-moz-placeholder{ color: #0090b0; } .mob-search-pop input[type=text]:-moz-placeholder{ color: #0090b0; } .mob-search-pop input[type=text]:-ms-input-placeholder { color: #0090b0; } header #header-logo a {display: block; margin: 8px 0 0 0; background: url(../img/logo.png); width: 183px; height: 30px; background-size: 183px 39px; } #tag_line {} #tag_line #tagline_telephone {position: absolute; right: 35px; top: 4px; } #tag_line #tagline_telephone span {position: absolute; left: 0; width: 0; height: 0; overflow: hidden; } #mobile_navigation {position: absolute; right: -10px; top: 0; } nav.blue_bar {position: relative; background: none; min-height: 0; margin-top: -9px; padding: 0; z-index: 100; display: none; } nav ul {list-style-type: none; } nav li {color: #FFF; background-color: #003366 !important; margin: 0 0 1px 0; padding: 0; font-size: 14px; } nav li a {display: block; color: #FFF; text-decoration: none; padding: 5px 15px; } nav li.more {background-image: url(../img/more.png) !important; background-position: 95% 7px !important; background-repeat: no-repeat !important; } nav li.more.expanded {background-color: #00C1FF !important; background-image: url(../img/less.png) !important; background-position: 95% 11px !important; } nav li:hover a {color: #FFF; } nav li > div {display: none; } nav li h4 {display: none; } nav li.expanded li {background-color: #F3F3F3 !important; } nav li.expanded li a {color: #414141; } nav li.expanded div {display: block; } /* blue = #003366 */ /* footer a {color: #FFF; text-decoration: none; font-size: 14px; } footer ul {margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #FFF; list-style-type: none; } footer li {line-height: 170%; margin: 0; padding: 0; } footer li a {display: block; } */ #mobile-links li a {color: #414141 !important; } #search-tools {background: #424242; color: #FFD200; padding: 0; margin: 0 0 25px 0; left: auto; } #search-tools #check_availability_link {position: relative; text-transform: uppercase; padding: 15px 10px 15px 40px; font-size: 18px; } #search-tools #check_availability_link .sprite_check_availability {position: absolute; left: 10px; } #search-tools #check_availability_link .sprite_expand {position: absolute; right: 10px; top: 10px; } #search-tools #search-tools-content {} #home-page-offer-info, #inspiration, #sign_up_horizontal, #most_popular_accomodation_horizontal, #things_to_do_horizontal, #reasons_to_book, #travel_routes_horizontal {display: none; } #latest_offers_horizontal {} #latest_offers_horizontal.slider {height: 150px; } #latest_offers_horizontal.slider .slides {height: 150px; } .site_blocks.slider {position: relative; height: 267px; overflow: hidden; 8} .site_blocks.slider .slides {width: 100%; overflow: hidden; } .site_blocks.slider .slide {width: 100%; } .site_blocks.slider .btn_prev {left: 0; } .site_blocks.slider .btn_next {right: 0; } #latest_offers_horizontal h3 {text-align: center; margin: 0 0 10px 0; } .site_blocks .site_block {display: none; } .site_blocks .site_block:first-child {display: block; } .site_blocks {position: relative; } .site_blocks h3 {} .site_block {background: #F5F5F5; border-top: solid 1px #DFDFDF; border-bottom: solid 1px #DFDFDF; } .site_block {width: 100%; text-align: center; } .site_block a {text-decoration: none; } .site_block .slider_block_title {font-size: 18px; margin: 10px 0; } .site_block .slider_block_image {margin: 0 auto 5px auto; width: 280px; height: 180px; overflow: hidden; } .site_block .slider_block_image img {max-width: 280px; max-height: 180px; } .site_block .slider_block_text {margin: 0; font-size: 13px; } .site_block .slider_block_date {color: #797979; } .site_blocks .btn_blue {display: block; width: 90%; margin: 20px auto 0 auto; } .btn_prev {background-position: -208px -2px; background-color: #A9A9A9; position: absolute; left: 0; top: 50%; margin-top: -45px; padding: 10px; width: 30px; height: 40px; } .btn_next {background-position: -238px -2px; background-color: #A9A9A9; position: absolute; right: -1px; top: 50%; margin-top: -45px; padding: 10px; width: 30px; height: 40px; } #latest_offers_horizontal.seperated {border-bottom: none !important; padding-bottom: 0; margin-bottom: 30px;} #mobile-links h4 {text-align: center; font-size: 24px; } #mobile-links ul {list-style-type: none; padding: 0; margin: 0 0 20px 0; } #mobile-links li {position: relative; padding: 0; margin: 0 0 1px 0; } #mobile-links a {display: block; padding: 11px 11px 11px 20px; font-size: 18px; text-decoration: none; } #accommodation-list li {background-color: #F3F3F3; } #things-to-do-list li {background-color: #FFD500; } .sprite_more {background-position: -959px -10px; width: 6px; height: 20px; } #mobile-links .sprite_more {float: right; } #things-to-do-list li {padding-left: 40px; } #things-to-do-list .mobile_sprite {position: absolute; left: 10px; top: 7px; width: 35px; height: 31px; } #things-to-do-list .sprite_flag {background-position: -647px -7px; } #things-to-do-list .sprite_ball {background-position: -689px -7px; } #things-to-do-list .sprite_tower {background-position: -732px -7px; } #things-to-do-list .sprite_fork {background-position: -774px -7px; } #things-to-do-list .sprite_flower {background-position: -814px -7px; } #things-to-do-list .sprite_palm {background-position: -866px -7px; } #things-to-do-list .sprite_martini {background-position: -911px -7px; } #getting_here_outer.grey_bar {background: none; border: none; } #getting_here {border: none; } #getting_here h3 {text-align: center; margin: 10px 0 20px 0; } #getting_here a {display: block; width: 33%; float: left; } .btn_plane, .btn_anchor, .btn_car {position: relative; width: 20%; padding: 45px 0 0 0; margin: 0 0 20px 0; text-align: center; } .btn_plane span.icon, .btn_anchor span.icon, .btn_car span.icon {position: absolute; top: 0; left: 50%; margin-left: -30px; width: 62px; height: 37px; background-image: url(../img/sprite.mobile.png); } .btn_plane span.icon {background-position: -282px -8px; } /* .btn_car:hover, .btn_plane:hover, .btn_anchor:hover {color: #FFF; background: #336699; }*/ .btn_plane span.icon {background-position: -282px top; } .btn_anchor span.icon {background-position: -359px top; } .btn_car span.icon {background-position: -420px top; } #lower-sign-up-form {clear: both; background: #F5F5F5; padding: 20px; font-size: 16px; margin-bottom: 10px; } #lower-sign-up-form p {font-size: 16px; } #lower-sign-up-form input[type=email] {border-color: #E0E0E0; width: 100%; padding: 8px; } #lower-sign-up-form .btn_blue {float: right; margin: 5px 0 0 0; } #lower-sign-up-form .user_tool {display: block; clear: both; } #lower-sign-up-form #sign-up-02 {display: none; background: #FFF; width: 100%; padding: 40px 20px 20px 20px; left: 0; z-index: 1000; border-bottom: solid 1px #333; z-index: 1000; } #lower-sign-up-form #sign-up-02 .sprite-close {position: absolute; right: 10px; top: 15px; cursor: pointer; } #lower-sign-up-form #sign-up-02 h3 {width: auto; padding: 0; margin: 0 0 10px 0; font-size: 22px; line-height: 130%; } #lower-sign-up-form #sign-up-02 .form-group.sm {margin: 0 0 5px 0; padding: 0; } #lower-sign-up-form #sign-up-02 .form-group.sm label {margin: 0; padding: 0 0 0 20px; } #lower-sign-up-form #sign-up-02 .form-group.sm input {margin: 0; padding: 0 0 0 20px; } #lower-sign-up-form #sign-up-02 .btn_blue {margin: 5px 0 0 17px; ; float: none; } #further_info {margin-bottom: 10px; } #further_info a {color: #007FFF; } #further_info .container {padding: 20px; } #further_info .col_1 {width: 100%; } #further_info .col_1 img {margin: 0 0 5px 0; } #further_info .col_2 {font-size: 14px; } #further_info .col_2 p {margin: 0; } footer {background: #003366; color: #FFF; min-height: 297px; padding: 18px 0 0 0; } footer a {color: #FFF; text-decoration: none; font-size: 14px; } footer ul {margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #FFF; list-style-type: none; } footer li {line-height: 170%; margin: 0; padding: 0; } footer li a {display: block; } footer .col {float: none; margin: 0 15px; } footer h3 {font-size: 18px; } footer #social-sprites {margin: 20px 15px 30px 15px; } footer #social-sprites h4 {margin: 0 0 15px 0; } footer #social-sprites h3 {margin: 20px 0 15px 0; } footer #social-sprites .sprite {display: inline-block; width: 32px; height: 32px; margin: 0 3px 0 0; } footer #social-sprites .sprite_twitter {background-position: -985px -6px;} footer #social-sprites .sprite_facebook {background-position: -1037px -6px;} footer #social-sprites .sprite_pinterest {background-position: -1089px -6px;} footer #social-sprites .sprite_google_plus {background-position: -1141px -6px;} footer #social-sprites .sprite_youtube {background-position: -1193px -6px;} #cits-logo {display: block; max-width: 100%; margin: 10px 0 20px 0; } footer #footer-disclaimers {margin: 0 15px; } /* position: absolute; right: 5px; top: 5px; width: 60px; height: 60px; display: inline-block; background-image: url(/assets/img/sprite.btn.png); background-repeat: no-repeat; */ #page-content a {color: #007FFF; } /* SEARCH */ #search-results h2 {text-align: center; } #search-results h3 {text-align: center; } #search-results h4 {text-align: center; margin-bottom: 20px; } #search-box {background: #F3F3F3; padding: 15px; margin: 0 0 30px 0; text-align: right; } #search-box .btn {margin-right: 0; } .inner-padding {padding: 0 20px; } .mobile-inner-padding {padding: 0 10px; } #results {padding: 0 15px; } .pagination {width: 100%; border-bottom: solid 2px #EBEBEB; padding-bottom: 30px; margin-bottom: 20px; } .pagination-status {text-align: center; margin-bottom: 20px; } .pagination-status a {} .pagination-links {text-align: center; } .pagination .pagination-links .btn {border-radius: 0; margin-right: 9px; color: #414141 !important; } .pagination .pagination-links .btn.current {color: #FFF !important; } .pagination .pagination-links .btn:last-child {margin-right: 0; padding-left: 14px; padding-right: 20px; } /*.pagination .pagination-links .btn:nth-child(n+5){position: absolute; left: -9999px; } .pagination .pagination-links .btn:last-child, .pagination .pagination-links .btn:nth-last-child(2) {position: relative; left: auto; }*/ /* INSPIRATION */ form#inspiration-search {margin: 10px 0; padding: 25px 10px 30px 10px; } #inspiration-section h2, #inspiration-section p {text-align: center; } #inspiration-section form p {text-align: left; } #inspiration-section #inspiration-section-01 .form-group {width: 40%; float: left; margin-bottom: 20px; } #inspiration-section #inspiration-section-01 .form-group label {} form#inspiration-search {} form#inspiration-search .medium-group {width: 130px; float: left !important; margin: 0 20px 20px 0; clear: none; } form#inspiration-search .medium-group select {max-width: 120px; } form#inspiration-search .medium-group .minict_wrapper {width: 140px !important; } #a-bit-more-about-you label {float: left; width: 50%; } #a-bit-more-about-you .column {clear: both; padding-top: 10px; } #a-bit-more-about-you input[type=checkbox] {margin-right: 5px; } #update-your-preferences-01 {position: relative; background: #797B7A; height: 60px; margin: 0 -10px 19px -10px; } #update-your-preferences-01 a.update-preferences {display: table-cell; background: #797B7A; height: 60px; vertical-align: middle; padding-left: 20px; color: #FFF; text-decoration: none; font-size: 18px; } #update-your-preferences-01 .sprite_more_arrow {position: absolute; right: 10px; margin-top: -25px; } #update-your-preferences-02 {position: relative; background: #797B7A; height: 60px; margin: 0 -10px 19px -10px; color: #FFF; } #update-your-preferences-02 a.update-preferences {display: table-cell; background: #797B7A; height: 60px; vertical-align: middle; padding-left: 20px; color: #FFF; text-decoration: none; font-size: 18px; } #update-your-preferences-02 .sprite_more_arrow {position: absolute; right: 10px; margin-top: -25px; } #update-your-preferences-02 .dropdown-menu {color: #414141; } #update-your-preferences-03 {position: relative; background: #F5F5F5; min-height: 95px; margin: 0 -10px 20px -10px; color: #FFF; } #update-your-preferences-03 a.update-preferences {position: relative; display: block; float: right; font-size: 14px !important; background: #797B7A; padding: 8px 30px 6px 10px; vertical-align: middle; margin: 11px 20px 0 0; color: #FFF; text-decoration: none; font-size: 18px; border-radius: 5px; } #update-your-preferences-03 .sprite_more_arrow {position: absolute; right: 10px; margin-top: -20px; width: 10px; height: 17px; background-position: -1362px -14px; } #update-your-preferences-03 .dropdown-menu {color: #414141; } #update-your-preferences-03 form {float: left; padding: 12px 0 0 20px; } #update-your-preferences-03 .btn-group-label {display: inline-block; margin-right: 20px; } .nav.nav-tabs {display: table; margin: 0; width: 100%; } .nav.nav-tabs li {display: table-cell !important; width: auto; margin: 0; padding: 0 1px 0 0; } .nav.nav-tabs li a {border: none !important; padding: 5px; background: #003366; color: #FFF !important; text-decoration: none; border-radius: 5px 5px 0 0; } .nav.nav-tabs li.active a {background: #F5F5F5;color: #414141 !important; } .navigation.mobile_list {display: block !important; margin: 0 0 20px 0; } .navigation.mobile_list li {display: block !important; } .navigation.mobile_list li a {display: block !important; margin: 0 0 1px 0; } #accommodation-links .navigation.mobile_list {width: 100%; margin: 0 0 40px 0; } #accommodation-links li {background: #F5F5F5; } #accommodation-links a {background: #F5F5F5; color: #414141 !important; text-align: left; } #accommodation-map {text-align: center; } #accommodation-map-api {height: 200px; background: #AFCFFF; margin: 0 0 20px 0; } #inspiration-results {} .inspiration-result {float: none; margin: 0 0 10px 0; } /* ACCOMMODATION */ #hotel-search-options {position: absolute; left: 0; top: 85px; width: 100%; background: #FFF; border: solid 1px #F3F3F3; z-index: 10; padding: 0 0 10px 0; color: #414141; } #hotel-search-options {display: none; } #hotel-search-options form {padding: 10px; width: 100%; color: #414141; } #hotel-search-options form .checkbox, #hotel-search-options form .radio {} #hotel-search-options form label {font-size: 14px; color: #414141; } #hotel-search-options .col-md-3 {margin-bottom: 30px; } #accommodation-individual {} #accommodation-individual .nav {width: 100%; } #accommodation-gallery {margin-bottom: 0; } #accommodation-individual .l-col, #accommodation-individual .r-col {padding: 10px; } #accommodation-individual .stars {display: block !important; margin: 0 auto !important; float: none; } #accommodation-individual h2 {margin: 0 0 15px 0; } /* CHECK IN */ .airline-links {} .airline-links.separator {border-bottom: none; margin-bottom: 10px; } .airline-links ul {margin: 0; padding: 0; list-style-type: none; } .airline-links ul li {margin: 0; padding: 0; } .airline-links li a {display: block; background: #F5F5F5 url(/assets/img/arrow-next.png) right center no-repeat ; padding: 5px 20px; margin: 0 0 1px 0; } .airline-links li a span.icon {display: block; background-image: url(/assets/img/airlines.png); background-repeat: no-repeat; height: 50px; width:150px; top: 60px; left: 10px; background-size: 1574px 55px; margin: 0 auto; } .airline-links li a span.icon span {position: absolute; left: -9999px; } .airline-links .aer-lingus .icon {background-position: 0px 0; } .airline-links .auringy .icon {background-position: -477px 0; } .airline-links .blueislands .icon {background-position: -623px 0; } .airline-links .british-airways .icon {background-position: -917px 0; } .airline-links .citywing .icon {background-position: -177px -5px; } .airline-links .easyjet .icon {background-position: -341px 0; } .airline-links .flybe .icon {background-position: -765px -3px; } .airline-links .jet2 .icon {background-position: -1080px 0; } .airline-links .loganair .icon {background-position: -1222px 0; } .page-intro {text-align: center; padding: 0 20px; margin: 0 0 20px 0; } .page-intro h1 {border-bottom: solid 1px #CCC; } #contact-us .need-help {margin: 0 10px 30px 10px; } #contact-us .google-map {height: 200px; } #contact-us .col-md-4 {margin: 0 10px 0 10px; padding-bottom: 20px; border-bottom: solid 1px #CCC; } .google-map {} .google-map .map-link {display: block; padding: 10px 0; font-size: 16px !important; } .stars {background-position: -1430px -16px; width: 78px; height: 16px; } .stars.stars_5 {width: 78px; } .stars.stars_4 {width: 62px; } .stars.stars_3 {width: 46px; } .stars.stars_2 {width: 31px; } .stars.stars_1 {width: 16px; } .sprite_5_stars {background-position: -1430px -16px; width: 78px; height: 16px; } .sprite_4_stars {background-position: -1430px -16px; width: 62px; height: 16px; } .sprite_3_stars {background-position: -1430px -16px; width: 46px; height: 16px; } .sprite_2_stars {background-position: -1430px -16px; width: 31px; height: 16px; } .sprite_1_stars {background-position: -1430px -16px; width: 16px; height: 16px; } .hotel-info-panel {position: relative; background: none; padding: 15px 0 ; margin: 0; width: auto; } .hotel-info-panel h3.separator {margin: 0 0 20px 0; } .hotel-info-panel ul {margin: 0 0 30px 20px; } .hotel-info-panel li {padding: 0; margin: 0 0 10px 0 !important; } .hotel-info-panel p {float: none !important; font-size: 100% !important; line-height: 140% !important; margin: 0 !important; padding: 0 0 15px 0; } #offers-intro {padding: 0 10px; text-align: center; } #offers-intro p {display: none; } #search-bar {} #search-bar {} .inspiration-result {background: #F6F7F8; border: solid 1px #D5D6D6; padding: 10px; margin: 10px; } .inspiration-result .additional-information {display: none; } .inspiration-result .subtitle {display: block; padding-top: 10px; float: left; } .inspiration-result .result-price-right {color: #AE1E7A; font-size: 18px; float: right; padding: 5px 0 0 0; } #offers .search-bar {display: none; } #things-to-do {} #things-to-do .nav-tabs li {display: none !important; } #things-to-do .nav-tabs li:first-child {display: block !important; } #things-to-do .featured-blocks {width: 100%; height: 350px; } #things-to-do .featured-blocks .featured-block {width: 100%; padding: 20px; background: #F6F7F8; border-top: solid 1px #D5D6D6; border-bottom: solid 1px #D5D6D6; height: 340px; } #things-to-do .featured-block-imagery {} #things-to-do .featured-blocks .featured-block .btn_yellow {position: absolute; bottom: 15px; left: 50%; margin-left: -100px; width: 200px; } #things-to-do .featured-block-info {text-align: center; } #things-to-do .featured-block-info h3 {margin: 0; } #things-to-do .featured-blocks {margin-bottom: 30px; } #things-to-do .search-bar {display: none; } #things-to-do .event-summary-details {width: 70%; float: left; } /* #things-to-do #offers-intro {display: none; }*/ #things-to-do .nav-tabs li a {display: block !important; background: #003366 !important; border-radius: 0; color: #FFF !important; margin: 0 ; color: #FFF; text-align: left; padding: 10px 10px 10px 50px; } a.fake-link {display: block !important; background: #003366 !important; border-radius: 0; color: #FFF !important; margin: 0 -10px; color: #FFF; text-align: center; padding: 5px; font-size: 15px; text-decoration: none; } #things-to-do .nav-tabs {} #things-to-do .hotel-info-panel {padding: 10px 0 !important; } .event-photos {width: 100%; height: 150px; margin-bottom: 20px; } .event-photos .slide {width: 100%; background: #F6F7F8; border-top: solid 1px #D5D6D6; border-bottom: solid 1px #D5D6D6; height: 150px; } .event-photos .featured-block-imagery {} #event-intro {} #event-intro h1 {font-size: 30px !important; margin: 0 !important; } #event-intro h2 {font-size: 20px !important; margin: 0 0 20px 0; } #event .hotel-info-panel {background: none; padding: 20px 10px !important; } #event .nav-tabs li a {display: block !important; background: #003366 !important; border-radius: 0; color: #FFF !important; margin: 0 -10px; color: #FFF; } #overview-section {} #overview-section h3 {clear: left; } #overview-section h3.separator:nth-child(-n+6) {clear: left; float: left; border: none; display: inline-block !important; padding: 0 10px 0 0; font-size: 17px; margin: 0 0 20px 0; line-height: 17px; } #overview-section h3.separator:nth-child(-n+6):after {content: '?'; } #overview-section p:nth-child(-n+6) {float: left; font-size: 17px; display: inline; margin: 0; line-height: 17px; } #overview-section h3.separator:nth-child(n+6){margin-top: 30px; } #accommodation-individual h4.separator {margin-top: 20px; } #accommodation-individual ul {margin-bottom: 0; } #accommodation-individual .btn_yellow {display: block; margin: 0 auto; float: none; } #accommodation-individual #hotel-pricing {} #accommodation-individual #hotel-pricing h3 {margin: 0 0 15px 0; } #accommodation-individual #hotel-pricing .awards {display: none; } #accommodation-individual #hotel-tabs.nav-tabs li a {display: block !important; background: #003366 !important; border-radius: 0; color: #FFF !important; margin: 0 -20px; color: #FFF; } a.fake-link {display: block !important; background: #003366 !important; border-radius: 0; color: #FFF !important; margin: 0 -10px; color: #FFF; text-align: center; padding: 5px; font-size: 15px; text-decoration: none; } .panel-group {} .panel-group a.section-title {display: block; float: none; padding: 10px; background: #003366; margin: 0 0 1px 0; color: #FFF !important; text-decoration: none; font-size: 18px; } .hotel-summary-listing {clear: both; } .hotel-summary-listing .hotel-summary-listing-placeholder {margin: 0 0 15px 0; } .hotel-summary-listing .hotel-summary-listing-placeholder img {width: 100%; } .hotel-summary-listing .hotel-summary-listing-details {} .hotel-summary-listing .hotel-summary-listing-details h4 {margin: 0 0 15px 0; font-size: 18px; } .hotel-summary-listing .hotel-summary-listing-details h4 .sprite {margin-top: 4px !important; } /*.hotel-summary-listing .hotel-summary-listing-details p {font-size: 12px !important; }*/ .hotel-summary-listing .hotel-summary-listing-details p.price {clear: both; padding: 30px 0 0 0 !important; font-size: 12px !important; font-size: 18px !important; } .hotel-summary-listing .hotel-summary-listing-details a.btn {margin-top: 20px; } #hotel-pricing {padding: 0 10px; } #event .r-col {padding: 10px; margin: 0 0 10px 0; } .need-help {padding: 10px 10px 60px 10px !important; } #you-may-also-like {padding: 20px 10px; } #you-may-also-like > h3 {text-align: center; } #travelling-content {text-align: center; padding: 0 10px; } #travelling-content p:nth-child(2) {display: none; } #travelling-content h4 {font-size: 14px !important; } #travelling-content form {padding: 10px 10px 10px 10px; } #closest-to-you {} #closest-to-you h3 {margin: 10px 0; } #closest-to-you .col-md-4 {background: #EFEFEF; padding: 20px; margin: 0 0 10px 0; border: solid 1px #DDD; } #closest-to-you .col-md-4 p {display: block; } .btn.full_width {display: block; width: 98%; margin: 0 auto; } #offer-bars.nav-justified.nav-tabs, #things-to-do .nav-justified {display: block; width: 98%; margin: 1px 1%; } #offer-bars.nav-justified.nav-tabs li, #things-to-do .nav-justified li {display: block !important; margin: 0 0 1px 0; } #offer-bars.nav-justified.nav-tabs li a, #things-to-do .nav-justified li a {display: block; padding: 7px; backround: #003366 !important; border-radius: 0; margin: 0; } #offer-bars.nav-justified.nav-tabs li.active a, #things-to-do .nav-justified li.active a {background: #003366 !important; } #query-display .search-bar {display: none !important; } #query-display .search-bar.override {display: block !important; margin: 10px; } #query-display .things-view-opt {display: none;} #query-display .offers-search-bar {display: block !important; margin: 10px; } #query-display .offers-view-opt {display: none;} footer .col_3 {} footer .col_3 h4 {margin: 0 0 20px 0; font-size: 18px; } footer .col_3 h3 {margin: 20px 0; font-size: 18px; } /* #hotel-tabs.nav-tabs {display: block !important; width: 100%; margin: 0; } #hotel-tabs.nav-tabs li, #hotel-tabs.nav-tabs li a {display: block !important; float: none; } #hotel-tabs.nav-tabs li a {margin: 0 0 2px 0; } #hotel-tabs.nav-tabs {display: table; } #hotel-tabs.nav-tabs li {width: 33%; display: table-cell; } #hotel-tabs.nav-tabs li a {} */ .btn.accordion-link {border-radius: 0; display: block; margin: 0 -10px; } .container.inner #search-tools {padding-top: 0; } .hotel-summary-listing {margin: 0 0 10px 0; } .hotel-summary-listing-details {} .hotel-summary-listing-details h4 {text-align: center; } .hotel-summary-listing-details h4 .sprite {margin: 0 auto; } .hotel-summary-listing-details p {margin: 0 0 10px 0; } .hotel-summary-listing-details .btn.btn_blue {display: block; margin: 0 auto 10px auto; } .hotel_thumb_holder {} .hotel_thumb_holder img {width: 100%; } #update-your-preferences-03 {} #update-your-preferences-03 #query-form {width: 100%; } #update-your-preferences-03 .btn-group.medium-group {} #update-your-preferences-03 .minict_wrapper {width: 320px; font-size: 12px !important; } #update-your-preferences-03 .minict_wrapper input {font-size: 12px; } #update-your-preferences-03 .minict_wrapper li {font-size: 12px !important; } #travelling-content {} #travelling-content #query-display {} #travelling-content #query-display .minict_wrapper {width: 100% !important; font-size: 12px !important; margin: 0 0 10px 0; } #travelling-content #query-display .minict_wrapper input, #travelling-content #query-display .minict_wrapper li {font-size: 12px !important; text-align: left; } #travelling-content #query-display .btn {display: block; margin: 5px 0; width: 100%; } #travelling {margin: 0 10px; } #travelling #location-airports {margin: 20px 0; } #travelling #location-airports .col-md-4 {background: #F5F5F5; padding: 20px; border: solid 1px #EBEBEB; margin: 0 0 10px 0; text-align: center; } #travelling #location-airports .col-md-4 .logo-holder img {display: block; margin: 0 auto 15px auto !important; } #newsletterModal {width: 80%; top: 30px; height: auto; padding: 30px; } #things-to-do {} #things-to-do h1 {font-size: 28px; margin: 20px 0 !important; } .item-page[itemtype="http://schema.org/Article"] {margin: 0 15px; word-wrap:break-word; } .item-page[itemtype="http://schema.org/Article"] p {font-size: 13px; line-height: 140%; } #package-features .hotel-listing {background: #F6F7F8; padding: 10px; border: solid 1px #D5D6D6; margin: 0 0 10px 0; } #package-features .hotel-listing:first-child .cell {} #package-features .cell {min-height: 0; height: auto; text-align: center; } #package-features .titles.cell {padding: 10px; } #package-features .titles.cell h4 a {} #package-features .titles.cell .sprite {margin: 5px auto auto auto; } #package-features .summaries.cell {background: #369; padding: 10px; color: #FFF !important; } #package-features .summaries.cell span {background: #369 !important; } #travelling-individual-intro #location {margin-top: 30px; } /* PF - Video Wrapper for Responsive Design */ .video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; } .video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* PF - Responsive Images */ img.response-inarticle { width: 50%; height: auto; } /* PF - Custom Landing Pages */ section.landing-page { padding: 0rem 1.25rem 2rem; } section.landing-page h1 {font-size: 26px; font-weight: 500; } h3.landing-page-section { text-align: center; font-weight: 500; margin-top: 20px; } .half-offer-banner { position: relative; float: left; width: 100%; padding: 20px; color: #414141; background: #F6F7F8; border: 1px solid #D5D6D6; } .half-offer-banner.left { margin: 10px 0px; } .half-offer-banner.right { margin: 10px 0px; } .half-offer-banner a { color: #ffffff !important; text-decoration: none; } /****** PF - Holiday Idea Additions - 24.06.2016 ******/ section.holiday-ideas-article { padding: 0rem 1.25rem 2rem; } h1.holiday-ideas { font-size: 30px; font-weight: 500; padding-top: 20px; } section.holiday-ideas-panels-mobile { width: 100%; padding: 0rem 1.5rem; text-align: center; } .ideas-panel { position: relative; float: left; overflow: hidden; width: 100%; margin: 0rem auto 2rem; } .ideas-panel .title-container, .ideas-hero .title-container { z-index: 0; text-align: center; width: 100%; padding-top: 20px; position: absolute; top: 0; left: 0; } .ideas-panel .title-container h4, .ideas-hero .title-container h1 { display: inline-block; color: #ffffff; } .ideas-panel .title-container h4 { font-size: 28px; } .ideas-hero .title-container h1 { font-size: 28px; border-bottom: none; font-weight: 600; } .ideas-panel .title-container h4 span.sub-large, .ideas-hero .title-container h1 span.sub-large { font-size: 0.85em; text-transform: uppercase; } .ideas-panel .title-container h4 span.sub, .ideas-hero .title-container h1 span.sub { font-size: 0.7em; text-transform: uppercase; } h3.holiday-ideas { font-size: 26px; font-weight: 500; text-align: center; margin-top: 30px; } h4.holiday-ideas { font-size: 22px; font-weight: 500; text-align: center; margin-top: 25px; } h5.holiday-ideas { font-size: 20px; font-weight: 600; text-align: center; margin-top: 15px; } p.ideas-intro { font-size: 18px !important; font-weight: 500 !important; } p.ideas-intro.center { text-align: center; } p.ideas-body { font-size: 17px !important; } .article-column { position: relative; float: left; width: 100%; } .article-column.left, .article-column.right { padding: 0px; } .ideas-article-recommendation { position: relative; width: 100%; margin: 20px 0px; text-align: center; } .ideas-article-recommendation img { display: inline-block; } .ideas-article-recommendation p.quote { font-size: 18px !important; font-weight: 500; font-style: italic; } .ideas-article-recommendation p.person { font-size: 16px !important; text-align: right; } img.hero { z-index: -10; margin-bottom: 20px; } img.article-left, img.article-right { display: block; margin: 10px auto; }