/**
 * Theme Name:     simpleisbest Child
 * Author:         simpleisbest8500
 * Template:       simpleisbest
 * Text Domain:	   simpleisbest-child
 * Description:    This is a simple theme. You can easily change the layout from the theme options. Easy to switch from 1 column to 2 columns.You can choose the layout from 3 patterns for the header and 2 patterns for the footer. It\&#039;s easy to customize because it doesn\&#039;t have any extra decorations or detailed settings.
 */

/* Custom Css Start */


/* Provider Single Page Css */


.provider-single-about {
    background: #FFFFFFBF !important;
    border-radius: 26px;
}

.provider-single-about::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 24px;
    background: conic-gradient(from 100deg at 50% 50%, rgba(249, 249, 249, 0.5), rgb(156 156 156 / 18%) 20%, rgb(156 156 156 / 22%) 40%, #ffffff 60%, rgb(156 156 156 / 17%) 80%, rgba(249, 249, 249, 0.5) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}



.provider-single-details-sec {
    background: #FFFFFFBF !important;
    border-radius: 26px;
     background-image: url(https://onebehavioralmo.com/wp-content/uploads/2026/03/provider-single-bg.png) !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
}

.provider-single-details-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 24px;
    background: conic-gradient(from 100deg at 50% 50%, rgba(249, 249, 249, 0.5), rgb(156 156 156 / 18%) 20%, rgb(156 156 156 / 22%) 40%, #ffffff 60%, rgb(156 156 156 / 17%) 80%, rgba(249, 249, 249, 0.5) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}


/* Providers Css Pages */

.provider-details-sec{
	background: #FFFFFFBF !important;
    border-radius: 24px;
}


.provider-details-sec::before {
	 content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 24px;
    background: conic-gradient(from 100deg at 50% 50%, rgba(249, 249, 249, 0.5), rgb(156 156 156 / 18%) 20%, rgb(156 156 156 / 22%) 40%, #ffffff 60%, rgb(156 156 156 / 17%) 80%, rgba(249, 249, 249, 0.5) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}




/* Location Loop columns ko interchnage kerne k lie */

/* Parent container ko flex bana do */
.location-loop-container .ecs-posts article:nth-child(even) .alternating-layout .elementor-container {
    flex-direction: row-reverse;
}

/* Mobile: normal stacking */
@media (max-width: 767px) {
    .location-loop-container .ecs-posts article .alternating-layout .elementor-container {
        flex-direction: column !important;
    }

.location-grid{
margin:0px !important;
margin-bottom: 35px !important;
padding: 30px;
}

.map-grid .elementor-element-populated{
padding :0px !important;
}
}

/* Location Loop Css Start */

.map-container{
border:1px solid #F9BB62 !important;
border-radius: 24px;
}

.map-grid .map-container{
border:1px solid #F9BB62 !important;
border-radius: 24px;
}


.location-grid{
	background: #FFFFFFBF !important;
border-radius: 24px;
margin: 15px;
padding:30px;
}

.location-grid::before {
	 content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: conic-gradient(from 100deg at 50% 50%, rgba(249, 249, 249, 0.5), rgb(156 156 156 / 18%) 20%, rgb(156 156 156 / 22%) 40%, #ffffff 60%, rgb(156 156 156 / 17%) 80%, rgba(249, 249, 249, 0.5) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* End */



/* About Us page */

.about-grid{
	background: #FFFFFFBF !important;
border-radius: 24px;
margin: 15px;
}

.about-grid::before {
	 content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 24px;
    background: conic-gradient(from 100deg at 50% 50%, rgba(249, 249, 249, 0.5), rgb(156 156 156 / 18%) 20%, rgb(156 156 156 / 22%) 40%, #ffffff 60%, rgb(156 156 156 / 17%) 80%, rgba(249, 249, 249, 0.5) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* End */


/* How does work grid css start */

.profesional{
background: #FFFFFFBF !important;
border-radius: 24px;
margin: 15px;
border: 1px solid #FFFFFFBF;
}

.profesional:hover {
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid #F9BB62;
    box-shadow: 0px 4px 4px rgba(249, 187, 98, 0.3), 0px 52px 21px rgba(249, 187, 98, 0.01), 0px 29px 18px rgba(249, 187, 98, 0.05), 0px 13px 13px rgba(249, 187, 98, 0.09), 0px 3px 7px rgba(249, 187, 98, 0.1);
}


/* End */

/* Custom Accordation Styling Start */

.custom-accordation .elementor-tab-title{
    background-color:#F8F7F1;
   border-radius: 15px 15px 0px 0px;
   align-content: center;
}

.custom-accordation .elementor-tab-content {
    background-color: #F8F7F1;
   border-radius: 0px 0px 15px 15px;
margin-bottom:0px !important;
}

.custom-accordation .elementor-accordion-item{
    margin-bottom: 20px;   
 position: relative; 
 border-radius:15px;
overflow: hidden;
}


.custom-accordation .elementor-accordion-item::before {
 content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 15px;
    background: conic-gradient(from 100deg at 50% 50%, rgba(249, 249, 249, 0.5), rgb(156 156 156 / 18%) 20%, rgb(156 156 156 / 22%) 40%, #ffffff 60%, rgb(156 156 156 / 17%) 80%, rgba(249, 249, 249, 0.5) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}


.custom-accordation .elementor-accordion-icon:hover{
box-shadow: 0px 0px 4px 2px rgba(135, 126, 234, 0.94);
}

.custom-accordation .elementor-accordion-icon{
background-color: #5546FB;
border-radius: 13px;
    padding: 8px 10px;
}

.custom-accordation .elementor-accordion-icon{
    width:2em !important;
}


.custom-accordation .elementor-accordion-icon-opened svg{
transform: rotate(46deg);
}

.custom-accordation .elementor-tab-title .elementor-accordion-icon svg {
    position: relative;
    top: 2px;
}

/* Custom Accordation Styling End */


/* Posts Reverse CSS Landing Page */

/* Make inner wrapper flex */
.elementor-post .alternating-layout > .elementor-container > .elementor-column > .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
}

/* Default order */
.elementor-post .elementor-element-44dcce7 { order: 1; }
.elementor-post .elementor-element-d7b8207 { order: 2; }

/* Reverse only EVEN posts */
.elementor-post:nth-child(even) .elementor-element-44dcce7 { order: 2; }
.elementor-post:nth-child(even) .elementor-element-d7b8207 { order: 1; }

@media (max-width: 767px){
    .elementor-post .elementor-element-44dcce7,
    .elementor-post .elementor-element-d7b8207 {
        order: unset !important;
    }
}

/* Posts Reverse CSS Landing Page End */

/* Post Loop Icon animation Start */

.elementor-element-000140e .elementor-icon svg {
    transition: transform 0.3s ease;
}

.elementor-element-000140e:hover .elementor-icon svg {
    transform: rotate(46deg);
}

/* Post Loop Icon animation Start */


/* Full Blue Button CSS Start */

.full-blue-btn a:hover{
filter: drop-shadow(0px 18px 7px rgba(0, 0, 0, 0.01)) drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.05)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.09)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}

.full-blue-btn a:focus span {
    color: #ffffff !important;
}

.full-blue-btn .elementor-button .elementor-button-content-wrapper .elementor-button-icon{
	background-color: #ffffff;
    height: 30px;
    width: 32px;
    padding-left: 9px;
    border-radius: 8px;
    margin-left: 10px;
}

.full-blue-btn .elementor-button-content-wrapper{
	justify-content: space-between !important;
}

.full-blue-btn span.elementor-button-text {
    align-self: center !important;
}

/* Smooth transition for SVG */
.full-blue-btn .elementor-button-icon svg {
   transition: transform 0.45s cubic-bezier(0.25,0.1,0.25,1);
    transform: translateZ(0);
    backface-visibility: hidden;
    shape-rendering: geometricPrecision;
}

/* Rotate only SVG on button hover */
.full-blue-btn a:hover .elementor-button-icon svg {
    transform: rotate(46deg);
}

/* Button Css End */




/* Transparent BLue Button Css Start  */

/* MAIN BUTTON STYLE */

@media (max-width: 767px) {
.transparent-blue a{
width: -webkit-fill-available !important;
}

.full-blue-btn a{
width: -webkit-fill-available !important;
}

.transparent-blue .elementor-button::before{
left: 50% !important;
width: 43px !important;
height: 16px !important;
}
}

.transparent-blue .elementor-button:focus{
	color: #5546FB !important;
}

.transparent-blue .elementor-button:active{
	color: #5546FB !important;
}

 .transparent-blue .elementor-button {
  position: relative;
  overflow: hidden;
  background: transparent;
  transition: color 0.4s ease;
  z-index: 1;
}

/* SUNRISE CIRCLE */
.transparent-blue .elementor-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 25px;
  height: 20px;
  background: #5546FB; 
  border-radius: 50%;
  transform: translate(-50%, 50%) scale(0);
  transition: transform 0.9s cubic-bezier(.22,.61,.36,1);
  z-index: -1;
}

/* HOVER EXPANSION */
.transparent-blue .elementor-button:hover::before {
  transform: translate(-50%, 50%) scale(15);
}

/* TEXT COLOR CHANGE */
.transparent-blue .elementor-button:hover {
  color: #ffffff !important;
} 

/* Buttons CSS End */


/* Submit Button CSS for Contact Form Elementor Start */


#contact_form .elementor-button:focus{
    color: #5546FB !important;
}

#contact_form .elementor-button:active{
    color: #5546FB !important;
}

/* Base Button */
#contact_form .elementor-button {
    position: relative;
    overflow: hidden;
    background: transparent;
    transition: color 0.5s ease;
    z-index: 1;
}

/* SUNRISE CIRCLE */
#contact_form .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 20px;
    background: #5546FB;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: transform 0.9s cubic-bezier(.22,.61,.36,1);
    z-index: -1;
}

/* HOVER EXPANSION */
#contact_form .elementor-button:hover::before {
    transform: translate(-50%, 50%) scale(15);
}

/* TEXT COLOR CHANGE */
#contact_form .elementor-button:hover {
    color: #ffffff !important;
}


/* Submit Button CSS for Contact Form Elementor End */




a:hover {
opacity: 1 !important;
}

/* Prevent Scrolling when mobile menu open */
body.p-loading {
    overflow: hidden;
}


/*Media Queries */
/* @media only screen and (min-device-width: 320px) and (max-device-width: 1024px){
} */

/* Footer */

footer#colophon {
    margin-top: 0 !important;
}

