/* GLOBAL STYLES */
a, a:visited, a:hover, a:focus, a:active {
    text-decoration: none;
    color: #0b0d1a;
}
.ps-center {
    text-align: center;
}
html, body {
    font-family: 'Open Sans', sans-serif;
    min-height: 100vh;
}
h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', sans-serif;
}
button, input {
    border: 0;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.5em;
}
p {
    font-size: 1.5em;
}
.text-box {
    padding: 2em 10% 2em 10%;
    margin: 1em 0;
}

/* HEADER */
.ps-header {
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: rgba(0,0,0,0.4);
    min-width: 100vw;
    min-height: 3rem;
    text-align: center;
    padding: 1em 0;
    color: #fff;
    font-size: 1.3em;
    margin: 0;
    padding: 1em 0 0;
    z-index: 200;
}
header > div {
    margin: 5em !important;
}
.ps-header > h1 > a, .ps-header > h1 > a:visited {
    color: white;
}
nav > a, nav > a:visited, nav > a:hover, nav > a:focus, nav > a:active {
    color: white;
}
.capoeirista {
    max-width: 4em;
}
#parallax-box {
    min-height: 100vh;
}

/* HAMBURGER MENU */
.closed {
    display: none;
}
.open {
    display: block;
}
#expanded-menu ul li a {
    color: white;
    font-family: 'Montserrat', sans-serif;
}
#expanded-menu ul li {
    margin: 0 0 .5em 0;
}

/* HERO SECTION */
.hero-image {
    height: 100vh;
    max-width: 100vw;
    background-size: cover;
}
#search-bar {
    padding: 0 0 0 25%;
}
#search-bar h3 {
    color: white;
    text-shadow: 1px 1px 3px #0b0d1a;
    padding: 0 20% 0 0;
}
#google-search > div {
    background: none;
    border: none;
    max-width: 50%;    
}
.gsc-control-cse.gsc-control-cse-en {
    padding: 1em 1em 1em 0;
}

/* KEEP UP SECTION */
#keep-up {
    padding: 5% 0;
    background: white;
    min-width: 100%;
    z-index: 300;
}
#keep-up>h2 {
    margin: 2%;
}
#keep-up>button {
    padding: 1% 2%;
}

/* EVENTS */
#events {
    background-color: #666666;
    padding: 3em 0;
}
.event-blocks {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    max-width: 1327px;
    margin-left: auto;
    margin-right: auto;
}
.event-block {
    margin: 1em;
}

/* CONTAINER TO PUSH FOOTER TO BOTTOM */
.content-container {
    position: relative;
    min-height: 100vh;
    min-width: 100%;
    padding-bottom: 2em;
}

/* FOOTER */
footer {
    font-family: 'Raleway', sans-serif;
    min-height: 2em;
    padding: .5em 0 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 333;
}

/* EVENTS PAGE */
.event-list {
    padding: 1em 0 0 1em;
    margin: 0 0 2% 0;
    white-space: pre-line;
}
a.event {
    color: black;
}

/* CONTACT PAGE */
.page-head {
    padding: 6rem 0 .5rem 0;
    font-size: 2em;
}
#team {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.team-member {
    margin: 1em;
}

/* ENCYCLOPEDIA PAGE */
#alpha-block {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.space-below {
    margin-bottom: 2%;
}
#alpha-block > a, #alpha-block > a:visited, #alpha-block > a:hover, #alpha-block > a:focus, #alpha-block > a:active {
    color: black;
}

/* ADD LYRICS PAGE */
.big-field {
    min-height: 5rem;
    min-width: 5rem;
}
input, textarea {
    border-style: solid;
    border-color: black;
    border-width: 1px;
}
#addlyrics-form {
    margin-left: 2rem;
}

@media screen and (max-width: 756px) {
    /* NAV BAR */
    nav {
        display: none;
    }
    #flag {
        max-height: 100vh;
    }
    #search-bar {
        bottom: 2% !important;
    }
    #search-field {
        min-width: 20em;
        min-height: 7vh;
    }
    #search-button {
        min-height: 7vh;
    }
    #parallax-box {
        min-height: 40vh;
    }
    #capo-2 {
        bottom: 30% !important;
    }
    #search-bar {
        padding: 0 0 0 10%;
    }
    #google-search > div {
        background: none;
        border: none;
        max-width: 80%;
        
    }
    /* ENCYCLOPEDIA PAGE */
    #alpha-block {
        flex-wrap: wrap;
        font-size: 1.5em;
        justify-content: center;
    }

    /* CONTACT PAGE */
    #team {
        flex-wrap: wrap;
        font-size: 1.5em;
        justify-content: center;
    }
}