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

:root {
  /* Colors */
  --color-white: #fff;
  --color-silver: #f4f0f0;
  --color-chalice: #a7a7a7;
  --color-bush: #0d301b;
  --color-flax: #e8df70;
  --color-bazaar: #967474;
  --color-blumine: #1d5572;
  --color-emerald: #68d292;
  --color-whatsapp: #68da5d;

  /* Images */
  --img-testimonials-bg: url('/wp-content/uploads/2023/03/testimonials-bg.jpg');

  /* Icons */
  --icon-phone: url('/wp-content/uploads/2023/02/icon-phone.svg');
  --icon-email: url('/wp-content/uploads/2023/02/icon-mail.svg');
  --icon-whatsapp: url('/wp-content/uploads/2023/02/icon-whatsapp.svg');
  --icon-instagram: url('/wp-content/uploads/2023/02/icon-instagram.svg');
  --icon-facebook: url('/wp-content/uploads/2023/02/icon-facebook.svg');
  --icon-plant: url('/wp-content/uploads/2023/02/icon-plant.svg');
  --icon-leaf: url('/wp-content/uploads/2023/02/icon-leaf.svg');
  --icon-arrow-up-right: url('/wp-content/uploads/2023/02/icon-arrow-up-right.svg');
  --icon-arrow-right: url('/wp-content/uploads/2023/02/icon-arrow-right.svg');

  /* Units */
  --header-height: 75px;

  /* Shadow */
  --box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Tags */

p {
  line-height: 1.5 !important;
}

ul {
  list-style-type: none;
}

.site-content {
  margin-bottom: 0 !important;
}

.wd-prefooter {
  padding: 0 !important;
}

/* Topbar Left */

#menu-topbar-left li a,
#menu-topbar-left-1 li a {
  color: var(--color-silver);
  font-size: 16px;
  opacity: 0.8;
  transform: translateY(0);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

#menu-topbar-left li a:hover,
#menu-topbar-left-1 li a:hover {
  opacity: 1;
  transform: translateY(-2px);
}

#menu-topbar-left .topbar-left__phone a,
#menu-topbar-left-1 .topbar-left__phone a {
  display: flex;
  gap: 8px;
  color: var(--color-flax);
  font-weight: 700;
}

#menu-topbar-left .topbar-left__phone a:before,
#menu-topbar-left-1 .topbar-left__phone a:before {
  content: '';
  width: 24px;
  height: 24px;
  background-color: var(--color-flax);
  -webkit-mask-image: var(--icon-phone);
  mask-image: var(--icon-phone);
}

/* Socials */

#menu-socials li a,
#menu-socials-1 li a {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-color: var(--color-white);
  opacity: 0.8;
  transform: translateY(0);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

#menu-socials li a:hover,
#menu-socials-1 li a:hover {
  opacity: 1;
  transform: translateY(-2px);
}

#menu-socials .socials__whatsapp a,
#menu-socials-1 .socials__whatsapp a {
  -webkit-mask-image: var(--icon-whatsapp);
  mask-image: var(--icon-whatsapp);
}

#menu-socials .socials__email a,
#menu-socials-1 .socials__email a {
  -webkit-mask-image: var(--icon-email);
  mask-image: var(--icon-email);
}

#menu-socials .socials__instagram a,
#menu-socials-1 .socials__instagram a {
  -webkit-mask-image: var(--icon-instagram);
  mask-image: var(--icon-instagram);
}

#menu-socials .socials__facebook a,
#menu-socials-1 .socials__facebook a {
  -webkit-mask-image: var(--icon-facebook);
  mask-image: var(--icon-facebook);
}

/* Header */

.whb-main-header .whb-general-header {
  background-color: var(--color-silver) !important;
  border-bottom: 0 !important;
  border-radius: 0 0 50px 50px;
}

/* .whb-main-header .whb-general-header-inner {
  overflow: hidden;
} */

.whb-sticky-shadow.whb-sticked .whb-main-header {
  box-shadow: none !important;
}

/* Main Menu */

