/*
 Theme Name:   Woodmart Child
 Description:  SB Denta Theme
 Author:       SB Denta
 Author URI:   https://sbdenta.com
 Template:     SB Denta
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* --- Start Global --- */
:root {
    /* Colors */
    --color-1: #00664f;
    --color-2: #006298;
    --color-3: #e6eff5;

    /* Fonts */
    --sb-title-font: "IBM Plex Sans Arabic", "Inter", Arial, Helvetica, sans-serif;
    --sb-text-font: "IBM Plex Sans Arabic", "Inter", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--sb-title-font) !important;
}

html,
body,
a,
p,
p.title,
span:not(h1 span):not(h2 span):not(h3 span):not(h4 span):not(h5 span):not(h6 span):not(p span):not(li span):not(a span),
span.title,
li,
li.title {
    font-family: var(--sb-text-font);
}

/* Fixing any affected item by font changes */
span.star-rating,
span.star-rating span {
    font-family: "woodmart-font";
}

.footer-column h1,
.footer-column h2,
.footer-column h3,
.footer-column h4,
.footer-column h5,
.footer-column h6 {
    font-family: var(--sb-text-font) !important;
}

.non-clickable-links a {
    pointer-events: none;
}

.non-clickable-links .wd-share-icon {
    display: none !important;
}

.force-image-border-radius img {
    border-radius: 10px !important;
}

/* Change the banner carousel pagination bullets color */
.wd-nav-pagin-wrap[class*="wd-style-shape"] li span {
    background: #e3e3e3 !important;
    border: none !important;
}

.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    background: var(--color-1) !important;
}
/* --- End Global --- */

/* --- Start Custom Team Member (WPBakery Block) --- */
.custom-team-member .member-name {
    color: var(--color-2);
}
/* --- End Custom Team Member (WPBakery Block) --- */

/* --- Start Header --- */
.wd-header-cart,
.wd-header-search {
    display: none;
}
/* --- End Header --- */

/* --- Start Timeline --- */
.sb-dental-timeline .wd-timeline .wd-timeline-breakpoint .woodmart-timeline-breakpoint-title {
    border-radius: 10px;
}

.sb-dental-timeline .wd-timeline .wd-timeline-item .timeline-col-secondary {
    visibility: hidden;
}

@media (min-width: 769px) {
    .sb-dental-timeline .wd-timeline .wd-timeline-breakpoint,
    .sb-dental-timeline .wd-timeline .wd-timeline-item {
        margin-bottom: 25px;
    }

    .sb-dental-timeline .wd-timeline .wd-timeline-item .timeline-col {
        border-radius: 10px;
        box-shadow: 0 10px 10px rgba(24,24,24, 0.1);
        text-align: center;
        border: 1px solid #c0c0c0;
    }

    .sb-dental-timeline .wd-timeline .wd-timeline-item.wd-item-position-right .timeline-col .timeline-arrow {
        border-left: 1px solid var(--color-1);
        border-bottom: 1px solid var(--color-1);
    }

    .sb-dental-timeline .wd-timeline .wd-timeline-item.wd-item-position-left .timeline-col .timeline-arrow {
        border-right: 1px solid var(--color-1);
        border-top: 1px solid var(--color-1);
    }

    .sb-dental-timeline .wd-timeline .wd-timeline-item .timeline-col .wd-timeline-title {
        font-weight: bold;
    }

    .sb-dental-timeline .wd-timeline .wd-timeline-item .timeline-col .wd-timeline-content {
        font-size: 18px;
    }
}
/* --- End Timeline --- */

/* --- Start Portfolio (Show text on mouse over style) --- */
.sb-dental-portfolio.show-text-on-mouse-over.non-clickable-links .wd-portfolio-btns a,
div[class*="sb-dental-portfolio"].show-text-on-mouse-over.non-clickable-links .wd-portfolio-btns a {
    pointer-events: all;
}

.sb-dental-portfolio.show-text-on-mouse-over .wd-project header.entry-header,
div[class*="sb-dental-portfolio"].show-text-on-mouse-over .wd-project header.entry-header {
    border-radius: 10px;
}

.sb-dental-portfolio.show-text-on-mouse-over .wd-project header.entry-header .entry-thumbnail img,
div[class*="sb-dental-portfolio"].show-text-on-mouse-over .wd-project header.entry-header .entry-thumbnail img {
    object-fit: scale-down;
    height: 300px; /* Temp */
}

.sb-dental-portfolio.show-text-on-mouse-over.hide-category-info .wd-project .portfolio-info .wrap-meta .proj-cats-list,
div[class*="sb-dental-portfolio"].show-text-on-mouse-over.hide-category-info .wd-project .portfolio-info .wrap-meta .proj-cats-list {
    display: none;
}
/* --- End Portfolio (Show text on mouse over style) --- */

/* --- Start SB Denta Partners Carousel --- */
.sbdenta-partners-carousel .wd-carousel-inner .info-box-carousel .wd-carousel-wrap {
    align-items: center !important;
}

.sbdenta-partners-carousel .wd-carousel-inner .info-box-carousel .wd-carousel-wrap .info-box-wrapper :is(.info-box-icon,.info-svg-wrapper) {
    width: 100% !important;
    height: 70px !important;
}

.sbdenta-partners-carousel .wd-carousel-inner .info-box-carousel .wd-carousel-wrap .info-box-wrapper .info-box-icon :is(img, svg) {
    height: 100%;
    object-fit: scale-down !important;
    filter: grayscale(1);
    transition: .3s all;
}

.sbdenta-partners-carousel .wd-carousel-inner .info-box-carousel .wd-carousel-wrap .info-box-wrapper:hover .info-box-icon :is(img, svg) {
    filter: grayscale(0);
}
/* --- End SB Denta Partners Carousel --- */

/* ### [ Start WPBakery Component Custom Style ] ### */
/* --- Start { class: custom-wd-text-block } & { component: wd text block } --- */
@media (max-width: 575px) {
    .custom-wd-text-block {
        font-size: 14px;
    }
}
/* --- End { class: custom-wd-text-block } & { component: wd text block } --- */

/* --- Start { class: d-none-info-box-carousel-content } & { component: information box carousel } (To display: none content in case it's not used because it takes spaces)  --- */
.d-none-info-box-carousel-content .wd-carousel-inner .wd-carousel .wd-carousel-wrap .info-box-wrapper .wd-info-box .info-box-content {
    display: none !important;
}
/* --- Start { class: d-none-info-box-carousel-content } & { component: information box carousel } (To display: none content in case it's not used because it takes spaces)  --- */
/* ### [ End WPBakery Component Custom Style ] ### */