/*!
Theme Name: HM Seguros
Theme URI: http://underscores.me/
Author: @victor-sena
Author URI: @victor-sena
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License URI: LICENSE
Text Domain: hmseguros
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root {
    --ff-body: 'Montserrat',Helvetica,sans-serif;
    --ff-title: 'Nothing You Could Do';
    --primary-color: #d32f2e;
    --fs-xlarge: 2.7rem;
    --fs-large: 2.6rem;
    --fs-500: 1.125rem;
    --fs-400: 1rem;
}
@media (min-width: 576px) {
    :root {
        --fs-xlarge: 4.5rem;
        --fs-large: 3.913rem;
    }
}
body {
    font-family: var(--ff-body);
    display: flex;
    flex-direction: column;
    background-attachment:fixed;
}
.container {
    max-width: 1140px;
}
.bg-risk {
    background: url('img/risk.png') no-repeat bottom center;
}
.wrapper {
    padding: 3rem 0;
}
.bg-white {
    background-color: #fff;
}
.bg-grey {
    background-color: #ebebeb;
}
.home .bg-red {
    background-color: transparent;
}
.bg-red,
.home .sticky-top {
    background-color: var(--primary-color);
}
.page .sticky-top,
.home .sticky-top  {
    padding: 7px;
}
.link__grey {
    color: gray;
    text-decoration: none;
}
.link__grey:hover {
    color: gray;
    text-decoration: underline;
}
img, picture {
    max-width: 100%;
    display: block;
    height: auto;
}

/* 
    Header
*/ 
.navbar {
    font-weight: bold;
    padding: 20px 15px;
    transition: padding 0.5s,background-color 0.5s;
}
.navbar-brand {
    font-size: 1.563rem;
}
.nav-link {
    font-size: 1.5rem;
    font-weight: bold;
    padding-right: 1rem;
    padding-left: 1rem;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
@media (min-width: 576px) {
    .nav-link {
        font-size: 1.125rem;
    }
}

/* 
    Headings
*/
.section-title {
    font-family: var(--ff-title);
    font-size: var(--fs-xlarge);
    text-align: center;
    padding-bottom: 9px;
    margin: 0 0 3rem 0;
}

/* 
    Hero
*/ 
.hero__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 90px 0;
}
.hero__title {
    font-size: var(--fs-large);
    font-weight: bold;
    line-height: 64px;
    margin-bottom: 85px;
    color: #fff;
    text-align: center;
}
.hero__content .btn {
    padding: 15px 20px;
}
.hero__arrow {
    position: absolute;
    font-family: var(--ff-title);
    font-size: var(--fs-500);
    padding-top: 86px;
    background: url('img/seta.png') no-repeat right top;
    margin-top: -97px;
    width: 290px;
    text-align: center;
    color: #fff;
    left: 20px;
    bottom: -60px;
}
@media (max-width: 992px) {
    .hero__arrow {
        display: none;
    }
}
/*
    Product Feature
*/
.product-feature__cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
}
.product-feature__cta .btn {
    padding: 18px 25px;
}


/* 
    Footer
*/
footer {
    padding-top: 45px;
    background-color: #1c1c1c;
}
.site-foot {
    padding-top: 35px;
    padding-bottom: 36px;
}
footer p {
    margin-bottom: 0.7rem;
}
footer p,
footer a {
    color: #fff;
}
footer section {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.icon-footer {
    color: #fff;
    font-size: 24px;
    margin-block-end: 22px;
}

/*
    Products
*/
.product-banner {
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    margin-top: -20px;
    margin-bottom: 55px;
}
.product-banner__title {
    font-size: var(--fs-large);
    font-weight: bold;
    color: #fff;
    text-align: center;
}
@media screen {
    
}

.product-list__thumb {
    width: 100%;
    object-fit: cover;
    transition: all 0.3s;
}
.product-list__content {
    text-align: center;
    font-size: 1.2rem;
}
.product-list__content a {
    color:black;
    text-decoration: none;
    transition: all 0.3s;
}
.product-list__item:hover .product-list__thumb {
    opacity: 0.3;
}
.product-list__item:hover .product-list__content a {
    color: var(--primary-color);
}
/* 
    CTA
*/
.cta-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 45px 0 35px 0;
}
.btn-danger {
    background-color: var(--primary-color);
}
.cta {
    text-transform: uppercase;
    letter-spacing: 6px;
    white-space: normal;
}
/*
    Testimonials
*/
.testimonials {
    padding: 3rem 0 70px 0;
}
.testimonials__content {
    cursor: grab;
}
.testimonials__content .card {
    background-color:transparent;
    border: none;
    height: 100%;
}
.testimonials__content .card-body {
    position: relative;
    padding-top: 100px;
    margin-top: -85px;
    background-color: #fff;
}
.testimonials__content .card-title {
    color: #7d7d7d;
    font-weight: bold;
}
.testimonials__profile {
    position: relative;
    display: block;
    border-radius: 100px;
    width: 180px;
    height: 180px;
    object-fit: cover;
    margin: 0 auto;
    z-index: 2;
}

/*
    Splide
*/
.splide__arrow--prev {
    left: -3rem;
}
.splide__arrow--next {
    right: -3rem;
}
.splide__pagination {
    bottom: -2rem;
}
.splide__arrow {
    background-color: #000;
}
.splide__arrow svg {
    fill:#ebebeb;
}
.splide__arrow:hover {
    background-color: var(--primary-color);
}
.splide__pagination__page {
    background-color: #000;
}
.splide__pagination__page.is-active {
    background-color: var(--primary-color);
}
/*
    Scroll to Top Button

*/
.scrollToTopBtn {
    background-color: var(--primary-color);
    border: none;
    color: white;
    cursor: pointer;
    font-size: var(--fs-500);
    line-height: 48px;
    width: 48px;
    border-radius: 48px;
    position: fixed;
    bottom: 10%;
    right: 3rem;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
}
.showBtn {
    opacity: 1;
    transform: translateY(0);
}
.scrollToTopBtn:hover {
    background-color: #525252;
}
/*
    Region
*/
.region__title {
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.social-media {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}
.social-media li {
    margin-inline-end: 0.6rem;
}
.social-media .social-media__icon {
    text-decoration: none; 
}
.social-media .fa-brands {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    padding: 13px;
    text-align: center;
    color: white;
    font-size: 32px;
}
.social-media .fa-facebook-f {
    background: #5674b9;
}
.social-media .fa-instagram {
    background: radial-gradient(circle at 33% 100%,#FED373 4%,#F15245 30%,#D92E7F 62%,#9B36B7 85%,#515ECF);
}
.social-media .fa-linkedin-in {
    background: #0e76a8;
}
.s
/*
* Contact Form
*/
.wpcf7-form label {
    font-weight: bold;
}
.required {
    display: inline-block;
    padding: 0.1rem;
    color:red;
    vertical-align: text-top;
}
.form-control {
    background-color: #ebebeb;
}
/*
* Mailchimp Subscription Form
*/
.mc-field-group {
    margin-top: 1rem;
}
.indicates-required {
    text-align: right;
    font-size: 0.9rem;
}


/*
* Wordpress classes
*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*
* Hide Google Recaptcha Badge
*/
.grecaptcha-badge { 
    visibility: hidden;
}