/*
Theme Name:   Legendary Toolkit Child
Description:  Write here a brief description about your child-theme
Author:       legendarylion
Author URL:   https://legendarylion.com
Template:     legendary-toolkit
Version:      1.1.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Legendary Toolkit Child
*/



/*
CHILD THEME STYLES
*/

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text,
.white-text:hover {
    color: white;
}

.hero h1 {
    font-size: 4.5rem;
}

.navbar li.btn {
    margin-left: 30px;
}

.dark-mode {
    background: #3a3a3a;
}

/* body.home header#masthead {
    background-color: var(--scrolling_header_background);
} */

/*body:not(.page-id-229) header#masthead {
    background-color: var(--scrolling_header_background);
}
*/
/* body.page-id-229 header#masthead {
    background-color: var(--scrolling_header_background);
} */

.dark-mode p,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #ffffff !important;
}

#footer_columns,
#footer_columns p{
    color:white;
    font-weight:300;


}
#footer_columns p {
    margin:0;
}

#footer_columns a{
    transition: .45s ease all;
    display:block;
    font-size:18px;
    font-weight:400;
    opacity:1;
    color:#9f9f9f;
    padding:12px 0;
    
}

#footer_columns a:hover{
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
    color:#5fffb2;
    font-weight:400;
    
}

.legendary-footer-links{
    background: #232323;
    padding: 20px;  
}

.top-bar-content p{
    font-size:12px;
}


#mobile_site_logo{
    width:100px;
}


#mobile-menu-top-content p, #mobile-menu-bottom-content p{
    color:white
}



/*
legendary-css.css
*/


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
    transition:1s;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}
.v-dialog.v-dialog--active {
    border: 1px solid rgba(255, 255, 255, .74);
}

::selection {
    background: #000;
}

::-moz-selection {
    background: #000;
}

.blog #content{
    max-width: 900px;
}
/* ************ */











h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1  ;
}
p{
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
header#masthead {
    width: 100%;
    background: #ffffff !important;
    box-shadow: 6px 2px 6px rgb(0 0 0 / 15%) !important;
    position: relative;
    top: 0;
    z-index: 1;
}
#mobile_site_logo {
    width: auto;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 60%;
}
a:hover{
    color: #981EAC !important;
    opacity: 1;
}
a:hover,
a:focus{
    box-shadow: none !important;
    outline: none !important;
}
.current-menu-item a{
    color: #981EAC !important;
}
.mobile-menu-call{
    display: none;
}
.container, .container-fluid{
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.header-menu li.btn a{
    background: #981EAC;
    padding: 12px 43px !important;
    color: #ffff !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}
.header-menu .btn a:hover{
    color: #ffff !important;
    background: #000 !important;
}
.navbar li.btn {
    padding: 0 ;
}
/* .navbar-nav > li > a {
    padding: 0 28px !important;
} */
.header-menu ul>li>a {
}
.btn{
    background: #981EAC !important;
    padding: 12px 43px;
    color: #ffff !important;
    text-transform: uppercase;
    font-size: 18px;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px !important;
}
.btn:hover{
    background: #000 !important;
    color: #ffff !important;
}
.btn-transparent{
    background: transparent !important;
    padding: 11px 43px !important;
    color: #ffff !important;
    border: solid 1px #ffff !important;
    font-weight: 700;
    text-transform: uppercase;

}
.header-menu .btn{
    border: none;
}
.contact{
    margin-left: 50px;
}
.contact a, .mobile-menu-call a {
    font-size: 22px;
    color: #000;
}
#footer_columns{
    border-top: 1px solid #444444;
    padding: 50px 0 0;
}
#footer_columns #footer_column_1 {
    padding-right: 60px;
/*     margin-top: -70px; */
}
#footer_columns p {
    color: #000000;
    font-family: 'Poppins';
    font-size: 16px;
}
#footer_columns h6{
    color: #000000;
    font-size: 22px;
}
#footer_columns ul{
    margin: 0;
    padding: 0;
}
#footer_columns a {
    color: #000000;
    font-size: 16px;
    font-family: 'Poppins';
}
#colophon .col-12 {
    text-align: center;
}
#colophon .col-12 p{
    font-size: 18px;
    font-family: 'Roboto';
}
.d-flex{
    display: flex;
    flex-wrap: wrap;
}
.wrapper{
    width: 100%;
}

