/*

Theme Name: Divi Child Theme
Theme URI: 
Description: Divi Child Theme
Author: 
Author URI: 
Template: Divi
Version: 1.0.0

*/

/* GLOBAL */

h1 {

	font-size: 3rem;
	text-transform: uppercase;

}

	h1 span {

		color: #FED100;

	}

#main-content {

	background: #252525;


}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {

	border-bottom: 4px solid #FED100;

}

.line_short_yellow {

	display: block;
	border-bottom: 4px solid #ffcc00;
    width: 60px;
    margin-bottom: 2rem;

}

.line_short_red {

	display: block;
	border-bottom: 4px solid #D52B1E;
    width: 60px;
    margin-bottom: 2rem;

}

.custom-background-gradient {

	background: linear-gradient(253.14deg, #454545 1.92%, #252525 90.18%);

}

.custom-flex-align-items-center {

	display: flex;
	align-items: center;

}

/* NINJA FORMS */

.nf-after-field .nf-error-msg {

	text-align: left;

}

.nf-form-content label {

	font-size: 1rem !important;

}

.nf-form-content .nf-field .submit-wrap {

	text-align: center;
	margin-top: 1rem;

}

.nf-form-content .nf-field-container.checkbox-container {

	margin-bottom: 0;

}

.nf-form-content input[type=submit] {

	background: transparent !important;
	color: #ffcc00 !important;
	border: 1px solid #ffcc00 !important;
	padding: 1rem 3rem !important;
	margin: 0 auto;

}

.nf-form-content .list-select-wrap .nf-field-element>div, 
.nf-form-content input:not([type=button]):not([type=submit]), 
.nf-form-content textarea {

	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	background: transparent !important;
	color: #ffffff !important;

}

.nf-field-label .nf-label-span, .nf-field-label label {

	font-weight: 400 !important;

}

.field-wrap.file_upload-wrap.textbox-wrap {
	
	text-align: left;

}

.nf-fu-progress,
.nf-fu-progress-bar {

	background: transparent !important;

}

/* LISTADO EVENTOS */

.events_list {

	display: flex;
	flex-wrap: wrap;
	gap: 1.333333%;

}

.events_list.events_list_highlights {

	gap: 2%;

}

	.events_list .events_list__item {

		width: 24%;
		margin-bottom: 1.333333%;

	}

	.events_list.events_list_highlights .events_list__item {

		width: 49%;
		margin-bottom: 2%;

	}

		.events_list .events_list__item .events_list__item_image {

			height: 150px;
			overflow: hidden;

			display: flex;
			justify-content: center;

		}

		.events_list.events_list_highlights .events_list__item .events_list__item_image {

			height: 300px;

		}

			.events_list .events_list__item .events_list__item_image img {
				
				object-fit: cover;

			}

		.events_list .events_list__item .events_list__item_info {

			display: flex;

		}

			.events_list .events_list__item .events_list__item_info .events_list__item_date {

				padding: 1rem;
				color: #FFFFFF;
				background-color: #D52B1E;

			}

			.events_list .events_list__item .events_list__item_info .events_list__item_title {

				flex-grow: 1 !important;

				padding: 1rem;
				color: #000000;
				background-color: #FFFFFF;

			}

		.events_list:not(.events_list_highlights) {

			margin-bottom: 2rem;

		}

		.events_list:not(.events_list_highlights) .events_list__item .events_list__item_info {

			flex-direction: column;

		}

			.events_list:not(.events_list_highlights) .events_list__item .events_list__item_info .events_list__item_date {
				
				color: #000000;
				background-color: #FED100;

			}

		#events_grid .event_list_month {

			color:  #FED100;
			font-size: 1.5rem;
			font-weight: 700;
			padding: 1rem 0;
			text-align: right;

		}

#events_load_more_button {

	display: flex;
	justify-content: center;

}

	#events_load_more_button #load-more-events {

		border: 1px solid #fed100;
		padding: 0.5rem 1rem;
		display: block;

	}

/* SINGLE EVENTOS */

