/*
Theme Name: MRTC
Text Domain: mrtc
Version: 1.0
Description: Produzido por antnna.com
Author: Vitor Zanirato
Author URI: https://antnna.com
Theme URI: https://antnna.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/******00) PROVISÓRIO ******/

#provisoria {overflow: hidden; background-image:url(/wp-content/uploads/2021/05/vitrine-mrtc.jpg); background-size: cover;}
#provisoria p,
#provisoria h1 {color: #fff;}
#provisoria a:hover {text-decoration: underline;}
#provisoria .divisor {background-color: #F0A940; width: 8vw; height: 2vh;}
#provisoria > div > p {max-width: 440px; margin: 0 auto;}
#provisoria ul {width: 100%;}
#provisoria ul li {display: flex; padding: 3vh 0; border-bottom: 1px solid #fff;}
#provisoria ul li:last-child {border-bottom: none;}
#provisoria ul li span p {font-size: 0.8em;}
#provisoria ul li span:first-child {text-align: left;}
#provisoria ul li span:last-child {text-align: right;}
#provisoria ul li > *:last-child {position: absolute; right: 0;}
#provisoria > div > span {position: absolute; bottom: 4vh; left: 0; right: 0; margin: 0 auto; color: #fff; font-size: 0.7em;;}

/******01) REGRAS GERAIS ******/

body {background-color: #fff; font-family: 'Sora', sans-serif; font-weight: 300;}
* {margin: 0; padding: 0; box-sizing: border-box; position: relative; text-decoration: none; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; letter-spacing: -0.05em;}
div {display: block;}
::-webkit-scrollbar {display: none;}
::selection {background-color: #fff; color:#F0A940;}
ul, li, figure {list-style:none; margin: 0; padding: 0;}
img {max-width: 100%;;}
a, span {display: block;}
p {color: #808892; font-family: 'Sora', sans-serif; text-decoration:none; margin:0; padding:0; font-size: 1em; line-height: 1.5;}
p strong {font-weight: 600;}
a, span, li {display: block; line-height: 1; font-family: 'Poppins', sans-serif; font-weight: 600; list-style: none; text-decoration: none;}
a {color: #F0A940;}
span {font-family: 'Sora', sans-serif; font-weight: 300;}
a:hover {transition: all ease-in 0.4s;}
p > a {display: initial;}
a, path {transition: all 0.15s linear;}
h1, h2 , h3 , h4 , h5 , h6 {font-family: 'Poppins', sans-serif; font-weight: 600 ; color: #1A1F2F; letter-spacing: -0.05em; line-height: 1.2;;}
h1 {font-size: 2em;}
select::-ms-expand {display: none;}
a:hover, a:hover * {transition: 0.3s all ease;}

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

.no-desk1 {display: none;}
.no-mobile {display: block;}
.d-flex {display: flex;}
.d-table {display: table;}
.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%);}
.m-holder {margin: 0 auto;}
.half-left {width: 50%; padding-right: 2%;}
.half-right {width: 50%; padding-left: 2%;}
.vh {height: 100vh; padding: 0; min-height: 620px;}
.vw {width: 100vw; padding: 0;}
.vp {height: 100%;}
.hp {width: 100%;}
.ov-hid {overflow: hidden;}
.txt-c {text-align: center;}
.txt-r {text-align: right;}
.p-fix {position: fixed;}
.p-abs {position: absolute;}
.fadeIn {opacity: 1; display: block; transition: 0.3s all ease-in; transition-delay: 400ms;}
.fadeOut {opacity: 0; transition: 0.3s all ease-in;}
.clear-header {top: 0; height: 25vh; background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0));}
.clear-bottom {bottom: 0; height: 43vh; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));}
.yt-holder {overflow: hidden; position: relative; width:100%;}
.yt-holder::after {padding-top: 56.25%; display: block; content: '';}
.yt-holder iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bg00 {background-color: #ffffff;}
.bg01 {background-color: #F0A940;}
.bg02 {background-color: #18191C;}

.padtop1 {padding-top: 2vh;}
.padbot1 {padding-bottom: 2vh;}
.padtop2 {padding-top: 4vh;}
.padbot2 {padding-bottom: 4vh;}
.padtop3 {padding-top: 6vh;}
.padbot3 {padding-bottom: 6vh;}
.padtop4 {padding-top: 8vh;}
.padbot4 {padding-bottom: 8vh;}
.padtop5 {padding-top: 10vh;}
.padbot5 {padding-bottom: 10vh;}
.padtop6 {padding-top: 12vh;}
.padbot6 {padding-bottom: 12vh;}
.padtop7 {padding-top: 14vh;}
.padbot7 {padding-bottom: 14vh;}
.padtop8 {padding-top: 16vh;}
.padbot8 {padding-bottom: 16vh;}
.padtop9 {padding-top: 20vh;}
.padbot9 {padding-bottom: 20vh;}
.padtop10 {padding-top: 24vh;}
.padbot10 {padding-bottom: 24vh;}


@media screen and (min-width: 1081px) {
#menu-btn {display: none;}
}

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

@media screen and (max-width: 1080px) {
    .no-mobile {display: none;}
    #menu-btn {display: table; cursor: pointer;}
    header .main-header .menu-header-container {display: none;}
    .big-container,
    .mid-container,
    .sml-container {padding: 0 60px;}
    
    }

@media screen and (max-width: 768px) {
.no-mobile2 {display: none;}
.big-container,
.mid-container,
.sml-container,
.blog-container {padding: 0 40px;}
footer .half-left, 
footer .half-right {display: none;}
footer .f-mobile {display: block;}
p , a , span {font-size: 0.9em;}
h1 {font-size: 1.6em;}

.padtop2 {padding-top: 2vh;}
.padbot2 {padding-bottom: 2vh;}
.padtop3 {padding-top: 3vh;}
.padbot3 {padding-bottom: 3vh;}
.padtop4 {padding-top: 4vh;}
.padbot4 {padding-bottom: 4vh;}
.padtop5 {padding-top: 6vh;}
.padbot5 {padding-bottom: 6vh;}
.padtop6 {padding-top: 8vh;}
.padbot6 {padding-bottom: 8vh;}
.padtop7 {padding-top: 10vh;}
.padbot7 {padding-bottom: 10vh;}
.padtop8 {padding-top: 12vh;}
.padbot8 {padding-bottom: 12vh;}
.padtop9 {padding-top: 14vh;}
.padbot9 {padding-bottom: 14vh;}
.padtop10 {padding-top: 16vh;}
.padbot10 {padding-bottom: 16vh;}

#provisoria .divisor {width: 56px; height: 10px;}
#provisoria ul li span p {font-size: 0.7em;}
#provisoria > div > span {font-size: 0.6em;;}


}

@media screen and (max-width: 480px) {
.big-container,
.mid-container,
.sml-container,
.blog-container {padding: 0 20px;}
}