.hero-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-section .container {
    position: relative;
    z-index: 1;
}
.hero-section{
    width: 100%;
    padding: 150px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.hero-section::before{
    content: "";
    position: absolute;
    width: 100%;
    left: 30px;
    top: 70px;
    bottom: 0;
    background: url(../../../wp-content/uploads/2022/05/banner-vector-svg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    
}
.hero-section::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../wp-content/uploads/2022/05/banner-bottom-vector.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom -1px center;
    pointer-events: none;
	z-index: 2;
}
.hero-content {
    color: #ffff;
    max-width: 770px;
    padding: 60px 0;
}
.heroj-tag {
    position: relative;
    margin-left: 127px;
    line-height: 1.4;
    margin-bottom: 22px;
    color: #ffff;
    font-weight: 300;
}
.heroj-tag:before {
    content: "";
    position: absolute;
    left: -127px;
    top: 13px;
    width: 94px;
    background: #ffff;
    height: 2px;
}
.hero-content h1 {
    color: #ffff;
    margin-bottom: 16px;
}
.hero-content p {
    color: #ffff;
    max-width: 715px;
    line-height: 2;
    margin-bottom: 46px;
    font-weight: 700;
}
.btn-group a{
    margin-right: 50px;
}
.we-works-wrap {
    padding: 160px 0 100px;
    background: #fff;
}
.we-work-content-wrap{
    padding: 82px 0 0;
}
.left-text-content {
    width: 60%;
    padding-right: 40px;
}
.right-side-images {
    width: 20%;
    position: relative;
}
.work-content-image {
    position: relative;
    padding-top: 100%;
    width: 100%;
}
.work-content-image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    border: 10px solid #FFFFFF;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
}
.work-content-image:nth-child(1) {
    position: absolute;
    left: -87%;
    top: -9%;
}
.work-content-image:nth-child(2) {
    position: absolute;
    transform: rotate(23.19deg);
    right: 47px;
    top: 15%;   
}
.work-content-image:nth-child(3) {
    position: absolute;
    left: -118%;
    top: 16%;
    transform: rotate(-23.19deg);
}
.left-text-content h4 {
    margin-bottom: 9px;
}
.left-text-content ul{
    padding: 0;
    padding-left: 46px;
}
.left-text-content ul li {
    font-weight: 300;
    padding: 5px 0;
}
.left-text-content p {
    font-size: 27px;
    font-weight: 300;
    line-height: 2;
}
.how-it-works-wrap {
    background: #fff;
    padding: 100px 0 180px;
}
.how-it-works-title h2 {
    margin-bottom: 0;
}
.work-content-number, .work-content-number h1 {
    font-size: 252px;
    color: #444444;
    opacity: 0.20;
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
    line-height: 1;
    margin-bottom: 25px;
}
.work-content-text p {
    font-size: 16px;
    line-height: 1.3;
    font-family: 'Rubik', sans-serif;
}
.work-content-title h5 {
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}
.how-it-works-content{
    margin: 0 -50px;
}

.how-it-works h5 {
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}