#menu-main > li > a {
  position: relative;
  height: inherit !important;
  color: var(--color-bazaar);
  transition: color 0.35s ease;
}

#menu-main > li.current-menu-item > a,
#menu-main > li.current-menu-parent > a,
#menu-main > li > a:hover {
  color: var(--color-bush);
}

#menu-main > li > a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 2.5px);
  width: 5px;
  height: 17.5px;
  background-color: var(--color-emerald);
  border-radius: 3px 3px 0 0;
  transform-origin: center bottom;
  transform: translateY(32px) scaleY(0);
  transition: transform 0.25s ease-in-out;
}

#menu-main > li.current-menu-item > a:before,
#menu-main > li.current-menu-parent > a:before,
#menu-main > li > a:hover:before {
  transform: translateY(32px) scaleY(100%);
}

/* Main Layout */

.main-page-wrapper {
  padding-top: 0;
}

.layout__first-section {
  padding-top: var(--header-height);
  margin-top: calc(var(--header-height) * -1);
}

/* Home Hero */

.layout__first-section.hero {
  padding-top: 135px;
  padding-bottom: 360px;
}

.hero + .vc_clearfix {
  float: inherit;
}

.hero__text {
  max-width: 540px;
}

.hero__button {
  padding: 10px 32px;
  color: var(--color-bush) !important;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  background-color: var(--color-flax) !important;
  transform: translateY(0);
  transition: transform 0.35s ease;
}

.hero__button:hover {
  transform: translateX(2px);
}

/* Home */

.home__service-cards {
  margin-top: -240px;
}

.home__service-card {
  padding: 32px 18px;
  background-color: var(--color-white);
  border-radius: 40px;
  box-shadow: var(--box-shadow);
}

.home__service-card-icon-wrapper > .vc_column-inner {
  position: relative;
}

.home__service-card-icon-wrapper > .vc_column-inner:before,
.home__service-card-icon-wrapper > .vc_column-inner:after {
  content: '';
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  display: block;
}

.home__service-card-icon-wrapper > .vc_column-inner:before {
  width: 40px;
  height: 40px;
  background-color: var(--color-blumine);
  border-radius: 50%;
}

.home__service-card-icon-wrapper > .vc_column-inner:after {
  width: 24px;
  height: 24px;
  background-color: var(--color-white);
  -webkit-mask-image: var(--icon-arrow-up-right);
  mask-image: var(--icon-arrow-up-right);
  transform: translate(-8px, 8px);
}

.home__service-card .wpb_single_image {
  margin-bottom: 0;
  border-radius: 20px;
  overflow: hidden;
}

/* Service Cards */

/*** Row ***/
.service__cards-row > .wpb_column:nth-child(even) {
  margin-top: 60px;
}

