/* ----------------------------------------------------------------
	CSS Specific to the One Page Module

	Some of the CSS Codes have been modified from the Original
	style.css File to match the Minimal Styling of this Module

	Version: 2.1
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------------------
	Header
---------------------------------------------------------------------------- */

#header { border-bottom: 0; }

#header #header-wrap {
	z-index: 199;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	-webkit-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	transition: height .4s ease, background-color .4s ease, opacity .3s ease;
}

#header.full-header:not(.border-full-header):not(.sticky-header) #header-wrap { border-bottom: 0; }

#header.full-header.border-full-header #header-wrap { border-bottom-color: rgba(255,255,255,0.15) !important; }

#header.transparent-header:not(.sticky-header) #header-wrap { background-color: transparent; }

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -70px;
	margin-bottom: -70px;
}

#header.full-header #logo { border-right: 0; }

#header.full-header #primary-menu > ul {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}


#header.show-on-sticky #header-wrap {
	opacity: 0;
	pointer-events: none;
}

#header.show-on-sticky.sticky-header #header-wrap {
	opacity: 1;
	pointer-events: auto;
}


#header,
#header-wrap,
#logo,
#logo img,
#primary-menu:not(.style-2),
#primary-menu:not(.style-2) > ul {
	height: 70px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}


/* Sticky Header
---------------------------------------------------------------------------- */

#header.sticky-header #header-wrap,
#header.full-header.border-full-header.sticky-header #header-wrap {
	box-shadow: none;
	border-bottom: 1px solid #F5F5F5 !important;
	-webkit-backface-visibility: hidden;
}


/* Side Header
---------------------------------------------------------------------------- */

@media (min-width: 992px) {

.side-header #header #header-wrap { position: relative; }

.side-header #header,
.side-header #header-wrap { height: 100%; }

.side-header #header-wrap { width: 300px !important; }

.side-header #logo,
.side-header #logo img,
.side-header #primary-menu:not(.style-2),
.side-header #primary-menu:not(.style-2) > ul { height: auto; }

}






/* ----------------------------------------------------------------------------
	Helper CSS Styles
---------------------------------------------------------------------------- */

.font-body { font-family: 'Manrope', sans-serif !important; }

.font-primary { font-family: 'Space Mono', monospace !important; }

.t300 { font-family: 'Space Mono', monospace; font-weight: 300 !important; text-transform: none;
}

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }





/* ----------------------------------------------------------------------------
	Footer Widgets
---------------------------------------------------------------------------- */


.widget p.lead {
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 1.6;
}



/* ----------------------------------------------------------------------------
	One Page Module: Slider Specifics
---------------------------------------------------------------------------- */

.one-page-arrow i {
	-webkit-animation-duration: 1.5s !important;
	animation-duration: 1.5s !important;
}



/* Large One Word in Slider
---------------------------------------------------------------------------- */

.opm-large-word { font-family: 'Space Mono', monospace; font-size: 70px; line-height: 1.1;
}

.device-sm .opm-large-word { font-family: 'Space Mono', monospace; font-size: 70px; line-height: 1.1; }

.device-xs .opm-large-word { font-size: 40px; line-height: 1.1; }

.device-xxs .opm-large-word { font-size: 20px; line-height: 1.1; }


/* Medium One Word in Slider
---------------------------------------------------------------------------- */

.opm-medium-word { font-size: 20px; }

.device-sm .opm-medium-word { font-size: 30px; }

.device-xs .opm-medium-word { font-size: 30px; }

.device-xxs .opm-medium-word { font-size: 30px; }


/* Medium Before Heading
---------------------------------------------------------------------------- */

.before-heading.opm-medium {
	font-size: 30px;
	font-style: normal;
	margin: 0 0 0 5px;
	line-height: 1;
	letter-spacing: 12px;
}

.device-sm .before-heading.opm-medium { font-size: 22px; }

.device-xs .before-heading.opm-medium { font-size: 18px; }

.device-xxs .before-heading.opm-medium { font-size: 14px; }


/* small One Word in Slider
---------------------------------------------------------------------------- */

.opm-small-word { font-family: 'Space Mono', monospace; font-size: 20px; line-height: 2; }

.device-sm .opm-small-word { font-size: 20px; letter-spacing:10x; }

.device-xs .opm-small-word { font-size: 20px; }

.device-xxs .opm-small-word { font-size: 20px; }

.opm-small-word strong { font-weight: 500;
}


/* Large Counter in Slider
---------------------------------------------------------------------------- */

.opm-large-counter {
	font-size: 480px;
	color: #F2F2F2;
	line-height: 1;
}

.device-sm .opm-large-counter { font-size: 360px; }

.device-xs .opm-large-counter { font-size: 220px; }

.device-xxs .opm-large-counter { font-size: 150px; }


/* Slider Grid Blocks
---------------------------------------------------------------------------- */

.half-screen {
	position: relative;
	height: 50%;
}

.videoplay-on-hover .vertical-middle { z-index: 2; }

.videoplay-on-hover .video-wrap { z-index: 1; }

.videoplay-on-hover .vertical-middle h2 {
	font-size: 40px;
	font-weight: bold;
}

.device-xs .videoplay-on-hover .vertical-middle h2 { font-size: 32px; }

.device-xxs .videoplay-on-hover .vertical-middle h2 { font-size: 26px; }





/* ----------------------------------------------------------------------------
	Dark
---------------------------------------------------------------------------- */


.dark #header.sticky-header #header-wrap,
#header.sticky-header.dark #header-wrap { border-bottom-color: rgba(255,255,255,0.1) !important; }


/* ----------------------------------------------------------------------------
	Responsive
---------------------------------------------------------------------------- */


@media (max-width: 991px) {

	#logo { height: 70px !important; }

	#header { min-height: 70px; }

	#header.transparent-header:not(.sticky-header) #header-wrap {
		background-color: none;
		border-bottom: 0px solid #EEE;
	}

	#header.transparent-header.dark:not(.sticky-header) #header-wrap {
		background-color: #333;
		border-bottom-color: rgba(255,255,255,0.1) !important;
	}

	#header.transparent-header:not(.hidden) + #slider,
	#header.transparent-header:not(.hidden) + #page-title.page-title-parallax,
	#header.transparent-header:not(.hidden) + #google-map,
	#slider + #header.transparent-header:not(.hidden) {
		top: 0;
		margin-bottom: 0;
	}