/*
Theme Name: Hostess
Author: Tattoo Projects
Author URI: https://tattooprojects.com/
Version: 1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Site Header
	3. 	Page Templates
	4. Error 404
	5. Site Footer
	6. Bootstrap Overrides
	7. Gravity Forms Overrides
	8. Owl Carousel
	9. Media Queries

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
	a, a:hover {
		text-decoration: none;
		color: #ffe333;
	}


/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */
	header {
		background: rgb(0,140,207);
		background: -moz-radial-gradient(center, ellipse cover,  rgba(0,140,207,1) 0%, rgba(0,86,168,1) 116%, rgba(0,86,168,1) 99%);
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,140,207,1) 0%,rgba(0,86,168,1) 116%,rgba(0,86,168,1) 99%);
		background:radial-gradient(ellipse at center,  rgba(0,140,207,1) 0%,rgba(0,86,168,1) 116%,rgba(0,86,168,1) 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ccf', endColorstr='#0056a8',GradientType=1 );
	}

	footer {
		background: rgb(0,140,207);
		background: -moz-radial-gradient(center, ellipse cover,  rgba(0,140,207,1) 0%, rgba(0,86,168,1) 150%, rgba(0,86,168,1) 99%);
		background: -webkit-radial-gradient(center, ellipse cover, rgba(0,140,207,1) 0%,rgba(0,86,168,1) 150%,rgba(0,86,168,1) 99%);
		background:radial-gradient(ellipse at center,  rgba(0,140,207,1) 0%,rgba(0,86,168,1) 150%,rgba(0,86,168,1) 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ccf', endColorstr='#0056a8',GradientType=1 );
	}

	body.admin-bar header {
		margin-top: 32px;
	}

	h1, h2, h3, h4, h5, h6, body, p {
		font-family: "Museo Sans", Verdana;
		color: #ffffff;
	}

	h1 {
		font-weight: bold;
		line-height: 1;
	}

	h2, h3 {
		font-weight: 900;
	}

	p {
		
	}
	.postid-1183 .description p, .postid-1201 .description p, .postid-2003 .description p, .postid-1990 .description p{
		height: fit-content;
	}

	sup {
		font-weight: 400;
	}

	.navigation {
		padding: 0;
		margin-bottom: 0;
	}

	.navigation li {
		display: inline-block;
		text-decoration: none;
	}

	.navigation li a {
		color: #ffffff;
	}

	.navigation li a:hover {
		text-decoration: none;
	}


/* -------------------------------------------------------------------------- */
/*	2. Site Header
/* -------------------------------------------------------------------------- */
	.main-nav .container {
		padding-top: 40px;
		position: relative;
	}

	.logo {
		width: 250px;
		position: absolute;
		left: -125px;
		top: 20px;
		z-index: 2;
	}

	.logo img {
		width: 100%;
	}

	.main-navigation {
		text-align: center;
	    height: 50px;
	    line-height: 50px;
	}

	.main-navigation li {
		text-align: center;
	    margin: 0 15px;
	}

	.main-navigation li a, .main-navigation li .disabled-a {
		display: block;
		text-transform: uppercase;
	}

	.menu-item-has-children:hover .sub-menu {
		display: block;
		transition: 1s;
	}

	.carret a:after { 
	}

	.sub-menu {
		display: none;
		padding: 5px 15px;
		position: absolute;
		z-index: 2;
		background-color: #ffffff;
		transition: 1s;		
		box-shadow: 0px 0px 5px -2px #000000;
	}

		.sub-menu li {
			display: block;
			text-align: left;
			margin: 0;
			line-height: 40px;
		}	

			.sub-menu li a {
				color: #0058a9;
			}

	.social-links {
		position: absolute;
		right: 0;
		top: 15px;
	}

		.social-links .text {
			font-size: 14px;
			margin-bottom: 5px;
			text-align: center;
			text-transform: uppercase;
			color: #18a5e9;
		}

		.social-links .social-icon {
			display: inline-block;
			height: 30px;
			width: 30px;
		}

			.social-links .social-icon .social-logo {
				height: 100%;
				width: 100%;
			}

	/* Mobile Hamburger Nav */

		.hamburger-wrapper {
			display: none;
			position: absolute;
			top: 50%;
			left: 20px;
			-ms-transform: translate(0%, -50%);
	    	transform: translate(0%, -50%);
		}

		.hamburger {
		    font: inherit;
		    display: inline-block;
		    overflow: visible;
		    margin: 0;
		    padding: 15px;
		    cursor: pointer;
		    transition-timing-function: linear;
		    transition-duration: .15s;
		    transition-property: opacity,filter;
		    text-transform: none;
		    color: inherit;
		    border: 0;
		    background-color: transparent;
		}

		.hamburger-box {
			position: relative;
			display: inline-block;
			width: 30px;
			height: 12px;
		}

		.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
			position: absolute;
			width: 30px;
			height: 2px;
			transition-timing-function: ease;
			transition-duration: .15s;
			transition-property: transform;
			border-radius: 4px;
			background-color: #fff;
		}

		.hamburger-inner {
		    top: 50%;
		    display: block;
		    margin-top: -2px;
		}

		.hamburger-inner:before {
			top: -10px;
		}

		.hamburger-inner:after {
			bottom: -10px;
		}

		.hamburger-inner:after, .hamburger-inner:before {
			display: block;
			content: "";
		}	


		.hamburger--squeeze .hamburger-inner {
			transition-duration: 0.075s;
			transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
		}

		.hamburger--squeeze .hamburger-inner::before {
			transition: top 0.075s 0.12s ease, opacity 0.075s ease; 
		}

		.hamburger--squeeze .hamburger-inner::after {
			transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
		}

		.hamburger--squeeze.is-active .hamburger-inner {
			transform: rotate(45deg);
			transition-delay: 0.12s;
			transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
		}

		.hamburger--squeeze.is-active .hamburger-inner::before {
			top: 0;
			opacity: 0;
			transition: top 0.075s ease, opacity 0.075s 0.12s ease; 
		}

		.hamburger--squeeze.is-active .hamburger-inner::after {
			bottom: 0;
			transform: rotate(-90deg);
			transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
		}


	/* Mobile Navigation */

		.mobile-navigation {
			display: none;
			position: fixed;
			height: 100%;
			width: 100%;
			top: 80px;
			z-index: 12;
			background-color: rgba(0, 0, 0, .9);
		}

		.mobile-navigation.show {
			display: block;
		}

		.mobile-navigation .navigation li {
			margin: 20px 0;
			display: block;
			font-size: 24px;
			text-align: center;
		}

		.mobile-navigation .sub-menu {
			margin-top: 10px;
			position: relative;
		}

		.mobile-navigation .social-links {
			display: inline-block;
			left: 50%;
			-ms-transform: translate(-50%, 0%);
			transform: translate(-50%, 0%);
			top: 80%;
			position: relative;			
		}