.work-content-part {
    width: calc(100% / 3 - 100px);
    margin: 0 50px;
}
.work-content-text {
    padding: 0 35px;
}
.meet-the-team {
    padding: 50px 0 80px;
    background: #FDFDFD;
}
.meet-the-team-content {
    padding-top: 29px;
}
.post-content {
    padding-top: 50px;
}
.meet-the-team-content p {
    font-weight: 300;
    line-height: 2;
    padding: 0 10px;
}
.post-feature-image img {
    border: 10px solid #FFFFFF;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
    border-radius: 600px;
}
.post-feature-image {
    margin-bottom: 25px;
    display: block;
}
.post-title a {
    color: #000;
    font-weight: 400;
}
.cta-section {
    padding: 110px 0;
    width: 100%;
    border-top: solid 5px #f5f5f5;
}
.cta-title h2 {
    font-size: 84px;
}
.cta-content p {
    font-size: 26px;
    max-width: 920px;
    margin: 0 auto 20px;
    line-height: 1.4;
}
.cta-content{
    margin: 60px 0;
}
.cpt-cover{
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}
.heading-text h1 strong{
    color: #981EAC;
    font-weight: normal;
}
.heading-text h1{
    color:#4F4F4F ;
}
.heading-text{
    border-bottom: solid 10px #ECECEC;
}
.heading-text p{
    max-width: 650px;
    font-weight: 300;
    line-height: 2;
    font-size: 18px;
    font-family: 'Rubik', sans-serif;
}
.inner-content{
    padding: 25px 0;
}
.inner-content-text p {
    font-weight: 300;
    line-height: 2;
}
.inner-post-content-img img {
    border: 10px solid #FFFFFF;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
    border-radius: 600px;
}
body .inner-post-title {
    margin-bottom: 0;
}
.inner-post-title p {
    font-weight: 700;
    font-size: 24px;
}
.inner-how-it-work-content {
    padding: 45px 0;
}
.inner-steps{
    padding-bottom: 80px;
}
.step-image {
    width: 265px;
    height: 265px;
    background: #444444;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2.81706px 11.2682px rgb(0 0 0 / 25%);
    border: solid 10px #ffff;
    position: relative;
}
.step-image:before {
    content: "";
    position: absolute;
    background: url(../../../wp-content/uploads/2022/05/step-arrow.svg);
    background-repeat: no-repeat;
    width: 195px;
    height: 45px;
    top: 50%;
    right: -216px;
    transform: translateY(-50%);
    background-size: contain;
}
.inner-steps .vc_column_container:last-child .step-image:before{
display: none;
}
.inner-step-image-title h3 { 
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    color: #2B2B2B;
}
.inner-step-image-count{
    position: absolute;
    width: 62px;
    height: 62px;
    top: 0;
    left: 24px;
    background: #981EAC;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2.81706px 16.9024px rgba(0, 0, 0, 0.25);
    border: solid 6px #ffff;
    border-radius: 100%;
}
.inner-step-image-count p{
    color: #ffff;
    font-weight: 700;
}
.therapy-inner-bottom-content {
    padding-bottom: 80px;
}
body:not(.home) #content {
    padding-top:0px;
}
.inner-post-type {
    padding-top: 40px;
    padding-bottom: 40px;
}
body .post-inner-section {
    padding: 90px 0 150px;
}
body .heading-text{
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}
#primary {
    width: 100%;
}
body .inner-steps{
    display: flex;
    justify-content: space-between;
}
.therapy-resource-content-part h6{
    font-size: 12px;
    text-transform: uppercase;
}
.therapy-resource-content-part p{
    font-size: 14px;
}
.therapy-resource-content-part img{
    border: 4.22041px solid #FFFFFF;
filter: drop-shadow(0px 2.81361px 2.81361px rgba(0, 0, 0, 0.25));
}
body .btn-purple{
    width: 100%;
}

body .btn-purple a {
    background: #981EAC !important;
    border: 2.81361px solid #FFFFFF !important;
    box-shadow: 0px 1.4068px 2.81361px rgba(0, 0, 0, 0.25) !important;
    border-radius: 2.81361px !important;
    width: 100% !important;
    padding: 12px 40px !important;
    color: #ffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase;
}
body .btn-purple a:hover{
    background: #000000 !important;
}
.btn-btn-purple a{
    background: #981EAC !important;
    border: 4px solid #FFFFFF !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 4px !important;
    padding: 12px 43px !important;
    color: #ffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
}
.btn-btn-purple a:hover{
    background: #000000 !important;
}
body .therapy-resource-content-part > .vc_column-inner {
    max-width: 260px !important;
}
.therapy-resource-content-part .wpb_single_image {
    margin-bottom: 20px !important;
}
::selection{
    background-color: #981EAC !important;
    color: #ffff !important;
}
.accordion-wrap{
    padding-top: 50px;
}
.accordion-content-text h4{
    font-size: 28px;
    line-height: 1.3;
}
.accordion-content-text p{
    font-style: italic;
}
.accordion-content-image img{
    border: 10px solid #FFFFFF;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
}
.accordion-content-text {
    display: flex;
    align-items: center;
}
.accordion-title-text .vc_tta-panel-title {
    font-size: 16px;
    font-weight: 700;
}
.Recommended-Reading-wrap {
    padding: 150px 0 100px;
}
.therapy-resource-content-part .wpb_wrapper.vc_figure{
    width: 100%;
}
.therapy-resource-content-part .vc_single_image-wrapper{
    width: 100%;
}
.therapy-resource-content-part img{
    width: 100%;
}
.heading-text .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}
.heading-text .vc_column-inner {
    padding-top: 0 !important;
} 
header#masthead{z-index: 9}