/* End */

.elementor-widget-text-editor {
font-family: "Calibri" !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
color:#202020 !important;
}

p{
font-family: "Calibri" !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
color:#202020 !important;
}

ul li{
font-family: "Calibri" !important;
  font-weight: 400;
letter-spacing: 0px;
color:#202020 !important;
}

ul{
padding-left:20px;
}

.single h3 {
    border-left: solid 0px !important;
}

/* Home Page Css */



section.elementor-section.elementor-top-section.elementor-element.elementor-element-987d1c0.elementor-section-content-middle.main-header.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-sticky.elementor-sticky--effects.elementor-sticky__spacer {
    animation: none !important;
}

.elementor-element-987d1c0 {
    animation: none !important;
    transition:none !important;
}


/*Mobile Menu */
.elementor-12 .elementor-element.elementor-element-30c51dc .hfe-flyout-wrapper .hfe-side {
    width: 100% !important;
}




/*Footer*/



/*  End  */

/* Recaptcha mobile sizing */

/* Recaptcha on Register Form */

@media only screen and (min-device-width: 451px) and (max-device-width: 460px){
.g-recaptcha div{
transform: scale(1.073);
-webkit-transform: scale(1.073);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
}


@media only screen and (min-device-width: 439px) and (max-device-width: 450px){
.g-recaptcha div{
transform: scale(1.055);
-webkit-transform: scale(1.055);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
}



@media only screen and (min-device-width: 425px) and (max-device-width: 438px){
.g-recaptcha div{
transform: scale(1.03);
-webkit-transform: scale(1.03);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;

}
}



@media only screen and (min-device-width: 375px) and (max-device-width: 424px){
.g-recaptcha div{
transform: scale(0.95);
-webkit-transform: scale(0.95);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;

}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 374px){
.g-recaptcha div{
transform: scale(0.845);
-webkit-transform: scale(0.845);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;

}
}


/* Top lift button */
#simpleisbest_topBtn{
	display:none !important;
}

/* Hide Footer */
.theme-footer{
display:none !important;
}

#simpleisbest_fCont{
display:none !important;
}

