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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/



body { font-size:16px; color:#222; }
h1, h2, h3, h4, h5, h6 { color:#111; }

/* header - logo height */
#header, #header-wrap, #logo img { height:80px; }
#header.sticky-header #header-wrap { background-color:#d8d8d8; };

#primary-menu ul li a { letter-spacing:0.5px; }

.fsz-1 { font-size:1.1em; }
.fsz-2 { font-size:1.2em; }
.fsz-3 { font-size:1.3em; }
.fsz-4 { font-size:1.4em; }
.fsz-5 { font-size:1.5em; }

.bground-hilite { background-color:#d4e8e8; }
.bground-hilite-gradient {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
}
.line { border-color:#dedede; }

.slider-caption-shadow { box-shadow:0 2px 10px rgba(0,0,0,0.12); }

.col-count-1 { column-count:1; }
.col-count-2 { column-count:2; }

/*hide email*/
.protect { display:none; }

@media (max-width: 767px) {
    .col-count-2 { column-count:1; }
}

/*slider caption*/
.slider-caption, .flex-caption { max-width:93vw; }
@media (min-width: 992px) {
    .slider-caption, .flex-caption { max-width:700px; }
}


/*mobile logo height*/
@media (max-width: 991px) {
    #logo { height: 80px !important; }
}

/*slider height*/
@media (max-width: 575px) {
 .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 80vh !important; }
}