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

/* ---------------------------------------- HEADER SECTION ---------------------------------------- */


.ser-content .ser-body .thumbnail-blog img { height: 350px; object-fit: cover; object-position: center; }
.Header-text { color: #fff; font-size: 16px !important; }
.whb-row.whb-general-header { padding: 0 70px; position: relative; background: #ffffff82 !important; }
.whb-row.whb-general-header:before { content: ''; position: absolute; background: #798e58; width: 12px; height: 120px; top: 0; left: 0; }
.whb-row.whb-general-header:after { content: ''; position: absolute; background: #798e58; width: 12px; height: 120px; top: 0; right: 0; }
.header-info .info-box-subtitle { color: #000 !important; font-size: 16px; line-height: 0 !important; }
.header-info .info-box-inner a { font-size: 20px; color: #48006e !important; }
.header-info .info-box-icon { background: #e0d4de; padding: 10px; }
ul#menu-main-header-menu li a {color: #48006e;transition: 0.5s ease;font-size: 16px;}
.ser-body .thumbnail-blog img { height: 300px; object-fit: cover; }

/* ---------------------------------------- BANNER SECTION ---------------------------------------- */
.BannerContent .title { color: #48006e; font-size: 60px; font-family: auto; line-height: 70px !important; !i; !; }
.BannerContent .title strong { color: #798e58; font-weight: 400; }
.BannerContent .info-box-inner { color: #000; font-size: 22px; }
.BannerBtnRow  .wpb_wrapper { display: flex; gap: 10px; }
.CustomclBtn { width: 200px; font-weight: 400; font-size: 13px; padding: 0; transition: 0.5s ease; }
.CustomtrBtn { background: #798e58; color: #fff; font-weight: 400; width: 200px; padding: 0; transition: 0.5s ease; }
.BannerContent { width: 70%; padding-top: 100px; background: #ffffff6e; border-radius: 20px !important; !i; !; padding: 40px 15px; margin-top: 80px; }
#slider-3 { position: relative; }
#slider-3:after { content: ''; position: absolute; background: url(images/purple-dsg.png); width: 100%; height: 40px; right: 0; bottom: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; }

/* ---------------------------------------- EVENTS SECTION ---------------------------------------- */
.CustomHead .title { font-size: 60px; font-family: auto; line-height: 65px !important; color: #48006e; }
.EventsHead { width: 57%; margin: auto; padding-bottom: 70px; }
.CustomHead .title strong { color: #718d46; font-weight: 400; }
.CustomHead .info-box-inner { color: #000; }
.EventsSec { padding-top: 120px !important; padding-bottom: 120px !important; }
.EventList .info-box-title { color: #48006e; font-size: 30px; font-family: auto; line-height: 15px !important; padding-bottom: 10px; }
.EventList .info-box-inner { font-size: 16px; color: #000; }
.EventList { background: #eae6e9; padding: 30px; border-radius: 20px !important; margin: 16px 0; }
.YogaImg img { width: 100%; height: 645px; object-fit: cover; }

/* ---------------------------------------- SUPPORT SECTION ---------------------------------------- */
.SupportRow { padding: 40px 0; }
.SupportBoxes .title { color: #fff; font-size: 25px; font-family: auto; }
.SupportBoxes .info-box-inner { color: #fff; }
.SupportBoxes .info-box-icon { background: #ebb2b6; padding: 20px; }
.SupportBoxes .info-box-icon img { width: 100%; height: 60px; object-fit: cover; }

/* ---------------------------------------- RETREATS SECTION ---------------------------------------- */
.RetreatHead { width: 50%; padding-left: 80px; padding-bottom: 30px; }
.RetreatHead .info-box-inner { padding-right: 100px; }
.RetreatHead .info-box-subtitle { font-size: 20px; color: #000 !important; font-weight: 600; }
.RetreatsSec { padding-top: 120px !important; }
.ser-body .title { font-size: 25px; font-family: auto; margin-bottom: 0; }
.ser-body p { color: #000; padding: 15px 0; }
.readmore { display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; }
.ser-body { padding: 20px; background: #fff; margin: 20px; border: 1px solid #ddd; }
.offeringsContent { height: 260px; }
.content { padding-right: 120px; }

/* ---------------------------------------- LETS SECTION ---------------------------------------- */
.CustoRow { padding: 100px 0; }
.LetsHead  .title { font-size: 60px; font-family: auto; }
.LetsHead .info-box-inner { color: #000; }
.LetsHead { width: 60%; }
.LetsHead .title strong { font-weight: 400; color: #48006e; }
.MatterBoxes { background: #718d46; padding: 40px; margin-bottom: 0; }
.MatterBoxes .title { color: #fff; font-family: auto; font-size: 25px; }
.MatterBoxes .info-box-inner { color: #fff; }
.BondBox { border-top-left-radius: 50px !important; }
.MoraleBox { border-bottom-right-radius: 50px !important; }

/* ---------------------------------------- GROUP SECTION ---------------------------------------- */
.GroupRow { padding: 120px 0; background-size: contain !important; background-repeat: no-repeat !important; }
.StretchImg img { height: 640px; object-fit: cover; }
.GroupBtnRow .wpb_wrapper { display: flex; gap: 10px; margin-top: 20px; }

/* ---------------------------------------- GROUP SECTION ---------------------------------------- */
.testimonials_content { background: #fff; margin-right: 10px; padding: 70px 30px; border-radius: 20px !important; position: relative; z-index: 1; }
.footer-testimoni { display: flex; gap: 20px; padding-top: 40px; }
h3.testi-title { margin: 0; color: #48006e; font-family: auto; font-size: 25px; }
.thumbnail-blog { border: 1px solid #48006e; padding: 5px; }
.excerpt { color: #000; }
.rating { padding-top: 20px; }
.quote { position: absolute; top: 10px; z-index: 999; }
.TestiHead { width: 50%; }
.TestiHead .info-box-subtitle { color: #000 !important; font-size: 20px; font-weight: 600; }
.page-id-14 .RetreatHead {
    width: 100%;
    padding-left: 80px;
    padding-bottom: 30px;
}

/* ---------------------------------------- EMPLOYEE SECTION ---------------------------------------- */
.RoiCol { padding: 0 100px; background: #f8f0fc; margin-top: 50px; }
.RoiContent .info-box-inner strong { color: #48006e; font-size: 16px; }
.RoiContent .info-box-inner { font-size: 16px; padding-top: 15px; }
.TapasCol { position: relative; padding-top: 50px; }
.Tapas {position: absolute;top: 210px;right: 50px;}
.MissonHead .info-box-subtitle { color: #000 !important; font-size: 20px; font-weight: 600; }
.VideoRow  .wpb_wrapper { position: absolute; display: flex; gap: 20px; align-items: center; right: 50px; bottom: 30px; background: #48006e; padding: 40px 40px 10px;    /* border-radius: 20px; */ width: 484px; height: 150px; border: 10px solid #fff; }
.VideoContent .title { color: #fff; font-size: 20px; font-family: auto; }
.VideoContent .info-box-inner { color: #fff; font-size: 13px; }
.VideoContent { padding-right: 0; width: 100%; }
span.wd-el-video-play-btn { background: #ebb2b6; border-radius: 50px; !; !i; !; }
.wd-el-video-play-btn:after { border: none !important; }
.missionCol  .vc_column-inner { padding: 0 !important; }
.missionCol { margin-top: -30px; }
.missionCol .GroupBtnRow { padding-left: 15px; }
.TapasCol:before { position: absolute; content: ''; background: url(images/flower.png); top: -80px; left: 140px; width: 130px; height: 130px; background-repeat: no-repeat; background-size: contain; }
.MatterBoxes.AboutBox { padding: 30px !important; }
body.blog .wd-content-area.site-content { padding: 50px 0; }
/* ---------------------------------------- FOOTER SECTION ---------------------------------------- */
.ImageSlidder { padding: 80px 0; background: #ece5f0; margin: 0; }
#easy-newsletter-form label { display: none; }
#easy-newsletter-form input { width: 300px; background: #ffffff36; border: 2px solid #fff; padding: 20px 15px; }
#easy-newsletter-form { display: flex; position: relative; }
#easy-newsletter-form .input-submit { position: absolute; right: 80px; }
button#easy-newsletter-submit { color: #fff; background: none; }
ul#menu-footer-menu li a { color: #7e8896; transition: 0.5s ease; }
.ul_sep ul { display: flex; gap: 30px; list-style: none; padding: 0; }
.copyRight { margin-top: 50px; }
.head_border .wd-text-block { position: relative; }
.head_border .wd-text-block:before { content: ''; position: absolute; background: #718d46; bottom: -30px; left: 0px; width: 80px; height: 2px; }
.single-services .main-page-wrapper > .container { max-width: 100%; }
.single-services .page-title-default { width: 100%; }
.single_serviceSection { display: flex; flex-direction: row-reverse; padding: 150px 0 100px; }
.wd-content-layout { padding: 0 !important; }
.gform-footer input { width: 180px; color: #fff; background: #48006e; }
ul#menu-main-header-menu li a:hover { letter-spacing: 2px; color: #798e58; }
.header-info .info-box-inner a:hover { color: #798e58 !important; }
.CustomclBtn:hover { letter-spacing: 2px; background: #798e58; }
.CustomtrBtn:hover { background: #48006e; letter-spacing: 1px; color: #fff !important; }
ul#menu-footer-menu li a:hover { color: #718d46; letter-spacing: 2px; }
.ul_sep a { transition: 0.5s ease; }
.ul_sep a:hover { color: #718d46 !important; letter-spacing: 1px; }
.FooterLink .wd-info-box-link.wd-fill:hover { color: #718d46 !important; }


.Tapas img {
    width: 350px;
    height: 500px;
    object-fit: cover;
}



.wpb_single_image.BlueStretch img {
    width: 350px;
    max-width: 350px;
    object-fit: cover;
    height: 596px;
    position: relative;
    right: 50px;
}

.sermage2 img {
    height: 610px;
    object-fit: cover;
}

.sermage img {
    height: 430px;
    object-fit: cover;
}


ul li.checklist {
  position: relative; /* Ensures the icon is positioned relative to the list item */
  padding-left: 25px; /* Adds space for the icon */
  list-style: none; /* Removes default list bullets */
}

ul li.checklist::before {
  content: '\2713'; /* Unicode for a checkmark symbol */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px; /* Adjust size of the checkmark */
  color: #47006d; /* Green color for the checkmark (you can change this) */
  line-height: 1.5; /* Aligns the checkmark vertically with the text */
}
.ul_sep li a {
    color: #7e8896;
}