/* COLORS */
:root {
	--lightblue: #e4f3fd;
    --royal:#3651e4;
    --brightblue:#96cdfb;
    --blue:#1e409a;
    --purple:#5c2c91;
    --yellow:#f7cf62;
	}


body {overflow-x:visible;}

/* TEXT */
h1 { font-weight: 800;}
h2 {font-size: 2em; font-weight: 800;}

a:visited {color: var(--purple)}

.text-blue, .text-primary {color: var(--blue)!important;}
.text-purple, .text-secondary {color: var(--purple) !important;}
.text-royal, .text-success {color: var(--royal) !important;}
.text-yellow, .text-caution {color: var(--yellow) !important;}
.text-brightblue {color: var(--brightblue) !important;}

h1.text-secondary, .header-secondary h1.entry-title {background: var(--purple) !important; color: #fff !important;}
.header-secondary .hero-text {color: var(--purple)}


/* Buttons */
.btn-outline-primary {border: 2px solid var(--blue); background: #fff !important;}
a.btn-outline-white {border: 2px solid #fff;; background: none; color: #fff; padding: .5em 1em; text-decoration: none;}
a.btn-outline-white:hover { text-decoration: underline;}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {background-color: var(--blue) !important;}
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited {background-color: var(--purple) !important;}
button, input[type="button"], input[type="reset"], input[type="submit"] {border-radius: 0 !important;;}



/* TOP NAVIGATION */
.top-navigation {background: var(--royal);}
.top-navigation #navbarNav {width: 100%;}
.top-navigation .navbar {padding: 0;}
.top-navigation a, .top-navigation a:visited {color: #fff;}
.top-navigation a:hover {color: #fff; text-decoration: underline;}
.top-navigation .language_selector {position: relative;}
.top-navigation ul {font-size: .85em; display: flex; flex-direction: row;}
.top-navigation ul li {padding: 0 1em; border-right: 1px solid var(--blue); min-height: 40px; text-transform: uppercase; font-size: 1.15em;}
.top-navigation ul li:first-of-type {border-left: 1px solid var(--blue);}
.top-nav-logo {opacity: 0; transition: all 1s;}
.top-nav-logo.visible {opacity: 1; transition: all 1s;}

.offcanvas-body .footer-social-links a {color: var(--blue);}
.offcanvas-body .footer-social-links a:visited {color: var(--blue) !important;}


/* MAIN NAVIGATION */
.bkn-main-menu ul li {background: var(--blue); border-left: 1px solid #fff; border-right: 1px solid #fff; font-size: 1em;}
.bkn-main-menu ul li:first-of-type {border-left: 0; border-right: 1px solid #fff;}
.bkn-main-menu ul li:last-of-type {border-right: 0;}
.bkn .navbar-expand-md .navbar-nav .nav-link { padding: .25em 1.25em;}
.bkn-main-menu ul li a {color: #fff; padding: .25em 1em; display: inline-block;}
.nav-link:focus, .nav-link:hover, .nav-link.active {color: var(--yellow) !important;}
.nav-pills .nav-link:focus, .nav-pills .nav-link:hover {color: #fff !important; text-decoration:underline;}
/* MOBILE NAVIGATION */
.offcanvas-body {background-color: var(--lightblue)}
#mobile-menu ul li {font-size: 1.5em;}
#mobile-menu ul li a:visited {color: var(--blue);}


/* CONTAINERS */
.bkn * {font-family: "Rubik", sans-serif;}
.bkn .site-header .container-fluid {max-width: 100%}

.page-with-sidebar-container {margin-top: -2em; background: #f7f7f7; position: relative;}

.site-header {background: var(--lightblue);}

/* REFERRAL FORM */
.refer-number-heading {font-size: 90px; font-weight: 900; color: var(--blue)}

/* SIDEBAR */
.page-sidebar {/*border: 13px solid var(--royal); background:#fff;*/}
.page-sidebar h3, .page-sidebar p, .page-sidebar span {font-size: .95em;}
.page-sidebar h3 {color: #0366d6; font-size: 1.25em; font-weight: bold;}
h3.blog-side-title {font-size: .9em; margin-bottom: 0;}
.blog-side-blurb {font-size: .85em;}

.sidebar-social-icons .nav-item {background: var(--blue); padding: 5px; margin: 0 10px 0 0; border-radius: 50px;}
.sidebar-social-icons .nav-item .nav-link {display: inline;}
.sidebar-social-icons .navbar-nav  {flex-direction:row; padding:0; margin: 0;}

.sidebar-category-list ul {padding: 0; margin: 0; list-style: none; font-size: .9em;}
.sidebar-category-list ul li {padding: 3px 0;}


.post-meta {}
.post-meta ul {list-style: none; display: inline; padding: 0; margin: 0;}
.post-meta ul li {display: inline-block}
.post-content {}


/* HOME HERO */
.bkn .home-hero {flex-direction: column; min-height: 580px; height: 100%; }
.bkn .home-hero h1 {background: var(--yellow); padding-left: .25em; padding-right: .25em; line-height: 1.15em; display: inline-block; font-size: 55px; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline;}
.bkn .home-hero p {font-size: 30px; padding-left: .25em;}	
.hero-text {color: var(--blue);}
/* SERVICE LINKS */
.service-links {width: 100%; justify-content: center; margin-left: 0; }
.service-links ul {align-items: stretch; width: 100%;}
.service-links .nav-item {padding: 0em; margin: 0 .5em; font-size: .75em;}
.service-links a {color: #fff !important; cursor: pointer;}
.service-links .yellow-button {background: var(--yellow); font-weight: bold;}
	.service-links .yellow-button a {color: var(--blue) !important; font-weight: bold;}
	.service-links .yellow-button a:hover {color: var(--blue) !important; }
.service-links .blue-button {background: var(--royal);}
.service-links .purple-button {background: var(--purple);}


/* Sliders */
.testimonial-swiper {width: 90%; max-width: 1100px; margin: 0 auto;}
.testimonial-swiper cite {font-style: italic; text-align: right; display: block; font-weight: bold; padding: 20px 0; margin-right: 2em;}

.logo-swiper .swiper-slide {background: #fff; border: 1px solid #ccc; display: flex; height: 220px; align-items: center; text-align: center; justify-content: center;}
.logo-swiper .swiper-slide img {width: 80%; max-height: 200px; height: auto; object-fit: contain; margin: 0 auto; display: block; }
.swiper-pagination-bullet {width: 20px !important; height: 20px !important;}


/* TEXT STYLES */
.bkn h1 {}
.bkn h2 {color: var(--royal);}
blockquote {line-height: 1.8em;}

/*FOOTER */
.bkn footer h2 {color: #fff;}
footer ul {margin: 0 ; padding: 0;}
footer ul li {font-size: .85em;padding: 0; margin: 0;}

.footer-social-links ul {list-style: none; padding: 0; margin: 0;}
.footer-social-links ul li a.nav-link {padding: 0; margin: 0 5px; font-size: 1.5em}


/* ABOUT PAGE */
	.about-our-team {background: url('https://careaboutme.org/wp-content/uploads/2024/06/our-team-hero.jpg') #e4f3fd no-repeat 50% 50%}
	.about-join-network {background: url('https://careaboutme.org/wp-content/uploads/2024/06/join-our-network.jpg') #e4f3fd no-repeat 100% 100%; background-size: 95%; background-size: clamp(1000px, 90%, 2000px) auto;}
@media (max-width: 990.98px) { 
	.about-our-team, .about-join-network {background:#e4f3fd}

}


/* RESPONSIVE STYLES */

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
.service-links .nav-item {padding: 0 1.5em;margin: 0 .5em;width: 100%; text-align: center; margin: 3px 0; font-size: 1.1em; }
.bkn .home-hero {min-height: 50vh;}
.bkn .home-hero h1 {background: var(--yellow); padding-left: .25em; padding-right: .25em; line-height: 1.2em; display: inline-block; font-size: 50px; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline;}
.bkn .home-hero p { font-size: 25px;}
.page-sidebar {margin-top: 40px; border-top: 12px solid var(--blue)}

}

/* // Medium devices (desktops, less than 1200px) */
@media (min-width: 991.98px) {
.bkn-main-menu ul li {font-size: 1em;}
.service-links .nav-item {padding: 0em 1em; margin: 0 .5em; font-size: .9em;}
.testimonial-swiper {width: 70%;}
.page-sidebar {/*border: 13px solid var(--royal); background:#fff;*/}

}

/* // Large devices (desktops, less than 1200px) */
@media (min-width: 1399.98px) {
.service-links .nav-item {padding: 0em 1em; margin: 0 .5em; font-size: 1em;}