#site_logo{
    max-width: 200px;
    padding: 4px;
}
.contact-page-call, .contact-page-call * {
    font-size: 32px;
    font-weight: 300;
}

.contact-page-call a{
	background-image: url(../../../wp-content/uploads/2022/05/Mobile.svg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #aeaeae !important;
    min-height: 76px !important;
    display: inline-block;
	padding-left: 88px !important;
    line-height: 76px;
    font-weight: 300;
}
body .contact-page-call {
    padding-bottom: 20px;
}
.contact-page-address p {
    color: #aeaeae;
    background-image: url(../../../wp-content/uploads/2022/05/Map-Pin.svg);
    padding-left: 88px;
    background-repeat: no-repeat;
}

body .contact-page-address, .contact-page-address *{
	min-height: 76px;
    font-size: 32px;
    font-weight: 300 !important;
	background-position: 5px 0px !important;
}
#form_contact-form {
    margin-top: 70px !important;
	margin-bottom: 70px !important;
}
.frm_form_fields * {font-family: inherit !important;}

.frm_form_fields input[type=text], .frm_form_fields input[type=tel], .frm_form_fields input[type=email]{
    height: 56px !important;
    border-radius: 6px !important;
    padding: 0 30px !important;
    box-shadow: none !important;
    font-family: 'Roboto',sans-serif !important;
    font-size: 16px;
}
.frm_radio {
    margin-top: 10px !important;
}
.frm_form_fields textarea {height: 340px !important;
    padding: 30px !important;
    resize: none;
    box-shadow: none !important;
    font-family: 'Roboto',sans-serif !important;
    font-size: 16px;
}

.frm_submit button {
    background: #981EAC !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 12px 50px !important;
    min-width: 300px;
}

.frm_submit button:hover,
.frm_submit button:focus{
	background: #000 !important;
	color: #fff !important;
}
.therapy-resource-text {
    margin-bottom: 25px;
}
.vc_tta-panel-heading {
    border-width: 1px !important;
    border-color: #DEDEDE !important;
}

.vc_tta-panel-heading a {
    font-size: 14px;
    font-family: 'poppins',sans-serif;
    color: #8F8F8F !important;
    font-weight: 300 !important;
}

.vc_tta-panel-body {
    border: 1px solid #dedede !important;
	margin-top: 1px !important;
}
.vc_tta-panel-body ul {
    margin-bottom: 20px !important;
}
.vc_tta-panel-body p, .vc_tta-panel-body li {
    font-size: 14px;
    color: rgb(0 0 0 / 50%);
}
.vc_tta-panel-title .vc_tta-controls-icon:before {
    border-color: #BDBDBD !important;
}
.team-page-name {
    font-size: 20px;
    font-weight: 700;
	    font-family: 'Poppins',sans-serif;
}

/*
RESPONSIVE STYLES
*/


