/*
Theme Name: Crafto Child
Theme URI: https://crafto.themezaa.com/
Author: ThemeZaa
Author URI: https://www.themezaa.com/
Description: Child theme for Crafto theme
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/
Text Domain: crafto-child
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
Template: crafto
*/

/* ENTIDADES */
div.mosaico {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 1em;
  justify-content: space-between;
}
div.mosaico div.entidad {
  min-height: 408px !important;
  justify-content: space-between;
  position: relative;
  padding: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-bottom: 0px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  border: 0px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.mosaico div.entidad h2 {
  color: #000000 !important;
  padding-bottom: 1em;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: -1px !important;
}
div.mosaico div.entidad .IMG_AS {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 1em;
}
div.mosaico div.entidad .IMG_AS .img {
  display: block;
  grid-column: 1/5;
  grid-row: 1/8;
  justify-items: center;
}
div.mosaico div.entidad .IMG_AS .img img {
  margin: 0 auto;
  display: block;
}
div.mosaico div.entidad .IMG_AS .AS {
  grid-column: 3/5;
  grid-row: 3/8;
  text-align: right;
}
div.mosaico div.entidad .IMG_AS .AS svg {
  max-width: 80px;
  fill: #00a7b5;
  display: inline-block;
  padding: 0.5em;
  background: rgba(255,255,255,0.8);
  border-radius: 4em;
  border: 2px dashed #00a7b5;
}
div.entidad ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 15px;
}
div.entidad ul li i {
  margin-right: 1em;
}
div.entidad ul.rrss {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 1rem;
  margin-right: 15px;
}
div.entidad ul.rrss li i {
    margin-right: 0em; 
}
ul.contacto {
	line-height: 1.5em;
}
div.entidad ul li a {
    color: #323232 !important;
}
a.toggle-info {
	font-weight: 600;
}
@media (max-width: 600px) {
  div.mosaico {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1em;
  }
}

/* AGENDA */
div:not(.somos):not(.estructura) > .multiple {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1em;
  justify-content: space-between;
}
.multiple div.evento div.grid > div:last-child {
  align-self: self-end;
  bottom: 0px;
  margin: 0px;
}
.multiple div.evento div.grid {
  height: 100%;
}
.multiple div.evento {
  justify-content: space-between;
  position: relative;
  padding: 0.5em;
  display: flex;
  flex-direction: column;
  border: 0px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.multiple div.evento h2 {
    font-size: 1.6em;  
    line-height: 1.3em;
    padding: 0.5em 0;
    margin: 0;
}
.multiple div.evento ul.evento {
    padding: 0;
}
.multiple div.evento ul.evento > li {
    list-style-type: none;
    margin: 0;
}
.multiple div.evento p {
    margin: 0;
}
.multiple div.evento .date.cats p a {
  padding: 0 0.25em;
}

@media (max-width: 900px) {
  div:not(.somos):not(.estructura) > .multiple {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  div:not(.somos):not(.estructura) > .multiple {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* MEDIATEKA */
/* categorias publicaciones */
.grid-publicaciones {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 2rem;
  list-style: none;
  padding: 0;
}
@media (max-width: 900px) {
  .grid-publicaciones {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid-publicaciones {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-publicaciones > li > .blog-post {
    height: 100%;
}
.subcategorias-publicaciones > div {
    background: #ffffff !important;
    padding: 0px !important;
    margin-right: 0px !important;
}
.subcategorias-publicaciones a {
    background-color: #65c9a7;
    color: #ffffff !important;
    border-radius: 50px;
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px 6px;
    white-space: nowrap;
    border-width: 1px;
}
.subcategorias-publicaciones a:hover, .subcategorias-publicaciones a:focus  {
	color: #0a875a !important;
}