/*
	Theme Name: Más Ciudadanía, Menos Corrupción
	Theme URI:
	Author: CIVILAB
	Author URI: https://civilab.org.py/
	Description: Plataforma del Proyecto Más Ciudadanía, Menos Corrupción diseñada y desarrollada por CIVILAB
	Version: 1.0;
	Licence: GNU General Public License v2 or later
	Licence URI: http://www.gnu.org/licenses/gpl-2.0.html;
	Tags: CSS Grid, Gutenberg, Flexbox, mobile first;
	Text Domain: masciudadania;
*/
@import url("css/fonts/fonts.css");
:root{
    --primaryBlueColor: #041D46;
    --secodaryBluerColor: #CFDCF2;
    --btnPrimaryColor: #F9D204;
    --whiteColor: #FFFFFF;
    --font: Inter;
    /*Colors*/
    --blue10 : #041D46;
    --blue70 : #A7BEE4;
    --blue80 : #CFDCF2;
    --blue90 : #E9EFF8;
    --blue95 : #FAFCFF;
    --yellow20 : #CD7C03;
    --yellow30 : #E89C2A;
    --yellow50 : #F9D204;
    --yellow70 : #FFED8E;
    --yellow90 : #FFF6C6;
    --sky30 : #3AA1DA;
    --sky90 : #D9F1FF;
    --grass30 : #4FAD65;
    --grass90 : #CFF1D7;
    --lemon30 : #8FAB3F;
    --lemon90 : #E6F1C6;
    --water30 : #28ABA3;
    --water90 : #C9F5F5;
    --iris30 : #7992EA;
    --white : #FFFFFF;
    --black : #000;
    --container:1080px;
}