@media only screen and (max-width:1440px){
h1{
font-size: 60px;
}
h2{
font-size: 50px;
}
h3{

}
h4{
font-size: 26px;
}
h5{
font-size: 20px;
}
h6{

}
.left-text-content {
    padding-right: 50px;
}
.left-text-content p {
    font-size: 22px;
}
.work-content-number {
    font-size: 195px;
}
.work-content-text {
    padding:0px;
}
.cta-title h2 {
    font-size: 60px;
}
.cta-content p {
    font-size: 24px;
}
#footer_columns h6 {
    font-size: 20px;
}
.navbar-nav > li > a {
    font-size: 18px !important;
}
.contact a, .mobile-menu-call a {
    font-size: 18px;
}
.accordion-content-text h4 {
    font-size: 24px;
}
.Recommended-Reading-wrap {
    padding: 120px 0 100px;
}
.step-image:before {
    width: 60%;
    right: -170px;
}
.inner-step-image-title h3 {
    font-size: 26px;
}
.contact-page-call, .contact-page-call * {
    font-size: 26px !important;
}
body .contact-page-address, body .contact-page-address * {
    font-size: 26px !important;
}
#mobile_menu li>a {
    font-size: 18px !important;
}
.inner-step-image-title {
    max-width: 265px;
    text-align: center;
}
.privacy-policy #main {
    padding: 100px 0;
}
}
@media only screen and (max-width:1199px){
    .container, .container-fluid{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .we-works-wrap {
        padding: 120px 0 80px;
    }
    .how-it-works-wrap {
        padding: 40px 0 120px;
    }
    .post-feature-image img {
        max-width: 400px;
    }
    .how-it-works-content {
        margin: 0 -30px;
    }
    .work-content-part {
        width: calc(100% / 3 - 60px);
        margin: 0 30px;
    }
/*    slide-drawer {
        position: relative;
        top: 7px;
    }*/
    .inner-post-title p {
        font-size: 20px;
    }
    .inner-content.vc_column-gap-20>.vc_column_container{
        padding: 0 !important;
    }
    body .resources-content-wrap {
        padding-top: 80px !important;
    }
    .contact-page-call, .contact-page-call * {
        font-size: 22px !important;
    }
    body .contact-page-address, body .contact-page-address * {
        font-size: 22px !important;
    }
    .step-image {
        width: 220px;
        height: 220px;
    }
    .inner-step-image-title {
        max-width: 220px;
    }
    .inner-step-image-count {
        width: 50px;
        height: 50px;
    }
    .step-image img {
        max-height: 90px;
    }
    .step-image:before {
        width: 55%;
        right: -130px;
    }
}
@media only screen and (max-width:1024px){
    .step-image:before {
       display: none;
    }
}
@media only screen and (max-width:1023px){
    .container, .container-fluid{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    h1 {
        font-size: 50px;
    }
    h2{
        font-size: 40px;
    }
    h4{
        font-size: 24px;
    }
    h5 {
        font-size: 18px;
    }
    p{
        font-size: 18px;
    }
    .hero-section {
        padding: 90px 0;
    }
    .heroj-tag {
        font-size: 18px;
    }
    .hero-content p {
        margin-bottom: 25px;
    }
    .left-text-content ul li {
        font-size: 16px;
    }
    .left-text-content p {
        font-size: 18px;
    }
    .work-content-image img {
        border: 5px solid #FFFFFF;
    }
    .we-works-wrap {
        padding: 80px 0 50px;
    }
    .work-content-number {
        font-size: 115px;
    }
    .how-it-works-content {
        margin-top: 25px;
    }
    .how-it-works-wrap {
        padding: 40px 0 60px;
    }
    .post-feature-image img {
        max-width: 300px;
    }
    .cta-title h2 {
        font-size: 50px;
    }
    .cta-content p {
        font-size: 22px;
        max-width: 920px;
        margin: 0 auto 20px;
        line-height: 1.4;
    }
    .cta-content{
        margin: 45px 0;
    }
    .work-content-image:nth-child(2) {
        right: 30px;
    }
    #footer_columns h6 {
        font-size: 18px;
    }
    #colophon .col-12 p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    body .heading-text {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .inner-post-type {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .inner-post-title p {
        font-size: 16px;
    }
    .inner-post-content-img img {
        border: 7px solid #FFFFFF;
    }
    body .post-inner-section {
        padding: 70px 0 70px;
    }
    body .post-have-signature img{
        max-width: 115px;
    }
    .accordion-content-image img {
        border: 6px solid #FFFFFF;
    }
    .btn-btn-purple a {
        padding: 8px 35px !important;
        font-size: 16px !important;
    }
    body .accordion-content-image{
        padding: 7px !important;
    }
    body .contact-form-wrap .frm_form_fields textarea {
        height: 260px !important;
    }
    .step-image {
        width: 190px;
        height: 190px;
        border: solid 6px #ffff;
    }
    .inner-step-image-title {
        max-width: 190px;
    }
    .inner-step-image-title h3 {
        font-size: 20px;
    }
    .inner-step-image-count {
        width: 45px;
        height: 45px;
        border: solid 4px #ffff;
    }
    body .contact-form-wrap .frm_submit button {
        font-size: 16px !important;
        min-width: 170px !important;
    }
    .contact-page-call a {
		background-size: 50px;
		padding-left: 50px !important;
	}
	
	.contact-page-address p {
		background-size: 40px;
		padding-left: 50px !important;
	}
    body .contact-page-call {
		padding-bottom: 0;
	}
}
@media only screen and (max-width:992px){
    .post-feature-image img {
        max-width: 260px;
    }
    .inner-resources-wrap{
        display: flex;
        flex-flow: wrap ;
        margin: 0 !important;
    }
    .therapy-resource-content-part {
        width: 42% !important;
        margin: 0 4%;
    }
    body .therapy-resource-content-part > .vc_column-inner {
        max-width: 100% !important; 
    }
    .contact-page-call, body .contact-page-address, .contact-page-call *, body .contact-page-address * {
        font-size: 20px !important;
    }
}
@media only screen and (max-width:767px){
    .container, .container-fluid{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    p {
        font-size: 16px;
    }
    .left-text-content {
        width: 100%;    
        padding-right: 0;
    }
    .we-works-wrap {
        padding: 80px 0 270px;
    }
    .how-it-works-content {
        margin: 0;
        margin-top: 25px;
    }
    .work-content-part {
        width:100%;
        margin-bottom: 20px;
    }
    .we-work-content-wrap {
        padding: 30px 0 0;
    }
    .cta-title h2 {
        font-size: 40px;
    }
    .cta-content p {
        font-size: 20px;
    }
    .right-side-images {
        width: 35%;
        position: relative;
        margin-top: 100px;
        margin-left: 52%;
    }   
    .work-content-image:nth-child(1) {
        position: absolute;
        left: -86%;
        top: -95px;
    }
    #footer_columns .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
    #footer_columns #footer_column_1{
        padding-right: 30px;
    }
    .btn {
        font-size: 16px;
        padding: 10px 35px !important;
    }
    .btn-transparent {
        padding: 9px 35px !important;
    }
    .post-feature-image img {
        max-width: 250px;
    }
    .meet-the-team-content {
        padding-top: 0px;
    }
    .hero-section {
        height: calc(100vh - 100px);
        display: flex;
        align-items: center;
    }   
    .cta-section.text-center {
        padding: 60px 0;
    } 
    .header-menu li.btn a {
        padding: 5px 20px !important;
        justify-content: center !important;
    }
    .contact {
        display: none;
    }
    .mobile-menu-call{
        display: block;
    }
    .mobile-menu-call a{
        font-size: 18px;
    }
/*    #masthead #site_logo {
        height: 80px !important;
        padding: 5px;
    }*/
/*    slide-drawer {
        position: relative;
        top: 10px;
    }*/
    .right-side-images {
        margin: 0 auto;
        margin-top: 30px;
    }
    .work-content-image:nth-child(1) {
        position: unset;
    }
    .work-content-image:nth-child(3) {
        left: -45%;
        top: 58%;
    }
    .work-content-image:nth-child(2) {
        right: -91px;
        position: absolute;
        top: 58%;
    }
    body .heading-text {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        border-bottom-width: 5px !important;
    }
    .heading-text p {
        font-size: 16px;
    }
    .vc_column-inner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .inner-post-type {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .post-feature-image img {
        border: 7px solid #FFFFFF;
    }
    .inner-post-content-img{
        text-align: center !important;
    }
    body .inner-post-content-img img{
        max-width: 350px;
    }
    .inner-content.vc_column-gap-20>.vc_column_container {
        padding: 10px !important;
    }
    body .post-have-signature {
        margin-bottom: 10px;
        padding-top: 10px;
    }
    body .post-inner-section {
        padding: 50px 0 50px;
    }
    .accordion-content-text h4 {
        font-size: 20px;
    }
    .Recommended-Reading-wrap {
        padding: 80px 0 80px;
    }
    body .resources-content-wrap {
        padding-top: 50px !important;
    }
    .accordion-content-image img {
        border: 6px solid #FFFFFF;
    }
    body .accordion-content-text{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body .contact-form-wrap .frm_submit button {
        font-size: 16px !important;
        min-width: 240px !important;
    }
    .contact-page-call, body .contact-page-address {
       margin-bottom: 10px !important;
    }
    body .inner-steps {
        flex-flow: wrap;
    }
    .inner-steps .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 100% !important;
    }
    body .inner-steps .wpb_wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .therapy-inner-bottom-content .vc_row.wpb_row.vc_inner.vc_row-fluid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .therapy-inner-bottom-content {
        padding-bottom: 35px;
    }
    .inner-steps {
        padding-bottom: 35px;
    }
    .contact-form-wrap .frm_form_fields input {
        /*padding: 0 15px !important;*/
        /*height: 40px !important;*/
        font-size: 14px !important;
    }
    .contact-form-wrap .frm_form_fields textarea {
        padding:15px !important;
        font-size: 14px !important;
    }
    body .contact-page-call, body .contact-page-address {
        background-size: 40px;
        background-position: left center !important;
        padding-left: 45px !important;
        padding-bottom: 0 !important;
    }
    body .vc_custom_heading.contact-page-address {
        background-position: 0px 0px !important;
    }
    body .inner-steps .wpb_wrapper {
        position: relative;
        max-width: 200px;
        margin: 0 auto;
    }
    body .contact-form-wrap .frm_submit button {
        min-width: 170px !important;
        font-size: 14px !important;
    }
    
}
@media only screen and (max-width:640px){
    .container, .container-fluid{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .we-works-wrap {
        padding: 80px 0 160px;
    }
    .btn-group{
        display: flex !important;
        flex-flow: wrap;
    }
    .btn-group a{
        margin-bottom: 20px;
    }
    .contact {
        display: none;
    }
    #mobile_menu .btn a {
        font-size: 14px !important;
    }
    .left-text-content ul {
        padding-left: 17px;
    }
    .right-side-images {
        max-width: 45%;
        margin: 0 auto;
        margin-top: 30px;
        width: 100%;
    }
    .inner-content {
        padding: 10px 0;
    }
    body .contact-page-call, body .contact-page-address {
       font-size: 16px !important;
       padding-bottom: 0 !important;
		padding-left: 0 !important;
		    margin-bottom: 0 !important;
     }
     body .contact-form-wrap .frm_form_fields textarea {
        height: 170px !important;
    }
    body .contact-form-wrap #form_contact-form {
        margin-top: 20px !important;
        margin-bottom: 40px !important;
    }
	body .contact-page-call {
		padding-top: 0;
	}
}
@media only screen and (max-width:580px){
    h1 {
        font-size: 30px;
    } 
    h2 {
        font-size: 28px;
    }
    h4 {
        font-size: 20px;
    }
    h5{
        font-size: 16px;
    }
    p {
        font-size: 14px;
    }
    .heroj-tag {
        margin-left: 60px;
        font-size: 16px;
    }
    .heroj-tag:before {
        left: -60px;
        top: 9px;
        width: 50px;
    }
    .we-works-wrap {
        padding: 45px 0 120px;
    }
    .left-text-content ul li {
        font-size: 14px;
    }
    .left-text-content p {
        font-size: 16px;
    }
    .cta-title h2 {
        font-size: 26px;
    }
    .cta-content p {
        font-size: 16px;
        margin: 0 auto 15px;
    }
    .cta-content{
        margin: 25px 0;
    }
    .meet-the-team {
        padding: 45px 0 25px;
    }
    #footer_columns .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    #footer_columns #footer_column_1 {
        padding-right: 15px;
        margin-top: 0;
    }
    #footer_columns p {
        color: #000000;
        font-family: 'Poppins';
        font-size: 14px;
    }
    #footer_columns h6 {
        font-size: 16px;
    }
    #footer_columns a {
        font-size: 14px !important;
        padding: 6px 0;
    }
    #colophon .col-12 p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .footer-logo {
        max-width: 220px;
    }
    #footer {
        border-top: 1px solid #444444;
        padding: 20px 0 0;
    }
    .post-content {
        padding-top: 20px;
    }
    .work-content-number {
        font-size: 85px;
        margin-bottom: 15px;
    }
    .work-content-text p {
        font-size: 14px;
        line-height: 1.7;
    }
    .how-it-works-wrap {
        padding: 40px 0 30px;
    }
    .custom-post-wrap {
        margin-bottom: 20px;
    }
    .work-content-image:nth-child(1) {
        top: -75px;
    
    }
    .we-work-content-wrap {
        padding: 5px 0 0;
    }
    .btn-group .btn{
        flex: 0 0 auto;
        width: 100%;
    }
    .inner-post-type {
        padding-bottom: 0;
    }
    body .post-inner-section {
        padding: 30px 0 20px;
    }
    body .inner-post-content-img img {
        max-width: 275px;
    }
    .therapy-resource-content-part:last-child{
        margin-bottom: 0;
    }
    .Recommended-Reading-wrap {
        padding: 50px 0;
    }
    .accordion-wrap {
        padding-top: 15px;
    }
    .btn-btn-purple a {
        font-size: 14px !important;
    }
    .accordion-content-text h4 {
        font-size: 16px;
    }
    body .contact-form-wrap .frm_submit button {
        min-width: 100% !important;
    }
}
@media only screen and (max-width:480px){
    .we-works-wrap {
        padding: 45px 0 75px;
    }
    .footer-logo {
        max-width: 175px;
    }
    .work-content-image:nth-child(2) {
        top: 64px;
        right: -45px;
    }
    .work-content-image:nth-child(3) {
        top: 64px;
    }
    .btn {
        font-size: 14px !important;
    }
    .heading-text p {
        font-size: 14px;
    }
    .Recommended-Reading-wrap {
        padding: 35px 0;
    }
    .accordion-content-text {
        flex-flow: wrap;
    }
    .accordion-content-image img {
        max-width: 100% !important;
    }
    .accordion-content-image .wpb_single_image {
        text-align: center !important;
        margin-bottom: 0 !important;
    }
    .therapy-resource-text {
        min-height: 1px !important;
    }
    .therapy-resource-content-part {
        width: 100% !important;
        margin:0;
        margin-bottom: 25px;
    }
}

.is-stuck .header-menu li.btn a{
	 padding: 4px 43px !important;
}

.inner-step-image-count{
	padding: 20px !important;
}


.post-feature-image img {
    max-width: 290px;
}
/* 
.navbar .phone a{
	font-size:24px !important;
} */

.cpt-wrap{
	width:100%;
}
span.vc_tta-title-text {
    font-size: 18px;
    font-weight: 400;
    color: #4c4c4c;
}
.vc_tta-panel-body p, .vc_tta-panel-body li{
	font-size:var(--body_font_size ) !important;
	line-height:200%;
	padding-left:20px;
}
.vc_tta-panel-heading{
	padding:14px;
}

#mobile_menu .phone a{
    text-align: center;
    display: block;
}


/* Fixes Width of numbers on home page in mobile */
@media only screen and (max-width:422px){
	.work-content-number h1{
		/* font-size: 150px*/
		font-size: 50vw;
	}
} 

/* @media all and (max-width: 1290px) and (min-width:300px) {
	#main-nav{
		display:none !important;
	}
} */

.page-id-147 .cta-section  {
	display:none;
}

/* .work-content-number h1{
	font-size: 50vw;
} */
