/* 
Theme Name: ESOW Theme 
Theme URI: https://github.com/elementor/hello-theme/
Description: The Theme that should have been from the start. 
Author: José Miguel / Float Health
Author URI: https://float.pt/
Template: hello-elementor
Version: 2.0.3
Text Domain: float-translate
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

h1, h2, h3, h4, h5, h6 {
    font-family: Bebas Neue, sans-serif;
}

/* =============================================================================
--- Bellow is css from the old theme
============================================================================= */

:root {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--primary-1: #149b5f;
    --wp--preset--color--primary-2: #ffc832;
    --wp--preset--color--primary-3: #2dbecd;
    --wp--preset--color--primary-4: #126169;
    --wp--preset--color--primary-5: #f5f5f5;
    --wp--preset--color--primary-6: #727272;
    --wp--preset--color--green: #6ECA09;
    --wp--preset--color--red: #D0021B;
    --wp--preset--color--orange: #FAB901;
    --wp--preset--color--aqua: #28d2dc;
    --wp--preset--color--blue: #71CCF6;
    --wp--preset--color--purple: #7639e2;
    --wp--preset--color--grey: #ECEFF4;
    --wp--preset--color--dark-grey: #1D2024;
    --wp--preset--color--light-grey: #F6F7FA;
}


/* line 5, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999 .grve-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2.000rem;
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}


/* line 16, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999 .grve-content .grve-content-inner {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}


/* line 25, style/hovers/_hover-3.scss */

.grve-titlefloat.grve-text-default {
    color: #ffffff;
}

.grve-hover-item.grve-hover-style-3 .grve-content .grve-float-description.grve-text-default {
    color: #fff;
}


/* line 29, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999 .grve-content .grve-char span,
.grve-hover-item.grve-hover-style-99999 .grve-content .grve-description {
    transition: all .5s ease;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}


/* line 37, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999 .grve-thumbnail img {
    transition: transform .5s ease;
}


/* line 40, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999 .grve-thumbnail-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 30%, rgba(15, 15, 15, 0.2) 100%);
    transition: opacity .5s ease;
    z-index: 2;
}


/* line 52, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999.hover .grve-thumbnail img {
    transform: scale(1.1);
}


/* line 56, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999.hover .grve-content .grve-char span {
    opacity: 0;
    transform: translateY(30px);
}


/* line 60, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999.hover .grve-content .grve-description {
    opacity: 0;
    transform: translateY(10px);
}


/* line 65, style/hovers/_hover-3.scss */

.grve-hover-item.grve-hover-style-99999.hover .grve-thumbnail-wrapper:before {
    opacity: 0;
}

#grve-single-media {
    margin-bottom: 60px;
    display: none;
}

.hero-content {
    color: #FFFFFF;
}

.ideal-BMI {
    background-color: #FFC832;
}

.icon-BMI {
    padding-left: 70px;
}

.green-card-text {
    color: #FFC832;
    font-weight: 700;
}

.green-card-column {
    border-radius: 40px;
    background: #149B5F;
}

.optmistic-text {
    color: #FFFFFF;
}

.optmistic-bold {
    color: #FFC832;
    font-weight: 700;
}

.green-underline {
    text-decoration: underline #149B5F;
}


/* Yellow Underline */

.yellow-underline {
    display: inline-block;
    position: relative;
}

.yellow-underline:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    /* Underline height */
    height: 5px;
    bottom: 0;
    left: 0;
    /* Underline color */
    background-color: #FFC832;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.yellow-underline:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.how-to-get-start-sub-title {
    font-family: 'Poppins';
    font-weight: 600;
}

.row-cards-section .grve-row {
    justify-content: center;
}

.grve-title.grve-with-line.grve-bottom-line .grve-title-line {
    margin-top: 1px;
    display: block;
}

.grve-btn-inner .grve-btn-icon .grve-icon,
.grve-btn-inner .grve-btn-icon i {
    color: #149B5F;
}

.grve-box-icon.grve-side-icon.grve-extra-large .grve-wrapper-icon:not(.grve-image-icon) {
    font-size: 100px;
    line-height: 1em;
}

#grve-single-media {
    display: none;
}

.bradios {
    border-radius: 25px;
    padding: 20px;
}

.stay-away-from {
    font-weight: 400;
    font-size: 30px;
}

#card-column {
    border-radius: 15px;
    background: #FFFFFF;
    -webkit-box-shadow: 4px 3px 8px 2px #80808057;
    box-shadow: 4px 3px 8px 2px #80808057;
}

.cards-underline {
    text-decoration: underline;
}

.card-row {
    padding-left: 450px;
}

.row-cards-section .grve-row {
    justify-content: center;
}

.green-underline {
    text-decoration: underline #149B5F;
}

.custom-underline-title-yellow {
    border-bottom: 6px solid #FDC832;
    display: inline-block;
    padding-bottom: 4px;
}

.stay-away-from-item p {
    font-family: "Bebas Neue";
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-size: 28px;
}

.stay-away-from-item p span {
    font-family: 'Poppins';
    font-weight: 300;
    text-transform: lowercase;
    font-size: 14px;
}

.lets-make-things-simple h2 {
    color: #149B5F !important;
    font-size: 46px !important;
}

.lets-make-things-simple .grve-box-title-wrapper {
    justify-content: center !important;
}

.lets-make-things-simple span {
    font-size: 40px;
    margin-bottom: 8px;
}

.custom-line-divider span {
    height: 90px !important;
}

.row-cards-section .grve-text-white {
    color: transparent !important;
}

.steps-icon-margin-right {
    margin-right: 10px;
}

.stay-away-carousel .grve-carousel-pagination {
    justify-content: left;
    margin-top: 20px;
}

.stay-away-carousel .grve-carousel-pagination .grve-dot {
    color: #149B5F;
}

.stay-away-carousel .grve-carousel-pagination .grve-dot.active {
    color: #149B5F;
}

.footer-highlights p {
    margin-bottom: 0;
}

.flickity-page-dots .dot {
    color: #149B5F;
}

.flickity-page-dots {
    justify-content: left;
}

a#fd_btn {
    background-color: var( --e-global-color-accent)!important;
}

a#fd_btn:hover {
    background-color: var( --e-global-color-secondary)!important;
}

a#fd_btn.grve-disable-link {
    opacity: 0.8;
}

.sfsi_shortcode_container {
    margin-top: 10px;
    max-width: 960px!important;
}

.usm-widget {
    display: none!important;
}

/*find a doctor*/
select {
    background-image: url(./images/graphics/select-icon.svg);
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    text-indent: 0;
    min-height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid;
    padding: 16px 20px;
    outline: 0;
    color: inherit;
    margin: 0;
    width: 100%;
}
a#fd_btn {
    background-color: var(--e-global-color-accent)!important;
    color: #FFF;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 0.75em 3em;
    margin-top: 0.25em;
}