/*
 Theme Name:     Divi Child
 Description:    MCB Design Theme
 Author:         Owl Media
 Author URI:     https://www.owlmedia.co.za
 Template:       Divi
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* GENERAL */

body, p, li, a, h1, h2, h3, h4, h5{
  font-family: "Sora", sans-serif;
  font-weight: normal;
  transition: all 0.6s !important
}

a:hover{
	  transition: all 0.6s !important
}

.btn{
 padding: 10px 30px 8px;
  border-radius: 5px;
  font-size: 13px;
  color: #2f2f2f;
  text-transform: uppercase;
  transition: all 0.6s !important;
	 display: inline-block;
	 font-weight: 700
}

.yellow-btn{
  background: linear-gradient(-90deg, #ff8500 0%, #ffb000 100%) !important;
  transition: all 0.6s !important
}

.yellow-btn:hover{
background: linear-gradient(90deg, #ff8500 0%, #ffb000 100%) !important;
  transition: all 0.6s !important;
}

.white-btn{
  background-color: #fff;
  transition: all 0.6s !important
}

.white-btn:hover{
  background: linear-gradient(-90deg, #fff 0%, #FF8500 100%);
  transition: all 0.6s !important
}

.sub-heading h2{
font-weight: 800;
font-size: 30px;
color: #000;
}

.sub-heading h3{
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #0b3a5b;
}

.gen-text-mod p{
font-weight: normal;
font-size: 15px;
line-height: 150%;
color: #0b3a5b;
}

.blue-btn{
  background-color: #C8E9E5
}

.blue-btn:hover{
background: linear-gradient(90deg, #c8e9e5 0%, #0e6462 100%);
}

.green-btn{
background: linear-gradient(-90deg,  #2bb689 0%, #00714c 100%);
  color: #fff
}

.green-btn:hover{
  background: linear-gradient(90deg,  #2bb689 0%, #00714c 100%);
}

#sub-hero-row .hero-heading-mod h2{
font-weight: normal;
font-size: 18px;
line-height: 23px;
text-align: center;
}


/* _______________________________________________________________ */

/* Header */

.header-menu-mod a{
font-weight: 500;
font-size: 13px;
color: #626262;
}  

.header-menu-mod .current_page_item a{
  color: #2BB689;
  font-weight: 800
}
  
/* _______________________________________________________________ */

/* Footer */

.terms-mod a{
  margin-left: 10px
}

#footer-section a:hover{
  color: #fff !important;
}


.footer-text-mod p, .footer-text-mod a{
  font-size: 13px;
  line-height: 20px;
  color: #aac4d5;
}

#footer-menu ul{
  list-style-type: none;
}

#footer-menu a{
  display: block;
  margin-bottom: 20px;
  transition: all 0.6s
}

#footer-menu a:hover{
  padding-left: 10px;
  transition: all 0.6s
}

.footer-text-mod h3{
  text-transform: uppercase;
  font-size: 15px
}

.footer-text-mod h4{
  font-weight: bold;
  font-size: 15px;
  color: #2ab588;
}
.form-mod input{
  border: none !important;;
  border-radius: 5px !important;;
  padding: 10px !important;
  font-size: 13px !important;
}

.gfield--type-submit .gform-button{
background: linear-gradient(-90deg, #ff8500 0%, #ffb000 100%) !important;
   border-radius: 5px !important;
  transition: all 0.6s !important;
  
}

.gfield--type-submit .gform-button:hover{
background: linear-gradient(90deg, #ff8500 0%, #ffb000 100%) !important;
  transition: all 0.6s !important;
  cursor: pointer
}


/* _______________________________________________________________ */

/* HERO SECTION */

.header-location-blurb{
  padding: 10px;
  border-radius: 18px
}

.header-location-blurb .et_pb_module_header{
  padding-bottom: 0
}

.header-location-blurb .et_pb_blurb_container{
  padding-left: 0;
  vertical-align: middle
}

.hero-heading-mod h1{
font-weight: 800;
font-size: 60px;
color: #fff;
  line-height: 120%
}

.hero-heading-mod h2{
font-size: 20px;
line-height: 30px;
color: #fff;
}

.hero-heading-mod h1 strong{
font-weight: 800;
color: #ffb000;
}

.hero-button-container .et_pb_text_inner{
  display: flex
}

.hero-button-container .btn{
  margin-right: 20px
}

/* _______________________________________________________________ */

/* HOME CATEOGRY SECTION */

.gen-cat-row .et_pb_column{
border-radius: 20px;
background: #f3f6fc;
border: 1px solid rgba(23, 184, 144, 0.2);
padding: 20px
}

.cat-blurb h3{
font-weight: 400;
font-size: 18px;
color: #000;
}

.cat-blurb .et_pb_main_blurb_image{
margin-bottom: 20px
}

/* _______________________________________________________________ */

/* HOME LOCATION SECTION */

#locations-row .et_pb_column{
border-radius: 20px;
background: #fff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.07);
overflow: hidden
}

.location-blurb .et_pb_blurb_container{
  padding: 0px 20px 20px 20px
}

.blurb-btn-container{
  display: flex;
  padding-top: 20px;
  padding-bottom: 10px
}
.location-blurb h3{
font-weight: 700;
font-size: 18px;
color: #000;
}

.location-blurb h3 span span{
  float: right;
font-size: 15px;
color: #0b3a5b;
  font-weight: 400

}
.location-container{
  position: absolute;
  top: 20px;
  background-color: #fff;
  border-radius: 18px;
  padding: 5px 20px;
 font-weight: 500;
font-size: 11px;
color: #000;

}

.location-blurb .blurb-btn-container .btn{
  margin-right: 20px
}

/* _______________________________________________________________ */

/* REWARD SECTION */

.reaward-blurb .et_pb_module_header{
  padding-bottom: 0;
}

.reaward-blurb .et_pb_blurb_container{
    vertical-align: middle
}

#reward-section .reaward-blurb {
  padding: 15px 20px!important;
}

.yellow-white-heading h2{
font-weight: 800;
font-size: 30px;
color: #fff;
 }

.yellow-white-heading h2 strong{
  color: #FF8800;
  font-weight: 800
}
.yellow-white-heading h3{
  color: #fff !important;
}
#white.sub-heading h3{
  color: #fff
}

