/*
 Theme Name:     Horarios de Misa child
 Theme URI:      https://horariosdemisa.com
 Description:    Multilanguage site
 Author:         HdM
 Author URI:     https://horariosdemisa.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* HdM | STYLES	
------------------------------------------------------- */
/* PROBLEMA CON POST DE PENTECOSTES. POR AHORA ELIMINO POR CSS LA CAT REPETIDA... PROVISORIO */
 
:lang(de) .error404 .et_pb_section_1_tb_body,
:lang(it) .error404 .et_pb_section_1_tb_body,
:lang(pl) .error404 .et_pb_section_1_tb_body,
:lang(fr) .error404 .et_pb_section_1_tb_body,
:lang(pt) .error404 .et_pb_section_1_tb_body { 
  display:none;
 } 
 
.page {
    overflow-x: hidden; 
}
 /* LE AGREGAMOS AL BODY LA CLASS landing-2-active POR PHP (VER FUNCTIONS.PHP) PARA PODER MODIFICAR EL PAGE CONTAINER */

.landing-2-active #page-container {
    padding: 0px !IMPORTANT; 
}
.landing-2-active .wpml-ls-statics-footer {
    display:none; 
}
 
/* PARA VER SI SOLUCIONAMOS PARTE DEL LAYOUT SHIFT QUE TIRA EL WEB VITALS */ 
@media all and (min-width: 1024px) {
/* COMENTO PORQUE SACAMOS EL BOTON DE DONATE */
/* #page-container { */
   /* padding-top: 30px!important; */
/* } */
.page-id-29622 #page-container, .page-id-29704 #page-container {
   padding-top: 80px!important;
}
}


.wpml-ls-item a {
    display: flex;
}
.wpml-ls-flag {
    margin-right: 3px;
}
.page-id-29622 .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer, .page-id-29704 .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    display: none;
}

.menu-item-25744 {
    padding-left: 12vh;
}
.menu-item-25743 {
    padding-left: 12vh;
}
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    border-bottom: 3px solid #fff;
}
#top-menu  {
    margin-bottom: 1vh;
}
.mobile_menu_bar:before {
    color: #fff !important;
}
/* BOTON DE DONAR EN MENU PASO A SER BOTON DE DESCARGA*/
.cta-donate-menu {
	padding: 0!important;
    border-radius: 10px;
    /* border: solid 2px #f77020; */
    border: solid 2px #E15205;
    transition: 0.3s;
    /* background-color: #f77020; */
    background-color: #E15205;
    margin-right: 2vh;
} 
.cta-donate-menu a {
    padding: 15px 30px!important;
    font-size: 18px !important;
	font-weight:600;
	border-bottom:0 !important;
}
/* BOTON DE LAS PAGINAS PARA GOOGLE ADS */
.cta-donate-menu-ads {
	padding: 0!important;
    border-radius: 10px;
    border: solid 2px #f77020;
    transition: 0.3s;
    background-color: #f77020;
    margin-right: 2vh;
} 
.cta-donate-menu-ads a {
    padding: 15px 45px 15px 45px!important;
    font-size: 20px !important;
	font-weight:500;
} 
.header-title, .header-subtitle {
	text-align:left;
} 

/* NUEVO REDISEÑO HOME 202503 */
#main-title   {
  	margin-left:0 !important;
}
#main-header   {
	background-color: #27364C !important;
}
#main-header .nav li ul {
    background-color: #27364c !important;
}
  .seccion-top-svg    {
  	z-index: 9999;
    padding-bottom: 11%;
    position: relative;
    background-image: url('https://horariosdemisa.com/wp-content/themes/hdm_child/landing/horarios-de-misa_header_iglesias-cerca-de-mi.svg');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-top:13vh;
}
:lang(en) .seccion-top-svg    {
    padding-bottom:13vh;
}

.hdm-media-title {
	background-color: #E15205;
    border: 1px solid #E15205;
    border-radius: 45px;
}
.hdm-recomend-title {
	background-color: #27364C;
    border: 1px solid #27364C;
    border-radius: 45px;
}
.media-section .rating-items .et_pb_testimonial  {
	background-color: transparent;
}
.hdm-media-title h2, .hdm-recomend-title h2 {
	padding:10px;
}

/* LANDING PAGES */
.landings-testimonials .et_pb_testimonial {
	background-color:transparent !important;
	float:none;
} 

/* Hide the language switcher on desktop */
@media (min-width: 981px) {
    .pll-parent-menu-item {
        display: none;
    }
}
@media only screen and (max-width: 981px) {
	#main-title   {
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.seccion-top-svg {
        padding-top: 5vh;
        /* padding-bottom: 0; */
        background-position: 86% center;
        height: 126vh;
    }
	.hdm-media-title h2 {
		padding:10px;
	}

}

/* TESTIMONIALS INFLUENCERS HOME  */
#recomendada-title {
    margin-top: 12vh;
    margin-bottom: 10px !important;
  }

	/*move the image position to the top*/
