/*   
Theme Name: Rotglà i Corberà
Description: Un tema desarrollado para CREA
Author: Gmno
Version: 1.41
*/

body {margin: 0; padding: 0;}

.header {background-color: #FCF9E8;}
.header-content {width: 100%; display: grid; column-gap: 32px; grid-template-columns: 1fr 2fr; }
.header-content > div:first-of-type {display: grid; grid-template-columns: 1fr; grid-row: 1fr; display: grid; align-items: center; justify-items: center; padding-top: 75px;}
.header-content > div:first-of-type img {
width: 94%; max-width: 440px;
}
.header-content > div:last-of-type > div:first-of-type {display: grid; grid-template-columns: 1fr; grid-row: 2fr; background-color: #EFD010;}
#my_nav {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); align-items: center; justify-items: center; padding-right: 16px;}
#my_nav a {font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 15px; line-height: 120%; color: #000; text-decoration: none;}
#my_nav > div {padding: 85px 0 95px 0;}

@font-face {
    font-family: Amsterdam;
    src: url(https://estrategiarotglaicorbera.com/wp-content/themes/rotglaicorbera/fonts/amsterdam-three-slant.woff2) format('woff2'),
    url(https://estrategiarotglaicorbera.com/wp-content/themes/rotglaicorbera/fonts/amsterdam-three-slant.woff) format('woff');
  }

#quees { background-color: #FCF9E8; padding-left: 8%; padding-right: 8%; padding-top: 0; padding-bottom: 100px;}
.quees { display: grid; grid-template-columns: 1fr 2fr; column-gap: 32px; }
.quees > div:first-of-type  { align-self: center; justify-self: flex-start;}
.quees > div:first-of-type h1  {font-family: 'Amsterdam', sans-serif; font-weight: normal; font-size: 40px; line-height: 200%; color: #000; }

.quees > div:last-of-type {column-count: 2; column-gap: 32px; font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; color: #000;}
.quees > div:last-of-type > p {margin-top: 0;}

#partners {background-color: #FCF9E8; padding-top: 0; }
.partners > div:first-of-type {display: grid; grid-template-columns: 1fr 4fr; font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 15px; line-height: 120%; color: #000; border-top: 1px solid #ddd;  }
.partners > div:first-of-type > div:first-of-type {border-right: 1px solid #ddd;}
.partners > div:first-of-type > div {padding-top: 20px; padding-left: 40px; padding-bottom: 20px;}
.partners > div:last-of-type {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    border-top: 1px solid #ddd;
    align-items: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
}
.partners > div:last-of-type img {
    max-width: 60%;
    max-height: 85px;
    padding-top: 50px;
    padding-bottom: 60px;
    filter: grayscale(1);
    mix-blend-mode: multiply;
}
.partners > div:last-of-type > div {
    border-right: 1px solid #ddd;
    height: 100%;
    width: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
}
.partners > div:first-of-type > div:last-of-type {border-right: none;}
.partners > div:last-of-type > div:last-of-type {border-right: none;}

.banner img {display: block; width: 100%;}

#partners-mov {background-color: #FCF9E8; padding-top: 0; padding-bottom: 100px; padding-left: 8%;
padding-right: 8%;}
.partners-mov > div:first-of-type {display: grid; grid-template-columns: 1fr; font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 15px; line-height: 120%; color: #000; border-top: 1px solid #ddd;  }
.partners-mov > div:first-of-type {display: grid; grid-template-columns: 1fr; font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 15px; line-height: 120%; color: #000; border-top: 1px solid #ddd; padding-top: 18px;  }
.partners-mov > div:last-of-type > div {display: grid; grid-template-columns: 1fr 1fr; column-gap: 72px;}
.partners-mov > div > div > div > img {
    max-width: 90%;
    max-height: 125px;
    padding-top: 50px;
    padding-bottom: 60px;
    filter: grayscale(1);
    mix-blend-mode: multiply;
}
.partners-mov > div > div > img {
    max-width: 40%;
    max-height: 45px;
    padding-top: 50px;
    padding-bottom: 60px;
    filter: grayscale(1);
    mix-blend-mode: multiply;
}
.partners-mov > div:last-of-type > div:first-of-type  {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 15px; line-height: 120%; color: #000; border-top: 1px solid #ddd; padding-top: 18px; }

#participa {padding-left: 8%; padding-right: 8%; padding-top: 150px; padding-bottom: 75px; background-color: #EFD010;}
.participa { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 32px; }
.participa > div:first-of-type > h1, .resultats > div:first-of-type h1, .document > div:first-of-type h1 {font-family: 'Amsterdam', sans-serif; font-weight: normal; font-size: 40px; line-height: 200%; color: #000; align-self: center; justify-self: flex-start;}
.participa > div:nth-of-type(2) > p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; color: #000;}
.participa > div:nth-of-type(3) {
    display: grid;
    align-items: center;
    justify-items: center;

    text-align: center;
}
.participa > div:nth-of-type(3) > p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; color: #fff; background-color: #000; padding:30px 0 30px 0; width: 100%; }
.participa > div:nth-of-type(3) > p::before {content: url(https://estrategiarotglaicorbera.com/wp-content/themes/rotglaicorbera/imatges/send.png); padding-right: 16px;}
.participa > div:nth-of-type(3) > p a {
color: #fff;
text-decoration: none;
}

#calendari { padding-left: 8%; padding-right: 8%; padding-top: 75px; padding-bottom: 150px; background-color: #EFD010;}
.calendari {display: grid;}
.calendari > div:last-of-type {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 32px; }
.calendari > div:first-of-type {margin-bottom: 25px;}
.calendari > div:first-of-type p {font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 17px; line-height: 150%; }
.calendari > div:first-of-type p::before {content: url(https://estrategiarotglaicorbera.com/wp-content/themes/rotglaicorbera/imatges/calendar.png); padding-right: 16px;}
.calendari > div:last-of-type > div { padding: 30px 25px 75px 30px; background-color: #FCF9E8;}
.calendari > div:last-of-type > div > div > h5 {font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 17px; line-height: 150%; color: #000; padding-bottom: 0; margin-bottom: 0;}
.calendari > div:last-of-type > div > div > h6 {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; color: #000; padding-top: 0; margin-top: 0;}
.calendari > div:last-of-type > div > div > h2 {font-family: 'Amsterdam', sans-serif; font-weight: normal; font-size: 30px; line-height: 200%;}
.calendari > div:last-of-type > div > div > p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 15px; line-height: 150%; color: #000; }

#resultats {background-color: #F0EEDF; padding-left: 8%; padding-right: 8%; padding-top: 150px; padding-bottom: 150px;}
.resultats {display: grid; grid-template-columns: 1fr 2fr; column-gap: 32px;}
.resultats > div:last-of-type > div {display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; border-top: 1px solid #ddd; padding-top: 50px; margin-top: 50px;}
.resultats > div:last-of-type >  p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 120%; color: #000; }
.resultats > div:last-of-type > div > div > h3 {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 22px; line-height: 120%; color: #000; }
.resultats > div:last-of-type > div > div > p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; color: #fff; background-color: #000; padding:30px 0 30px 0; width: 100%; }
.resultats > div:last-of-type > div > div > p a {
color: #fff;
text-decoration: none;
}
.resultats > div:last-of-type > div > div:last-of-type {text-align: center;}
.resultats > div:last-of-type > div > div > p::before {content: url(https://estrategiarotglaicorbera.com/wp-content/themes/rotglaicorbera/imatges/pdf.png); padding-right: 16px;} 

#document {background-color: #FCF9E8; padding-left: 8%; padding-right: 8%; padding-top: 150px; padding-bottom: 150px;}
.document {display: grid; grid-template-columns: 1fr 2fr; column-gap: 32px;}
.document > div:last-of-type > div {display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; border-top: 1px solid #ddd; padding-top: 50px; margin-top: 50px;}
.document > div:last-of-type >  p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 120%; color: #000; }
.document > div:last-of-type > div > div > img { width: 100%; mix-blend-mode: multiply; }
.document > div:last-of-type > div > div > p {font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; color: #fff; background-color: #000; padding:30px 0 30px 0; width: 100%; }
.document > div:last-of-type > div > div > p a {
text-decoration: none; color: #fff;
}
.document > div:last-of-type > div > div:last-of-type {text-align: center;}
.document > div:last-of-type > div > div > p::before {content: url(https://estrategiarotglaicorbera.com/wp-content/themes/rotglaicorbera/imatges/pdf.png); padding-right: 16px;} 

#footer {background-color: #FCF9E8; padding-left: 8%; padding-right: 8%; padding-top: 50px; padding-bottom: 50px;}
.footer {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 32px; font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; line-height: 150%; }
.footer > div:nth-of-type(1) {display: block; margin-top: 8px;}
.footer > div:nth-of-type(2) {display: flex; column-gap: 32px; }
.footer > div:last-of-type {justify-self: flex-end;}
.footer a {color:inherit; text-decoration: none;}

.quees > div:last-of-type, .participa > div:nth-of-type(2) > p, .calendari > div:last-of-type > div > div > p, .resultats > div:last-of-type > p, .document > div:last-of-type > p, .footer  {

    font-size: calc(13px + 0.15vw);

}
.resultats > div:last-of-type > div > div > h3 {font-size: calc(18px + 0.25vw);}
.quees > div:first-of-type > h1, .participa > div:first-of-type > h1, .resultats > div:first-of-type h1, .document > div:first-of-type h1 {
    font-size: calc(30px + 0.35vw);

}
#partners-mov {display: none;}
.quees > div:last-of-type {
    padding-top: 36px;
    
    
}

.menu-main-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); align-items: center; justify-items: center; padding-right: 16px;}
.menu-main-container ul { list-style: none; padding-left:0; padding: 85px 0 95px 0; display: flex;}

.menu-main-container ul li a {font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 15px; line-height: 120%; color: #000; text-decoration: none;}
.menu-main-container ul li {
    text-decoration: none;
    color: inherit;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}
@media only screen and (max-width: 890px) {
    #participa, #calendari, #resultats, #document {

        padding-top: 0;
        padding-bottom: 72px;
    }
    .header-content {
        grid-template-columns: 1fr;
    }
    #my_nav > div {
        padding: 15px 0 15px 0;
    }
    .header-content > div:last-of-type > div:first-of-type {

        margin-top: 36px;
    }
    .quees {

        grid-template-columns: 1fr;

    }
    #partners-mov {display: block;}
    .partners {display: none;}
    .participa {

        grid-template-columns:1fr;

    }
    .calendari > div:last-of-type {

        grid-template-columns: 1fr 1fr ;
        row-gap: 32px;
    }
    .resultats {

        grid-template-columns: 1fr;

    }
    .document {

        grid-template-columns: 1fr;

    }
    .footer {

        grid-template-columns: 1fr;

    }
    .footer > div:last-of-type {
        justify-self: flex-start;
    }
    .quees > div:first-of-type > h1, .participa > div:first-of-type > h1, .resultats > div:first-of-type h1, .document > div:first-of-type h1 {
        padding-top: 72px;
     
     }
     .footer p {margin:0; padding:0;}
     .footer > div:nth-of-type(1) {

        margin-bottom: 18px;
    }
 }

 @media only screen and (max-width: 600px) {

    .menu-main-container ul {
        list-style: none;
        padding-left: 0;
        padding: 25px 0 25px 0;
        display: block;
    }
    .menu-main-container ul li {
        text-decoration: none;
        color: inherit;
        padding-left: 16px;
        padding-right: 16px;
        text-align: center;
        padding-bottom: 9px;
        padding-top: 9px;
    }

    .quees > div:last-of-type {
        column-count: 1;

    }
    .partners-mov > div:last-of-type > div {
        display: grid;
        grid-template-columns: 1fr;

    }
    .partners-mov > div:first-of-type {font-size: calc(13px + 0.15vw);}
    .partners-mov > div:last-of-type > div:first-of-type {

        justify-items: flex-start;
    }
    .partners-mov > div > div > div > img {
        max-width: 80%;
        max-height: 95px;
        padding-top: 18px;
        padding-bottom: 24px;
        filter: grayscale(1);
        mix-blend-mode: multiply;
    }
    .calendari > div:last-of-type {

        grid-template-columns: 1fr;

    }
    .resultats > div:last-of-type > div {

        grid-template-columns: 1fr;

    }
    .document > div:last-of-type > div {

        grid-template-columns: 1fr;

    }
    .footer > div:nth-of-type(2) {
        display: block;

    }
    .header-content > div:last-of-type > div:first-of-type {
        display: grid;
        grid-template-columns: 1fr;
        grid-row: 2fr;
        background-color: #EFD010;
        align-content: center;
        justify-content: center;
        justify-items: center;
    }
 }