/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root{
	--cnvs-themecolor:#0A82E5;
	--cnvs-themecolor-rgb: 10, 130, 229;
	--cnvs-header-height: 80px;
	--cnvs-header-height-shrink: 60px;
	--hero-mobile-height: 285px;
}

#header-wrap #logo img{
	--cnvs-header-height-md: 18px;
	--cnvs-header-height: var(--cnvs-header-height-md)
}

.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img{
	--cnvs-header-height-shrink: 18px;
	--cnvs-sticky-header-height: var(--cnvs-header-height-shrink)
}
  

.content-wrap{
	--cnvs-content-padding: 0px;
}

.swiper-image, .hero-content-image {
	height: 295px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slider-inner{
	position: static;
}

.swiper-text-content, .hero-content-text-content {
	/*height: 155px;*/
	display: flex;
	flex-direction: column;
    justify-content: center;
	/*background-color: #222;*/
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);

}

.swiper-heading, .hero-content-heading {
	line-height: 1;
}

.swiper-description, .hero-content-description {
	line-height: 1.3;
	font-size: 16px;
}

#slider, .slider-inner, .swiper, .swiper-wrapper, .swiper-slide, .hero-content {
	height: var(--hero-mobile-height) !important;
	
}

.is-expanded-menu #header.sticky-header-shrink + #slider, .is-expanded-menu #header.sticky-header-shrink + #slider .slider-inner, .is-expanded-menu #header.sticky-header-shrink + #slider .swiper, .is-expanded-menu #header.sticky-header-shrink + #slider .swiper-wrapper, .is-expanded-menu #header.sticky-header-shrink + #slider .swiper-slide, .hero-content {
	height: var(--hero-mobile-height) !important;
}

@media screen and (min-width:768px){

	#slider, .slider-inner, .swiper, .swiper-wrapper, .swiper-slide {
		height: calc(100vh - var(--cnvs-header-height)) !important;
		
	}

	.hero-content {
		height: calc(60vh - var(--cnvs-header-height)) !important;
	}

	.is-expanded-menu #header.sticky-header-shrink + #slider, .is-expanded-menu #header.sticky-header-shrink + #slider .slider-inner, .is-expanded-menu #header.sticky-header-shrink + #slider .swiper, .is-expanded-menu #header.sticky-header-shrink + #slider .swiper-wrapper, .is-expanded-menu #header.sticky-header-shrink + #slider .swiper-slide {
		height: calc(100vh - var(--cnvs-header-height-shrink)) !important;
	}

	.swiper-image, .hero-content-image {
		height: 100%;
		background-color: #222;
	}

	.swiper-description, .hero-content-description {
		line-height: 1.6;
		font-size: 18px;
	}

	.swiper-heading, .hero-content-heading {
		line-height: normal;
	}
}