.price-mod p strong{
font-weight: bold;
font-size: 30px;
}

.price-mod#orange p strong{
  color: #FF8800
}

.price-mod#green p strong{
  color: #2BB689
}

.price-mod p{
font-size: 15px;
line-height: 20px;
text-align: left;
color: #acacac;
  padding-bottom: 5px
}

.price-btn-container .et_pb_text_inner p{
  display: flex;
  justify-content: center
}

.price-btn-container .et_pb_text_inner br{
  display: none
}

.price-btn-container .et_pb_text_inner a:first-of-type{
  margin-right: 10px
}

#price-btn-container-row{
  padding-top: 0;
  margin-top: -20px
}

.lesson-mod h3{
font-weight: 500;
font-size: 18px;
color: #000;
}

.lesson-mod{
 border-radius: 20px;
background: #f3f6fc;
border: 1px solid rgba(23, 184, 144, 0.2);
  padding: 20px;
  width: 49%;
  height: 180px;
  margin-bottom: 0 !important;
display: flex;
  align-items: center;
	justify-content: center
}

#info-col{
  display: flex;
  flex-wrap:  wrap;
  justify-content: space-between;
  margin-right: 1%;
  width: 49.5%
}
.lesson-mod.top{
  margin-bottom: 2% !important;
}

#lesson-image-col{
   border-radius: 20px;
  width: 49.5%
}

/* _______________________________________________________________ */

/* HOME EVENTS SECTION */

#event-icon-row .et_pb_column{
  background-color: #fff;
  border-radius: 20px;
  padding: 30px
}

