/* Header */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in, .header-search.activated { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; animation-duration:0.2s; } header.container-fluid { padding:0; } .main-header-row { padding:0 30px; transition:all 0.6s; } .row.main-header-row, .header-top .row { max-width: 1790px; margin-left: auto; margin-right: auto; } .header-top { position: absolute; z-index: 4000; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); border-bottom: 1px solid #555551; display: none; } .header-top .inner { float: right; } .header-top .inner ul { display:block; margin:0; padding:0; list-style:none; border:none; } .header-top .inner li { display:inline-block; margin:0; padding:0; list-style:none; border:none; } .header-top .inner a { text-decoration: none; border-left: 1px solid #53524e; color: #FFF; text-transform: uppercase; display: inline-block; padding: 2px 15px 1px 15px; font-size:14px; } .header-top .inner li:last-of-type a { padding-right: 0; } .header-top .inner a:hover { color: var(--tmpl_primary); } .enable-header-top .header-top { display: block; } .enable-header-top .logo-header-content-page { margin-top: 42px; } .enable-header-top header.is-white .logo-header-content-page { margin-top: 0; } #header-search.activated form:after { content:none; height: 18px; width: 18px; position: absolute; z-index: 2; right: 15px; top: 27px; cursor: pointer; display: block; background: url(icon-close-18.png) no-repeat 0 0; } header { margin: 0; position: fixed; z-index: 3000; width: 100%; top: 0; -webkit-transition: all 0.4s; transition: all 0.4s; height: 110px; /*height: 188px;*/ } .header-right { position: absolute; right: 0; z-index: 5000; } .header-right .col-icons > div, .header-right .col-icons > button { margin-right: 20px; float:right; margin-top: 20px;} .header-right .col-icons > div.header-search { padding-right: 0; line-height:30px; } .header-right .col-icons > div.header-search:before { content: none; } .is-white .header-right .col-icons {padding-top:15px;} .header-right .col-icons > div.search-wrapper {} .search-wrapper i { color: #fff; font-size:28px; font-family: var(--tmpl_font-awsome); cursor: pointer;} .search-wrapper .fa-times { display: none; font-size: 29px; margin-top: -4px; } .search-wrapper .search-inner { display: none; } .is-white .search-wrapper i {color:var(--tmpl_font-color-alt);} header .search-form input[type="search"] { font-size:24px; color:#FFF; background-color:var(--tmpl_primary);border:none; border-radius: 0; padding: 15px 18px; outline: 0; width: 100%; height: 90px;text-indent:50px; transition:all 2s; } header .search-form input[type="search"]::placeholder {color:#FFF;} header .search-form input[type="search"]::-webkit-search-cancel-button{display:none;} header .search-form input[type="submit"] { border: 0; background: none; color: #FFF; border-radius: 0; padding: 5px; cursor: pointer; margin-top: 2px; position: absolute; top: 0; left: 0; background-color: var(--tmpl_primary); font-size: 0; height: 36px; width: 36px; } header.search-active .search-form input[type="search"] {width:100%;transition:all 0.4s;} header.search-active .header-right {width:100%;} header.search-active .header-right .search-inner {display: block;width:100%; position:absolute;left: 0;top: 0;z-index:1;} header.search-active .header-right .search-inner label {width:100%;} header .header-right .header-form-close-button { display: none; } header .search-close { position: absolute; z-index: 1000; right: 25px; top: 30px; cursor: pointer; display: block; font-size: 23px; color: #FFF; } header .search-close:before { content: "\f00d"; font-size:30px; font-family: var(--tmpl_font-awsome);font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } header .header-search #mod-search-button:before { content: "\f002"; font-family: var(--tmpl_font-awsome);font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 28px; vertical-align: top; color: #FFF; } .headerFull { height: 100vh !important; overflow: auto; } /* mobile header fullscreen */ .headerFull .header-itinerary-planner, .headerFull .header-cart, .headerFull .header-search { display: none; } .headerFull .navbar-collapse { box-shadow: none; } .bodyMobileNavOpen { height: 100%; overflow: hidden; } #header-social { position: relative; top: 46px; } #header-social ul li { display: inline; margin-right: 35px; } #header-social ul li.icon-social-instagram { position: relative; top: 1px; } #header-social ul li a { text-decoration: none; } .logo-header-content-page { position: absolute; padding-top:5px; z-index: 4002; -webkit-transition: 0.6s all; transition: 0.6s all; /*max-width:230px;*/ margin-top:-12px; } .logo-header-content-page a { display: inline-block; } .logo-header-content-page a:not(.is-white) { display: none; opacity: 0; -webkit-transition: 0.6s all; transition: 0.6s all; } .is-white .logo-header-content-page a.is-white {display:none;} .is-white .logo-header-content-page a:not(.is-white) {display:inline-block;opacity:1;} @media (max-width:1500px) { .logo-header-content-page { /*max-width:180px;*/ } } .header-top-right { float: right; -webkit-transition: all 0.2s; transition: all 0.2s; } @media (min-width:768px) { header.is-white .header-top + .main-header-row { margin-top:34px; } } .header-top-description { vertical-align: top; font-size: 16px; display: inline-block; color: #FFF; line-height:18px; } .header-top-description a { color: #FFF; text-decoration: none; } .header-top-description .custom { display: inline; } .header-top-description .custom p { display: inline; font-size: 16px; } /* Homepage Header Right */ .header-search { position: relative; z-index: 5000; } .header-search:after { content: ""; display: table; clear: both; } .logo-info-icon { max-width: 51px; } .header-logo { position: absolute; padding-left: 5px; margin-top: 18px; z-index: 5000; width: 300px; } .header-logo-icon { margin-right: 15px; } .header-logo-text { color: #FFF; font-weight: 300; text-transform: uppercase; max-width: 180px; margin-top: -3px; } .header-logo-text p { margin-bottom: 0; } .header-social { position: absolute; margin-top: 20px; margin-left: 20px; z-index: 3001; } .header-social img { width: 80%; } .header-social a img:last-of-type { display: none; } header.is-white { background-color: #FFF; background-image: linear-gradient(-231deg, #FFF 0%, #FFF 100%); height: auto; box-shadow: 1px 2px 5px rgba(1, 2, 2, 0.2); } header.is-white .main-header-row { height:90px; padding-top:0; } header.is-white.forced-white + div + div#primary.content-area {margin-top:90px;} .header-cart { text-align: center; position: relative; } .header-cart.has-cursor { cursor: pointer; } .header-cart .fal { color: #FFF; font-size: 28px; } .cart-bar-visible .header-cart { cursor: pointer; } .header-cart .icon-cart, .icon-cart-mobile { width: 24px; } .icon-cart-mobile { } .header-cart__item-number { display: none; } .header-cart__item-number { background-color: var(--tmpl_primary); width: 14px; height: 14px; border-radius: 50%; color: #FFF; position: absolute; margin-left: 12px; top: -3px; left: 0; font-size: 10px; line-height: 14px; } .header-trip__item-number { position: absolute; left: 50%; z-index: 1; line-height: 26px; width: 22px; text-align: center; font-size: 13px; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; } #contentpage .header-cart__item-number, #contentpage .header-trip__item-number { } .header-cart__total-price { font-size: 12px; color: #2dc3c4; display: none; } #homepage .header-cart__total-price { color: #FFF; } .header-trip__icon i { font-size: 28px; vertical-align: top; top: 1px; position: relative; color: #FFF; } .header-itinerary-planner { text-align: center; position: relative; cursor: pointer; display:inline-block; margin-right:10px;} .header-itinerary-planner a {color:#FFF;font-size:28px;} .header-itinerary-planner .active { display: none; } .header-itinerary-planner { /*display: none;*/ } header.is-white .header-itinerary-planner a {color:var(--tmpl_font-color-alt);} #cart-bar.visible + header .header-itinerary-planner { display: block; } .icon-cart { display: none; } #navbar > ul > li:first-of-type { display: none; } #navbar > ul > li:nth-of-type(1) a { /* width: 20px; height: 19px; background: url(icon-home.png) no-repeat; font-size: 0; display: inline-block; vertical-align: top; */ } #navbar > ul > li:nth-of-type(1) a:before { /*content: "\f015"; font-family: var(--tmpl_font-awsome);font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px;*/ } #navbar > ul > li:last-of-type { padding-right: 0; } #navbar li.itemid101 { display:none !important; } /* Content Page Navigation */ #contentpage .header-social { display: none; } #contentpage #mod-search-searchword { display: none; } #contentpage #header-search #search { } #contentpage .header-cart { } #contentpage .weather { /*margin-top: 21px;*/ } /* Apple Style Search 35ms */ #navbar > ul > li.fadeout { -webkit-transform: scale(0.01); -ms-transform: scale(0.01); transform: scale(0.01); opacity: 0; -webkit-transition: transform 1000ms linear, opacity 400ms; transition: transform 1000ms linear, opacity 400ms; } #navbar > ul > li.fadein { -webkit-transition: opacity 400ms linear; transition: opacity 400ms; opacity: 1; } #navbar > ul > li:nth-of-type(1) { -webkit-transition-delay:315ms; transition-delay:315ms; padding-top: 0; } #navbar > ul > li:nth-of-type(2) { -webkit-transition-delay:280ms; transition-delay:280ms; } #navbar > ul > li:nth-of-type(3) { -webkit-transition-delay:245ms; transition-delay:245ms; } #navbar > ul > li:nth-of-type(4) { -webkit-transition-delay:210ms; transition-delay:210ms; } #navbar > ul > li:nth-of-type(5) { -webkit-transition-delay:175ms; transition-delay:175ms; } #navbar > ul > li:nth-of-type(6) { -webkit-transition-delay:140ms; transition-delay:140ms; } #navbar > ul > li:nth-of-type(7) { -webkit-transition-delay:105ms; transition-delay:105ms; } #navbar > ul > li:nth-of-type(8) { -webkit-transition-delay:70ms; transition-delay:70ms; } #navbar > ul > li:nth-of-type(9) { -webkit-transition-delay:35ms; transition-delay:35ms; } #navbar > ul > li:nth-of-type(10) { -webkit-transition-delay:0ms; transition-delay:0ms; } #navbar > ul > li.fadein:nth-of-type(1) { -webkit-transition-delay:0ms; transition-delay:0ms; } #navbar > ul > li.fadein:nth-of-type(2) { -webkit-transition-delay:35ms; transition-delay:35ms; } #navbar > ul > li.fadein:nth-of-type(3) { -webkit-transition-delay:70ms; transition-delay:70ms; } #navbar > ul > li.fadein:nth-of-type(4) { -webkit-transition-delay:105ms; transition-delay:105ms; } #navbar > ul > li.fadein:nth-of-type(5) { -webkit-transition-delay:140ms; transition-delay:140ms; } #navbar > ul > li.fadein:nth-of-type(6) { -webkit-transition-delay:175ms; transition-delay:175ms; } #navbar > ul > li.fadein:nth-of-type(7) { -webkit-transition-delay:210ms; transition-delay:210ms; } #navbar > ul > li.fadein:nth-of-type(8) { -webkit-transition-delay:245ms; transition-delay:245ms; } #navbar > ul > li.fadein:nth-of-type(9) { -webkit-transition-delay:280ms; transition-delay:280ms; } #navbar > ul > li.fadein:nth-of-type(10) { -webkit-transition-delay:315ms; transition-delay:315ms; } /* Main Navigation */ #navigation { padding-right: 136px; padding-left:300px; padding-top:20px;} .is-white #navigation {padding-top:30px;} #navbar, nav { border: none !important; border-radius: 0 !important; background: none !important; position: relative; z-index: 3000; } nav { margin: 0 !important; min-height: 0 !important; } #navbar { padding: 0; /*margin-top: 30px;*/ -webkit-transition: 0.3s margin; transition: 0.3s margin; } #navbar .sub-menu {display:none;position:absolute;} #navbar li:hover > ul.sub-menu {display:inline-block; box-shadow: 1px 5px 5px rgba(1, 2, 2, 0.2);} #navbar > div > ul li a { color: #fff; font-size: 14px; font-weight: 600; line-height: 1.5; -webkit-transition: 0.2s all; transition: 0.2s all; } #navbar > div > ul > li > a:hover{color:#FFF;} .is-white #navbar > div > ul li a {color:var(--tmpl_font-color-alt);} .is-white #navbar > div > ul > li > a:hover{color:var(--tmpl_primary);} #navbar > div > ul > li > ul > li > a:hover{color:#000;} #navbar > div > ul { display: inline-block; } #navbar > div > ul > li { display: inline-block; margin-right: 30px; } #navbar > div > ul > li.current-menu-item:before, #navbar > div > ul > li.current-page-ancestor:before {color:#FFFFFF;content: "\f054"; font-family: var(--tmpl_font-awsome);font-weight:300;font-size:10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; position: absolute; top:10px;left:0; line-height:1; } .is-white #navbar > div > ul > li.current-menu-item:before, .is-white #navbar > div > ul > li.current-page-ancestor:before {color:var(--tmpl_font-color-alt);} #navbar > div > ul > li.current-menu-item > a, #navbar > div > ul > li.current-menu-ancestor > a { font-weight: 500; } #navbar > div > ul > li:last-of-type { margin-right: 0; } #navbar > div > ul > li > a { text-transform: uppercase; text-align: left; padding-bottom:15px; } #navbar > div > ul > li:hover:before { color:#FFFFFF!important;content: "\f054"; font-family: var(--tmpl_font-awsome);font-weight:300;font-size:10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; position: absolute; top:10px;left:0; line-height:1; } #navbar > div > ul > li:hover > a {color:#FFF; font-weight:bold; } .is-white #navbar > div > ul > li:hover:before {color:var(--tmpl_primary)!important;} .is-white #navbar > div > ul > li:hover > a {color:var(--tmpl_primary);} #navbar > div > ul > li:hover > ul { left: 0; display: block; } #navbar > div > ul > li > ul { margin-left: -15px; text-align: left; background-color: #FFF; width: 250px; padding: 0 /*10px 15px 10px 15px*/; } #navbar > div > ul > li > ul > li { } #navbar > div > ul > li > ul > li > a { color: var(--tmpl_font-color-alt); } #navbar > div > ul > li > ul > li:hover > a {color: var(--tmpl_primary); } #navbar > div > ul > li > ul > li:hover > a:after {} #navbar > div > ul > li.menu-item-265 > ul { width: 320px; } #navbar > div > ul > li > ul > li.current-menu-item > a { color: var(--tmpl_primary); } #navbar > div > ul > li > ul > li.current-menu-item > a:after { } #navbar > div > ul > li:hover > ul > li.menu-item-has-children:after {color:var(--tmpl_font-color-alt);content: "\f054"; font-family: var(--tmpl_font-awsome);font-weight:300;font-size:10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; position: absolute; top:15px;right:15px; line-height:1; } #navbar > div > ul > li li.current-menu-item > a, #navbar > div > ul > li li.current-menu-ancestor > a, #navbar > div > ul > li:hover > ul > li.menu-item-has-children:hover:after, #navbar > div > ul > li:hover > ul > li.menu-item-has-children.current-menu-ancestor:after, #navbar > div > ul > li li.current-menu-ancestor.menu-item-has-children:after { color: var(--tmpl_primary); } /* ------------------------------------------------------------------------------------- */ #navigation ul { margin: 0; padding: 0; width: 100%; border: none; text-align: left; } #navigation ul li { vertical-align: top; display: inline-block; width: auto; text-align:left; list-style: none; position: relative; padding-left: 15px; padding-right: 15px; } #navigation ul li.divider { display: none } #navbar a:hover { color: #FFF; } #navbar.has-trip-planner { /*margin-right: 390px;*/ } #navigation ul li a { margin: 0; padding: 0; font-size: 16px; font-weight: 600; line-height:100%; color: #FFF; background: none; } #navigation ul li a:link { text-decoration: none !important; } #navigation ul li a span.caret { display: none; } #navigation ul li ul { width: 300px; background: #FFF; z-index: 3000; border-radius: 0; box-shadow: none; top: 100%; } #navigation ul li ul li { padding: 5px 25px 5px 20px; width:100%; } #navigation ul li ul li:first-child { margin-top:15px; } #navigation ul li ul li:last-child { margin-bottom:15px; } #navigation ul li ul li a { color: var(--tmpl_font-color-alt); font-weight: 400; white-space:inherit; font-size: 16px; } #navigation ul li ul li a.dropdown-toggle { } #navigation ul li ul li:hover > a { text-decoration: underline; color:var(--tmpl_primary);} #navigation ul li ul li ul { display: none; position: absolute; top: 0; left: 100%; background: #FFF; padding: 10px 0; margin-top: -9px; box-shadow: 0px 2px 3px rgba(0,0,0,0.15) !important; } #navigation ul li ul li ul li { background-color: transparent; } #navigation ul li ul li ul li a { } /* ------------------------------------------------------------------------------------- */ /* Homepage Header Right */ .telephone-initial { background: url(icon-telephone-left.png) no-repeat; float: right; padding-left: 20px; height: 48px; padding-top: 16px; background-position: 0 17px; } .telephone-initial p { padding-left: 5px; font-size: 20px; line-height: 1.2; margin-bottom: 0; padding-right: 11px; } .telephone-initial a, .telephone-right a { text-decoration: none; text-decoration: none; color: #FFF; } .telephone-right { display: none; } .telephone-right p { font-size: 24px; margin-bottom: 0; margin-top: 3px; margin-right: 9px; padding-left: 25px; background: url(icon-telephone-left.png) 0 50% no-repeat; } #contentpage .telephone-right p { margin-top: 21px; } /* At Kaitlyn's request, change bootstrap nav to hover, not click.... http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click */ @media (min-width: 979px) { #navigation ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } .navbar-default .navbar-toggle, .navbar-default .navbar-toggle .icon-bar { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .navbar-default .navbar-toggle .icon-bar { background-color: #FFF; position: absolute; right: 0; } .navbar-default .navbar-toggle span { } .navbar-default .navbar-toggle .icon-bar:nth-of-type(2) { top: 0; } .navbar-default .navbar-toggle .icon-bar:nth-of-type(3), .navbar-default .navbar-toggle .icon-bar:nth-of-type(4) { top: 8px; } .navbar-default .navbar-toggle .icon-bar:nth-of-type(5) { top: 16px; } .bodyMobileNavOpen .navbar-default .navbar-toggle .icon-bar:nth-of-type(2), .bodyMobileNavOpen .navbar-default .navbar-toggle .icon-bar:nth-of-type(5) { display: none; } .bodyMobileNavOpen .navbar-default .navbar-toggle .icon-bar:nth-of-type(3) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bodyMobileNavOpen .navbar-default .navbar-toggle .icon-bar:nth-of-type(4) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-toggle .icon-bar + .icon-bar { margin-top: 0; } .mobile-logo { display: none; max-width: 200px; margin-top: 11px; margin-left:-5px; vertical-align: top; } .mobile-logo.is-white {display:none;} header.is-white .mobile-logo {display:none;} @media (max-width:767px) { header.is-white .mobile-logo.is-white {display:block;} } /* Weather */ /* COLLECT: header weather */ header .weather { color: #FFF; padding-right: 0; } .weather { font-size: 15.5px; } .weather img { width: 30px; height: 30px; margin-right: 5px; margin-left: 5px; vertical-align: top; } .weather .wi { font-size: 20px; } .weather span { vertical-align: top; display: inline-block; font-size: 18px; line-height:18px; margin-left: 5px; } .weather p { vertical-align: top; display: inline-block; margin-bottom: 0; font-size: 15px; } .weather .location img:nth-of-type(2) { display: none; } .weather-image-alt { display: none; } #contentpage .weather img { /*display: none;*/ } #contentpage img.weather-image-alt { display: inline; } #navbar > ul > li.item-456 { display: none; } /* places to go */ #navbar > ul > li.item-457 { display: none; } /* places to go */ #navbar > ul > li.item-458 { display: none; } /* plan your trip */ #navbar > ul > li.item-456::before, #navbar > ul > li.item-457::before, #navbar > ul > li.item-458::before { content: "\f078"; font-family: var(--tmpl_font-awsome);font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; right: 15px; font-size: 12px; color: #FFF; -webkit-transition: 0.2s all; transition: 0.2s all; margin-top: 6px; } #navbar > ul > li span.nav-header { text-transform: uppercase; font-weight: normal; color: #FFF; cursor: pointer; } #navbar > ul > li.item-456.arrow-active::before, #navbar > ul > li.item-457.arrow-active::before, #navbar > ul > li.item-458.arrow-active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 768px) { header .weather { display: none; padding-top: 10px; color: #FFF; } .header-top { display: none; } .weather .location img:nth-of-type(1) { display: none; } .weather .location img:nth-of-type(2) { display: inline; } } @media (max-width: 767px) { #homepage .weather img.weather-image-alt { display: inline; } } @media ( max-width: 345px ){ .weather img { display: none; } } /* /$$$$$$$ /$$ | $$__ $$ |__/ | $$ \ $$ /$$$$$$ /$$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$$$$$$ /$$ /$$ /$$ /$$$$$$ | $$$$$$$/ /$$__ $$ /$$_____/ /$$__ $$ /$$__ $$| $$__ $$ /$$_____/| $$| $$ /$$//$$__ $$ | $$__ $$| $$$$$$$$| $$$$$$ | $$ \ $$| $$ \ $$| $$ \ $$| $$$$$$ | $$ \ $$/$$/| $$$$$$$$ | $$ \ $$| $$_____/ \____ $$| $$ | $$| $$ | $$| $$ | $$ \____ $$| $$ \ $$$/ | $$_____/ | $$ | $$| $$$$$$$ /$$$$$$$/| $$$$$$$/| $$$$$$/| $$ | $$ /$$$$$$$/| $$ \ $/ | $$$$$$$ |__/ |__/ \_______/|_______/ | $$____/ \______/ |__/ |__/|_______/ |__/ \_/ \_______/ | $$ | $$ |__/*/ @media (max-width: 1820px) { .header-top .inner li:last-of-type a { padding-right: 10px; } } @media (max-width: 1660px) { .header-right { /*left: 655px;*/ } .is-white #navigation ul li { /*padding-left: 10px; padding-right: 10px;*/ } #navbar > ul > li:hover > ul { left: 0; } } @media (max-width: 1500px) { #navigation ul li { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1360px) { .header-search.activated { max-width: 100%; } } @media (max-width: 1350px) { #navbar > ul > li { padding-bottom: 22px; } #navbar > ul > li:nth-of-type(9):hover:before { height: 65px; } #navbar > ul > li:nth-of-type(10):hover:before { height: 65px; } #contentpage #navbar > ul > li:nth-of-type(9):hover:before { height: 100%; } #contentpage #navbar > ul > li:nth-of-type(10):hover:before { height: 100%; } } @media (max-width: 1300px) { #navigation { /*padding-left: 220px;*/ } #navigation ul li a { font-size: 14px; } .header-top-description { width: 100%; margin-right: 0; margin-bottom: 26px; } } @media (max-width: 1080px) { #navbar.has-trip-planner { margin-right: 0; } #navigation { /*padding-left:200px;*/ } #navigation ul { } #navigation ul li, .header-right { right:0; left:inherit; padding-bottom:0; } #navigation ul li a { font-size:14px; } #navigation ul li ul { width:250px; top:94%; left:0 !important; } #navigation ul li ul li { margin-top:0; } #navigation ul li ul li ul { left:0; margin-left:250px; } #navbar { margin:12px 0 0 0; } /* header.has-trip-planner .header-right, .header-right { margin-top: 69px; top: -22px; right: 8px; }*/ #navigation ul li ul li ul { margin-left: -250px; } } @media (max-width: 767px) { #navbar > ul > li.item-456 { display: block; } /* places to go */ #navbar > ul > li.item-457 { display: block; } /* places to go */ #navbar > ul > li.item-458 { display: block; } /* plan your trip */ .header-top .inner a { padding: 2px 7px 1px; font-size: 10px; } .enable-header-top .header-top { } .bodyMobileNavOpen header { background-color: #1c1c1c; } #contentpage main {} #contentpage main.view-panels { margin-top:0; } #contentpage main.view-inthissection { margin-top:0; } #contentpage main.view-results { margin-top:0; } #contentpage main.view-details { margin-top:0; } #contentpage header.has-trip-planner + main { margin-top: 50px; } #navbar, header.is-white #navbar { padding-top: 15px; margin-top: 0; } .navbar-header { float: none; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-collapse.collapse.in { display: block!important; } #header-search.activated { z-index: 5000; } .navbar-default .navbar-toggle { background-color: transparent !important; border: 0; width: 22px; margin-right: -5px; padding: 0; /*margin-top: 32px;*/ margin-top: 21px; height: 18px; margin-bottom: 0; } .enable-header-top .navbar-default .navbar-toggle { margin-top: 60px; } .enable-header-top header.is-white .navbar-default .navbar-toggle { margin-top: 21px; } .enable-header-top header.is-white .mobile-logo { margin-top: 4px; } .enable-header-top.bodyMobileNavOpen .header-top { display: none; } .mobile-logo { display:inline-block; } header.is-white .navbar-default .navbar-toggle { /* margin-top: 21px; */ } #homepage header.is-white .logo-header-content-page, #contentpage header .logo-header-content-page { display: none; } header {/* box-shadow: 0 0 3px #ADADAD;*/ z-index: 3003; top: 0; /*background-color: var(--tmpl_primary);*/ height: 50px; } header.has-trip-planner .header-right { margin-top: 0; } header.container-fluid { } header.is-white { background-color: var(--tmpl_primary); height: 60px; } header .header-trip__item-number { color: #FFF; line-height: 24px; } .enable-header-top .header-itinerary-planner { padding-top: 57px; } .header-cart .fal { font-size:22px; } .header-trip__icon i { font-size:24px; } header.is-white .header-search #mod-search-button:before { color: var(--tmpl_font-color); } .header-trip__icon i { color: #FFF; } header.is-white .header-trip__icon i { color:var(--tmpl_font-color); } header.has-trip-planner .header-right, header.has-trip-planner .header-right, .header-right { } header .main-header-row { padding:0; } .header-right > div.header-cart { right: 145px; display: none; } .cart-bar-visible .header-right > div.header-cart { right: 145px; display: block; margin-top: 40px; } .cart-bar-visible header.is-white .header-right > div.header-cart { margin-top: 0; } .header-translate { } .navbar-toggle { display: block; float: right; margin-right: 0; position: relative !important; bottom: 0; } #navbar .nav-header:hover { color: #FFF; } #navigation, header.is-white #navigation { position: relative !important; bottom: 0; margin: 0; padding:0 15px 0 15px; } #navigation ul .nav-header { /*color: #FFF; font-size: 15px;*/ } #navigation ul li { float: none; width:auto; margin: 0; } #navigation ul li.divider { display: none; } #navigation ul li { /*height: auto !important;*/ } #navigation ul li a { padding-bottom: 0; color: #FFF; font-size: 15px; font-weight: normal; } #navigation ul li a:hover { color: #FFF; } #navigation ul li ul {width: 100%; position: relative; background: transparent; top: 0; } #navigation ul li ul li, .is-white #navigation ul li ul li { margin:0; padding-left: 0; padding-right: 0; } #navigation ul li ul li a { text-align: left; font-size: 15px; color: #FFF; } #navbar { overflow: visible; } #navbar > ul > li > ul > li > a { padding-left: 0; padding-right: 0; } #navbar > ul > li > ul { padding: 0 15px; box-shadow: none !important; display: block; left: 0; overflow: hidden; } #navbar > ul > li > ul li:hover > a { color: #FFF; } #navbar > ul > li > ul > li:hover > ul { display: block; position: static; background: transparent; margin-top: 0; box-shadow: none !important; } #navigation ul li ul li ul { display: block; margin-left: 0; position: static; background: transparent; margin: 0; width: 100% !important; box-shadow: none !important; padding-left: 5px; } #navigation #navbar > ul > li { padding: 0 15px; margin-right: 0; display:block; margin-bottom: 5px; } #navigation #navbar > ul > li:last-child { width: 100%; } #navigation ul li ul li ul li a { } #navigation ul li ul li a.dropdown-toggle { } .bodyMobileNavOpen #navigation { padding-right: 0; } .bodyMobileNavOpen .navbar-default .navbar-toggle { margin-right: 15px; } #navbar > ul > li:hover:before { /*content: none;*/ } #navbar > ul > li:hover > a { color: #FFF; } #navbar > ul > li:first-of-type { display: block; } #navbar > ul > li:nth-of-type(1) a { font-size: 16px; width: auto; height: auto; } #navbar > ul > li:nth-of-type(1) a:before { content: none; } #navbar > ul > li > ul > li:hover, #navbar > ul > li > ul > li:hover > a, #navbar > ul > li > ul > li a:hover { background-color: transparent; } #navbar > ul > li > ul.dropdown-menu { max-height: 0; background-color: #005367; float: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: 0.2s all; } /*#navbar > ul > li > ul.dropdown-menu::before { content: ""; position: absolute; top: 0; left: -15px; display: block; width: 15px; height: 100%; background-color: #005367; } #navbar > ul > li > ul.dropdown-menu::after { content: ""; position: absolute; top: 0; right: -15px; display: block; width: 15px; height: 100%; background-color: #005367; }*/ #navbar > ul > li.open > ul.dropdown-menu { max-height: 1000px; } #navbar li.open > ul { margin-bottom: 15px; } #header-search { width:22px; right:38px; } #header-search.activated { width:100%; } #header-search #mod-search-searchword { padding: 8px 10px 8px 39px; border-radius: 0; } #header-search #mod-search-button { margin: 0; } #navbar > ul > li { width: 100%; padding-left: 15px; padding-right: 15px; } #navbar > ul > li > ul {} #navbar > ul > li.open > ul { display: block; padding-top: 10px; padding-left: 30px; padding-bottom: 15px; } #navbar > ul > li > ul.dropdown-menu { width: auto; margin-left: -15px; margin-right: -15px; } #navbar > ul > li > ul > li.parent::before { content: none; } #navbar > ul > li > a { padding-bottom:15px; } .header-itinerary-planner { /*padding-top: 28px;*/ padding-top: 17px; display: none; } body.hasPlanner .header-itinerary-planner { display: block; } .header-itinerary-planner .white { display: none; } .header-itinerary-planner .active { display: inline-block; } .header-right > div.header-itinerary-planner { right: 103px; } .header-cart { /*padding-top: 29px;*/ padding-top: 16px; width: 50px; } .header-social .social-connect { display: none; } .header-cart, .header-itinerary-planner, .header-search { border: 0; } .header-search { width: 50px; } .header-right > div { height: 50px; } .header-cart__total-price { display: none; } .telephone-initial { display: none; } .header-top-description { font-size: 0; } .header-top-description a { font-size: 0; } .header-top-description a:before { display: inline-block; } #contentpage .header-cart { padding-top: 16px; right:145px; } #contentpage .weather { /*margin-top:10px;*/ } .header-search #mod-search-button::before { font-size:20px; } #homepage .logo-header-content-page { display: none; } .telephone-right { display: block; } .telephone-right p { margin-top: 8px; } #contentpage .telephone-right p { margin-top: 8px; } .header-contact { display: none; } .telephone-right a { color: #FFF; } .icon-cart-mobile { display: inline-block; } .header-cart .icon-cart { } #contentpage .header-itinerary-planner {} .enable-header-top .mobile-logo { margin-top: 46px; } main.view-details { margin-top: 50px; } .header-itinerary-planner { width: 50px; } .header-itinerary-planner p { display: none; } .header-cart__item-number { margin-top: 13px; top: 0; margin-left: 20px; } } @media (max-width: 600px) { #navigation { float: none !important; } } @media (max-width: 550px) { .header-translate { /*display: none;*/ } } @media (max-width: 490px) { .telephone-right p { display: none; } } @media (max-width: 440px) { header .weather { display: none; } } @media (max-width: 430px) { header.has-trip-planner .weather { /*display: none;*/ } } @media (max-width: 420px) { .telephone-right p { font-size: 17px; margin-top: 14px; } #contentpage .telephone-right p { margin-top: 13px; } } @media (max-width: 380px) { .telephone-right p { display: none; } header .weather { display: none; } } @media (max-width: 350px) { #homepage .weather img { display: none !important; } #contentpage img.weather-image-alt { display: none; } body .weather { padding-top: 4px; } }