html{box-sizing: border-box;font-size: 62.5%;}
*,*:after,*:before{box-sizing: inherit;}
*{padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*[GLOBAL]*/
body{background-color: var(--white);color:var(--blue10);font-size: 1.6rem;line-height: 1.5;font-family:'Inter';}
p{font-size: 1.8rem;font-family:var(--font);color: var(--primaryBlueColor);font-weight: 400;
    opacity: 0.8;line-height: 2.7rem;}
a{text-decoration: none;}
img{max-width: 100%;}
.container{max-width: var(--container);margin: 0 auto;width: 100%;padding: 0 1rem;}
main section{padding: 4rem 0;}
@media(min-width: 768px){
    /*main section{padding: 8rem 0;}*/
    /*.container{padding: 0 3rem!important;}*/
}

h1,h2,h3{color: var(--blue10);margin: 1.5rem 0;}
h1{font-size: 4.02rem;line-height: 5rem;font-weight: 600;}
h2{font-size: 3.2rem;line-height: 3.8rem;font-weight: 600;}
h3{font-size: 2.4rem;line-height: 3.12rem;font-weight: 500;}

/*[TEXT COLOR]*/
.has-blue-10-color{color : var(--blue10);}
.has-blue-70-color{color : var(--blue70);}
.has-blue-80-color{color : var(--blue80);}
.has-blue-90-color{color : var(--blue90);}
.has-blue-95-color{color : var(--blue95);}
.has-yellow-20-color{color : var(--yellow20);}
.has-yellow-30-color{color : var(--yellow30);}
.has-yellow-50-color{color : var(--yellow50);}
.has-yellow-70-color{color : var(--yellow70);}
.has-yellow-90-color{color : var(--yellow90);}
.has-sky-30-color{color : var(--sky30);}
.has-sky-90-color{color : var(--sky90);}
.has-grass-30-color{color : var(--grass30);}
.has-grass-90-color{color : var(--grass90);}
.has-lemon-30-color{color : var(--lemon30);}
.has-lemon-90-color{color : var(--lemon90);}
.has-water-30-color{color : var(--water30);}
.has-water-90-color{color : var(--water90);}
.has-iris-30-color{color : var(--iris30);}
.has-white-color{color : var(--white);}
.has-black-color{color : var(--black);}

/*[BACKGROUND COLOR]*/
.has-blue-10-background-color{background-color : var(--blue10);}
.has-blue-70-background-color{background-color : var(--blue70);}
.has-blue-80-background-color{background-color : var(--blue80);}
.has-blue-90-background-color{background-color : var(--blue90);}
.has-blue-95-background-color{background-color : var(--blue95);}
.has-yellow-20-background-color{background-color : var(--yellow20);}
.has-yellow-30-background-color{background-color : var(--yellow30);}
.has-yellow-50-background-color{background-color : var(--yellow50);}
.has-yellow-70-background-color{background-color : var(--yellow70);}
.has-yellow-90-background-color{background-color : var(--yellow90);}
.has-sky-30-background-color{background-color : var(--sky30);}
.has-sky-90-background-color{background-color : var(--sky90);}
.has-grass-30-background-color{background-color : var(--grass30);}
.has-grass-90-background-color{background-color : var(--grass90);}
.has-lemon-30-background-color{background-color : var(--lemon30);}
.has-lemon-90-background-color{background-color : var(--lemon90);}
.has-water-30-background-color{background-color : var(--water30);}
.has-water-90-background-color{background-color : var(--water90);}
.has-iris-30-background-color{background-color : var(--iris30);}
.has-white-background-color{background-color : var(--white);}
.has-black-background-color{background-color : var(--black);}

/*[WORDPRESS STYLE]*/
.alignfull{margin: 0 calc(50% - 50vw);max-width: 100vw;padding-right: 1rem;padding-left: 1rem;}
.alignwide{margin: 0 calc(25% - 25vw);max-width: 100vw;padding-right: 1rem;padding-left: 1rem;}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:visited{color:var(--blue10);}
.wp-block-button__link:hover{background-color: var(--blue10);color:var(--white)}
@media only screen and(min-width: 768px){
    .alignfull{padding-right: 1rem;padding-left: 1rem;}
    .alignwide{padding-right: 1rem;padding-left: 1rem;}
}
/*[HEADER]*/
.header{width: 100%;}
.header__navigation--hamburguer__button{display: flex;flex-direction: column;width: 5rem;height: 3rem;border: 0;background-color: transparent;gap: 0.65rem;justify-content: space-between;cursor: pointer;position: absolute;top: 3rem;right: 2rem;}
.header__navigation--hamburguer__button > div{background-color: var(--blue10);height: 5px;width: 100%;transition: all .5s;transform-origin: left;position: relative;left: 0px;border-radius: 0.5rem;}
.hamburguer__button--open div:first-child{transform: rotate(45deg);top: 0;left: 0px;}
.hamburguer__button--open div:nth-child(2){opacity: 0;}
.hamburguer__button--open div:last-child{transform: rotate(-45deg);top: 10px;left: 0px;}
/*
.header__navigation__menu_bar{display:block;width:80px;height:80px;position: fixed;right:1rem;top:5rem;background:#E6344A;}
.header__navigation__menu_bar--bt-menu{display: block;padding: 20px;color: #fff;overflow: hidden;font-size: 25px;font-weight: bold;text-decoration: none;}*/
.custom-logo-link{padding-left: 2rem;padding-top: 0.8rem;display: block;}

.header__navigation__menu{width: 100%;height: calc(100% - 80px);position: fixed;right:100%;margin: 0;overflow: scroll;background-color: var(--blue90);z-index: 1000;}
.header__navigation__menu ul{list-style: none;}
.header__navigation__menu ul li{display: block;}
.header__navigation__menu ul li a{display: block;color:#000;text-decoration: none;padding: 1.5rem;text-transform: uppercase;font-weight:600;font-family: 'Inter'}
.header__navigation__menu ul li:hover{background-color: var(--yellow50);}
.header__navigation__menu ul li:hover a{color:var(--blue10);font-weight: bold}
.header__navigation__menu ul li:hover .sub-menu{display: block;}
.header__navigation__menu ul li .sub-menu{background:var(--yellow70);position: relative;display: none}
.header__navigation__menu ul li .sub-menu li a{margin-left:20px;}

@media screen and (min-width: 768px){
    .header{max-width: var(--container);margin: 0 auto;height: 110px;padding: 1rem;}
    .header__navigation{display: flex;flex-direction: row;justify-content: space-between;}
    .custom-logo-link{padding: 0;}
    .header__navigation--hamburguer__button{display: none;}
    .header__navigation__menu{width: 70%;height: auto;position: relative;right:0;margin: 0;overflow: scroll;background-color: var(--white);z-index: 1000;display: flex;flex-direction: row;}
    .header__navigation__menu ul li{padding: 1.6rem;}
    .header__navigation__menu ul li:hover{background-color: var(--white);}
    .header__navigation__menu ul li:hover a,
    .header__navigation__menu ul li.current_page_item a,
    .header__navigation__menu ul li.current-page-ancestor a{color:var(--yellow20);font-weight: 600;}

    .header__navigation__menu ul li a {display: block;color:var(--blue10);padding: 0rem;font-size:1.4rem;}
    .header__navigation__menu ul{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 100%;}
}

/*[HOME]*/
.hero__home{width: 100%;padding: 0 1rem;}
.hero__home__column__text{display: flex;flex-direction: column;justify-content: center}
.hero__home__column__text--title h1{font-size: 4.2rem;line-height: 50.04px;line-height: 50.04px;}
.hero__home__column__text--text{margin: 2rem 0;}
@media screen and (min-width: 768px){
    .hero__home__column__text--title{display: flex;flex-direction: column;max-height: 430px;padding-top: 0rem;justify-content: space-between;}
    .hero__home__column__text--title h1{font-size: 4.2rem;
        margin: 0;
        line-height: 50.04px;
        font-weight: 600;}
}
.card__list{display: grid;flex-wrap: wrap;justify-content: start;padding: 0;margin: 0;gap: 2rem;}
.card__list--card{list-style: none;display: flex;flex-direction: column;border-radius: 1.2rem !important;border: 1px solid #CFDCF2;padding: 1.6rem;justify-content: space-between;}
.card__list--card:hover{
    box-shadow: 0px 4px 8px rgba(4, 29, 70, 0.1);
    cursor: pointer;
}
.card__list--card:active{
   background-color: var(--blue95);
}
.card__list--image{width: 100%;max-height:300px;display: flex;justify-content: center;border-radius: 0.8rem;overflow: hidden;}
.card__list--image img {border-radius: 0.8rem;object-fit: cover;object-position: center center;}
.card__list--tags{display: flex;flex-direction: row;gap: 0.8rem;text-decoration: none;text-transform: uppercase;font-size: 1.2rem;margin: 1rem 0rem;flex-wrap: wrap;}
.card__list--tags a{color:var(--blue10);font-weight: 500;background-color: #C9F5F5;border-radius: 0.4rem;letter-spacing: 0.1em;margin: 0;padding: 0.4em;}
.card__list--title a h4{font-size: 2rem;font-weight: 500;line-height: 2.6rem;color: #041D46;margin: 0rem 0rem;}
.card__list--date{font-size: 1.2rem;font-weight: 500;line-height: 1.8rem;color: var(--blue10);margin: 0.8rem 0 0 0;text-transform: uppercase;}

@media only screen and (min-width: 768px) {
    .hero__home .wp-container-4{gap: 0rem!important;}
    /*.card__list{grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));gap: 1rem;}*/
    .card__list{grid-template-columns: repeat(2,50%);gap: 1rem;}
    .card__list--image{width: 100%;max-height:223px;}
}

@media screen and (min-width: 1076px){
    .card__list{grid-template-columns: repeat(4,253px);gap: 1rem;}
}


/*[FILTER]*/
.filter{display: flex;flex-direction: column;justify-content: space-between;padding: 2rem 0rem;}
.filter__tags{display: flex;flex-direction:row;justify-content: start;gap: 1rem;list-style: none;align-items: center;padding: 1rem 0;overflow: hidden;align-items: stretch;flex-wrap: wrap;}
.filter__tags--item{cursor:pointer;color: var(--blue10);}
.filter__tags li{height: 100%;}
.filter__tags--active{border-bottom: 2px solid var(--blue10);height: 100%;margin-bottom: -4px;}
@media screen and (min-width: 768px){
    .filter{flex-direction: row;}
    .filter__tags{border-bottom: 2px solid var(--blue80);padding: initial;}
}

.filter__search form {color: #555;display: flex;border: 1px solid var(--blue70);border-radius: 5px;margin: 0 0 0px;}
.filter__search form input[type="search"] {border: none;background: transparent;margin: 0;padding: 7px 8px;font-size: 14px;color: inherit;border: 1px solid transparent;border-radius: inherit;outline-width: 0;outline: none;width: 95%;}
.filter__search form input[type="search"]::placeholder {color: #bbb;}
.bi-search{background-color: red;}
.filter__search form button[type="submit"] {text-indent: -999px;overflow: hidden;width: 40px;padding: 0;margin: 0;border: 1px solid transparent;border-radius: inherit;background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;cursor: pointer;opacity: 0.7;}
button[type="submit"]:hover {
    opacity: 1;
}
button[type="submit"]:focus,
input[type="search"]:focus {
    box-shadow: 0 0 0px 0 #1183d6;
    border-color: #1183d6;
    outline: none;
    outline-width: 0;
}
/*[CARD]*/
.ms_card{display: flex;gap: 2rem;width: 100%;overflow: hidden;display: flex;padding: 1.6rem;box-sizing: border-box;border: 1px solid var(--blue10);border-radius: 1.2rem;height: auto;line-height: 1.1;margin: 2rem 0rem;}
.ms_card__image{background-color: var(--blue90);flex-basis: 148px;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;height: 148px;overflow: hidden;}
.ms_card__content{flex-basis: 75%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.ms_card__content--title{font-size: 2rem;}
.ms_card__content--title,
.ms_card_content--text{margin:0;}
.ms_card__content--title a{text-decoration: none;color:var(--blue10);}
.ms_card_content--text{font-size: 1.6rem;line-height: 2.4rem;}
.ms_card_horizontal,.ms_card_vertical{flex-direction: column}
@media(min-width: 768px){
    .ms_card_horizontal{flex-direction: row;}
}

/*[ALLIED SECTION]*/
.allied__section--one,
.allied__section--two{display: grid !important;grid-template-columns: repeat(2,1fr);gap: 2rem;padding: 2rem;box-sizing: border-box;}
@media(min-width: 768px){
    .allied__section--two{grid-template-columns: repeat(4,1fr);}
}

/*[HERO PAGE]*/
.hero{display: flex;justify-content: space-between;padding: 0 2rem;}
.hero div{flex-basis: calc(50% - 2rem);}
.hero__content{display: flex;}
.hero__content--title{}
.hero__content--description{}
.hero__image{display: flex;flex-direction: column;}

@media(min-width: 768px){
    .hero__content{flex-direction: column;}
}

.block__cases__investigated{padding: 8rem 0;}


/*[FOOTER CIVILAB]*/
.footer-civilab{display: flex;justify-content: center; background-color: #6E0096;height: auto;padding: 1.6rem 0;align-items: center;gap: 1rem;flex-direction: column}
.footer-civilab p{color: var(--whiteColor);opacity: 1;font-weight: 200;font-size: 1.4rem;text-align: center;}
.footer-civilab img{width: 89px;}
@media(min-width: 768px){
    .footer-civilab{flex-direction: row;height: 61px;}
    .footer-civilab img{margin-top: 1rem;}
}

/*[SECTION]*/
.section{
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 8rem 0;
}

/*[FOOTER]*/
footer section{height: auto;background-color: #efb434;padding: 2rem;}
footer section .flex{justify-content: space-between;flex-direction: column;}
footer section{padding: 2rem}
@media(min-width: 768px){
    footer section{min-height: 444px;padding: 5rem 0 1rem 0;}
    footer section .flex{justify-content: space-between;}
    footer section .footer-logo,
    footer section .social-media{flex-basis: calc(30% - 1rem);}
    footer section .contact-information{flex-basis: calc(40% - 1rem);padding-left: 6rem;}
}
footer section .footer-logo,
footer section .social-media,
footer section .social-media,{flex-basis: calc(100% - 1rem);}

footer section .contact-information h4,
footer section .contact-information p{margin: 0.2rem 0;}

footer section .social-media{display: flex;justify-content: flex-start;}
footer section .social-media a{display: inline-block;}
@media(min-width: 768px){
    footer section .social-media{justify-content: flex-end;}
}

.integrity-pact-section .wp-block-columns{display: flex;flex-direction: row;justify-content: space-around;}

/*[expression-interest-form]*/
.expression-interest-form{background-color: var(--white);border-radius: 1.2rem;padding: 2.4rem;box-sizing: border-box;}
.expression-interest-form h3{font-size: 2.0rem;text-align: center;}
.ms-form .wpforms-field-container{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem;}
.ms-form .wpforms-field-container .wpforms-field-label{font-weight: 400!important;font-size: 1.4rem!important;color:var(--blue10);opacity: 0.6}
.ms-form .wpforms-field-container input[type="text"],
.ms-form .wpforms-field-container input[type="email"],
.ms-form .wpforms-field-container select{border-radius: 0.6rem!important;border: 1px solid var(--blue70)!important;padding: 0.8rem 1.1rem!important;}
.ms-form .wpforms-submit-container{width: 100%!important;}
.ms-form .wpforms-submit-container button[type="submit"] {width: 100%!important;background-color: var(--yellow50)!important;border-radius: 0.8rem!important;color: var(--blue10)!important;padding: 1.6rem 2.4rem!important;font-weight: 700!important;font-size: 2rem!important;line-height: 3rem!important;border: 1px solid var(--yellow50)!important;}
.ms-form .wpforms-submit-container button[type="submit"]:hover{
    background-color: var(--yellow70)!important;border: 1px solid var(--yellow70)!important;
}
.section__number__and__text{padding: 0;}
.section__number__and__text .wp-block-columns{gap: 1rem!important;}
.section__column--number{font-size: 128px;
    font-weight: 600;
    font-family: Inter;
    font-style: normal;
    line-height: 12.8rem;}
.section__column--text{

    font-size: 32px;
    line-height: 41.6px;
    font-family: Inter;
    opacity: 0.8;
    margin: 0;
    font-weight: 400;}
/*[SETTING DEFAULT PAGE]*/
#page-dafault p{display: block;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;}
#page-dafault .hero{flex-direction: column;padding: 0;}
#page-dafault .hero__image{align-items: center;}
#page-dafault .wp-block-embed iframe{width: 100%;min-height: 500px;}
.post-categories-list{display: flex;
    flex-direction: row;
    gap: 0.8rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin: 1rem 0rem;
    flex-wrap: wrap;
    list-style: none;}
.post-categories-list li{color: var(--blue10);
    font-weight: 500;
    background-color: var(--yellow50);
    border-radius: 0.4rem;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0.5em 1rem;}
.post-categories-list li a{text-decoration: none;color: var(--blue10);font-weight: 700;}
.post-categories-list li:hover{background-color: var(--yellow70);}