/*
Theme Name: Phuket Island Rehab (Divi Child)
Template: Divi
Text Domain: Divi-child
Author: Crazy Web Studio
Author URI: https://www.crazywebstudio.co.th
*/

/* DETAIL PAGE */
.toc-link.active {
  color: #01D28E !important;
  font-weight: 700;
}

.key-takeaways ul,
.cws-list-exclamation-red ul,
.cws-list-hand-red ul,
.cws-list-hand-green ul,
.cws-list-hand-black ul,
.cws-list-star ul,
.cws-list-warning ul,
.cws-list-check ul {
  list-style: none;
  padding: 0;
}

.key-takeaways ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2023/12/check-icon.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}


.cws-list-exclamation-red ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2023/12/red.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-list-hand-red ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/hand-red.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-list-hand-green ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/hand-green.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-list-hand-black ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/hand-black.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-list-star ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/star.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-list-check ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/check.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-list-warning ul li {
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/warning.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 12px;
}

.cws-blurb ul li {
  margin-bottom: 20px;
}

.cws-blurb h6 {
  padding-bottom: 0px;
  font-weight: 700;
}

.cta-box {
  padding: 30px;
  background: linear-gradient(104deg, #65C0D3 0%, #01D28E 100%);
  border-radius: 10px;
  color: #fff;
  margin-top: 20px
}

.cta-box h3 {
  font-family: 'Open Sans';
  color: #fff;
  line-height: 33px;
  font-size: 20px;
}

.cta-box-item {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 10px;
}

.cta-box-item a {
  color: #fff;
  text-align: center;
  font-family: 'Open Sans';
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.2px;
}

.cta-box-btn {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  color: #01D28E;
  text-align: center;
  font-size: 15px;
  margin-top: 32px;
}

.cta-box-divider {
  border-top: 1px solid #fff;
  margin-bottom: 25px;
  margin-top: 15px;
  width: 30%
}

#table-of-contents h3, #related-pages h3 {
  color: #0E3025;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
}

#table-of-contents ol li a {
  color: #0E3025;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.52px;
  /* 168% */
  text-transform: capitalize;
}

#table-of-contents ol {
  padding-left: 20px
}

#table-of-contents ol li {
  margin-bottom: 5px;
}
ul.related-pages-wrapper{
  list-style: none !important;
  padding: 0;
  margin-bottom:20px;
}


.related-page-button{
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23.52px;
  text-transform: capitalize;
  background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/hand-black.svg');
  background-size: 20px 30px;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 8px;
  cursor:pointer;
}
.related-page-button:hover{
	background-image: url('https://wordpress-1469848-6245240.cloudwaysapps.com/wp-content/uploads/2024/01/hand-green.svg');
}
.related-page-button a {
	color: #0E3025 !important;
}
.related-page-button:hover a {
	color: #01d28e !important;
}

/*TEMPLATE SEC PAGES*/
@media only screen and (max-width: 960px) {
  .cta-box.desktop {
    display: none;
  }
}

 .cws-row-content .et_pb_column {
  z-index: 0 !important 
}

body #page-container.et-fb-iframe-ancestor .cws-row-content .et_pb_column {
  z-index: auto !important 
}

.cws-header {
  margin-top: 95px;
}
.cws-row-content p, .cws-row-content li{
	font-size:14px !important
}
.nav li ul {
    border-top: 2px solid #01D28E !important;
}
#menu-main-menu-desktop > li{
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}
@media only screen and (max-width: 980px){
	.cws-content-column-1{
	margin-bottom:0 !important
}
	ol.toc {
padding: 0 !important
}
	#related-pages{
		margin-bottom:35px !important
	}
	.cws-content {
    padding: 20px 0;
}
	.cws-header {
    margin-top: 54px;
		height:100% !important;
}
	
}


/* FORM */

.nf-form-fields-required {
  display: none !important;
}

.nf-form-content label {
  color: black !important;
  text-align: center !important;
  font-family: Overpass !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 29.314px !important;
  letter-spacing: 0.349px !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
  border: none !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.80) !important;
  color: #333 !important
}

