/* custom branding css Extra Holidays - site id 108401 light teal: #3bbeb4;*/

:root {
    --color-brand-1: #00818d;
    --color-brand-3: #DE2C52;
    --color-brand-4: #b22342;
    --color-brand-6: #e68859;
    --color-blue: #45909d;
    --color-red-red: #FF0000;
    --color-red: #d32f2f;
    --color-primary: var(--color-brand-1);
    --color-primary-hover: var(--color-brand-2);
    --color-secondary: var(--color-brand-3);
    --color-secondary-hover: var(--color-brand-4);
    --banner-keystone-card-bg: var(--color-black-100);
    --button-secondary-fill-bg: var(--color-secondary);
}

.enterpriseHeader #logo {
    max-width: 200px;
}

.ds-primary {
    background-color: var(--color-primary);
    color:var(--color-white-white);
}

.ds-primary:hover {
    background-color: var(--color-white-white);
	color:var(--color-primary);
	border: 2px solid var(--color-primary);
}

.ds-secondary {
    background-color: var(--color-secondary);
    color: var(--color-white-white);
}

.ds-secondary:hover {
    color: var(--color-secondary) !important;
	background-color: var(--color-white-white);
    border: 2px solid var(--color-secondary) !important;
}

#searching .submit:hover {
    background-color: white !important;
}

.WBLoginForm .CreateAnAccountAction, .WBLoginForm .WBLoginFormActions.FormActions .loginDivider {
    display: inline-flex;
}

.mainRate .percentSavings {
    color: white;
}

/* updates for site id 108402 */

/* temporary replacement */
.ArnCarRentals .root-search {
	padding: 100px 0;
    background-size: cover;
    background-position: center;
	background-image: url('//media.travsrv.com/appSkins/108402/v6/themes/standard/images/Cars.png');
}

/* fixes */

/* Cruise */

@media (min-width: 1024px) {
    .arnCruise .wth2-home_cruises {
        width: 100% !important;
    }
}

.arnCruise .wth2-hpStandAloneWidget {
	max-width: 100%;
	margin: 0 auto;
}

.arnCruise .wthHeaderNav {
    padding: 0;
}

/* Flights */

.arnAirRevelex .app-container {
    position: relative !important;
}

.arnAirRevelex footer {
    margin: 0;
    max-width: 100%;
    padding: 10px 0 40px !important;
}

/* 100px extra margin loading at the top of the header from keystone.css? */
.arnAirRevelex {
    margin: 0 !important;
}

@media (max-width: 1000px) {
   .arnAirRevelex #mobile-input:checked ~ #header #navmobile {
        display: block;
        opacity: 1;
        transform: scale(1);
        transition: opacity 0.35s ease-in-out 0s;
        z-index: 8;
        position: fixed;
        margin: 60px 0;
    }
}

#header.enterpriseHeader #nav .links {
    justify-content: flex-end;
}

.arnAirRevelex #header.enterpriseHeader .container {
    padding: 0 !important;
}

.arnAirRevelex .enterpriseHeader {
    padding: 10px !important;
}

.arnCruise header.enterpriseHeader .container {
    padding: 25px 0 !important;
}

.arnCruise  .enterpriseHeader {
    padding: 30px 0 !important;
}

.arnCruise .wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink, 
.arnCruise .wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:active, 
.arnCruise .wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:visited, 
.arnCruise .wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:hover {
    font-size: 15px;
}

.logoutCommand.submit, .ArnCarRentals .logoutCommand.submit {
	   	color: #00818D;
	    font-size: 16px;
	    height: auto;
	    font-weight: 600;
		width:auto;
}

.enterpriseHeader .links li a, 
.arnAirRevelex .enterpriseHeader .links li a, 
.logoutCommand.submit {
    color: #00818D !important;
}

.enterpriseHeader #nav .links form {
    margin: 0;
}

.enterpriseHeader li a:hover, 
.enterpriseHeader .links a:hover,  
.enterpriseHeader #nav .links form .logoutCommand:hover,
.arnAirRevelex .enterpriseHeader .links li a:hover {
        color: #004d55 !important;
}

/* logo */
.enterpriseHeader .wsite-logo img {
    width: 150px !important;
	margin: 0 10px;
}

.enterpriseHeader .links a, .arnAirRevelex .enterpriseHeader .links a, 
.arnCruise .enterpriseHeader .links a, .enterpriseHeader #nav .links form .logoutCommand {
    color: #00818D !important;
    font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
}


/* button not centered */
.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
    padding: 8px 15px;
}

/* map features */
.arnMapExtend {
	margin: 24px 0;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    margin: 35px 0;
}

span.#arn_liusername.arn_username {
	font-weight:600;
}

