/*
Theme Name: Racing100
Description: This is a child theme for Flatsome Theme
Author: Coderalia
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/***** TEXT *****/

	.heading-1, .banner h1.heading-1{
		font-size: 70px;
		font-weight: 500;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-bottom: 0px;
	}

	.heading-2, h4.heading-2, .banner h2.heading-2{
		font-size: 50px;
		font-weight: 400;
		text-transform: uppercase;
		margin-bottom: 0px;
	}

	.heading-3{
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-bottom: 0px;
	}

	.heading-3-semibold{
		font-weight: 500;
	}

	.heading-4{
		font-size: 22px;
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 0px;
	}

	.subtitle-1 {
		font-size: 27px;
		text-transform: uppercase;
	}
/*
	.parag{
		font-size: 16px;
		line-height: 1.5em;

	}*/

	.black-text{
		color:#000000;
	}


	.banner h2, .banner h3, .banner h1, .banner p {
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: 500;
	}

	.red-title, .dark h3.red-title{
		color: #b80200;
		font-weight: 500;
	}

	a.top-bar-link {
		font-family: "teko";
	}

	a.top-bar-link:hover{
		color: #ffffff;
	}

	.home-thumbnail-text{
		text-align: center;
		position: absolute;
		bottom: 60px;
	}

	.taller-centro-integral-heading{
		font-weight: 800;
	}
	

/***** END TEXT *****/

/***** HEADER *****/
	
