/* Miraviva stylesheet Built by Jonathan Brain http://jonathanbrain.com */ html { font-size: 62.5%; height: 100%; } body { background: #2b0c29; color: #595044; font-family: 'Open Sans', sans-serif; height: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; color: #000; } h1 { font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; } h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; } h3 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; margin: 0 0 18px 0; } li { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-style: normal; } label { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; } a, a:link, a:visited, a:active { color: #660000; } a:hover { color: #000; } input, textarea, select { font-family: 'Open Sans', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; } .cleared { clear: both; } .hidden { display: none; } .invisible { visibility: hidden; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /* ====== header ====== */ #header-outer { width: 100%; min-width: 320px; background: #311e30; /* border-top: 10px solid #5a3759; */ z-index: 100; position: relative; /* box-shadow: inset 0 4px 4px rgba(0,0,0,0.15); */ } #header-inner { width: 97.457627%; max-width: 1180px; margin: 0 auto; min-height: 176px; padding-top: 10px; position: relative; background: transparent url(/images/header_bg.png) 50% 0 no-repeat; } /* page dimensions as %ages of 1180px: 1150px content, with 2 x 15px gutters */ #header-upper { position: relative; } #logo { width: 100%; max-width: 350px; position: relative; top: 12px; margin: 0 auto; display: block; } #logo img { width: 100%; display: block; } #button-wishlist { width: 112px; height: 110px; display: block; background: url(/images/button_wishlist.png) 0 0 no-repeat; position: absolute; top: -15px; right: 23px; -webkit-transition: top .1s linear; -moz-transition: top .1s linear; -o-transition: top .1s linear; transition: top .1s linear; text-decoration: none; } #button-wishlist span { display: block; position: absolute; bottom: 32px; left: 0; right: 0; width: 100%; text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } #button-wishlist:hover { top: -10px; } #phone-numbers { font-size: 18px; font-size: 1.8rem; line-height: 30px; line-height: 3.0rem; position: absolute; top: 21px; left: 23px; text-shadow: -2px 2px 2px rgba(0,0,0,0.9); } #phone-numbers span { display: block; padding-left: 52px; color: #fff; } #phone-numbers a { color: #fff; text-decoration: none; } /* ios */ #phone-numbers-uk-eu { background: url(/images/flags_uk_eu.png) 0 50% no-repeat; } #phone-numbers-us-ca { background: url(/images/flags_us_ca.png) 0 50% no-repeat; } /* upper nav */ #nav-primary { width: 97.457627%; position: absolute; top: 116px; left: 1.271186%; right: 1.271186%; background: url(/images/header_ball.png) 0 0 no-repeat, url(/images/header_ball.png) 100% 0 no-repeat, url(/images/header_divider.png) 0 3px repeat-x; } #nav-primary .nav-main { margin-top: 17px; } #nav-primary .nav-main-item { display: inline-block; margin: 0 9px; position: relative; } #nav-primary .nav-main-link { display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; color: #eae0b4; text-transform: uppercase; text-decoration: none; border: 1px solid #311e30; padding: 4px 20px 6px 20px; background-color: #311e30; position: relative; } #nav-primary .has-subnav .nav-main-link { background-image: url(/images/arrow_nav.png); background-position: 100% 14px; background-repeat: no-repeat; padding: 4px 29px 6px 20px; } #nav-primary .active .nav-main-link { color: #fff; border: 1px solid #4f334d; background-color: #422841; box-shadow: inset 0 0 5px rgba(0,0,0,0.57); } /* subnav */ #nav-primary .nav-subnav { position: absolute; top: 35px; left: 0; padding: 10px 0 20px 20px; border: 1px solid #4f334d; background-color: #422841; display: none; } #nav-primary .nav-subnav-columns-1 { width: 170px; } #nav-primary .nav-subnav-columns-2 { width: 170px; } #nav-primary .nav-subnav-column { float: left; width: 150px; padding-top: 10px; padding-left: 0; border-top: 1px solid #685367; margin-top: 10px; } #nav-primary .nav-subnav-column:first-child { border-top: none; margin-top: 0; } #nav-primary .nav-subnav-title { font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; color: #fff; text-transform: uppercase; border-bottom: 1px solid #4c434d; padding: 0 0 9px 0; margin-bottom: 14px; } #nav-primary .nav-subnav-link { font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; color: #c09d7e; text-transform: uppercase; text-decoration: none; display: block; } #nav-primary .nav-subnav-link:hover { color: #fff; } /* hover effects */ #nav-primary .nav-main-item:hover { height: 38px; } #nav-primary .nav-main-item:hover .nav-main-link { color: #fff; border: 1px solid #4f334d; background-color: #422841; /* cursor: pointer; */ box-shadow: none; } #nav-primary .has-subnav:hover .nav-main-link { padding: 4px 29px 12px 20px; border-bottom: 1px solid #422841; z-index: 2; } #nav-primary .nav-main-item:hover .nav-subnav { display: block; z-index: 1; } /* device-dependent elements */ #nav-primary .nav-extra { display: none; } #nav-primary #nav-small { display: none; text-align: center; } #nav-primary #nav-small:hover { color: #fff; border: 1px solid #4f334d; background-color: #422841; /* cursor: pointer; */ box-shadow: none; } #nav-primary .open { display: block !important; } /* search box */ #search-box { width: 15.932203%; height: 32px; background: #281927; border: 1px solid #423141; border-radius: 2px; position: absolute; top: 15px; right: 9px; } #search-box label { display: none; } #txt_search { width: 80%; height: 32px; display: block; background: #281927; color: #e9ded7; text-transform: uppercase; font-size: 11px; font-size: 1.1rem; line-height: 32px; position: absolute; top: 0; left: 4%; } #btn_search { width: 15%; height: 32px; display: block; background: #281927 url(/images/search.png) 50% 50% no-repeat; color: #e9ded7; position: absolute; top: 0; right: 0; cursor: pointer; } #logo-print { display: none; } /* ====== footer ====== */ #footer-upper-outer { width: 100%; min-width: 320px; background: #331d32; position: relative; } #footer-upper-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; padding-top: 30px; } .footer-column { margin-bottom: 30px; float: left; width: 17.898833%; margin-right: 4.085603%; } .footer-column-title { border-bottom: 1px solid #6d6d6d; font-weight: 600; text-transform: uppercase; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; padding-bottom: 13px; } .footer-column-links a { color: #d7d3ca; text-decoration: none; font-size: 12px; font-size: 1.2rem; line-height: 26px; line-height: 2.6rem; display: block; } .footer-column-links a:hover { color: #fff; } #footer-column-form { margin-bottom: 30px; float: left; width: 34.046692%; } #footer-column-form .footer-column-title { border-bottom: none; color: #ded3ab; padding-bottom: 0; } #footer-column-form form { color: #ded3ab; padding-bottom: 30px; } #footer-column-form label { color: #eae4da; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; display: none; margin-bottom: 6px; } #footer-column-form .row-checkbox label { display: block; font-size: 10px; font-size: 1.0rem; line-height: 14px; line-height: 1.4rem; padding-left: 24px; position: relative; color: #807678; } #footer-column-form .row-checkbox label * { font-size: 10px; font-size: 1.0rem; line-height: 14px; line-height: 1.4rem; color: inherit; } #footer-column-form .row-checkbox input { position: absolute; top: 2px; left: 0; } #footer-column-form .text-box { background: #241523; text-transform: uppercase; color: #eae4da; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; display: block; padding: 4px 4%; width: 92%; margin-bottom: 10px; } #footer-column-form #form-sign-up-note { text-transform: uppercase; color: #ded3ab; font-size: 10px; font-size: 1.0rem; line-height: 18px; line-height: 1.8rem; padding: 4px 0; width: 100%; margin: -10px 0 10px; } #footer-column-form #form-sign-up-note span { display: block; float: left; width: 75%; } #footer-column-form #form-sign-up-note input { display: block; float: left; background: #807678; font-size: 12px; font-size: 1.2rem; width: auto; height: 30px; margin-top: 4px; cursor: pointer; -webkit-appearance: none; padding: 0 16px; color: #fff; font-weight: 400; text-transform: uppercase; } #footer-column-form .form-success { color: #fff; } #footer-social { padding-top: 22px; padding-bottom: 4px; border-top: 1px solid #614f5c; border-bottom: 1px solid #614f5c; } #footer-social .footer-social-title { display: block; font-weight: 600; text-transform: uppercase; color: #ded3ab; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; padding-bottom: 13px; float: left; width: 35%; } #footer-social .footer-social-buttons { float: right; display: block; width: 60%; } #footer-social li { width: 25%; height: 25px; min-width: 25px; display: inline-block; position: relative; } #footer-social a { width: 25px; display: inline-block; font-weight: 400; text-transform: uppercase; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; text-align: center; text-decoration: none; position: absolute; top: 0; right: 0; } #footer-social i { display: inline-block; font-weight: 400; text-transform: uppercase; color: #331d32; font-size: 14px; font-size: 1.4rem; line-height: 25px; line-height: 2.5rem; width: 100%; border-radius: 50%; vertical-align: bottom; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } #footer-social i.icon-facebook { background: #4b86c8; } #footer-social i.icon-twitter { background: #64baeb; } #footer-social i.icon-google-plus { background: #e36255; } #footer-social i.icon-rss { background: #e19848; } #footer-social i:hover { background: #fff; } #logos-associations { width: 100%; max-width: 160px; float: right; padding: 28px 0 28px 0; } #footer-lower-outer { width: 100%; min-width: 320px; /* border-top: 11px solid #3e2b3d; */ position: relative; } #footer-lower-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; padding: 22px 0; position: relative; } .footer-lower-links { text-align: center; } .footer-lower-links li { color: #8a7b62; font-size: 11px; font-size: 1.1rem; line-height: 24px; line-height: 2.4rem; display: block; } .footer-lower-links li a { color: #8a7b62; text-decoration: underline; } .footer-lower-links li a:hover { color: #d7d3ca; text-decoration: none; } /* ====== cookie banner ====== */ #cookie-banner { display: none; width: 100%; background: #ad7e5d; position: relative; z-index: 110; } #cookie-banner .inner { width: 97.457627%; max-width: 1180px; margin: 0 auto; padding: 10px 23px; box-sizing: border-box; } #cookie-banner p { display: inline-block; color: #fff; font-weight: 600; text-align: left; margin: 0; } #cookie-banner p a { color: inherit; font-weight: inherit; text-decoration: underline; } #cookie-banner p a:hover { text-decoration: none; } #cookie-banner i { color: #393939; white-space: nowrap; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; padding: 0 10px; cursor: pointer; } /* ====== wishlist buttons ====== */ #wishlist-button { display: block; padding: 15px 0; border-top: 1px solid #dbd5cb; } #wishlist-button-add { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; background: #db823d url(/images/wishlist_cut_out.png) 100% 50% no-repeat; padding: 0 40px 0 0; text-decoration: none; border-radius: 4px 0 0 4px; vertical-align: middle; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } #wishlist-button-add span { display: inline-block; font-weight: 600; color: #fff; text-transform: uppercase; vertical-align: middle; } #wishlist-button-add i { display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; color: #db823d; background: #fff; padding: 7px 8px 6px 8px; margin-right: 8px; border-radius: 3px 0 0 3px; vertical-align: middle; } #wishlist-button-add:hover { background: #aba49a url(/images/wishlist_cut_out.png) 100% 50% no-repeat; } #wishlist-button-add:hover span { color: #fff; } #wishlist-button-add:hover i { color: #aba49a; background: #fff; } #wishlist-button-added { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; background: #aba49a; border-radius: 4px 0 0 4px; vertical-align: middle; } #wishlist-button-added span { display: inline-block; font-weight: 600; color: #fff; text-transform: uppercase; vertical-align: middle; margin-right: 12px; } #wishlist-button-added i { display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; color: #aba49a; background: #fff; padding: 7px 8px 6px 8px; margin-right: 8px; border-radius: 3px 0 0 3px; vertical-align: middle; } .wishlist-added a { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; text-transform: uppercase; vertical-align: middle; background-color: #db823d; padding: 7px 12px 6px 12px; text-decoration: none; border-left: 1px solid #fff; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } .wishlist-added a.wishlist-tail { background-image: url(/images/wishlist_cut_out.png); background-position: 100% 50%; background-repeat: no-repeat; padding: 7px 40px 6px 12px; background-color: #f69a53; } .wishlist-added a:hover { color: #fff; background-color: #aba49a; } .wishlist-default { display: none; } .wishlist-not-added { display: inline; } .wishlist-added { display: none; } .wishlist-item-added .wishlist-not-added { display: none; } .wishlist-item-added .wishlist-added { display: inline; } /* ====== slideshow ====== */ .slideshow { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slideshow li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .slideshow li:first-child { position: relative; display: block; float: left; } .slideshow img { display: block; height: auto; float: left; width: 100%; border: 0; } /* ====== country page ====== */ #main-outer { width: 100%; min-width: 320px; background: #f4f3f1; position: relative; } #main-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; } #column-full-width { width: 100%; float: left; } #column-content { float: left; padding-bottom: 30px; width: 61.867704%; margin-right: 4.085603%; } #column-aside { float: left; width: 34.046692%; } #column-full-width h1 { font-size: 48px; font-size: 4.8rem; line-height: 60px; line-height: 6.0rem; font-weight: 600; padding: 24px 0 8px 0; margin-bottom: 28px; text-transform: uppercase; color: #a3aebb; background: url(/images/underline_double.png) 0 100% repeat-x; position: relative; } #column-full-width h1 i { color: #c5c3c2; font-size: 18px; font-size: 1.8rem; line-height: 60px; line-height: 6.0rem; vertical-align: middle; padding-right: 10px; } #column-full-width #h1 { font-size: 48px; font-size: 4.8rem; line-height: 60px; line-height: 6.0rem; font-weight: 600; padding: 24px 0 8px 0; margin-bottom: 28px; text-transform: uppercase; color: #a3aebb; background: url(/images/underline_double.png) 0 100% repeat-x; position: relative; } #column-full-width #h1 i { color: #c5c3c2; font-size: 18px; font-size: 1.8rem; line-height: 60px; line-height: 6.0rem; vertical-align: middle; padding-right: 10px; } #slideshow-destination { margin: 0 0 46px 0; position: relative; } #slideshow-destination .slide { width: 100%; position: relative; } #slideshow-destination .slide .caption { display: none; position: absolute; left: 0; right: 0; bottom: 0; font-style: italic; font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; color: #fff; padding: 10px 1.923076%; margin: 0; background: rgb(40,40,40); background: rgba(40,40,40,0.8); } #slideshow-destination .rslides_nav { display: block; width: 42px; height: 42px; position: absolute; top: 60%; z-index: 10; opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-indent: 100%; white-space: nowrap; overflow: hidden; } #slideshow-destination:hover .rslides_nav { opacity: 1; } #slideshow-destination .prev { background: rgb(42,42,42) url(/images/arrow_white_left.png) 50% 50% no-repeat; background: rgba(42,42,42,0.6) url(/images/arrow_white_left.png) 50% 50% no-repeat; left: 0; } #slideshow-destination .prev:hover { background: rgb(42,42,42) url(/images/arrow_white_left.png) 50% 50% no-repeat; background: rgba(42,42,42,0.8) url(/images/arrow_white_left.png) 50% 50% no-repeat; } #slideshow-destination .next { background: rgb(42,42,42) url(/images/arrow_white_right.png) 50% 50% no-repeat; background: rgba(42,42,42,0.6) url(/images/arrow_white_right.png) 50% 50% no-repeat; right: 0; } #slideshow-destination .next:hover { background: rgb(42,42,42) url(/images/arrow_white_right.png) 50% 50% no-repeat; background: rgba(42,42,42,0.8) url(/images/arrow_white_right.png) 50% 50% no-repeat; } #column-content #headline p { font-size: 24px; font-size: 2.4rem; line-height: 34px; line-height: 3.4rem; font-weight: 400; color: #595044; padding-bottom: 19px; border-bottom: 1px solid #c1bdba; margin-bottom: 22px; } .page-destination #column-content #headline p { font-size: 36px; font-size: 3.6rem; line-height: 44px; line-height: 4.4rem; } .page-promotion #column-content #headline p { font-size: 36px; font-size: 3.6rem; line-height: 44px; line-height: 4.4rem; } #column-content #body { position: relative; } #column-content #body h2 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin: 40px 0 20px 0; } #column-content #body>p:first-child { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; color: #bd6f43; margin-bottom: 16px; } #column-content #body .author-quote { width: 100%; float: left; margin: 28px 0 30px 0; } #column-content #body .author-quote-image { width: 18%; margin-right: 4.814814%; float: left; border-radius: 50%; border: 7px solid #fff; box-shadow: 0 0 12px 0 #c8c7c6; overflow: hidden; } #column-content #body .author-quote-image img { width: 100%; border-radius: 50%; display: block; } #column-content #body .author-quote-text { width: 74.074074%; float: left; } #column-content #body .author-quote-text p { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; font-style: italic; color: #916272; margin-bottom: 20px; } #column-content #body .author-quote-text cite { font-size: 11px; font-size: 1.1rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; font-style: normal; text-transform: uppercase; color: #bd6f43; display: block; margin-top: -16px; } #column-content #body .author-quote-text cite span { color: #6e665b; } #column-content #body p .figure { float: right; display: block; padding: 4px 0 20px 5.555555%; width: 30.370370%; } #column-content #body p .figure img { float: none; padding: 0 0 10px 0; display: block; width: 100%; } #column-content #body p .figure .figcaption { font-style: italic; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; color: #827b72; display: block; } #column-content #body a { color: #aa6419; text-decoration: none; } #column-content #body a:hover { color: #704210; } #column-content #body p strong { font-weight: 600; } #column-content #body ul { margin-bottom: 16px; } #column-content #body ol { margin-bottom: 16px; } #column-content #body li { margin-left: 8px; } #column-content #body table { margin-bottom: 18px; } #column-content #body table th { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; text-align: left; padding: 3px 12px; border-bottom: 1px solid #c1bdba; } #column-content #body table th:first-child { padding: 3px 12px 3px 0; } #column-content #body table td { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; padding: 3px 12px; } #column-content #body table td:first-child { padding: 3px 12px 3px 0; } #column-content #body table.has-lines th { border-bottom: 1px solid #c1bdba; border-left: 1px solid #c1bdba; padding: 6px 12px; } #column-content #body table.has-lines th:first-child { border-left: none; padding: 6px 12px 6px 0; } #column-content #body table.has-lines td { border-bottom: 1px solid #c1bdba; border-left: 1px solid #c1bdba; padding: 6px 12px; } #column-content #body table.has-lines td:first-child { border-left: none; padding: 6px 12px 6px 0; } /* .page-destination #body { float: left; } .page-destination #body p { float: left; clear: both; } .page-destination #body h2 { float: left; clear: both; } */ #column-content #body-final { font-style: italic; position: relative; } #column-content #body-final a { color: #aa6419; text-decoration: none; } #column-content #body-final a:hover { color: #704210; } #column-content #buttons { margin: 50px 0 30px 0; } #column-content a#button-document-top { display: block; position: absolute; bottom: 0; left: -12%; font-size: 30px; font-size: 3.0rem; line-height: 44px; line-height: 4.4rem; color: #8f8a85; background: #f9f8f5; border-radius: 3px; border: 1px solid #dad7d3; width: 48px; height: 48px; text-align: center; } #column-content #header-image { width: 100%; margin: 0 0 36px 0; position: relative; display: block; } #column-content #header-image img { width: 100%; display: block; } #column-content #header-image figcaption { position: absolute; left: 0; right: 0; bottom: 0; font-style: italic; font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; color: #fff; padding: 10px 1.923076%; margin: 0; background: rgb(40,40,40); background: rgba(40,40,40,0.8); display: block; } #column-content #people h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; font-style: italic; color: #bd6f43; margin-bottom: 44px; padding-top: 18px; } #column-content #people .person { width: 100%; float: left; margin: 0 0 30px 0; } #column-content #people .person-image { width: 18%; margin-right: 4.814814%; float: left; border-radius: 50%; border: 7px solid #fff; box-shadow: 0 0 12px 0 #c8c7c6; overflow: hidden; } #column-content #people .person-image img { width: 100%; border-radius: 50%; display: block; } #column-content #people .person-description { width: 74.074074%; float: left; } #column-content #people .person-description h3 { margin: 0 0 18px 0; } #column-content #people .person-description .person-name { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; } #column-content #people .person-description .person-role { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #484744; } #column-content #body-accordian { position: relative; background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 26px; } #column-content #body-accordian .accordian-button h2 { width: 100%; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; background: #edeae4; float: left; clear: both; padding: 14px 0 14px 0; border-bottom: 2px solid #fff; } #column-content #body-accordian .accordian-item:last-child h2 { border-bottom: none; } #column-content #body-accordian .accordian-button span { display: block; padding-left: 3.773584%; width: 75%; float: left; } #column-content #body-accordian .accordian-button i { font-size: 24px; font-size: 2.4rem; line-height: 18px; line-height: 1.8rem; padding-right: 2.830188%; float: right; color: #fff; } #column-content #body-accordian .accordian-button:hover h2 { background: #e0ddd7; cursor: pointer; } #column-content #body-accordian .accordian-active .accordian-button:hover h2 { background: #edeae4; cursor: default; } #column-content #body-accordian .accordian-content { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; background: #fff; clear: both; padding: 18px 3.773584% 4px 3.773584%; } #column-content #body-accordian .accordian-item i.icon-plus-sign { display: block; } #column-content #body-accordian .accordian-item i.icon-minus-sign { display: none; } #column-content #body-accordian .accordian-active i.icon-plus-sign { display: none; } #column-content #body-accordian .accordian-active i.icon-minus-sign { display: block; } #cta-text { width: 100%; font-style: italic; position: relative; padding: 18px 0; border-top: 1px solid #dcdad8; border-bottom: 1px solid #dcdad8; clear: both; } #cta-text p { margin: 0; } #cta-text a { color: #aa6419; text-decoration: none; } #cta-text a:hover { color: #704210; } #body-simple p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; color: #666; } #body-simple p:first-child { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; } #body-simple a { color: #aa6419; text-decoration: none; } #body-simple a:hover { color: #704210; } #column-content #hotel-headline { width: 100%; border-bottom: 1px solid #c1bdba; margin-bottom: 22px; } #column-content #hotel-name { display: block; font-size: 36px; font-size: 3.6rem; line-height: 44px; line-height: 4.4rem; font-weight: 400; color: #595044; padding-bottom: 8px; } #column-content #hotel-location { display: block; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; color: #bd6f43; margin-bottom: 16px; } #column-content #hotel-body { position: relative; } #column-content #hotel-body h2 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin: 40px 0 20px 0; } #column-content #hotel-body a { color: #aa6419; text-decoration: none; } #column-content #hotel-body a:hover { color: #704210; } /* ====== sidebar ====== */ .sidebar-header { font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; font-weight: 600; text-transform: uppercase; color: #8f8a85; padding: 11px 4%; margin: 0 0 27px 0; background: #fff; } .sidebar-column-split { width: 100%; background: url(/images/divider_split_column.png) 50% 0 repeat-y; float: left; margin-bottom: 27px; } .sidebar-column-split-half { width: 42%; padding: 0 4%; float: left; } .sidebar-column-split h3 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin-bottom: 20px; } .sidebar-column-split li a { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; color: #bd6f43; text-decoration: none; display: block; } .sidebar-column-split li a:hover { color: #704210; } .sidebar-box { width: 100%; float: left; clear: both; margin-bottom: 27px; } .sidebar-box h2 { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; color: #595044; text-transform: uppercase; background: #e6e4e1; padding: 11px 4%; } .sidebar-box-dark { background: #e6e3dd; margin: 27px 0 54px 0; } .sidebar-box-dark h2 { color: #fff; background: #b3aeaa; } .sidebar-box-dark-copy { padding: 20px 4% 0 4%; border-left: 1px solid #cac7bf; border-right: 1px solid #cac7bf; border-bottom: 1px solid #cac7bf; } .sidebar-box-dark-copy p { font-style: italic; } .sidebar-box-dark-copy p:first-child { color: #bd6f43; } #map-small { width: 100%; display: block; position: relative; text-decoration: none; } #map-small-image { width: 100%; display: block; position: relative; z-index: 1; } #map-small-caption { display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgb(162,162,162); background: rgba(162,162,162,0.8); font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; text-align: center; color: #fff; padding: 14px 0; z-index: 2; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; font-weight: 600; } #map-small-caption i { font-size: 18px; font-size: 1.8rem; line-height: 16px; line-height: 1.6rem; padding-right: 18px; } #map-small:hover #map-small-caption { background: rgba(162,162,162,1); } #map-medium { width: 100%; position: relative; z-index: 1; display: none; } #climate { width: 100%; float: left; background: #fff; } #climate-summary { width: 20.285714%; float: left; padding: 0 3.428571% 0 4%; margin: 18px 0; font-size: 14px; font-size: 1.4rem; font-weight: 600; text-align: center; } #climate-summary img { padding: 3px 0 7px 0; width: 100%; max-width: 64px; } #climate-summary span { display: block; } #climate-detail { width: 64.571428%; float: left; padding: 0 0 0 3.428571%; border-left: 1px solid #dedddb; margin: 18px 0; font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; } #climate-detail p:last-child { margin: 0; } #itineraries-list { width: 100%; background: #fff; padding: 12px 0 24px 0; border-top: 3px solid #d0ccc7; } #itineraries-list a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; font-style: italic; color: #bd6f43; border-bottom: 1px solid #bce3e7; text-decoration: none; padding: 10px 4% 3px 4%; } #itineraries-list a:hover { color: #704210; } #itineraries-list a i { font-size: 18px; font-size: 1.8rem; color: #bcb3ad; padding-right: 12px; } #sidebar-nav { width: 100%; margin-bottom: 27px; } #sidebar-nav ul { padding: 0 4%; margin-bottom: 28px; } #sidebar-nav li a { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; color: #bd6f43; text-decoration: none; display: block; border-bottom: 1px solid #dedcd9; padding: 4px 0 3px 0; } #sidebar-nav li:last-child a { border-bottom: none; } #sidebar-nav li a:hover { color: #704210; } #sidebar-nav h3 { padding: 0 4%; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin-bottom: 12px; } #travelogue-inner #sidebar-nav li a { border-bottom: 1px solid #c9c1b3; font-style: italic; } #travelogue-inner #sidebar-nav li:last-child a { border-bottom: none; } .sidebar-contact { width: 100%; float: left; clear: both; margin-bottom: 27px; } .sidebar-contact h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; color: #8f8a85; text-transform: uppercase; padding: 11px 4%; border-bottom: 1px solid #e7e5e3; margin-bottom: 19px; } .sidebar-contact a { display: block; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; color: #fff; text-transform: uppercase; padding: 11px 4%; background: #6b5269; text-decoration: none; vertical-align: middle; border-radius: 2px; margin-bottom: 9px; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } .sidebar-contact a i { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; padding-right: 4%; padding-bottom: 4px; vertical-align: middle; } .sidebar-contact a:hover { background: #2b0c29; } .sidebar-contact-telephone { display: block; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; color: #fff; padding: 11px 4%; background: #b3aeaa; vertical-align: middle; border-radius: 2px; } .sidebar-contact-telephone span { display: block; padding-left: 52px; } .sidebar-contact-telephone a { font-weight: 400; padding: 0; background: transparent; font-size: 20px; font-size: 2.0rem; line-height: 24px; line-height: 2.4rem; margin-bottom: 0; } /* ios */ .sidebar-contact-telephone-uk-eu { background: url(/images/flags_uk_eu.png) 0 50% no-repeat; margin-bottom: 9px; } .sidebar-contact-telephone-us-ca { background: url(/images/flags_us_ca.png) 0 50% no-repeat; } #travelogue-inner .sidebar-contact h2 { display: none; } .sidebar-info { padding: 0 4% 20px 4%; } .sidebar-info h2 { font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; padding: 11px 0; color: #a3aebb; border-bottom: 1px solid #d8d6d3; margin-bottom: 19px; } .sidebar-info .sidebar-info-body h3 { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; text-transform: uppercase; color: #666; } .sidebar-info .sidebar-info-body p { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; color: #666; } .sidebar-info .sidebar-info-body .phone-number { color: #aa6419; } .sidebar-info .sidebar-info-body a { color: #aa6419; text-decoration: none; } .sidebar-info .sidebar-info-body a:hover { color: #704210; } .sidebar-info .sidebar-social-buttons { display: block; width: 60%; padding-bottom: 60px; } .sidebar-info .sidebar-social-buttons li { width: 25%; height: 25px; min-width: 25px; display: inline-block; position: relative; } .sidebar-info .sidebar-social-buttons a { width: 35px; display: inline-block; font-weight: 400; text-transform: uppercase; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; text-align: center; text-decoration: none; position: absolute; top: 0; left: 0; } .sidebar-info .sidebar-social-buttons i { background: #c2bdb7; display: inline-block; font-weight: 400; text-transform: uppercase; color: #f4f3f1; font-size: 20px; font-size: 2.0rem; line-height: 35px; line-height: 3.5rem; width: 100%; border-radius: 50%; vertical-align: bottom; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } .sidebar-info .sidebar-social-buttons i:hover { background: #e19b64; } #button-country-back { display: block; border-radius: 3px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; text-transform: uppercase; padding: 8px 4% 8px 4%; text-decoration: none; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; background: #fff; color: #8f8a85; margin: 0 4%; text-align: center; vertical-align: bottom; } #button-country-back i { font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; display: inline-block; vertical-align: bottom; padding-left: 8px; } #button-country-back:hover { background: #c2bdb7; color: #fff; } /* ====== map ====== */ #map-large-container { position: relative; width: 100%; height: 0; overflow: hidden; -webkit-transition: height .2s linear; -moz-transition: height .2s linear; -o-transition: height .2s linear; transition: height .2s linear; } #map-large { width: 100%; height: 680px; border-bottom: 12px solid #f4f3f1; position: relative; } #map-large iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } #map-large-close { width: 87.118644%; max-width: 1028px; margin: 0 auto; height: 0; position: relative; } #map-large-close a { display: block; position: absolute; top: 0; right: 0; z-index: 100; background: rgb(210,219,229); background: rgba(255,255,255,0.6); color: #fff; text-decoration: none; text-align: center; padding: 6px 6px 3px 6px; border-radius: 0 0 3px 3px; } #map-large-close a i { font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; display: block; } #map-large-close a span { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; text-transform: uppercase; display: block; } .map-info { max-width: 300px; } .map-info a { -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .map-info .title a { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; color: #8f8a85; text-transform: uppercase; border-bottom: 1px solid #e7e5e3; text-decoration: none; display: block; padding: 0 20px 12px 0; } .map-info .title a:hover { color: #6e665b; } .map-info .more { margin-bottom: 4px; } .map-info .more a { color: #a4612e; text-decoration: none; } .map-info .more a:hover { color: #6e665b; } /* ====== buttons ====== */ a.button-simple { display: inline-block; border-radius: 3px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; padding: 7px 28px 7px 28px; text-decoration: none; margin-right: 20px; margin-bottom: 15px; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } a.button-purple { background: #624861; color: #fff; } a.button-purple:hover { background: #2b0c29; color: #fff; } a.button-white { background: #fff; color: #aba49a; } a.button-white:hover { background: #aba49a; color: #fff; } a.button-orange { background: #aa6419; color: #fff !important; } a.button-orange:hover { background: #704210; color: #fff; } a.button-centre { margin-right: 0; } #share-buttons { border-top: 1px solid #dbd5cb; padding-top: 15px; } #share-buttons li { display: inline; } .sm-button { text-decoration: none; display: block; float: left; margin-right: 9px; } .sm-button span { display: none; } .sm-button i { font-size: 30px; font-size: 3.0rem; line-height: 30px; line-height: 3.0rem; color: #c2bdb7; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .sm-button:hover i { color: #e19b64; } /* ====== hotels slider ====== */ #hotels-outer { width: 100%; min-width: 320px; position: relative; background: #fff; border-top: 12px solid #f4f3f1; } #hotels-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; } #hotels-inner h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; font-weight: 600; color: #734e70; text-transform: uppercase; text-align: center; width: 100%; overflow: hidden; margin: 14px auto 18px auto; } #hotels-inner h2 span { position: relative; padding: 0 2.918287%; } #hotels-inner h2 span:before { display: block; background: url(/images/double_lines.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; right: 100%; top: 50%; } #hotels-inner h2 span:after { display: block; background: url(/images/double_lines.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; left: 100%; top: 50%; } #hotels-featured-list { display: block; width: 94.552529%; margin-left: 2.723735%; position: relative; } #hotels-featured-list ul { display: block; width: 100%; margin-bottom: 50px; padding-top: 20px; } #hotels-featured-list li { display: inline-block; width: 25%; vertical-align: top; } #hotels-featured-list li .slide-inner { margin: 0 5% 0 15%; } #hotels-featured-list li .featured-image { display: block; width: 84%; margin-bottom: 12px; margin-left: -7px; border-radius: 50%; border: 7px solid #fff; box-shadow: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; overflow: hidden; } #hotels-featured-list li .featured-image img { width: 100%; border-radius: 50%; display: block; } #hotels-featured-list li .featured-image:hover { box-shadow: 0 0 12px 0 #000; } #hotels-featured-list li h3 { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; text-transform: uppercase; color: #554e45; margin-bottom: 14px; } #hotels-featured-list li p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #333333; margin-bottom: 16px; } #hotels-featured-list li .featured-link { display: block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #a4612e; text-decoration: none; } #hotels-featured-list li .featured-link span { display: none; } #hotels-featured-list li .featured-link:hover { color: #6e665b; } #hotels-featured-list .slider-nav a { display: block; opacity: 0.2; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; position: absolute; top: 50px; width: 54px; height: 105px; } #hotels-featured-list .slider-nav a.slider-prev { left: -5%; background: url(/images/arrow_big_left.png) 0 0 no-repeat; } #hotels-featured-list .slider-nav a.slider-next { right: -5%; background: url(/images/arrow_big_right.png) 0 0 no-repeat; } #hotels-featured-list .slider-nav a.slider-nav-button-on { opacity: 0.6; } #hotels-featured-list .slider-nav a.slider-nav-button-on:hover { opacity: 1; } /* ====== search ====== */ .search-results { padding-bottom: 30px; } .search-results h2 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin: 40px 0 20px 0; } .search-results h2 a { color: #595044; text-decoration: none; } .search-results h2 a:hover { color: #704210; } .search-results a { color: #aa6419; text-decoration: none; } .search-results a:hover { color: #704210; } .search-results .keyword { background: #eae0b4; padding: 0 4px; } .search-results .search-results-item { padding-bottom: 19px; border-bottom: 1px solid #c1bdba; margin-bottom: 22px; } /* ====== wishlist page ====== */ #wishlist-list { width: 90.508474%; max-width: 1068px; margin: 0 auto; position: relative; min-height: 380px; } .wishlist h1 { margin-bottom: 70px !important; } #wishlist-list .wishlist-item { display: block; width: 29.588014%; margin: 0 1.872659% 36px 1.872659%; float: left; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #wishlist-list .wishlist-item:nth-child(3n+1) { clear: both; } #wishlist-list .wishlist-item-view { display: block; position: relative; text-decoration: none; border-bottom: 1px solid #c1bdba; } #wishlist-list .wishlist-item-image img { width: 100%; } #wishlist-list h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; font-weight: 600; text-transform: uppercase; color: #6b5269; margin: 4px 0 10px 0; } #wishlist-list .wishlist-item-remove { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; font-weight: 600; color: #c87767; text-decoration: none; padding: 10px 0 5px 0; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } #wishlist-list .wishlist-item-remove i { padding-right: 8px; } #wishlist-list .wishlist-item-remove:hover { color: #aba49a; } #wishlist-empty-message { display: none; width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; min-height: 380px; } .wishlist-empty { display: block !important; } .page-wishlist #column-full-width h1 .icon-heart { font-size: 24px; font-size: 2.4rem; } #column-full-width h1 #wishlist-button-send { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; background: #916f90 url(/images/wishlist_cut_out.png) 100% 50% no-repeat; padding: 8px 40px 7px 12px; text-decoration: none; border-radius: 3px 0 0 3px; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; position: absolute; right: 0; bottom: 25px; vertical-align: bottom; } #column-full-width h1 #wishlist-button-send i { display: inline; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; vertical-align: bottom; padding: 0; margin-right: 8px; } #column-full-width h1 #wishlist-button-send:hover { background: #aba49a url(/images/wishlist_cut_out.png) 100% 50% no-repeat; } /* ====== home ====== */ #home-banner-outer { width: 100%; min-width: 320px; background: #eae4da; position: relative; max-height: 600px; overflow: hidden; } #home-banner-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; background: rgb(40,25,39); background: rgba(40,25,39,0.85); z-index: 2; padding: 24px 0 24px 0; } #home-banner-inner h1 { font-size: 26px; font-size: 2.6rem; line-height: 30px; line-height: 3.0rem; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; padding: 0 2.918287%; margin-bottom: 20px; } #home-banner-inner p { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; font-style: italic; color: #fff; text-align: center; padding: 0 2.918287%; } #home-banner-inner p a { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; font-style: normal; color: #ded3ab; text-transform: uppercase; text-align: center; background: #624861; border-radius: 3px; padding: 4px 2.918287%; margin-left: 2.918287%; letter-spacing: 1px; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 3px 0 rgba(34,21,33,0.8); -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } #home-banner-inner p a:hover { background: #aba49a; color: #fff; } #home-map { width: 100%; min-width: 320px; background: #eae4da url(/images/map_home.jpg) 50% 50% no-repeat; background-size: auto 100%; position: relative; } #home-featured-outer { width: 100%; min-width: 320px; position: relative; } #home-featured-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; } #home-featured-inner h2 { font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; font-weight: 600; color: #734e70; text-transform: uppercase; text-align: center; width: 100%; overflow: hidden; margin: 0 auto 35px auto; padding-top: 60px; } #home-featured-inner h2 span { position: relative; padding: 0 2.918287%; } #home-featured-inner h2 span:before { display: block; background: url(/images/double_lines.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; right: 100%; top: 50%; } #home-featured-inner h2 span:after { display: block; background: url(/images/double_lines.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; left: 100%; top: 50%; } #home-featured-list { display: block; width: 94.552529%; margin-left: 2.723735%; position: relative; } #home-featured-list ul { display: block; width: 100%; margin-bottom: 50px; padding-top: 20px; } #home-featured-list li { display: inline-block; width: 33.333333%; vertical-align: top; } #home-featured-list li .slide-inner { margin: 0 2.160493%; } #home-featured-list li .featured-image { display: block; width: 70%; text-align: center; margin: 0 auto 22px auto; border-radius: 50%; border: 7px solid #fff; overflow: hidden; box-shadow: 0 0 12px 0 #c8c7c6; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; } #home-featured-list li .featured-image img { width: 100%; display: block; border-radius: 50%; } #home-featured-list li .featured-image:hover { box-shadow: 0 0 12px 0 #000; } #home-featured-list li h3 { font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; text-align: center; text-transform: uppercase; color: #272727; margin-bottom: 26px; } #home-featured-list li p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #333333; margin-bottom: 16px; text-align: center; } #home-featured-list li .featured-link { display: block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #a4612e; text-align: center; text-decoration: none; } #home-featured-list li .featured-link span { display: none; } #home-featured-list li .featured-link:hover { color: #6e665b; } #home-featured-list .slider-nav a { display: block; opacity: 0.2; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; position: absolute; top: 70px; width: 54px; height: 105px; } #home-featured-list .slider-nav a.slider-prev { left: -9.259259%; background: url(/images/arrow_big_left.png) 0 0 no-repeat; } #home-featured-list .slider-nav a.slider-next { right: -9.259259%; background: url(/images/arrow_big_right.png) 0 0 no-repeat; } #home-featured-list .slider-nav a.slider-nav-button-on { opacity: 0.6; } #home-featured-list .slider-nav a.slider-nav-button-on:hover { opacity: 1; } #home-featured-button { text-align: center; display: block; width: 100%; margin-bottom: 64px; } #home-featured-button a { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; font-style: italic; color: #fff; text-align: center; padding: 18px 2.918287%; background: #624861; border-radius: 3px; text-decoration: none; box-shadow: 0 2px 3px 0 rgba(34,21,33,0.8); display: inline-block; vertical-align: bottom; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } #home-featured-button em { font-size: 16px; font-size: 1.6rem; text-transform: uppercase; font-style: normal; font-weight: 600; margin: 0 10px; vertical-align: bottom; letter-spacing: 1px; } #home-featured-button a:hover { background: #2b0c29; } #home-about-outer { width: 100%; min-width: 320px; background: rgba(186,177,162,0.3); position: relative; box-shadow: inset 0 0 5px rgba(0,0,0,0.1); } #home-about-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; } #home-about-inner h2 { font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; font-weight: 600; color: #734e70; text-transform: uppercase; text-align: center; width: 100%; overflow: hidden; margin: 0 auto 28px auto; padding-top: 60px; } #home-about-inner h2 span { position: relative; padding: 0 2.918287%; } #home-about-inner h2 span:before { display: block; background: url(/images/single_line.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; right: 100%; top: 50%; } #home-about-inner h2 span:after { display: block; background: url(/images/single_line.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; left: 100%; top: 50%; } #home-about-inner .headline { font-size: 22px; font-size: 2.2rem; line-height: 33px; line-height: 3.3rem; color: #333333; text-align: center; width: 100%; padding-bottom: 10px; } #home-about-inner #home-people { background: url(/images/single_line.png) 0 top no-repeat; padding-top: 40px; margin-top: 10px; } #home-about-inner .home-about-bodies { padding-top: 10px; } #home-about-inner .home-about-bodies .home-about-body { display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; padding: 0 15px 10px; } #home-about-inner .home-about-bodies.home-bodies-1 .home-about-body { width: 100%; } #home-about-inner .home-about-bodies.home-bodies-2 .home-about-body { width: 50%; } #home-about-inner .home-about-bodies.home-bodies-3 .home-about-body { width: 33.333333%; } #home-about-inner .home-about-body h3 { font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; text-align: center; text-transform: uppercase; color: #272727; margin-bottom: 13px; } #home-about-inner .home-about-body p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #333333; margin-bottom: 16px; text-align: center; } #home-people { width: 98.832684%; margin-left: 0.583657%; margin-bottom: 30px; float: left; } #home-people .person { width: 100%; margin: 0 3.346456%; } #home-people .person-image { width: 25.909090%; width: 22%; max-width: 116px; margin-right: 5.909090%; float: left; border-radius: 50%; border: 7px solid #fff; box-shadow: 0 0 12px 0 #c8c7c6; overflow: hidden; } #home-people .person-image img { width: 100%; display: block; border-radius: 50%; } #home-people .person-description { width: 68.181818%; float: left; } #home-people .person-description h3 { margin: 0 0 18px 0; } #home-people .person-description .person-name { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; } #home-people .person-description .person-role { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #484744; } #home-people .person-description p { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; color: #816b5a; font-style: italic; } #home-people .person-description a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #a4612e; text-decoration: none; } #home-people .person-description a:hover { color: #6e665b; } #home-about-button { text-align: center; display: block; width: 100%; padding-bottom: 64px; overflow: hidden; clear: both; } #home-about-button span { position: relative; padding: 0 2.918287%; } #home-about-button span:before { display: block; background: url(/images/single_line.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; right: 100%; top: 50%; } #home-about-button span:after { display: block; background: url(/images/single_line.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; left: 100%; top: 50%; } #home-about-button a { font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; color: #fff; padding: 18px 2.918287%; background: #645d63; border-radius: 3px; text-transform: uppercase; text-decoration: none; box-shadow: 0 2px 3px 0 rgba(34,21,33,0.8); display: inline-block; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; letter-spacing: 1px; } #home-about-button a:hover { background: #2b0c29; } .section-tag { position: absolute; top: 0; left: 0; right: 0; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; font-weight: 400; font-style: normal; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; z-index: 3; } .section-tag span { background: #ae7f5b; padding: 6px 2.918287%; position: relative; } .section-tag span:after { background: url(/images/section_tag_bg.png) 0 0 no-repeat; width: 27px; height: 11px; content: ""; display: block; position: absolute; bottom: -11px; left: 50%; margin-left: -13px; } /* ====== slider ====== */ .slider-wrapper { width: 100%; position: relative; overflow: hidden; z-index: 2; } .slider-wrapper .slider { width: 100%; position: relative; margin-left: 0; -webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; -o-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out; } .slider-nav { position: absolute; width: 100%; z-index: 1; } /* ====== travelogue list ====== */ #travelogue-landing-outer { width: 100%; min-width: 320px; background: #e4dfd3 url(/images/travelogue_bg.png) 0 0 repeat-x; position: relative; } #travelogue-landing-inner { width: 90.508474%; max-width: 1068px; margin: 0 auto; position: relative; padding-top: 60px; padding-bottom: 90px; } #travelogue-post-outer { width: 100%; min-width: 320px; background: #e4dfd3 url(/images/travelogue_bg.png) 0 0 repeat-x; position: relative; } #travelogue-post-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; padding-top: 60px; padding-bottom: 60px; } .travelogue-link { display: block; width: 33.333333%; margin: 0 0 36px 0; } .travelogue-link a { display: block; position: relative; text-decoration: none; margin: 0 5.617977%; } /* .travelogue-link .postmark { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .travelogue-link .postmark-1 { background: url(/images/postmark_1.png) 0 10% no-repeat; } .travelogue-link .postmark-2 { background: url(/images/postmark_2.png) 100% 15% no-repeat; } .travelogue-link .postmark-3 { background: url(/images/postmark_3.png) 100% 50% no-repeat; } .travelogue-link .postmark-4 { background: url(/images/postmark_4.png) 100% 0 no-repeat; } .travelogue-link .postmark-5 { background: url(/images/postmark_5.png) 100% 30% no-repeat; } .travelogue-link .postmark-6 { background: url(/images/postmark_6.png) 100% 10% no-repeat; } .travelogue-link .postmark-7 { background: url(/images/postmark_7.png) 0 10% no-repeat; } .travelogue-link .postmark-8 { background: url(/images/postmark_8.png) 0 10% no-repeat; } .travelogue-link .postmark-9 { background: none; } */ .travelogue-link-article a { background: #fff; box-shadow: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; } .travelogue-link-article a:hover { box-shadow: 0 0 12px 0 rgba(0,0,0,0.5); } .travelogue-link-article img { width: 100%; display: block; } .travelogue-link-article .post-inner { /* background: url(/images/postmark_article.png) 100% 0 no-repeat; */ padding: 22px 15px; } .travelogue-link-article h2 { color: #333; font-family: 'Sanchez', serif; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; text-transform: uppercase; } .travelogue-link-article .body p { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #4e4e4e; } .travelogue-link-article .body p:first-child { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #bd6f43; margin-bottom: 16px; } .travelogue-link-article .body h2 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #4e4e4e; font-weight: 600; text-transform: uppercase; } .travelogue-link-article .body p.read-more { font-family: 'Sanchez', serif; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #bd6f43; margin-bottom: 0; text-transform: uppercase; } .travelogue-link-gallery a { background: #fff; box-shadow: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; padding: 7px; } .travelogue-link-gallery a:hover { box-shadow: 0 0 12px 0 rgba(0,0,0,0.5); } .travelogue-link-gallery .post-inner { position: relative; } .travelogue-link-gallery img { display: block; width: 100%; } .travelogue-link-gallery h2 { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; color: #000; padding: 10px 40px 7px 10px; margin: 0; position: relative; box-sizing: border-box; } .travelogue-link-gallery h2 i { display: block; position: absolute; bottom: 9px; right: 10px; } .travelogue-link-list a { background: #fff; box-shadow: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; padding: 7px; } .travelogue-link-list a:hover { box-shadow: 0 0 12px 0 rgba(0,0,0,0.5); } .travelogue-link-list .post-inner { position: relative; background: #f7f2e8 url(/images/postmark_list.png) 100% 0 no-repeat; padding: 12px 15px; } .travelogue-link-list h2 { color: #333; font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; } .travelogue-link-list h2 .supertitle { font-family: 'Open Sans', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #333; display: block; } .travelogue-link-list .body p { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #333; } .travelogue-link-list .body p:first-child { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #bd6f43; margin-bottom: 16px; } .travelogue-link-list .body h2 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #333; font-weight: 600; text-transform: uppercase; } .travelogue-link-list .body p.read-more { font-family: 'Sanchez', serif; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #bd6f43; margin-bottom: 0; text-transform: uppercase; } .travelogue-link-postcard a { background: #fff; box-shadow: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; padding: 7px; } .travelogue-link-postcard a:hover { box-shadow: 0 0 12px 0 rgba(0,0,0,0.5); } .travelogue-link-postcard .post-inner { position: relative; } .travelogue-link-postcard img { display: block; width: 100%; } .travelogue-link-postcard h2 { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; color: #000; padding: 10px 40px 7px 10px; margin: 0; position: relative; box-sizing: border-box; } .travelogue-link-postcard h2 i { display: block; position: absolute; bottom: 9px; right: 10px; } .travelogue-link-video a { background: #fff; box-shadow: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; } .travelogue-link-video a:hover { box-shadow: 0 0 12px 0 rgba(0,0,0,0.5); } .travelogue-link-video .image-wrapper { position: relative; } .travelogue-link-video img { width: 100%; display: block; } .travelogue-link-video .image-wrapper i { display: table-cell; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; font-size: 60px; line-height: 0; color: #c9b691; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .travelogue-link-video a:hover .image-wrapper i { color: #fff; } .travelogue-link-video .post-inner { padding: 19px 15px; } .travelogue-link-video h2 { color: #333; font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; } .travelogue-link-video .body p { color: #333; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .travelogue-link-video .body h2 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #333; font-weight: 600; text-transform: uppercase; } #travelogue-paging { clear: both; margin: 0 auto; display: block; width: 96.254681%; text-align: center; height: 0; } #travelogue-paging a { display: inline-block; text-align: center; background: #e19848; border-radius: 3px; margin: 0 2px 0 2px; padding: 6px 20px 8px 20px; position: relative; color: #fff; font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-decoration: none; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; clear: both; } #travelogue-paging a:hover { background: #704210; } /* ====== infinite scroll ====== */ .page-travelogue #travelogue-posts { padding-bottom: 20px; } #infscr-loading { display: block; width: 100%; text-align: center; position: absolute; bottom: -20px; left: 0; right: 0; font-family: 'Sanchez', serif; font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem; } /* ====== travelogue filter ====== */ #travelogue-filter { margin: 0 auto 40px auto; width: 96.254681%; background: #f4f2ed url(/images/filter_bg.png) 0 0 repeat; position: relative; padding: 12px 0 20px 0; } #travelogue-filter:after { display: block; width: 100%; height: 20px; background: #fff url(/images/filter_strip.png) 2px 100% repeat-x; position: absolute; bottom: 0; left: 0; content: ''; } #travelogue-filter .filter-stack { width: 100%; padding: 9px 0; } #travelogue-filter p { font-size: 12px; font-size: 1.2rem; line-height: 25px; line-height: 2.5rem; text-transform: uppercase; color: #6c6357; width: 14.257812%; padding-left: 2.539062%; float: left; margin-bottom: 0; } #travelogue-filter .filter-tags-container { width: 80.664062%; float: left; } #travelogue-filter .filter-tags-container ul { width: 100%; clear: both; } #travelogue-filter span { display: inline-block; float: left; } #travelogue-filter li { display: inline-block; position: relative; } #travelogue-filter .pills a { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 25px; line-height: 2.5rem; text-transform: uppercase; color: #fff; background: #a7a7a7; border-radius: 12px; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; text-decoration: none; padding: 0 14px; margin: 0 8px 8px 0; } #travelogue-filter .pills-on a { background: #515357; } #travelogue-filter .pills-button a { background: #be8cbc; } #travelogue-filter .pills a:hover { background: #515357; color: #fff; } #travelogue-filter .pills-on a.filter-clear { background: transparent; color: #6c6357; } #travelogue-filter .pills-on a.filter-clear:hover { background: transparent; color: #515357; } #travelogue-filter .pills a i { padding-left: 4px; } #travelogue-filter #filter-toggle #filter-toggle-open { display: inline-block; } #travelogue-filter #filter-toggle #filter-toggle-close { display: none; } #travelogue-filter .filter-open #filter-toggle-open { display: none !important; } #travelogue-filter .filter-open #filter-toggle-close { display: inline-block !important; } /* ====== travelogue articles ====== */ #travelogue-article { width: 100%; background: #f1f0ed; } #travelogue-article #video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #travelogue-article #video iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #travelogue-article #video .wistia_embed { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #travelogue-article #content { padding: 24px 2.564102%; } #travelogue-article h1 { color: #333; font-family: 'Sanchez', serif; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; text-transform: uppercase; margin-bottom: 14px; } #travelogue-article #body p:first-child { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; color: #bd6f43; margin-bottom: 16px; } #travelogue-article figure { display: block; width: 100%; position: relative; } #travelogue-article figure img { display: block; width: 100%; position: relative; } #travelogue-article figcaption { position: absolute; left: 0; right: 0; bottom: 0; font-style: italic; font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; color: #fff; padding: 10px 2.564102%; margin: 0; background: rgb(40,40,40); background: rgba(40,40,40,0.8); display: block; } #travelogue-gallery { width: 100%; background: #f1f0ed; } #travelogue-gallery #content { padding: 24px 2.564102%; } #travelogue-gallery h1 { color: #333; font-family: 'Sanchez', serif; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; text-transform: uppercase; margin-bottom: 14px; } #travelogue-gallery #body p:first-child { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; color: #bd6f43; margin-bottom: 16px; } #travelogue-gallery-slideshow { position: relative; } #travelogue-gallery-slideshow .caption { position: absolute; left: 0; right: 0; bottom: 0; font-style: italic; font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; color: #fff; padding: 10px 2.564102%; margin: 0; background: rgb(40,40,40); background: rgba(40,40,40,0.8); } #travelogue-gallery-slideshow .rslides_nav { display: block; width: 42px; height: 42px; position: absolute; top: 60%; z-index: 10; opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-indent: 100%; white-space: nowrap; overflow: hidden; } #travelogue-gallery-slideshow:hover .rslides_nav { opacity: 1; } #travelogue-gallery-slideshow .prev { background: rgb(42,42,42) url(/images/arrow_white_left.png) 50% 50% no-repeat; background: rgba(42,42,42,0.6) url(/images/arrow_white_left.png) 50% 50% no-repeat; left: 0; } #travelogue-gallery-slideshow .prev:hover { background: rgb(42,42,42) url(/images/arrow_white_left.png) 50% 50% no-repeat; background: rgba(42,42,42,0.8) url(/images/arrow_white_left.png) 50% 50% no-repeat; } #travelogue-gallery-slideshow .next { background: rgb(42,42,42) url(/images/arrow_white_right.png) 50% 50% no-repeat; background: rgba(42,42,42,0.6) url(/images/arrow_white_right.png) 50% 50% no-repeat; right: 0; } #travelogue-gallery-slideshow .next:hover { background: rgb(42,42,42) url(/images/arrow_white_right.png) 50% 50% no-repeat; background: rgba(42,42,42,0.8) url(/images/arrow_white_right.png) 50% 50% no-repeat; } #travelogue-list { width: 100%; background: #f1f0ed; } #travelogue-list #content { padding: 24px 2.564102%; } #travelogue-list h1 { color: #333; font-family: 'Sanchez', serif; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; text-transform: uppercase; margin-bottom: 14px; } #travelogue-list h1 span { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; display: block; } #travelogue-list #body p:first-child { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; color: #bd6f43; margin-bottom: 16px; } #travelogue-list #content-left { float: left; width: 68.707482%; margin-bottom: 24px; } #travelogue-list #content-right { float: right; width: 27.210884%; margin-bottom: 24px; } #travelogue-list #content-right img { width: 100%; margin-top: 26px; } #travelogue-list #body { clear: both; } #travelogue-postcard { width: 100%; background: #f1f0ed; } #travelogue-postcard figure { display: block; position: relative; background: #fff; margin: 2.564102%; padding: 1.4%; box-shadow: 0 0 5px rgba(0,0,0,0.57); } #travelogue-postcard figure img { display: block; width: 100%; position: relative; } #travelogue-postcard #content { position: relative; background: #fff; margin: 2.564102%; padding: 1.4%; box-shadow: 0 0 5px rgba(0,0,0,0.57); } #travelogue-postcard #content-inner { position: relative; background: url(/images/postcard_postmark.png) 100% 0 no-repeat, url(/images/postcard_bg.jpg) 0 0 repeat; padding: 2.564102%; } #travelogue-postcard h1 { color: #333; font-family: 'Sanchez', serif; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; text-transform: uppercase; margin-bottom: 14px; } #travelogue-postcard #body p { font-family: 'Courier New', monospace; font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2.0rem; } #travelogue-postcard #body p:first-child { font-family: 'Courier New', monospace; font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2.0rem; color: #595044; } #travelogue-postcard #body a { color: #333; font-weight: bold; text-decoration: underline; } #travelogue-postcard #signature { font-family: 'Homemade Apple', serif; font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; color: #61808c; width: 90%; text-align: right; margin: 24px 0 12px 0; } #travelogue-postcard #buttons { padding: 2.564102%; margin: 0; } #travelogue-video { width: 100%; background: #f1f0ed; } #travelogue-video #video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #travelogue-video #video iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #travelogue-video #content { padding: 24px 2.564102%; } #travelogue-video h1 { color: #333; font-family: 'Sanchez', serif; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; text-transform: uppercase; margin-bottom: 14px; } #travelogue-video #body p:first-child { font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; color: #bd6f43; margin-bottom: 16px; } .travelogue-tags { background: #fff; color: #c68951; padding: 5px 2.564102%; margin: 0; } .travelogue-tags i { color: #bbb; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; padding-right: 1.572327%; } .travelogue-tags a { color: #c68951; font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; font-style: italic; text-decoration: none; } .travelogue-tags a:hover { color: #704210; } /* ====== travelogue sections ====== */ #travelogue-select-outer { width: 100%; min-width: 320px; position: relative; } .page-destination #travelogue-select-outer { background: #eae4da url(/images/travelogue_section_bg.png) 0 0 repeat-x; } .page-interest #travelogue-select-outer { background: #eae4da url(/images/travelogue_section_bg.png) 0 0 repeat-x; } #travelogue-select-inner { width: 90.508474%; max-width: 1068px; margin: 0 auto; position: relative; padding-bottom: 60px; } #travelogue-select-inner #travelogue-heading { font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; font-weight: 600; color: #734e70; text-transform: uppercase; text-align: center; width: 96.254681%; overflow: hidden; margin: 0 auto 28px auto; padding-top: 60px; } #travelogue-select-inner #travelogue-heading span { position: relative; padding: 0 2.918287%; } #travelogue-select-inner #travelogue-heading span:before { display: block; background: url(/images/double_lines.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; right: 100%; top: 50%; } #travelogue-select-inner #travelogue-heading span:after { display: block; background: url(/images/double_lines.png) 0 0 no-repeat; width: 200%; height: 20px; content: ""; position: absolute; left: 100%; top: 50%; } #travelogue-select-inner #travelogue-paging { display: none; } #travelogue-read-more { display: block; width: 96.254681%; text-align: center; background: #e19848; border-radius: 3px; margin: 0 auto; padding: 6px 0 8px 0; position: relative; color: #fff; font-family: 'Sanchez', serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-decoration: none; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; clear: both; } #travelogue-read-more:hover { background: #704210; } #travelogue-content-empty { display: block; width: 96.254681%; margin: 0 auto; } /* ====== contact (and mail-to and newsletter) forms ====== */ #contact-form { width: 100%; padding-top: 35px; } #contact-form .row { width: 100%; margin-bottom: 12px; } #contact-form .row-checkbox { padding-bottom: 10px; } #contact-form .text-box { width: 70%; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 2%; margin-bottom: 2px; } #contact-form .text-box-wide { width: 96%; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 2%; margin-bottom: 2px; } #contact-form label { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; color: #78746e; text-transform: uppercase; display: block; margin-bottom: 6px; } #contact-form textarea { width: 96%; height: 160px; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 2%; margin-bottom: 2px; } #contact-form .button-submit { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; border-radius: 3px; display: block; padding: 8px 2%; background: #e19b64; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; -webkit-appearance: none; } #contact-form .button-submit:hover { background: #c2bdb7; } #contact-form .required { color: #e19b64; font-style: italic; text-transform: none; padding-left: 10px; font-size: 11px; font-size: 1.1rem; } #contact-form .check-box { margin-left: 10px; vertical-align: middle; } #contact-form #wishlist-checkbox { display: none; padding: 10px 0; } #contact-form span.error { color: red; font-size: 11px; font-size: 1.1rem; line-height: 12px; line-height: 1.2rem; } #contact-form .row-privacy { margin: 32px 0 12px; border-top: 1px solid #d8d6d3; padding: 18px 0 0; } #contact-form .row-privacy * { font-size: 14px; font-size: 1.4rem; } #contact-form .row-privacy strong { font-weight: 600; } #content-popup { width: 100%; padding-bottom: 60px; } #content-popup h1 { font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; font-weight: 600; padding: 12px 0 8px 0; margin-bottom: 28px; text-transform: uppercase; color: #a3aebb; background: url(/images/underline_double.png) 0 100% repeat-x; position: relative; } #content-popup #body-popup { position: relative; width: 100%; } .content-box { width: 100%; float: left; clear: both; background: #fff; margin: 90px 0 54px 0; } .content-box h2 { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; text-transform: uppercase; color: #595044; background: #edeae4; padding: 11px 4%; } .content-box-body { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; background: #fff; clear: both; padding: 18px 3.773584% 4px 3.773584%; } .content-box-body h3 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin: 40px 0 20px 0; } .content-box-body a { color: #bd6f43; text-decoration: none; } .content-box-body a:hover { color: #704210; } .content-box-body ul { margin: 0 0 9px 0; } .content-box-body ul li { position: relative; padding-left: 22px; padding-bottom: 9px; } .content-box-body ul li:before { content: "\f00c"; font-family: 'FontAwesome'; color: #bd6f43; position: absolute; top: 0; left: 0; } /* ====== newsletter archives ====== */ #newsletter-archives { clear: both; margin: 50px 0 50px 0; } #newsletter-archives h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; font-weight: 600; text-transform: uppercase; color: #a3aebb; padding-top: 40px; padding-bottom: 14px; border-bottom: 1px solid #c1bdba; margin-bottom: 22px; } #newsletter-archives li { clear: both; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #dedcd9; } #newsletter-archives li .date { text-transform: uppercase; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #000; display: block; } #newsletter-archives li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-decoration: none; color: #bd6f43; } #newsletter-archives li a:hover { color: #704210; } #newsletter-archives li a:hover span { color: #000; } /* ====== testimonials ====== */ .generic-list { margin-bottom: 24px; } .generic-list li { padding: 24px 18px; border-bottom: 1px solid #dedcd9; margin: 0 !Important; } .generic-list li:nth-child(2n-1) { background: #efeeec; } .generic-list li:last-child { border-bottom: none; } .generic-list blockquote .author { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; color: #61808c; margin: 30px 0 6px 0; display: block; } .generic-list blockquote .visited { font-style: normal; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; font-weight: 600; color: #624861; } .generic-list .testimonial-gallery { display: block; margin-top: 18px; margin-left: -10px; } .generic-list .testimonial-gallery img { display: block; margin: 10px 0 0 10px; float: left;} .press-list-sidebar { margin-top: -12px !important; margin-bottom: 12px !important; padding: 0 !Important; } .press-list-sidebar li { clear: both; padding: 12px 4% 0 4% !important; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } .press-list-sidebar li a { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; color: #bd6f43; text-decoration: none; display: block; border-bottom: 1px solid #dedcd9; margin: 0; } .press-list-sidebar li:last-child a { border-bottom: none; } .press-list-sidebar li:hover { background-color: #efeeec; } .press-list-sidebar .copy { float: left; width: 64.465408%; margin-bottom: 12px; } .press-list-sidebar .copy h2 { padding: 0; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; color: #595044; margin: 8px 0 0 0 !Important; } .press-list-sidebar .copy .publication { font-style: italic; } .press-list-sidebar .copy .date { font-style: italic; } .press-list-sidebar .figure { float: right; padding: 0; width: 28.930817%; } .press-list-sidebar .figure img { float: none; padding: 0; display: block; width: 100%; margin-bottom: 12px; } .press-list-sidebar-button-container { width: 100%; text-align: center; } a.press-list-sidebar-button { display: inline-block; margin: 0 auto 28px auto; border-radius: 3px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; padding: 7px 28px 7px 28px; text-decoration: none; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; background: #aa6419; color: #fff; } a.press-list-sidebar-button:hover { background: #704210; } .press-list-nav-container { margin: 0 !important; } /* ====== press ====== */ .press-list { margin-bottom: 24px; } .press-list li { float: left; clear: both; padding: 24px 0; border-bottom: 1px solid #dedcd9; width: 100%; } .press-list li:last-child { border-bottom: none; } .press-list .copy { float: left; width: 64.465408%; } .press-list .copy h2 { margin: 8px 0 0 0 !Important; color: #000 !Important; } .press-list .copy .publication { font-style: italic; } .press-list .copy .date { font-style: italic; } .press-list .copy a { display: inline-block; border-radius: 3px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; padding: 7px 28px 7px 20px; text-decoration: none; margin-right: 20px; margin-bottom: 15px; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; background: #aa6419; color: #fff !important; vertical-align: middle; } .press-list .copy a.button-transcript { background-color: #624861; } .press-list .copy a:hover { background: #704210; color: #fff; } .press-list .copy a.button-transcript:hover { background: #2b0c29; color: #fff; } .press-list .copy a i { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; padding-right: 12px; vertical-align: middle; } .press-list .copy .transcript { display: none; } .press-list .copy .transcript-hidden .icon-arrow-up { display: none; } .press-list .copy .transcript-hidden .icon-arrow-right { display: inline-block; } .press-list .copy .transcript-visible .icon-arrow-up { display: inline-block; } .press-list .copy .transcript-visible .icon-arrow-right { display: none; } .no-js .press-list .copy .transcript { display: block; } .no-js .press-list .copy .button-transcript { display: none; } .press-list .figure { float: right; padding: 0; width: 28.930817%; } .press-list .figure img { float: none; padding: 0; display: block; width: 100%; } /* ====== booking form ====== */ #booking-form { width: 100%; padding-top: 35px; clear: both; } #booking-form .row { width: 100%; margin-bottom: 12px; } #booking-form .text-box { width: 45.8%; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 1%; margin-bottom: 2px; } #booking-form label { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; color: #78746e; text-transform: uppercase; display: block; margin-bottom: 6px; } #booking-form label span { color: #78746e; text-transform: none; display: block; font-style: italic; } #booking-form textarea { width: 98%; height: 80px; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 1%; margin-bottom: 2px; } #booking-form .button-submit { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; border-radius: 3px; display: block; padding: 8px 2%; background: #e19b64; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; margin: 16px 0 48px; -webkit-appearance: none; } #booking-form .button-submit:hover { background: #c2bdb7; } #booking-form .check-box { margin-left: 10px; vertical-align: middle; } #booking-form .row-privacy { margin: 32px 0 12px; border-top: 1px solid #d8d6d3; padding: 18px 0 0; } #booking-form .row-privacy * { font-size: 14px; font-size: 1.4rem; } #booking-form .row-privacy strong { font-weight: 600; } #booking-form span.error { display: none; } #booking-form .row-error .text-box { border: 1px solid red; } #booking-form .row-error textarea { border: 1px solid red; } #booking-form .row-error span.error { display: block; color: red; font-size: 11px; font-size: 1.1rem; line-height: 12px; line-height: 1.2rem; } #booking-form h2 { font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; padding: 11px 0; color: #666; border-bottom: 1px solid #d8d6d3; margin-bottom: 19px; } #booking-form h3 { font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; text-transform: uppxercase; padding: 11px 0; color: #a3aebb; border-bottom: 1px solid #d8d6d3; margin-bottom: 19px; } #booking-form .fieldset { padding-bottom: 43px; } #booking-form .passenger-column-left { width: 47.859922%; float: left; margin-right: 3.891050%; } #booking-form .passenger-column-right { width: 47.859922%; float: left; } #booking-form .passenger-column .text-box { width: 96%; padding: 8px 2%; } #booking-form .passenger { display: none; padding-bottom: 16px; } #booking-form .passenger-first { display: block; } #booking-form .button-passenger-add { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; border-radius: 3px; display: inline-block; padding: 8px 2%; background: #e19b64; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; text-decoration: none; -webkit-appearance: none; } #booking-form .button-passenger-add:hover { background: #c2bdb7; } #booking-form .button-passenger-remove{ font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem; border-radius: 3px; display: inline-block; padding: 4px 2%; background: #e19b64; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; text-decoration: none; margin-left: 18px; -webkit-appearance: none; } #booking-form .button-passenger-remove:hover { background: #c2bdb7; } /* ====== promo page ====== */ #promo-banner-outer { width: 100%; min-width: 320px; background-position: 50% 75%; background-repeat: none; background-size: cover; position: relative; height: 452px; overflow: hidden; border-bottom: 46px solid #f4f3f1; } #promo-banner { display: block; width: 100%; } #promo-banner-inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 90px 0 48px 0; } #promo-banner-inner h1 { font-size: 30px; font-size: 3.0rem; line-height: 42px; line-height: 4.2rem; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0px 3px 5px rgba(0,0,0,0.5); } #promo-banner-inner h1 strong{ font-size: 96px; font-size: 9.6rem; line-height: 96px; line-height: 9.6rem; font-weight: 800; text-transform: uppercase; text-shadow: 0px 3px 5px rgba(0,0,0,0.5); } #promo-form { margin-bottom: 27px; margin-top: -3px; background: #fff; box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.5); } #promo-form h2 { font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; font-weight: 600; text-transform: uppercase; color: #eae0b4; padding: 14px 4%; margin: 0 0 27px 0; background: #311e30; text-align: center; position: relative; } #promo-form h2:after { width: 0; height: 0; content: ""; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 12px solid #311e30; } #promo-form-inner { padding: 0 4% 11px 4%; } #promo-form .row { width: 100%; margin-bottom: 12px; } #promo-form .text-box { width: 96%; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 2%; margin-bottom: 2px; } #promo-form label { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; color: #78746e; text-transform: uppercase; display: block; margin-bottom: 6px; } #promo-form textarea { width: 96%; height: 120px; border: 1px solid #d4d2d2; border-radius: 3px; display: block; padding: 8px 2%; margin-bottom: 2px; } #promo-form .button-submit { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; border-radius: 3px; display: block; margin: 10px auto 0 auto; padding: 8px 12px; background: #fc892e; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; -webkit-appearance: none; font-weight: 600; } #promo-form .button-submit:hover { background: #c2bdb7; } #promo-form .required { color: #e19b64; font-style: italic; text-transform: none; padding-left: 10px; font-size: 11px; font-size: 1.1rem; } #promo-form span.error { color: red; font-size: 11px; font-size: 1.1rem; line-height: 12px; line-height: 1.2rem; } .page-promotion #body { padding-bottom: 60px; } .page-promotion .content-box { margin: 24px 0 54px 0; } #promo-stripe { width: 100%; background: #fff; clear: both; } #promo-stripe .inner { width: 87.118644%; max-width: 1028px; margin: 0 auto; position: relative; border-top: 10px solid #edeae4; } #promo-stripe .promo-stripe-hero h2 { font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; font-weight: 600; color: #734e70; text-transform: uppercase; text-align: center; width: 96.254681%; overflow: hidden; margin: 60px auto 28px auto; display: block; background: url(/images/double_lines.png) 0 55% no-repeat; width: 100%; } #promo-stripe .promo-stripe-hero h2 span { position: relative; padding: 0 2.918287%; background: #fff; display: inline-block; } #promo-stripe .promo-stripe-hero p { text-align: center; } #promo-stripe .promo-stripe-hero img { display: block; margin: 0 auto; padding: 0 0 24px 0; width: 100%; } #promo-stripe .column-pair { width: 100%; padding: 48px 0; } #promo-stripe .column-pair-1 { width: 47.957198%; display: block; float: left; } #promo-stripe .column-pair-2 { width: 47.957198%; display: block; float: right; } #promo-stripe .column-pair h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; font-weight: 600; text-transform: uppercase; color: #6b5269; margin: 4px 0 18px 0; } #promo-stripe .column-pair a { text-decoration: none; } #promo-stripe .column-pair strong { font-weight: 600; } #promo-stripe .column-pair ul { margin: 0 0 9px 0; } #promo-stripe .column-pair ul li { position: relative; padding-left: 22px; padding-bottom: 9px; } #promo-stripe .column-pair ul li:before { content: "\f00c"; font-family: 'FontAwesome'; color: #bd6f43; position: absolute; top: 0; left: 0; } #promo-supporting-info { width: 100%; padding: 48px 0; } #promo-supporting-info h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; font-weight: 600; text-transform: uppercase; color: #6b5269; margin: 4px 0 18px 0; } #promo-supporting-info a { text-decoration: none; } #promo-supporting-info strong { font-weight: 600; } #promo-supporting-info ul { margin: 0 0 9px 0; } #promo-supporting-info ul li { position: relative; padding-left: 22px; padding-bottom: 9px; } #promo-supporting-info ul li:before { content: "\f00c"; font-family: 'FontAwesome'; color: #bd6f43; position: absolute; top: 0; left: 0; } #promo-supporting-info .promo-supporting-item:nth-child(1) { width: 47.957198%; display: block; float: left; } #promo-supporting-info .promo-supporting-item:nth-child(2) { width: 47.957198%; display: block; float: right; } #promo-supporting-info .promo-supporting-item:only-child { width: 100%; float: none; clear: both; text-align: center; } #promo-supporting-info .promo-supporting-item:only-child a.button-simple { margin-right: 0; } #promo-supporting-info .promo-supporting-item:only-child ul li { display: inline-block; margin-right: 24px; } /* ====== ie browser fixes ====== */ /* ie9 and below */ .lt-ie9 #header-inner { width: 1180px; width: 1068px; } .lt-ie9 #footer-upper-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #footer-lower-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #main-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #hotels-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #home-banner-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #home-featured-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #home-about-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #travelogue-landing-inner { width: 1068px; } .lt-ie9 #travelogue-post-inner { width: 1028px; padding-left: 20px; padding-right: 20px; } .lt-ie9 #travelogue-select-inner { width: 1068px; } .lt-ie9 #wishlist-list { width: 1068px; } .lt-ie9 #nav-primary .nav-main-item { margin: 0 1px; } .lt-ie9 #home-about-outer { background:transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50bab1a2,endColorstr=#50bab1a2); } .lt-ie9 #travelogue-postcard #content-inner { background: url(/images/postcard_postmark.png) 100% 0 no-repeat #f6f2e9; } /* ie8 and below */ .lt-ie8 #browser-message { width: 100%; background: #eae0b4; } .lt-ie8 #browser-message p { width: 1068px; max-width: 1180px; margin: 60px auto; position: relative; text-align: center; font-weight: 400; } .lt-ie8 #browser-message p strong { font-weight: 600; } /* ====== device-dependent styles ====== */ @media screen and (max-width: 570px) { #header-inner { width: 100%; background: transparent url(/images/header_small_bg.png) 50% 0 repeat-y; } #nav-primary { width: 100%; border-bottom: 1px solid #4e3e4d; border-top: 1px solid #4e3e4d; position: relative; top: 0; left: 0; right: 0; background: #311e30; margin-bottom: 0; } #nav-primary .nav-main { margin-top: 0; padding-bottom: 60px; } #nav-primary #nav-wrapper { display: none; } #nav-primary .nav-main-item { display: block; margin: 0; border-bottom: 1px solid #000; } #nav-primary .nav-main-link { display: block; padding: 16px 4%; } #nav-primary .has-subnav .nav-main-link { background-position: 98% 18px; padding: 16px 4%; cursor: pointer; } /* subnav */ #nav-primary .nav-subnav { position: relative; top: 0; padding: 0 4%; border: none; display: block; } #nav-primary .nav-subnav-columns-1 { width: auto; } #nav-primary .nav-subnav-columns-2 { width: auto; } #nav-primary .nav-subnav-column { float: none; width: 100%; padding-left: 0; } #nav-primary .nav-subnav-title { display: none; } #nav-primary .nav-subnav-link { padding: 12px 0; } #nav-primary .nav-subnav-item { border-top: 1px solid #2b0c29; } #nav-primary .nav-subnav-item:first-child { border-top: none; } /* hover effects */ #nav-primary .nav-main-item:hover { height: auto; } #nav-primary .has-subnav:hover .nav-main-link { padding: 16px 4%; } #nav-primary .nav-main-item:hover .nav-subnav { display: none; } /* size-dependent effects */ #nav-primary .nav-extra { display: block; } #nav-primary .nav-subnav { display: none; } #nav-primary #nav-small { display: block; } #header-upper { position: relative; height: 200px; } #search-box { top: auto; bottom: 6px; right: auto; left: 4%; width: 92%; height: 44px; } #txt_search { width: 85%; left: 2%; height: 44px; } #btn_search { width: 10%; height: 44px; background: #281927 url(/images/search.png) 100% 50% no-repeat; right: 2%; } #phone-numbers { top: 120px; left: auto; margin: 0 auto; width: 100%; } #phone-numbers span { position: relative; width: 180px; margin: 0 auto; } #button-wishlist { display: none; } #column-content a#button-document-top { display: none; } #column-content { float: none; width: 100%; margin-right: 0; clear: both; } #column-aside { width: 100%; float: none; clear: both; } .footer-column { display: none; } .footer-column:nth-child(3) { display: block; margin-right: 0; width: 100%; } #footer-column-form { float: none; width: 100%; max-width: 460px; margin: 0 auto; clear: both; padding-top: 30px; } #map-small { display: block; cursor: default; } #map-small-caption { display: none; } #map-medium { display: none; } #map-large-container { display: none; } #home-banner-outer { background: transparent; } #home-banner-inner { position: relative; } #home-banner-inner a { display: inline-block; margin: 20px auto 0 auto; } #home-banner-inner h1 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; } #home-featured-inner h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } #home-featured-list li .featured-image { border: 5px solid #fff; } #home-about-inner h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } #home-about-inner .headline { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; } #home-about-inner .home-about-bodies.home-bodies-1 .home-about-body { width: 100%; } #home-about-inner .home-about-bodies.home-bodies-2 .home-about-body { width: 100%; } #home-about-inner .home-about-bodies.home-bodies-3 .home-about-body { width: 100%; } #home-people .person-image { border: 5px solid #fff; } #home-people .person { width: 100%; } #home-people .person-right { margin-top: 30px; clear: both; } #column-full-width h1 { font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; } #column-full-width h1 i { font-size: 16px; font-size: 1.6rem; line-height: 36px; line-height: 3.6rem; } #column-full-width #h1 { font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; } #column-full-width #h1 i { font-size: 16px; font-size: 1.6rem; line-height: 36px; line-height: 3.6rem; } .page-destination #column-content #headline p { font-size: 24px; font-size: 2.4rem; line-height: 34px; line-height: 3.4rem; } #wishlist-list { margin-top: 30px; } #wishlist-list .wishlist-item { width: 96.254681%; clear: both; } #wishlist-list h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } #column-full-width h1 #wishlist-button-send { position: absolute; left: 0; right: auto; bottom: -50px; } #wishlist-button-added { display: inline-block; background: #aba49a url(/images/wishlist_cut_out.png) 100% 50% no-repeat; padding-right: 40px; } #wishlist-other-buttons { display: block; } .wishlist-added a { display: inline-block; color: #c87767; background: transparent; padding: 7px 12px 6px 0; border-left: none; margin-top: 10px; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .wishlist-added a.wishlist-tail { background: transparent; } .wishlist-added a:hover { color: #aba49a; background-color: transparent; } #column-content #body .author-quote-image { border: 5px solid #fff; } #column-content #body .author-quote-text { width: 72%; } #column-content #people .person-image { border: 5px solid #fff; } #column-content #people .person-description { width: 72%; } #column-content #header-image figcaption { position: relative; } #slideshow-destination .slide .caption { position: relative; clear: both; } #slideshow-destination .rslides_nav { display: none; } #hotels-featured-list li .featured-image { border: 5px solid #fff; } #hotels-inner h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } #hotels-inner h2 span:before { display: none; } #hotels-inner h2 span:after { display: none; } .travelogue-link { width: 100%; } #travelogue-select-inner #travelogue-heading { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } #travelogue-filter p { width: 25%; padding-left: 2.539062%; } #travelogue-filter .filter-tags-container { width: 70%; } #travelogue-article figcaption { position: relative; } #booking-form .text-box { width: 96%; padding: 8px 2%; } #booking-form textarea { width: 96%; padding: 8px 2%; } #booking-form .passenger-column-left { width: 100%; float: none; margin-right: 0; } #booking-form .passenger-column-right { width: 100%; float: none; } #booking-form .passenger-column .text-box { width: 96%; padding: 8px 2%; } #promo-banner-inner h1 { font-size: 20px; font-size: 2.0rem; line-height: 30px; line-height: 3.0rem; font-weight: 700; } #promo-banner-inner h1 strong{ font-size: 60px; font-size: 6.0rem; line-height: 60px; line-height: 6.0rem; } #promo-supporting-info .promo-supporting-item:nth-child(1) { width: 100%; float: none; clear: both; text-align: center; } #promo-supporting-info .promo-supporting-item:nth-child(2) { width: 100%; float: none; clear: both; text-align: center; padding-top: 48px; } #promo-supporting-info a.button-simple { margin-right: 0; } #promo-supporting-info ul li { display: inline-block; margin-right: 24px; } .page-promotion #body { padding-bottom: 0; } } @media screen and (min-width: 571px) and (max-width: 890px) { #header-inner { width: 100%; background: transparent url(/images/header_small_bg.png) 50% 0 repeat-y; } #nav-primary { width: 100%; border-bottom: 1px solid #4e3e4d; border-top: 1px solid #4e3e4d; position: relative; top: 0; left: 0; right: 0; background: #311e30; margin-bottom: 0; } #nav-primary .nav-main { margin-top: 0; padding-bottom: 60px; } #nav-primary #nav-wrapper { display: none; } #nav-primary .nav-main-item { display: block; margin: 0; border-bottom: 1px solid #000; } #nav-primary .nav-main-link { display: block; padding: 16px 4%; } #nav-primary .has-subnav .nav-main-link { background-position: 98% 18px; padding: 16px 4%; cursor: pointer; } /* subnav */ #nav-primary .nav-subnav { position: relative; top: 0; padding: 0 4%; border: none; display: block; } #nav-primary .nav-subnav-columns-1 { width: auto; } #nav-primary .nav-subnav-columns-2 { width: auto; } #nav-primary .nav-subnav-column { float: none; width: 100%; padding-left: 0; } #nav-primary .nav-subnav-title { display: none; } #nav-primary .nav-subnav-link { padding: 12px 0; } #nav-primary .nav-subnav-item { border-top: 1px solid #2b0c29; } #nav-primary .nav-subnav-item:first-child { border-top: none; } /* hover effects */ #nav-primary .nav-main-item:hover { height: auto; } #nav-primary .has-subnav:hover .nav-main-link { padding: 16px 4%; } #nav-primary .nav-main-item:hover .nav-subnav { display: none; } /* size-dependent effects */ #nav-primary .nav-extra { display: block; } #nav-primary .nav-subnav { display: none; } #nav-primary #nav-small { display: block; } #header-upper { position: relative; height: 200px; } #search-box { top: auto; bottom: 6px; right: auto; left: 4%; width: 92%; height: 44px; } #txt_search { width: 85%; left: 2%; height: 44px; } #btn_search { width: 10%; height: 44px; background: #281927 url(/images/search.png) 100% 50% no-repeat; right: 2%; } #phone-numbers { top: 120px; left: auto; margin: 0 auto; width: 100%; } #phone-numbers span { position: relative; width: 180px; margin: 0 auto; } #button-wishlist { display: none; } #column-content a#button-document-top { display: none; } #column-content { float: none; width: 100%; margin-right: 0; clear: both; } #column-aside { width: 100%; float: none; clear: both; } .footer-column { width: 30.603112%; margin-right: 4.085603%; } .footer-column:nth-child(3) { margin-right: 0; } #footer-column-form { float: none; width: 100%; max-width: 460px; margin: 0 auto; clear: both; padding-top: 30px; } #map-small { display: none; } #map-medium { display: block; } #map-large-container { display: none; } #home-banner-outer { background: transparent; } #home-banner-inner { position: relative; } #home-banner-inner a { display: inline-block; margin: 20px auto 0 auto; } #home-featured-list li .featured-image { border: 5px solid #fff; } #home-people .person-image { border: 5px solid #fff; } #home-people .person { width: 100%; } #home-people .person-right { margin-top: 30px; clear: both; } #home-about-inner .home-about-bodies.home-bodies-1 .home-about-body { width: 100%; } #home-about-inner .home-about-bodies.home-bodies-2 .home-about-body { width: 100%; } #home-about-inner .home-about-bodies.home-bodies-3 .home-about-body { width: 100%; } #wishlist-list { margin-top: 30px; } #wishlist-list .wishlist-item { width: 46.25468%; } #wishlist-list .wishlist-item:nth-child(3n+1) { clear: none; } #wishlist-list .wishlist-item:nth-child(2n+1) { clear: both; } #wishlist-list h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } #column-full-width h1 #wishlist-button-send { position: absolute; left: 0; right: auto; bottom: -50px; } #column-content #body .author-quote-image { border: 5px solid #fff; } #hotels-featured-list li .featured-image { border: 5px solid #fff; } .travelogue-link { width: 50%; } #booking-form .text-box { width: 96%; padding: 8px 2%; } #booking-form textarea { width: 96%; padding: 8px 2%; } #booking-form .passenger-column-left { width: 100%; float: none; margin-right: 0; } #booking-form .passenger-column-right { width: 100%; float: none; } #booking-form .passenger-column .text-box { width: 96%; padding: 8px 2%; } #promo-banner-inner h1 { font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; font-weight: 700; } #promo-banner-inner h1 strong{ font-size: 72px; font-size: 7.2rem; line-height: 72px; line-height: 7.2rem; } #promo-supporting-info .promo-supporting-item:nth-child(1) { width: 100%; float: none; clear: both; text-align: center; } #promo-supporting-info .promo-supporting-item:nth-child(2) { width: 100%; float: none; clear: both; text-align: center; padding-top: 48px; } #promo-supporting-info a.button-simple { margin-right: 0; } #promo-supporting-info ul li { display: inline-block; margin-right: 24px; } .page-promotion #body { padding-bottom: 0; } } @media screen and (min-width: 891px) and (max-width: 1000px) { #nav-primary .nav-main-item { margin: 0 1px; } #nav-primary .nav-main-link { font-size: 14px; font-size: 1.4rem; padding: 5px 16px 5px 16px; } #nav-primary .has-subnav .nav-main-link { padding: 4px 25px 6px 16px; background-position: 102% 12px; } #nav-primary .nav-subnav { padding: 10px 0 20px 16px; } #nav-primary .has-subnav:hover .nav-main-link { padding: 5px 25px 12px 16px; } #search-box { right: 1px; } #phone-numbers { font-size: 14px; font-size: 1.4rem; } #phone-numbers span { padding-left: 46px; } #column-content a#button-document-top { display: none; } #home-banner-outer { background: transparent; } #home-banner-inner { position: relative; } #home-banner-inner a { display: inline-block; margin: 20px auto 0 auto; } #home-featured-list li .featured-image { border: 5px solid #fff; } #home-people .person-image { border: 5px solid #fff; } #column-content #body .author-quote-image { border: 5px solid #fff; } #wishlist-list h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } } @media screen and (min-width: 1000px) and (max-width: 1085px) { #nav-primary .nav-main-item { margin: 0 3px; } #nav-primary .nav-main-link { font-size: 14px; font-size: 1.4rem; padding: 5px 20px 5px 20px; } #nav-primary .has-subnav .nav-main-link { background-position: 100% 12px; } #nav-primary .has-subnav:hover .nav-main-link { padding: 5px 29px 12px 20px; } #search-box { right: 3px; } #column-content a#button-document-top { display: none; } #home-banner-outer { background: transparent; } #home-banner-inner { position: relative; } #home-featured-list li .featured-image { border: 5px solid #fff; } #home-people .person-image { border: 5px solid #fff; } #column-content #body .author-quote-image { border: 5px solid #fff; } #hotels-featured-list li .featured-image { border: 5px solid #fff; } #wishlist-list h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } } @media screen and (min-width: 1086px) and (max-width: 1125px) { #nav-primary .nav-main-item { margin: 0 3px; } #search-box { right: 3px; } #home-banner-outer { background: transparent; } #home-banner-inner { position: relative; } #column-content a#button-document-top { display: none; } } @media screen and (min-width: 1126px) and (max-width: 1156px) { #nav-primary .nav-main-item { margin: 0 6px; } #search-box { right: 6px; } #home-banner-outer { background: transparent; } #home-banner-inner { position: relative; } #column-content a#button-document-top { display: none; } }