.simpleisbest_copySec{
display:none !important;
}

footer{
border:none !important;
}

h1#simpleisbest_page_title {
    display: none;
}

/* Post Css */
.single h3{
border:none !important;
}

header{
border-bottom:0px !important;
}


/* Menu focus and active colors */



/* Loader Css OLD  */

/* .loader-cust {
	 position: relative;
	 margin: 0 auto;
	 width: 100px;
}
 .loader-cust:before {
	 content: '';
	 display: block;
	 padding-top: 100%;
}
 .circular {
	 animation: rotate 2s linear infinite;
	 height: 100%;
	 transform-origin: center center;
	 width: 100%;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
}
.path-cust {
	 stroke-dasharray: 1, 200;
	 stroke-dashoffset: 0;
	 animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	 stroke-linecap: round;
}
 @keyframes rotate {
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes dash {
	 0% {
		 stroke-dasharray: 1, 200;
		 stroke-dashoffset: 0;
	}
	 50% {
		 stroke-dasharray: 89, 200;
		 stroke-dashoffset: -35px;
	}
	 100% {
		 stroke-dasharray: 89, 200;
		 stroke-dashoffset: -124px;
	}
}
 @keyframes color {
	 100%, 0% {
		 stroke: #5AF2FF;
	}
	 40% {
		 stroke: #5AF2FF;
	}
	 66% {
		 stroke: #5AF2FF;
	}
	 80%, 90% {
		 stroke: #5AF2FF;
	}
}

body.p-loading {
    overflow: hidden;
}

.showbox-cust {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #F8F3E6 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} */


/* End */


/* Loader CSS New */

.loader-cust {
  width: 120px;
  height: 120px;
}

.star-svg {
  width: 100%;
  height: 100%;
}

/* STAR PATH SINGLE DRAW WITH FILL AFTER */
.star-path {
  fill: none;
  stroke: white;
  stroke-width: .7;
  stroke-linecap: round;
  stroke-linejoin: round;

stroke dash will be set by JS 

stroke-dasharray: 0;
  stroke-dashoffset: 0;
  animation: drawStar 3s ease-in-out forwards;
} 

@keyframes drawStar {
  0% {
    stroke-dashoffset: var(--path-length);
    fill: none;
  }
  80% {
    stroke-dashoffset: 0;
    fill: none;
  }
  100% {
    stroke-dashoffset: 0;
    fill: white;
  }
}

.showbox-cust {
  position: fixed;
  inset: 0;
  background: #4F46E5;
  display: flex;
  align-items: center;
  justify-content: center;
z-index: 999999 !important;
}

/* End */