/* _______________________________________________________________ */

/* FAQ SECTION */

.faq-tog-mod{
border-radius: 20px;
background: #f3f6fc;
border: 1px solid rgba(23, 184, 144, 0.2);
padding: 30px
}

.faq-tog-mod h5{
font-weight: 600 !important;
font-size: 18px !important;
color: #0b3a5b !important;
}


/* _______________________________________________________________ */


/* SERVICE TABS */

.service-tab-module .et_pb_all_tabs{
  margin-top: 30px
}

.service-tab-module ul.et_pb_tabs_controls{
  display: flex;;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  background-color: unset
}

.service-tab-module ul.et_pb_tabs_controls li{
  width: 32%;
  background-color: #F3F6FC;
  border: 1px solid #C7EAE7 !important;;
  padding: 50px 30px;
  border-radius: 20px;
}

.service-tab-module ul.et_pb_tabs_controls li a{
  font-weight: 800 !important;;
font-size: 30px;
text-align: center;
color: #000;
  line-height: 38px;
}

#service-tab-module-one{
  border: none
}

.service-tab-module ul.et_pb_tabs_controls li.et_pb_tab_active{
  background-color: #08283D
}

.service-tab-module ul.et_pb_tabs_controls li.et_pb_tab_active a{
  color: #fff !important;
}

#service-tab-module-one ul.et_pb_tabs_controls::after {
  display: none
}

.service-tab-module .first-content-row, .service-tab-module .second-content-row{
  display: flex;
  justify-content: space-between;
  align-items: stretch !important;
  margin-bottom: 20px
}

.service-tab-module .content-col{
  display: flex;
flex-flow:   wrap ;
  align-items: stretch;
  justify-content: space-between;
 }

.service-tab-module .content-col .first-row{
  margin-bottom: 2.5% !important;
}

.service-tab-module .et_pb_tab_content div div{
  width: 49%
}

.service-tab-module .content-col div{
  width: 49%;
  border: 1px solid #17B890;
  border-radius: 20px;
  padding: 50px 20px
}

.image-col{
  background-size:  cover;
  background-position: center;
  border-radius: 20px
}

.service-tab-module .content-col h3{
font-weight: 500;
font-size: 18px;
text-align: center;
color: #000;
}

.service-tab-module .content-col p{
 font-weight: normal;
font-size: 15px;
line-height: 20px;
text-align: center;
color: #0b3a5b;
  max-width: 170px;
  margin: auto

}

.service-tab-module .et_pb_tab{
  padding: 0;
  margin-top: 20px
}

.service-tab-module .content-col .full-col{
  width: 100%
}

.service-tab-module .content-col .full-col p{
  max-width: 350px
}

#service-tab-module-one .et_pb_tab h4{
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #0b3a5b;
  margin-bottom: 15px;
  margin-top: 40px !important;
}
.service-tab-module ul.et_pb_tabs_controls li.et_pb_tab_active:after {
  content: "X";
  bottom: 20px;
  position: absolute;
  color: #fff
}
/* _______________________________________________________________ */

/* FIRST TAB */

#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content{
  display: flex;
  justify-content: space-between;
  align-items: center;
	  margin-bottom: 20px
}

#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content div{
  width: 48%;
}

#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content .bookings-image-col img{
  border-radius: 20px
}

#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content h2{
font-weight: 700;
font-size: 30px;
color: #08283d;
  line-height: 38px

}

#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content .btn{
  display: inline-block;
  margin-top: 20px
}

#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content p{
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #08283d;
  line-height: 120%
}
#service-tab-module-one .et_pb_tab_0 .et_pb_tab_content h2 strong{
  color: #FF8800
}

/* _______________________________________________________________ */

/* SECOND TAB */

.gear-container{
  display: flex;
  justify-content: space-between
}

.gear-container div{
  width: 31% !important;
}

.gear-container img{
  border-radius: 20px;
}