#single_evento_header {

	padding-top: 8rem !important;
	padding-bottom: 0 !important;
	
	/* background: linear-gradient(253.14deg, #454545 1.92%, #252525 90.18%); */

	background-color: #454545 !important;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
	background-size: 40% !important;

	color: #ffffff;

}

	#single_evento_header #single_evento_header_content {

		display: flex;
		flex-wrap: nowrap;

	}

		#single_evento_header #single_evento_header_content #single_evento_header_content_text {

			padding-bottom: 8rem;

		}

		#single_evento_header #single_evento_header_content #single_evento_header_content_img {
			
			align-content: end;
			line-height: 0;

			display: none;

		}

	#single_evento_header #single_evento_header_content #single_evento_header_content_text .evento_fecha {

		font-style: normal;
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1;

		color: #FED100;

		margin-bottom: 2rem;

	}

	#single_evento_header #single_evento_header_content #single_evento_header_content_text .evento_titulo h1 {
	
		margin-bottom: 2rem;
		padding-bottom: 0;

	}

	#single_evento_header #single_evento_header_content #single_evento_header_content_text .evento_extracto {

		width: 60%;

	}

#single_evento_horario ul.iconos {

	list-style-type: none;
	padding-left: 0;

}

	#single_evento_horario ul.iconos li {

		min-height: 60px;
		margin-left: 60px;
		margin-bottom: 2rem;

	}

	#single_evento_horario ul.iconos li:before {

	    background-position: 50%;
	    background-repeat: no-repeat;
	    content: "";
	    display: block;
	    position: absolute;
	    width: 57px;
	    height: 57px;
	    left: -10px;

	}

	#single_evento_horario ul.iconos li.icono-01:before {

		background-image: url(/entorno_test2/pirelli.motoevents.es/wp-content/uploads/2024/08/icono-01.png);

	}

	#single_evento_horario ul.iconos li.icono-02:before {

		background-image: url(/entorno_test2/pirelli.motoevents.es/wp-content/uploads/2024/08/icono-02.png);

	}

	#single_evento_horario ul.iconos li.icono-03:before {

		background-image: url(/entorno_test2/pirelli.motoevents.es/wp-content/uploads/2024/08/icono-03.png);

	}

#single_evento_neumaticos h2 {

	font-weight: 400 !important;
    background: #000000;
    width: auto;
    display: inline-block;
    padding: 10px 5px;
    margin: 0 auto;

}

.custom-form-container {

	width: 40% !important;
	margin: 0 auto !important;

}

#nf-form-3-cont {

	width: 60%;
	margin: 0 auto;

}

/* CAROUSEL */

.lwp-slick-slider .slick-next:before, .lwp-slick-slider .slick-prev:before {

	color: #FFFFFF;

}

.lwp-slick-slider .slick-dots li button {

	background-color: #FFFFFF;
	
}

.lwp-slick-slider .slick-slide {

	padding: 0;

}	

	.lwp-slick-slider .slick-slide img {

		width: 100%;
		height: auto;

	}

/* HEADER PROMOCIONES */

.promociones-header strong {

	font-size: 1.5rem;
	color: #D52B1E;

}

/* LISTADO PROMOCIONES */

.promotions_list {

	display: flex;
	flex-wrap: wrap;
	gap: 1.333333%;

	margin-bottom: 2rem;

}

	.promotions_list .promotions_list__item {

		width: 32%;
		margin-bottom: 1.333333%;

	}

	.promotions_list .promotions_list__item[order='1'] {

		width: 59%;

	}

	.promotions_list .promotions_list__item[order='2'] {

		width: 39%;

	}

		.promotions_list .promotions_list__item .promotions_list__item_image {

			display: flex;
			justify-content: center;
			overflow: hidden;

		}

			.promotions_list .promotions_list__item .promotions_list__item_image img {
				
				object-fit: cover;

			}

			.promotions_list .promotions_list__item[order='1'] .promotions_list__item_image img,
			.promotions_list .promotions_list__item[order='2'] .promotions_list__item_image img {

				height: 332px;

			}

		.promotions_list .promotions_list__item .promotions_list__item_info {

			display: flex;

			background-color: #D52B1E;
			text-align: center;

		}

			.promotions_list .promotions_list__item .promotions_list__item_info .promotions_list__item_link {

				flex-grow: 1 !important;

				padding: 1rem;
				color: #FFFFFF;

			}

