/*
Theme Name: Foco Oftalmologia
Theme URI: http://www.somacomunicacao.com.br
Author: Soma Comunicação
Author URI: http://www.somacomunicacao.com.br
Description: Tema desenvolvido exclusivamente para Foco Oftalmologia Especializada
Version: 1.0
Text Domain: foco_oftalmologia
Tags:
*/

header {
    background-image: url("assets/img/bg_header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

header > div {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}


header .title-header {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -186px;
    color: #FFF;
    font-weight: normal;
}

.bg-azul-foco {
    background-color: #20AFC4 !important;
}

/* MENU */
.navbar-collapse {
    border-bottom: solid 2px #FFF;
}

.navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    transition: all 0.3s;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #FFF;
}

.menu-redes-sociais .nav-link {
    color: #FFF !important;
}

.navbar-nav .dropdown-menu {
    background-color: #FEFEFE;
    padding: 0;
    color: #000;
}

.navbar-nav .dropdown-menu > .menu-item {
    border-bottom: solid 1px #000;
    transition: all 0.3s;
}

.navbar-nav .dropdown-menu > .menu-item a:hover {
    color: #20AFC4;
}

.navbar-nav .dropdown-menu > .menu-item:last-child {
    border: none;
}

/* CONTEUDO */
.conteudo {
    color: #20AFC4;
}

.conteudo .titulo {
    margin-top: 50px;
    margin-bottom: 30px;
}


form input, form select {
    background-color: #E6E7E8 !important;
    color: #20AFC4 !important;
    border-radius: 15px !important;
}

form textarea {
    color: #20AFC4 !important;
    border-radius: 15px !important;
}

form input[type="submit"] {
    background-color: #20AFC4 !important;
    color: #FFF !important;
    border: none !important;
    float: right;
}

/* FOOTER */
footer {
    padding: 10px 0;
    margin-top: 50px;
    background-color: #20AFC4;
}

footer > div.container-fluid > div.borda {
    padding-top: 10px;
    border-top: solid 2px #FFF;
}

footer > div {
    color: #fff;
}

footer > div span {
    color: #000;
    font-weight: bold;
}

footer .show-xs {
    display: none;
}

@media (max-width: 767px) {
    header {
        background-position: left;
    }

    header .logo img {
        max-width: 80%;
    }

    header .title-header {
        position: inherit;
        margin-top: 20px;
        left: 0;
        margin-left: 0;
        font-size: 1.5rem;
    }

    .conteudo .img-fluid {
        /*max-width: 150px;*/
        max-width: 340px;
    }

    .conteudo .titulo {
        font-size: 1.3rem;
        margin-top: 1.5rem !important;
    }

    footer .hidden-xs {
        display: none;
    }

    footer .show-xs {
        display: block;
    }
}