/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

#popup-menu-item-19119-en, #popup-menu-item-19120-es{
	display: none;
}

.popup_menu_holder{
	background-image: url("https://salsahuichol.mx/wordpress/wp-content/uploads/2024/02/banner-menu-navegation.webp");
}

#menu-main-menu, #menu-menu{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.header_bottom_right_widget_holder{
	width: 320px;
}

.wp-block-polylang-language-switcher{
	display: flex;
	margin-left: 1.6rem;
	gap: 1rem;
	justify-content: center;
}


/* style contact form input */
.form-contact input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select {
	border:2px solid #FFFFFF; 
	border-radius: 8px;
	color: #26247B;
	margin-top: 20px;
	font-family: "Montserrat";
	font-size: 17px;
	font-weight: 600;
}

.form-contact .wpcf7-form-control::placeholder{
	font-size: 17px;
	color: #26247B;
	font-weight: 600;
	font-family: "Montserrat";
}

/*button send*/
.form-contact .content-button-contact input[type="submit"]{
  background-color: #FFFFFF;
  color: #26247B !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  margin-top: 20px;
  padding: 12px 40px 12px 40px;
	font-size: 16px;
	letter-spacing:0;
}

/*  button hover */
.form-contact .content-button-contact .wpcf7-submit:hover{
	background-color: #26247B !important;
	color: #FFFFFF !important;
}

/*  Message error */
.form-contact .wpcf7-not-valid-tip{
	color: #ED1C24;
}


.form-contact .wpcf7 form.invalid .wpcf7-response-output{
	background-color: #FEDF1B;
	color: #231F20;
}

.form-contact div.wpcf7-response-output:before{
	color: #231F20;
}

.form-contact .wpcf7 form.sent .wpcf7-response-output{
	background-color: #5BC1A5;
}

.text-sauce .qodef-m-content .qodef-m-text .qodef-m-text-item{
	padding-left: 0;
}

/*  footer */

.footer_col1{
	display: flex;
	align-items: end;
}

.icon-social:hover path{
	fill: #6ACCE0;
}

.content-socialmedia{
	display: flex;
	grid-gap: 1rem;
	justify-content: center;
}

.widget_media_image {
    height: 100%;
}

.widget_media_image img {
    height: 100% !important; 
    object-fit: cover;
}

.footer_top .column1 .column_inner>div:not(.qode_separator_widget){
	margin: 0 !important;
}

.three_columns .column2 .column_inner>div{
	margin-left:0 !important;
}

li::marker{
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width:1400px) {
	
	.three_columns>.column2{
	width: 45% !important;
}
	
	.column1{
		margin:10px 0 0;
	}
	
	.list-page div{
		justify-content: center;
	}
}

@media screen and (max-width:1100px) {
	.three_columns{
		display: flex;
		flex-direction: column-reverse;
	}

    .footer_responsive_adv .footer_top .three_columns .column1{
		margin: 25px 0 0 0;
	}
	
	.three_columns>.column2{
		width: 100% !important;
	}
	
	.footer_col1{
		justify-content:center;
	}
	
	.qodef-gutenberg-section.qodef--template.qodef-col-layout--25 {
    --qi-blocks-columns: 4;
	}
}

@media screen and (max-width:768px) {
	.header_bottom_right_widget_holder{
		display: block;
		margin-top: 40px;
	}
}

@media screen and (max-width:767px) {
	.popup_menu_holder{
		background-image: url("https://salsahuichol.mx/wordpress/wp-content/uploads/2024/02/banner-menu-navegation-mobile.webp");
	}
	
	#popup-menu-item-19120-es, #popup-menu-item-19119-en{
		display: block;
	}
	
	.header_bottom_right_widget_holder{
		display: none;
	}
	
	.page-1, .page2, .page-3, .page-4{
		width: 34% !important;
	}
	
	.list-page .qodef-gutenberg-row{
		gap: .5rem;
	}
	
	.icon-social{
		margin-top: 20px;
		width: 50px;
		height: 30px
	}
	.content-socialmedia{
		grid-gap: 0;
	}
	
}

.content-states{
	gap: .2rem;
}

.content-states .q_icon_with_title .icon_text_inner{
	padding: 0;
}

.qode_image_gallery_no_space ul li img{
	cursor: pointer;
	transition: transform 0.3s ease;
}

.qode_image_gallery_no_space ul li img:hover{
	transform: scale(1.1);
}