.gear-container div h3{
  text-align: center;
  color: #000000;
  font-weight: 700;
  font-size: 18px

}

.gear-container div p{
  text-align: center;
  font-weight: 700;
  color: #FF8800
}
#service-tab-module-one .et_pb_tab_2 .et_pb_tab_content{
  margin-bottom: 30px
}

/* _______________________________________________________________ */

/* FOURTH TAB */

#service-tab-module-two{
  border: none
}
#service-tab-module-two ul.et_pb_tabs_controls::after {
  display: none
}
#service-tab-module-two .et_pb_tab_3 h2{
font-weight: 700;
font-size: 30px;
color: #000;
  margin-bottom: 10px
}

#service-tab-module-two .et_pb_tab_3 h3{
font-weight: normal;
font-size: 18px;
line-height: 25px;
color: #0b3a5b;
  max-width: 700px;
  margin: auto;
}

.loyalty-reward-container h3{
font-weight: 500 !important;;
font-size: 18px !important;;
text-align: center;
color: #000 !important;;
}

.loyalty-reward-container p{
font-weight: normal;
font-size: 15px;
line-height: 20px;
text-align: center;
color: #0b3a5b;
}

.loyalty-reward-container{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 20px
}

.loyalty-reward-container div{
  width: 32% !important;
  padding: 50px;
  border: 1px solid #17B890;
  border-radius: 20px
}

.loyalty-steps-container{
  margin-top: 50px
}

.the-steps{
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  margin-top: 20px
}

#service-tab-module-two .the-steps div{
  width: 49% !important;
}

.the-steps ol li{
font-weight: 600;
font-size: 18px;
color: #0b3a5b;
  list-style: decimal;
  margin-left: 30px;
  margin-bottom: 10px
}
.the-steps p{
font-weight: normal;
font-size: 15px;
color: #0b3a5b;
}

.the-steps img{
  border-radius: 20px
}

.loyalty-spend-cont{
  margin-top: 70px;
 }

.loyalty-spend-cont div{
   width: 100% !important;
}

.loyalty-spend-cont div div{
  background-color: #08283D;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 50px 50px;
  border-radius: 20px;
  text-align: center
}

.loyalty-spend-cont .spend-row-one div{
  max-width: 32%;
}

.loyalty-spend-cont .spend-row-one{
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 30px
}

.loyalty-spend-cont .spend-row-two div{
  max-width: 49%;
}

.loyalty-spend-cont .spend-row-two{
 display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: auto
}

/* _______________________________________________________________ */

/* FITH TAB */

#service-tab-module-two .et_pb_tab_4 .et_pb_tab_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#service-tab-module-two .et_pb_tab_4 h3{
font-weight: 500;
font-size: 18px;
text-align: center;
color: #000;
  padding: 50px;

  border: 1px solid #17B890;
  border-radius: 20px;
  width: 32%;
  margin-bottom: 25px
}


/* _______________________________________________________________ */

/* SIXTH TAB */

#service-tab-module-two .et_pb_tab_5 h2{
font-weight: 700;
font-size: 30px;
text-align: center;
color: #000;
  margin-top: 50px
}

#service-tab-module-two .et_pb_tab_5 p{
font-weight: normal;
font-size: 18px;
text-align: center;
color: #0b3a5b;

}

.shop-cat-container{
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: space-between
}

.shop-cat-container a{
  width: 32%;
  margin-bottom: 30px
}

.shop-cat-container a img{
  width: 100% !important;
  border-radius: 20px
}

.shop-cat-container p{
  display: none !important;
}

.shop-cat-container div{
  width: 100% !important;
}

.shop-cat-container h3{
font-weight: bold;
font-size: 18px;
text-align: center;
color: #000;
  margin-top: 10px

}

/* _______________________________________________________________ */

/* BOOKINGS PAGE */

.green-white-heading h2{
  color: #fff
}

.green-white-heading h2 strong{
  color: #2BB689
}

