html body{ margin-top: 0px; line-height: 1.6; font-size: 15px; background-image: none !important; background: #fff; -webkit-font-smoothing: subpixel-antialiased; } html body.uiuxengine{ background-image: none !important; } body .navbar .navbar-collapse .navbar-nav li { border-left: 0px !important; } strong{ font-weight: 700; } #header{ margin-bottom: 20px; } .dropdown-menu .divider{ margin: 11px 0px; } .tab-content{ position: relative; } .carouselv3{ margin-bottom: 20px; } .form-control{ border-radius:3px; border-bottom-right-radius: 0; border-top-right-radius: 0; font-size: 15px; height: 46px; color: #656f7e !important; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999 !important; } .form-control::-webkit-input-placeholder { color: #999; } .panel .panel-heading{ border-top: 1px solid #fff; } .panel-body{ border-top: 1px solid transparent; } .btn {padding-left: 8px !important; padding-right: 8px !important; width: 100% !important; } .btn-default .badge, .btn-primary { background-color: #542e91; } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary,form.hxEmbed .hx-btn-ultimate:hover, form.hxEmbed .hx-btn-ultimate:focus, form.hxEmbed .hx-btn-ultimate:active, form.hxEmbed .hx-btn-ultimate.active, .open .dropdown-toggleform.hxEmbed .hx-btn-ultimate{ border: 5px solid #65439c; background-color: #3e226a !important; } .input-group .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .depurple #headerNavBar .searchForm form{ margin-top: -1px; } body .navbar .navbar-collapse .navbar-nav li > a { line-height: 1.6; } body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a { padding: 0px; text-decoration: none; } .navbar-nav{ margin-bottom: 0px; margin-left: 0px; } .navbar { border-radius: 0px; } .navbar-collapse{ padding-left: 0px; padding-right: 0px; } body .navbar-static-top .navbar-nav>li>a { line-height: 24px; } body .navbar .nav li a:hover{ text-shadow: none !important; } .navbar-default .navbar-toggle .icon-bar { background-color: #888 !important; width: 25px; height: 3px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #6135a8 !important; } .navbar { background-color: #542e91; background: transparent; border: none; margin-bottom: 0; } .navbar-brand { background-image: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/images/logos/HolidayExtras-logo-horizontal-transparent.svg); background-size: contain; width: 170px; height: 58px; text-indent: -5000em; left: 50%; margin-left: -85px; margin-top: 0; margin-bottom: 0; z-index: 1000; position: absolute; } .carousel-inner>.item { z-index: 0; } .nav-list-inline > li{ padding-left: 5px; padding-right: 5px; } @media only screen and (max-width: 991px) { body .navbar .navbar-collapse .navbar-nav li.divider { display: block !important; } .navbar-nav .open .dropdown-menu { position: absolute; background-color: #fff; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .nav-list-inline > li{ padding-left: 3px; padding-right: 3px; } #footerLogin .col-sm-5{ padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; } #footerLogin .btn { padding: 13px 9px; border: 0px; } #footerLogin .container, .footer-links-list { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px){ .nav > li{ display: inline-block; } .navbar-brand { position:static; } .navbar-brand { margin: 0; left: 0; background-image: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/images/logos/HolidayExtras-logo-stacked-transparent.svg); width: 123px; height: 80px; } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-header { float: left; } .megamenuNavCol { width: 50%; } .megamenuNavCol { float: left; } .h4, h4 { font-size: 18px; } .depurple #footerLogin .col-sm-5 { width: 41.66666667%; } #seoLinks .col-sm-3 { width: 25%; float: left; } } @media only screen and (min-width: 992px){ .navbar-brand { width: 144px; height: 94px; } .navbar > .container .navbar-brand { margin-left: 0px; } body .navbar .navbar-collapse .navbar-nav li > a{ text-align: center; } #seoLinks { display: block; } } @media only screen and (min-width: 1200px){ .navbar-brand { width: 167px; height: 109px; } nav#header .container .navbar-header .navbar-brand { height: 109px!important; background-size: 167px 109px; width: 167px; } } .navbar .logo { width: 220px; } .in { margin:0 !important; } .hx-brand { float: right; font-size: 18px; font-weight: 300; line-height: 56px; color: #fff; } .logo img { width: 250px; padding-top: 20px; } nav#header .container { width: 100%; padding: 0; } nav#header .container .navbar-collapse ul.nav>li>a { color: #fff; font-size: 16px; margin-top: -14px; padding: 13px 8px; cursor: pointer; } li.dropdown.dropdown-menu.hidden-loggedin { width: 100%; } nav#header .container .navbar-collapse ul.nav>li.searchForm { max-width: 200px; } nav#header .container .navbar-collapse ul.nav>li.searchForm input { height: 26px; position: relative; top: -2px; padding: 0 5px; border: 1px solid #6a3ab8; } nav#header .container .navbar-collapse ul.nav>li.searchForm .input-group-btn button{ height: 26px; position: relative; top: -2px; padding: 0 5px; border: 1px solid #6a3ab8; } nav#header .container .navbar-collapse ul.nav>li.searchForm .input-group-btn button { top:-3px\9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { nav#header .container .navbar-collapse ul.nav>li.searchForm .input-group-btn button { top:-3px !important; } nav#header .container .navbar-collapse ul.nav>li.searchForm input{padding-top: 3px !important;} } .depurple nav#header .container .navbar-collapse ul.nav>li.searchForm .input-group-btn button{ top: -1px; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a { display: block; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu { font-size: 16px; } .jumbotron.jumbotron-cover { text-shadow: none; color: #232323; background-color: transparent; } .jumbotron { padding: 0; } .collapse-heading { color: #542e91; } .collapse-heading.collapsed:not(:hover):not(:focus) { opacity: 1; } button.btn.hx-btn-ultimate { border: 5px solid #65439c; border-radius: 3px !important; height: 46px; padding: 0; margin: 30px 0 20px; color: #fff; background-color: #542e91; } .purplebox {background:#542E91; color:#fff; margin:15px 0px;} .purplebox h2 {margin:0; padding:10px;} .purplebox ul {padding-bottom:10px; list-style:square;} .purplebox li span {color:#fff;} .purplebox li, .yellowtext {color:#FDDC06;} .yellowbar {background:#FDDC06; height:12px;} @media only screen and (min-width: 768px){ nav#header { background-color: #542e91; border: none; } nav#header .container .navbar-collapse ul.nav { padding: 0; width: auto; float: right; margin-top: 5px; margin-right: 25px; } .navbar-collapse .collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } nav#header .container .navbar-collapse ul.nav>li>a .caret { display: none; } nav#header .container .navbar-collapse ul.nav>li#navLoginLink>a { background-color: #fedc08 !important; margin-bottom: 11px; padding: 2px 18px; margin-top: -1px; line-height: 20px; border-radius: 3px; color: #542e91; } nav#header .container .navbar-header .navbar-brand { height: 109px!important; background-size: 167px 109px; width: 167px; } nav#header .container h1, nav#header .container .headerh1 { font-size: 23px; font-weight: 700; color: #fff !important; margin: -64px 0 0 215px; position: relative; } nav#header .container .navbar-collapse ul.nav li.form-search { display: none!important; } nav#header .container .navbar-collapse ul.nav ul.dropdown-menu { z-index: 1062!important; left: auto; right: 0; top: 31px; } nav#header .container .navbar-collapse ul.nav>li.open>a { background-color: #fff; color: #000; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a { color: #757575; padding: 3px; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol a { color: #757575; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol a strong { color: #757575; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a strong { color: #757575; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol a strong:focus, nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol a strong:hover { outline: none; background-color: #fff !important; text-shadow: none; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a:hover { text-decoration: none; background-color: #e6e6e6; color: #686868; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a:focus { background-color: #fff; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol a:focus { outline: -webkit-focus-ring-color auto 5px !important; outline-offset: -2px; } nav#header .dropdown { position: static; } .dropdown-menu li div { background-color: #fff; padding: 20px 25px; } .dropdown-menu { padding:0; } } @media only screen and (min-width: 992px){ nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li { display: flex; flex-direction: row; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu { margin-left: 137px; width: calc(100% - 137px); transition: opacity .5s; position: absolute; padding: 0; } body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover, body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:focus{ background-color: #fff; } .footer-links .lead{ display: none; } .footer-links-list{ border-top: 1px solid rgba(0,0,0,.1); margin-top: 20px; } } @media only screen and (max-width: 1199px) and (min-width: 768px){ nav#header .container h1, nav#header .container .headerh1 { max-width: 420px; margin-left: 190px; font-size: 24px; margin-bottom: 36px; } nav#header .container .navbar-header .navbar-brand { height: 94px!important; background-repeat: no-repeat !important; background-size: 144px 94px; width: 144px; } } @media only screen and (max-width: 767px){ .navbar-nav .open .dropdown-menu { position: static; } .navbar-nav .open .dropdown-menu { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; box-shadow: none; padding: 0px 15px; } .caret { display: inline-block !important; } .nav .caret, .nav a:hover .caret, .nav a:focus .caret,.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: #777; border-bottom-color: #777; } body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a{ color: #0099db; } body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover, body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:focus{ color:#00648f; } body .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:focus { background-color: #fff; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } body .navbar .navbar-collapse .navbar-nav li.divider { display: none !important; } nav#header .container .navbar-header .navbar-brand { background-image: url(https://staticsg.holidayextras.com/images/holidayextras/hx-mobile-logo.png); width: 150px; height: 30px; margin-left: -75px!important; top: 15px; background-size: contain; background-repeat: no-repeat; } nav#header .container h1, nav#header .container .headerh1 { position: relative; z-index: 1002; clear: both; font-weight: 700; width: 100%; text-align: center; color: #542e91; margin: 35px 0 15px; font-size: 20px; float: none; background: transparent; } nav#header .container .navbar-header { padding: 0 15px; background: #542e91; } nav#header .container button.navbar-toggle { display: block; border: 0; margin-top: 12px; margin-bottom: 9px; margin-right: 0; padding: 8px 10px; } nav#header .container .navbar-collapse { background-color: #fff; box-shadow: 0 6px 12px rgba(0,0,0,.175); padding-bottom: 7px; z-index: 1003; position: absolute; width: 100%; } .navbar-default .navbar-nav>li>a { color: #777 !important; } .nav>li>a:focus, .nav>li>a:hover { background-color: transparent !important; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; } nav#header .container .navbar-collapse ul.nav>li>a { padding:15px 0; margin-top:0px; } .col-sm-6.col-md-3.megamenuNavCol { margin-bottom:15px; } nav#header .container .navbar-collapse ul.nav { max-width: 100%; margin: 0; } nav#header .container .navbar-collapse ul.nav>li#navLoginLink { display:none; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu { margin-bottom: 20px; border-left: 3px solid #dfdfdf!important; border-radius: 0; } nav#header .container .navbar-collapse .megamenuNavCol .mobile-toggle strong, .caret { color:#777; font-weight: 400; } #headerNavBar{ padding-right: 15px; padding-left: 15px; } .navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #777; border-bottom-color: #777; } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch; } .container>.navbar-collapse, .container>.navbar-header{ margin-right: 0; margin-left: 0; } #footerLogin .col-sm-5{ margin-left: 0px; margin-right: 0px; } .footer-links .container{ padding-left: 15px; padding-right: 15px; } } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } #footerLogin{ border-top: 1px solid rgba(0,0,0,.1); } .footer-links-list .footer-links ul.row>li { padding-bottom: 20px; line-height: 1.2; } .footer-links-list .footer-links { background: 0 0; font-size: 16px; } .footer-links a { display: inline-block; padding-top: 5px; padding-bottom: 5px; text-decoration: none; letter-spacing: 0.1px; padding-left: 0px !important; } .footer-links a:hover{ text-decoration: underline; } .footer-sitemap-links-new a { color: #0099db; } .footer-heading h4 { color: #542e91; } .footer-links .nav li a.visible-xs.visible-sm.collapse-heading.lead { padding:10px 0; } .footer-links .nav li a.visible-xs.visible-sm.collapse-heading.lead.collapsed span { transform: rotate(0deg); display: inline-block; } .footer-links .nav li a.visible-xs.visible-sm.collapse-heading.lead span { display: inline-block; transform: rotate(90deg); } select::-ms-expand { display: none; } button.btn.hx-btn-ultimate.showBucket{ padding-top: 6px !important; } .block-sm { padding-top: 20px; padding-bottom: 20px; } nav#header .container .navbar-collapse ul.nav>li.searchForm input{ padding: 0px 5px; } .nav-spacing {margin-top:15px;} .nav-spacing {margin-top:20px; padding-left:0px !important; padding-top:0px !important;} 