.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]) {
  border: none !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.80) !important;
  padding-right: 22px !important
}

.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 58px !important;
}

.nf-form-content input:not([type=button]):focus,
.nf-form-content textarea:focus,
input.ninja-forms-field:focus {
  background: rgba(255, 255, 255, 1) !important;
}

.nf-form-cont input::placeholder,
.nf-form-cont textarea::placeholder {
  color: #888 !important;
  font-family: Overpass !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
  width: 100% !important;
  color: #FFFFFF !important; 
  text-transform: uppercase;
  font-weight: 700 !important;
  background: #2CD7A6 !important;
  cursor: pointer !important;
}

.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover {
  color: #01D28E !important;
  background: #FFF !important;
}
#cws-mega-menu {
	transition: all 0.5s ease-in-out;
	transform: translateY(-110%);
	position:absolute;
	opacity: 0;
}
/* HIDE MEGA MENU ON VISUAL BUILDER */
body #page-container.et-fb-iframe-ancestor #cws-mega-menu{
	display:none
}

/* MEET THE TEAM - FONT SIZE TOGGLE */
@media screen and (min-width: 900px) and (max-width: 1130px) {
    .role-toggle-size p {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 900px) and (max-width: 1130px) {
    .name-toggle-size h2 {
        font-size: 30px !important;
    }
}

@media screen and (min-width: 960px) and (max-width: 1130px) {
    .description-toggle-size p {
        font-size: 12px !important;
    }
}

/*LOGO Mobile*/

.et_pb_menu__logo-wrap {
    z-index: 999999;
}

/*PRICING POPUP*/

#cws-pricing-popup .nf-form-content .listselect-wrap .nf-field-element div,#cws-pricing-popup .nf-form-content input.ninja-forms-field,#cws-pricing-popup .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 40px !important;
}
#cws-pricing-popup .nf-form-content .listselect-wrap .nf-field-element div,#cws-pricing-popup .nf-form-content .ninja-forms-field {
    font-size: 12px !important;
}
#cws-pricing-popup .nf-form-content .list-select-wrap>div div:after {
    font-size: 12px !important;
    bottom: -5px !important
}
#cws-pricing-popup .list-select-wrap div:after {
    color: #333 !important;
}
#cws-pricing-popup {
	padding:10px !important
}
#cws-pricing-popup .nf-form-content .label-above .nf-field-label,#cws-pricing-popup .nf-form-content .label-below .nf-field-label,#cws-pricing-popup .nf-form-content .label-hidden .nf-field-label {
    margin-bottom: 0px !important;
}
#cws-pricing-popup .nf-form-content textarea.ninja-forms-field {
    height: 130px !important;
}

/*RESPONSIVE*/

@media only screen and (max-width: 1503px){
	#menu-main-menu-desktop li {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
}
}
@media only screen and (max-width: 1203px){
	.cws-desktop-menu-col-1{
	width:15% !important
}
.cws-desktop-menu-col-2{
	width:70% !important;
}
}
/*FIX ANCHOR OFFSET*/

.cws-row-content [id]::before {
  content: '';
  display: block;
  height: 95px;
  margin-top: -95px;
  visibility: hidden;
}
@media only screen and (max-width: 900px){
	.cws-row-content [id]::before {
	  height: 75px !important;
	  margin-top: -75px !important;
	}
}


/*Blog*/

.single-post #sidebar,.single-post .post-meta{
	display:none;
}
.single-post #left-area {
    float: none !important;
    padding-right: 0% !important;
	width:100% !important;
}
.single-post #main-content .container:before {
    right: 0 !important;
	display:none !important
}
.single .post {
    padding-top: 90px !important;
}
.single-post h1.entry-title{
	margin-bottom:25px !important
}
#mobile_menu2 .cws-social-footer {
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 980px){
li.cws-link-menu{
	display:none !important
	}
	.et_pb_menu .cws-social-footer{
		display:none !important
	}
}

/* Gravity Form */
body .gform_wrapper .gform_footer input[type=submit] {
	width: 100% !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    background: #2CD7A6 !important;
}