.service__cards-row > .wpb_column:nth-child(2) .title {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.service__cards-row > .wpb_column:nth-child(3) .title {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.service__cards-row > .wpb_column:nth-child(4) .title {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

/*** Individual ***/
.service__card {
  padding: 32px;
  background-color: var(--color-white);
  border-radius: 40px !important;
  box-shadow: var(--box-shadow);
}

.service__card .title {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: 1.2 !important;
}

.service__card .title span {
  color: var(--color-emerald);
  font-weight: 700;
}

/* Home - Solutions */

.home__solutions {
  background-repeat: no-repeat;
  background-position: 120% top;
  background-size: 30%;
}

.home__solution-middle-image {
  border-radius: 40px;
  overflow: hidden;
}

.home__solutions.left-subtitle h3 {
  color: var(--color-blumine);
  font-size: 22px;
}

.home__solutions.left-subtitle h3 strong {
  color: var(--color-emerald);
}

.home__solutions .info-box-content .title {
  font-size: 22px;
  font-weight: 500;
}

/* Home - All Information */

.home__all-info.wpb_row {
  position: relative;
  z-index: 1;
}

.home__all-info.card-left > .vc_column-inner > .wpb_wrapper,
.home__all-info.card-right > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  border-radius: 40px;
  padding: 40px;
}

.home__all-info.card-left > .vc_column-inner > .wpb_wrapper {
  position: relative;
  background-color: var(--color-silver);
}

.home__all-info.card-right > .vc_column-inner > .wpb_wrapper {
  background-color: var(--color-bush);
}

.home__all-info.card-left .home__solutions.left-subtitle h3 {
  font-size: 28px;
}

.home__all-info-card .info-box-icon {
  width: 40px;
  height: 40px;
  padding: 8px !important;
}

.home__all-info-card .box-icon-wrapper {
  margin-right: 16px !important;
}

.home__all-info-card svg path[fill="#f4f0f0"] {
  fill: var(--color-flax);
}

.home__all-info-card .info-box-inner p {
  color: var(--color-bush);
  font-size: 22px;
}

.home__all-info.card-right .title {
  color: var(--color-white);
  font-size: 28px;
  font-weight: 700;
}

/* Home - Testimonials */

.home__testimonials {
  padding-top: 220px;
  padding-bottom: 100px;
  margin-top: -120px;
  background-color: var(--color-bush);
  background-image: var(--img-testimonials-bg);
  background-position: center top;
  background-size: cover;
  transform: translateY(1px);
}

.home__testimonials .colored__title .title {
  color: var(--color-white);
}

.home__testimonials .colored__title .title span {
  color: var(--color-flax);
}

.home__testimonials .testimonial-inner {
  position: relative;
  max-width: 540px;
  margin: 0 auto;
}

.home__testimonials .testimonial-inner:before,
.home__testimonials .testimonial-inner:after {
  position: absolute;
  font-family: 'Work Sans', sans-serif;
  font-size: 400px;
  font-weight: 400;
  line-height: 1;
  opacity: 0.1;
}

.home__testimonials .testimonial-inner:before {
  content: '“';
  top: 0;
  left: -80px;
}

.home__testimonials .testimonial-inner:after {
  content: '”';
  top: 90px;
  right: -80px;
}

.home__testimonials footer {
  color: var(--color-emerald) !important;
  font-weight: 400;
}

.home__testimonials footer:before,
.home__testimonials footer:after {
  content: '-';
}

.home__testimonials .owl-prev,
.home__testimonials .owl-next {
  opacity: 1;
  visibility: visible;
  transform: inherit !important;
}

.home__testimonials .owl-prev {
  left: 0 !important;
}

.home__testimonials .owl-next {
  right: 0 !important;
}

/* Footer */

#af-footer {
  color: var(--color-silver);
}

#af-footer .title-wrapper {
  margin-bottom: 8px;
}

#af-footer .title-wrapper .title-subtitle {
  margin-bottom: 0;
  line-height: 1;
}

#af-footer .title-wrapper .liner-continer {
  line-height: 1;
}

#af-footer .contact-info ul {
  padding: 0;
}

#af-footer .contact-info li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}


#af-footer .contact-info ul li:nth-child(1):before,
#af-footer .contact-info ul li:nth-child(2):before {
  content: '';
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--color-emerald);
  border-radius: 50%;
}

#af-footer .contact-info ul li:nth-child(1):after,
#af-footer .contact-info ul li:nth-child(2):after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: var(--color-bush);
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

#af-footer .contact-info ul li:nth-child(1):after {
  -webkit-mask-image: var(--icon-email);
  mask-image: var(--icon-email);
}

#af-footer .contact-info ul li:nth-child(2):after {
  -webkit-mask-image: var(--icon-phone);
  mask-image: var(--icon-phone);
}

#af-footer .contact-info ul li a {
  color: var(--color-silver);
}

#af-whatsapp {
  position: fixed;
  z-index: 99999999;
  bottom: 20px;
  right: 80px;
}

#af-whatsapp a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: var(--color-whatsapp);
  background-image: var(--icon-whatsapp);
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
  border-radius: 50%;
}

/* Parallax #1 - Hero text leaf */

.hero__column1 {
  position: relative;
  padding-top: 70px;
}

.hero__column1 .parallax-1 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 50%;
}

/* Parallax #2 - Services leaf */

.services__column2 {
  position: relative;
}

