/*
 * override.css
 *
 * Load this file LAST (enqueued with a very late priority) to override any
 * theme/plugin styles.
 *
 * Add your overrides below.
 */

/* Example override (remove):
body {
  background: #fff !important;
}
*/

/* create color variables */
:root {
    --primary-color: #1f9aa1;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --light-color: #f8f9fa;
    --dark-color: #333333;
}

.home .content {
    margin-top: -108px !important;
}

.foot-quiz-area {
    display:none !important;
}

@media (max-width: 768px) {
    #tpf_content_bg_2776 {
        background-position: left !important;
    }

    p.subheading {
        font-size: 16px !important;
    }

    /* NOTE: CSS cannot be nested like SCSS; flatten selectors */
    [data-position-mobile="normal"] .row {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 30px;
        margin-bottom: -30px;
    }

    /* Safety: don’t let the mobile menu be hidden by an override */
    .navbar .navbar-collapse {
        visibility: visible;
    }

    [data-container-fit="20px"] {
    margin-inline: 20px;

        img {
            object-position: center center !important;
            padding: 14px;
            margin-top: -15px;
        }
    }

    .hideOnMobile {
        display: none !important;
    }

    .spacerDiv {
        height: 50px !important;
    }

    .spacerDiv20 {
        height: 15px !important;
    }

    .navbar .navbar-nav .nav-link {
    text-transform: uppercase;
    }
}

@media (max-width: 768px) {
    @media (max-width: 768px) {
        :where(.wp-block-columns.is-layout-flex) {
            gap: 0 !important;
        }
    }
}

@media (max-width: 991.98px) {
    /*
      Mobile menu fails when `.navbar-collapse` ends up stuck hidden.
      Force the expected Bootstrap behavior:
      - collapsed by default
      - visible when `.show` is present
    */
    .navbar .navbar-collapse {
        display: none !important;
    }

    .navbar .navbar-collapse.show {
        display: block !important;
    }

    /* Ensure the dropdown panel is above the page overlay */
    .navbar .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        top: 84px;
        z-index: 10000;
        background: #fff;
    }

    ul#menu-main-menu li {
    background-color: #cabfb6;
    border-block-end: 1px solid #ffffffcc;
    }
}

@media (min-width: 769px) {
    /* NOTE: CSS cannot be nested like SCSS; flatten selectors */
    #tpf_content_bg_2795 picture img {
        height: 400px !important;
    }

    header #menu-main-menu {
	margin-right: 200px;
    }

    .section.banner-right .txt-col,
    .wp-block-group.banner-right .txt-col {
        padding-bottom: 0 !important;
    }

    .hideOnDesktop {
        display: none !important;
    }

    .spacerDiv {
        height: 90px !important;
    }
}

p.subheading {
    font-size: 23px !important;
    border-bottom: 1px solid white !important;
    padding-bottom: 15px;
    margin-bottom: 15px !important;
}

[data-bg="white"] .col-lg-6:nth-child(2), [data-bg="white"] .col-lg-6:nth-child(2) .img-block {
    background-color: #fff;
}

/* FAQ  */
a.card-link {
    display: block;
}

.bgBiege {
    background-color: #e4ded7;
}

.bottomLess20 {
    margin-bottom: -20px !important;
}

.card-header {
    background-color: unset !important;
}

.card {
    background-color: transparent !important;
}

.collapse-group {
    border-bottom: 1px solid #fff !important;
}

.card-body {
    font-size: 16px !important;
}

.tpf_content_bg_2795 col-lg-6:nth-child(2) .img-block img {
   margin-bottom: -30px;
}

.bgTeal {
    background-color: #97c3c7;
}

.colorWhite {
    color: #fff !important;
}

.navbar {
    z-index: 99;
}


/* ABOUT */

a.btn.teal {
    display: block;
    background-color: #159ba1;
    color: #fff;
    margin-top: 20px; 
    display: block !important;
}

hr.hideOnDesktop {
        background-color: #b1e5f2;
}

nav.navbar {
    border-block-end: 1px solid #ffffff59;
    margin-top: -1px;
}

.bgTealDark {
    background-color: #1e9aa0;
}

.centerText {
    align-content: center;
}

.card-header {
    padding-right: 50px;
    /* border-bottom: 1px solid #989898 !important; */
}

.search-form button {
    color: #fff;
}

input#s::placeholder {
    color: #fff !important;
}

/* Blogs */

.featured-image img {
    width: 100%;
    border-radius: 10px;
}

.blog-page .container, .archive-posts {
    padding-block: 50px;
}

p.time-to-read {
    font-size: 16px;
    padding-block: 30px;
}

.archive-wrapper {
    padding: 90px 0px 30px 0px;
}

.container.archive-wrapper {
    border-block-end: 1px solid #d3d3d3;
}

.post-thumbnail img {
    border-radius: 10px;
}

p.text-readmore a {
    font-size: 14px;
    color: #1f9aa1;
    font-weight: 600;
}

.blog .navbar.navbar-light, .search .navbar, .single .navbar.navbar-light {
    background-color: #19959c !important;
}

.results-wrapper {
    padding-block: 70px;
}

/* Navigation */


/*
 * AOS (Animate On Scroll) safeguard:
 * Prevent hidden elements (opacity: 0 / transformed) from creating perceived blank gaps
 * when AOS isn't initializing or when layout relies on visible content.
 */
/* html:not(.no-js) [data-aos^="fade"],
html:not(.no-js) [data-aos] {
	opacity: 1 !important;
	transform: none !important;
	transition-property: none !important;
} */