body {
font-family: "Barlow", sans-serif;
background-color: #ffffff;
}
a {
text-decoration: none;
transition-duration: 0.8s;
}
a:hover {
text-decoration: underline;
}
a img {
text-decoration: none;
border: none;
}
img {
max-width: 100%;
vertical-align: middle;
height: auto;
margin: 0;
border: none;
}
b,
strong {
font-weight: 800;
}
embed,
video,
iframe,
iframe[style] {
max-width: 100%;
height: auto;
} ::-webkit-scrollbar {
width: 6px;
} ::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 0px;
background: transparent;
} ::-webkit-scrollbar-thumb {
background: #35bb73;
border-radius: 0px;
transition-duration: 0.8s;
} ::-webkit-scrollbar-thumb:hover {
background: #000;
} .ajax_load {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 4;
}
.ajax_load_box {
margin: auto;
text-align: center;
color: #ffffff;
font-weight: 800;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.ajax_load_box_circle {
border: 16px solid #e3e3e3;
border-top: 16px solid #3B5CA6;
border-radius: 50%;
margin: auto;
width: 80px;
height: 80px;
-webkit-animation: spin 1.2s linear infinite;
-o-animation: spin 1.2s linear infinite;
animation: spin 1.2s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.embed {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin: 0;
vertical-align: middle;
border: none;
overflow: hidden;
max-width: 100%;
}
.embed iframe,
.embed object,
.embed embed,
.embed .fb-page {
position: absolute;
top: 0;
left: 0;
margin: 0px;
padding: 0;
vertical-align: middle;
width: 100%;
height: 100%;
border: none;
}
.htmlchars {
display: block;
width: 100%;
font-family: "Barlow", sans-serif;
overflow: hidden;
clear: both;
}
.htmlchars h1,
.htmlchars h2,
.htmlchars h3,
.htmlchars h4,
.htmlchars h5,
.htmlchars h6 {
display: block;
width: 100%;
margin-bottom: 20px;
font-weight: 400;
color: #000000;
}
.htmlchars h1 {
line-height: 54px;
font-size: 42px;
}
.htmlchars h2 {
line-height: 48px;
font-size: 42px;
}
.htmlchars h3 {
line-height: 42px;
font-size: 36px;
}
.htmlchars h4 {
line-height: 36px;
font-size: 30px;
}
.htmlchars h5 {
line-height: 30px;
font-size: 24px;
}
.htmlchars h6 {
line-height: 24px;
font-size: 20px;
}
.htmlchars p {
display: block;
width: 100%;
margin-bottom: 20px;
line-height: 24px;
font-size: 18px;
font-weight: 400;
color: #333;
}
.htmlchars ul,
.htmlchars ol {
display: list-item;
padding-inline-start: 20px;
margin: 20px 0;
line-height: 30px;
font-size: 16px;
font-weight: 400;
color: #333;
}
.htmlchars ul {
list-style: disc;
}
.htmlchars ol li,
.htmlchars ul li {
display: list-item;
margin-top: 5px;
line-height: 24px;
font-size: 16px;
font-weight: 400;
color: #333;
}
.htmlchars a {
text-decoration: none;
transition-duration: 0.8s;
}
.htmlchars a:hover {
color: #09f;
text-decoration: underline;
}
.htmlchars img {
display: block;
max-width: 100%;
height: auto;
}
.htmlchars .alignleft {
float: left;
margin: 0 20px 20px 0;
}
.htmlchars .aligncenter {
margin: 0 auto;
}
.htmlchars .alignright {
float: right;
margin: 0 0 20px 20px;
}
.htmlchars pre {
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #eeeeee;
margin: 20px 0;
overflow-x: auto;
}  .wp-pagenavi {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 40px;
}
.wp-pagenavi .pages {
display: inline-block;
padding: 15px 30px;
margin: 5px;
border-radius: 5px;
border: 2px solid #584D32;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 400;
color: #584D32;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
display: inline-block;
padding: 10px 15px;
margin: 5px;
border-radius: 0px;
border: 2px solid transparent;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 400;
color: #584D32;
transition-duration: 0.8s;
}
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
color: #ffffff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
display: inline-block;
padding: 15px 30px;
margin: 5px;
border-radius: 5px;
border: 2px solid #584D32;
background-color: #584D32;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 400;
color: #ffffff;
transition-duration: 0.8s;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
color: #ffffff;
}
.wp-pagenavi .current,
.wp-pagenavi .page {
display: inline-block;
padding: 10px 15px;
margin: 5px;
border-radius: 0px;
border: 2px solid transparent;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 400;
color: rgba(88, 77, 50, 0.7);
transition-duration: 0.8s;
}
.wp-pagenavi .current,
.wp-pagenavi .page:hover {
display: inline-block;
padding: 10px 15px;
margin: 5px;
border-radius: 0px;
border: 2px solid transparent;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 600;
color: #584D32;
transition-duration: 0.8s;
}
.wp-pagenavi .extend {
display: inline-block;
padding: 10px 15px;
margin: 5px;
border-radius: 0px;
border: 2px solid transparent;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 400;
color: #584D32;
transition-duration: 0.8s;
} #comments {
display: block;
width: 100%;
padding-bottom: 15px;
margin-top: 30px;
margin-bottom: 15px;
border-bottom: 4px solid #f2f2f2;
text-transform: uppercase;
line-height: 24px;
font-size: 20px;
font-weight: 500;
color: #0057b1;
}
.commentlist {
display: block;
width: 100%;
}
.commentlist li {
display: block;
width: 100%;
margin-bottom: 20px;
}
.commentlist li:last-child {
margin-bottom: 0px;
}
.comment-respond {
display: block;
width: 100%;
margin-top: 20px;
}
.comment-reply-title {
display: block;
width: 100%;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 4px solid #f2f2f2;
text-transform: uppercase;
line-height: 24px;
font-size: 20px;
font-weight: 500;
color: #0057b1;
}
.comment-form {
display: block;
width: 100%;
}
.comment-form .comment-notes {
display: block;
width: 100%;
margin-bottom: 20px;
line-height: 30px;
font-size: 16px;
font-weight: 500;
color: #b3b3b3;
}
.comment-form label {
display: block;
width: 100%;
line-height: 24px;
font-size: 18px;
font-weight: 500;
color: #4d4d4d;
}
.comment-form input,
.comment-form select,
.comment-form textarea {
display: block;
width: 100%;
padding: 15px;
border-radius: 5px;
border: 1px solid #e6e6e6;
background-color: #ffffff;
}
.comment-form-cookies-consent {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 25px 0px;
}
.comment-form-cookies-consent input {
display: block;
flex: 0 0 30px;
max-width: 30px;
}
.comment-form-cookies-consent label {
display: block;
flex: 0 0 calc(100% - 40px);
max-width: calc(100% - 40px);
margin-bottom: 0px;
}
.comment-form .form-submit {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
}
.comment-form .form-submit input[type="submit"] {
display: inline-block;
width: auto;
padding: 15px;
border: none;
outline: none;
background-color: #005bb4;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #ffffff;
transition-duration: 0.5s;
}
.comment-form .form-submit input[type="submit"]:hover {
transform: scale(1.1);
background-color: #dc364a;
color: #ffffff;
} .widget {}
.widget>h4 {}
.widget ul {}
.widget ul li {}
.widget ul li:last-child {}
.widget ul li a {}
.widget ul li a:hover {}
.widget form {} .main-header {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
padding: 30px 0px;
background-color: #f7f7f7;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-header.png);
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
transition: top .3s ease;
z-index: 1030;
}
.main-header .container {
max-width: 1436px;
}
.main-header-logo {
display: block;
width: 230px;
max-width: 100%;
}
.main-header-logo:hover {
text-decoration: none;
transform: scale(1.024);
}
.main-header-nav {
display: block;
width: 100%;
}
.main-header-nav-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.main-header-nav-menu>ul {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 25px 0 0;
padding: 0;
list-style: none;
}
.main-header-nav-menu>ul:last-of-type {
margin: 0;
}
.main-header-nav-menu>ul>li {
display: inline-block;
margin: 0 25px 0 0;
}
.main-header-nav-menu>ul>li:last-of-type {
margin: 0;
}
.main-header-nav-menu>ul>li a {
display: block;
width: 100%;
text-transform: uppercase;
text-decoration: none;
line-height: 24px;
font-size: 16px;
font-weight: 600;
color: #c09a2e;
}
.main-header-nav-menu>ul>li a:hover {
text-decoration: none;
color: #584d32;
}
.main-header-nav-contact {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: auto;
padding: 0 0 0 52px;
text-decoration: none;
line-height: 20px;
font-size: 18px;
font-weight: 500;
color: #c09a2e;
}
.main-header-nav-contact:hover {
transform: scale(1.024);
text-decoration: none;
color: #c09a2e;
}
.main-header-nav-contact::before {
content: "\f232";
position: absolute;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #c09a2e;
font-family: "Font Awesome 6 Brands";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.main-header-nav-schedule {
display: block;
width: 100%;
padding: 20px 40px;
border-radius: 5px;
background-color: #54953f;
background-image: linear-gradient(to right, #5ca357 0%, #7ec889 100%);
text-transform: uppercase;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.main-header-nav-schedule:hover {
text-decoration: none;
transform: scale(1.024);
color: #ffffff;
}
.main-header-nav>button,
.main-header-nav>div>button {
display: inline-block;
padding: 10px 20px;
border: none;
outline: none;
border-radius: 5px;
background-color: #54953f;
background-image: linear-gradient(to right, #5ca357 0%, #7ec889 100%);
text-transform: uppercase;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
.main-header-nav>button:hover,
.main-header-nav>div>button:hover {
background-color: #584d32;
transform: scale(1.024);
color: #ffffff;
}
.main-header-nav .offcanvas-body>ul {
display: block;
width: 100%;
margin: 0 0 25px 0;
padding: 0;
list-style: none;
}
.main-header-nav .offcanvas-body>ul>li {
display: block;
width: 100%;
margin: 0 0 25px 0;
}
.main-header-nav .offcanvas-body>ul>li:last-of-type {
margin: 0;
}
.main-header-nav .offcanvas-body>ul>li a {
display: block;
width: 100%;
text-transform: uppercase;
text-decoration: none;
line-height: 24px;
font-size: 16px;
font-weight: 500;
color: #c09a2e;
}
.main-header-nav .offcanvas-body>ul>li a:hover {
text-decoration: none;
color: #584d32;
}  .section-teammate {
display: block;
width: 100%;
padding: 60px 0px;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-teammate.png);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat;
}
.section-teammate-header {
display: block;
width: 100%;
}
.section-teammate-content {
display: block;
width: 100%;
}
.section-teammate-content .slick-teammate {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.section-teammate-content .slick-teammate .slick-prev,
.section-teammate-content .slick-teammate .slick-next {
z-index: 90;
}
.section-teammate-content .slick-teammate .slick-prev {
left: -75px;
}
.section-teammate-content .slick-teammate .slick-next {
right: -75px;
}
.section-teammate-content .slick-teammate .slick-prev::before,
.section-teammate-content .slick-teammate .slick-next::before {
content: "";
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 60px;
font-size: 60px;
font-weight: 900;
color: rgba(0, 0, 0, 0.5);
}
.section-teammate-content .slick-teammate .slick-prev::before {
content: "\f104";
}
.section-teammate-content .slick-teammate .slick-next::before {
content: "\f105";
}
.section-teammate-content-item {
display: block;
width: 100%;
}
.section-teammate-content-item .row .col-12:last-of-type {
position: relative;
}
.section-teammate-content-item .row .col-12:last-of-type::before {
content: "";
position: absolute;
top: -20px;
left: -60px;
display: block;
width: 56px;
height: 45px;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/icons/icons-quote.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.section-teammate-content-item header {
display: block;
width: 100%;
margin: 0 0 40px 0;
text-align: center;
}
.section-teammate-content-item header h2 {
display: block;
width: 100%;
margin: 0 0 10px 0;
line-height: 54px;
font-size: 48px;
font-weight: 400;
color: #be9a51;
}
.section-teammate-content-item-thumbnail {
display: block;
width: 100%;
text-align: center;
}
.section-teammate-content-item-whatsapp {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: auto;
padding: 0 0 0 52px;
margin: 0 0 30px 0;
text-decoration: none;
line-height: 24px;
font-size: 18px;
font-weight: 500;
color: #c09a2e;
}
.section-teammate-content-item-whatsapp:hover {
transform: scale(1.024);
text-decoration: none;
color: #c09a2e;
}
.section-teammate-content-item-whatsapp::before {
content: "\f232";
position: absolute;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #c09a2e;
font-family: "Font Awesome 6 Brands";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.section-teammate-content-item-whatsapp b {
display: block;
width: 100%;
}
.section-teammate-content-item-schedule {
display: inline-block;
padding: 20px 40px;
border-radius: 5px;
border: 2px solid #b39956;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #b39956;
}
.section-teammate-content-item-schedule:hover {
background-color: #b39956;
text-decoration: none;
color: #ffffff;
transform: scale(1.024);
} .section-diagnosis {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 40px 0px;
min-height: 552px;
text-align: center;
}
.section-diagnosis .htmlchars h1,
.section-diagnosis .htmlchars h2,
.section-diagnosis .htmlchars h3,
.section-diagnosis .htmlchars h4,
.section-diagnosis .htmlchars h5,
.section-diagnosis .htmlchars h6,
.section-diagnosis .htmlchars p,
.section-diagnosis .htmlchars ul li,
.section-diagnosis .htmlchars ol li {
color: #ffffff;
}
.section-diagnosis .htmlchars h1,
.section-diagnosis .htmlchars h2,
.section-diagnosis .htmlchars h3,
.section-diagnosis .htmlchars h4,
.section-diagnosis .htmlchars h5,
.section-diagnosis .htmlchars h6 {
font-weight: 200;
}
.section-diagnosis .container>a {
display: inline-block;
padding: 20px 40px;
border-radius: 5px;
border: 2px solid #b39956;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #b39956;
}
.section-diagnosis .container>a:hover {
background-color: #b39956;
text-decoration: none;
color: #ffffff;
transform: scale(1.024);
} .section-differentials {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
min-height: 812px;
padding: 40px 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.section-differentials .col-12>ul {
display: block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.section-differentials .col-12>ul li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin: 0 0 20px 0;
padding: 0 0 0 55px;
line-height: 24px;
font-size: 18px;
font-weight: 500;
color: #2c2512;
}
.section-differentials .container>ul li:last-of-type {
margin: 0;
}
.section-differentials .col-12>ul li::before {
content: "\f00c";
position: absolute;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
border: 2px solid #5ca357;
font-family: "Font Awesome 6 Free";
font-weight: 900;
line-height: 18px;
font-size: 18px;
color: #5ca357;
} .section-testimonials {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #ffffff;
}
.section-testimonials-header {
display: block;
width: 100%;
}
.section-testimonials-content {
display: block;
width: 100%;
}
.section-testimonials-content .slick-testimonials {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.section-testimonials-content .slick-testimonials .slick-list {
padding: 50px 0px;
}
.section-testimonials-content .slick-testimonials .slick-prev,
.section-testimonials-content .slick-testimonials .slick-next {
width: 40px;
height: 40px;
z-index: 90;
}
.section-testimonials-content .slick-testimonials .slick-prev {
left: -50px;
}
.section-testimonials-content .slick-testimonials .slick-next {
right: -50px;
}
.section-testimonials-content .slick-testimonials .slick-prev::before,
.section-testimonials-content .slick-testimonials .slick-next::before {
content: "";
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #be9a51;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 22px;
font-size: 22px;
font-weight: 900;
color: #be9a51;
}
.section-testimonials-content .slick-testimonials .slick-prev::before {
content: "\f104";
}
.section-testimonials-content .slick-testimonials .slick-next::before {
content: "\f105";
}
.section-testimonials-content article {
position: relative;
display: block;
width: 100%;
padding: 40px 30px 30px 30px;
height: 350px;
box-shadow: 15px 26px 50px rgba(126, 113, 86, 0.1);
border: 1px solid #d9d9d9;
background-color: #ffffff;
}
.section-testimonials-content article .photo {
position: absolute;
top: -26px;
left: 30px;
display: block;
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid #d9d9d9;
background-color: #ffffff;
z-index: 90;
}
.section-testimonials-content article h2 {
display: block;
width: 100%;
margin: 0;
line-height: 24px;
font-size: 20px;
font-weight: 600;
color: #c09a2f;
}
.section-testimonials-content article span {
display: block;
width: 100%;
margin-bottom: 20px;
line-height: 24px;
font-size: 14px;
font-weight: 600;
color: #c09a2f;
}
.section-testimonials-content article p {
display: block;
width: 100%;
line-height: 24px;
font-size: 16px;
font-weight: 400;
color: #725752;
} .section-contact-us {
display: block;
width: 100%;
padding: 60px 0px;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-contact-us.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.section-contact-us-top {
display: block;
width: 100%;
}
.section-contact-us-top-header {
display: block;
width: 100%;
}
.section-contact-us-top-header .htmlchars h1,
.section-contact-us-top-header .htmlchars h2,
.section-contact-us-top-header .htmlchars h3,
.section-contact-us-top-header .htmlchars h4,
.section-contact-us-top-header .htmlchars h5,
.section-contact-us-top-header .htmlchars h6,
.section-contact-us-top-header .htmlchars p,
.section-contact-us-top-header .htmlchars ol li,
.section-contact-us-top-header .htmlchars ul li {
margin: 0;
color: #ffffff;
}
.section-contact-us-top-header .htmlchars p,
.section-contact-us-top-header .htmlchars ol li,
.section-contact-us-top-header .htmlchars ul li {
line-height: 28px;
font-size: 24px;
}
.section-contact-us-top-header .htmlchars img {
margin-top: 5px;
margin-bottom: 5px;
}
.section-contact-us-top-content {
display: block;
width: 100%;
margin: 31px 0;
}
.section-contact-us-top-content a {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
text-decoration: none;
line-height: 24px;
font-size: 16px;
font-weight: 400;
color: #ffffff;
}
.section-contact-us-top-content a:hover {
transform: scale(1.024);
}
.section-contact-us-top-content a .icon {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 45px;
height: 45px;
margin: 0 15px 0 0;
border-radius: 50%;
border: 2px solid #dbcfa6;
background-image: linear-gradient(to right, #a1916a 0%, #dbcfa6 26%, #a3936c 58%, #d5c99f 82%, #877566 99%, #877566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 20px;
font-size: 20px;
font-weight: 900;
}
.section-contact-us-top-content a .text {
display: block;
flex: 0 0 auto;
width: calc(100% - 60px);
}
.section-contact-us-top-content a .text b {
display: block;
width: 100%;
}
.section-contact-us-top form {
display: block;
width: 100%;
}
.section-contact-us-top form label {
display: block;
width: 100%;
}
.section-contact-us-top form .form-control {
display: block;
width: 100%;
height: auto;
padding: 12px 20px;
border: none;
outline: none;
background-color: rgba(151, 148, 136, 0.5);
line-height: 24px;
font-size: 20px;
font-weight: 400;
color: #be9a51;
}
.section-contact-us-top form .form-control:focus {
box-shadow: none;
border: none;
outline: none;
}
.section-contact-us-top form .form-control::placeholder {
display: block;
width: 100%;
line-height: 24px;
font-size: 20px;
font-weight: 400;
color: #ffffff;
}
.section-contact-us-top form button {
display: inline-block;
padding: 15px 30px;
border-radius: 5px;
border: none;
outline: none;
background-color: #54953f;
background-image: linear-gradient(to right, #5ca357 0%, #7ec889 100%);
text-transform: uppercase;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
transition-duration: 0.8s;
}
.section-contact-us-top form button:hover {
transform: scale(1.024);
color: #ffffff;
}
.section-contact-us-top-thumbnail {
display: block;
width: 100%;
text-align: center;
}
.section-contact-us-bottom {
display: block;
width: 100%;
border-radius: 25px;
overflow: hidden;
}
.section-contact-us-bottom-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: rgba(44, 41, 33, 0.5);
}
.section-contact-us-bottom-content .htmlchars h1,
.section-contact-us-bottom-content .htmlchars h2,
.section-contact-us-bottom-content .htmlchars h3,
.section-contact-us-bottom-content .htmlchars h4,
.section-contact-us-bottom-content .htmlchars h5,
.section-contact-us-bottom-content .htmlchars h6,
.section-contact-us-bottom-content .htmlchars p,
.section-contact-us-bottom-content .htmlchars ul li,
.section-contact-us-bottom-content .htmlchars ol li {
color: #ffffff;
}
.section-contact-us-bottom-content .htmlchars img {
margin: 10px 0;
}
.section-contact-us-bottom-content-address {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 15px;
margin: 0 0 10px 0;
border-radius: 10px;
border: 2px solid #b39956;
text-decoration: none;
}
.section-contact-us-bottom-content-address:hover {
border: 2px solid #584d32;
text-decoration: none;
}
.section-contact-us-bottom-content-address .icon {
display: block;
flex: 0 0 auto;
width: 35px;
line-height: 32px;
font-size: 32px;
font-weight: 900;
color: #ffffff;
}
.section-contact-us-bottom-content-address .text {
display: block;
flex: 0 0 auto;
width: calc(100% - 35px);
line-height: 24px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
.section-contact-us-bottom-content-reference {
display: block;
width: 100%;
line-height: 24px;
font-size: 18px;
font-weight: 300;
color: #ffffff;
} .site-main {
padding: 125.53px 0 0 0;
} .tpl-error {
display: block;
width: 100%;
}
.tpl-error-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-error-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-error-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-error-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-error-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-error-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-error-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-error-content {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #FFFFFF;
}   .tpl-page {
display: block;
width: 100%;
}
.tpl-page-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-page-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-page-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-page-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-page-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-page-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-page-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-page-content {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #FFFFFF;
} .tpl-single {
display: block;
width: 100%;
}
.tpl-single-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-single-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-single-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-single-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-single-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-single-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-single-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-single-content {
display: block;
width: 100%;
padding: 60px 0px 40px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
}
.tpl-single-content .container {
max-width: 1122px;
}
.tpl-single-footer {
display: block;
width: 100%;
padding: 20px 0 120px 0px;
background-color: #FFFFFF;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-post.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.tpl-single-footer .container {
max-width: 1122px;
}
.tpl-single-footer .back-page {
display: inline-block;
padding: 15px 30px;
border-radius: 5px;
background-color: #584D32;
text-transform: uppercase;
text-decoration: none;
line-height: 18px;
font-size: 18px;
font-weight: 400;
color: #ffffff;
transition-duration: 0.8s;
}
.tpl-single-footer .back-page:hover {
background-color: #c09a2e;
transform: scale(1.024);
}
.tpl-single-footer .row .col-12>span {
display: inline-block;
line-height: 24px;
font-size: 18px;
font-weight: 400;
color: #323131;
}  .tpl-home-carousel {
display: block;
width: 100%;
}
.tpl-home-carousel .slick-carousel {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.tpl-home-carousel .slick-carousel .slick-prev,
.tpl-home-carousel .slick-carousel .slick-next {
width: 40px;
height: 40px;
z-index: 90;
}
.tpl-home-carousel .slick-carousel .slick-prev {
left: 50px;
}
.tpl-home-carousel .slick-carousel .slick-next {
right: 50px;
}
.tpl-home-carousel .slick-carousel .slick-prev::before,
.tpl-home-carousel .slick-carousel .slick-next::before {
content: "";
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #be9a51;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 22px;
font-size: 22px;
font-weight: 900;
color: #be9a51;
}
.tpl-home-carousel .slick-carousel .slick-prev::before {
content: "\f104";
}
.tpl-home-carousel .slick-carousel .slick-next::before {
content: "\f105";
}
.tpl-home-carousel article {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
height: 610px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.tpl-home-carousel article::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 90;
}
.tpl-home-carousel article .static-desktop,
.tpl-home-carousel article .static-tablet,
.tpl-home-carousel article .static-mobile {
display: none;
width: 100%;
height: 610px;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.tpl-home-carousel article video {
position: absolute;
top: 0px;
left: 0px;
object-fit: cover;
width: 100%;
height: 100%;
}
.tpl-home-carousel article .container {
position: absolute;
z-index: 99;
}
.tpl-home-carousel article .htmlchars h1,
.tpl-home-carousel article .htmlchars h2,
.tpl-home-carousel article .htmlchars h3,
.tpl-home-carousel article .htmlchars h4,
.tpl-home-carousel article .htmlchars h5,
.tpl-home-carousel article .htmlchars h6,
.tpl-home-carousel article .htmlchars p,
.tpl-home-carousel article .htmlchars ol li,
.tpl-home-carousel article .htmlchars ul li {
color: #ffffff;
}
.tpl-home-carousel article .container>a:first-of-type {
display: inline-block;
padding: 20px 40px;
border-radius: 5px;
border: 2px solid #b39956;
text-transform: uppercase;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #b39956;
}
.tpl-home-carousel article .container>a:first-of-type:hover {
background-color: #b39956;
text-decoration: none;
color: #ffffff;
transform: scale(1.024);
}
.tpl-home-carousel article .container>a:last-of-type {
display: inline-block;
padding: 20px 40px;
border-radius: 5px;
margin: 0 0 0 15px;
border: 2px solid transparent;
background: linear-gradient(to right, #5ca357 0%, #7ec889 100%) padding-box,
linear-gradient(to right, #5ca357 0%, #7ec889 100%) border-box;
text-transform: uppercase;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.tpl-home-carousel article .container>a:last-of-type:hover {
text-decoration: none;
transform: scale(1.024);
color: #ffffff;
}
.tpl-home-quote {
position: relative;
display: block;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tpl-home-quote .container-fluid {
padding: 0 60px;
}
.tpl-home-quote .thumbnail {
display: block;
width: 100%;
text-align: center;
}
.tpl-home-quote>img {
position: absolute;
bottom: -119.5px;
left: 60px;
}
.tpl-home-about {
display: block;
width: 100%;
padding: 60px 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tpl-home-about-whatsapp {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: auto;
padding: 0 0 0 52px;
text-decoration: none;
line-height: 20px;
font-size: 18px;
font-weight: 500;
color: #c09a2e;
}
.tpl-home-about-whatsapp:hover {
transform: scale(1.024);
text-decoration: none;
color: #c09a2e;
}
.tpl-home-about-whatsapp::before {
content: "\f232";
position: absolute;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #c09a2e;
font-family: "Font Awesome 6 Brands";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.tpl-home-about-schedule {
display: block;
width: 100%;
padding: 20px;
border-radius: 5px;
border: 2px solid #b39956;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #b39956;
}
.tpl-home-about-schedule:hover {
background-color: #b39956;
text-decoration: none;
color: #ffffff;
transform: scale(1.024);
}
.tpl-home-treatments {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #FAF8FA;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-treataments.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tpl-home-treatments .htmlchars h1,
.tpl-home-treatments .htmlchars h2,
.tpl-home-treatments .htmlchars h3,
.tpl-home-treatments .htmlchars h4,
.tpl-home-treatments .htmlchars h5,
.tpl-home-treatments .htmlchars h6,
.tpl-home-treatments .htmlchars ul li,
.tpl-home-treatments .htmlchars ol li,
.tpl-home-treatments .htmlchars p {
color: #ffffff;
}
.tpl-home-treatments article {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
height: 300px;
padding: 25px;
border-radius: 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
transition-duration: 0.8s;
}
.tpl-home-treatments article::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(191, 154, 81, 0.5);
}
.tpl-home-treatments article:hover::before {
background-color: rgba(123, 74, 137, 0.5);
}
.tpl-home-treatments article h1 {
display: block;
width: 100%;
margin: 0;
line-height: 30px;
font-size: 24px;
font-weight: 600;
color: #ffffff;
z-index: 90;
}
.tpl-home-treatments article .content {
display: none;
width: 100%;
z-index: 90;
transition-duration: 0.8s;
}
.tpl-home-treatments article:hover .content {
display: block;
}
.tpl-home-treatments article .content p {
display: block;
width: 100%;
line-height: 24px;
font-size: 18px;
font-weight: 300;
color: #ffffff;
}
.tpl-home-treatments article .content a {
display: block;
width: 100%;
padding: 20px;
border-radius: 5px;
border: 2px solid #ffffff;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.tpl-home-treatments article .content a:hover {
background-color: #ffffff;
text-decoration: none;
color: #b39956;
transform: scale(1.024);
}
.tpl-home-treatments-button {
display: inline-block;
padding: 20px 40px;
border-radius: 5px;
background-color: #584D32;
text-transform: uppercase;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.tpl-home-treatments-button:hover {
text-decoration: none;
transform: scale(1.024);
color: #ffffff;
} .tpl-about {
display: block;
width: 100%;
}
.tpl-about-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-about-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-about-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-about-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-about-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-about-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-about-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-about-content {
display: block;
width: 100%;
padding: 60px 0px;
}
.tpl-about-content-whatsapp {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: auto;
padding: 0 0 0 52px;
text-decoration: none;
line-height: 20px;
font-size: 18px;
font-weight: 500;
color: #c09a2e;
}
.tpl-about-content-whatsapp:hover {
transform: scale(1.024);
text-decoration: none;
color: #c09a2e;
}
.tpl-about-content-whatsapp::before {
content: "\f232";
position: absolute;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #c09a2e;
font-family: "Font Awesome 6 Brands";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.tpl-about-content-schedule {
display: block;
width: 100%;
padding: 20px;
border-radius: 5px;
border: 2px solid #b39956;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #b39956;
}
.tpl-about-content-schedule:hover {
background-color: #b39956;
text-decoration: none;
color: #ffffff;
transform: scale(1.024);
}
.tpl-about-content-thumbnail {
display: block;
width: 100%;
}
.tpl-about-gallery {
display: block;
width: 100%;
padding: 60px 0px;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-teammate.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.tpl-about-gallery-header {
display: block;
width: 100%;
}
.tpl-about-gallery-content {
display: block;
width: 100%;
}
.tpl-about-gallery-content .slick-carousel {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.tpl-about-gallery-content .slick-carousel .slick-prev,
.tpl-about-gallery-content .slick-carousel .slick-next {
width: 40px;
height: 40px;
z-index: 90;
}
.tpl-about-gallery-content .slick-prev {
left: 12px;
}
.tpl-about-gallery-content .slick-next {
right: 12px;
}
.tpl-about-gallery-content .slick-prev::before,
.tpl-about-gallery-content .slick-next::before {
content: "";
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #be9a51;
border: 2px solid #be9a51;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 22px;
font-size: 22px;
font-weight: 900;
color: #ffffff;
}
.tpl-about-gallery-content .slick-prev::before {
content: "\f104";
}
.tpl-about-gallery-content .slick-next::before {
content: "\f105";
}
.tpl-about-gallery-content-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
}
.tpl-about-gallery-content-item:hover {
text-decoration: none;
box-shadow: 15px 26px 50px rgb(126 113 86 / 10%);
}
.tpl-about-pillars {
display: block;
width: 100%;
padding: 60px 0px;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-pillars.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.tpl-about-pillars article {
display: block;
width: 100%;
} .stpl-treatments {
display: block;
width: 100%;
}
.tpl-treatments-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-treatments-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-treatments-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-treatments-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-treatments-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-treatments-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-treatments-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-treatments-content {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #FAF8FA;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-treataments.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tpl-treatments-content .htmlchars h1,
.tpl-treatments-content .htmlchars h2,
.tpl-treatments-content .htmlchars h3,
.tpl-treatments-content .htmlchars h4,
.tpl-treatments-content .htmlchars h5,
.tpl-treatments-content .htmlchars h6,
.tpl-treatments-content .htmlchars ul li,
.tpl-treatments-content .htmlchars ol li,
.tpl-treatments-content .htmlchars p {
color: #ffffff;
}
.tpl-treatments-content .slick-carousel {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.tpl-treatments-content .slick-carousel .slick-prev,
.tpl-treatments-content .slick-carousel .slick-next {
width: 40px;
height: 40px;
z-index: 90;
}
.tpl-treatments-content .slick-prev {
left: 12px;
}
.tpl-treatments-content .slick-next {
right: 12px;
}
.tpl-treatments-content .slick-prev::before,
.tpl-treatments-content .slick-next::before {
content: "";
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #be9a51;
border: 2px solid #be9a51;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 22px;
font-size: 22px;
font-weight: 900;
color: #ffffff;
}
.tpl-treatments-content .slick-prev::before {
content: "\f104";
}
.tpl-treatments-content .slick-next::before {
content: "\f105";
}
.tpl-treatments-content article {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
height: 300px;
padding: 25px;
border-radius: 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
transition-duration: 0.8s;
}
.tpl-treatments-content article::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(191, 154, 81, 0.5);
}
.tpl-treatments-content article:hover::before {
background-color: rgba(123, 74, 137, 0.5);
}
.tpl-treatments-content article h1 {
display: block;
width: 100%;
margin: 0;
line-height: 30px;
font-size: 24px;
font-weight: 600;
color: #ffffff;
z-index: 90;
}
.tpl-treatments-content article .content {
display: none;
width: 100%;
z-index: 90;
transition-duration: 0.8s;
}
.tpl-treatments-content article:hover .content {
display: block;
}
.tpl-treatments-content article .content p {
display: block;
width: 100%;
line-height: 24px;
font-size: 18px;
font-weight: 300;
color: #ffffff;
}
.tpl-treatments-content article .content a {
display: block;
width: 100%;
padding: 20px;
border-radius: 5px;
border: 2px solid #ffffff;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.tpl-treatments-content article .content a:hover {
background-color: #ffffff;
text-decoration: none;
color: #b39956;
transform: scale(1.024);
} .single-treatments {
display: block;
width: 100%;
}
.single-treatments-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.single-treatments-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.single-treatments-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.single-treatments-header-breadcrumb>span:last-of-type {
margin: 0;
}
.single-treatments-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.single-treatments-header-breadcrumb>span a:hover {
text-decoration: none;
}
.single-treatments-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.single-treatments-content {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #FAF8FA; }
.single-treatments-sections {
display: block;
width: 100%;
}
.single-treatments-sections-item {
display: block;
width: 100%;
padding: 40px 0px;
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-post.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.single-treatments-sections article:nth-of-type(2n+0) {
background-image: url(//www.curativabeleza.com.br/wp-content/themes/curativa/assets/images/backgrounds/backgrounds-teammate.png);
}
.single-treatments-sections article:nth-of-type(2n+0) .row {
flex-direction: row-reverse;
}
.single-treatments-sections-item-schedule {
display: inline-block;
padding: 20px 40px;
border-radius: 5px;
border: 2px solid #b39956;
text-decoration: none;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #b39956;
}
.single-treatments-sections-item-schedule:hover {
background-color: #b39956;
text-decoration: none;
color: #ffffff;
transform: scale(1.024);
} .tpl-blog {
display: block;
width: 100%;
}
.tpl-blog-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-blog-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-blog-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-blog-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-blog-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-blog-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-blog-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-blog-content {
display: block;
width: 100%;
padding: 60px 0px;
background-color: #FFFFFF;
}
.tpl-blog-content .container {
max-width: 1122px;
}
.tpl-blog-content article {
display: block;
width: 100%;
box-shadow: 15px 26px 50px rgba(126, 113, 86, 0.1);
border: 1px solid #d9d9d9;
background-color: #ffffff;
}
.tpl-blog-content article .thumbnail {
display: block;
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tpl-blog-content article .thumbnail:hover {
box-shadow: 15px 26px 50px rgba(126, 113, 86, 0.1);
}
.tpl-blog-content article header {
display: block;
width: 100%;
padding: 25px;
height: 292px;
}
.tpl-blog-content article header h2 {
display: block;
width: 100%;
margin: 0;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #c09a2f;
}
.tpl-blog-content article header span {
display: block;
width: 100%;
margin: 0 0 8px 0;
line-height: 24px;
font-size: 16px;
font-weight: 300;
color: #c09a2f;
}
.tpl-blog-content article header p {
display: block;
width: 100%;
margin: 0 0 15px 0;
line-height: 24px;
font-size: 16px;
font-weight: 400;
color: #725752;
}
.tpl-blog-content article header a {
display: block;
width: 100%;
text-decoration: underline;
line-height: 24px;
font-size: 18px;
font-weight: 600;
color: #c09a2f;
}
.tpl-blog-content article header a:hover {
color: #584d32;
} .tpl-contact {
display: block;
width: 100%;
}
.tpl-contact-header {
display: block;
width: 100%;
padding: 20px 0px;
background-color: #BF9A51;
}
.tpl-contact-header-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.tpl-contact-header-breadcrumb>span {
display: inline-block;
margin: 0 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.31px;
line-height: 24px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
.tpl-contact-header-breadcrumb>span:last-of-type {
margin: 0;
}
.tpl-contact-header-breadcrumb>span a {
text-decoration: none;
color: #ffffff;
}
.tpl-contact-header-breadcrumb>span a:hover {
text-decoration: none;
}
.tpl-contact-header h1 {
display: block;
width: 100%;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.51px;
line-height: 24px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.tpl-contact-us {
display: block;
width: 100%;
padding: 60px 0px;
}
.tpl-contact-us-header {
display: block;
width: 100%;
}
.tpl-contact-us .htmlchars h1,
.tpl-contact-us .htmlchars h2,
.tpl-contact-us .htmlchars h3,
.tpl-contact-us .htmlchars h4,
.tpl-contact-us .htmlchars h5,
.tpl-contact-us .htmlchars h6,
.tpl-contact-us .htmlchars p,
.tpl-contact-us .htmlchars ol li,
.tpl-contact-us .htmlchars ul li {
margin: 0;
}
.tpl-contact-us .htmlchars p,
.tpl-contact-us .htmlchars ol li,
.tpl-contact-us .htmlchars ul li {
line-height: 28px;
font-size: 24px;
}
.tpl-contact-us .htmlchars img {
margin-top: 5px;
margin-bottom: 5px;
}
.tpl-contact-us-content {
display: block;
width: 100%;
margin: 31px 0;
}
.tpl-contact-us-content a {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
text-decoration: none;
line-height: 24px;
font-size: 16px;
font-weight: 400;
color: #be9a51;
}
.tpl-contact-us-content a:hover {
transform: scale(1.024);
}
.tpl-contact-us-content a .icon {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 45px;
height: 45px;
margin: 0 15px 0 0;
border-radius: 50%;
border: 2px solid #dbcfa6;
background-image: linear-gradient(to right, #a1916a 0%, #dbcfa6 26%, #a3936c 58%, #d5c99f 82%, #877566 99%, #877566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 20px;
font-size: 20px;
font-weight: 900;
}
.tpl-contact-us-content a .text {
display: block;
flex: 0 0 auto;
width: calc(100% - 60px);
}
.tpl-contact-us-content a .text b {
display: block;
width: 100%;
}
.tpl-contact-us form {
display: block;
width: 100%;
}
.tpl-contact-us form label {
display: block;
width: 100%;
}
.tpl-contact-us form .form-control {
display: block;
width: 100%;
height: auto;
padding: 12px 20px;
border: none;
outline: none;
background-color: rgba(151, 148, 136, 0.1);
line-height: 24px;
font-size: 20px;
font-weight: 400;
color: #be9a51;
}
.tpl-contact-us form .form-control:focus {
box-shadow: none;
border: none;
outline: none;
}
.tpl-contact-us form .form-control::placeholder {
display: block;
width: 100%;
line-height: 24px;
font-size: 20px;
font-weight: 400;
color: #646464;
}
.tpl-contact-us form button {
display: inline-block;
padding: 15px 30px;
border-radius: 5px;
border: none;
outline: none;
background-color: #54953f;
background-image: linear-gradient(to right, #5ca357 0%, #7ec889 100%);
text-transform: uppercase;
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
transition-duration: 0.8s;
}
.tpl-contact-us form button:hover {
transform: scale(1.024);
color: #ffffff;
}
.tpl-contact-us-thumbnail {
display: block;
width: 100%;
text-align: center;
}
.tpl-contact-location {
display: block;
width: 100%;
}
.tpl-contact-location .container {
padding-top: 40px;
padding-bottom: 40px;
}
.tpl-contact-location-header {
display: block;
width: 100%;
margin-bottom: 20px;
}
.tpl-contact-location-content-address {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 15px;
margin: 0 0 10px 0;
border-radius: 10px;
border: 2px solid #b39956;
text-decoration: none;
}
.tpl-contact-location-content-address:hover {
border: 2px solid #584d32;
text-decoration: none;
}
.tpl-contact-location-content-address .icon {
display: block;
flex: 0 0 auto;
width: 35px;
line-height: 32px;
font-size: 32px;
font-weight: 900;
color: #be9a51;
}
.tpl-contact-location-content-address .text {
display: block;
flex: 0 0 auto;
width: calc(100% - 35px);
line-height: 24px;
font-size: 16px;
font-weight: 500;
color: #be9a51;
}
.tpl-contact-location-content-reference {
display: block;
width: 100%;
line-height: 24px;
font-size: 18px;
font-weight: 300;
color: #000000;
}
.tpl-contact-location .embed {
padding-bottom: 26.25%;
} .main-footer {
display: block;
width: 100%;
background-color: #F7F7F7;
}
.main-footer .container {
max-width: 1436px;
}
.main-footer>.container {
padding-top: 30px;
padding-bottom: 60px;
}
.main-footer-logo {
display: block;
width: 230px;
max-width: 100%;
}
.main-footer-logo:hover {
text-decoration: none;
transform: scale(1.024);
}
.main-footer-nav {
display: block;
width: 100%;
}
.main-footer-nav-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.main-footer-nav-menu>ul {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 25px 0 0;
padding: 0;
list-style: none;
}
.main-footer-nav-menu>ul:last-of-type {
margin: 0;
}
.main-footer-nav-menu>ul>li {
display: inline-block;
margin: 0 25px 0 0;
}
.main-footer-nav-menu>ul>li:last-of-type {
margin: 0;
}
.main-footer-nav-menu>ul>li a {
display: block;
width: 100%;
text-transform: uppercase;
text-decoration: none;
line-height: 24px;
font-size: 16px;
font-weight: 600;
color: #c09a2e;
}
.main-footer-nav-menu>ul>li a:hover {
text-decoration: none;
color: #584d32;
}
.main-footer-nav-contact {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: auto;
padding: 0 0 0 52px;
text-decoration: none;
line-height: 20px;
font-size: 18px;
font-weight: 500;
color: #c09a2e;
}
.main-footer-nav-contact:hover {
transform: scale(1.024);
text-decoration: none;
color: #c09a2e;
}
.main-footer-nav-contact::before {
content: "\f232";
position: absolute;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #c09a2e;
font-family: "Font Awesome 6 Brands";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.main-footer-nav-schedule {
display: block;
width: 100%;
padding: 20px 40px;
border-radius: 5px;
background-color: #54953f;
background-image: linear-gradient(to right, #5ca357 0%, #7ec889 100%);
text-align: center;
line-height: 16px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.main-footer-nav-schedule:hover {
text-decoration: none;
transform: scale(1.024);
color: #ffffff;
}
.main-footer-bootom-bar {
display: block;
width: 100%;
padding: 20px 0;
background-color: #EFEFEF;
}
.main-footer-bootom-bar .htmlchars p {
margin: 0;
color: #413c31;
}
.main-footer-bootom-bar .htmlchars p a {
color: #413c31;
}
.main-footer-bootom-bar .htmlchars p a:hover {
text-decoration: none;
color: #54953f;
}
.main-footer-bootom-bar-socials {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
}
.main-footer-bootom-bar-socials a {
display: inline-block;
margin: 0 20px 0 0;
line-height: 16px;
font-size: 16px;
font-weight: 900;
color: #54953f;
}
.main-footer-bootom-bar-socials a:last-of-type {
margin: 0;
}
.main-footer-bootom-bar-socials a:hover {
text-decoration: none;
color: #584d32;
transform: scale(1.024);
}  @media (max-width: 85.375em) { .htmlchars h1 {
line-height: 40px;
font-size: 36px;
}
.htmlchars h2 {
line-height: 36px;
font-size: 32px;
}
.htmlchars h3 {
line-height: 32px;
font-size: 28px;
}
.htmlchars h4 {
line-height: 28px;
font-size: 24px;
}
.htmlchars h5 {
line-height: 28px;
font-size: 24px;
}
.htmlchars h6 {
line-height: 24px;
font-size: 18px;
}
.htmlchars p {
line-height: 24px;
font-size: 16px;
} .main-header .container {
max-width: 1300px;
} .tpl-home-carousel article {
height: 494px;
}
.tpl-home-carousel article.static-desktop,
.tpl-home-carousel article .static-tablet,
.tpl-home-carousel article .static-mobile {
height: 494px;
}
.tpl-home-carousel article .htmlchars h1,
.tpl-home-carousel article .htmlchars h2,
.tpl-home-carousel article .htmlchars h3,
.tpl-home-carousel article .htmlchars h4,
.tpl-home-carousel article .htmlchars h5,
.tpl-home-carousel article .htmlchars h6 {
line-height: 28px;
font-size: 24px;
margin: 0 0 15px 0;
}
.tpl-home-carousel article .htmlchars p,
.tpl-home-carousel article .htmlchars ol li,
.tpl-home-carousel article .htmlchars ul li {
line-height: 20px;
font-size: 16px;
}
.tpl-home-carousel article .htmlchars p {
margin: 0 0 10px 0;
}
.tpl-home-carousel article .container>a:first-of-type,
.tpl-home-carousel article .container>a:last-of-type {
padding: 15px 30px;
line-height: 14px;
font-size: 14px;
}
} @media (max-width: 75em) {} @media (max-width: 64em) { .htmlchars br {
display: none;
} .section-teammate-content .slick-teammate .slick-prev {
left: 10px;
}
.section-teammate-content .slick-teammate .slick-next {
right: 10px;
}
.section-teammate-content-item-whatsapp {
width: 256px;
max-width: 100%;
margin: 0 auto 30px auto;
}
.section-teammate-content-item-schedule {
display: block;
width: 100%;
} .section-testimonials-content .slick-testimonials {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.section-testimonials-content .slick-testimonials .slick-prev,
.section-testimonials-content .slick-testimonials .slick-next {
top: initial;
bottom: -40px;
}
.section-testimonials-content .slick-testimonials .slick-prev {
left: 15px;
}
.section-testimonials-content .slick-testimonials .slick-next {
right: 15px;
}
.section-teammate-content-item .row .col-12:last-of-type::before {
top: -45px;
left: 12px;
} .section-contact-us-top-content a {
justify-content: center;
text-align: center;
}
.section-contact-us-top-content a .icon {
margin: 0 0 15px 0;
}
.section-contact-us-top-content a .text {
width: 100%;
}
.section-contact-us-bottom {
border-radius: 0;
overflow: initial;
}
.section-contact-us-bottom-content {
padding: 20px !important;
}
.section-contact-us-bottom-content-address {
justify-content: center;
text-align: center;
}
.section-contact-us-bottom-content-address .text {
width: 100%;
margin: 10px 0 0 0;
}
.section-contact-us-bottom-content-reference {
text-align: center;
} .main-header-nav-contact {
width: 256px;
max-width: 100%;
margin: 0 auto;
} .site-main {
padding: 190px 0 0 0;
} .tpl-home-carousel article {
height: 620px;
}
.tpl-home-carousel article.static-desktop,
.tpl-home-carousel article .static-tablet,
.tpl-home-carousel article .static-mobile {
height: 620px;
}
.tpl-home-carousel .slick-carousel .slick-prev {
left: 12px;
}
.tpl-home-carousel .slick-carousel .slick-next {
right: 12px;
}
.tpl-home-carousel .slick-carousel .slick-prev::before,
.tpl-home-carousel .slick-carousel .slick-next::before {
background-color: #be9a51;
color: #ffffff;
}
.tpl-home-quote {
padding: 40px 0 0 0;
} .single-treatments-content {
background-image: none;
} .tpl-contact-location .embed {
padding-bottom: 56.25%;
} .main-footer-nav-menu>ul {
display: block;
width: 100%;
margin: 0 0 25px 0;
}
.main-footer-nav-menu>ul:last-of-type {
margin: 0;
}
.main-footer-nav-menu>ul>li {
display: block;
width: 100%;
margin: 0 0 25px 0;
}
.main-footer-nav-menu>ul>li:last-of-type {
margin: 0;
}
.main-footer-nav-contact {
width: 256px;
max-width: 100%;
margin: 0 auto;
}
} @media (max-width: 48em) { .tpl-home-carousel article .container>a:first-of-type,
.tpl-home-carousel article .container>a:last-of-type {
display: block;
width: 100%;
margin: 10px 0;
text-align: center;
}
} @media (max-width: 36em) { .tpl-home-carousel article {
height: 520px;
}
.tpl-home-carousel article.static-desktop,
.tpl-home-carousel article .static-tablet,
.tpl-home-carousel article .static-mobile {
height: 520px;
}
}