/*
	Theme Name: Semplice Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice5
*/

/* Custom CSS Start */

body {border: 10px solid red;}

.nav_tzejkff4w .navbar-inner .logo a,
.nav_tzejkff4w .navbar-right .menu .menu-item span {
	color: #fff;
}


/* TYPOGRAPHY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Headings */
@media (max-width: 1023px) {
		h2 {
			font-size: 150%!important;
			line-height: 150%!important;
		}
	}

h6 {
	text-transform: uppercase;
	font-size: 14px;
	color: #000000;
	letter-spacing: 1px;
	font-weight: 700;
}


/* Global header nav */
.semplice-navbar {mix-blend-mode: exclusion !important;}

.semplice-navbar {
	mix-blend-mode: exclusion !important; 
	filter: invert(1) !important;
	}

.is-frontend .semplice-navbar {
  position: fixed !important;
  transition: ease transform 0.3s !important;
}

.semplice-navbar.hide-navbar {
  transform: translateY(-100%) !important;
}

/* Global footer nab */
.js-footer ul {
	font-size: 15px;
	margin-left: 0px;
	list-style-type: none;
	font-weight: 600;
}

/* Other */
.js-signature {
	max-width: 250px;
	margin: 40px 0px 40px 0px;
}

/* Typography - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.project-panel .pp-thumb p.pp-title {
	text-align: left!important;
}

/* COLORS - - - - - - - */
.project-panel {
	background: none!important;
}

/* MARGINS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* MOBILE  */
	.js-vmargin-header-top		{height: 80px!important;}	/* goes below the header and above intro content */
	.js-vmargin-header-bottom	{height: 60px!important;}	/* goes below the intro content */
	.js-vmargin-lg 				{height: 60px!important;}	/* goes above and below content areas */
	.js-vmargin-md 				{height: 40px!important;}	/* goes between chunks of content in content areas */
	#content [data-module=spacer] .spacer, #content-holder [data-module=spacer] .spacer {margin-top: 20px; margin-bottom:20px} /* margin + margin = heigh of .js-vmargin-md */
	.js-vmargin-sm 				{}


/* TABLET */
@media (min-width: 768px) {
	.js-vmargin-header-top		{height: 100px!important;}
	.js-vmargin-header-bottom	{height: 80px!important;}
	.js-vmargin-lg 				{height: 80px!important;}
	.js-vmargin-md				{height: 60px!important;}
	#content [data-module=spacer] .spacer, #content-holder [data-module=spacer] .spacer {margin-top: 30px; margin-bottom:30px}
	.js-vmargin-sm 				{}
}

/* Tablet Landscape+ */
@media (min-width: 1024px) {
	.js-vmargin-header-top		{height: 120px!important;}
	.js-vmargin-header-bottom	{height: 100px!important;}
	.js-vmargin-lg 				{height: 100px!important;}
	.js-vmargin-md 				{height: 80px!important;}
	#content [data-module=spacer] .spacer, #content-holder [data-module=spacer] .spacer {margin-top: 40px; margin-bottom:40px}
	.js-vmargin-sm 				{}
}

/* COMPUTER */
@media (min-width: 1280px) {
	.js-vmargin-header-top		{height: 180px!important;}
	.js-vmargin-header-bottom	{height: 140px!important;}
	.js-vmargin-lg 				{height: 140px!important;}
	.js-vmargin-md 				{height: 80px!important;}
	#content [data-module=spacer] .spacer, #content-holder [data-module=spacer] .spacer {margin-top: 80px; margin-bottom:80px}
	.js-vmargin-sm 				{}
}

/* Hide the side columns from displaying on mobile. Hide them when stacked. */
@media (max-width: 767px) {
	.jw-hide-mobile {
		display: none;
	}
}

#content [data-module=spacer] .spacer, #content-holder [data-module=spacer] .spacer {
	height: 1px!important;
}

/* GLOBAL NAVIGATION - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*.semplice-navbar .navbar-inner {
	border-bottom:
	1px solid #444;
}*/

/* HERO AREA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* HERO - LAYERED */
	#section_nspjcgfa8, /* Hero area (sectioin ID) on the GM page */
	#section_6fa2706cd /* sony */
		{
		background-size: cover;
		background-repeat:no-repeat;
		background-attachment: fixed!important;
		border-bottom: 1px solid #EFEFEF;
		-webkit-box-shadow: inset 0px 2px 7px 0px rgba(0,0,0,0.5); 
		box-shadow: inset 0px 2px 7px 0px rgba(0,0,0,0.5);
		}

/* HERO - Static image */
	#section_5848gs60i, /* Cadillac Financial */
	#section_aky85krnv, /* myaccount */
	#section_rhi8l2jf5	/* Momentum */
		{
		background-size: cover;
		background-repeat:no-repeat;
		}
	
	#section_aky85krnv .container {
		padding: 0px;	
	}

/* HERO - Background colors */
#section_nspjcgfa8 {background-color: #3E4349; } /* GM */
#section_6fa2706cd {background-color: #123B8A; } /* Sony */
#section_aky85krnv {background-color: #AFAAA6; } /* MyAccount */
#section_rhi8l2jf5 {background-color: #0E3360; } /* Momentum */
#section_5848gs60i {background-color: #D1B5B3; } /* Cadillac F */
#section_5149b49d8 {background-color: #000000; } /* JW */



@media (min-width: 768px) {
	#section_nspjcgfa8 .container .row .column {
		padding: 0px;	
	}
}

.jw-logo {
	max-width: 75px;
	max-height: 75px;
	margin-top: 12px;
	margin-bottom: 40px;
}

@media (min-width: 1280px) {
	.jw-logo {
		margin-bottom: 0px;
	}
}



.jw-logo-genmo {}

.js-vmargin-header-top,
.js-vmargin-header-bottom,
.js-vmargin-lg {
	display: inline-block;
	margin: 0px auto;
	/*box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);*/
}


/* Custom CSS End */