/*
Theme Name: Hout Bay Residence
Theme URI: https://www.buildernet.com.br/
Author: Rafael Costa
Description: Tema com os materiais dos apartamentos do Hout Bay Residence.
Version: 0.01
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom, theme
Text Domain: meu-tema
*/
body {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal}
.margin {padding:0; margin:0}
.attachment-post-thumbnail {width:100%; height: auto;}
.hidden {display: none}
.visible {display: block}
.header {background-color: #f47521; padding:5vw; color:white}
.numeroapt {padding: 0vw; text-align:right}
h3 {font-weight: 900}
h5 {font-weight: 900}
h6 {font-weight: 900}
.right {margin-left: auto;}
.but_close {width: 100%; text-align: right; cursor: pointer;}
.custom-logo {max-width: 100%; height: auto}
input {width: 90%}
textarea {width: 90%}
#janelafotos {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
#janelaprojetos{display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
#janelaassistencia{display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
#janelafornecedores{display:none; position:absolute; width: 100%; ;right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
#janelamanual{display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
#janelaorientacoes{display:none; position:absolute; width: 100%; ;right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
#janelamanuais{display:none; position:absolute; width: 100%; ;right:0; top:0; background-color: white; padding:10vw; outline: 1px solid #333333; color:#333333; outline-offset: -5vw;}
.buttons {width: 100%; display: flex; flex-wrap: wrap;  justify-content: space-around; gap: 5vw; align-content: flex-start; padding:5vw}
.but-menu {background-color:gray; color:white; width: 24vw; height: 24vw; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 1vw; font-size:3vw; cursor: pointer;}
.galeriafotos {display:flex; flex-wrap: wrap; gap:5vw}
.thumbfoto {width: 20vw; height: 20vw; overflow: hidden;}
.thumbfoto img {width: 100%; height: auto; object-fit: cover; display: block}
button {background-color:gray}
.footer {background-color: #333333; padding:5vw; color:white; text-align:center}
.footer img {width: 35vw}
.wpcf7-submit {width: 25%}

@media (min-width: 992px) {
.header {background-color: #f47521; padding:2.5vw; color:white}
.numeroapt {padding: 2vw; text-align:right}
.buttons {width: 100%; display: flex; flex-wrap: wrap;  justify-content: flex-start; gap: 1vw; align-content: flex-start; padding:2vw}
.but-menu {background-color:gray; color:white; width: 9vw; height: 9vw; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 1vw; font-size:1vw}
.footer {background-color: #333333; padding:2vw; color:white; text-align:center}
.footer img {width: 10vw}
#janelafotos {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
#janelaprojetos {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
#janelaassistencia {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
#janelafornecedores {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
#janelamanual {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
#janelaorientacoes {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
#janelamanuais {display:none; position:absolute; width: 100%; right:0; top:0; background-color: white; padding:5vw; outline: 1px solid #333333; color:#333333; outline-offset: -2.5vw;}
.galeriafotos {display:flex; flex-wrap: wrap; gap:2vw}
.thumbfoto {width: 5.5vw; height: 5.5vw; overflow: hidden;}
.thumbfoto img {width: 100%; height: auto; object-fit: cover; display: block}
.footer {background-color: #333333; padding:2vw; color:white; text-align:center}
.footer img {width: 7.5vw}

}