/* ----------------------------------------------------------------
	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
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------
	FONTS
---------------------------------------------------------------------------- */
:root {
	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Source Sans Pro', sans-serif;
	--cnvs-header-height: 70px;
}

#header {
	--cnvs-sticky-header-height: 70px;
	--cnvs-header-transparent-border-color: rgba(var(--cnvs-contrast-rgb), .05);
	--cnvs-primary-menu-font-weight: 400;
	--cnvs-primary-menu-font-size: 0.75rem;
	--cnvs-primary-menu-tt: uppercase;
	--cnvs-primary-menu-ls: 3px;
}

.is-expanded-menu #header.transparent-header:not(.border-full-header):not(.sticky-header) #header-wrap {
	border-bottom: transparent;
}

.is-expanded-menu .menu-link {
	--cnvs-primary-menu-padding-x: 22px;
}

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

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

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


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

.is-expanded-menu #header.sticky-header #header-wrap,
.is-expanded-menu #header.full-header.border-full-header.sticky-header #header-wrap {
	box-shadow: none;
}


/* Side Panel
---------------------------------------------------------------------------- */

body.side-push-panel.stretched #header .container {
	right: 0;
}

body.side-push-panel.side-panel-open.stretched #header .container {
	right: 300px;
}


/* ----------------------------------------------------------------------------
	Page Section
---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
	Heading Block
---------------------------------------------------------------------------- */

.heading-block h2 {
	--cnvs-heading-block-font-weight: 500;
	--cnvs-heading-block-font-spacing: 3px;
	font-family: var(--cnvs-body-font);
}


/* ----------------------------------------------------------------------------
	Portfolio Description
---------------------------------------------------------------------------- */


/**/


/* ----------------------------------------------------------------------------
	Buttons
---------------------------------------------------------------------------- */

.button.button-border {
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 13px;
}

.button.button-border.button-large {
	font-size: 15px;
}

.button.button-border.button-light {
	border-color: #F9F9F9;
	color: #F9F9F9;
}

.button.button-border.button-light:hover {
	background-color: #F9F9F9;
	color: #333;
	text-shadow: none;
}


/* Blog
---------------------------------------------------------------------------- */


/* More Link
---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
	Team & Testimonials
---------------------------------------------------------------------------- */

.parallax .fslider * {
	-webkit-backface-visibility: hidden !important;
}


/* Border Form Design
---------------------------------------------------------------------------- */

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

#footer .widget {
	padding: 30px 0;
	--cnvs-widget-title-margin: 50px;
	--cnvs-widget-title-font-size: 20px;
	--cnvs-widget-title-font-weight: 300;
	--cnvs-widget-title-letter-spacing: 3px;
	--cnvs-widget-title-text-transform: uppercase;
}


#footer .widget .form-control { text-align: center; }

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


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


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


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


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


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


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



/* Content Switch
---------------------------------------------------------------------------- */



/* Hero Video Play Event
---------------------------------------------------------------------------- */


.slider-caption h2 {
	font-size: 78px;
	letter-spacing: 3px;
	text-transform: lowercase;
}

.slider-caption p {
	font-weight: 300;
	text-transform: lowercase;
	font-size: 26px;
	line-height: 1.8;
	max-width: 600px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

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


@media (max-width: 991px) {

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

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

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

}