/*
Theme Name: Reuss Child
Version: 1.0
Template: reuss
*/

/* ----------------------------------------------------------------------------------------- */
/* Ajuste especifico sobre la posicion del slider(hero) de hoggax para evitar error en theme */
/* ----------------------------------------------------------------------------------------- */

@media (max-width: 1200px) and (min-width: 1024px) {
    #SR7_15_1 {
        margin-top: -100px !important;
    }
}

/* Contempla el cambio entre los breakpoints slider revolution vs los del theme */
@media (max-width: 1038px) and (min-width: 1024px) {
  #SR7_15_1 {
    margin-top: 10px !important;
  }
}


/* ---------------------------------------------------------------------------- */
/* Ajuste de posicion del submenu en la resolucion donde se muestra ese navbar  */
/* ---------------------------------------------------------------------------- */

@media (min-width: 1200px) {
  ul.sub-menu.wgl-submenu-position-default {
    margin-top: -40px;
  }
}

/* -------------------------------------------------------- */
/* Ajuste ancho de navbar mobile para evitar error en theme */
/* -------------------------------------------------------- */

@media (max-width: 1200px) {
    header.wgl-theme-header .wgl-header-row .wgl-container {
        width: 92% !important;
        max-width: 92% !important;
    }
}

/* --------------------------------------------------------- */
/* Fix: Estilos del formulario en el bloque de footer visual */
/* --------------------------------------------------------- */

.wpcf7 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.wpcf7-form-control {
  margin-bottom: 0px !important;
  background: #f6f6f6 !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  color: #333 !important;
}

.wpcf7-form-control::placeholder {
  color: #777 !important;
}

.wpcf7 .wpcf7-submit,
.wpcf7 input[type="submit"] {
  background-color: #0B003B !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding-left:32px !important;
  padding-right:32px !important;	
  font-size: 16px !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  line-height: 1 !important;
  display: inline-block !important;
  /* min-width: 210px !important;*/
  text-align: center !important;
  white-space: nowrap !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
  position: static !important;
  top: auto !important;
  height: 56px !important;
  margin-top: 0 !important;
  /* min-width: 210px !important;*/	
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Esconde Spinner del formulario */
.wpcf7-spinner {
	display: none!important;
}

form input[type="submit"],
form button[type="submit"] {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700;
  font-size: 18px;
  text-transform: none;
}

.wpcf7 .wpcf7-submit:hover {
  background-color: #2a007a !important;
}

/* Quita el margin bottom de los campos del formulario que se encuentra en el elemento footer */
footer form .wgl_col-3 {
  margin-bottom: 0 !important;
}

/* Ubica a los mensajes de cada campo abajo del campo y edita su estilo*/
.wpcf7-not-valid-tip {
  margin-top: 0px !important;
  position: static !important;
  display: block;
  color: #ffffff!important;
  font-size: 14px!important;
}

/* Mensajes de alerta */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #FFFB84;
    border-radius: 10px!important;
}

/* Mensajes de error */
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #FFFB84;
	border-radius: 10px!important;;
}


