/* $Header: /WebSites/affiliate/includes/desktop/css/desktop_qq.css 136 10/23/20 1:36p Adevoe $ */ /* Baseline Structural Styles for the Mobile Platform. Styles shared across all sites $ */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap'); /* GLOBAL SETTINGS ----------------------------- */ :root { /* defined brand colors (this brand only; do not use oustide of this :root pseudo class) */ --BRAND-BLACK: #000 !important; --BRAND-BLUE: #0033A0 !important; --BRAND-DARKPURPLE: #392A6E !important; --BRAND-LIGHTPURPLE: #7359C2 !important; --BRAND-NAVY: #002244 !important; --BRAND-PURPLE: #6244bb !important; --BRAND-TEAL: #006080 !important; --BRAND-WHITE: #fff !important; /* site setup */ --site-width: 1280px; /* variables to be used in theming */ --clr-accent: var( ); /* undefined */ --bg-primary: var(--BRAND-NAVY); --bg-secondary: var( ); /* undefined */ --btn-secondary-bg: var(--BRAND-WHITE); --btn-secondary-border: var(--BRAND-PURPLE); --btn-secondary-txt: var(--BRAND-PURPLE); --btn-secondary-bg_hover: var(--BRAND-PURPLE); --btn-secondary-border_hover: var(--BRAND-PURPLE); --btn-secondary-txt_hover: var(--BRAND-WHITE); --btn-primary-bg: var(--BRAND-PURPLE); --btn-primary-border: var(--BRAND-LIGHTPURPLE); --btn-primary-txt: var(--BRAND-WHITE); --btn-primary-bg_hover: var(--BRAND-DARKPURPLE); --btn-primary-border_hover: var(--BRAND-LIGHTPURPLE); --btn-primary-txt_hover: var(--BRAND-WHITE); --btn-selected-color: var(--BRAND-PURPLE); --icon-primary: var(--BRAND-NAVY); --icon-secondary: var(--BRAND-PURPLE); --txt-accent-primary: var(--BRAND-BLUE); --txt-accent-secondary: var(--BRAND-BLACK); --txt-body: var(--BRAND-BLACK); --txt-link: var(--BRAND-TEAL); --txt-header-primary: var(--BRAND-WHITE); --bg-header-primary: var(--BRAND-NAVY); --txt-header-primary_inverse: var(--BRAND-NAVY); --bg-header-primary_inverse: var(--BRAND-WHITE); --txt-header-secondary: var(--BRAND-BLACK); --bg-header-secondary: var( ); /* undefined */ --txt-header-tertiary: var(--txt-header-primary_inverse); /* mapped to --txt-header-primary_inverse if undefined */ --bg-header-tertiary: var( ); /* undefined */ /* Uplift / Cruise Payments Variables */ --uplift-txt-header-primary: var(--BRAND-NAVY); --uplift-txt-header-secondary: var(--BRAND-PURPLE); --uplift-bg-icon-primary: var(--BRAND-NAVY); --uplift-bg-icon-secondary: var(--BRAND-PURPLE); --uplift-bg-urgency: var(--BRAND-PURPLE); --uplift-bg-callout: var(--BRAND-NAVY); --uplift-bg-search: var(--BRAND-NAVY); --uplift-btn-search-bg: var(--BRAND-WHITE); --uplift-btn-search-border: var(--BRAND-WHITE); --uplift-btn-search-txt: var(--BRAND-NAVY); --uplift-btn-search-bg_hover: var(--BRAND-NAVY); --uplift-btn-search-border_hover: var(--BRAND-WHITE); --uplift-btn-search-txt_hover: var(--BRAND-WHITE); } /* Global Font Declaration */ html, body, input, textarea, button, .ui-btn {font-family: 'Open Sans', sans-serif; color: #000;} select {font-family: Arial, Helvetica, sans-serif;} .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper, .wth2-simplePopUpContent, .wth2-iframePopupContent table, .wth2-popupDatesContent, .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPrice { color: #000 !important; } .ui-body-c .ui-link { color: inherit !important; font-weight: inherit !important; } .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:active, .ui-body-a .ui-link:hover, .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { text-decoration:none;color:#006080; /*{a-link-default}*/; } .ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover { text-decoration:underline;color:#006080; /*{a-link-hover}*/; } .ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { text-decoration:none;color:#006080; /*{a-link-visited}*/; } .ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active { text-decoration:underline;color:#006080; /*{a-link-active}*/; } .ui-page-theme-a a:focus, html .ui-bar-a a:focus, html .ui-body-a a:focus, html body .ui-group-theme-a a:focus { text-decoration:none !important; /*{a-link-focus}*/; } .ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus, .ui-btn select:focus { -webkit-box-shadow: 0 0 12px #38c; -moz-box-shadow: 0 0 12px #38c; box-shadow: 0 0 12px #38c; } /* results page buttons */ .wth3-btnMulti[aria-pressed="false"]{border-color: #fff;background: #fff !important;color: #003057;} .wth3-btnMulti[aria-pressed="false"] .fa-plus {border-color: #003057;background: #003057 !important;color: #fff;opacity:1;} .wth3-btnMulti[aria-pressed="true"]{border-color: #003057;background: #003057 !important;color: #fff;} .wth3-btnMulti[aria-pressed="true"] .fa-times {border-color: #003057;background: #003057 !important;color: #fff;} @keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgb(0, 48, 87, 0.7); } 70%{ box-shadow:0 0 0 10px rgb(0, 48, 87, 0); } 100%{ box-shadow:0 0 0 0 rgb(0, 48, 87, 0.7); } } /* results page buttons end */ /* General Styles */ .clear {clear:both;} .wth2-responsiveOnlyReplacement{display:none;} /*=============================================================================================================== HEADER NAVIGATION ===============================================================================================================*/ .wrap, .width, .width-hp, #EntirePage, #loginbar #uamessage, #loginbar #uainfo, #brand-header, #footer-text {width:984px; max-width: 984px; margin-left:auto; margin-right:auto; text-align: left;} /* Login Header Styles START */ #loginbar {min-width: 984px; background-color: #EDB72B; color: #003057; margin-left:auto; margin-right:auto;text-align: center;overflow:hidden;font-size:14px;padding:0 0 4px;} #loginbar a, #loginbar a:hover, #loginbar a:visited, #loginbar a:active, a.wth2-responsiveLoginMyAccount, a.wth2-responsiveLoginMyAccount:hover, a.wth2-responsiveLoginMyAccount:visited, a.wth2-responsiveLoginMyAccount:active {color:#ffffff; text-decoration: underline;} #loginbar a:hover {text-decoration: none;} /* Responsive header login bar */ .wth2-responsiveLoginMyAccount {padding:10px 5px 5px 10px;line-height:1.4;float:right;} .wth2-responsiveLoginMyAccount .fa {margin-right:6px;font-size:25px;} .unitedLoginbar {display:inline-block;} .responsiveLoginbarBg { overflow: hidden; background-color: #002244; padding: 42px 0 0 2px; min-height: 80px; padding-left: 10px; padding-right: 10px; } .wth2-respGlobalHeaderCont {float:left;width:100%;} .wth2-respGlobalHeaderCont .ui-block-a {width:100%;} .wth2-unitedResponsiveCSSLink {float:right;width:100%;display:none;} .wth2-unitedResponsiveCSSLink .fa {margin-right:8px;} .responsiveLoginbar {max-width: var(--site-width); margin-left:auto; margin-right:auto; color: #ffffff;text-align: right;font-size:14px;padding:2px;} .responsiveLoginbar a, .responsiveLoginbar a:hover, .responsiveLoginbar a:visited, .responsiveLoginbar a:active {display:inline-block;color:#ffffff; text-decoration: underline;} .responsiveLoginbar a:hover {text-decoration: none;} #uamessage {padding:5px 0;line-height:1.2;font-weight:bold;text-align:center !important;} #uamessage a, #uamessage a:hover, #uamessage a:visited, #uamessage a:active {line-height:1.2; font-weight:bold;} #uamessage, #uamembernumber, #uamemberlevel, #uabalance, #uabalance_miles, #ualoginlogout, #ualogout, #ualogin {line-height:1.2;} #uainfo {padding:0;} #uaname {float:left; padding-right:8px; font-size:14px; line-height:1.2; font-weight:bold;} #uamembernumber {float:left; padding:0 8px; border-left: 1px solid #ffffff;} #uamemberlevel {float:left; padding:0 8px; border-left: 1px solid #ffffff;} #uabalance {float:left; padding:0 8px; border-left: 1px solid #ffffff;} #uabalance_miles {font-weight:bold;} #ualoginlogout {float:right;} .cross-link {float: left; padding:0 8px;} #ualoginlogout #unitedHeaderMessage {float:left; padding:0 8px; border-left: 1px solid #ffffff;} #unitedHeaderMessage{clear:both;line-height:2;} #ualogout{float:left; border-left: 1px solid #ffffff;padding-left:8px;} .ua-header-login{float:left;display:inline-block;} .ua-header-loginDetail{float:right;display:inline-block;} .ua-header-loginDetail .fa {margin:0 0 0 5px;} #ualoginTopper{float:right;padding-bottom:5px} /* Login Header Styles END */ #header-h1-brand a:hover, #header-h1-brand a:visited, #header-h1-brand a:active, #header-h1-brand a { COLOR: #FFF; FONT-SIZE: 24px; margin-top: 0; display: inline; margin-bottom: 0.6665em; line-height: 1em;} #header-h2-brand {FONT-SIZE: 20px; margin-top: 0; display: inline; margin-bottom: 0.6665em; line-height: 1em; COLOR: #4185AC;} .header {FONT-SIZE: 16px; COLOR: #003057; } #pp_header .header { font-size: 22px; font-weight: bold; COLOR:#587c26; } .header .pricecolor, .subheader .pricecolor {COLOR: #587c26 !important; } .header2 {FONT-SIZE: 12px; COLOR: #fff; } .header2sm {FONT-SIZE: 12px; COLOR: #003057; } .headercruise {FONT-SIZE: 14px; COLOR: #003057; } .headervaca {FONT-SIZE: 16px; COLOR: #003057; } .subheader {FONT-SIZE: 13px; COLOR: #003057; } #pp_header .subheader { font-size: 16px; font-weight: bold; COLOR:#587c26; } .subhead {FONT-SIZE: 11px; COLOR: #333; } .subhead2 {FONT-SIZE: 12px; COLOR: #333; } .headerlg {FONT-SIZE: 16px; COLOR: #003057; } .bodybgcolor {BACKGROUND-COLOR: #f1ede1; } .headerbgcolor {BACKGROUND-COLOR: #fff; } .footerdisclaimer {FONT-SIZE: 11px; COLOR: #333; } .navfooterlinks {FONT-SIZE: 11px; COLOR: #09F; } .navheaderlinks {FONT-SIZE: 11px; COLOR: #09F; } .footerbgcolor {BACKGROUND-COLOR: #fff; } .subnavbgcolor {BACKGROUND-COLOR: #fff; } .reviews_profile_container {float: left; width: 200px; padding: 0px; border: 1px solid #999; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #9eaddb; TEXT-ALIGN: center; } .reviews_profile_description {clear: left; padding: 0px; BORDER-RIGHT: #999 1px solid; FLOAT: left; BORDER-LEFT: #999 1px solid; WIDTH: 100px; BORDER-BOTTOM: #999 1px solid; min-height: 40px; BACKGROUND-COLOR: #9eaddb;} .reviews_profile_value {BORDER-RIGHT: #999 1px solid; padding: 0px; FLOAT: left; WIDTH: 100px; BORDER-BOTTOM: #999 1px solid; min-height: 40px; BACKGROUND-COLOR: #9eaddb; } /* NAVIGATIONAL BAR - EXPANDABLE BLUE BACKGROUND:*/ .wthHeaderNavWrapper {width:100%; margin: 0; position: relative; right: 0;} /* ------------------------------ */ /* NAVIGATIONAL BAR - MAIN MENU:*/ .wthHeaderNav {clear: both;padding:0px;text-align:right; z-index:1; position: relative; right: 0;} .wthHeaderNav ul li.wthHeaderNavMainLinks, .wthHeaderNav ul li.wthHeaderNavMainLinks:hover {font-size:16px; font-weight:normal; color:#fff; line-height:41px;outline-color:#fff !important;text-align:left;padding-left:25px;display:block;float:left;margin:2px;border:2px dotted transparent;} .wthHeaderNav ul .wthHeaderNavMainLinks:focus {border:2px dotted #fff !important;} /* ------------------------------ */ /* MAGNOLIA Top Nav and Dropdowns */ .wthHeaderNav {width: auto; z-index: 20;} .wthHeaderNav .wthHeaderNavMenu { display:inline; margin:0px; } .wthHeaderNav .wthHeaderNavMenu li {display:inline; float:left; position:relative; z-index:100;} .wthHeaderNav .wthHeaderNavMainLinks {position: relative; top: 0px; z-index: 100;} .wthHeaderNav .wthHeaderSubNavLinks { background: rgba(255, 255, 255, 0.85); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: #ddd solid 1px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25); display: block; float: none; position: absolute; top: 60px; z-index: 500; } .wthHeaderNav .wthHeaderSubNavLinks li { display: block; float: none; position: relative; z-index: 500; padding: 1px; } .wthHeaderNav .wthHeaderNavMainLinks, .wthHeaderNav .wthHeaderNavMainLinks:hover, .wthHeaderNav .wthHeaderNavMainLinks:active, .wthHeaderNav .wthHeaderNavMainLinks:visited { display:block; color: #fff !important; font-size: 16px; font-weight: normal; text-align: center; text-transform: initial; line-height: 30px; box-shadow: none; margin: 0px 21px 0px 20px; width: auto; text-decoration: none; } .wthHeaderNav .wthHeaderNavMainLinks .wthHeaderSubNavLinks .headerSubNavlink a.ui-link, .wthHeaderNav .wthHeaderNavMainLinks .wthHeaderSubNavLinks .headerSubNavlink a.ui-link:active, .wthHeaderNav .wthHeaderNavMainLinks .wthHeaderSubNavLinks .headerSubNavlink a.ui-link:visited { display:block; text-align:left; width:15em; color:#002244 !important; outline-color:#2172ba !important; height:auto !important; background: transparent; text-indent:0px; padding:5px 0 2px 10px; margin:1px; text-decoration: none; font-size:14px; font-weight:normal; line-height:20px; box-shadow: none; text-shadow: none; } .wthHeaderNav .wthHeaderNavMainLinks .wthHeaderSubNavLinks .headerSubNavlink a.ui-link:hover { background: #fff !important; text-shadow: 0 0 1px #002244 !important; text-decoration: none; } .wth2-headerBar a.ui-btn {margin:4px;background:none !important;color:#fff !important;border:none !important;} .wth2-headerBar a.ui-btn:focus {outline-color:#fff !important;} .wthHeaderNav ul li a.headerNavMainLink:hover, .wthHeaderNav .wthHeaderNavMainLinks:hover, .wthHeaderNav .wthHeaderNavMainLinks .wthHeaderSubNavLinks .headerSubNavlink a.ui-link:hover, .wthHeaderNav ul li a.headerNavMainLink:hover, .wthHeaderNav ul li a.headerNavMainLink:focus, .wthHeaderNav .wthHeaderNavMainLinks:focus, .wthHeaderNavMainLinks .wthHeaderSubNavLinks .headerSubNavlink a.ui-link:focus, .wthHeaderNav ul li a.headerNavMainLink:focus {text-decoration:none !important;} .wthHeaderNav .wthHeaderNavMainLinks:hover .wthHeaderSubNavLinks{display:block !important;} .wthHeaderNav ul li a.headerNavMainLink {font-size:16px; font-weight:normal; color:#fff; line-height:45px;text-align:left;} @media only screen and (max-width: 1550px) { /* prevent the last nav item from overflowing when active */ .wthHeaderNavMenu li:last-child ul { right: 0 } } #brand-header-bg {min-width:984px;background-color: #003399; text-align: center;float:left;width:100%;margin:0 auto;} #brand-header, #brand-header a {font-family: "Open Sans",arial,sans-serif; text-decoration: underline;} #header-brand-tag {color:#fff;} .wth2-beHeader {min-height:115px;} .wth2-beHeader .wthHeaderNavWrapper {width:66%; margin: 0; float: right;} #tab-left-corner {width:9%; float:left;} #tab-center {float: left; min-height:29px; width:81%; background-image: url('/images_unique/united/nav_tab_bg_10x29.gif'); text-align: center;} #tab-right-corner {width:9%; float:left;} #tab-left-corner-brand {width:9%; float:left;} #tab-center-brand {float: left; min-height:29px; width:81%; background-image: url('/images_unique/united/secondary_nav_tab_bg_10x29.gif'); text-align: center; font-size: 11px; color: #4185ac;} #tab-right-corner-brand {width:9%; float:left;} #header-brand-tag {width: 300px;margin:30px 0 18px; float:left;} #header-h1-brand {display: inline;} #header-text {float: right; text-align: right; margin-top:26px;} #partner-site, #partner-site a {float: left; font-size:14px; color: #fff;} #partner-site a {line-height: 40px;} #partner-site a:hover, .wthHeaderNav ul li a.headerNavMainLink:focus {text-decoration: none !important;outline-color:currentcolor !important;} .wthHeaderLogo a {margin:4px;} #partner-site a:focus, .wth2-resultsSortSection .wth2-anyMultiSelect .ui-btn, .wthHeaderLogo a, .wth2-responsiveLogoBg a, .wth2-unsuportedLogo a {outline-color:#fff !important;} #brand-header-phone {float: left;margin-left: 30px;padding-top:2px;color:#ccc} #header-submessage-phone {margin-left: 5px; font-size: 26px; font-weight: bold;} /*=============================================================================================================== FOOTER ===============================================================================================================*/ .footerTandC {width:984px;margin:0 auto;line-height:1.2;font-size:13px;padding-top:14px;background:#f5f5f5;} #footer-tc-wrapper, #footer_tc, #footer-tc-wrapper p, #footer-tc-wrapper .smlink {width:984px;clear:both;line-height:1.3;font-size:13px;text-align:left;} #footer-tc-wrapper h5, #footer_tc_header, #footer_tc h5 {font-size:16px;font-weight:bold;margin:1em 0;} #footer-tc-wrapper h6, #footer_tc_header, #footer_tc h6 {font-size:14px;font-weight:bold;margin:1em 0;} #footer_tc_header {padding:10px 0;font-weight:bold;} #footer_tc {padding-bottom: 20px;} #footer-wrapper {clear:both;width:984px;margin:0 auto;min-height:350px;color:#FFF;background-color:#003399;font-family:'Open Sans', arial, sans-serif;text-align:center;} #footer-text {position:relative; top: 40px; left: 0; text-align: left;} .footer-column {float: left; width: 236px;} .footer-colheader {width: 200px; min-height: 35px; margin: 5px 0 20px 0; border-bottom: 1px solid #FFF;font-weight:normal;font-size:18px; line-height:1.25em;color:#ccc;} .footer-link li {list-style:none;} .footer-link a:visited, .footer-link a:active, .footer-link a {font-size: 12px; line-height:22px; color: #FFF !important; text-decoration:underline;} .footer-link a:hover {text-decoration:none;} #footer-maggie {float: left; width: 272px;} #footer-maggie-header{width:170px;} #footer-maggie-header, #footer-maggie-phone {font-size: 18px; line-height:1.25em; font-weight: bold;color:#ccc;} #footer-maggie-copy {padding: 8px 0; font-size: 14px; line-height:1.4em;color:#ccc;} #footer-maggie-call {font-size: 18px;color:#ccc;} #footer-copyright {clear: both;font-size:12px;position:relative; top: 40px; left: 0; width: 100%; border-top:1px solid #FFF; padding-top: 20px;color:#ccc;} /*=============================================================================================================== RESPONSIVE HEADER and UNSUPORTED BROWSER HEADER ===============================================================================================================*/ .wth2-responsiveLogoBg, .wth2-unsuportedLogo {min-height:40px;background:#002244;} .wth2-headerBar, .wth2-respGlobalHeaderCont {background-color:#002244;} .wth2-responsiveLogoBg img {width:115px} .wth2-responsiveHeaderReplacement .ui-block-a.wth2-resonsiveHeaderAbove, .wth2-responsiveHeaderReplacement .ui-block-a {background: #002244;width:100%;} .wth2-responsiveHeaderReplacement .ui-block-a.wth2-resonsiveHeaderAbove a, .wth2-responsiveHeaderReplacement .ui-block-a a {color: #fff;} .wth2-responsiveHeaderReplacement .wth2-ui-btn { border-radius: 4px !important; border: 2px solid #002244 !important; text-shadow: none !important; color: #fff !important; font-weight: normal !important; background-color: #002244 !important; } .wth2-responsiveHeaderReplacement .wth2-ui-btn:hover { border-radius: 4px !important; border: 2px solid #fff !important; text-shadow: none !important; color: #fff !important; font-weight: normal !important; background-color: #002244 !important; } /*Forced Reg Popup*/ .wth2-forcedEmailPopup {color: #fff;} .wth2-forcedEmailPopup .wth2-forregNoThanks a.ui-link, .wth2-forcedEmailPopup .wth2-forregNoThanks a.ui-link:hover, .wth2-forcedEmailPopup .wth2-forregNoThanks a.ui-link:active, .wth2-forcedEmailPopup .wth2-forregNoThanks a.ui-link:visited {color: #fff;} .wth2-forcedEmailPopup .wth2-disclaimer a.ui-link, .wth2-forcedEmailPopup .wth2-disclaimer a.ui-link:hover, .wth2-forcedEmailPopup .wth2-disclaimer a.ui-link:active, .wth2-forcedEmailPopup .wth2-disclaimer a.ui-link:visited {color: #fff;} .wth2-forcedEmailPopup .wth2-forregNoThanks {font-weight: normal;} /*=============================================================================================================== RESPONSIVE SRP #003057 ===============================================================================================================*/ .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a:visited {background:#EDB72B;color:#003057 !important;} .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:hover, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:visited, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:active, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:focus {background:#003057;color:#fff !important;} .wth2-resultsItinContainer.ui-grid-b .wth2-respInfoBtnTriangleDown:after {border-top:500px solid #003057 !important;color:#fff !important;} /*=============================================================================================================== MOBILE SHOWCRUISE ===============================================================================================================*/ .wth2-scContentNavbar li.wth2-scContentNavbarLi a.wth2-expandCollapseScTabs.wth2-expandCollapseTabParent {border-color:#EDB72B;background:#EDB72B !important;color:#003057;} /* layout CSS *************************************************************************/ /* Media Query for Desktops and laptops ----------- smaller screens are handled in wth.css */ .wth2-header {width:100%;margin-left:auto;margin-right:auto;} .wth2-footer {background:#f5f5f5;} .wth2-responsiveFooter {margin:0 !important} .wth2-beFooter {position: relative; top: 0; left: 0;} .wth2-beFooter, .wth2-fallbackFooterInner {background-color:#002244;} .wth2-content { background: #fff; box-sizing: border-box; clear: both; margin-left: auto; margin-right: auto; max-width: var(--site-width); padding-left: 10px; padding-right: 10px; } .wth2-results {width:100%;float:left;} .ui-popup-screen {min-width:1024px;} .wth2-termsAndConditions #footer_tc {width:100%;clear:none;font-size:13px;text-align:left;} .wth2-underlineLink {text-decoration:underline !important;} .wth2-luxForm {background-color:#e6e6e6;} /* NEXT GEN STYLES *************************************************************************/ /**** NextGen Font Size Declarations ****/ .wth2-resultsPriceTerms .fa-asterisk {font-size:7px;} .wth2-resultsItinContainer .wth2-bucketPrice .fa-asterisk {font-size:8px;} .wth2-clickPrompt {font-size:12px;} .wth2-breadcrumbs, .wth2-anyDeptDay .ui-btn, .wth2-simplePopup, .wth2-iframePopupContent, .wth2-brochurePrice, .wth2-resultsBonuses, .wth2-reviewSectionBox, .wth2-bucketRateType .fa-tag, .wth2-resultsMatches, .wth2-reviewsLink, .wth2-resultsPriceTerms, .wth2-scTopSection .wth2-rateType .fa-tag, .wth2-dayByDayItinSection table, .wth2-shipOverview_accessText, .wth2-scSailingList .wth2-ageRestrictions, .wth2-luxFill {font-size:13px;} .fa-angle-right, .ui-mobile label, div.ui-controlgroup-label, legend, .wth2-refineSearchBox .ui-select .ui-btn select, .wth2-cruiseLineContainer h3, .wth2-popupLightboxPhoto, .wth2-iframePopupContent table, .wth2-simplePopupHeader, .wth2-errorFormMessage, .wth2-featuredText, .fa-anchor, .wth2-departFrom, .wth2-portsOfCall, .wth2-shipitin, .fa-globe, .wth2-sailingDates, .wth2-resultsPortsOfCall, .fa-map-marker, .wth2-resultsBonusHeader, .wth2-resultsBonuses li, .wth2-bucketPerNightPrice, .wth2-bucketRateType, .wth2-bucketType, .fa-print, .wth2-sailingListNavCountWrapper, .wth2-adminSection, .wth2-errorPage, .wth2-errorMessage, .wth2-warningMessage, .wth2-sucessMessage, .wth2-scTopH1Links, .wth2-emailItinerary .fa-paper-plane, .wth2-scBrochurePrice, .wth2-departFrom, .wth2-portsOfCall, .wth2-scTopSection .wth2-shipitin, .fa-globe, .wth2-sailingDates, .wth2-resultsPortsOfCall, .fa-map-marker, .wth2-scTopSection .wth2-cabinType, .wth2-scTopSection .wth2-perNightPrice, .wth2-scTopSection .wth2-rateType, .wth2-scTabContent, .wth2-dayByDayItinSection th, .wth2-shipOverview_access, .wth2-agePregnancy_restrictions, .wth2-shipOverview_accessHeader, .wth2-scDeckplansContent .ui-grid-b .ui-block-a h2.wth2-keyToSymbols, .wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOffers, .wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOfferHeader, .wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOffers li, .wth2-scSailingList .wth2-weekDays, .wth2-scSailingList .wth2-bucketRateType, .wth2-scSailingList .wth2-viewAllSailingDatesLink, .wth2-scSailingList .wth2-bonusOfferToggleLink, .wth2-scSailingList .wth2-bucketPriceHeader, .wth2-luxCopyInfo2, .wth2-luxThankyouText, .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceHeader .wth2-bucketPrice {font-size:14px;} .wth2-resultsSortFilters label, .wth2-sailingListNavCount span, .wth2-adminTopLink .fa-chevron-up, .wth2-forregCont .wth2-forregSubHeader, .wth2-forregCont .wth2-ui-btn, .wth2-cruiseSearch .fa-search, .wth2-scDeckplansContent h3.wth2-roomName, .wth2-bullet, .wth2-scSailingList .wth2-dateRange, .wth2-scSailingList .wth2-bucketType, .wth2-searchTitle .wth2-resetSearch, h3.wth2-shipName, .wth2-scTopSection .wth2-shipName, .wth2-addDiscountsHeader, .wth2-luxCopyInfo {font-size:16px;} .wth2-scTabs a {font-size:16px !important;} .wth2-bucketPrice, .wth2-ui-btn, .wth2-reviewsBubble, .fa-wheelchair, .fa-info-circle, .wth2-scStateroomsContent h3, .wth2-scEntertainmentContent .ea_info, .wth2-beBucketContent .wth2-bucketPrice, .wth2-scDeckplansContent h2.wth2-stateroomCategories {font-size:18px;} .wth2-warningMessage .fa-exclamation-circle, .wth2-sucessMessage .fa-check-circle, .wth2-searchTitle, .wth2-lightBoxPopupHeader, .wth2-resultsMatchesTotal, .wth2-adminPhoneNbr, .wth2-errorMessage .fa-exclamation-circle, .wth2-highlightsContainer .text, .wth2-scTabSubHeader, .wth2-scTabContent .wth2-scTabContentTextLeft .text, .wth2-scStateroomsContent h2, .wth2-scDiningContent .fd_header, .wth2-scEntertainmentContent .ea_margins_header, .wth2-scDeckplansContent h3.wth2-deckName {font-size:20px;} h2.wth2-brochureName, .wth2-scBrochureName, .wth2-scTabContent .wth2-tabContentHeader, .wth2-sailingDateHeader {font-size:22px; color: #000 !important;} .wth2-bucketNA, .wth2-bucketCall, .wth2-pageTopH1, .wth2-adminPhoneSection .fa-comments-o, .wth2-adminEmailSection .fa-envelope {font-size:24px;} .wth2-thumbWrapper .arrow-left .fa-chevron-left, .wth2-thumbWrapper .arrow-right .fa-chevron-right {font-size:26px;} .wth2-scTopSection .wth2-lowLeadPrice {font-size:24px;} .lightbox .arrow-left .fa-chevron-left, .lightbox .arrow-right .fa-chevron-right {font-size:36px;} /* End Font Size Declarations */ /**** NextGen Color Declarations ****/ .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper, .wth2-simplePopUpContent, .wth2-iframePopupContent table, .wth2-popupDatesContent, .wth2-beBucketContent .wth2-bucketPrice, .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPrice {color:#0033A0;} .wth2-ui-btn { border-radius:4px !important; border: 2px solid #6244bb !important; text-shadow: none !important; /* Don't remove this - covers browsers which don't suppor text-shaddow */ text-shadow: none !important; color: #6244BB !important; font-weight:normal !important; background-color:#fff !important; } .wth2-ui-btn:active, .wth2-ui-btn:focus { outline-color:#009CDE !important; } /*Button Hover Status. Inverse of class above */ .wth2-ui-btn:hover { background-color: #6244BB !important; color: #fff !important;} .wth2-pageTopH1, .wth2-headerH2, .wth2-headerH3, .wth2-headerH4, .wth2-headerH5 {color:#000;} /* Search Results Page Styles */ /* Refine Search Widget */ .wth2-refineSearchBox { border-color:#EAEAF3; background: #EAEAF3; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAF3', endColorstr='#EAEAF3',GradientType=0); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#EAEAF3), to(#EAEAF3)); /* for webkit browsers */ background: -moz-linear-gradient(top, #EAEAF3, #EAEAF3); /* for firefox 3.6+ */ box-shadow: 3px 4px 6px -6px #000000; margin-top: 48px; } .wth2-searchTitle {color:#000;} .wth2-refineSearchTitle {font-weight:bold;} .wth2-refineSearchBox h2, .wth2-refineSearchBox .wth2-updateSearchBtnContainer label, .wth2-refineSearchBox .wth2-cruiseLineContainer h3 {text-shadow:none;} .wth2-resultsCountSearch {color:#000; font-weight: 600;} .wth2-resetSearch, .wth2-addDiscountsHeader {color:inherit;} .ui-mobile label, div.ui-controlgroup-label, legend, .wth2-discountsCheckbox .ui-btn:hover, .wth2-updateSearchBtnContainer label, .wth2-itinDetailsLabel, .wth2-radioBtn .ui-btn {color:#000 !important;} .wth2-discountsCheckbox .ui-checkbox-on:after, .wth2-checkboxWrapperInfo .ui-checkbox-on:after, .wth2-checkboxWrapper .ui-checkbox-on:after {background-color:#002244;border-color:#002244;color:#fff;} .wth2-cruiseLineContainer h3 {color:#000;} .wth2-discountsWhy {color:#006080 !important;} .wth2-discountsWhy:hover {color:#006080 !important;} .wth2-simplePopupHeader, .wth2-lightBoxPopupHeader {color:#003057;} .wth2-discountsContainer .wth2-shoppingZipCodeHint {color: #000;} .wth2-resultsSortSection{color:#002244 !important; /* 508 tabbing */ background:#002244 ; /* for non-css3 browsers (#e0f1f3, to #a4d9df) */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002244', endColorstr='#002244'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#002244), to(#002244)); /* for webkit browsers */ background: -moz-linear-gradient(top, #002244, #002244); /* for firefox 3.6+ */} .wth2-resultsMatchesTotal{color: #fff; font-weight: bold;} .wth2-resultsSortFilters label {color:#000 !important;} /** * [Search Widget(s)] */ /******************************************************************************/ /* shared calendar */ .wth3-ln_main_search .input-icons { text-align: left; } .wth3-ln_main_search .wth3-hp_searchWhenFilterRangeContainer { margin: 4px; text-align: left; } .lightpick__month-title-bar { gap: 5px; justify-content: start !important; } .lightpick__month-title { display: flex; flex-direction: row; gap: 8px; max-width: max-content; width: auto; } .wth3-hp_searchWhenFilterRangeContainer .lightpick__month-title { gap: 5px; padding: 0; } .lightpick__month-title > .lightpick__select-months, .lightpick__month-title > .lightpick__select-years, .lightpick__day-of-the-week, .lightpick__day { color: #707070 !important; font-family: 'Open Sans', sans-serif; font-weight: normal !important; } .lightpick__month-title > .lightpick__select-months, .lightpick__month-title > .lightpick__select-years, .lightpick__day-of-the-week { color: #000 !important;} .lightpick { border: 2px solid #f3f3f3 !important; box-shadow: none !important; font-family: var(--body-font) !important; } .wth3-ln_main_search .lightpick { border: none !important; } .lightpick__month-title > .lightpick__select { border: 1px solid #f3f3f3 !important; box-shadow: none !important; } .lightpick__month-title > .lightpick__select-months { margin: 0 !important; min-width: 120px; } .lightpick__month-title > .lightpick__select-years { width: 25%; } .lightpick select:hover { cursor: pointer; } .lightpick__day.is-today { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(0, 34, 68, 1)' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important; color: var(--BRAND-BLUE) !important; opacity: 1 !important; } .lightpick__day.is-available:hover { cursor: pointer; } .lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped, .lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range.is-flipped { background-color: var(--BRAND-NAVY) !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(0, 34, 68, 1)' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important; color: var(--BRAND-WHITE) !important; } .lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover { background-color: var(--BRAND-NAVY) !important; color: var(--BRAND-WHITE) !important; } .lightpick__day:not(.is-disabled):hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23024' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important; color: var(--BRAND-WHITE) !important; } .lightpick__day.is-in-range { background-color: rgba(0, 34, 68, 0.1) !important; color: #000 !important; } .lightpick__day.is-in-range:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(250, 222, 84, 0.7)' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); color: var(--BRAND-WHITE) !important; } .lightpick__previous-action, .lightpick__next-action, .lightpick__close-action { background: var(--btn-primary-bg) !important; color: var(--BRAND-WHITE); cursor: pointer; } .wth3-hp_searchWhenFilterRangeContainer .wth3-hp_range_play { color: var(--BRAND-NAVY); margin-top: 9px; } .wth3-hp_searchContainer ~ .wth3-hp_searchWhenFilterContainer .wth3-hp_searchFilterItems_when .input-icons .fa-calendar{ top: 13px; } .wth3-hp_searchWhenFilterRangeContainer input { border-radius: 4px !important; border: 1px solid #cdcdcd; box-sizing: border-box; color: #707070; padding: 10px 5px 10px 30px; margin-bottom: 5px; } .wth3-hp_searchWhenFilterRangeContainer input::placeholder { font-size: 12px; }; .wth3-ln_main_search .wth3-hp_searchWhenFilterRangeContainer input::placeholder { color: #707070;} .wth3-ln_main_search .wth3-hp_searchWhenFilterRangeContainer input { color: #000; margin-bottom: 0; margin-left: 9px; max-width: 194px; font-family: var(--display-font); padding: 10px 5px; width: 100% !important; } .yearHead { align-items: baseline; } .yearItem { color: var(--txt-header-secondary); font-family: var(--display-font); } .yearList { background: #cdcdcd !important; gap: 1px; } .yearsListFilterButtonNotSelected { color: var(--txt-link); font-weight: bold; } .yearsListFilterButtonSelected { background-color: var(--BRAND-BLUE); font-weight: bold; } .yearListFilterButtonDisabled { background-color: #fff !important; color: rgba(112, 112, 112, .5) !important; } .yearListFilterButtonDisabled:hover { cursor: default; } .yearListMonth button { font-family: var(--display-font) !important; } @media only screen and (max-width: 768px) { .wth3-hp_searchContainer ~ .wth3-hp_searchWhenFilterContainer .wth3-hp_searchFilterItems_when .input-icons .fa-calendar{ top: 23px; } } /* *** HP Search Widget Styles *** */ .wth2-hpStandAloneWidget { padding: 0; } #spring_widget_placement { box-sizing: border-box; display:grid; gap: 10px; grid-template-columns: 1fr 27.27%; margin: -40px auto 25px auto; max-width: var(--site-width); padding: 0 16px; } .wth3-hp_searchContainer { background-color: transparent; grid-column: 1 / span 2; height: 80px; max-width: none; width: auto; } .wth3-hp_searchInput { box-sizing: border-box; margin: 0 auto; max-width: var(--site-width); padding: 8px 0; } .wth3-hp_selectionsContainer { border: none; grid-column: 1 / span 1; margin: 0 auto; padding: 0; } .wth3-hp_countContainer_Zero { grid-column: 1 / span 2; margin: 0 !important; padding: 0 !important; } .wth3-hp_searchInput .autoCompleteResultDisabled { display:none; } .wth3-hp_searchInput #autoComplete_list { max-width: calc(var(--site-width) - 20px); position: relative; width: 100%; } .wth3-hp_searchInput #autoComplete, .wth3-hp_searchInput #autoComplete:hover, .wth3-hp_searchInput #autoComplete:focus { background-image: url(/images_unique/ucweb/icon/magnifier.svg) !important; background-position: 20px 50%; border-radius: 10px; border:4px solid; box-sizing: border-box; height: 4rem; padding: 0; width: 100%; } .wth3-hp_searchInput #autoComplete:focus { padding: 0; text-indent: 50px; } .wth3-hp_searchInput #autoComplete::placeholder, .wth3-hp_searchInput #autoComplete:hover::placeholder, .wth3-hp_searchInput #autoComplete:focus::placeholder { font-size: 1.143em; color: #1a1a1a; opacity: 1; padding: 0; text-indent: 50px; } .wth3-hp_searchInput #autoComplete:placeholder-shown{ text-indent: 50px; } .wth3-hp_selectionsContainerHeader, .wth3-hp_selectionsContainer .selection { font-family: var(--display-font); text-align: left; } .wth3-hp_selectionsContainerHeader { font-size: 1.143em; margin-bottom: 0.5rem; padding: 0; } .wth3-hp_selectionsContainer .wth3-hp_vertSelection { font-weight: normal; } .wth3-hp_selectionsContainer .selection *+* { margin: 0; } .wth3-hp_selectionsContainer .selection a { align-items: center; background-color: transparent; color: var(--txt-link) !important; display: inline-flex; flex-direction: row-reverse; font-family: var(--display-font); gap: 4px; max-width: max-content; } .wth3-hp_countWrapper { align-items: flex-end; background-color: transparent; flex-direction: column-reverse; grid-column: 2 / span 1; grid-row: 2 / span 1; justify-content: end; margin: 0 0 0 auto; max-width: max-content; } .wth3-hp_countContainer .wth3-hp_countDiscover, .wth3-hp_countContainer .wth3-hp_countAvailable, .wth3-hp_countContainer .wth3-hp_countNumber, .wth3-hp_countContainer { font-family: var(--display-font); font-size: 14px; margin: 0; width: 100%; } .wth3-hp_searchFilterContainer { font-family: var(--display-font); grid-column: 1 / span 1; height: fit-content; margin: 0 !important; max-width: none; padding: 8px 0; text-align: left; } .wth3-hp_countDiscover, .wth3-hp_vertSelection, .wth3-hp_searchFilterAnnounce { font-size: 13px; margin-bottom: 3px; margin-left: 0; text-indent: 0; } .wth3-hp_countContainer { margin-top: 0.5rem; } .wth3-hp_continueContainer { text-align: right; } #hp_searchContinue i { display: none; } .wth3-hp_searchContainer~.wth3-hp_searchPortFilterContainer, .wth3-hp_searchContainer~.wth3-hp_searchVisitingPortFilterContainer, .wth3-hp_searchContainer~.wth3-hp_searchLengthFilterContainer, .wth3-hp_searchContainer~.wth3-hp_searchCruiselineFilterContainer, .wth3-hp_searchContainer~.wth3-hp_searchCruiseshipFilterContainer, .wth3-hp_searchContainer~.wth3-hp_searchWhenFilterContainer, .wth3-hp_searchContainer~.wth3-hp_searchDiscountsFilterContainer { left: 50%; margin-left: 0; max-width: 784px; transform: translate(-50%, 0%); width: 99%; } .wth3-hp_searchPortFilterContainer, .wth3-hp_searchVisitingPortFilterContainer, .wth3-hp_searchLengthFilterContainer, .wth3-hp_searchCruiselineFilterContainer, .wth3-hp_searchCruiseshipFilterContainer, .wth3-hp_searchWhenFilterContainer, .wth3-hp_searchDiscountsFilterContainer { border: 1px solid #f3f3f3; } .wth3-hp_searchFilterContainer button, .wth3-hp_searchFilterContainer button:hover, .wth3-hp_searchFilterContainer button:visited, .wth3-hp_searchFilterContainer button:active, .wth3-hp_searchFilterContainer button:focus { background-color: var(--BRAND-WHITE); border-radius: 1.5em; border: 1px solid #191919; font-size: 14px; outline-offset: 2px; padding: 0.8em 1.071em; } .wth3-hp_searchFilterContainer button:hover { background-color: #f3f3f3; } .wth3-hp_searchFilterContainer button i { padding-left: 3px; } .wth3-hp_searchWhenFilterHeader, .wth3-hp_searchLengthFilterHeader, .wth3-hp_searchPortFilterHeader, .wth3-hp_searchCruiselineFilterHeader { color: var(--txt-header-secondary); font-family: var(--display-font); font-size: 14px; padding-top: 1.5em; padding-bottom: 0.5em; text-align: left; text-transform: capitalize; } .wth3-hp_searchPortFilterHead, .wth3-hp_searchVisitingPortFilterHead, .wth3-hp_searchLengthFilterHead, .wth3-hp_searchCruiselineFilterHead, .wth3-hp_searchCruiseshipFilterHead, .wth3-hp_searchWhenFilterHead, .wth3-hp_searchDiscountsFilterHead, .wth3-hp_searchFilterItems_cruiselinefeatured { border-bottom: 2.5px solid #f3f3f3 !important; cursor: default; display: block; position: relative; } .wth3-hp_searchWhenFilterClose, .wth3-hp_searchLengthFilterClose, .wth3-hp_searchPortFilterClose, .wth3-hp_searchCruiselineFilterClose { align-items: center; color: #000 !important; cursor: pointer; display: flex; flex-direction: row-reverse; font-size: 14px; gap: 3px; margin: 0; position:absolute; right: 5px; text-transform: capitalize; top: 5px; } .wth3-hp_searchWhenFilterClose *, .wth3-hp_searchLengthFilterClose *, .wth3-hp_searchPortFilterClose *, .wth3-hp_searchCruiselineFilterClose * { margin: 0; } .wth3-hp_searchWhenFilterClose i, .wth3-hp_searchLengthFilterClose i, .wth3-hp_searchPortFilterClose i, .wth3-hp_searchCruiselineFilterClose i { color: var(--BRAND-BLUE); font-size: 1.7em !important; } .wth3-hp_searchWhenFilterRangeHead { color: var(--txt-header-secondary); font-family: var(--display-font); font-size: 14px; font-weight: normal; } /* general */ .wth3-hp_searchFilterItems_length, .wth3-hp_searchFilterItems_ports, .wth3-hp_searchFilterItems_cruiseline, .wth3-hp_searchFilterItems_cruiselinefeatured { background-color: #f3f3f3; } .wth3-hp_searchWhenFilterHead { border-bottom: 1px solid #cdcdcd; } .wth3-hp_searchWhenFilterHead .wth3-hp_searchByDate { text-decoration: none !important; } .wth3-hp_searchWhenFilterHead .wth3-hp_searchByDate:hover { text-decoration: underline !important; } .wth3-hp_searchWhenFilterHead .wth3-hp_searchByDateActive { color: #707070; } .wth3-hp_searchWhenFilterHead .wth3-hp_searchByDateActive:hover { text-decoration: none !important; cursor: default; } .selectedItemHandler { font-size: 14px; font-weight: 400; } .selectedItemNotSelected { color: var(--txt-link); } .selectedItemNotSelected:hover { cursor: pointer; text-decoration: underline; } .wth3-hp_filterButtonHolder { margin-bottom: 3px; } .selectedItemSelected { background-color: var(--BRAND-BLUE); font-weight: bold; } .wth3-hp_filterButtonHolder button { font-family: var(--display-font) !important; } .selectedItemDisabled { color: rgba(112, 112, 112, .5) !important; } /* cruise length */ .wth3-hp_searchFilterItems_length { gap: 1px; grid-template-columns: 100%; } /* ports */ .wth3-hp_domesticPortHead, .wth3-hp_internationalPortHead { background: #fff !important; border-bottom: 3px solid #f3f3f3 !important; color: var(--txt-header-secondary) !important; font-family: var(--display-font); font-size: 14px; font-weight: bold; } @media only screen and (max-width: 950px) { .wth3-hp_searchFilterContainer { grid-column: 1 / span 2; grid-template-columns: repeat(5, 1fr) } .wth3-hp_countWrapper { grid-row: 3 / span 1; } .wth3-hp_searchFilterAnnounce { grid-column-end: 1; } } @media only screen and (max-width: 768px) { .wth3-hp_searchContainer ~ .wth3-hp_searchWhenFilterRangeContainer .wth3-hp_range_play { margin: 0; } } @media only screen and (max-width: 730px) { #spring_widget_placement { grid-template-columns: 1fr; } .wth3-hp_countWrapper { grid-column: 1 / span 1; margin: 0 auto 10px auto; } .wth3-hp_searchFilterContainer { grid-column: 1 / span 1; grid-template-columns: repeat(2, 1fr); margin: 0 auto !important; max-width: 400px; width: 80%; } .wth3-hp_searchFilterAnnounce { grid-column: 1 / span 2; } } @media only screen and (max-width: 630px) { .wth3-hp_searchContainer ~ .wth3-hp_searchPortFilterContainer, .wth3-hp_searchContainer ~ .wth3-hp_searchVisitingPortFilterContainer, .wth3-hp_searchContainer ~ .wth3-hp_searchLengthFilterContainer, .wth3-hp_searchContainer ~ .wth3-hp_searchCruiselineFilterContainer, .wth3-hp_searchContainer ~ .wth3-hp_searchCruiseshipFilterContainer, .wth3-hp_searchContainer ~ .wth3-hp_searchWhenFilterContainer, .wth3-hp_searchContainer ~ .wth3-hp_searchDiscountsFilterContainer { min-width: auto; transform: none; } } @media only screen and (max-width: 430px) { #spring_widget_placement { display: block; } .wth3-hp_countWrapper { display: flex !important; min-width: 100%; } .wth3-hp_searchContainer { width: 100%; } .wth3-hp_searchFilterContainer { width: 100%; } } @media only screen and (max-width: 325px) { .wth3-hp_searchFilterContainer { width: 100%; display: flex; flex-direction: column; align-items: start; } .wth3-hp_searchFilterButton, .wth3-hp_searchFilterButton:hover, .wth3-hp_searchFilterButton:active, .wth3-hp_searchFilterButton:focus { max-width: none; width: 100%; } } /* *** Left Rail Search Widget Styles *** */ .wth3-ln_main_search .wth3-ln_filter_item_text, .wth3-ln_main_search .acc-head { font-family: 'Open Sans', sans-serif; font-size: 1.143em; } .wth3-ln_main_search .wth2-msRemoveFilter { background: transparent; color: var(--txt-link); font-family: 'Open Sans', sans-serif; text-decoration: none; } .wth3-ln_filter_item#ln_filter_destinations, .wth3-ln_main_search .wth3-ln_filter_item { border-color: #ccc; border-width: 1px; } .wth3-ln_filter_destinations_selections #autoComplete, .wth3-ln_filter_destinations_selections #autoComplete:hover, .wth3-ln_filter_destinations_selections #autoComplete:focus { background-position: left 1rem top 0.9rem; } .wth3-ln_main_search .wth3-hp_searchInput #autoComplete, .wth3-ln_main_search .wth3-hp_searchInput #autoComplete:hover, .wth3-ln_main_search .wth3-hp_searchInput #autoComplete:focus { border: 1px solid #ccc; border-radius: .3125em; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); font-size: 1em !important; height: 3rem; } .wth3-ln_main_search .wth3-hp_searchInput #autoComplete::placeholder, .wth3-ln_main_search .wth3-hp_searchInput #autoComplete:hover::placeholder, .wth3-ln_main_search .wth3-hp_searchInput #autoComplete:focus::placeholder { color:#707070; font-size: 1em !important; } .wth3-ln_filter_destinations_selections #autoComplete_list { margin-left: 0; } .acc-body .wth2-discountsContainer .wth2-shoppingZipCode, .acc-body .wth2-discountsContainer .wth2-shoppingZipCode i, .acc-body .wth2-discountsContainer .wth2-shoppingZipCodeHint, .acc-body label#includeSeniorRatesLabel, .acc-body .wth2-discountsCheckbox i { color: unset; } .wth3-ln_main_search .wth2-discountsContainer .wth2-shoppingZipCode i:hover, .wth3-ln_main_search .wth2-discountsContainer .wth3-seniorDiscountInfo i:hover { color: unset; } .wth2-resultsItinContainer { border-color: #D4D4D0; background: #F1F1F0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F0', endColorstr='#F1F1F0',GradientType=0); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F0), to(#F1F1F0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #F1F1F0, #F1F1F0); /* for firefox 3.6+ */} .wth2-brochurePrice {background:transparent;border-bottom-color:#CCC;color:#002244; font-weight: 600;} h2.wth2-brochureName a {font-weight:400; text-decoration:underline;color:#000 !important;} h2.wth2-brochureName a:hover {font-weight:400; text-decoration:none;color:#000 !important;} .wth2-shipCallout, .wth2-callout {color:#006080; font-weight: bold; font-style: normal;} .wth2-portsOfCall, .wth2-departFrom, .fa-globe, .fa-map-marker {color:#000 !important;} .wth2-resultsBonusHeader {color:#000;} .wth2-bucketType {color:#000;} .wth2-bucketPrice {line-height:28px; color:#0033A0; font-size: 24px;} .wth2-bucketRateType {padding:3px 0; color:#0033A0; font-size: 16px;} .wth2-reviewsBubble { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2234px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2034%2030%22%20enable-background%3D%22new%200%200%2034%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3ERectangle%2065%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20sketch%3Atype%3D%22MSPage%22%3E%3Cg%20transform%3D%22translate%28-583.000000%2C%20-1166.000000%29%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%3Cpath%20sketch%3Atype%3D%22MSShapeGroup%22%20fill%3D%22%23002244%22%20d%3D%22M585.84%2C1191.15c-1.569%2C0-2.84-1.304-2.84-2.911V1168.9c0-1.611%2C1.271-2.911%2C2.84-2.911h28.32c1.568%2C0%2C2.84%2C1.303%2C2.84%2C2.911v19.339c0%2C1.611-1.271%2C2.911-2.84%2C2.911h-10.348v4.86l-7.59-4.86H585.84z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); color:#fff; } .wth2-scTopSection .wth2-perNightPrice { color: #000; } .wth2-grayTopBorder { border-color: #7C878E; } .wth2-yourSelectionsHeader { color: #000 !important; } .wth2-promoMultiselectVertical .wth2-searchbutton { float: left; } .wth2-promoMultiselectVertical .wth2-searchbutton a#searchMultiWidget { border-radius: 4px !important; border: 2px solid #7359C2 !important; text-shadow: none !important; color: #fff !important; font-weight: 600 !important; background-color: #6244bb !important; font-size: 19px !important;; padding: 8px 40px !important;; } .wth2-promoMultiselectVertical .wth2-searchbutton a#searchMultiWidget:hover{ background-color: #392A6E !important; } /* Admin Section */ .wth2-adminSection { float: none; max-width: var(--site-width); margin-left: auto; margin-right: auto; } .wth2-adminSection, .wth2-floatingadminBackgroundSection {background: #e6e6e6 !important; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#e6e6e6'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #e6e6e6, #e6e6e6) !important; /* for firefox 3.6+ */ color:#002244; } .wth2-adminCsLink, .wth2-adminEmailLink, .wth2-adminTopLink, .wth2-closeAdmin {font-weight:normal !important; color:#002244 !important;} /* use for link color overwrites if needed -- use !important */ .wth2-adminCsSection, .wth2-adminEmailSection {color:#002244; border-color:#002244;} .wth2-adminPhoneSection {color:#002244;} /* Show Cruise Page Styles */ .wth2-scBrochurePrice {background:transparent;border-color:transparent;color:#002244;} .wth2-scBrochureName {font-weight:700;color:#000;} .wth2-scTopSection {clear: both; margin-top: 20px;} .wth2-scTopSection .wth2-cabinType span {color:#002244;} .wth2-scTopSection .wth2-lowLeadPrice {color:#0033A0;} .wth2-scTopSection .wth2-rateType {color:#0033A0;} /*Itinerary Page - Tabs */ .wth2-scTabNavbar {background:#B6B8DC;border-color:transparent;} .wth2-scTabNavbar.ui-navbar ul {border-right: none; border-left: none;} .wth2-scTabs {border-color:#fff !important;} .wth2-scTabs a {color:#000 !important;border-color:#fff !important;} .wth2-scTabs .ui-btn-active, .wth2-scTabs .ui-btn:active, .wth2-scTabs .ui-btn:focus, .wth2-scTabs .ui-btn:hover {border-color:#000000 !important;background: #002244 !important;color:#fff !important;} /*Itinerary Page - New Ajax driven Tabs */ .wth2-scContentSection .wth2-scContentNavbar {background:#B6B8DC;border-color:#B6B8DC;border-bottom-color:#002244;} .wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs {background:#B6B8DC;color:#000 !important;border-color:#fff !important;} .wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs[aria-expanded="true"], .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:active {border-color:#002244 !important;background: #002244 !important;color:#FFFFFF !important;} @media (hover: hover) { .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:hover {border-color:#002244 !important;background: #002244 !important;color:#FFFFFF !important;} } .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:hover, .wth2-scContentSection .wth2-scContentNavbar .wth2-scContentSection .wth2-expandCollapseScTabs:active {border-left-color:#fff !important;border-right-color:#fff !important;} .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:focus, .wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs[aria-expanded="true"]:focus {outline:none !important;border-left-color:#fff !important;border-right-color:#fff !important;border-top:#edb72b 4px solid !important;margin-top:-4px;} .wth2-thumbWrapper .swiper-container { max-width: var(--site-width); width: auto; } .wth2-expandCollapseOuterWrapper h2 a {border-right-color:#999;border-left-color:#999;} .wth2-dayByDayItinSection th {background:#002244;color:#fff;} .wth2-sailingDateHeader {color:#000;} .wth2-scSailingList .wth2-scSailingListHead, .wth2-scSailingList .wth2-scSailingListHead .ui-block-a, .wth2-scSailingList .wth2-scSailingListHead .ui-block-b,.wth2-scSailingList .wth2-scSailingListHead .ui-block-d {background:#F1F1F0 !important;} .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceHeader .wth2-bucketPrice , .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceMatch {color:#0033A0 !important;} .wth2-scSailingList .wth2-dateRange {color:#000;} .wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOfferHeader {color:#006080 !important;} .wth2-scSailingList .wth2-bucketPriceHeader {padding-top:4px;} /* needed for mileage site only */ .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a {border-left-color:#ccc;} .wth2-scSailingList .ui-grid-b {background: #fff; } .wth2-scSailingList .ui-grid-b .ui-block-b {border-left: 1px solid #D4D4D0;} .wth2-scSailingList .wth2-scSailingListHead.ui-grid-b .ui-block-b .ui-block-c .ui-block-a {border-color: #fff;} .wth2-sailingDateContainer .wth2-scSailingList .wth2-scSailingListHead .ui-block-b, .wth2-scSailingList .ui-grid-b.wth2-scSailingListHead .ui-block-b .ui-block-d {background: #F1F1F0 !important;} .wth2-scTabContent .wth2-tabContentHeader, .wth2-highlightsContainer .text, .wth2-scTabSubHeader, .wth2-scTabContent .wth2-scTabContentTextLeft .text, .wth2-scStateroomsContent h2, .wth2-scStateroomsContent h3, .wth2-scDiningContent .fd_header, .wth2-scEntertainmentContent .ea_margins_header, .wth2-scEntertainmentContent .ea_info, .wth2-scDeckplansContent h2.wth2-stateroomCategories, .wth2-scDeckplansContent h2, .wth2-scDeckplansContent h3.wth2-deckName, .wth2-scDeckplansContent h3.wth2-roomName, .wth2-scDeckplansContent .ui-grid-b .ui-block-a h2.wth2-keyToSymbols, .wth2-shipOverview_accessHeader, .wth2-forregCont .wth2-forregSubHeader, .wth2-luxFill {color:#000;} /* Inputs */ /* radio color brand style */ .wth2-radioBtn .ui-radio-on:after {border-color: #002244 !important;} label > input[type="radio"]:checked + *::before, label.ui-radio-on > input[type="radio"] + *::before { background: radial-gradient(white 0%, white 40%, #002244 50%, #002244); border-color: #002244; } /* checkbox color brand style */ .wth2-styledCheckbox:checked + label:before{background-color:#002244!important;} /* Booking Engine Brand specific styles */ .wth2-termsAndConditions {padding-top:0;} /*Not Brandable - adjusted per brand as needed based on footer*/ /* Booking Engine Brand Brand Colors that can be changed */ .wth2-beStepNavigation .wth2-beStepTriangleOff:after {border-left-color:#fff; } /* OFF STATE: fill color of triangle */ .wth2-beStepNavigation .wth2-beStepTriangleOn:after {border-left-color:#002244; } /* ON STATE: fill color of triangle background:#287528;border:#287528; */ .wth2-beStepNavigation .wth2-beStepTriangleChecked:after { border-left-color:#ddd; }/*2172ba CHECKED STATE: fill color of triangle background:#e9f4e1;border:#669257; */ .wth2-beStepNavigation .wth2-beStepTriangleOff:before {border-left-color:#7c878e;} /* OFF STATE: border color of triangle */ .wth2-beStepNavigation .wth2-beStepTriangleOn:before {border-left-color:#002244;} /* ON STATE: border color of triangle border:#287528 1px solid;background:#287528;*/ .wth2-beStepNavigation .wth2-beStepTriangleChecked:before {border-left-color:#7c878e;} /* CHECKED STATE: border color of triangle background:#e9f4e1;color:#669257; */ .wth2-beStepNavigation .wth2-beStepOn {border-color:#7c878e;background:#002244;color:#fff;} .wth2-beStepNavigation .wth2-beStepChecked {border-color:#7c878e;background:#ddd;color:#000;} .wth2-pricingSummary .wth2-bucketRateType {color:#002244;} /* based on W.I.S.E. success color green #287528 */ .wth2-termsAndConditions {color:#000;} .wth2-termsAndConditionsHeader {color:#000;} .wth2-termsAndConditionsSubHeader {color:#000;} .wth2-beBucketHeader, .wth2-beBucketHeader:hover {background:#002244 !important;color:#fff !important;text-shadow: none;} /* Based on mobile style sc.do View Day by Day itinerary header color */ .wth2-beBucketContent .wth2-roomUpgrade .wth2-roomUpgradeCallout, .wth2-roomTypeWrapper .wth2-roomUpgrade .wth2-roomUpgradeCallout {color:#3e7d3b;} /* same color as wth2-bucketRateType used on Step 2 and 3 (example on show cruise page for Senior/Past Guest/Resident Rate) */ /* Step Nav OFF states brandable place holder CSS */ .wth2-beStepNavigation .wth2-beStepTriangleOff:after {border-left-color:#fff} /* border-left-color:#fff */ .wth2-beStepOff {background-color:#fff;} /* background-color:#fff; */ .wth2-beStepNavigation .wth2-beStep {color:#000;} /* color:#777; */ .wth2-beStepNavigation .wth2-beStepOff {border-color:#7c878e;} /* border-color:#ccc; */ .wth2-beStepNavigation .wth2-beStepTriangleOff:before {border-left-color:#7c878e;} /* border-left-color:#ccc; */ /* MileagePlus Slider */ .ui-slider-track .ui-btn-active {background-color:#edb72b !important;} .ui-slider-track.ui-state-disabled .ui-btn-active {background-color:#f5f5f5 !important;} .ui-slider-track.ui-state-disabled .ui-btn.ui-slider-handle {background-color:#f5f5f5 !important;border:1px solid #ddd;} .wth2-mileageSlider::-webkit-slider-thumb { background: #6244BB; /* slider handle background - brandable - purple 6244BB */ border:#422b86 2px solid; /* slider handle border - brandable */ } .wth2-mileageSlider::-moz-range-thumb{ background: #6244BB; /* slider handle background - brandable - purple 6244BB */ border:#422b86 2px solid; /* slider handle border - brandable */ } .wth2-mileageSlider::-ms-thumb{ background: #6244BB; /* slider handle background - brandable - purple 6244BB */ border:#422b86 2px solid; /* slider handle border - brandable */ } .wth2-maxAmountDisabled {color:#999;} /* Customer Self Service Containers */ #css_login_page_id .wth2-content{font-family: Arial, sans-serif;font-size: 14px;width:auto;} #wth2-cssFAQcontainer, .wth2-cssLoginForm { color:#003057; border-color:#f5f5f5; /* Used to turn off border color - to turn on set: border-color:#333333; */ background: #f5f5f5; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f5f5f5, #f5f5f5); /* for firefox 3.6+ */ box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);} .wth2-cssLoginForm a,.wth2-cssLoginForm a:visited,.wth2-cssLoginForm a:active {text-decoration:underline !important;} .wth2-cssLoginForm a:hover{text-decoration:none !important;} .bottombanner { width: 518px; margin: 20px 0px 5px 0px; padding: 10px 0px; background-color: #EEE; border: 1px solid #CCC; color: #333; font-size: 18px; text-align: center; } .bottombanner .pricecolor { color:#2172ba; } /* MileagePlus category page */ .wth2-body_URWEB .wth2-cat_fromPrice{font-size:20px !important;} .wth2-body_URWEB .wth2-cat_subGroupPrice{font-size:18px;} .wth2-body_URWEB .wth2-bucketPrice {font-size: 16px !important;line-height:1.3 !important;display:block;} /* .wth2-resultsCardBuckets */ label#cat_leadPrice_balcony_label { width: 298px; } .wth2-cat_filterButtonsContainer .wth2-cat_defaultFilter { width: 140px; } /* MAGNOLIA HEADER STYLES */ .wthHeaderWrap { width: 100%; height: 100px; background: #002244; } #wthHeaderModuleContainer { width: 100%; max-width: var(--site-width); margin: 0px auto; padding: 0; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .UNITED_HeaderLogo { float: left; width: 22%; margin: 42px 0 0 0; padding: 0; } .UNITED_CorpURL, .UNITED_BookUsingMiles, .wthHeaderModules_WTHtravelAdvisory, .UNITED_HeaderPhone, .UNITED_CruiseRes { float: left; font-family: 'Open Sans', arial, sans-serif; font-size: 14px; line-height: 36px; margin: 30px 0 34px 20px; padding: 0; text-align: right; text-transform: uppercase; width: auto; } .wthHeaderModules_WTHtravelAdvisory { display: block; clear: both; } .UNITED_CruiseRes { float: right; } /* This is intentionaly using the Module Number. Travel Advisory will be 1 when active, United.com when not. This ensures the first link gets the correct margin. -VM */ .wthHeaderModules_1 { margin-left: 95px; } .UNITED_CorpURL a, .UNITED_CorpURL a:hover, .UNITED_CorpURL a:visited, .UNITED_CorpURL a:active, .UNITED_BookUsingMiles a, .UNITED_BookUsingMiles a:hover, .UNITED_BookUsingMiles a:visited, .UNITED_BookUsingMiles a:active, .UNITED_HeaderPhone a, .UNITED_HeaderPhone a:hover, .UNITED_HeaderPhone a:visited, .UNITED_HeaderPhone a:active, .UNITED_CruiseRes a, .UNITED_CruiseRes a:hover, .UNITED_CruiseRes a:visited, .UNITED_CruiseRes a:active { color: #fff; text-decoration: none; } .UNITED_CorpURL a:hover, .UNITED_BookUsingMiles a:hover, .UNITED_HeaderPhone a:hover, .UNITED_CruiseRes a:hover { text-shadow: 0 0 10px #fff !important; } .wthHeaderModules_WTHtravelAdvisory a, .wthHeaderModules_WTHtravelAdvisory a:hover, .wthHeaderModules_WTHtravelAdvisory a:visited, .wthHeaderModules_WTHtravelAdvisory a:active { color: #ffc658; text-decoration: none; } .wthHeaderModules_WTHtravelAdvisory a:hover { text-shadow: 0 0 10px #ffc658 !important; } .UNITED_HeaderNav { float: none; text-align: right; clear: both; height: 65px; } .wthHeaderLogo .headerLogoFunction img { max-width: 170px; height:auto; } .wthHeaderCruiseReservationWrap { float: left; padding-left: 20px; } .headerCruiseReservationPipe { display: none; } .wthHeaderPhone { float: right; color: #fff; text-align: right; } .wthHeaderPhoneNumber { float: right; font-size: 14px; } .wthHeaderPhoneText { float: right; padding-right: 9px; } #wthHdrPhoneLabel, #wthHdrLuxPhone, #wthHdrMainPhone { float: left; font-size: 24px; font-weight: bold; } #wthHeaderModuleContainer .wthHeaderNav ul li.wthHeaderNavMainLinks, #wthHeaderModuleContainer .wthHeaderNav ul li.wthHeaderNavMainLinks:hover { margin: 1px 0; font-family: 'Open Sans', arial, sans-serif; color: #FFFFFF; } #wthHeaderModuleContainer .wthHeaderSubNavLinks { margin-left: 0; } .wthHeaderPhoneText { display: none; } .wthHeaderCruiseReservationWrap { float: right; margin-left: 30px; color: #fff; text-transform: uppercase; } .UNITED_HeaderNav { float: none; background:#fff; text-align: right; clear: both; height: 65px; position: relative; top: 0; left: 0; width: 100%; z-index: 2; } /* Homepage header overwrites */ #home_page_id .UNITED_HeaderNav { position: absolute; top: 100px; background: rgba(255, 255, 255, 0.75); } .wthHeaderNavWrapper { width: 100%; margin: 0; position: relative; right: 0; } .wthHeaderNav { clear: both; padding: 0px; text-align: right; float: none; z-index: 1; height: 65px; position: relative; max-width: var(--site-width); margin: 0 auto; } #wthHdrPhoneLabel, #wthHdrLuxPhone, #wthHdrMainPhone { font-size: 14px; font-weight: normal; } .wthHeaderNav ul li a.headerNavMainLink { font-size: 16px; font-weight: normal; color: #002244; line-height: 60px; display:block; text-align: left; text-decoration: none; } .wthHeaderNav ul li.wthHeaderNavMainLinks:hover { text-shadow: 0 0 5px #999; } .wth2-desktopOnly .wthHeaderNavMenu { margin: 0 auto; float: right; } /* MAGNOLIA FOOTER STYLES */ .wthFooterWrap { max-width: var(--site-width); margin: 0px auto; text-align: center; min-height: 232px; color: #fff; } #wthFooterModuleContainer {padding-top: 40px;} .wthFooterLinksGroup { float: left; color: #fff; font-size: 12px; text-align: left; width: 25%; } .wthFooterLinksGroup ul { padding: 0 0 0.5em 20px; margin: 0; } .wthFooterLinksGroup li { list-style: none; } .footerLinkLI a.footerLink.ui-link, .footerLinkLI a.footerLink.ui-link:hover, .footerLinkLI a.footerLink.ui-link:active, .footerLinkLI a.footerLink.ui-link:visited { font-size: 14px; line-height: 28px; color: #fff !important; margin:2px; } .footerLinkLI .fa-suitcase { color: #fff; } .footerLinkLI a.footerLink.ui-link, .footerLinkLI a.footerLink.ui-link:visited, .footerLinkLI a.footerLink.ui-link:active { text-decoration: none; } .footerLinkLI a.footerLink.ui-link:hover { text-decoration: underline; } #footer-maggie { text-align: left; } #footer-maggie p#footer-maggie-call { padding-top: 0; } .wthFooterLinksGroup h5 { height: 35px; margin: 5px 0 20px 0; border-bottom: 1px solid #707070; font-weight: bold; font-size: 15px; line-height: 1.25em; color: #fff; padding-left: 20px !important; } .wthfooterModules_WTHfooterCopyright.WTHfooterCopyright, .wthfooterModules_WTHfooterCopyright .WTHfooterCopyright{ width: 100% !important; } .WTHfooterCopyright { clear: both; padding-top: 20px; color: #000; position: relative; top: 40px; padding-left: 20px; box-sizing: border-box; } .wth2-desktopOnly .UNITED_Footer_Divider { height: 0; border: 1px solid #707070; position: absolute; top: 80px; left: 0; width: 100%; } .wth2-responsiveOnly .UNITED_Footer_Divider { display: none !important; } .wth2-fallbackFooter .wth2-fallbackFooterInner { padding: 40px 0 0 0; } .wth2-cssEmailHint{color:#2172ba;} @media only screen and (min-width:1024px) { .wthHeaderNav ul li.wth2-responsiveOnly { display:none !important; } .wth2-footer .wth2-desktopOnly { background: #ffffff; padding-bottom: 150px; } .responsiveLoginbar {display:block !important;} } @media only screen and (min-width: 10px) and (max-width: 1023px) { .wthHeaderLogo{display:none;} .ua-header-login{clear:both;} .wth2-footer .wth2-responsiveOnly { background: #ffffff; padding-bottom: 150px; } .wth2-fallbackFooter.wth2-fallbackFooter, .wth2-fallbackFooter.wth2-fallbackFooter .wth2-fallbackFooterInner, .wth2-fallbackFooter.wth2-fallbackFooter .wth2-responsiveMagFooter, .wth2-fallbackFooter.wth2-fallbackFooter .wthFooterModuleContainer, .wth2-fallbackFooter.wth2-fallbackFooter .wthfooterModules_WTHfooterLinksList { width: 100% !important; } .wth2-fallbackFooter.wth2-fallbackFooter .wthFooterLinksGroup { width: 100% !important; } .wthFooterLinksGroup h5 { border-bottom: 1px solid #707070; } #wthFooterModuleContainer { padding-top: 20px; } .wth2-fallbackFooter .wth2-fallbackFooterInner { padding: 0; } .wth2-fallbackFooter.wth2-fallbackFooter .footerLinksGroup_2 .customFooterHeading, .wth2-fallbackFooter.wth2-fallbackFooter .footerLinksGroup_4 .customFooterHeading { display: none; } .wth2-fallbackFooter.wth2-fallbackFooter .footerLinksGroup_3 .customFooterHeading { margin-top: 50px !important; } .wth2-fallbackFooter.wth2-fallbackFooter .wthFooterLinksGroup ul { padding: 0 0 0 20px !important; margin: 0; } /* responsive header override */ .wth2-responsiveOnlyHeader, .wth2-unitedResponsiveCSSLink{display:block;} .wth2-responsiveLogoBg {width: 40%!important;display:inline-block;float:left;min-height:45px;padding: 10px 0px 10px 0px;} .wth2-resonsiveHeaderAbove {background-color: transparent;display: inline-block;float: left;min-height: 45px;padding: 10px 0px 0px;width: 50% !important;} .responsiveHeaderToggle{width:10%;display:inline-block;background-color: #002244;float:left;min-height:45px;padding: 10px 0px 10px 0px;text-align:right;} .responsiveHeaderToggle a {display:block;margin:4px;color:#fff !important;} .wth2-resonsiveHeaderAbove .wthTravelAdvisoryLink, .wth2-resonsiveHeaderAbove .wthTravelAdvisoryLink:hover, .wth2-resonsiveHeaderAbove .wthTravelAdvisoryLink:visited, .wth2-resonsiveHeaderAbove .wthTravelAdvisoryLink:focus{float:none;color: #ffc658;} #mobileLogo{margin-left:8px;} .wth2-responsiveToggleIcon{font-size:26px!important; color:#ffffff;margin:auto; margin-right:20px;margin-top:5px;} #loginbar {display:none;} .wth2-headerBar {padding:0;float:left;width:100%;} .responsiveLoginbarBg{display:none;background-color:#002244;width:100%;text-align:right;padding:0;line-height:1.8;min-height:auto;border-bottom:1px solid #ffffff;} .responsiveLoginbarBgInner div {line-height:2;float:right;text-align:right;} .wth2-responsiveHeaderTopContainer{height:65px;border-bottom:1px solid #ffffff;background-color: #002244;} .ua-header-loginDetail{float:left;margin:1em .5em .5em;color:#ffffff;line-height:1.6;} .ua-header-loginDetail a, .ua-header-loginDetail a:hover, .ua-header-loginDetail a:focus, .ua-header-loginDetail a:visited{color:#ffffff;text-decoration:underline;} .ua-header-loginDetail a:focus {outline-color:#fff;} .wth2-responsiveReplacementRes{background-color:#002244; min-height:30px;text-align:right;border-bottom:1px solid #ffffff;display:none;} .wth2-responsiveReplacementRes a,.wth2-responsiveReplacementRes a:hover, .wth2-responsiveReplacementRes a:visited, .wth2-responsiveReplacementRes a:focus{color:#ffffff;margin-right:8px;} #ualoginTopper{float:right;} .responsiveLoginbar {padding:0 1.5em 0 0;} .responsiveLoginbar #uamessage {display:none;} .wth2-responsiveLoginMyAccount, .responsiveLoginbar a {text-decoration: underline !important;} .wth2-responsiveLoginMyAccount:hover, .responsiveLoginbar a:hover {text-decoration: none !important;} .responsiveLoginbar, .responsiveLoginbar #uamessage {float:none !important;text-align:left !important;} .responsiveLoginbar #ualoginlogout {clear:both;float:left;padding-top:5px;font-size:14px;} .responsiveLoginbar .wth2-responsiveOnly.cross-link {float:left !important;padding-left:0 !important;margin-bottom:8px !important;border-left:none !important;} .responsiveLoginbar .wth2-responsiveOnly.cross-link a {display:block;} .responsiveLoginbar #unitedHeaderMessage, .responsiveLoginbar #ualogin, .responsiveLoginbar #ualogout {margin-bottom:8px !important;} .wth2-beFooterResponsive {padding:0 5px;} .responsiveLoginbar #uamessage, .responsiveLoginbar #uamembernumber, .responsiveLoginbar #uamemberlevel, .responsiveLoginbar #uabalance, .responsiveLoginbar #uabalance_miles, .responsiveLoginbar {line-height:1.3;} .wth2-body_URWEB .wth2-lowLeadPrice{font-size:18px;line-height:1.4;} .wth2-body_URWEB .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceHeader .wth2-bucketPrice, .wth2-body_URWEB .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceMatch {line-height:1.3 !important;padding: 5px 0;} .wth2-bucketPerNightPrice {line-height:1.3;} .wth2-scSailingList .wth2-bucketPriceHeader {font-size:16px;} .wth2-body_URWEB .wth2-resultsCardBuckets .wth2-bucketPerNightPrice {padding:0 5px;} .wthFooterModules_4 {padding-top:0;top:0;} .wth2-responsiveHeaderBCSS{float:right;} } @media only screen and (min-width:10px) and (max-width:757px) { .wth2-body_URWEB .wth2-bucketPrice {font-size: 16px !important;line-height:1.3 !important;} .wth2-body_URWEB .wth2-resultsCardBuckets .wth2-bucketPrice {line-height:1.2;padding:5px 0;} } @media only screen and (min-width:10px) and (max-width:600px) { .responsiveLoginbar {padding:0 1em 0 0;} .responsiveLoginbar #uamembernumber, .responsiveLoginbar #uabalance {font-size:13px;} .responsiveLoginbar #uamembernumber {border-left:none !important;padding-left:0 !important;} .responsiveLoginbar #uaname {float:none;padding-bottom:6px;} .wth2-body_URWEB .wth2-bucketPrice {font-size: 16px !important;line-height:1.3 !important;} } /* OVERWRITE FOR MILEAGEPLUS PRICING DETAILS */ .wth2-body_URWEB .wth2-bookingDetailsSection .ui-block-a .wth2-bookingDetailsWrapper{width: 60%;} .wth2-body_URWEB .wth2-bookingDetailsSection .ui-block-b {width: 40%;} .wth2-body_URWEB .cruiseFareAndPortsPricingDetailAB {width: 38%;} .wth2-body_URWEB .taxPricingDetailAB {width: 36%;} .wth2-body_URWEB .wth2-itinDetailsLabelPricingDetailAB {width: 55%;} /*Maggie Box C-Column */ .maggie_ccol_container {display: none;} .maggie_dark_container { margin-top: 10px; padding: 15px; font-family: 'Open Sans', arial, sans-serif; text-align: left; } .maggie_ccol_heading { color: #003057; font-size: 18px; font-weight: bold; line-height: 24px; } .maggie_details { margin: 5px 0; color: #333; font-size: 14px; line-height: 19px; } .maggie_phone_number { color: #003399; font-size: 20px; font-weight: bold; line-height: 28px; } /* matterport */ .wth2-matterport-galleryThumbnail:hover .wth2-matterportSliderImagePlayIconBox { background-color: var(--btn-primary-bg_hover); } /* matterport category page */ .wth3-roomType-popup-body::-webkit-scrollbar-thumb { background: var(--BRAND-DARKPURPLE); } .wth3-virtualTour .wth2-cat_pointer:hover .wth3-matterportThumbnailPlayIcon { background: var(--BRAND-DARKPURPLE); } .wth3-virtualTour .wth2-cat_pointer:hover .fa-play { color: #fff; } .wth2-cat-roomTypeName .wth3-playIcon { border: 2px solid #006080; } @media only screen and (min-width: 10px) and (max-width: 1023px) { #css_login_page_id .wth2-footer div{ float: none !important; } #css_login_page_id .wth2-fallbackFooter .wthFooterLinksList{ float: none !important; } #css_login_page_id .wth2-fallbackFooter li, .wth2-fallbackFooter a, .wth2-fallbackFooter .wthFooterCopyright { font-size: 14px !important; } }