.hdm-testimonial-img .et_pb_testimonial_portrait {
	float: none;
	display: block;
	margin: 0 auto 20px !important;
}
/*remove the margin to the left of the text*/
.hdm-testimonial-img .et_pb_testimonial_description {
	margin-left: 0px !important;
}


/* SLICK SLIDER RATINGS STORES */
.slick-slider
{	
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track {	
top:10vh;
}
 
.slick-slide
{
cursor: grab;
}
.et_pb_testimonial {
float: left;
}
/* BLOG FIX PICTURE TAG SLIDER  */
.et_pb_post_slider .et_pb_slide:first-child .et_pb_slide_image img {
    opacity: 1;
}
.et_pb_post_slider .et_pb_slide .et_pb_slide_image img {
    opacity: 1;
}

/* BLOG STYLES SIDEBAR */
/* BLOG EN GENERAL */

.et_pb_accordion .et_pb_toggle_title:before {
    color: #e15205 !IMPORTANT;
}
.et_pb_accordion .et_pb_toggle_title {
	padding-right:5px;
}

#sidebar {
	padding-left:10px !important;
}
#sidebar .wp-block-latest-posts__featured-image {
	width:45%;
}
#sidebar .wp-block-latest-posts {
	display: flex;
    flex-direction: column;
}
/* .sidebar-col .wp-block-latest-posts li > a { */
	/* position: relative; */
    /* left: 1vh; */
    /* top: 1vh; */
/* } */
#sidebar .wp-block-latest-posts li > a {
	position: relative;
    left: 1vh;
    /* top: 1vh; */
}
/* .sidebar-col .recent-sidebar { */
    /* padding: 1vh; */
    /* background-color: #da532c; */
	/* margin-bottom: 2vh; */
/* } */
#sidebar .recent-sidebar {
    padding: 1vh;
    background-color: #da532c;
	margin-bottom: 2vh;
}
/* .sidebar-col .wp-elements-a0af2064ff6af29c9f9be3c872454b05, .sidebar-col .wp-elements-cd51c792b0514363ddf9e1db4f9d9340 { */
    /* margin-top: 3vh; */
	/* padding-bottom: 3vh; */
/* } */
#sidebar .wp-block-heading {
    /* margin-top: 3vh; */
	padding-bottom: 1vh;
}
/* .sidebar-col #block-7 { */
    /* margin-bottom: 2vh; */
/* } */
/* .sidebar-col #bloomwidget-2 .et_bloom_form_header { */
    /* padding-bottom: 0 !important; */
/* } */
#sidebar #block-7 {
    margin-bottom: 2vh;
}
#sidebar #bloomwidget-2 .et_bloom_form_header {
    padding-bottom: 0 !important;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0;
}
/* DESTACADO TAG */
.et_pb_post_slider .et_pb_slide_description {
    padding-top:14% !important;
}

.destacado-tag {
    position: relative;
    transform: translateX(568px) translateY(142px);
	width: 16%;
}

/* ROW AFICHE CONTRIBUYE
 */
.row-afiche-contrib {
	padding-left: 10vh !important;
	margin-top:3vh;
}
.contrib-afiche .et_multi_view_image__loading {
    visibility: visible;
}
@media all and (min-width: 1922px) {
/* acomodo para que los idiomas queden alineados uno sobre otro */
.seccion-top-svg {
	height: 71vh;
	}
}

@media all and (max-width: 1921px) {
/* acomodo para que los idiomas queden alineados uno sobre otro */
.destacado-tag {
	transform: translateX(568px) translateY(176px);
	width: 17%;
}
}
@media all and (max-width: 1537px) {
/* acomodo para que los idiomas queden alineados uno sobre otro */
.destacado-tag {
	transform: translateX(566px) translateY(148px);
	width: 16%;
}
}
@media all and (max-width: 1441px) {
/* acomodo para que los idiomas queden alineados uno sobre otro */
.destacado-tag {
    width: 17%;
	transform: translateX(566px) translateY(153px);
}
}
@media all and (max-width: 1367px) {
/* acomodo para que los idiomas queden alineados uno sobre otro */
.destacado-tag {
    width: 15%;
	transform: translateX(566px) translateY(145px);
}
}
@media all and (max-width: 1281px) {
/* acomodo para que los idiomas queden alineados uno sobre otro */
.destacado-tag {
	transform: translateX(539px) translateY(143px);
}
}
@media all and (max-width: 1024px) {
.seccion-top-svg {
	height: 57vh;
	}
.header-donations .row-donations {
	display: flex;
    align-items: center;
}
.header-donations .row-donations .et_pb_image {
	width:20%;
}
}
@media only screen and (max-width: 980px) {
.cta-donate-menu {
	text-align: center;
    width: 33%;
}	

.destacado-tag {
    width: 16%;
    transform: translateX(568px) translateY(142px);
}
.sidebar-col {
    width: 97.9% !important;
}
#hdm-post-content {
    width: 100% !important;
    
}
.hdm-post-title {
    padding-left:2vh;
    
}
.hdm-post-title h1 {
    font-size:45px;
    
}
#post-28427 .et_pb_section_0.et_pb_section, 
#post-28455 .et_pb_section_0.et_pb_section, 
#post-25689 .et_pb_section_0.et_pb_section, 
#post-28505 .et_pb_section_0.et_pb_section, 
#post-28490 .et_pb_section_0.et_pb_section, 
#post-28472 .et_pb_section_0.et_pb_section  {
    padding-top: 10vh;
}
.row-afiche-contrib {
	padding-left: 2vh !important;
	padding-right: 2vh !important;
	margin-top:3vh;
}
.row-afiche-contrib .contrib-afiche {
	margin-top:2vh;
	width:75%;
}

}