/*  .dot{
		display: none !important;
	}*/

	.no-padding-col{
		padding-bottom: 0px;
	}

	.col-inner>.img:not(:last-child), .col>.img:not(:last-child){
		margin-bottom: 0px;
	}

	.events-seguro-anual-col .col-inner{
		display: flex;
		flex-direction: column;
		align-content: space-around;
	}

	/*.top-bar{
		padding-bottom: 5px;
	}*/
	.header-block-block-1{
		font-size: 20px ;
		font-weight: 500 ;
		text-transform: uppercase;
		color:#000000;
		background-color: #b80200;
		height: 40px;
		padding: 0 20px;
	}


	#ic-cart {
		margin-right: 12px;
	}

	.header-main{
		background-color: #ffffff;
		background-image: linear-gradient(296deg, #353535 80%, #ffffff 80.1%);
		background-image: -webkit-linear-gradient(155deg, #353535 80%, #ffffff 80.1%);
		background-image: -moz-linear-gradient(155deg, #353535 80%, #ffffff 80.1%);
		background-image: -o-linear-gradient(155deg, #353535 80%, #ffffff 80.1%);
	}

	.header-top{
		background-color: #b80200;
		background-image: linear-gradient(90deg, #000000 70%, #b80200 0%);
		background-image: -webkit-linear-gradient(0deg, #000000 70%, #b80200 0%);
		background-image: -moz-linear-gradient(0deg, #000000 70%, #b80200 0%);
		background-image: -o-linear-gradient(0deg, #000000 70%, #b80200 0%);
	}

	.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper{
			box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
	}

	/*.head-bg{
		background-color: #b80200;
		background-image: 
			url(http://localhost/racing100/wp-content/uploads/2018/01/ALB282008681.jpg),
			-webkit-linear-gradient(165deg, #b80200 50%, #ffffff 0%);
		min-height: 360px;
	}*/

	.header .header-nav{
		font-size: 1.7em;
	}

	.dark.nav-dropdown{
		padding: 0;
		font-family: 'Teko';
		font-weight: 400;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	}

	.heading{
		max-height: 400px;
	}

/***** END HEADER *****/    

/***** EVENTS *****/

/***** END EVENTS *****/

.events-box-row .box-text{
	background-color: rgba(0,0,0,0.5);

}

.no-margin-thumbnail p{
	margin-bottom: 0px;
}

.fa-phone {
	color: #b80200;
}
.fa-envelope {
	color: #b80200;
}

.wpcf7-form label{
	margin: 10px 0;
	font-size: 16px;
}

.wpcf7-form-control {
	margin-bottom: 0px;
}

/***** BUTTON *****/

	/*.button{
		margin-bottom: 0;
		font-family: 'teko';
		font-size: 2.5em;
		border: none;
		padding-left: 1.5em;
		padding-right: 1em;
	}

	.primary:after{
		content: '';
		position: absolute;
		top: 0;
		left: 99.9%;
		border-left: 0px solid transparent;
		border-right: 27px solid transparent;
		border-top: 62px solid #b80200;
		clear: both;
	}

	.button.is-outline {
		border: 8px solid;
	}

	.button.is-outline:after {
		content: '';
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #b80200;
		clear: both;
	}

	.button.is-outline.circle {
		border: 3px solid;
	}

	.button.white{
		color: #000 !important;
	}

	.button.white:after{
		content: '';
		position: absolute;
		top: 0;
		left: 99.9%;
		border-left: 0px solid transparent;
		border-right: 27px solid transparent;
		border-top: 62px solid #ffffff;
		clear: both;
	}*/

/***** END BUTTON *****/


/***** BRACKETS *****/

	/***** BRACKETS RECAMBIOS *****/

		.bracket-recambios{
			padding: 3em 3.5em;
			position: relative;
		}

		.bracket-recambios:before {
			border: 1.5em solid #b80200;
			bottom: 0;
			content: '';
			position: absolute;
			top: 0;
			width: 55%;
			height: 100%;
			border-right: none;
			border-bottom: none;
			left: 0;
		}

		.bracket-recambios:after {
			border: 1.5em solid #b80200;
			content: '';
			position: absolute;
			width: 120px;
			height: 120px;
			right: 0;
			bottom: 0;
			border-left: none;
			border-top: none;
		}

		.bracket-recambios-bottom-left:before {
			border: 1.5em solid #b80200;
			content: '';
			position: absolute;
			width: 15%;
			height: 100%;
			border-right: 0;
			border-top: 0;
			border-left: 0;
		}

		.bracket-recambios-bottom-left {
			position: relative;
			bottom: 1.5em;
		}


	/***** END BRACKETS RECAMBIOS *****/

		

	/***** BRACKETS SEGUROS *****/

		.bracket-seguro{
			padding: 3em;
			position: relative;
		}

		.bracket-seguro:before {
			border: 1.3em solid #b80200; 
			bottom: 0;    
			content: '';
			position: absolute;
			top: 0;
			width: 35%;
			height: 55%;
		}

		.bracket-seguro:before {
			border-right: none;
			border-bottom: none;
			left: 0;
		}


	/***** END BRACKETS SEGUROS *****/



	/***** BRACKETS TALLER *****/

		.bracket-taller{
			padding: 3em 3.7em 0px 3.7em;
			position: relative;
			bottom: -165px;
			margin-top: -150px;
		}
		.bracket-taller:after{
			border: 1.3em solid #b80200;
			bottom: 0;
			content: '';
			position: absolute;
			width: 15%;
			height: 30%;
		}
		.bracket-taller:before {
			border: 1.3em solid #b80200; 
			bottom: 0;    
			content: '';
			position: absolute;
			top: 0;
			width: 20%;
			height: 100%;
		}
		.bracket-taller:after {
			border-top: none;
			border-left: none;
			right: 0;
		}
		.bracket-taller:before {
			border-right: none;
			left: 0;
		}

	/***** END BRACKETS TALLER *****/   



/***** END BRACKETS *****/

	/***** END FRAMES SEGUROS *****/

/* BRAKET INFO EVENT RODADA  */
.braket-info-event{
	margin: 10px;
	max-width: 28%;
	padding: 2.5em;
	/*position: relative;*/
}
.braket-info-event:after{
	content: '';
	border: 1.3em solid #000;
	left: 0;
	right: 0;
	border-bottom: none;
	position: absolute;
	top: 0;
	height: 40%;
	width: 100%;
}
.braket-info-event:before {
	content: '';
	border: 1.3em solid #000;
	left: 0;
	right: 0;
	border-top: none;
	position: absolute;
	bottom: 0;
	height: 40%;
	width: 100%;
}

/* BRAKET BEG RACING  */
.braket-beg-racing{
	margin: 10px;
	/*max-width: 28%;*/
	padding: 4em;
	/*position: relative;*/
}
.braket-beg-racing:before{
	content: '';
	border: 1.3em solid #b80200;
	left: 0;
	right: 0;
	border-right: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 20%;
}
.braket-beg-racing:after {
	content: '';
	border: 1.3em solid #b80200;
	/*left: 0;*/
	right: 0;
	border-top: none;
	border-left: none;
	position: absolute;
	bottom: 0;
	height: 100px;
	width: 100px;
}
/* END BRAKET BEG RACING */

/* FACTORY CLUB */
.arrow-right {
	list-style: none;
}
.arrow-right:before {
	content: '';
	position: absolute;
	left: 3px;
	margin-top: 5px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #b80200;
}
.fc-circle {
	background: #b80200;
	width: 130px;
	height: 130px;
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	border-radius: 50%;
}
.fc-circle-text-top:before {
	content: 'HASTA';
	position: absolute;
	top: 16px;
	font-size: 20px;
}
.fc-text-img-right .col-inner {
	display: flex;
}
.fc-text-img-right .col-inner .heading-4, .fc-text-img-right .col-inner .heading-3{
	width: auto;
	margin-right: 1%;
}

/* END FACTORY CLUB */

.page-wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
}

.grid-col{
	padding: 0px !important;
}

.grid-container{
	display: flex;
	align-items: center;
}

.serv-accossato{
	background: url('http://localhost/racing100/wp-content/uploads/2018/01/SERVICIO_RODADAS-ACCOSSATO.jpg'); 
	margin-left: 15px;
	margin-right: 15px;
}

.serv-arresi{
	background: url('http://localhost/racing100/wp-content/uploads/2018/01/SERVICIO_RODADAS-ARRESI.jpg'); 
	margin-left: 15px;
	margin-right: 15px;
}

.taller-margin{
	margin-top: 150px;
}

/***** FOOTER *****/
	
	.footer {
		padding-top: 0px;
	}

	.footer-1{
		border-top: 0px;
		background-color: #000000;
		background-image: linear-gradient(0deg, #ffffff 89%, #656565 100%);
		background-image: -webkit-linear-gradient(90deg, #ffffff 89%, #656565 100%);
		background-image: -moz-linear-gradient(90deg, #ffffff 89%, #656565 100%);
		background-image: -o-linear-gradient(90deg, #ffffff 89%, #656565 100%);
	}

	.copyright-footer{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.copyright-footer .coderalia-logo{
		width: 175px;
		height: 20px;
	}

	.coderalia-logo{
		width: 100%;
		height: auto;
	}

	.footer-parag{
		font-size: 14px;
		line-height: 1.6em;
	}

	.footer-parag a{
		color: #000000;
	}

	.footer-2{
		padding-top: 40px;
		padding-bottom: 0px;
	}

	.footer-2 .large-colums-3 {
		display: flex;
		justify-content: space-around;
	}

	.footer-widgets .widget_custom_html {
		display: flex;
		justify-content: center;
	}

/***** END FOOTER *****/


/***** EVENTS/SERVICIOS DIAGONAL BORDERS *****/

	.img-diagonal-left-top img{
		-webkit-clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 38%);
		clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 38%);
	}

	.img-diagonal-left-bottom img{
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 14% 100%, 0% 58%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 14% 100%, 0% 58%);
	}

	.img-diagonal-right-top img{
		-webkit-clip-path: polygon(0% 0%, 86% 0%, 100% 37%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 86% 0%, 100% 37%, 100% 100%, 0% 100%);
	}

	.img-diagonal-right-bottom img{
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 58%, 81% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 58%, 81% 100%, 0% 100%);
	}

/***** END EVENTS/SERVICIOS DIAGONAL BORDERS *****/

/* BUTTON DIAGONAL OUTLINE/FILL */

	.home-slider-buttons{
		display: flex;
		flex-direction: row;
	}

	.btn-diagonal{
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
		min-width: 220px;
		/*height:64px;*/
		left: -6px;
		display:inline-block;
		position:relative;
		text-align: center;
		line-height: 66px;
		z-index:10;
		font-size: 28px;
		font-weight: 400 !important;
		text-transform: uppercase;
		font-family: Teko;
		text-decoration: none;
	}
	.btn-diagonal:before{
		content: "";
		position: absolute;
		left: 0px;
		width: 90%;
		height: 100%;

	}
	.btn-diagonal:after{
		content:"";
		position:absolute;
		right: 0px;
		width: 90%;
		height: 100%;
		transform: skew(-20deg);
		-ms-transform: skew(-20deg);
		-webkit-transform: skew(-20deg);
		-moz-transform: skew(-20deg);
		-o-transform: skew(-20deg);
	}

	.btn-invert{
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
		min-width: 220px;
		margin-left: 0.5em;
		/*height:64px;*/
		left: -6px;
		display:inline-block;
		position:relative;
		text-align: center;
		line-height: 66px;
		z-index:10;
		font-size: 28px;
		font-weight: 400 !important;
		text-transform: uppercase;
		font-family: Teko;
		text-decoration: none;
	}

	.btn-invert:before{
		content: "";
		position: absolute;
		left: 0px;
		width: 90%;
		height: 100%;
		transform: skew(-20deg);
		-ms-transform: skew(-20deg);
		-webkit-transform: skew(-20deg);
		-o-transform: skew(-20deg);
	}
	.btn-invert:after{
		content:"";
		position:absolute;
		right: 0px;
		width: 90%;
		height: 100%;
	}

	.btn-diagonal.btn-fill.disabled:before, .btn-diagonal.btn-fill.disabled:after {
		background: #cccccc;
	}

	.btn-outline {
		color: #ffffff;
	}
	.btn-outline:hover {
		color: #000000 !important;
	}
	.btn-outline:before {
		border-left: 8px solid white;
		border-top: 8px solid white;
		border-bottom: 8px solid white;
	}
	.btn-outline:after {
		border-top: 8px solid white;
		border-bottom: 8px solid white;
		border-right: 10px solid white;
	}

	.btn-outline:hover:before {
		z-index: -1;
		color: #000000;
		background-color: #ffffff;

	}
	.btn-outline:hover:after {
		z-index: -1;
		color: #000000;
		background-color: #ffffff;
	}


	.btn-outline-red {
		color: #b80200;
	}
	.btn-outline-red:hover {
		color: #ffffff;
	}
	.btn-outline-red:before {
		border-left: 8px solid #b80200;
		border-top: 8px solid #b80200;
		border-bottom: 8px solid #b80200;
	}
	.btn-outline-red:after {
		border-top: 8px solid #b80200;
		border-bottom: 8px solid #b80200;
		border-right: 10px solid #b80200;
	}
	.btn-outline-red:hover:before {
		z-index: -1;
		background-color: #b80200;
	}
	.btn-outline-red:hover:after {
		z-index: -1;
		background-color: #b80200;
	}



	.btn-fill:before{
		z-index: -1;
		background-color: #b80200;
		transition: background-color 1s ease-out;
		-webkit-transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		transition: background-color 1s ease-out;
	}
	.btn-fill:after{
		z-index: -1;
		background-color: #b80200;
		transition: background-color 1s ease-out;
		-webkit-transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		transition: background-color 1s ease-out;
	}
	.btn-fill:hover:before{
		background-color: #5e0400;
	}
	.btn-fill:hover:after{
		background-color: #5e0400;
	}


	.btn-fill-white:before{
		z-index: -1;
		background-color: #ffffff;
		transition: background-color 1s ease-out;
		-webkit-transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		transition: background-color 1s ease-out;
	}
	.btn-fill-white:after{
		z-index: -1;
		background-color: #ffffff;
		transition: background-color 1s ease-out;
		-webkit-transition: background-color 1s ease-out;
		-moz-transition: background-color 1s ease-out;
		-o-transition: background-color 1s ease-out;
		transition: background-color 1s ease-out;
	}
	.btn-fill-white:hover:before{
		background-color: #999999;
	}
	.btn-fill-white:hover:after{
		background-color: #999999;
	}

/***** MENU LATERAL RESPONSIVE *****/

	.nav-vertical li {
		font-family: 'Teko';
		text-transform: uppercase;
		font-size: 1.5em;
	}

	.menu-item-64 a {
		font-size: 0.8em;
		font-weight: 400;
	}

	li.html.custom.html_top_right_text .top-bar-link {
		padding-left: 10px;
	}

	li.html.custom.html_top_right_text .top-bar-link#ic-cart {
		padding: 0;
		margin: 0;
	}
	li.html.custom.html_top_right_text .top-bar-link.no-logged {
		padding-left: 18px;
	}
	li.html.custom.html_top_right_text .top-bar-link.no-logged:last-child {
		margin-right: 60px;
	}

/** BLOG **/
.blog-wrapper.page-wrapper .col.large-9, .blog-wrapper.page-wrapper .col.post-sidebar.large-3{
	padding-top: 34px;
}
h1.entry-title, h2.entry-title{
	color: #555;
}
span.posted-on, span.byline, .post-sidebar li.recentcomments, .entry-meta.text-center{
	color: #777;
}
.post-sidebar span, #post-list .cat-links.pull-left {
	color: #555;
}
#post-list .entry-summary p, .entry-content.single-page p{
	color: #000000;
}

/** WOOCOMMERCE **/
/*.woocommerce-MyAccount-content{
	padding-top: 20px;
}*/

.woocommerce-Address-title.title h3 {
	color: #555;
}

.products .product-category h5.header-title {
	color: #000000;
}

/***** END MENU LATERAL RESPONSIVE *****/


/***** AJUSTES BG DIAGONAL TOP MENU RESPONSIVE DESKTOP (01/02/2019) *****/

@media only screen and (min-width: 1180px) {
	.header-main{
		background-color: #ffffff;
		background-image: linear-gradient(296deg, #353535 76%, #ffffff 76.1%);
		background-image: -webkit-linear-gradient(155deg, #353535 76%, #ffffff 76.1%);
		background-image: -moz-linear-gradient(155deg, #353535 76%, #ffffff 76.1%);
		background-image: -o-linear-gradient(155deg, #353535 76%, #ffffff 76.1%);
	}
}

@media only screen and (min-width: 1360px) {
	.header-main{
		background-color: #ffffff;
		background-image: linear-gradient(296deg, #353535 72%, #ffffff 72.1%);
		background-image: -webkit-linear-gradient(155deg, #353535 72%, #ffffff 72.1%);
		background-image: -moz-linear-gradient(155deg, #353535 72%, #ffffff 72.1%);
		background-image: -o-linear-gradient(155deg, #353535 72%, #ffffff 72.1%);
	}
}

@media only screen and (min-width: 1590px) {
	.header-main{
		background-color: #ffffff;
		background-image: linear-gradient(296deg, #353535 68%, #ffffff 68.1%);
		background-image: -webkit-linear-gradient(155deg, #353535 68%, #ffffff 68.1%);
		background-image: -moz-linear-gradient(155deg, #353535 68%, #ffffff 68.1%);
		background-image: -o-linear-gradient(155deg, #353535 68%, #ffffff 68.1%);
	}
}

/***** END AJUSTES BG DIAGONAL TOP MENU RESPONSIVE DESKTOP (01/02/2019) *****/

@media only screen and (max-width: 1200px) {
	.home-text-block .text-inner{
		padding-right: 20px;
		padding-left: 20px;
	}
}


@media only screen and (max-width: 850px) {
	.header-main{
		background-color: #353535;
	    background-image:linear-gradient(120deg, #353535 25%, #ffffff 25.4%);
	}

	.braket-info-event{
		max-width: 100%;
	}
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.home-slider-buttons {
		display: flex;
		flex-direction: column;
	}

	.header-main{
		background-color: #353535;
	    background-image:linear-gradient(120deg, #353535 25%, #ffffff 25.4%);
	}

	.chrono-bg .section-bg {
		background: none !important;
	}

	.foto-video .section-bg {
		background-position: left;
	}

	.heading .section-bg {
		background-position: right;
		padding-top: 20px;
	}

	.home-text-block p {
		color: #ffffff !important;
	}
	.home-text-block .heading-1 {
		color: #ffffff !important;
	}
	.home-text-block .heading-3 {
		color: #c2c2c2;
	}

	.home-text-block .btn-outline-red{
		color: #ffffff !important;
	}

	.home-text-block .bg.bg-loaded{
		background-position: right;
	}

	.heading .heading-1, 
	.heading .banner h1.heading-1,
	.heading .heading-2,
	.heading h4.heading-2,
	.heading .banner h2.heading-2,
	.heading .heading-3,
	.heading .heading-4,
	.heading p{
		color: #ffffff;
	}

	.serv-accossato{
		background-size: cover;
		background-repeat: no-repeat;
		margin: 20px 0;
	}

	.serv-arresi{
		background-size: cover;
		background-repeat: no-repeat;
		margin: 20px 0;
	}

	.btn-diagonal {
		font-size: 20px;
	}

	.btn-invert {
		font-size: 20px;
	}

	.prefooter-logo {
		margin-top: 20px;
	}

	.copyright-footer{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.coderalia-logo{
		margin-top: 20px;
	}

	.taller-centro-integral-heading{
		color: #000000 !important;
	}

	.taller-margin {
		margin-top: 0px;
	}

	.section-content.relative .row.row-collapse.align-center .col.factoryclub-ventajas-title{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}


	/***** BRACKETS RECAMBIOS *****/

		.bracket-recambios{
			padding: 3em 2em;
			position: relative;
		}

		.bracket-recambios:before {
			border: none;
		}

		.bracket-recambios:after {
			border: none;
		}

		.bracket-recambios-bottom-left:before {
			border: none;
		}

	/***** END BRACKETS RECAMBIOS *****/
	

	/***** BRACKETS TALLER *****/

		.bracket-taller{
			padding: 2em 1em 0px 1em;
			position: relative;
			bottom: 0;
			margin-top: 0px;
		}
		.bracket-taller:after{
			border: none;
		}
		.bracket-taller:before {
			border: none; 
		}

	/***** END BRACKETS TALLER *****/ 

	/***** BRAKET BEG RACING  *****/

		.braket-beg-racing{
			padding: 1.5em;
		}

		.braket-beg-racing .col-inner{
			padding: 0px !important;
		}
		.braket-beg-racing:before{
			border: none;
		}
		.braket-beg-racing:after {
			border: none;
		}
		
	/***** END BRAKET BEG RACING *****/

}