/*
Theme Name: Drfixit
Author: Brainvire
Author URI: https://brainvire.com
Description: Drfixit theme
Template: twentytwentyfive
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drfixit
*/

html {
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
}
html body .yellow-btn:hover,
ul.down_list .dowload-conatiner:hover {
    background-color: #23467a !important;
    color: #fff;
}
.down_list .dowload-conatiner:hover .download-btn {
    color: #fff !important;
}
.down_list .dowload-conatiner:hover .pdf-icon {
    filter: brightness(0) invert(1); /* makes icon white */
}

/**
 * Why Choose Us
 */
.drfixit-why .advantage-card {
    /* min-height: 500px; */
}
.drfixit-why h2.lp-section-title-small {
    /* text-align: center; */
}
.drfixit-why .advantage-card h3 {
    text-align: center;
}

/**
 * Header
 */
header .container {
    max-width: 1200px;
}
.dropdown-menu>li>.submenu li {
    height: 100%
}
.dropdown-menu>li.menu-item-tiling.menu_hover>.dropdown-item {
    background-color: #1e2125;
}

/**
 * 404 Page
 */
.errpg {
    width: 100%;
    min-height: 100vh;
    padding: 100px 0 60px 0;
    position: relative;
    background-image: url(/web/images/repair_bg.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.no-webp .errpg {
    background-image: url(/web/images/repair_bg.jpg)
}

.errpg .errcnt {
    background: rgba(0, 0, 0, .67);
    max-width: 570px;
    padding: 30px;
    margin-top: 40px;
    text-align: center;
    top: 25%;
    left: 100px;
    position: absolute
}

.errpg .errcnt h2 {
    font-size: 64px;
    color: #ffde00;
    letter-spacing: -2.13px
}

.errpg .errcnt h3 {
    font-size: 38px;
    color: #fff;
    line-height: 22px
}

.errpg .errcnt p {
    font-size: 20px;
    color: #fff;
    letter-spacing: -.67px;
    text-align: center;
    font-weight: 700;
    margin: 30px 0;
    padding: 0 23px
}

.errpg .errcnt a {
    color: #ffde00
}

.errpg .errcnt .fixit-button {
    font-family: futura-pt-bold, sans-serif;
    width: 207px;
    height: 62px;
    text-transform: uppercase;
    box-shadow: none;
    padding-bottom: 0;
    font-size: 18px;
    letter-spacing: 1.8px;
    line-height: 62px
}

@media only screen and (max-width:768px) {
    .errpg {
        min-height: 500px;
        background-position: center;
        text-align: center
    }

    .errpg .errcnt {
        display: inline-block;
        width: 90%;
        max-width: 90%;
        padding: 20px;
        text-align: center;
        top: 30%;
        left: 5%;
        position: absolute
    }

    .errpg .errcnt h2 {
        font-size: 40px
    }

    .errpg .errcnt h3 {
        font-size: 24px
    }

    .errpg .errcnt p {
        font-size: 17px;
        margin: 15px 0;
        padding: 0
    }
}

/**
 * Centralized Read More / Read Less
 */
.bv-read-more {
    position: relative;
    margin-bottom: 15px;
}

.bv-read-more .bv-content-wrapper {
    transition: max-height 0.4s ease-in-out;
}

.bv-read-more .bv-read-more-btn {
    display: inline-block;
    color: #000;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 10px;
    font-size: 14px;
    cursor: pointer;
}

.bv-read-more .bv-read-more-btn:hover {
    color: rgb(35, 70, 122);
}

/* Centralized Read More / Read Less Styles Moved or Removed indicators */


/**
 * Home page - Slider Image
 */
.home .text-left.lp-description-wrapper .about_slider .slick-slide img {
    height: 400px !important;
}

.history-brand-logos .brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  margin: 10px;
  background: #fff;
  /* border-radius: 25px; */
}

.history-brand-logos .brand-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.construction-inner-card {
    background-color: #FFFFFF;
    padding: 25px;
    height: 100%;
    box-shadow: 0 0 20px #e7e6e6;
}
.construction-card-image {
    text-align: center;
}
.construction-card-image img {
    height: 250px;
    object-fit: contain;
}
.construction-card-content {
    text-align: justify;
}

/* Leak free home */
#mCSB_1_scrollbar_horizontal {
    display: none !important;
}
.imgmap_mark a.ripple_main:hover,
.imgmap_mark a.ripple_main:focus {
    color: transparent;
}

