/*
Theme Name:   Gva Blogs
Theme URI:    https://www.gva.es/
Description:  GVA Blogs child theme 
Author:       Generalitat Valenciana (GVA)
Author URI:   https://www.gva.es/
Template:     generatepress
Version:      0.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  gva-blogs
*/


/*-------------------------------------------------------------------------

CONTENTS : 

# Elements
# Forms
# Links
# Aligments
# Accsessibility
# Navigation
# Sidebar
# Mobile
# Structure
    #Network main site
    #Subsite main site






--------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



:root {
    --corp: #E98D30;
    --corp2:  #C57B22;
    --rojo: #C80F2E;
    --negro: #202020;
    --negro2: #292929;
    --gris: #777777;
    --gris-claro: #F9F9F9;
    --tipoprincipal: 'Montserrat', sans-serif;
    --tipomenu: 'Roboto', sans-serif;

    --contrast: #222222;
    --contrast-2: #575760;
    --contrast-3: #b2b2be;
    --base: #f0f0f0;
    --base-2: #f7f8f9;
    --base-3: #ffffff;
    --accent: #1e73be;

}

/*--------------------------------------------------------------------------
# Elements
---------------------------------------------------------------------------*/
 * {
    box-sizing: border-box;
 }
body{
    font-family: var(--tipoprincipal);
    
}
p {
    color:var(--negro2);
}
h1, h2, h3, h4 {
    font-weight: 400;
    
    
}


h1, h2 {

   
    font-family: var(--tipoprincipal);
}

 h3, h4, h5, h6 {
    font-family: var(--tipoprincipal);
}

h2.raya {
    font-size:36px;
    margin-bottom: 50px;
    font-weight: 400;
}
h1.page-title {
    margin-bottom: 40px!important;
}
h2.raya span, h1.page-title span{
    border-bottom: 5px solid var(--corp);
}
h1.page-title .pagina{
    font-size:18px;
}
.color-red{

    color: var(--corp);
}

.color-grey{

    color: var(--gris);
   
}




/* images */

img[disabled] {
   opacity:0.5;
}


