/*
 * B+
 * Copyright (C) 2017 Jorge Vieira, José Sousa, Miguel Reboiro-Jato,
 * Noé Vázquez, Bárbara Amorim, Cristina P. Vieira, André Torres, and
 * Florentino Fdez-Riverola
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);


body {
    font-family:Raleway,sans-serif;
    font-size:14px;
    line-height:1.6;
    position: relative;
    min-height: 100vh;
    padding-bottom: 230px;
    box-sizing: border-box;
}

.banner{
    height: 270px;
    background-color: #808080;
    background-image: url('../images/banner.png');
    background-repeat: repeat;
    margin-top: -22px;
}
.project-logo{
    width: 180px;
    padding-top: 45px;
    margin-left: 30px;
}
.top-icons{
    display: inline-block;
    position: absolute;
}
.top-icons-link i{
    color: #00ACEC;
    margin-top: 20px;
    margin-left: 20px;
}
.content{
    position:relative;
    min-height: 100%;
    /*padding: 20px;*/
}
.project:nth-child(odd){
    min-height: 330px;
    background-color: #F1F1F2;

}
.project:nth-child(even){
    min-height: 330px;
    background-color: #FFFFFF;
}
.project_name{
    padding: 30px;
    text-align: center;

}
.project_description{
    padding: 30px;

}



.navbar-static-bottom{
    position:absolute;
    bottom:0;
    width:100%;
    color: #00ACEC;
}

.footer-left{
    flex-grow: 1;
    min-width: 370px;
    padding-top: 10px;
    padding-right: 30px;
}
.footer-right{
    flex-grow: 2;
    min-width: 300px;
    padding-top: 10px;
    text-align: right;
}
.footer-social-icons{
    color: #00ACEC;
    margin-top: 10px;
    margin-right: 5px;
}
.footer-social-icons:hover{
    color: #ffffff;
}
.rodape-info{
    margin: 30px 0;
}
.footer-icons{
    color: #00ACEC;
    margin-right: 5px;
}

@media screen and (min-width: 800px) {
    .no-mobile{
        visibility: visible;
    }
    .label-mobile{
        visibility: hidden;
    }
}
@media screen and (max-width: 800px) {
    .no-mobile{
        visibility: hidden;
    }
    .label-mobile{
        visibility: visible;
    }
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.form-control{
    margin-right:10px;
}

.some-margin-top{
    margin-top: 10px;
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    body{
        padding-bottom: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body{
        padding-bottom: 280px;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    body{
        padding-bottom: 430px;
    }
}

@media (min-width: 695px) and (max-width: 766px) {
    body{
        padding-bottom: 430px;
    }
    .footer-flex {
        flex-wrap: wrap;
    }
}

@media (min-width: 400px) and (max-width: 694px) {
    body{
        padding-bottom: 550px;
    }
    .footer-flex {
        flex-wrap: wrap;
    }
}

@media (max-width: 399px) {
    body{
        padding-bottom: 700px;
    }
    .footer-flex {
        flex-wrap: wrap;
    }
}

.footer-flex {
    display: flex;
}

.width-50{
    width:50%;
}

.clear{
    clear:both;
}

.project_description a{
    color: #00ACEC;
}

.navbar-inverse .navbar-nav>li>a {
    color: #00ACEC;
}

span.modalIcon{
    font-size: 25px;
}