/* -------------------------------------------------------------------------- */
/*	3. Template Pages
/* -------------------------------------------------------------------------- */	
	
	.full-screen, .video-wrap{
		position: relative;
		min-height: 100vh;
		background-position: center;
		background-repeat: no-repeat;
		overflow: hidden;
		background-size: cover;
	}

		.full-screen .content {
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-align: center;
		}

		.full-screen .content-left {
			left: 25%;		
		}

		.full-screen .content-right {
			left: unset;
			right: 25%;	
			-ms-transform: translate(50%, -50%);
			transform: translate(50%, -50%);			
		}		

			.full-screen .content h1, .full-screen .content h3, .video-wrap .content h1, .video-wrap .content h3 {
				text-transform: uppercase;
				text-shadow: 2px 2px rgba(0, 0, 0, 0.40);
			}

				.full-screen h1, .full-screen h3, .content-carousel-wrap h1 {
					text-shadow: 2px 2px rgba(0, 0, 0, 0.40);
				}


		.full-screen .background-video {
		    right: 0;
		    bottom: 0;
		    min-width: 100%;
		    min-height: 100%;
		    z-index: -1;
			object-fit: cover;
		}

	.full-screen h1 {
		font-size: 6em;
		line-height: 1;
	}

	.full-screen h4 {
		font-size: 1.75em;
	}

	/* Content Carousel */
		.content-carousel-wrap {
			text-align: center;
			padding: 50px 0;
		}

		.content-carousel-wrap h1 {
			font-size: 4em;
			text-transform: uppercase;
			margin-bottom: 20px;
		}

		.content-carousel .content-item h4 {
			margin-bottom: 20px;
		}

		.content-carousel .content-item .image {
			width: 100%;
			max-height: 200px;
			object-fit: contain;
			object-position: top;
			margin-bottom: 20px;
		}

		.content-carousel .content-item .btn-secondary {
			font-weight: 900;
			width: 80%;
		}

		.content-carousel.owl-carousel .owl-nav .owl-next, .content-carousel.owl-carousel .owl-nav .owl-prev {
			position: absolute;
			top: 50%;
			width: 54px;
			height: 50px;
			-ms-transform: translate(0%, -50%);
			transform: translate(0%, -50%);
			text-align: center;
		}

		.content-carousel.owl-carousel .owl-nav .owl-next img, .content-carousel.owl-carousel .owl-nav .owl-prev img {
		    height: 40px;
		}

			.content-carousel.owl-carousel .owl-nav .owl-next {
				right: -70px;
			}

			.content-carousel.owl-carousel .owl-nav .owl-prev  {
				left: -70px;
			}

	.vetical-center {
		display: flex;
		align-items: center;
	}
	
	.postid-1565 .description .limited{margin-top: 35px;}

	
	@media (max-width: 840px) {
		.full-screen h1 {
			font-size: 4em;
		}		

		.content-carousel.owl-carousel .owl-nav .owl-next, .content-carousel.owl-carousel .owl-nav .owl-prev {
			position: unset;
			transform: unset;
			display: inline-block;
			margin: 0 40px;
		}
	}

	@media (max-width: 782px) {
		.full-screen .content {
			width: 90%;
		}

		.full-screen .content-left {
			left: 50%;
		}
	}

	@media (max-width: 420px) {
		.full-screen h1 {
			font-size: 3em;
		}
	}


