@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

@font-face {
    font-family: 'Hijrnotes';
    src: url('fonts/HijrnotesPERSONALUSEONLY.woff2') format('woff2'),
        url('fonts/HijrnotesPERSONALUSEONLY.woff') format('woff'),
        url('fonts/HijrnotesPERSONALUSEONLY.svg#HijrnotesPERSONALUSEONLY') format('svg');
    font-weight: normal;
    font-style: normal;
}

.team-grid-btns a {display: inline-block; margin-bottom: 5px;}
.lity {background: rgba(0,0,0,0.55) !important;}
.team-grid .container {max-width: 1400px;}
.team-grid-wrap .therapist-linkedin {margin-right: 0;}
.therapist-pt {display: inline-block;
    margin-right: 0px;
    background: #477be4;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 23px;}
.therapist-pt img {max-width: 55%;}


.psych-btn {width: 240px; display: inline-block; background: #457ce5; padding: 2px 20px; border-radius: 50px; margin-top: 12px;}
.psych-btn img {width: 100%;}


.ninja-forms-field[name="therapist"] {display: none;}
.therapist-bio h4 i {
    display: inline-block;
    margin-right: 5px;
    background: #077dbd;
	color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 50%;
	font-size: 16px;
    text-align: center;
    line-height: 23px;
}
@media (max-width:1200px) {
	.team-grid-btns a {margin-bottom: 5px;display: inline-block;}
}

@media (max-width:844px) {
	.team-grid-item {min-width: 100%; clear: both;}
    .hero {max-height: 300px; min-height: 300px !important; height: 300px !important; background-position: center center !important; margin-top: 100px; clear: both; display: inline-block; width: 100%; margin-bottom: 60px !important;}
	.therapist-video .row .col {min-width: 100%; clear: both;}
}

.team-grid-wrap {padding: 10px 10px 40px 10px;}
.team-grid-item h3 {font-size: 19px; padding-top: 20px; letter-spacing: -0.01em;}
.team-grid-item h4 {font-weight: 300; font-size: 18px; line-height: 1.3em; margin-bottom: 20px;}
.team-grid-img {width: 100%; height: auto;}
.team-grid-item .btn-blue {color: #FFF !important; background: #5ab2c3; padding: 5px 15px; border-radius: 50px; border: 2px solid #5ab2c3;}
.team-grid-item .white-btn {color: #5ab2c3 !important; background: #FFF; border: 2px solid #5ab2c3; padding: 5px 15px; border-radius: 50px;}


.sp-easy-accordion .sp-ea-single .ea-body p {margin-bottom: 15px;}
.therapist-bio-more {clear: both; margin-top: 20px; display: inline-block; width: 100%;}
.therapist-bio-more a, .back-to-therapists a {color: #FFF !important; background: #5ab2c3; padding: 10px 25px; border-radius: 50px;}
.therapist-bio-more a:hover, .back-to-therapists a:hover {background: #338392;}
.careers-intro h3 {font-weight: 400; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC; padding-bottom: 20px;}
.careers-intro h4 {font-size: 20px; margin-top: 20px;}
.careers-intro ul {padding-left: 40px ;}
.back-to-therapists {margin-top: 20px;}

.header-wrapper .header .navbar .navbar-collapse {z-index: 99;}


.header-language {float: right; background: #FFF; display: inline-block; padding: 5px 15px; border-radius: 50px; font-size: 13px; position: relative; z-index: 5;}
.header-language a {margin: 0 4px;}
.navbar-brand#logo img {max-width: 90%;}
.header.header-sticky .header-language {margin-top: -22px; margin-bottom: 10px;}
@media (max-width:844px) {
 .header-language a {margin: 0 2px;}
 .header-language {margin-top: -5px; margin-bottom: 10px;}
}

.therapist-video .row iframe {max-height: 343px;margin-bottom: 5px;}
.therapist-video .row p {margin-bottom: 40px; text-align: center;}

@media (max-width: 1366px) {
    .therapist-video .row iframe {max-height: 300px !important;}
}
@media (max-width: 1266px) {
    .therapist-video .row iframe {max-height: 250px !important;}
}
@media (max-width: 844px) {
    .therapist-video iframe {width: 100%; max-height: 300px;}
}

@media (min-width:844px) {
	.team-faq .ea-header a, .team-faq .ea-body {padding-left: 0 !important;}
}

.team-intro p {margin-bottom: 15px;}
.team-vid .therapist-video {margin-bottom: 20px;}
.therapist-video p:empty {display: none;}
.wp-google-feedback .wp-google-text, .wp-google-time {font-family: 'Poppins' !important;}
.team-quote h4 {text-transform: uppercase; letter-spacing: 1px; font-size: 18px; opacity: 0.5;}
.team-video-gallery {clear: both; padding: 80px 0px;}
.team-video-gallery h2 {margin-bottom: -20px;}
.team-video-gallery .yotu-videos {margin-bottom: 50px;}
.team-quote {clear: both; background-image: url(images/team-bg.jpg); background-size: cover; text-align: center; padding: 120px 0px; background-attachment: fixed; color: #FFF; margin-top: 50px;}
.team-quote h3 {text-shadow: 0 0 20px rgba(0,0,0,0.3); line-height: 1.5em; padding-left: 30px; padding-right: 30px;}
.team-intro, .team-vid, .team-faq {clear:both;}
.team-banner {clear: both; width: 100%; background-color: #141414; padding: 130px 0px 130px 0px; text-align: center; box-shadow: 0 0 40px rgba(0,0,0,0.45);}
.team-banner h1, .team-banner p {}
.team-banner-img {width: 300px; border-radius: 50%; border: 15px solid #FFF; height: 300px; display: inline-block; background-size: cover;}
.team-banner-image {text-align: center; z-index: 2; margin-top: -130px;}
.team-meta {margin-top: 10px; margin-bottom: 50px;}
.team-faq {margin-top: 50px;}
.team-quote .btn {background: #FFF; display: inline-block; border-radius: 50px; padding: 10px 20px; font-weight: bold; margin-top: 20px; border:2px solid #FFF;}
.team-quote .btn:hover {color: #FFF; background: transparent; border-color: #FFF; box-shadow: 0 0 20px rgba(0,0,0,0.4);}

.therapist-linkedin {display: inline-block; margin-right: 5px; background: #077dbd; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 23px;}
.therapist-linkedin i {color: #FFF !important; font-size: 15px;}
.therapist-linkedin:hover {background-color: #141414;}

.spacer-team {clear: both; margin-bottom: 70px;}
.video-wrap-home .content-full-video {margin-top: 100px;}
.contact-ph {text-align: center; font-weight: 300;}
.contact-ph a {text-decoration: underline;}

.thanks-action a {color: #FFF !important; background: #077dbd; padding: 13px 25px; display: inline-block; font-weight: bold;}
.thanks-action {margin-top: 20px;}
.page-id-998 .header-wrapper {background: #141414; padding-bottom: 20px;}
.conversion-thanks {padding: 250px 0px;}
.yotuicon-close {color: #FFF !important; font-size: 22px;}
.conversion-thanks p {font-size: 20px; line-height: 2em;}

a, a:hover, a:active, a:visited {outline: 0 !important; }
@media (max-width: 768px) {
	.contact-form.show button[name="contact"] {transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important;}
	.round-box .box .box-details h6, .round-box .box .box-details p {font-size: 20px;}
	li, p, span {font-size: 20px;}
	.content-full-bg .g-content p {font-size: 20px;}
	.header-wrapper .header .navbar .navbar-nav li:first-child {margin-left: 15px;}
	.header-wrapper .header .navbar .navbar-nav li a {font-size: 20px;}
}

.yotu-copyright {display: none !important; content-visibility: hidden;}
.videos-container {padding-top: 180px;}
.video-page-title {text-align: center;}
.yotu-videos.yotu-mode-grid h3 {white-space: unset !important;}
.page-id-930 .header-wrapper {background: #141414; padding-bottom: 20px;}
.careers-container {margin-bottom: 100px;}
.page-id-99 footer {margin-top: 60px;}
.nf-fu-fileinput-button {background-color: #077dbd; border-color: #077dbd;}
.nf-fu-fileinput-button span { color: #FFF; font-weight: bold;}

.color-top.no-margins {clear: both; border-top: 9px solid #FFF;}
.reviews-leave-container {background: #FFF;width: 100%;clear: both;margin-top: 30px;padding: 70px 0px;text-align: center;border-bottom: 1px solid #ddd;margin-bottom: 60px;}

.reviews-leave-container h2 {font-weight: 300; font-size: 26px; margin-bottom: 20px;}
.review-action {clear: both; margin-top: 30px;}
.review-action img:hover {opacity: 0.8;}
.review-action img:hover, .review-action img {transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}

@media (max-width: 812px) {
	.review-action img {max-width: 100%;}
}

.smaller-hero {margin-bottom: 30px !important;}
.page-id-830 .reviews-leave-container {margin-bottom: 100px;}


#contact-hero {background-image: url(https://stcharlescounseling.net/wp-content/uploads/2023/10/contact-hero.jpg); background-position: center center; margin-bottom: 0px;}
#careers-hero {background-image: url(https://stcharlescounseling.net/wp-content/uploads/2023/10/careers-hero.jpg);}

#services-1 {margin-top: 40px; margin-bottom: 60px;}
#services-2 {margin-bottom: 120px;}
#services-3 {margin-bottom: 80px;}
#services-4 {margin-bottom: 90px;}
#services-2 img {margin-top: 40px;}
.color-top {background: #ffb400; color: #FFF; font-weight: 500; font-size: 30px; border-bottom: 9px solid #FFF; padding: 50px 20px; text-align: center;}
.color-top h4 {font-weight: 500; margin-bottom: 10px; font-size: 28px; margin-top: 7px; color: #c98e00; }
.color-top h5 {margin-bottom: 0 !important;}
.our-approach {background: #f9f9f9; padding: 80px 0px;}

@media (min-width: 769px) {
    .clr-large {clear: both;
    margin-top: 50px;
    border-top: 1px solid #CCC;
    margin-bottom: 80px;}
}
/* iPad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.tele-hero-left {margin-top: 100px !important;}
	.tele-hero-right {margin-top: 30px !important; padding-left: 0 !important;}
	.tele-hero-right h3 {font-size: 38px !important;}
	.tele-hero-right h2 {font-size: 70px !important;}
	.tele-hero-right img {max-height: 100px !important; height: 100px !important;}
	.tele-action hr {display: none;content-visibility: hidden;}
}


@media (max-width: 768px) {
	.color-box h5:nth-child(3) {margin-bottom: 0;}
	.navbar-toggler-icon {color: #FFF !important;}
	header.header-wrapper {background: #141414;}
	.header-wrapper .header .navbar .navbar-collapse {margin-top: -14px;}
	
	.tele-hero {margin-top: 100px;}
    .tele-hero-left {min-width: 100%; clear: both; margin-top: 50px;}
    .page-id-430 .contact-form .btn-black {top: unset; bottom: 0; }
    .tele-hero-right h3 {font-size: 22px;}
    .tele-hero-right h2 {margin-bottom: 20px;}
    .tele-hero-right {padding-left: 0; min-width: 100%; clear: both; text-align: center; margin-top: 20px;}
    .tele-hero-right img {max-height: 70px; margin-bottom: 30px;}
    .tele-action br {display: none;content-visibility: hidden;}
}


/* ipad pro portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)
   {
    header.header-wrapper {background: #141414; padding-bottom: 20px;}
	.tele-hero-left {min-width: 100%;}
    .tele-hero-right {min-width: 100%; text-align: center; margin-bottom: 50px; clear: both;}

   }
   
/* ipad pro landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {
  	header.header-wrapper {background: #141414; padding-bottom: 20px;}
  }
  
  
 
 /* Blog */
 .screen-reader-text {display: none;content-visibility: hidden;}
.more-link {background: #077dbd; color: #FFF !important; padding: 10px 15px; font-weight: bold; margin-top: 15px; clear: both; display: inline-block;}
.more-link:hover {opacity: 0.8;}
 .single.single-post .entry-header {margin-top: 180px; clear: both; float: left; width: 100%;}
.single.single-post .header-wrapper {background: #141414; padding-bottom: 20px;}
 .simplesocialbuttons {margin-top: 30px !important;}
.navigation.post-navigation, #comments {display: none;content-visibility: hidden;}
 .archive.category .page-header {display: none;content-visibility: hidden;}
.blog-page-title {text-align: center; clear: both; float: left; width: 100%; margin-top: 170px; margin-bottom: 70px;}
.archive.category .header-wrapper {background: #141414; padding-bottom: 20px;}
.archive.tag .header-wrapper {background: #141414; padding-bottom: 20px;}
.error404 .header-wrapper {background: #141414; padding-bottom: 20px;}
.entry-footer {background-color: transparent; padding: 0; margin-top: 40px; margin-bottom: 50px;}
.blog-tags h6 {display: inline-block;}
.blog-tags {float: left; width: 100%; clear: both;}
.blog-tags ul {padding: 0;}
.blog-tags li {list-style: none; display: inline-block; }
.blog-tags li a {color: #FFF !important; background: #077dbd; padding: 6px 12px; margin-right: 3px;}
.blog-tags li a:hover {opacity: 0.8;}
.entry-meta {color: #8e8e8e; font-weight: bold; margin-bottom: 20px;}
.featured-media-inner img {width: 100%; height: auto;}
.featured-media-inner {margin-bottom: 40px;}
.blog-item-container .entry-content h3 {margin-top: 25px; font-size: 22px;}
.blog-item-container .entry-content p {margin-bottom: 15px;}


.box-img {background-color: #FFF;}

/* Telehealth */
  
  @media (min-width: 768px) {
.tele-hero-right h3 {font-size: 18px;}
.tele-hero-right h2 {font-weight: 400; font-size: 30px; line-height: 1.4em;}
.tele-hero {margin-top: 90px;}
.tele-hero-left {float: left; margin-top: 50px; margin-bottom: 30px; width: 60%;}
.tele-hero-right {float: left; width: 40%; margin-top: 130px; padding-left: 70px;}
.tele-hero-right img {height: 50px; width: auto; margin-right: 10px;}
}

@media (min-width: 1200px) {
.tele-hero-right h3 {font-size: 20px;}
.tele-hero-right h2 {font-weight: 400; font-size: 40px; line-height: 1.4em;}
.tele-hero {margin-top: 110px;}
.tele-hero-left {float: left; margin-top: 100px; margin-bottom: 40px; width: 60%;}
.tele-hero-right {float: left; width: 40%; margin-top: 190px; padding-left: 70px;}
.tele-hero-right img {height: 70px; width: auto; margin-right: 10px;}
}

.page-id-430 .header-wrapper {background: #141414; padding-bottom: 30px;}
.tele-hero {clear: both; float: left; width: 100%; background-image: url(images/sky.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.tele-hero-left img {width: 100%; height: auto;}

.container.tele-container {clear: both;}
.tele-container h2 {padding-top: 50px; padding-bottom: 10px;}
.tele-container p {margin-bottom: 15px;}
 .tele-action {clear: both; float: left; width: 100%; text-align: center; background-image: url(images/tele-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;
padding: 100px 0px; color: #FFF; margin-top: 70px;}
.tele-action h2 {font-size: 30px; line-height: 1.7em;}
.tele-action a {text-decoration: underline; color: #FFF !important;}


  
  
  
  
  
  
/* Video */
.video-tag h3 {display: none;content-visibility: hidden;}
.banner.home-video-section {position: relative;overflow: hidden; max-height: 85vh;}
.home-video-section video {width: auto; height: auto; position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; }

@media (min-width: 1600px) {
	.video-tag h1 {font-size: 65px !important; margin-top: 20px;}
}

.video-tag {color: #FFF; position: absolute; z-index: 9; width: 100%; text-align: center; top: 45%;}
.video-tag h3 {font-weight: 400;}
.video-tag h1 {font-size: 56px; font-weight: 500;}
.video-bg {position: absolute; z-index: 8; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35);}

video { 

 background: url('../../../wp-content/uploads/2019/11/login-bg.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}


@media screen and (max-device-width: 800px) {
  #bgvid { display: none;content-visibility: hidden; }
}

@media (max-width:844px) {
  .home-video-section {background-image: url(/images/hero-mobile.jpg); background-size: cover; background-position: center center; }
}
@media (max-width: 767px) {
	.badges {width: 100% !important;}
	#seal-1 a {float: left; border: 1px solid #ccc; }
.badge-seal {display: inline-block !important; float: none !important;}
}


#seal-1 a {background-image: url(images/psych-today.png) !important; background-color: #FFF !important; width: 190px !important; height: 45px !important; background-size: 180px; background-position: center center;}

.badge-seal {float:left;}
.page-id-391 .pr-content p {margin-bottom: 20px;}
.page-id-391 footer {margin-top: 50px;}
.page-id-372 h3, .page-id-372 h2 {margin-top: 30px;}
.page-id-372 footer {margin-top: 50px;}
.team-img {width: 100%; height: auto;}
.badges {text-align: center;width: 420px;clear: both;margin: 30px auto 0;}
.badges img {max-width: 210px; height: auto; display: inline-block; margin: 0 20px;}
.grey-pushdown-m h2 {font-size: 24px; margin-top: 40px;}

@media (max-width: 767px) {
	.contact-form .btn-black {
    transform: translateY(-50%) translateX(-100px) rotate(90deg) !important;
    font-size: 19px !important;
    }
}
.home-team {float: left; width: 100%; clear: both; margin-bottom: 150px;}
.home-team-hero {background-image: url(https://stcharlescounseling.net/wp-content/uploads/2023/10/scc-home-team1.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; min-height: 700px; height: 70vh; position: relative;}
.grey-pushdown {background: #f2f2f2; position: absolute; left:0; right:0; margin-left; auto; margin-right: auto; bottom: -100px; padding: 50px;}

@media (min-width: 768px) {
    .grey-pushdown {display: block;}
    .grey-pushdown-m {display: none;content-visibility: hidden;}
	
}
@media (max-width: 767px) {
	.grey-pushdown {display: none;content-visibility: hidden;}
    .grey-pushdown-m {display: block;}
	.home-team-hero {display: none;}
}
.home-teleconference {clear: both; width: 100%; float: left; text-align: center; background: #f0f0f0; padding: 50px 0px;}
.tele-left {float: left; width: 50%;}
.tele-left img {width: 100%; height: auto;}
.tele-right {float: left; width: 50%;}
.home-teleconference h3 {font-weight: 300; font-size: 26px;}
.home-teleconference h4 {font-weight: 300; font-size: 20px; margin-bottom: 30px;}
.home-teleconference h4 a {font-weight: bold; }
.home-teleconference p {opacity: 0.4;}

@media (min-width: 768px) {
	.tele-right {padding-top: 30px;}
}
@media (min-width: 1200px) {
	.tele-right {padding-top: 70px;}
}
@media (min-width: 1500px) {
	.tele-right {padding-top: 100px;}
}
@media (max-width: 767px) {
	.tele-left {min-width: 100%; clear: both;}
	.tele-right {min-width: 100%; clear: both; margin-top: 40px;}
}


.color-content h3 a {color: #FFF !important;}
.insurance-grey img {max-width: 200px;}
.container.thanks {text-align: center;}
.contact-form .btn-black:hover {background: #077dbd;}
.contact-form .btn-black, .contact-form .btn-black:hover {transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
 


@media (max-width: 768px) {
	.services-left {margin-left: 0 !important;}
}
/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .services-left, .services-right {min-width: 100%; text-align: center; margin-left: 0 !important; margin-right: 0 !important;}
	.therapist-video iframe {min-width: 100%; min-height: 520px;}
    .therapist-photo {width: auto !important; min-width: unset !important; margin-right: 30px;}
	
	.header-wrapper .header.header-sticky {box-shadow: none !important; -webkit-box-shadow: none !important;}
    .insurance-grey img {padding: 0px 20px;}
    .color-box h3 {font-size: 40px !important;}
    .color-box h4 {font-size: 40px !important;}
	
	.hero-iframe {padding-top: 25px !important; min-height: 690px !important;}
	
}
.form-details .nf-field-label {display: none;content-visibility: hidden;}
.form-details .nf-field-container {margin-bottom: 10px;}
.form-details input[type="text"], .form-details input[type="email"], .form-details textarea {border: 1px solid #ccc; padding: 10px;
font-size: 13px;}
.form-details textarea {max-height: 100px;}
.form-details .nf-form-fields-required {display: none;content-visibility: hidden;}
.contact-form.show {z-index: 999;}
.page-id-97 .contact-form.show {z-index: 99;}
.form-details .nf-after-field .nf-error-msg {font-size: 11px;}




#reviews-hero {background-image: url(images/reviews-bg.jpg); margin-bottom: 0; }
.google-more-btn {min-width: 100% !important; text-align: center !important; float: none !important; display: inline-block !important;
padding: 50px 0 100px 0 !important; font-family: 'Poppins', sans-serif !important; font-size: 24px !important; color: #077dbd !important; text-decoration: underline !important;}
.wp-google-review {font-family: 'Poppins', sans-serif !important; margin-bottom: 50px !important; }
.wp-google-left {display: none !important;content-visibility: hidden;}
.wp-google-name {letter-spacing: -0.04em !important; font-size: 18px !important; display: none !important; content-visibility: hidden;}
.wp-google-text {font-size: 18px !important; line-height: 2.1em !important;}

a {color: #077dbd;}

.hero-iframe {margin-top: 30px; float: left; width: 100%; clear: both; position: relative;}
.contact-intro {text-align: center; padding: 0px 20px 60px 20px; width: 100%; float: left; clear: both;}
.contact-intro h2, .contact-intro h3 {font-weight: 300;}
.contact-intro h2 {font-size: 42px; margin-bottom: 30px;}
.contact-intro h3 {font-size: 24px;}
.contact-form-container {max-width: 900px;}
.contact-form-container h2 {text-align: center; font-weight: 300; line-height: 50px;}
.nf-form-title {display: none;content-visibility: hidden;}
.nf-form-cont {margin-top: 70px;}
.contact-grey {background: #FFF; clear: both; padding: 110px 0px;}
input[type="text"], input[type="email"], input[type="tel"] {border: 1px solid #dbdbdb; padding:20px 20px; background: #FFF;}
select {padding: 20px; border: 1px solid #dbdbdb; background: #FFF;}
textarea {padding: 20px; border: 1px solid #dbdbdb; background: #FFF;}
input[type="button"] {background: #141414; border: medium none; color: #FFF; font-weight: 700; text-transform: uppercase; padding: 20px 10px; min-width: 100%;}
input[type="button"]:hover {background: #077dbd;}
input[type="button"]:hover, input[type="button"] {transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.contact-bottom {padding: 100px 0px; clear: both;}
.contact-bottom p {margin-bottom: 25px;}
.contact-intro a {text-decoration: underline;}


@media (max-width: 768px) {
	.contact-intro h3 {font-size: 20px !important; line-height: 36px;}
.hero-iframe {margin-top: 81px !important;}
.hero-iframe {min-height: 100vh;}
.hero-frame iframe {min-height: 100%;}
.page-id-97 .navbar-toggler-icon {color: #FFF;}
.page-id-97 .header-wrapper {padding-bottom: 0px !important;}
.page-id-97 .contact-form button {display: none;content-visibility: hidden;}
.contact-grey {padding: 50px 0 !important;}
}


.hero {background-size: cover; background-repeat: no-repeat; background-position: center -50px; min-height: 750px; height: 90vh; position: relative; z-index: 1; margin-bottom: 120px;}
#therapists-hero {background-image: url(https://stcharlescounseling.net/wp-content/uploads/2023/10/therapists-scc.jpg); }
.hero-title {background: #f2f2f2; position: absolute; bottom: -50px; left:0; right: 0; margin-left: auto; margin-right: auto; width: 450px; text-align: center; padding: 35px 0px;
font-size: 40px; z-index: 2;}
.header-wrapper .header.header-sticky {background-color: #141414;}

@media (max-width: 768px) {
	.insurance-grey img {max-width: 100%; margin: 20px 0px !important;}
	.color-box {min-width: 100%; border: medium none !important;}
	.insurance-grey {margin-bottom: 20px !important;}
}


#insurance-hero {background-image: url(images/insurance-bg.jpg); }
.insurance-intro p {font-size: 22px; line-height: 2em;}
.insurance-intro {text-align: center; padding: 30px 20px 70px 20px;}
.insurance-intro strong {color: #077dbd;}

.insurance-grey {background: #f5f5f5; text-align: center; padding: 100px 20px; position:relative; margin-bottom: 110px; margin-top: 20px;}
.insurance-grey h2 {font-weight: 300; color: #141414; margin-bottom: 50px; font-size: 32px;}
.insurance-grey img {display: inline-block; margin: 30px 40px;}

.disclaimer { position:absolute; bottom: 15px; left:0; right: 0; margin-left: auto; margin-right: auto;}
.disclaimer p {font-size: 16px;}


.color-box {width: 50%; float: left; text-align: center; height: 420px; display: table;}
.color-content {display: table-cell; vertical-align: middle;}
.color-box h3 {color: #FFF; font-weight: 300; margin-bottom: 15px; font-size: 36px;}
.color-box h4 {margin-bottom: 15px; font-size: 28px;}
.color-box h5 {color: #FFF; font-size: 28px;}
.color-box-1 {background: #077dbd; border-right: 9px solid #FFF; border-bottom: 9px solid #FFF;}
.color-box-2 {background:#17942c; border-bottom: 9px solid #FFF;}
.color-box-3 {background: #800379; border-right: 9px solid #FFF;}
.color-box-4 {background: #df2626; }

.color-box-1 h4 {color: #07537c; font-weight: 500;}
.color-box-2 h4 {color: #0b5a18; font-weight: 500;}
.color-box-3 h4 {color: #350032; font-weight: 500;}
.color-box-4 h4 {color: #7f0000; font-weight: 500;}

.disclaimer2 {width: 100%; text-align: center; float: left; clear: both; margin-top: 30px; margin-bottom: 150px;}
.disclaimer2 p {font-size: 16px;}
.color-boxes-container h5 {font-weight: 500; color; #141414; font-size: 30px; text-align: center; margin-bottom: 40px;}


.ea-header {font-weight: 300; }
.ea-header a {line-height: 38px !important;}
.ea-body p {color: #141414; line-height: 30px;}
.page-id-91 .hero-title {min-width: 700px;}
#faq-hero {background-image: url(images/faq-bg.jpg); }
.page-id-91 footer {margin-top: 150px;}

.therapist-video {width: 100%; clear: both; float: left;}
.therapist-video iframe {width: 100%; height: 710px; border: medium none; margin-bottom: 70px;}

.therapist-photo {float: left; margin-bottom: 30px; margin-top: 10px;}
#melissa-photo {margin-bottom: 350px;}
.therapist-photo img {max-width: 250px; margin-right: 50px;}
.therapist-bio p {margin-bottom: 20px;}
.therapist-bio h4 {font-size: 20px; margin-bottom: 20px;}

.clr {clear: both; width: 100%; background: transparent; }
.our-approach p {margin-bottom: 25px;}

#services-hero {background-image: url(images/ken-and-nancy.jpg); }
.services-row {width: 100%; clear: both; float: left; margin-bottom: 50px;}
.services-row img { margin-bottom: 30px;}
#services-1 .services-left, #services-3 .services-left {float: left; margin-right: 50px;}
#services-2 .services-left, #services-4 .services-left {float: right; margin-left: 50px;}
.services-row p {margin-bottom: 20px;}


#family-hero {background-image: url(images/family-therapy-bg.jpg); }
.page-id-130 .mid-banner {background-image: url(images/mid-banner-2.jpg); }
.page-id-130 footer {margin-top: 100px;}
.services-item-container p {margin-bottom: 25px;}


.page-id-132 footer {margin-top: 100px;}
.page-id-132 .hero-title {min-width: 550px; padding-left: 30px; padding-right: 30px;}
#couples-hero {background-image: url(images/couples-bg.jpg); }
ol {margin-bottom: 25px;}
.service-item-container p {margin-bottom: 25px;}
.page-id-132 .mid-banner {background-image: url(images/mid-banner-3.jpg); }
.services-row h2 a {color: #141414;}

#ad-hero {background-image: url(images/ad-bg.jpg); }
.page-id-134 footer {margin-top: 100px;}
.page-id-134 .hero-title {min-width: 550px; padding-left: 30px; padding-right: 30px;}


@media (min-width: 1300px) {
    .services-row h2 {margin-top: 30px;}

}

#individuals-hero {background-image: url(images/individual-therapy-bg.jpg); }
.page-id-128 .hero-title {padding: 30px 25px; min-width: 900px;}
h2 {font-weight: 600;}
.services-item-container h2 {margin-bottom: 20px; line-height: 45px; }
.services-item-container p {margin-bottom: 25px;}
.mid-banner h3 {color: #FFF; font-weight: 600; line-height: 50px; margin-bottom: 0;}
.mid-banner {text-align: center; padding: 100px 20px; background-image: url(images/mid-banner.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; 
width: 100%; float: left; margin-top: 70px; margin-bottom: 70px; }
.margin-top {margin-top: 50px;}
.page-id-128 footer {margin-top: 100px;}
.action {margin-top: 70px; text-align: center;}
.action p {font-size: 26px; line-height: 40px;}
.action h2 {font-size: 40px;}


@media (max-width: 768px) {
	
	.hero-title {max-width: 100% !important; min-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important;}
	.action br {display: none;content-visibility: hidden;}
	.mid-banner br {display: none;content-visibility: hidden;}
	
	
    .hero-title {max-width: 100%;}

    .therapist-photo img {margin-right: 0 !important; float: none !important;}
    .therapist-photo {min-width: 100%; text-align: center; margin-bottom: 50px !important;}
    .clr {height: 100px;}
    .header {position: relative !important; background: transparent !important;}
    .navbar-toggler {outline: 0 !important;}
    #logo img {min-width: 160px !important;}
	
	.services-row img {margin-bottom: 50px; max-width: 100%; }
    .services-left {margin-right: 0 !important;}
    .hero-title {font-size: 30px !important;}
}

/*404 page*/
.error404 header.page-header {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 170px;
    text-align: center;
}
.error-pg{
padding-bottom: 40px;
}
.btn-custom-err{
      background: #141414;
    border: medium none;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 10px;
    min-width: 100%;
}