/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 06 2022 | 01:25:58 */
/***************** HEADER DEL SITIO WEB *************************
****************************************************************/
/* Ocultamos el texto del menu toggle en móvil */
@media (max-width: 544px) { span.mobile-menu { display: none; } }

/* Espaciado y apariencia del logotipo */
.ast-logo-title-inline .ast-site-identity { transition: unset; }
.site-logo-img img { transition: unset; }

/* Espaciado del menú toogle 
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar { margin-left: 0!important; }
.ast-button-wrap .menu-toggle { padding: 0; } */
/* Z-Index de la barra de menú para que nada pase por encima */
.ast-sticky-active .ast-sticky-shrunk .ast-header-sticked { z-index: 110!important; }
/* Espaciado elementos de cabecera sobre la principal, la principal y bajo la principal */
.ast-header-search .astra-search-icon { margin-top: -6px; }
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item { line-height: 36px; }
.ast-desktop-popup-content .ast-builder-menu-mobile .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { line-height: 1.5em; }

/* Espaciado superior del menú en el popup */
.ast-mobile-popup-content, .ast-desktop-popup-content { padding-top: 0!important; }
/*.ast-desktop-popup-content > div[data-section="section-hb-html-2"],
.ast-mobile-popup-content > div[data-section="section-hb-html-2"] { padding: 0 0 10px 0!important; }*/

/* Ocultamos la barra bajo la cabecera principal en las resoluciones no desktop */
@media (max-width: 1440px) { .ast-below-header-wrap { display: none!important; } }

/***************** ELEMENTOS DE LOS HEADER MENUS ***********************/
/* Espaciado y coloreado de elementos de los submenús en el popup menú */
ul#ast-desktop-toggle-menu > li.menu-item,
ul#ast-hf-mobile-menu > li.menu-item { border: 2px solid white; }
ul#ast-desktop-toggle-menu > li.menu-item > ul.sub-menu > li.menu-item,
ul#ast-hf-mobile-menu > li.menu-item > ul.sub-menu > li.menu-item {
    background: white;
    border: 1px dotted #e4e4e4;
    padding: 2px 0;
}

/* Sombreado de los submenús en el header menú y en los popup menús */
ul.sub-menu { box-shadow: 0 8px 32px 0 rgb(36 50 66 / 18%); }
ul#ast-hf-mobile-menu > li.menu-item > ul.sub-menu { box-shadow: none; }
ul#ast-hf-mobile-menu > li.menu-item > button.ast-menu-toggle { line-height: 1em; }

/* Espaciado y alineado de iconos de despliegue de submenús */ 
.ast-icon.icon-arrow svg,
.ast-header-break-point .ast-icon.icon-arrow svg  { margin-left: 3px; }
.ast-mobile-popup-content .ast-icon svg { margin: 10px 0 0 3px; }

