/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.grecaptcha-badge {
    visibility: hidden;
}


#cmplz-document {
	font-size: 1rem !important;
	max-width: 100%;
}
#cmplz-document h2 {
	text-transform: uppercase;
	font-size: 3rem;
}
#cmplz-document p,
.editor-styles-wrapper .cmplz-unlinked-mode p,
#cmplz-document li,
.editor-styles-wrapper .cmplz-unlinked-mode li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode td {
	font-size: 1rem !important;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown .cookies-per-purpose,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
	margin-bottom: 0 !important;
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
	margin: 0 !important;
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description, #cmplz-document .cmplz-dropdown .cmplz-service-description, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description, #cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data, #cmplz-document .cmplz-dropdown .cmplz-sharing-data, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
	padding: 15px !important;
}
#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
	margin-bottom: 5px;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-weight: 600 !important;
	font-size: 0.75rem !important;
	text-transform: uppercase !important;
}

.cmplz-cookiebanner {
	z-index: 999999 !important;
}

input[type="checkbox"]::before {
	color: #000 !important;
}


/*TOP BAR*/
.social-icons.topbar-icons .w-socials-item {
    padding: 0em;
    border-radius: 50%;
}
 
.social-icons.topbar-icons .w-socials-list {
	font-size: 0.9rem;
    gap: 3px;
    justify-content: center;
    display: flex;
}

.social-icons.topbar-icons .w-socials-item-link {
    line-height: 1.7em;
    width: 1.7em;
}

.icon-topbar span.fas.fa-phone-alt,
.icon-topbar span.fab.fa-whatsapp,
.icon-topbar span.fas.fa-envelope {
    background: white;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.icon-topbar .fa-phone-alt:before,
.icon-topbar .fa-whatsapp:before,
.icon-topbar .fa-envelope:before {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    height: 100%;
}

/*GENERAL*/
h1 strong {
	color: var(--color-content-primary);
}

h2 strong {
	color: var(--color-content-primary);
}

p i {
	font-style: normal;
	color: var(--color-content-primary)
}

/*HOME*/
/*formulario búsqueda*/
/* Estilos para el formulario del buscador de motos */
.mg-buscador-motos {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: .75rem;
	align-items: end;
	width: 100%;
}

.mg-buscador-motos .mg-field {
	display: flex;
	flex-direction: column;
}

.mg-buscador-motos label {
	font-weight: 600;
	margin-bottom: .25rem;
}

.mg-buscador-motos select,
.mg-buscador-motos button {
	padding: .55rem .7rem;
	font-size: 1rem;
}

.mg-buscador-motos button {
	cursor: pointer;
}

.mg-buscador-motos .mg-msg {
	color: red;
	margin-top: .5rem;
}

/* Responsive: Aseguramos que se vea bien en dispositivos móviles */
@media (max-width: 720px) {
  .mg-buscador-motos {
    grid-template-columns: 1fr;
  }
}


/*Iconos*/
.icon-honda {
	padding-bottom: 0;
}

/*Gamas*/
.wrapper-gamas h3 {
	transition: all .2s ease-in-out;
}

.wrapper-gamas:hover h3 {
	color: var(--color-content-primary);
}

/*Iconos contacto*/
.column-contact .wpb_wrapper {
	height: 100%;
}

.wrapper-contact {
	height: 100%;
	justify-content: space-between !important;
}

.wrapper-contact .w-hwrapper {
	display: flex; 
	flex-direction: column;
}

.icon-contact {
	margin-bottom: 1rem;
}
.icon-contact p.w-iconbox-title {
    font-size: 0.8rem;
	padding-bottom: 0;
}

.icon-contact .w-iconbox-icon {
	color: #000 !important;
}

.wrapper-contact .w-hwrapper {
	display: flex;
	flex-direction: column;
}

/*Tabs*/
.tabs-home .w-tabs-list::before {
	max-width: 613px;
}

.tabs-home .w-tabs-item.active {
	color: #fff !important;
	font-weight: 600 !important;
}

.tabs-home .w-tabs-list-bar {
    background: #fff !important;
}

/*Concesionarios*/
.mapa-home p {
	width: 100%;
}

/*Promociones*/
.wrapper-promotion {
	justify-content: space-between;
	align-items: stretch;
}

.wrapper-promotion .wrapper-promotion-text {
	justify-content: space-between;
}

/*FOOTER*/
ul#menu-motos-nuevas,
ul#menu-motos-nuevas-ingles,
ul#menu-servicios,
ul#menu-servicios-ingles {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.social-icons.w-socials.style_colored .w-socials-item-link {
    background: var(--color-content-primary) !important;
}

.social-icons span.fab {
    color: white;
}

/*FORMS*/
.cf-container label {
	font-size: 0.75rem;
}

.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.label {
	display: none;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    color: #000 !important;
}

span.wpcf7-list-item {
    margin-bottom: 1rem;
}

/*GAMAS*/
.videos-honda iframe {
	width: 100%;
}

/*MOTOS*/
.title-motos h1 {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.accordion-moto {
    background: var(--color-content-primary);
    color: white;
}

.accordion-moto .w-tabs-section-title {
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
}

.accordion-moto .w-tabs-section-control {
	color: white;
}

.accordion-moto .w-tabs-section-content {
	font-size: 0.8rem;
}

/************************************************************************************
smaller than 1545px
*************************************************************************************/
@media only screen and (max-width: 1545px) {
	.list-gamas .post_title {
		font-size: 1.45rem;
	}
}
/************************************************************************************
smaller than 1529px
*************************************************************************************/
@media only screen and (max-width: 1529px) {
	.btn-menu {
		display: none;
	}
}

/************************************************************************************
smaller than 1410px
*************************************************************************************/
@media only screen and (max-width: 1410px) {
	.wrapped-title {
		flex-direction: column-reverse;
	}
}


/************************************************************************************
smaller than 1360px
*************************************************************************************/
@media only screen and (max-width: 1360px) {
	.social-icons.topbar-icons {
		display: none !important;
	}
}

/************************************************************************************
smaller than 1145px
*************************************************************************************/
@media only screen and (max-width: 1145px) {
	.menu-topbar {
		display: none;
	}
	.btn-menu {
		display: none !important;
	}
}

/************************************************************************************
smaller than 1124px
*************************************************************************************/
@media only screen and (max-width: 1124px) {
	.btn-menu {
		display: flex!important;
	}
}

/************************************************************************************
smaller than 992px
*************************************************************************************/
@media only screen and (max-width: 992px){
	.section-values .vc_col-sm-3 {
    	width: 50% !important;
	}
	.row-motos .vc_col-sm-3 {
		width: 50% !important;
	}
}

/************************************************************************************
smaller than 650px
*************************************************************************************/
@media only screen and (max-width: 650px){
	.section-values .vc_col-sm-3 {
    	width: 100% !important;
	}
	.row-motos .vc_col-sm-3 {
		width: 100% !important;
	}
}

/************************************************************************************
smaller than 420px
*************************************************************************************/
@media only screen and (max-width: 650px){
	.section-header h1{
    	font-size: 2.3rem !important;
	}
}