/* SINGLE PROMOCIONES */

.promociones-pasos h2 {

	color: ;

}

/* MEDIA QUERIES */

@media (max-width: 768px) {

	.custom-page-header,
	.custom-content-width {

		width: 100% !important;
        padding-left: 2% !important;
        padding-right: 2% !important;

	}

	.events_list {

		display: block;

	}

	.events_list.events_list_highlights .events_list__item {

        margin-bottom: 1rem;
        display: block;
        width: 100%;

	}

	.events_list:not(.events_list_highlights) .events_list__item {

		display: flex;
		flex-direction: row;
		width: 100%;

	}

		.events_list:not(.events_list_highlights) .events_list__item .events_list__item_image {

			width: 40%;

		}

		.events_list:not(.events_list_highlights) .events_list__item .events_list__item_info {

			width: 60%;

		}

	#events_grid .event_list_month {

		text-align: left;

	}

	.promotions_list {

		display: block;

	}

		.promotions_list .promotions_list__item {

	        margin-bottom: 1rem;
	        display: block;
	        width: 100%;

		}

		.promotions_list .promotions_list__item[order='1'],
		.promotions_list .promotions_list__item[order='2'] {

			width: 100%;

		}

		.promotions_list .promotions_list__item[order='1'] .promotions_list__item_image img,
		.promotions_list .promotions_list__item[order='2'] .promotions_list__item_image img {

			height: auto;

		}

}

@media (min-width: 769px) and (max-width: 980px) {

	#events_grid .events_list {

		gap: 2%;

	}

	#events_grid .events_list .events_list__item {

		width: 49%;
		margin-bottom: 2%;

	}

}

@media (min-width: 981px) {
 
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item {

        width: 24.25%;
        margin-right: 1%;
        margin-bottom: 1%;

    }

}

@media (max-width: 980px) {

	/*.et-db #et-boc .et-l .et_pb_column.et_pb_column_1_4.custom-mainnav-column {

		width: 50% !important;
		margin-bottom: 0;

	}

	.et-db #et-boc .et-l .et_pb_column.et_pb_column_3_4.custom-mainnav-column {

		width: 50% !important;
		
	}*/

	header .et_builder_inner_content .et_pb_section,
	header .et_pb_menu_0_tb_header.et_pb_menu {

		background-color: #252525 !important;

	}

	.et_pb_row_0_tb_footer .et_pb_menu .et_pb_menu__menu {
		
		display: flex !important;
	
	}

	.et_pb_row_0_tb_footer .et_pb_menu .et_mobile_nav_menu {

		display: none !important;
	
	}

	#single_evento_header #single_evento_header_content {

		flex-direction: column;

	}

	#single_evento_header #single_evento_header_content #single_evento_header_content_text {

		padding-bottom: 2rem;

	}

		#single_evento_header #single_evento_header_content #single_evento_header_content_text .evento_extracto {

			width: 100%;

		}

	#single_evento_header #single_evento_header_content #single_evento_header_content_img {

		display: block;
		
	}

	#single_evento_content_content .et_pb_row {

		display: flex;
		flex-direction: column;
		padding-bottom: 0 !important;

	}

	#single_evento_content_content .et_pb_row.et_pb_row_0 {
		
		flex-direction: column-reverse;

	}

		#single_evento_content_content .et_pb_row.et_pb_row_0 .et_pb_column_0 {

			margin-top: 30px;

		}

	#single_evento_horario .et_pb_row {

		display: flex;
		flex-direction: column;
		padding-bottom: 0 !important;

	}

}

@media (max-width: 1280px) {

	#events_grid,
	#events_list_highlights,
	#single_evento_content_content,
	#promotions_list {

		padding-left: 2% !important;
		padding-right: 2% !important;

	}

	.custom-form-container {

		width: 100% !important;
	}

	#nf-form-3-cont {

		width: 100%;
		margin: 0 auto;

	}

}