@media only screen and (max-width: 811px) {
.destacado-tag {
    width: 30%;
    transform: translateX(7vh) translateY(11vh);
}	
 
/* .cta-donate-menu a { */
    /* padding: 15px 30px!important; */
    /* font-size: 18px !important; */
	/* font-weight:500; */
	/* border-bottom:0 !important; */
/* }  */
}	

@media only screen and (max-width: 769px) {
.seccion-top-svg {
		height: 71vh;
	}
/* .seccion-top-svg .et_pb_row { */
		/* display:flex; */
	/* }	 */
.seccion-top-svg .et_pb_row .et_pb_column_0 {
		width:90%;
	}	
/* esto modifica el ancho de la imagen del celular en el hero. 
#mockup-top {
	width:63%
}
*/
.destacado-tag {
    width: 31%;
    transform: translateX(68px) translateY(143px);
}	
.et_pb_post_slider .et_pb_slide_description {
    padding-top:0 ;
    padding-bottom:0;
}
}

@media only screen and (max-width: 767px) {
.destacado-tag {
    /* width: 32%; */
    /* transform: translateX(20vh) translateY(11vh); */
	width: 55%;
    transform: translateX(9vh) translateY(9vh);
}
.header-donations .row-donations {
	display: flex;
    align-items: center;
	width:80%;
}
.header-donations .row-donations .et_pb_column {
	margin: 0 !important;
}
.header-donations .row-donations .et_pb_image {
	/* width:44%; */
	width:36%;
}
}

@media all and (max-width: 980px) {
.wpml-ls-current-language a {
    background: none !important;
}
/* acomodo para que los idiomas queden alineados uno sobre otro */
.menu-item-25744 {
    padding-left: 0;
}
.menu-item-25743 {
    padding-left: 0;
}
.menu-item-25744 .sub-menu,.menu-item-25744 .sub-menu li {
    padding-left: 0 !important;
}
.menu-item-25743 .sub-menu,.menu-item-25743 .sub-menu li {
    padding-left: 0 !important;
}

/*** wrap row in a flex box ***/
#row-hdm-slider, #home-download {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
.et_fixed_nav #main-header {
    position: fixed;
}

/* Display the language switcher on mobile devices */
    /* .pll-parent-menu-item { */
        /* Add your preferred positioning styles for mobile */
        /* For example, you can use fixed positioning */
        /* position: fixed; */
        /* top: 20px; */
        /* right: 20px; */
        /* z-index: 9999; */
    /* } */
 
/*** custom classes that will designate the order of columns in the flex box row ***/

/* CAMBIAMOS ROW ORDER EN MOBILE */
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
.header-title, .header-subtitle {
	text-align:center;
} 
.hdm_first_feat .church-search {
	margin:auto;
}
.help-lists li {
	margin-bottom:0.7em;
}
/* BLOG CAMBIOS TITLES FAQ EN MOBILE*/
	.single-post .et_pb_accordion h4.et_pb_toggle_title {
		font-size:17px !important;
		text-align: left !important;
	}
	.single-post .et_pb_toggle .et_pb_toggle_title:before {
		right: 0;
		left: 100% !important;
		font-size:11px !important;
	}
	.single-post .et_pb_accordion .et_pb_toggle_content {
        font-size: 15px !important;
		line-height:1.5em !important;
    }
}

@media all and (max-width: 767px) {
/*** wrap row in a flex box ***/
#row-hdm-slider, #home-download {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
.header-title, .header-subtitle {
	text-align:center;
}
.seccion-top-svg .et_pb_button_module_wrapper   {
    margin-bottom:2em !important;
}
 
}
@media all and (max-width: 500px) {
:lang(de) .cta-donate-menu { 
  width:80%;
}
:lang(fr) .cta-donate-menu { 
  width:68%;
}
.cta-donate-menu {
	text-align: center;
    width: 65%;
} 
.slick-slider .slick-track {	
top:3vh;
}

}
@media all and (max-width: 479px) {
	/* LOGOS HOME ACOMODAMOS EN 3 COLUMNAS PARA MOBILE */
	#row-press .et_pb_column {
		width: 33%!important;
		margin: auto;
		padding: 0.8em;
	}
	#row-press-1 .et_pb_column {
		width: 33%!important;
		margin: auto;
		padding: 0.8em;
	}
}
