/*
Theme Name: Plebe Rude
Author: Willow
Description: Tema para a banda Plebe Rude, feito a partir do tema twentytwentytwo
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.6
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plebe-rude
Template: twentytwentytwo
Plebe Rude is distributed under the terms of the GNU GPL.
*/
@font-face {
    font-family: 'Yeseva One';
    src: url('assets/fonts/YesevaOne.woff2') format('woff2'),
        url('assets/fonts/YesevaOne.woff') format('woff'), 
        url('assets/fonts/YesevaOne.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('HelveticaNeueLTStd-Bd.woff2') format('woff2'),
        url('HelveticaNeueLTStd-Bd.woff') format('woff'),
        url('HelveticaNeueLTStd-Bd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('HelveticaNeue-Bold.woff2') format('woff2'),
        url('HelveticaNeue-Bold.woff') format('woff'),
        url('HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;900&display=swap');
.yesevaone{
    font-family:Yeseva One;
    letter-spacing: 27px;

}
.very-bold{
    font-weight: 900;
}
body > *{
    max-width:1900px;
    margin: 0 auto;
}
body{
    background-color: #000;
}
a, p, h1, h2, h3, h4, h5, h6{
    color:#fff;
}
a, a:hover, a:visited,a:active{
    text-decoration: none;
}
p{
    font-family: "Roboto";
}
h1, h2{
    font-family:"Yeseva One";
}
#header > *{
    max-width:1400px;
    margin: 0 auto!important;
}
#header{
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    padding: 0 5%;
}
#header #menu-principal-coluna{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
#header #colunas-header{
    display: flex;
    flex-wrap: nowrap;
    align-items: end!important;
}
#header .wp-block-navigation li:not(:last-child):after{
    content:" | ";
}
#header .wp-block-navigation li a{
    padding:0 10px;
}
#header .wp-block-navigation li a:hover{
    text-decoration:none;
    color: #201A11;
}
.secao > *{
    max-width:1200px;
    margin: 0 auto!important;
    padding: 10% 10% 25%;
}
.secao{
    background-size:cover;
    background-position-y: bottom;
    position: relative;
}
#capa .wp-block-cover{
    max-width: 1200px;
    margin: 0 auto;
}
#capa{
    background-image:url('assets/images/PR_bg1.png');
    background-size: 100% 100%;
    padding-bottom: 17%;
    z-index: 99;
    position: relative;
}

.bold{
    font-weight: 700;
    letter-spacing: 1px;

}
#capa > *{
    padding:30px 10%;
}
#discografia{
    background-image: url(assets/images/PR_bg2.png);
    padding-top: 19%;
    margin-top: -25%;
    z-index: 10;

}

.galeria-discos{
    padding-left:0;
    padding-right:0;
    margin-left: 0;
    margin-right: 0;
}

#agenda{
    background-image: url(assets/images/PR_bg3.png);
    z-index: 9;
    margin-top: -26%;
    padding-top: 22%;
}
#agenda strong{
    font-weight: 900;
    color: #fff;
}
#agenda p {
 color:#aaa8a7;
}
#videos{
    margin-top: -31%;
    background-image: url(assets/images/PR_bg4.png);
    z-index: 8;
    padding-top: 26%;    
}
#contato{
    margin-top:-20%;
    background-image:url('assets/images/PR_bg5.png');
    background-repeat:no-repeat;
    z-index: 7;
}
#contato > *{
    padding-top:20%;
    padding-bottom:10%;
}
#contato h2{
    text-align: center;
}
.wp-site-blocks > * + *{
    margin-block-start:0;
}
body{
    --wp--custom--spacing--outer: 0!important;
}
footer{
    background-color: #d9d9d9;
    padding:50px 0;

}
footer figure{
    width: 35px;
}
.ancora{
    visibility: hidden;
    position: absolute;
}
#discografia-home{
    top:15%;
}
#agenda-home{
    top:25%;
}
#videos-home{
    top:23%;
}
#contato-home{
    top:15%;
}
@media only screen and (max-width: 1000px) {
    #colunas-header{
        flex-wrap: wrap!important;
        justify-content: space-between;

    }
    #header #menu-principal-coluna{
        flex: 1 0 45%!important;
        justify-content: flex-end;

    }
    #logo-coluna{
        flex: 1 0 45%!important;
    }
    #social-coluna{
        flex: 1 0 100%!important;
    }
    #social-coluna > *{
        justify-content: center;
    }
}
@media only screen and (max-width: 782px) {
    #header > *{
        
    }
    .secao > *{
        padding-bottom: 164px;
    }
    #capa .wp-block-cover{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    #contato > *{
        
    }
    .wp-site-blocks > * + *{
        
    }
    #evolucao{
        font-size:38px!important;
    }
    
    #videos{
        margin-top: -44%;
    }
    .yesevaone{
        letter-spacing: 13px;
    
    }
    #menu-principal-coluna li a{
        padding:0 5px;
    }
    h2{
        font-size: 45px;
    }
    #evolucao{
        font-size: 70px!important;
    }
    #agenda p, #agenda figure{
        text-align: center;
    }
    #agenda-home{
        top: 10%;
    }
    #videos-home{
        top:5%;
    }
    
    #capa p{
        font-size: 20px!important;
    }
    #capa p#contato-shows{
        font-size:25px!important;
    }
    p{
        /* font-size: ; */
    }
    footer p{
        font-size: 14px;
        display: block;
    }
    #copyright{
        margin-top:10px;
        flex-direction: column;
    }
    #contato h3{
        font-size:25px;
    }
    #contato p{
        font-size:19px;
    }
    #contato p a{
        font-size:16px;
    }

}

@media only screen and (max-width: 600px) {
    #capa > *{
        padding:0 5px 100px;
        
    }
    #capa .wp-block-cover{
        min-height: 0!important;
    }
    #discografia{
        padding-top: 27%;
        margin-top: -36%;
    }
    .yesevaone{
        letter-spacing: 5px;
    
    }
    h2{
        font-size: 28px;
    }
    #evolucao{
        font-size: 35px!important;
    }

    #colunas-header{
        flex-wrap: wrap!important;
    }
    #menu-principal-coluna{
        
    }
    #social-coluna > *{
        justify-content: center;
    }
    #header .wp-block-navigation li:not(:last-child):after{
        content:"";
    }
    #discografia-home{
        top:5%;
    }
    #capa p{
        font-size: 17px!important;
    }
    #capa p#contato-shows{
        font-size:20px!important;
    }
    footer{
        padding-left:10px;
        padding-right:10px;
    }
    footer p{
        text-align: center;
    }
}