body {
margin: 0;
padding: 0;
font-size: 62.5%;
max-width: 100vw;
font-family: font-family: "Poppins", sans-serif;
}
.xilosa {
font-family: 'Xilosa', sans-serif;
}
.fred {
font-family: "Fredericka the Great", serif;
}
.montserrat {
font-family: "Montserrat", sans-serif;
}
.poppins {
font-family: "Poppins", sans-serif;
}
img {
border: 0px;
!IMPORTANT
}
a:link, a:active, a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #0099FF;
text-decoration: none;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} img, picture, video, embed {
max-width: 100%; height: auto;
} .navbar-custom .navbar-nav>li>a {
position: relative;
display: inline-block;
transition: all 0.3s ease;
padding-bottom: 5px; } .navbar-custom .navbar-nav>li>a:hover {
transform: translateY(-5px); } .navbar-custom .navbar-nav>li>a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: white;
transition: width 0.3s ease;
} .navbar-custom .navbar-nav>li>a:hover::after {
width: 100%;
}
.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .current-menu-item>a {
color: #FFF;
font-size: 1.2rem;
}
.navbar-nav>li {
margin-left: 1.5rem; } .home .hero_container {
align-items: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: inset 0 0 0 1000px #0003;
display: flex;
flex-direction: column;
height: 100vh;
object-fit: contain;
width: 100%;
background-image: url(//matheusboasorte.com.br/wp-content/themes/boasorte/images/bg_top.webp);
}
.home .hero-bg {
align-items: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: inset 0 0 0 1000px #0003;
display: flex;
flex-direction: column;
height: 100vh;
object-fit: contain;
width: 100%;
}
.home .quem_sou {
margin-top: 80px;
}
.home .quem_sou h2 {
color: #333;
font-family: Poppins, sans-serif;
font-size: 2rem;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
.home .quem_sou h2:after {
background-color: #609041;
bottom: -5px;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
}
.home .quem_sou .text {
color: #333;
font-family: Poppins, sans-serif;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 20px;
}
.home .quem_sou .btn {
background-color: rgb(96, 144, 65);
color: rgb(255, 255, 255);
font-family: Poppins, sans-serif;
text-align: center;
font-size: 1.2rem !important;
font-weight: 300 !important;
padding: 15px 20px;
text-decoration: none;
transition: 0.3s;
}
.home .quem_sou .btn:hover {
background-color: #516F33;
}
.about-brief-left img {
position: relative;
top: 20px;
}
.about-brief-image {
border-radius: 10px;
height: 500px;
object-fit: cover;
transition: transform .3s ease;
width: 100%;
}
.about-brief-right {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: flex-start;
position: relative;
}
.img-hover-zoom {
transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); will-change: transform; }
.img-hover-zoom:hover {
transform: scale(1.1); }
.home .audiencia h2 {
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
}
.home .audiencia .highlight {
color: #609041;
font-family: Poppins, sans-serif;
font-size: 38px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.home .audiencia {
margin-top: 80px;
align-items: center;
background-color: #f0f4f0;
background-image: linear-gradient(-45deg, #ffffff4d 25%, #0000 0), linear-gradient(-45deg, #ffffff4d 25%, #0000 0);
background-position: 0 0, -4px -4px;
background-position: 50%;
background-size: 8px 8px;
background-size: contain;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 600px;
padding: 50px 0;
width: 100%;
}
.home .number-item {
align-items: center;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 8px #0003;
flex: 1 1 22%;
flex-direction: column;
height: 350px; width: 100%; position: relative;
text-align: center;
}
.home .number-item .logo-container {
font-size: 60px;
margin-bottom: 20px;
}
.home .youtube-box .social-logo {
color: red;
}
.home .number-item .number-content h2 {
font-family: Poppins, sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}
.home .number-item .number {
color: #609041;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 700;
}
.home .logo-container {
padding-top: 40px;
}
.home .number-item p {
font-size: 0.8rem;
}
.home .tiktok-box .social-logo {
color: #69c9d0;
}
.home .instagram-box .social-logo {
color: #e4405f;
}
.home .facebook-box .social-logo {
color: #1877f2;
}
.home .produtos {
display: flex;
justify-content: center;
padding: 30px 0;
width: 100%;
}
.home .produtos .highlights-title {
color: #333;
display: block;
font-size: 2.4rem !important;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
.home .produtos .highlights-title:after {
background-color: #609041;
bottom: -5px;
content: "";
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 50%;
}
.home .produtos .highlights-card {
align-items: center;
box-shadow: 0 6px 15px #0000001a;
transition: transform .3s ease, box-shadow .3s ease;
transition: all 0.3s ease; cursor: pointer; position: relative; }
.highlights-card:hover {
transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.home .produtos .highlights-card img {
border-radius: 8px;
height: 285px;
width: 190px;
}
.home .produtos .highlights-card .title {
color: #333;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.2;
margin: 10px 0;
text-align: center;
}
.home .produtos .highlights-card .category {
color: #333;
font-size: 1.2rem;
font-style: italic;
margin-top: 5px;
text-align: center;
}
.row-equal-height {
display: flex;
flex-wrap: wrap;
}
.row-equal-height>[class*='col-'] {
display: flex;
flex-direction: column;
}
.highlights-card {
flex: 1; }
.about-bsv-section {
align-items: center;
background-color: rgb(240, 244, 240);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 0px), linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 0px);
background-size: cover;
color: rgb(255, 255, 255);
font-family: Poppins, sans-serif;
justify-content: center;
position: relative;
background-position: 50% center;
padding: 40px 0px;
padding-bottom: 120px;
}
.blog-highlights-container {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: 1200px;
padding: 40px 20px;
width: 80%;
}
.blog-highlights-title {
word-wrap: break-word;
color: #000;
font-size: 3rem;
font-weight: bold;
margin-bottom: 70px;
padding: 2rem !important;
position: relative;
text-align: center;
}
.blog-highlights-title:after {
background-color: #609041;
bottom: 10px;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
}
footer {
background-color: #000;
color: #FFF;
padding-top: 80px;
}
footer .title {
font-size: 28px;
line-height: 32px;
}
.form_home {
font-size: 16px;
padding: 12px 20px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 4px;
color: #000;
outline: none;
text-align: center;
}
.form_btn {
font-size: 16px;
padding: 12px 20px;
width: 100%;
background-color: #609041;
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-family: Poppins, sans-serif;
transition: .3s ease;
}
.footer-social-icons {
display: flex;
gap: 15px;
justify-content: center;
margin-top: 20px;
padding-bottom: 2rem;
}
.footer-social-icon {
color: #fff;
font-size: 30px;
text-decoration: none;
}
.footer-social-icons a {
color: #FFF;
}
.footer-social-icons a:hover {
color: #609041;
}
.copy-text {
bottom: 0;
box-sizing: border-box;
color: hsla(0, 0%, 100%, .217);
font-family: Poppins, sans-serif;
left: 2rem;
max-width: 100%;
padding: 1rem;
text-align: left;
width: auto;
font-size: 1rem;
} .home .hero-bg-interna {
align-items: center;
background-repeat: no-repeat;
background-size: cover; background-position: 60%;
display: flex;
flex-direction: column; object-fit: contain;
width: 100%;
min-height: 100vh;
}
.bio-container.visible {
opacity: 1;
}
.bio-container {
align-items: center;
display: flex;
justify-content: flex-end;
min-height: 80vh;
opacity: 0;
position: relative;
transition: opacity .5s ease-out;
}
.biografia_txt {
background-color: #fff;
border-radius: 5px !important;
box-shadow: 0 4px 8px #00000080;
box-sizing: border-box;
color: #fff;
overflow-y: auto;
padding: 40px;
text-align: center;
color: #333333;
font-size: 1rem;
}
.video-section {
align-items: center;
background-size: cover;
display: flex;
justify-content: center;
min-height: 10vh;
padding: 5rem 2rem;
text-align: center;
}
.video-content-wrapper {
border-radius: 15px;
max-width: 1150px;
width: 100%;
}
.play-button-wrapper {
align-items: center;
display: flex;
}
.section-title .title-text {
margin-right: 10px;
}
.play-button {
color: #609041;
font-size: 2rem;
padding-left: 1rem !important;
transition: color .3s ease;
}
.section-title {
align-items: center;
background-color: initial;
border-radius: 0;
color: #333;
cursor: default;
display: flex;
font-family: Poppins, sans-serif;
font-size: 2.5rem;
font-weight: 700;
justify-content: center;
margin-bottom: 2rem;
position: relative;
text-transform: uppercase;
transition: transform .3s ease;
}
.gallery-wrapper {
align-items: center;
background-color: #f0f4f0;
background-image: linear-gradient(-45deg, #ffffff4d 25%, #0000 0), linear-gradient(-45deg, #ffffff4d 25%, #0000 0);
background-position: 0 0, -4px -4px;
background-size: 8px 8px;
display: flex;
justify-content: center;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
}
.gallery-item {
border-radius: 8px; overflow: hidden;
position: relative;
transition: transform .3s ease, box-shadow .3s ease;
}
.gallery-img {
border-radius: 8px;
cursor: pointer;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
width: 100%;
}
.overlay {
align-items: center;
background: #609041b3;
border-radius: 8px;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s ease;
}
.description {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
max-width: 70%;
padding: 0 10px;
text-align: center;
}
.gallery-item:hover {
box-shadow: 0 12px 24px #0003;
transform: scale(1.05);
}
.gallery-item:hover .gallery-img {
transform: scale(1.1);
}
.gallery-item:hover .overlay {
opacity: 1;
} .gallery-item-inner:hover .overlay {
opacity: 1;
}
.gallery-item-inner:hover .overlay-content {
transform: translateY(0);
}
.gallery-item-inner:hover .gallery-img {
transform: scale(1.05);
}
.carousel-title {
color: #333;
font-family: Poppins, sans-serif;
font-size: 1.8rem;
font-weight: 600;
margin-top: 10px !important;
position: relative;
}
.carousel-title:after {
background-color: #609041;
bottom: -5px;
content: "";
height: 3px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 40%;
}
.brands-section {
margin: 0 auto;
padding: 20px;
text-align: center;
}
.brands-container img {
border-radius: 10px;
}
.slick-prev:before, .slick-next:before {
color: #609041;
} .brands-container {
padding: 0 30px; } .brands-inner .slick-slide {
padding: 0 15px; text-align: center; } .brand-image {
max-width: 80%; height: auto; margin: 0 auto; transition: transform 0.3s ease; } .brand-image:hover {
transform: scale(1.05); }
.faq-wrapper {
background: url(//matheusboasorte.com.br/wp-content/themes/boasorte/images/bg_faq.webp);
background-color: #fff;
background-position: 50%;
background-size: cover;
padding: 50px 0;
}
.faq-container {
background: #fffc;
border-radius: 8px;
box-shadow: 0 4px 8px #0000001a;
margin: 0 auto;
max-width: 1160px;
padding: 50px;
padding-top: 0;
position: relative;
}
.faq-container h2, .faq-container span, .show-all-button {
font-family: Poppins, sans-serif;
font-size: 2rem;
margin-bottom: 0px;
text-align: center;
}
.faq-list {
display: flex;
flex-direction: column;
gap: 15px;
}  .faq-list {
--bs-accordion-bg: transparent;
--bs-accordion-border-color: rgba(255, 255, 255, 0.1);
--bs-accordion-btn-color: #ffffff;
--bs-accordion-active-color: #ffffff;
} .faq-item {
background-color: transparent;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 0px;
} .faq-question .accordion-button {
background-color: transparent !important;
color: #333 !important;
padding: 15px 0;
font-weight: 700;
font-size: 1.2rem;
} .faq-question .accordion-button:not(.collapsed) {
background-color: rgba(255, 255, 255, 0.05) !important;
box-shadow: none;
} .accordion-body {
background-color: rgba(255, 255, 255, 0.03);
padding: 0px 0;
color: #333;
font-size: 1.2rem;
} .accordion-button::after { }
.faq-item {
transition: all 0.3s ease;
}
.hero-bg-palestras {
align-items: center;
background-repeat: no-repeat;
background-size: cover; background-position: 60%;
display: flex;
flex-direction: column; object-fit: contain;
width: 100%;
min-height: 100vh;
}
.spec-content {
box-sizing: border-box;
color: #fff;
overflow-y: auto;
padding: 20px;
text-align: center;
font-size: 1rem;
}
.bio-container-faq {
margin-top: 14vh;
}
#show-more-btn {
padding: 10px 30px;
border-radius: 50px;
border: none;
color: #609041;
transition: all 0.3s ease;
background-color: transparent;
}
#show-more-btn:hover {
background-color: transparent;
color: white;
}
.contato_container {
background-color: #000;
min-height: 100vh;
}
.contato {
align-items: center;
background-color: #000;
box-sizing: border-box;
display: flex;
font-family: Poppins, sans-serif;
justify-content: center;
padding: 2.5rem !important;
}
.contact-form-content {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 10px #0000001a;
max-width: 800px;
padding: 40px;
width: 100%;
margin-top: 30px;
}
.contact-form-heading {
color: #2d2d2d;
font-family: Poppins, sans-serif;
font-size: 2rem;
margin-bottom: 40px;
text-align: center;
font-weight: bold;
}
.contato_form {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 5px;
box-sizing: border-box;
color: #333;
font-family: Poppins, sans-serif;
font-size: 16px;
padding: 15px;
width: 100%;
} .home .hero-bg-produtos {
align-items: center;
background-color: #fff;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
height: 50vh;
justify-content: center;
object-fit: contain;
width: 100%;
}
.products-container {
grid-gap: 20px;
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.product-category {
font-size: 1.2rem;
}
.product-card {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 10px #0000004d;
display: flex;
flex-direction: column;
height: 100%;
padding: 15px;
position: relative;
text-align: center;
transition: transform .3s ease, box-shadow .3s ease;
transition: transform 0.3s ease-out;
} .product-card:hover {
transform: scale(1.03) translateY(-15px);  }
.product-card img {
border-radius: 8px;
height: 250px;
object-fit: cover;
width: 100%;
}
.product-info {
align-items: center;
display: flex;
flex-direction: column;
flex-grow: 1;
margin-top: 10px;
}
.product-title {
display: inline-block;
font-size: 1.2rem;
font-weight: 700;
padding-bottom: 5px;
position: relative;
text-align: center;
font-weight: bold;
}
.product-title:after {
background-color: #609041;
content: "";
display: block;
height: 2px;
margin: 0 auto;
width: 50%;
}
.product-price {
color: #333;
font-size: 1.5rem;
font-weight: bold;
margin: 10px 0;
}
.product-description {
font-size: 1rem !important;
font-weight: 400;
padding: 0 1rem 4rem;
}
.btn-comprar {
display: flex; justify-content: center; align-items: flex-end;  margin-bottom: 10px; width: 100%; }
.btn-comprar a { font-size: 1rem;
background-color: #609041;
border-radius: 5px; color: #fff; font-weight: 450;
padding: 10px 20px;
text-decoration: none; transition: background-color .3s ease, transform .3s ease;
position: absolute;
bottom: 20px;
}
.btn-comprar a:hover { transform: scale(1.05);
}  .filters-container {
position: sticky;
top: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
} .product-item {
transition: all 0.3s ease;
} #price-filter {
width: 100%;
height: 8px;
-webkit-appearance: none;
background: #ddd;
border-radius: 5px;
outline: none;
}
#price-filter::-webkit-slider-thumb {
-webkit-appearance: none;
width: 18px;
height: 18px;
background: #609041;
border-radius: 50%;
cursor: pointer;
} @media (max-width: 992px) {
.filters-container {
position: static;
margin-bottom: 30px;
}
}
.hero-bg-blog {
background-color: #fff; background-repeat: no-repeat;
background-size: cover;
height: 50vh;
justify-content: center;
object-fit: contain;
position: relative;
width: 100%;
}
.blog-container {
background-color: #fff;
font-family: Poppins, sans-serif;
margin: 0 auto;
padding: 40px !important;
width: 80%;
}
.blog-title {
color: #333;
font-size: 36px;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
}
.search-container {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.search-input {
border: 1px solid #ddd;
border-radius: 25px;
font-size: 16px;
max-width: 600px;
padding: 10px 15px;
transition: all .3s ease;
width: 80%;
}
.post .titulo {
font-size: 2rem;
font-weight: bold;
}
.post a {
color: #333;
}
.post a:hover {
color: #609041;
}
.post-content {
font-size: 1.2rem;
color: #333;
margin-top: 25px;
}
.divisor_post {
width: 100%;
height: 3px;
background-color: #609041;
margin-top: 50px;
margin-bottom: 100px;
}
.post-information {
font-size: 0.9rem;
color: #609041;
}
.post-information a {
color: #609041;
}
.home .blog_home .highlights-card img {
width: 100%;
height: 100%;
}/*/*//**/@media screen and (min-width: 960px) {
.hero-bg-blog {
background-position: 50%;
}
}
@media screen and (max-width: 1200px) {} @media screen and (max-width:960px) {
.bio-container {
margin-top: 42vh;
}
} @media screen and (max-width:768px) {} @media screen and (max-width:480px) {
.bio-container {
margin-top: 42vh;
}
.spec-content {
padding: 20px;
}
.home .quem_sou h2 {
margin-top: 50px;
}
} @media screen and (max-width:320px) {}
}