/*
Theme Name: Hey Student Soon
Text Domain: Hey Student Soon
Version: 1.0.0
Description: 
Author: Hey Student
*/


.body{
    margin: 0px;
}

.header{
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 0px 30px;
}

.header-soon{
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 30px 0px 30px;
}

.header-logo img{
    height: 55px;
}

.header-menu-all, .header-menu{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    
}

.icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}

.icon a, .icon a:link, .icon a:visited, .icon a:hover, .icon a:active{
  color:white;
}


#mail-icon{
    background: #F07C00;
}

#instagram-icon{
    background: #E94A6B;
}

#whatsapp-icon{
    background: #DA2888;
}

.navbar{
    width:100%;
    height: 100%;
}

.nav-item{
    height: 100%;
    display: flex;
    align-items: center;
}

.dropdown-menu{
    top: 90% !important;
}

.dropdown-item:hover{
    background-color: #feffff;
}

.menu-main_menu-container{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.menu li {
    list-style-type: none;
    position: initial;
}

.nav-item a:link { text-decoration: none; color: black; font-weight: 300;}

.nav-item a:hover { text-decoration: none; font-weight: 300;color: rgb(175, 114, 0);}

.current-menu-item{ text-decoration: none; font-weight: 300;color: rgb(175, 114, 0);}

.dropdown-toggle::after {
    display: none !important;
}

#arrow-down{

}

#arrow-up{
    display: none;
}

.icon-arrow{
    margin-left: 10px;
}