.inside-header {
    display: block;
    float: left;
    width:100%;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.site-header {
    border-bottom: none;
}

/*--------------------------------------------------------------------------
# Forms
---------------------------------------------------------------------------*/

 input[type="search"] 
{
    background: url(assets/images/blogs/lupa-buscador.svg) no-repeat calc(100% - 10px) center #F1F0F0;
    background-size: 15px;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    width:100%;

}

/*--------------------------------------------------------------------------
# structure 
---------------------------------------------------------------------------*/
.main-site .site-content {
    display: inline;
}
.container, .single-post .site-content {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}
:not(.main-site) .container, .single-post .site-content {
    display: flex;
    justify-content: space-between;

}
:not(.main-site) .content-area {
    width:69%;
}
.main-site .content-area {
    width: 100%;
    margin-top: -45px;
}
.main-site .container {
    display: block;
    clear: both; 
}

body:is(.blog):not(.main-site) .container {
  flex-wrap: wrap;
}

:not(.main-site) .widget-area {
    width:26%;
}
.container.grid-container {
    display: inline;
}
.main-site .site-content section, .pagina-blogs section{
    padding:60px 0 20px;
}

.home.main-site .site-content section:first-child {
    padding-top:0;
}

:not(.main-site) section {
    padding:0 0 20px;
}
.grid-container{
    
    max-width:100%;
   
}

.separate-containers .site-main{
    margin-right: auto;
}

.generic-container{
    display: flex;
    justify-content:center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px;
}


/*--------------------------------------------------------------------------
# structure - Network main site
---------------------------------------------------------------------------*/


/****** #Network header info ************/



.info-section{

    width: 100%;
    display: grid;
    grid-template-columns: 60% 37%;
    justify-content:space-between;
}

.info-section-title{

    margin-bottom: 35px;
    text-align: left;

}

.info-section-title span{

    color: var(--corp);
    border-bottom: var(--corp) 4px solid;
}

.info-section-txt{

    text-align: left;
    color: var(--gris);
}

/* .site-branding-container {
    display: none;
} */

/****** #Main list blogs destacados Section************/

.section-blogs-desc{

    background-color: #f1f1f1;
    padding: 25px;

}
.section-blogs-desc .container {
    display: flex;
    grid-gap: 30px;
    align-items: flex-end;
    overflow: hidden;
}
.section-blogs-desc .container .title-blogs-des {
    width: 175px;
    float: left;
}

.container-list-blogs-des{
    width: 100%;
    display: flex;
    justify-content:center;
    align-items: flex-start;
   
    flex-wrap: wrap;
    padding: 10px;

}

.title-blogs-des h2{
    margin-bottom: 40px;
    font-size:30px;
    font-weight: 400;
}
.title-blogs-des h2:after{
    content:'';
    width:100px;
    height: 5px;
    background:var(--corp);
    display: block;
}


.title-blogs-des h3{
    font-size: 14px;
    font-weight: 700;
    word-wrap: break-word;
    margin-bottom: 0px;

}

.title-blogs-des hr{
    height: 3px;
    width: 45%;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: var(--corp);
}

.card-blogs-desta{
    position:relative;
   
}
.avatar {

    border-radius: 50%;


}
.card-blog-imagen a:after {
    width:100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
}
.card-blogs-desta-info{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding:10px 10px 10px 15px;
}

.card-blogs-desta-info h3{
    font-size: 22px;
    margin:0 0 5px;
}
.card-blogs-desta-info h3 a{
    color: #f1f1f1;
}
.card-blogs-desta-info p{
    color:#f1f1f1;
    font-size: 12px;
    margin-bottom: 0;
    position: relative;
}
.card-blogs-desta-info p:before{
    content:'';
    height: 15px;
    width: 3px;
    background:var(--corp);
    position:absolute;
    left:-7px;
}
.card-blogs-desta .metainfo {
    color:#fff;
    position: relative;
    line-height: 14px;
}
.card-blogs-desta .metainfo:before {
    content: '';
    height: 29px;
    width: 3px;
    background: var(--corp);
    position: absolute;
    left: -7px;
}
.card-blogs-desta .metainfo .categoria {
    text-transform: uppercase;
    font-size:14px;
    display: block;
    
}
.card-blogs-desta .metainfo .fecha {
    font-style: italic;
    font-size: 12px;
}


.card-blog-imagen {
    overflow: hidden;
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(130deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    border-radius: 15px;
}

.card-blog-imagen img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.card-last-blog {
    overflow: hidden;
    width: 100%;
    border-radius: 15px;
    
 
    
}

.card-blog-imagen:hover img, .card-last-blog:hover img {
    transform:scale(1.1);
    transition: all 0.3s ease-in-out;
   
}

.blogscarousel.owl-theme .owl-nav {
    position: absolute;
    bottom:-20px;
    left:-70px;
}

.container-destacado-blog.owl-theme .owl-nav {
    position: absolute;
    top:50%;
    margin-top:-40px;
    width:100%;
}


.blogscarousel.owl-theme .owl-dots, .container-destacado-blog.owl-theme .owl-dots {
    display: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    font-size:40px;
}
.container-destacado-blog .owl-nav button.owl-next, .container-destacado-blog .owl-nav button.owl-prev {
    position: absolute;
    left:-45px;
    font-size:80px;
}
.container-destacado-blog .owl-nav button.owl-next {
    left: auto;
    right: -45px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
    color: var(--corp);
}
.card-desta-blog:hover{

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

}

.card-desta-blog-title{

    padding: 2px;
}

/********************************************************/

/****** #Main list last post network Section************/

.portaledu-blogs .escritorio{

    width: 90%;
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;

}

.container-net-last-post{

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: space-between;
    grid-gap: 20px;
}


.card-net-last-post{

}


.card-net-last-post-img{
   
    width:100%;
}

.card-net-last-post-img img{

    width: 100%;
    height: 300px;
    padding: 5px;
    object-fit: cover;
    object-position: center;
    
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
   
}

.card-net-last-post-cat{
    
    font-size: 12px;
    padding-left: 7px;
    border-left: 5px solid var(--corp); ;

}
.card-net-last-post-cat .titcat {
    font-weight: 400;
    text-transform: uppercase;
}
.card-net-last-post-cat .titfecha {
    color:#666;
    font-style: italic;
}
.card-net-last-post-cat h4{
    display:inline;
    font-size: 12px;
    font-weight: 900;

}

.card-net-last-post-title{

    padding-left: 11px;
    
}
.card-net-last-post-title a {
    color:var(--negro);
    font-weight: 400;
    font-size: 24px;
}
.card-net-last-post-title h3{
    margin:0 0 10px;
    font-weight: 400;
}

.card-net-last-post-title p{
    /*font-size: 14px;*/
}

.card-net-last-post-text {
    padding-left: 11px;
}



/*********************************************************/
/****** #Main network list last blogs Section************/

.conboton h2 {
    display: inline-block;
    margin-right: 20px;
}

.conboton form {
    display: inline-block;
    
}
.conboton form input{
    background:url(assets/images/blogs/lupa-buscador.svg) no-repeat calc(100% - 10px) center #F1F0F0;
    background-size:15px;
    border-radius:4px;
    border:none;
    width:250px;
    font-size:16px;
}
.conboton form input:placeholder{
    color:#969696;
}
a.btn {
    border-radius: 5px;
    background:var(--corp);
    color:#fff;
    text-align: center;
    padding:12px 30px;

}
.conboton h2 a.btn{
    position: relative;
    top:-5px;
}

.container-list-last-blog{

    display: grid;
    justify-content:space-between;
    grid-template-columns: repeat(5,1fr);
    grid-gap:20px;
}
.todos .container-list-last-blog{ 
 /*   grid-template-columns: repeat(3,1fr); */
    grid-template-columns: repeat(4, minmax(0, 1fr));
 

}


.card-last-blog img{
    width:100%;
    height: 300px;
    object-fit: contain;
    object-position: center;
    background: linear-gradient(100deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
}

.card-last-blog-info{
    width: 90%;
    margin: 0 auto;
    margin-top: -30px;
    position: relative;
    background-color: #ffffff;
    border-top: var(--corp) 3px solid;
    padding:10px;
}

.card-last-blog-title h3{
    font-size: 22px;   
    margin-bottom: 5px; 
}
.card-last-blog-title h3 a{
    color:var(--negro);
}
.card-last-blog-des p{
    font-size: 12px;
    margin-bottom: 0;
    color:var(--negro);
}

/* Paginación blogs*/
.pagination {
    text-align: center;
    margin:50px 0 0;
    display: flex;
    justify-content: center;
    grid-column: 1/3;
    width:100%;
}
.list-sites .pagination {
    grid-column: 1/5;
}
.pagination a, .pagination .current{
    font-weight: 400;
    font-size: 16px;
    padding:4px;
    margin:0 5px;
    color:var(--negro);
}
.pagination .current, .pagination a.prev, .pagination a.next, .pagination a:hover {
    color:var(--corp);
} 
.pagination a.prev, .pagination a.next {
    display: flex;
}
/* main site blog individual */

    .container-destacado-blog{

        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap:20px;
    

    }

    .container-last-post-blog{
        display: flex;
        flex-wrap:wrap;
        grid-gap:20px;
        justify-content: space-between;
   }

    .card-last-post-blog{
        flex:1;
        min-width:400px;
        min-height:400px;
        border: thin solid #ccc;
        padding: 20px;
        margin: 10px;
        box-sizing: border-box;  
        background-size: cover;
        background-position: center; 
        display: block;
        position: relative;
     

    }

/* ************************** */

/* Menu */

.main-navigation .main-nav > ul > li {

    height: 40px;

}

.main-navigation .main-nav ul li a {
    line-height: 40px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

.main-navigation .main-nav ul ul a{

    font-weight: 400;
}

/* todos los blogs */

/* Sidebar */

.sidebar .tit-sidebar, .sidebar .widget-title, 
.sidebar .gb-headline, .sidebar .widget h1, 
.sidebar .widget h2, .sidebar .widget h3, 
.sidebar .widget h4, .sidebar .widget h5, 
.sidebar .widget h6  {
    color:var(--negro);
    font-size: 29px;
    margin: 0 0 10px;
    font-weight: 400;
}

.sidebar .tit-sidebar:after,.sidebar .widget-title:after, 
.sidebar .gb-headline::after, .sidebar .widget h1::after, 
.sidebar .widget h2::after, .sidebar .widget h3::after, 
.sidebar .widget h4::after, .sidebar .widget h5::after, 
.sidebar .widget h6::after  {
    content:'';
    width:80px;
    height: 5px;
    background:var(--corp);
    display: block;
}

.widget .wp-block-heading:after  {
    content:'';
    width:80px;
    height: 5px;
    background:var(--corp);
    display: block;
}

post-date {
    color: gray;
    display: block;
    font-size: medium;
}


/* perfil */


.sidebar-autor{
   /* background: var(--gris-claro);*/
    text-align: center;
    margin:0 0 20px;
    padding:25px;
    color:var(--gris);
}
.sidebar-autor .perfil {
    border-radius: 100%;
    width:85px;
}
.sidebar-autor .nombre{
    color:var(--negro);
    font-size:32px;
    font-weight: 700;
}

.sidebar-autor .datos-centro{
    color:var(--gris);
    font-weight: 700;

}

.datos-centro .nombre-centro {
    color:var(--gris);
    font-size:15px;
    font-weight: 700;

}

.datos-centro .url-centro {
    color:var(--corp);
    font-size:15px;
    font-weight: 700;

}

.sidebar-autor .redes {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-evenly;
    align-items: center;
    grid-gap:5px;
    width: 60%;
    min-width: 200px;
    margin: 10px auto 0;
}

.site-main .sidebar-autor{
    display: grid;
    grid-template-columns: 85px auto;
    grid-gap: 30px;
    text-align: left;
}
.site-main .sidebar-autor .nombre {
    font-size:26px;
    color:var(--negro);
}

.site-main .sidebar-autor .redes {
    margin:10px 0;
    justify-content: flex-start;
    grid-gap: 25px;
    align-items: center;
}
.site-main .sidebar-autor .redes img{
    width:25px;
}

/*Arbol  Categorias Sidebar*/
.categorias-sidebar {
    margin:20px 0;
    
}
.categorias-sidebar ul{
    list-style: none;
    margin:0;
}
.categorias-sidebar ul li > ul{
    margin-left: 20px;
}
.categorias-sidebar a{
    color:var(--negro);
    font-size: 16px;
}
.categorias-sidebar ul li:not(.cat-hijo) > a, .sidebar .widget li a{
    /*font-size: 20px; */
    font-weight: 400;
    color:var(--negro);
}
.categorias-sidebar ul > li.cat-hijo {
    border-left: 1px solid var(--negro);
    padding-left: 14px;
}
.categorias-sidebar ul > li.cat-hijo a:before{
    content:'';
    width:10px;
    height: 1px;
    background:var(--negro);
    left: -14px;
    display: block;
    position: relative;
    top: 14px;
}
.categorias-sidebar .expandir {
    width: 16px;
    height: 16px;
    display: inline-block;
    background:url(assets/images/blogs/icon-desplegar.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
    float: right;
}

.categorias-sidebar li.cat-padre {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
  }
  
.categorias-sidebar li.cat-padre > ul {
    display: none;
}
.categorias-sidebar li.cat-padre.desplegado > ul {
    display: block;
}
.categorias-sidebar li.cat-padre.desplegado .expandir {
    background:url(assets/images/blogs/icon-contraer.svg) no-repeat center;
}

/*Widgets*/
.widget-area .widget {
    padding: 0;
}

.sidebar .inner-title {
    margin-bottom: 20px;
}
.wp-block-tag-cloud a {
    font-size: 14px !important;
    margin: 5px 5px 5px 0px;
    border-radius: 10px;
    font-weight: 400;
    padding: 6px;
    border: 2px solid #E98D30;
    color: var(--negro);

}

.wp-block-latest-posts__post-date{
    color: var(--gris);
}

/* categorías - archivo */
.cat-post-container, .search-results .site-main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    
    justify-content: space-between;
    grid-gap: 30px;
}
.post-cat, .cat-post-container .card-net-last-post {
}
.post-cat.primero, .search-results .site-main .page-header {
   grid-column: 1/3;
}

.search-results .site-main .page-header{
    padding:0;
    margin-bottom: 0;
}
.post-cat h2 {
    font-size:29px;
   /* margin: 0 0 10px; */
    margin: 0 0 5px;
}
.post-cat h2 a{
    color:var(--negro);
}
.post-cat .meta, .single-post .meta {
font-size: 12px;
padding-left: 7px;
border-left: 5px solid var(--corp);
/*margin:0 0 15px; */
margin: 0 0 5px;
}
.post-cat .fecha, .single-post .fecha {
    color: var(--gris);
    font-style: italic;
}
.post-cat .categoria, .single-post .categoria {
    font-weight: 400;
    text-transform: uppercase;
}

.post-cat img{
    border: #F9F9F9 25px solid;
    width: 100%;
    height: 300px;
    object-fit: scale-down;
    object-position: center;
    background-color: #F9F9F9;
    border-radius: 10px;

}


/*Navegación Post*/

.wpb-posts-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    
    grid-gap: 50px;
    max-width: 1200px;
    margin: 100px auto;
}
.wpb-posts-nav a {
    display: grid;
    grid-gap: 20px;
    align-items: center;
    color:var(--negro);
    font-size: clamp(14px, 2vw, 16px);
}
.wpb-posts-nav>div:nth-child(1) a {
    grid-template-columns: 100px 1fr;
    text-align: left;
}
.wpb-posts-nav>div:nth-child(2) a {
    grid-template-columns: 1fr 100px;
    text-align: right;
}
.wpb-posts-nav .titulo {
    font-size:24px;
    font-weight: 400;
    line-height: 1.1;
    font-size: clamp(16px, 3vw, 20px);
    word-break: break-word;
}
.wpb-posts-nav .prevnext {
    display: flex;
    column-gap: 10px;
}
.wpb-posts-nav>div:nth-child(2) .prevnext {
    justify-content: flex-end;
}

/* Breadcrumbs */
.breadcrumbs, .breadcrumbs a {
    font-size:14px;
    color:var(--gris);
}


/* Responsive */

@media screen and (max-width: 1050px) {
    .info-section {
        display: block;
    }
    .info-section-img {
        text-align: center;
    }
    .container-list-last-blog {
        /*grid-template-columns: repeat(3,1fr);*/
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 990px) {
    :not(.main-site) .container, .single-post .site-content {
        flex-wrap: wrap;
    }
    :not(.main-site) .content-area, :not(.main-site) .widget-area {
        width:100%;
    }
  }

  @media screen and (max-width: 950px) {
  .container-net-last-post {
    grid-template-columns: 1fr 1fr ;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .logo_site img, .gva_logo {
    padding-right: 15px;
  }
}

@media screen and (max-width: 768px) {
    .container .site-content .content-area {
         width:100%; 
    }
    .container-net-last-post, .cat-post-container, .search-results .site-main {
      display: block ;
    }
    .post-cat.primero, .pagination, .search-results .site-main .page-header {
        grid-column: 1/2;
    }
    .container-list-last-blog {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .main-navigation.sub-menu-right .menu-toggle, .main-navigation.sub-menu-right.toggled .main-nav {
        display: block;
      }
      .main-navigation.sub-menu-right .main-nav {
        display: none;
        margin-top:80px;
      }
      .main-navigation .menu-toggle svg {
        height: 1em;
        width: 1em;
      }
      .main-navigation.sub-menu-right .menu-toggle {
        position: absolute;
        top:0;
        right: 0;
      }
      .section-blogs-desc .container {
        flex-wrap: wrap;
      }
      .section-blogs-desc .container .title-blogs-des {
        width: 100%;
      }
      .blogscarousel.owl-theme .owl-nav {
        bottom: auto;
        left: 50%;
        top: -47px;
        margin-left: -22px;
        margin-top: -35px;
      }
      .conboton h2, a.btn, .conboton form input {
        display: block;
        margin-bottom: 20px;
      }
      .info-section-img img {
        max-width: 300px;
      }
      .todos .container-list-last-blog {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        
      }
      .list-sites .pagination {
        grid-column: 1/3;
      }
      .main-site .site-content section, .pagina-blogs section {
        padding:30px 0;
      }
      .wpb-posts-nav {
        grid-template-columns: 1fr;
      }
      #branda-cookie-notice .cookie-notice-container .branda-cn-container {
        display: block;
      }
      .site-main .sidebar-autor {
        display: block;
        text-align: center;
      }
      .site-main .sidebar-autor .redes {
        width:100%;
        justify-content: center;
      }
      .conselleria {
        margin-top: 10px;
      }
      h1 { 
            font-size: clamp(1.2rem, 6vw, 2.5rem); 
            line-height: 1.2;
            word-break: break-word;
         }
      h2 { 
            font-size: clamp(1.1rem, 5vw, 2rem); 
            line-height: 1.2; 
            word-break: break-word;  
        }
      h3 { 
            font-size: clamp(1rem, 4vw, 1.75rem); 
            line-height: 1.2;
            word-break: break-word;  
        }
  }

   @media screen and (max-width: 500px) {
    .wpb-posts-nav > div:nth-child(2) a {
        grid-template-columns: 1fr 50px;
    }
    .wpb-posts-nav > div:nth-child(1) a {
        grid-template-columns: 50px 1fr;
    }
    .todos .container-list-last-blog, .container-list-last-blog {
        display:block;
    }
    .card-last-blog-info{
        margin-bottom: 40px;
    }

    h1 { 
                font-size: clamp(1.2rem, 6vw, 2.5rem); 
                line-height: 1.2;
                word-break: break-word;
        }
    h2 { 
                font-size: clamp(1.1rem, 5vw, 2rem); 
                line-height: 1.2; 
                word-break: break-word;  
        }
    h3 { 
                font-size: clamp(1rem, 4vw, 1.75rem); 
                line-height: 1.2;
                word-break: break-word;  
        }
  
}