.benefit-text-mod p{
font-size: 18px;
text-align: center;
color: #fff;
}

.benefit-text-mod p strong{
color: #F5A900
}

.cat-blurb .green-btn{
  width: 100%;
  max-width: 200px
}

.page-id-85 #locations-row .location-blurb .green-btn{
  color: #fff !important;
} 


/* _______________________________________________________________ */

/* CONTACT */

#contact-form-row .gform_title{
font-weight: 700;
font-size: 30px;
text-align: center;
color: #000;
  margin-bottom: 20px
}

#contact-form-row .contact-form input, #contact-form-row .contact-form select, #contact-form-row .contact-form .textarea{
  border: 1px solid #D0F1E9;
  border-radius: 10px;
  font-size: 13px !important;
}

.gform_button{
  background: linear-gradient(-90deg, #2bb689 0%, #00714c 100%);
  color: #fff !important;;
  font-weight: 600 !important;;
 padding: 10px !important;
  text-transform: uppercase !important;
   transition: all 0.6s !important;

}

.gform_button:hover{
  cursor: pointer;
  background: linear-gradient(90deg, #2bb689 0%, #00714c 100%);
  transition: all 0.6s !important;
}


/* _______________________________________________________________ */



/* Wat is Padel Page */

.comp-blurb .et_pb_blurb_container{
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #fff;
  
  padding: 8px 20px;
  border-radius: 30px
}

.comp-blurb h3{
  padding: 0
}

.compare-head-mod h3{
font-weight: bold;
font-size: 11px;
color: #000;
  background-color: #fff !important;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 30px;
  }

.compare-head-mod{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 210px;
  margin-bottom: 40px !important;
}

#comp-row .et_pb_column{
border-radius: 20px;
background: #fff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.07);


}

.comp-text-mod{
  padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px
}

.comp-text-mod h4{
font-weight: bold;
font-size: 18px;
color: #000;

}

.comp-text-mod p{
  border-bottom: 1px solid #C7EAE7;
  margin-bottom: 30px;
  padding-bottom: 30px;
	  font-size: 13px
}

.comp-text-mod p:last-of-type{
  border: none
}

#comp-row .has_et_pb_sticky .compare-head-mod h3{
  display: block;
  text-align: center;
  font-size: 18px
}

#hero-col{
  width: 80% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  float: unset
}

#hero-row{
background: linear-gradient(90deg, #082d44 0%, rgba(8, 45, 68, 0.88) 43.72%, rgba(255, 255, 255, 0) 100%);
}

/* _______________________________________________________________ */

/* LOCATIONS PAGE */

.location-info-tabs, .location-info-tabs ul.et_pb_tabs_controls li{
  border: unset !important;
}

.location-info-tabs ul.et_pb_tabs_controls::after {
  display: none
}

.location-info-tabs ul.et_pb_tabs_controls li a{
font-family: Sora;
font-weight: bold;
font-size: 16px;
color: #b7b7b7;
  padding-left: 0;
  padding-right: 10px
}

.location-info-tabs ul.et_pb_tabs_controls{
  display: flex;
  justify-content: space-between;
  background-color: unset
}

.location-info-tabs .et_pb_tab{
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px
}

.pricing-container p{
  display: flex;
  justify-content: space-between;
  align-items: center
}

.pricing-container{
  margin-top: 10px
}

.location-info-tabs .et_pb_tab_content li{
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  color: #0b3a5b;
}

.location-hero-image img{
  border-radius: 20px
}

/* _______________________________________________________________ */

/* SHOP */

li.product{
  border-radius: 20px;
  background: #f3f6fc;
  border: 1px solid rgba(23, 184, 144, 0.2);
  overflow: hidden
  }

li.product h2.woocommerce-loop-product__title{
  text-align: center;
  padding: 10px 10px !important;
  font-weight: 700;
  font-size: 15px !important;;
  color: #000;
}