@media (min-width: 768px) and (max-width: 1024px) {
  footer form .wgl_col-3 {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1024px) {
  .wpcf7 {
    padding-left: 0px !important;
  }
}

/* --------------------------------------------------------- */
/* Ajuste en detalle de un Post */
/* --------------------------------------------------------- */

/* Esconder elemento animado entre la navegacion de los Posts */
.reuss-post-navigation .back-nav_page,
.prev-link-info_wrapper .meta-wrapper > *,
.next-link-info_wrapper .meta-wrapper > * {
  display: none;
}

/* Agrego espacio debajo de la navegacion entre posts */
.reuss-post-navigation {
	padding-bottom: 100px!important;
}

/* Titulo principal del post */
.blog-post_title {
	font-size: 36px!important;
	margin-top:20px!important;
}

/* Margen izquierdo de los listados */
.blog-post_content ul,
.blog-post_content ol {
	padding-left: 50px;
}

/* Interlineado de los listados */
.blog-post_content li {
    line-height: 30px!important;
}

/* Fuente de texto resaltado */
.highlighter {
	font-family: 'Hanken Grotesk', sans-serif !important;
}

/* ----------------------------------------------- */
/* Ajustes logos de redes sociales abajo del posts */
/* ----------------------------------------------- */

/* Ajuste logos de redes sociales al final del Posts */
.single_info-share_social-wrapper .share_link span.fab,
.single_info-share_social-wpapper .share_link span.fab {
  width: 52px !important;
  height: 52px !important;
  font-size: 24px !important;
  line-height: 52px !important;
  margin-right: 8px !important;
  display: inline-block !important;
}

/* ------------------------------------------------------- */
/* Ajustes logos de redes sociales en el sidebar del posts */
/* ------------------------------------------------------- */


/* Esconde sidebar en resoluciones menores a 1024 */
@media (max-width: 1024px) {
  .sidebar {
    display: none!important;
  }
}
/* Titulo de redes sociales en sidebar */
aside.sidebar h2.wp-block-heading {
  font-size: 20px !important;
  line-height: 40px!important;
  
}

/* Ajuste sobre espacio superior de los logos */
aside.sidebar .widget:not(:first-child) {
  padding-top: 5px!important;
}

/* Ajusta los tamaños y espaciado en los logos */
aside.sidebar .share_link span.fab {
  width: 40px !important;
  height: 40px !important;
  font-size: 26px !important;	
  line-height: 40px !important;
  text-align: center !important;
  border-radius: 50% !important;
  display: inline-block !important;
  margin-right: 6px !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Ajusta espacios en los logos */
aside.sidebar .share_link,
aside.sidebar .widget-social-share {
  margin: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

/* Pisa el display flex y alinea los logos a la izquierda */
aside.sidebar .single_info-share_social-wpapper .share_social-wpapper,
aside.sidebar .single_info-share_social-wrapper .share_social-wrapper {
  display: block !important;
  justify-content: unset !important;
  align-items: unset !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hover whatsapp */
aside.sidebar .share_link:hover .fa-whatsapp {
  background-color: #25D366 !important;
  color: white !important;
}
/* Hover twitter */
aside.sidebar .share_link:hover .fa-twitter {
  background-color: #1DA1F2 !important;
  color: white !important;
}
/* Hover facebook */
aside.sidebar .share_link:hover .fa-facebook-f {
  background-color: #1877F2 !important;
  color: white !important;
}
/* Hover pinterest */
aside.sidebar .share_link:hover .fa-pinterest-p {
  background-color: #E60023 !important;
  color: white !important;
}
/* Hover linkedin */
aside.sidebar .share_link:hover .fa-linkedin-in {
  background-color: #0077B5 !important;
  color: white !important;
}

/* ---------------------------------------------------- */
/* Ajustes al reading time incluido en notas y excerpts */
/* ---------------------------------------------------- */

/* Agrego icono al tiempo de lectura en post */
.rt-reading-time::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 400; 
  margin-right: 6px;
  color: inherit;
}

/* Separo el tiempo a una linea dentro del excerpts */
.reading-time {
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
  color: #888;
}

/* Agrego icono al tiempo de lectura en los excerpts */
.reading-time::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 400; 
  margin-right: 6px;
  color: inherit;
}

/* ----------------------------------------------------------- */
/* Estilos para Flecha de volver dentro del detalle de un post */
/* ----------------------------------------------------------- */

.back-arrow-link::before {
  content: "\f060"; /* Unicode de fa-arrow-left */
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* necesario para Solid */
  margin-right: 8px;
  display: inline-block;
}

/* Espacio abajo del link de volver al listado */
.back-arrow-wrapper {
  margin-bottom: 15px;
}

/* Color del link */
.back-arrow-link {
  color: #8f8fa3;
  text-decoration: none;
}

/* Color del hover */
.back-arrow-link:hover {
  color: #ff366c; 
}

/* --------------------------------------------------------- */
/* Ajustes pagina 404 */
/* --------------------------------------------------------- */

body.error404 .banner_404 img {
  max-height: 520px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* -------------------------------------------------------------------- */
/* Ajustes cajas de Posts con radius fuera de configuraciones del theme */
/* -------------------------------------------------------------------- */

/* Etiquetas posts */
.post_meta-categories a {
  border-radius: 10px !important;
  background-color: #0B003B!important;
}

/* Boton Seguir leyendo post */
.read-more-wrap a,
.read-more-wrap .button-read-more,
h4.blog_archive-cat_title {
  color: #FF366C!important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700;
  font-size: 16px;
}

/* Linea inferior Boton Seguir leyendo post */
.button-read-more::before {
  background-color: #FF366C!important;
}

/* Ajustar el estilo de los acordeones */
.wgl-accordion_header {
  border-radius: 10px !important;
}

/* Anula el espacio debajo de la foto en los listados de posts */
.blog-style-standard .blog-post_content .post_meta-wrap {
  padding-top: 0 !important;
}


/* ----------------------------------------------------------------------- */
/* Ajustes cajas de Posts para unificar alturas de titulos y descripciones */
/* ----------------------------------------------------------------------- */


/* > 1200px */
@media (min-width: 1201px) {
  .blog-post_wrapper .blog-post_title {
    min-height: 120px!important;
    display: block;
  }
  .blog-post_wrapper .blog-post_text p {
    min-height: 135px;
    display: block;
  }
}

/* Entre 1025px y 1200px */
@media (min-width: 1025px) and (max-width: 1200px) {
  .blog-post_wrapper .blog-post_title {
    min-height: 200px;
    display: block;
  }
  .blog-post_wrapper .blog-post_text p {
    min-height: 172px;
    display: block;
  }
}

/* Entre 993px y 1024px */
@media (min-width: 993px) and (max-width: 1024px) {
  .blog-post_wrapper .blog-post_title {
    min-height: 120px;
    display: block;
  }
  .blog-post_wrapper .blog-post_text p {
    min-height: 100px;
    display: block;
  }
}

/* Entre 768px y 992px */
@media (min-width: 768px) and (max-width: 992px) {
  .blog-post_wrapper .blog-post_title {
    min-height: 160px;
    display: block;
  }
  .blog-post_wrapper .blog-post_text p {
    min-height: 128px;
    display: block;
  }
}

/* menos de 768 */
@media (max-width: 767px) {
  .blog-post_wrapper .blog-post_title {
  }
  .blog-post_wrapper .blog-post_text p {
    padding-bottom: 14px;
	display: block;
  }
}

/* Estilos del titulo de cada post en el listado a los <a> para fixear misma altura*/
body.category h3.blog-post_title a {
	color: #0B003B!important;
	font-size: 24px!important;
	font-weight: 800 !important;
	line-height: 36px!important;
}

/* Estilos del titulo de cada post en el listado para fixear misma altura */
body.category h3.blog-post_title {
	font-family: "Hanken Grotesk", Sans-serif !important;
}


/* ------------------------------------------------------------ */
/* Ajustes fuera de configuraciones del theme */
/* ------------------------------------------------------------ */

/* Fondo header mobile */
.wgl-mobile-header {
  background-color: #0B003B !important;
}

/* Espacio bajo el logo en el menu desplegable de mobile */
.mobile_nav_wrapper .wgl-menu_outer .wgl-logotype-container.logo-mobile_enable{
  	margin-top: 10px !important;
	margin-bottom: 30px !important;
}

/* Cambio color de fondo del menu desplegable en mobile y su submenu */
.wgl-menu_outer.wgl-perfect-container.sub-menu-position_left,
.mobile_nav_wrapper ul.sub-menu.wgl-submenu-position-default.show_sub_menu {
  background-color: #0B003B !important;
}



/* Ajustes textos del title en blog/archive */
.page-header_title,
h3.blog-post_title a {
  font-family: 'Rethink Sans', sans-serif !important;
  font-weight: 800!important;
}

/* Ajustes textos citas */
blockquote {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700!important;
}

/* Ajustes color en todos los enlaces internos del acordeon */
.wgl-accordion_content a {
  color: #FF366C !important;
}

/* Margen inferior en los contenidos internos de los acordeones  */
.wgl-accordion_content {
	padding-bottom: 30px!important;
}

/* Esconder Search en navbar fuera de configuraciones del theme */
.header_search-button.flaticon-find {
  display: none !important;
}

/* Ajuste en tipografia de Tabs en Preguntas Frecuentes */
.wgl-tabs_title {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* Esconde el icono que marca la seccion active en el menu */
.menu-svg {
	display: none !important;
}

/* Esconde nombre de categoria en listado de posts */
.blog_archive-cat_title {
   display: none !important;
}

/* Cuando se activa el navbar mobile unicamente en la home, el navbar se muestra arriba del slider */
@media (max-width: 1199px) {
  body.page-id-2868 .wgl-mobile-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
}

/* -------------------------------------------------------------- */
/* Ajuste en items del submenu fuera de configuraciones del theme */
/* -------------------------------------------------------------- */

/* SOLO el link directo del item activo de primer nivel (no los hijos) */
body:not(.page-id-2868) .primary-nav > ul > li.current-menu-item > a > span.item_text,
body:not(.page-id-2868) .primary-nav > ul > li.current_page_item > a > span.item_text {
  color: #ff2c7d !important;
}

/* Evitar que el estado activo del padre pinte a todos los hijos del submenú */
.primary-nav li.current-menu-item .sub-menu .item_text,
.primary-nav li.current_page_item .sub-menu .item_text {
  color: inherit !important;
}

/* Quitar subrayado de items del submenu */
.primary-nav ul li ul li.current-menu-item > a > span:not(.button_switcher)::after {
  width: 0 !important;
  content: none !important;
  display: none !important;
}

/* Quitar animación de subrayado con hover */
.primary-nav ul li ul li:not(.current-menu-item) > a > span:not(.button_switcher)::after {
  content: none !important;
  display: none !important;
}

/* Cambia el color al hacer hover en cualquier ítem del submenu */
.primary-nav ul li ul li > a > span:not(.button_switcher):hover {
  color: #ff2c7d !important;
}

/* Anulamos color activo forzado en los ítems del submenu por defecto */
.primary-nav ul li ul li.menu-item-5704 > a > span:not(.button_switcher),
.primary-nav ul li ul li.menu-item-5705 > a > span:not(.button_switcher) {
  color: inherit !important;
}

/* Restauramos color activo solo cuando estamos en la página específica */
body.page-id-482 .primary-nav ul li ul li.menu-item-5704 > a > span:not(.button_switcher),
body.page-id-4368 .primary-nav ul li ul li.menu-item-5705 > a > span:not(.button_switcher) {
  color: #ff2c7d !important;
}