/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

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

  /* Fonts */
  --sb-title-font: "Netron", "Inter", Arial, Helvetica, sans-serif;
  --sb-text-font: "Geomanist", "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;
    letter-spacing: 2px;
  }

  .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 ] ### */