li.product .price .amount{
  color: #2BB689 !important;
  font-weight: bold !important;
}
li.product .price{
  text-align: center;
  padding: 0px 10px 10px 10px !important;
  color: #2BB689;
  font-weight: bold !important;
  font-size: 18px !important;
}

li.product .price span:first-of-type{
  color: grey ;
 font-size: 12px;
  font-weight: 500
}

li.product .price .woocommerce-Price-currencySymbol{
  color: #2BB689 !important;
  font-weight: bold !important;
  font-size: 18px !important;
}

.archive-heading-mod h1{
  font-weight: 800;
  font-size: 30px;
  color: #000;
}

.product-filter-mod h4{
    font-weight: 800;
  color: #000;
}

.woocommerce ul.products li.product .prod_cat_label,
.product .prod_cat_label {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
 background-color: #fff;
  border-radius: 18px;
  padding: 0px 10px;
  font-weight: 500;
  font-size: 11px;
  color: #000;
}




/* _______________________________________________________________ */

/* Woocommerce */

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  background: #082d44;
  border-radius: 10px
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
  margin-bottom: 5px
}

.woocommerce .woocommerce-error strong, .woocommerce .woocommerce-info strong, .woocommerce .woocommerce-message strong{
  color: #FF8800
}

.checkout{
  margin-top: 50px
}

.woocommerce-billing-fields{
  margin-top: 30px
}

.woocommerce h3{
  color: #000;
  font-weight: 700
}

.woocommerce-cart-form{
  margin-top: 30px
}

.woocommerce-cart-form{
  margin-top: 30px
}
.cart_totals h2{
  color: #000;
  font-weight: 700
}

#main-content .container::before {
  display: none !important;
}

/* _______________________________________________________________ */

#woocommerce-product-search-field-0{
border-radius: 5px;
  background: #f3f6fc;
  border: 1px solid rgba(23, 184, 144, 0.2);
  padding: 10px;
}

.woocommerce-product-search button{
  background-color: #C8E9E5;
  padding: 10px 30px 8px;
  border-radius: 5px;
  font-size: 13px !important;
  color: #2f2f2f;
  text-transform: uppercase;
  transition: all 0.6s !important;
  display: inline-block;
  font-weight: 700;
  border: none;
  width: 100%;
  max-width: 100%;
  margin-top: 5px
}

.woocommerce-product-search button:hover{
  background: linear-gradient(90deg, #c8e9e5 0%, #0e6462 100%);
  transition: all 0.6s !important;
  cursor: pointer
}

h4.widgettitle{
  font-weight: 800;
  color: #000;
}

h1.woocommerce-products-header__title{
  font-weight: 800;
  font-size: 30px;
  color: #000;
}


/* _______________________________________________________________ */

.button{
  background-color: #C8E9E5 !important;;
  padding: 10px 30px 8px !important;;
  border-radius: 5px !important;
  font-size: 13px !important;
  color: #2f2f2f !important;;
  text-transform: uppercase !important;
  transition: all 0.6s !important;
  font-weight: 700 !important;;
  border: none !important;;
}

.button:after{
  display: none !important;
}

.button:hover{
  background: linear-gradient(90deg, #c8e9e5 0%, #0e6462 100%) !important;;
  transition: all 0.6s !important;
  cursor: pointer !important;
}


.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
   border-radius: 5px !important;
  padding: 10px 20px 8px !important;
}

body #page-container #main-content .et_pb_section .et_pb_wc_cart_totals_0 a.checkout-button.button, .et_pb_wc_cart_totals_0 button.button {
  padding: 10px 30px 8px !important;
}

.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info {
  border-radius: 20px !important;
  background: #f3f6fc !important;
  border: 1px solid rgba(23, 184, 144, 0.2) !important;
  padding: 0px 20px 10px !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background-color: #C8E9E5 !important;
  border-radius: 5px !important

}

h1.entry-title{
  font-weight: 800;
  font-size: 30px;
  color: #000;
}