header.enterpriseHeader .container .logoheader {
	margin-right: auto !important;
}

.arnCruise #logo .wsite-logo, .arnAirRevelex #logo .wsite-logo {
	display: flex;
    flex-direction: column;
    gap: 4px;
}

/* footer fix on cars */
@media only screen and (max-width: 1280px) {
    .ArnCarRentals .container {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1145px) {
	.enterpriseHeader {
    	padding: 10px 15px;
	}
	.enterpriseHeader li, .enterpriseHeader #nav .links form .logoutCommand, .enterpriseHeader .links a, .links .arn_username {
    	font-size: 14px; 
	}
	.enterpriseHeader #nav .links {
	    gap: 8px;
	}
}

/* iPad  mobile */
@media screen and (max-width: 1000px) {
	.logoutCommand.submit {
		background-color: transparent;
	}
	#mobile-input:checked~#header #navmobile {
	  	background-color: white;
		margin: 0 auto;
		
	}
	.enterpriseHeader .links a, 
	.arnAirRevelex .enterpriseHeader .links a, 
	.arnCruise .enterpriseHeader .links a, 
	.enterpriseHeader #nav .links form .logoutCommand,
	.logoutCommand.submit, .ArnCarRentals .logoutCommand.submit {
	    color: #00818D !important;
	    font-weight: 500;
	    letter-spacing: .5px;
        font-size: 16px;
	}
	.enterpriseHeader #navmobile {
	    padding: 0;
	}
	.logoutCommand.submit:hover, .ArnCarRentals .logoutCommand.submit:hover {
	    color: #004d55;
        width: auto;
        border-radius: 0;
        margin: 0;
        padding: 0;
        height: 28px;
	}
	#mobile-input:checked~#header #navmobile .links {
		padding: 1rem;
	    width: 96%;
	    margin: 0 auto;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
		border-radius: 4px;
	}
	.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
	   background-image: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/images/eyeglass.png?%version%")!important;
	}
	/* underline for mobile */
	#navmobile a, .logoutCommand {
	  text-decoration: none;
	  position: relative;
	  display: inline-block;
	}

	/* Add the underline */
	#navmobile a::after, .logoutCommand::after  {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0; 
	  width: 0;
	  height: 2px;
	  background-color: #004d55; /* Underline color */
	  transition: width 0.3s ease; 
	}

	/* On hover, expand the underline */
	#navmobile a:hover::after, .logoutCommand:hover::after {
	  width: 100%; 
	}

	/* Add padding to the link to create space above the underline */
	#navmobile a, .logoutCommand {
	  padding-bottom: 5px;
	}
	.enterpriseHeader #navmobile li a:hover {
	        color: #004d55 !important;
	        background-color: transparent;
	}
	.arnCruise #header.enterpriseHeader .navRow .container, 
	.arnAirRevelex #header.enterpriseHeader .navRow .container {
	       display: inline-flex;
	       flex-direction: row-reverse;
	       align-items: center;
	       justify-content: flex-start;
	       gap: 20px;
	}
	.enterpriseHeader #logo {
	     padding: 0;
	     text-align: left;
	     width: 100%;
	 }	
	 .enterpriseHeader .wsite-logo, .enterpriseHeader .wsite-logo a {
	     display: flex;
	     flex-direction: column;
	     align-items: center;
	 }	
}

@media (max-width: 800px) {
    .MemberAuthenticated .arn_username {
        color: black !important;
    }
}

/* Using custom footer */
.support-links, .ArnSupportLinks.ArnSupportBottom {
	display: none;
}

.ArnSupportLinks.ArnSupportBottom.static {
	display:block;
}

footer .container .footerTerms {
	padding: 2rem;
}

.ArnSupportLinks.ArnSupportBottom.static {
	background-color: var(--color-black-100);
    color: white;
}

.ArnSupportLinks.ArnSupportBottom.static a {
    color:white;
}

.arnCruise .enterpriseHeader .navRow #nav, 
.enterpriseHeader .navRow #nav, 
.arnAirRevelex .enterpriseHeader .navRow #nav {
    width: 92% !important;
}

/* fix because cruise menu is becomes hidden mainly on link, 'explore more...' */
.arnCruise .wthHeaderNav :last-child li a {
    text-wrap-mode: wrap;
}

.arnCruise .headerSubNavlink {
	width: 200px;
}

.enterpriseHeader .wsite-logo, .enterpriseHeader .wsite-logo a {
    display: flex;
    flex-direction: column;
    align-items: center;
}	
/* end of fix */

.ArnSubPage h1 {
	font-size: 2.5rem;
}	

#header.enterpriseHeader {
    padding: 5px 40px;
}