.menu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.header-social{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header-social img{
    height: 30px;
}

.hs-titles{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    color: white;
    width: 100%;
}

.hs-titles h2{
    filter: drop-shadow(-1px 1px 3px rgba(0, 0, 0, 0.629));
}

.hs-hands{
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
   /* background-image: url(assets/images/home_maos.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;*/    
}

.hs-main-title{
    padding: 10px 20px 10px 20px;
    background-image: url(assets/images/btn_1.png);
    border-radius: 10px;
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    text-align: center;
    font-weight: bold;
    font-size: 70px
}

.hs-second-title{
    text-align: right;
}

.footer{
    background-color: white;
    height: 180px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 0px 30px;
    color: black;
    border-top: 1px solid #cdcdcd;
 /*   position: absolute;
    bottom: 0;*/
}

.hs-home{
    background-color: #fff;
    background-image: linear-gradient(orange, white 50%, pink);
}

.hs-servicos{
    background-color: #fff;
    background-image: linear-gradient(pink, white 50%, #8974cf);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.hs-projeto{
    background-color: #fff;
    background-image: linear-gradient(#8974cf, white 50%, blue);
}

.hs-parceiros{
    background-color: #fff;
    background-image: linear-gradient(blue, white 50%, #8974cf);
}

.hs-contactos{
    background-color: #fff;
    background-image: linear-gradient(#8974cf, white 50%, pink);
}

.hs-servicos-consola{
    height: 528px;
    width: 900px;   
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-image: url(assets/images/consola_servicos.svg);
    background-size: contain;
}

.hs-consola-menu{
    color:white;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    text-transform: uppercase;
    font-weight: bold;
    height:100%;
    text-align: right;
    padding: 0px !important;
}

.hs-consola-info{
    color:black;
    text-align: center;
    height:100%;
    width:100%;
}

.hs-consola-menu-title{
    padding-right: 15px;
}

.consola-menu-item:first-child{
    border-top-left-radius: 30px;
}

.consola-menu-item:last-child{
    border-bottom-left-radius: 20px;
    border:0px;
}

.consola-info-item-wrapper{
    padding: 0px 30px 0px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

.consola-info-item{
    display: none;
    height: 100%;
}

.consola-info-item-section{
    display: flex;
    flex-direction: column;
}

.active-info{
    display: block !important;
}

.consola-menu-item{
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.active-menu{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.consola-menu-item:hover{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.hs-title{
    background-image: url(assets/images/titulo.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 90px 30px 90px;
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    margin-bottom: 30px;
}

.hs-title h2, .hs-title h1{
    color: black;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

.hs-seccao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 900px;
    width: 100%;
}

.hs-hands-container{
    width: 1300px;
}

.hs-btn{
    border-radius: 10px;
    background-color: #E94A6B;
    color: white;
    padding: 5px 20px 5px 20px;
    margin: 20px;
    filter: drop-shadow(-1px 1px 1px black);
}

.hs-projeto-consola{
     height: 528px;
     width: 900px;   
     filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     background-image: url(assets/images/info_template.svg);
     background-size: contain;
     background-repeat: no-repeat;
 }

 .projeto-consola-wrapper{
    padding: 40px 100px 40px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

.hs-header-submenu{
    z-index: 1;
    position: absolute !important;
    top: 90% !important;
}

.hs-parceiros-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.hs-parceiros-row{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.hs-parceiro{
    background-image: url(assets/images/parceiro-background.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 400px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
}

.parceiro-logo{
    max-height: 150px;
    max-width: 200px;
}

.hs-page{
  /*  min-height: 800px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 0px 30px 0px 30px;
}

.hs-ferias-escolares, .hs-workshops, .hs-agendar{
    background-color: #fff;
    background-image: linear-gradient(pink, white 50%, #8974cf);
}

.hs-agendar{
    height: 700px;
    padding: 60px 0px 60px 0px;
}

.hs-hey-student{
    background-color: #fff;
    background-image: linear-gradient(orange, white 50%, pink);
}

.hs-hey-student-wrapper{
    height: 528px;
    width: 900px;   
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(assets/images/info-magenta.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 150px;
    padding: 40px 130px 40px 130px;
    text-align: center;
}

.hs-ferias-wrapper, .hs-workshops-wrapper, .hs-contactos-wrapper{
    display: flex;
    flex-direction:  row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

.hs-ferias, .hs-workshop{
    background-image: url(assets/images/info-vertical.svg);
    background-size: contain;
    height: 700px;
    width: 450px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 30px 70px 70px 70px;
    text-align: center;
}

.hs-ferias h2, .hs-workshop h2{
    color: white;
    font-weight: 600;
}

.hs-content-title{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 20px;
}

.hs-content-title span:first-child{
    font-weight: 700;
    color: #E94A6B;
}

#parceiros-title{
    background-image: url(assets/images/titulo-azul.svg) !important;
    background-position: center;
}

#contactos-title{
    background-image: url(assets/images/titulo-magenta.svg) !important;
    background-position: center;
}

.hs-footer, .hs-footer-soon{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width:100%;
    height: 100%;
    font-size: 13px;
}

.hs-footer-content{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.footer-soon-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-soon-info p{
    margin-bottom: 5px;
}

#hs-footer-logo img{
    height: 80px;
}

.contactos-content{
    height: 300px;
    width: 450px;   
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(assets/images/info-magenta.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 150px;
    text-align: center;
}

.contacts-social{
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.contacts-social img{
    height: 20px;
}

.footer-title{
    color:#E94A6B;
    font-weight: 600;
}

.hs-agendar-wrapper{
    height: 450px;
    width: 350px;   
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-image: url(assets/images/info-vertical-agendar.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 40px 20px 40px 20px;
}

.hs-btn-agendar{
    border-radius: 30px;
    background-color:white;
    color: black;
    padding: 5px 20px 5px 20px;
    border: 1px solid grey;
}

.hs-btn-agendar:hover{
    background-color: #E94A6B;
    color: white;
    filter: drop-shadow(-1px 1px 1px black);
}

.hs-formulario{
    background-color: #fff;
    background-image: linear-gradient(pink, white 50%, #8974cf);
}

.hs-formulario-wrapper{
    height: 300px;
    width: 450px;   
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.747));
    background-image: url(assets/images/info_template.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.hs-soon{
    background-color: #fff;
    background-image: linear-gradient(#8974cf, white 50%, #E94A6B);
    height: 100%;
    padding-top: 30px;
}

.hs-title-soon{
    padding: 40px 0px 30px 0px;
}

.hs-title-soon img, .hs-info-hand img{
    width: 100%;
}

.hs-social{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.header-social-soon{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 768px){
    /* For mobile phones: */
        [class*="col-"] {
            max-width: 100%;
            width: 100%;
        }    

        .hs-page{
            padding: 15px 15px 0px 15px;
        }

        .hs-social{
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center;
            width: 100%;
        }

        .header-social-soon div{
            margin: 10px;
        }

        .hs-title-soon, .hs-info-hand{
            padding: 40px 0px 0px 0px;
        }

        #hs-footer-logo img{
            height: 50px;
        }

        .hs-footer{
            font-size: 11px;
        }

        .footer{
            padding: 0px 15px 0px 15px;
            height: 130px;
        }        
    }

@media screen and (min-width: 768px) and (max-width: 992px){
/* For mobile phones: */
    [class*="col-"] {
        max-width: 100%;
        width: 100%;
    }  

    .hs-title-soon, .hs-info-hand{
        padding: 40px 150px 0px 150px;
    }

    .header-social-soon div{
        margin: 10px;
    }

    #hs-footer-logo img{
        height: 60px;
    }

    .hs-footer{
        font-size: 11px;
    }

    .footer{
        height: 130px;
    } 
}