/* _______________________________________________________________ */

/* MY ACCOUNT */

/* ================================
   WooCommerce My Account - Improved Layout
   ================================ */


/* Force account layout into two columns */
.woocommerce-account .woocommerce {
    display: flex !important;
    margin-bottom: 50px
    }

/* Left menu */
.woocommerce-account .woocommerce-MyAccount-navigation {
  
       float: none !important;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08);
 width: 270px !important;
    min-width: 270px;
  margin-right: 30px
}

/* Remove bullets properly */
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li::marker {
    display: none !important;
    content: "" !important;
}

/* Menu spacing */
.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin-bottom: 8px !important;
}

/* Menu links */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 13px 15px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #334155;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

/* Icon base */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 20px;
    min-width: 20px;
    text-align: center;
    color: #2BB689;
    font-size: 15px;
}

/* Icons */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f3fd";
}

.woocommerce-MyAccount-navigation-link--memberships a::before,
.woocommerce-MyAccount-navigation-link--members-area a::before {
    content: "\f0c0";
}

.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    content: "\f2f1";
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f291";
}

.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f019";
}

.woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-MyAccount-navigation-link--address a::before {
    content: "\f3c5";
}

.woocommerce-MyAccount-navigation-link--edit-account a::before,
.woocommerce-MyAccount-navigation-link--account-details a::before {
    content: "\f007";
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5";
}

/* SUMO Membership icon */
.woocommerce-account .woocommerce-MyAccount-navigation-link--sumomembership a::before {
    content: "\f0c0" !important; /* users / membership */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* SUMO Subscriptions icon - alternative */
.woocommerce-account .woocommerce-MyAccount-navigation-link--sumo-subscriptions a::before {
    content: "\f073" !important; /* calendar icon */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #C8E9E5;
    color: #2f2f2f;
}

/* Active item */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: linear-gradient(-90deg, #2bb689 0%, #00714c 100%);
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(47, 142, 216, 0.25);
}


.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
    color: #ffffff;
}

/* Right content */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    width: auto !important;
    float: none !important;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    padding: 34px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08);
    color: #475569;
    line-height: 1.7;
    box-sizing: border-box;
}

/* Content typography */
.woocommerce-account .woocommerce-MyAccount-content p {
    margin-bottom: 18px;
    font-size: 16px;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    color: #1f2937;
    font-weight: 800;
    margin: 28px 0 10px;
}

/* Links */
.woocommerce-account .woocommerce-MyAccount-content a {
    color: #2BB689;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* Inputs and selects */
.woocommerce-account .woocommerce-MyAccount-content input,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    border: 1px solid #d6dee8;
    border-radius: 9px;
    padding: 9px 11px;
    font-size: 14px;
}

.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
    outline: none;
    border-color: #3aa0e6;
    box-shadow: 0 0 0 3px rgba(58, 160, 230, 0.16);
}

/* Tables */
.woocommerce-account .woocommerce-MyAccount-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e5eaf0;
    border-radius: 14px;
    overflow: hidden;
    margin-top: 18px;
    background: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content table th {
    background: #f7fafc;
    color: #334155;
    font-weight: 700;
    padding: 14px 16px;
    border-bottom: 1px solid #e5eaf0;
}

.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 14px 16px;
    border-bottom: 1px solid #edf1f5;
    color: #475569;
}

.woocommerce-account .woocommerce-MyAccount-content table tr:hover td {
    background: #f8fbff;
}

/* Buttons */



/* Responsive */
@media (max-width: 900px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
        gap: 25px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: grid;
        gap: 8px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li {
        margin-bottom: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        padding: 25px 20px;
    }
}

@media (max-width: 520px) {
  
    .woocommerce-account .woocommerce-MyAccount-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}



/* _______________________________________________________________ */
/* _______________________________________________________________ */

/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */

/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */

/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */

/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */
/* _______________________________________________________________ */