/********* Elementos del MENU OFFCANVAS *********/
div.ast-header-html.inner-link-style-,
div[data-section="section-hb-html-2"] > div.ast-header-html.inner-link-style- { width: 100%; }
.servicios-offcanvas-menu-item {
	border-top: 1px dotted #4a4a4a;
	color: #4a4a4a;
	font-family: Roboto;
	font-size: 1.5em;
	font-weight: 800;
	padding: 0.6em 0;
	text-align: left;
}
.servicios-offcanvas-menu-item > a { color: #4a4a4a; text-decoration: none;}
.servicios-offcanvas-item-img { margin-right: 10px; }
.servicios-offcanvas-menu-item:last-child { border-bottom: 1px dotted #4a4a4a; }

/***************** SIDEBAR TODO EL SITIO************************
****************************************************************/
aside.widget.widget_block, aside.widget.diari-widget {	margin-bottom: 0; }

/***************** FOOTER DEL SITIO WEB *************************
****************************************************************/
.site-above-footer-wrap { padding: 20px; }
.site-primary-footer-wrap { padding-top: 42px; padding-bottom: 22px; }
.site-below-footer-wrap { padding-bottom: 0!important; }

/* Elementos de la columna de SUBVENCIONES ****/
.footer-widget-area[data-section="section-fb-html-3"] .ast-builder-html-element {
    text-align: center;
    padding-top: 22px;
}
.subvenciones-footer { padding: 22px 0; }
.subvenciones-footer-row { font-size: 12px;  line-height: 12px; padding-bottom: 12px; text-align: left; }
.subvenciones-footer-logo > img { padding-bottom: 6px; }

/* Elementos de la columna central: MENU LEGAL y SERVICIOS ****/
.servicios-menu-item {
	border-top: 1px dotted #4a4a4a;
	color: #4a4a4a;
	font-family: Roboto;
	font-weight: 800;
	padding: 0.5em 0;
	text-align: left;
}
.servicios-menu-link,
.servicios-menu-item > a { color: #4a4a4a; text-decoration: none;}
.servicios-menu-ico,
.servicios-menu-item > a > img { margin-right: 10px; }
.servicios-menu-item:last-child { border-bottom: 1px dotted #4a4a4a; }

/* Eliminamos el espaciado a izquierda del menú legal del footer */
ul#astra-footer-menu.astra-footer-tablet-vertical-menu.astra-footer-mobile-vertical-menu > li > a.menu-link { padding-left: 0; }

@media (max-width: 544px) {
	.site-logo-img { padding-right: 0!important; }
    .site-primary-footer-wrap { padding: 10% 10% 5% 10%; }
    div.footer-bar-navigation { border-top: 1px solid #a4a4a4; padding-top: 22px; }
    .footer-logo-row { display: contents; }
}

/************** ELEMENTOS EN PORTADA, ENTRADAS Y ARCHIVOS *****************
***************************************************************************/
/* ENTRADAS */
h1, h2, h3 { text-align: left; }
div.entry-content { text-align: left!important; }

.archive .entry-title, 
.ast-single-post .entry-title {
    font-family: Sharp Sans!important;
    font-weight: 700!important;
	line-height: 1.1;
}
.archive .entry-title a,
.ast-single-post .entry-title a {
	font-family: Sharp Sans!important;
	font-weight: 700!important; 
	line-height: 1.1em!important; 
}


/****** ARCHIVE ********/
.ast-article-post { margin-bottom: 1em; }
div.ast-post-format-.blog-layout-1.ast-no-date-box { padding-bottom: 1em; }
.ast-archive-description { display: none; }
.blog-layout-1,
.ast-archive-description,
div#primary.content-area.primary, 
div#secondary.widget-area.secondary { border: 0; }

/* PORTADA: iconos Video Entry y Gallery Entry en thumbnail */
.entry-format-video:before {
    content: "";
    background: url("https://diariodeavisos.elespanol.com/wp-content/uploads/2021/08/video-play-icon-white.png") no-repeat;
    background-size: contain; display: block; height: 100%; width: 15%; max-width: 70px;
    min-width: 50px; position: absolute; top: 5%; right: 2%; margin: auto; z-index: 11;
}
.entry-format-gallery:before {
    content: "";
    background: url("https://diariodeavisos.elespanol.com/wp-content/uploads/2021/08/photo-gallery-icon.png") no-repeat;
    background-size: contain; display: block; height: 100%; width: 15%; max-width: 70px;
    min-width: 50px; position: absolute; top: 5%; right: 2%; margin: auto; z-index: 11;
}

/* PORTADA Y ENTRADAS: para Branded Content */
#da-show-branded { 
    display: grid;
    grid-template-areas:
        'first-row-left-col first-row-last-col'
        'last-row-first-col last-row-last-col';
    line-height: 1.1em;
    text-align: left; 
}
.branded-entry { 
    border-left: 5px solid #e4e4e4;
    margin-top: 12px!important;
    margin-bottom: 22px;
    padding: 0.5em 0.8em;
}
.branded-entry-claim { font-size: 16px; }
.row-col-item { margin: auto 6px auto 0; padding: 2px 0; }
.first-row-left-col { grid-area: first-row-left-col; }
.first-row-last-col { grid-area: first-row-last-col ; }
.last-row-first-col  { grid-area: last-row-first-col; }
.last-row-last-col { grid-area: last-row-last-col; }
.da-onhome-brand-logo > img { vertical-align: middle; }

/* Label de publicidad SSM.Codes*/
span.labelAd { 
	line-height: 1;
	text-transform: uppercase; 
}