/* -------------------------------------------------------------------------- */
/*	5. Site Footer
/* -------------------------------------------------------------------------- */

	.footer {
	    height: 60px;
	    line-height: 60px;
	}

	.copyright {
		font-size: 14px;
		text-align: center;
	}

		.copyright .copyright-text {
			margin-right: 10px;
		}

			.copyright .copyright-text a {
				color: #ffffff;
				text-decoration: none;
			}

	.copyright-text, .footer-nav-wrap {
		display: inline-block;
		color: #ffffff;
	}

	.footer-nav-wrap .navigation li {
		text-align: center;
		margin-right: 10px;
		
	}

		.footer-nav-wrap .children li:before {
			content: "";
			display: none;
		}	

	.footer-nav-wrap ul li:before {
		content: "\007c";
		display: inline-block;
		margin-right: 8px;
	}

/* -------------------------------------------------------------------------- */
/*	6. Bootstrap Overrides
/* -------------------------------------------------------------------------- */

	.btn-primary {
		background-color: #e3173e;
		border-color: #e3173e;
		text-transform: uppercase;
	}

	.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus {
	    background-color: #bf0f32;
	    border-color: #bf0f32;
	}

	.btn-secondary {
		background-color: #ffffff;
		border-color: #ffffff;
		color: #cd0515;
		text-transform: uppercase;
	}

	.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle, .btn-secondary.focus, .btn-secondary:focus {
	    background-color: #dcdcdc;
	    border-color: #dcdcdc;
	    color: #cd0515;
	}


/* -------------------------------------------------------------------------- */
/*	7. Gravity Forms Overrides
/* -------------------------------------------------------------------------- */
	.gform_wrapper select {
	    margin-top: 12px;
	    height: 38px;
	}

	.warningTextareaInfo {
		display: none;
	}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper .validation_message {
	font-weight: 500 !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: unset !important;
    margin-bottom: unset !important;
    border-top: unset !important;
    border-bottom: unset !important;
    padding-bottom: unset !important;
    padding-top: unset !important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 2px solid #ff0000 !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px !important;
}

.gform_wrapper div.validation_error {
	letter-spacing: 1px !important;
	font-weight: 500 !important;
}

.site-content {
	padding-top: 80px;
}

.page-id-43 .site-content{ margin-top: 90px;}

@media (min-width: 836px) {
	.site-content {
		padding-top: 150px;
	}
}
@media (min-width: 1201px) {
	.site-content {
		padding-top: 0px;
		margin-top: 140px;
	}
}
body.home .site-content {
	margin-top: 0;
	padding-top: 0;
}

body.page-template-page-new .content-item .image, 
body.page-template-page-new .content-item .bg-image {
	width: initial;
}

.cli_manage_current_consent {
	font-weight: bold !important;
	text-decoration: underline !important;
}

/* -------------------------------------------------------------------------- */
/*	8. Owl Carousel
/* -------------------------------------------------------------------------- */
	.owl-stage{
	    margin: 0 auto;
	}

/* -------------------------------------------------------------------------- */
/*	9. Media Queries
/* -------------------------------------------------------------------------- */
	
	@media (max-width: 1380px) {
		.logo {
			left: -70px;
		}
	}

	@media (max-width: 1200px) {
		.main-nav .container {
			max-width: 100%;
		}

		.logo { 
			width: 200px;
			top: 10px;
			-ms-transform: translate(-50%, 0%);
	    	transform: translate(-50%, 0);
		    left: 50%;
		}

		.social-links {
			top: 30px;
			right: 15px;
		}

		.main-nav .container {
			padding-top: 100px;
		}

		/*.full-screen, .video-wrap {
			min-height: calc(100vh - 150px);
		}*/
	}

	@media (max-width: 835px) {
		
		.main-navigation, .social-links .text {
			display: none;
		}

			.sub-menu {
				box-shadow: inset 0px 5px 5px -5px #000000;
			}

		.hamburger-wrapper {
			display: block;
		}

		.logo { 
			width: 140px;
			top: 50%;
			-ms-transform: translate(-50%, -50%);
	    	transform: translate(-50%, -50%);
		}

		.social-links {
			top: 50%;
			-ms-transform: translate(0%, -50%);
	    	transform: translate(0%, -50%);		
		}

		.main-nav .container {
			height: 80px;
			padding-top: 0;
		}

		.video-hide {
			display: none;
		}
	}

	@media (max-width: 600px) {
		.footer {
			height: auto;
		}

		.footer-nav-wrap ul li:first-child:before {
			content: "";
		}
	}

	@media (max-width: 420px) {
		.social-links {
			display: none;
		}
	}

	@media (max-width: 576px) {
		.page-id-2655 .container{width:100% !important;}
	}
	
	@media (min-width: 750px) {
		.page-id-2655 .footer, .page-id-2432 .footer{
			position: absolute;
  			bottom: 0px;
  			margin: 0 auto;
  			width: 100%;
		}		
	}	

.cky-accordion-header .cky-always-active{ color:#fff !important; }

.cky-preference-header .cky-btn-close img { width:20px !important; height:20px !important; }