/** Footer */
.footer-sec .wp-block-group.row.is-layout-flex {
  align-items: flex-start;
}
@media (min-width: 1200px) {
    .footer-sec .wp-block-group.row.is-layout-flex {
        align-items: flex-start;
        flex-wrap: nowrap;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .footer-sec .wp-block-group.row.is-layout-flex {
        gap: 20px 0;
    }
}
/** Contact Us */
.office-contact-number,
.office-contact-number a {
    background-color: #FEDD00;
    text-decoration: none;
    color: #000;
    padding: 0 5px;
    font-weight: 500;
}
.office-contact-number a:hover {
    text-decoration: underline;
}
.phone-wrapper p {
    display: flex;
    align-items: center;
    vertical-align: middle;
}
.phone-wrapper p .country-code {
    background-color: #FEDD00;
    padding: 10px;
}
.contact-page-form-wrapper input[type="submit"] {
    background-color: #f5cc40;
    text-decoration: none;
    font-weight: 600;
    color: #000;
    padding: 9px 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
    border: 0;
    outline: none;
}
.contact-page-form-wrapper input[type="submit"]:hover {
    background-color: #23467a;
    color: #fff !important;
}

/**
 * Single Product Page
 */
 .featured-product-section {
    text-align: center;
}
.single-products .featured-product-section img {
    max-width: 100%;
    max-height: 500px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.related-documents ul.down_list li,
.related-documents .other-info {
    margin: 0;
    font-weight: 400;
}

/**
 * Single Solution Page
 */
.common-banner-section .common-banner-section-bg {
    height: 450px;
    width: 100%;
}

/* About us */
section.about_sec.sec_padd .lp-description-wrapper ul {
    margin-top: 0px !important;
}
.about-roff .wp-block-post-featured-image {
    background-color: #B2D234;
}
.about-roff .wp-block-post-featured-image img {
    object-fit: contain !important;
}

/* Project reference */
.project-references-logo img {
    width: 200px !important;
}
:root :where(.wp-block-columns-is-layout-flex.project-references-logo) {
    gap: 50px;
}

/* Tiling - Homepage, Solution, Products*/
a.dropdown-item.dropdown-prod.solution-item-tiling h3, /* Menu - Solution */
.home .construction-sections .construction-row.even .construction-row-content a.yellow-btn, /* Homepage construction - Roff */
.single-products.cat-tiling .features-section, /* Product - Feature section */
.single-products.cat-tiling .down_list .dowload-conatiner, /* Product - Related Documents */
.single-products.cat-tiling #calculator-form .calculator-card-title, /* Product - Calculator Title */
.single-products.cat-tiling #calculator-form .calculator-card-btn button, /* Product - Calculator Buton */
.single-solutions.tiling .solutions_box, /* Solution - Discover Solution */
.single-solutions.tiling #calculator-form .calculator-card-title, /* Solution - Calculator Title */
.single-solutions.tiling #calculator-form .calculator-card-btn button /* Solution - Calculator Button */
{
    /* background: #a1cf5e !important; */
    background: rgb(178, 210, 53) !important;
    color: #000 !important;
}
a.dropdown-item.dropdown-prod.solution-item-tiling:hover h3, /* Menu - Solution */
.home .construction-sections .construction-row.even .construction-row-content a.yellow-btn:hover, /* Homepage construction - Roff */
.single-products.cat-tiling .down_list .dowload-conatiner:hover, /* Product - Related Documents */
.single-solutions.tiling .solutions_box:hover, .single-solutions.tiling .solutions_box:hover h3, /* Solution - Discover Solution */
.single-products.cat-tiling #calculator-form .calculator-card-btn button:hover, /* Product - Calculator Button */
.single-solutions.tiling #calculator-form .calculator-card-btn button:hover /* Solution - Calculator Button */
{
    /* background: #8e9b9d !important; */
    background: rgb(0, 94, 66) !important;
    color: #fff !important;
}

@media (max-width: 562px) {
    /* Project reference */
    .project-references-logo.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .project-references-logo.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column figure {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    :root :where(.wp-block-columns-is-layout-flex.project-references-logo) {
        gap: 25px;
    }
}

@media (max-width: 781px) {
    /* Project reference */
    .project-references-logo.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: fit-content !important;
    }
}

@media only screen and (max-width: 991px) {
    /* Header */
    .navbar-expand-lg .navbar-nav .nav-link:hover{
        color: #0068D7 !important;
    }
    ul.navbar-nav {
        margin-top: 25px;
    }
    header.drfixit-header > .navbar {
        height: 80px;
    }

    /* Responsive nav code */
    div#navbarNav.navbar-collapse.show {
        background: white;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
        background: white;
        font-size: 18px;
        border-bottom: 0.5px solid #dadada;
    }

    .navbar-collapse .btn-close {
        color: black;
        filter: none;
        width: 3em;
        height: 3em;
    }

    .navbar-collapse ul.navbar-nav {
        margin-top: 5em;
        padding: 0 2rem 0 1rem;
    }

    .navbar-collapse a.dropdown-item {
        background: #f9f9f9;
    }

    .navbar-collapse .dropdown-menu.mwga-menu.show .menu_hover .submenu.dropdown-menu {
        overflow: auto;
        max-height: 100%;
    }

    .navbar-collapse a.dropdown-item.dropdown-prod h3 {
        min-height: 30px;
    }
}

@media only screen and (min-width: 992px) {
    /* About Us */
    .page.page-id-225 .attachment-post-thumbnail.wp-post-image,
    .page.page-id-662 .attachment-post-thumbnail.wp-post-image {
        height: 500px;
    }
    .footer-sec p.copyrights-content {
        /* margin-top: 141px; */
    }
    .experience_img_map {
        max-width: 80%;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .construction-card-image img {
        height: 160px;
        margin-bottom: 20px;
    }
}

.experience_img_map .mCSB_container {
    width: 100% !important;
    left: unset !important;
}

@media screen and (max-width: 991px) {
    .experience_img_map .mCSB_container .imgmap_mark {
        width: 32px;
        height: 32px;
    }

    .experience_img_map .mCSB_container .imgmap_mark a.ripple_main span {
        padding: 3px 10px;
        border-radius: 4px;
        font-size: 12px;
        left: 50%;
        position: absolute;
        top: 100%;
        transform: translateX(-50%);
    }
}

.contact-form-phone {
    position: relative;
}

.phone-wrapper p .country-code {
    padding: 8.5px 10px;
    position: absolute;
    z-index: 9;
    top: 3px;
    left: 3px;
}

.phone-wrapper #phone {
    padding-left: 75px;
}

.contact-page-form-wrapper .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: normal;
    display: block;
    margin-top: 3px;
}

@media screen and (max-width: 767px) {
    .phone-wrapper p .country-code {
        padding: 10px;
    }
}