.services__column2 .parallax-2 {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -90px;
  max-width: 150px;
}

/* Parallax #petal, #3 */

.home__more-services {
  position: relative;
}

.home__more-services .parallax-petal {
  position: absolute;
  top: 200px;
  right: -80px;
  max-width: 160px;
}

.home__more-services .parallax-3 {
  position: absolute;
  z-index: 1;
  bottom: -120px;
  left: -120px;
  max-width: 270px;
}

/* Parallax #4 */

.home__solution-middle .parallax-4 {
  position: absolute;
  z-index: 5;
  bottom: -120px;
  right: -80px;
  max-width: 180px;
}

/* Parallax #5 */

.home__all-info.card-left .parallax-5 {
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: -100px;
  max-width: 180px;
}

/* Utilities */

.colored__title {
  margin-bottom: 18px;
}

.colored__title .title {
  color: var(--color-blumine);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.colored__title .title span {
  color: var(--color-emerald);
  font-weight: 700;
}

.general__button {
  padding: 10px 32px;
  color: var(--color-bush) !important;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  background-color: var(--color-flax) !important;
}

.dotted-list ul {
  margin: 0;
  padding: 0;
}

.dotted-list ul li {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.dotted-list ul li:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-emerald);
}

.green-anchor a {
  color: var(--color-emerald);
  font-weight: 700;
}

.br-40 img {
  border-radius: 40px !important;
}

.relative {
  position: relative;
}

.parallax.bottom-right {
  position: absolute;
  z-index: 1;
  bottom: -90px;
  right: -90px;
}

.parallax.yellow-leaf {
  max-width: 240px;
}

.af-carousel img {
  border-radius: 40px !important;
}

/* Visual Composer */

.wpb_text_column {
  margin-bottom: 24px;
}

.info-svg-wrapper {
  width: inherit !important;
  height: inherit !important;
}

.af-button img {
  filter: brightness(0.3);
}

/*****************************/
/********* BREAKPOINTS *******/
/*****************************/

@media(max-width: 1280px) {
  .whb-main-header .site-logo,
  #menu-main {
    padding: 0 24px;
  }
}

@media(max-width: 1200px) {
  .home__service-card-icon-wrapper > .vc_column-inner {
    max-width: 660px;
    margin: 0 auto;
  }

  .service__cards-row > .wpb_column:nth-child(even) {
    margin-top: 0;
  }

  .home__solutions > .wpb_column > .vc_column-inner {
    max-width: 60%;
    margin: 0 auto;
  }

  .home__solutions .home__solution-middle-image {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media(max-width: 1024px) {
  .whb-main-header .wd-tools-element {
    padding: 0 24px;
  }
}

@media(max-width: 991px) {
  #af-footer > .wpb_column:not(:first-child) > .vc_column-inner {
    padding-top: 0 !important;
  }
}

@media(max-width: 768px) {
  .home__all-info.card-left {
    margin-bottom: 24px;
  }

  .home__service-card-icon-wrapper > .vc_column-inner {
    max-width: 60%;
    margin: 0 auto;
  }

  .home__service-card-icon-wrapper img {
    margin-bottom: 24px;
  }

  .home__service-card-icon-wrapper > .vc_column-inner:before {
    display: none;
  }

  .home__solutions .home__solution-middle-image {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Page: Contact */

.page-id-171 .relative .parallax-2 {
  position: absolute;
  bottom: 40px;
  left: 0;
  max-width: 160px;
}

.page-id-171 .wpcf7-form .wpcf7-submit {
  min-width: 180px;
  text-transform: inherit;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: 120px !important;
  color: var(--color-bush) !important;
  background-color: var(--color-flax) !important;
}

.page-id-171 .wpcf7-form .wpcf7-submit:hover {
  color: var(--color-bush) !important;
  background-color: var(--color-flax) !important;
}

.page-id-171 .wpcf7-form input,
.page-id-171 .wpcf7-form textarea {
  border-radius: 12px !important;
}

/* ### */

.wd-sub-menu li > a {
  font-size: 18px !important;
}