/**
Theme Name: Guem Studio
Theme URI: https://guemstudio.com
Author: ANTNNA
Author URI: https://antnna.com;
Description: Tema para o Studio Guem
Version: 1.0
Text Domain: Guem Studio
**/


/* 01. REGRAS */

body {background-color: #55324D; overscroll-behavior: none; box-sizing: border-box; line-height: 1;}
* {margin: 0; padding: 0; box-sizing: border-box; position: relative; text-decoration: none; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none;}
div {display: block;}
::-webkit-scrollbar {display: none;}
::selection {background-color: #F7F3F2; color:#BB785A;}
ul, li, figure {list-style:none; margin: 0; padding: 0;}
span {display: table;}
p {color: #BB785A; font-family: darker grotesque, helvetica, arial, sans-serif; font-weight: 300; text-decoration:none; margin:0; padding:0; font-size: 18px;}
p strong {font-weight: 600;}
a, span, li {display: block; font-family: darker grotesque, helvetica, arial, sans-serif; font-weight: 800;}
a:hover {transition: all ease-in 0.4s;}
p > a {display: initial;}
h1, h2 , h3 , h4 , h5 , h6 {font-family: darker grotesque, helvetica, sans-serif; font-weight: 800; color: #BB785A;}
h1 {font-size: 46px; color: #F7F3F2;}

.full-container {width: 100%; margin: 0 auto; position: relative; height: 100%;}
.big-container {max-width: 1440px; margin: 0 auto; position: relative; padding: 0 30px; height: 100%;}
.mid-container {max-width: 1120px; margin: 0 auto; position: relative; padding: 0 80px; height: 100%;}
.sml-container {max-width: 960px; margin: 0 auto; position: relative; padding: 0 80px; height: 100%;}

.d-flex {display: flex;}
.d-table {display: table;}
.justify {justify-content: space-between;}
.a-end {align-items: end;}
.ovflow {overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap;}
.ovflow::-webkit-scrollbar {display: none;}
.c-holder {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.v-holder {position: absolute; top: 50%; transform: translateY(-50%);}

.txt-center {text-align: center;}
.txt-right {text-align: right;}

.fadeIn {opacity: 1; display: block; transition: 0.3s all ease-in; transition-delay: 400ms;}
.fadeOut {opacity: 0; transition: 0.3s all ease-in;}


/* 02. FRUFRUS */
main {height: 100dvh; overflow: hidden;}
header {height: 95px; padding: 20px 0;}
header img {height: 55px;}
figure {width: 100%; height: calc(100dvh - 275px); overflow: hidden; position: relative;}
figure img {min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover; object-position: center;}
figure h1 {padding: 20px; font-size: 42px; text-shadow: 2px 2px 20px rgba(1,1,1,0.5); line-height: 1; font-family: didot, georgia, serif; font-weight: 300; letter-spacing: -1px;}
footer {padding: 28px 0;}
footer .cr {font-size: 15px;}
footer .shop h2 {font-size: 32px;}
footer .shop h5 {font-weight: normal; font-size: 20px; padding-bottom: 16px;}
footer .sm {padding-top: 4px;}
footer .sm p {font-weight: bold; font-size: 20px; padding-left: 8px;}
footer a:hover {filter: brightness(2.2); transition: all 0.3s;}

/* 99. RESPONSIVE */

@media screen and (min-width: 769px) {
.dn-desk {display: none;}
}


@media screen and (max-width: 768px) {
.dn-mob {display: none;}
.big-container,
.mid-container,
.sml-container {padding: 0 2vw;}

p {font-size: 16px;}

header {height: 82px; padding: 20px 0;}
header img {height: 42px;}
figure {height: calc(100dvh - 230px);}
figure h1 {padding: 20px; font-size: 32px;}
footer {padding: 16px 0 8px;}
footer .cr {display: none;}
footer .txt-center {text-align: left;}
footer .sm img {height: 18px;}
footer .sm p {top: -4px;}
} 

@media screen and (max-width: 480px) {
.dn480 {display: none}
p {font-size: 14px;}
.btn {font-size: 16px; padding: 4px 16px 8px;}
img.logo {height: 24px;}
}