/*
Theme Name: Body Pilates
Theme URI: https://bodypilates.com.br
Author: I9 Criações
Author URI: https://i9criacoes.com.br
Description: Tema WordPress Body Pilates
Version: 1.0
Text Domain: bp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
:root {
  --page: #F1F1F1;
  --primary: #712621;
  --text: #5B5B5F;
}
* {
scrollbar-color: var(--primary) rgb(249, 250, 251);
scrollbar-width: thin;
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
html, body{
font-family: "Montserrat", sans-serif;
background-color:var(--page);
color:var(--text);
font-family: 1rem;
margin:0;
padding:0;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
button{
background-color:var(--primary);
color:#fff;
transition:all .2s linear;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
button:hover{
opacity: 0.8;
}
h1, h2, h3, h4, h5, h6{
color:var(--primary);
font-weight: 700;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all .2s ease-out;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.loading > div img{
max-width: 140px;
}
.loading > div{
width:100%;
text-align: center;
}
.loading.active{
opacity:1;
visibility:visible;
transition: all .2s ease-out;	
}
.loading .logo-loading{
animation: pulse 0.7s infinite;
margin: 0 auto 25px;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -webkit-filter: brightness(100%);
  }
  100% {
    -webkit-transform: scale(1.1);
    -webkit-filter: brightness(200%);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    filter: brightness(100%);
  }
  100% {
    transform: scale(1.1);
    filter: brightness(110%);
  }
}
section#header-page {
position: relative;
padding: 8vh 0 10vh;
overflow: hidden;
}
section#header-page::before {
content: "";
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
background: transparent linear-gradient(90deg, rgb(255,255,255,0.95) 20%, rgb(255,255,255,.6) 50%, rgb(255,255,255,0) 100%) 0% 0% no-repeat padding-box;
top: 0;
left: 0;
}
section#header-page .container {
position: relative;
z-index: 5;
}
section#header-page .image-bg {
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: 100%;
height: 100%;
}
section#header-page .image-bg img{
width:100%;
margin-top:-100px;
}
section#header-page::after {
content: "";
width: 100%;
height: 20%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(180deg,rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.75) 50%, rgba(241, 241, 241, 1) 100%);
z-index: 2;
}
section#header-page .pin-blog {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background-color: #F2EEED;
border-radius: 30px;
height: 44px;
font-size: 18px;
color: var(--primary);
width: auto;
margin: 0 0 20px;
padding: 0 20px;
}
section#header-page .pin-blog .icon {
max-width: 24px;
}
section#header-page.header-single-curso h1 {
margin: 0 0 20px;
text-align: left;
font: normal normal bold 46px/54px Montserrat;
letter-spacing: 0;
}
section#header-page.header-single-curso h2 {
max-width: 600px;
text-align: left;
font: normal normal 300 22px/34px Montserrat;
color:var(--text);
letter-spacing: 0;
margin: 0;
}
section#header-page.header-single-curso a.btn-acao {
background-color: var(--primary);
color: #fff;
font-weight: 700;
font-size: 18px;
height: 52px;
width: 300px;
border-radius: 50px;
margin: 30px 0 0;
transition: all .2s linear;
display: flex;
align-items: center;
justify-content: center;
}
section#header-page.header-single-curso a.btn-acao:hover{
opacity:0.8;
}
section#video-institucional h1 {
text-align: center;
font: normal normal bold 64px/70px Montserrat;
max-width: 1050px;
letter-spacing: 0px;
color: var(--primary);
margin: 0 auto 30px;
}
section#video-institucional h2 {
text-align: center;
font: normal normal 300 22px/34px Montserrat;
letter-spacing: 0px;
max-width: 880px;
margin: 0 auto 40px;
color: var(--text);
}
.video-wrapper {
position: relative;
display: inline-block;
width: 100%;
cursor: pointer;
overflow: hidden;
border-radius: 50px;
height: 460px;
}
section#video-institucional .video-wrapper {
max-width: 880px;
margin: 0 auto;
display: block;
}
.video-cover {
display: block;
width: 100%;
height: auto;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120px;
height: 120px;
transition: all .4s linear;
}
.video-wrapper:hover .play-button{
transform: translate(-50%, -50%) scale(1.07);
}
.video-container {
overflow: hidden;
position: relative;
width: 100%;
height:460px;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px;
}






















footer{
position:relative;
background-color:#fff;
}
footer .content-footer{
display:flex;
justify-content:space-between;
padding:50px 0;
}
footer .content-footer .logo-rodape{
max-width:200px;
}
footer .content-footer .col-rodape h2{
text-align: left;
font: normal normal bold 22px/24px Montserrat;
letter-spacing: 0px;
color: var(--primary);
margin:0 0 15px;
}
footer .content-footer .col-rodape ul li:not(:last-child){
margin:0 0 8px;
}
footer .content-footer .col-rodape ul li a{
font-size:18px;
color:var(--text);
font-weight:300;
transition:all .2s linear;
}
footer .content-footer .col-rodape ul li a:hover{
color:var(--primary);
}
footer .copyright{
position:relative;
border-top:1px solid rgb(0,0,0,.1);
padding:25px 0;
display:flex;
align-items:center;
justify-content:center;
}
footer .copyright .sociais{
position:absolute;
right:0;
top:50%;
transform:translatey(-50%);
}
footer .copyright .sociais ul{
display:flex;
align-items:center;
justify-content:flex-end;
}
footer .copyright .sociais ul li:not(:last-child){
margin-right:8px;
}
footer .copyright .sociais ul li a{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background-color:var(--primary);
border-radius:50%;
color:#fff;
font-size:18px;
transition:all .2s linear;
}
footer .copyright .sociais ul li a:hover{
opacity:0.8;
}
footer .copyright span{
font-size:16px;
color:var(--text);
font-weight:300;
}