/*
 Theme Name:     WP Bootstrap Starter Child Theme
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Afterimage Designs
 Author URI:     https://afterimagedesigns.com/
 Template:       wp-bootstrap-starter
 Version:        1.4
*/

/* GLOBAL STYLES */
h1, h2, h3, h4, h5, h6, p, a, ol, ul {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 15px;
}

#content.site-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.entry-content {
	margin-top: 0;
}
.text-white {
	color:#fff;
}

.vc_row .vc_inner.nine-eighty {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}

.vc_row .vc_inner.eight-four-five {
	max-width: 845px;
	width: 100%;
	margin: 0 auto;
}

.vc_row .vc_inner.seven-seven {
	max-width: 770px;
	width: 100%;
	margin: 0 auto;
}

.vc_row .vc_inner.six-two-five {
	max-width: 625px;
	width: 100%;
	margin: 0 auto;
}

.vc_row .vc_inner.six-ten {
	max-width: 610px;
	width: 100%;
	margin: 0 auto;
}

h1 {
	font-weight: bold;
	font-size: 42px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 20px;
}

.content-h2 h2 {
	font-weight: 600;
	color: #242456;
}

a {
	color: #12a4cf;
}

a:hover {
	color: #242456;
}

.white {
	color: #fff;
}

.big-blue {
	font-size: 20px;
	color: #242456;
}
/* END GLOBAL STYLES */

/* HEADER */
header#masthead {
	background-color: #fff;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 18px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
	color: #12a4cf;
}

.dropdown-item {
	color: #242456;
}

.dropdown-item:hover {
	color: #12a4cf;
}
/* END HEADER */

/* HERO */
.hero {
	min-height: 680px;
}

/*.hero.short {
	min-height: 275px;
}*/

.hero h1, .hero h2 {
	color: #fff;
}

.home.hero h1 {
    max-width: 420px;
	width: 100%;
    margin: 0 auto;
}

.foster.hero h1 {
    max-width: 460px;
}
/* END HERO */

/* GET STARTED */
.get-started , .get-started-micro-teams{
	padding-left: 30px;
	padding-right: 30px;
}

.gs-container {
	max-width: 767px;
	margin: 0 auto !important;
	padding: 20px 0;
}

.get-started p {
	color: #fff;
	font-size: 26px;
	font-weight: 700;
}

.get-started  .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic,
.get-started-micro-teams .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic{
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	border-color: #242456;
    background-color: #242456;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.6px;
	font-weight: 600;
}
.get-started-micro-teams .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
	font-size: 15.5px;
}
/* END GET STARTED */

/* HOME */
.vc_row[data-vc-full-width].page-overlay {
	overflow: visible;
}

.vc_row.page-thumb-container {
	position: relative;
	max-width: 713px;
	width: 100%;
	margin: -85px auto 45px;
	padding: 0 20px;
	overflow: visible;
}

.vc_row-no-padding .vc_inner.page-thumb-container {
	margin-left: auto;
	margin-right: auto;
}

.page-thumb {
	background: #fff;
	margin: 0 auto;
	max-width: 288px;
	min-height: 289px;
	width: 100%;
	height: 100%;
	border: 1px solid #dfdfdf;
}

.page-thumb h3 {
	font-size: 20px;
}

.page-thumb h3 a {
	color: #242456;
	font-size: 20px;
}

.page-thumb p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
}

.home .page-thumb p:nth-of-type(2) {
	padding: 0 22px 20px;
}

hr {
	width: 90px;
	background-color: #979797;
}
/* END HOME */

/* FOSTER */
.hero.foster h1 {
	padding-bottom: 20px;
}

.hero .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	border-color: #289ad0;
    background-color: #289ad0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.6px;
	font-weight: 600;
}

.foster-thumb {
	background-color: #fffbf1;
	padding: 20px;
	margin: 0 auto;
	max-width: 285px;
	min-height: 325px;
	width: 100%;
	height: 100%;
	border: 1px solid #d1d1d1;
}

.foster-thumb h3 {
	color: #242456;
}

.foster-thumb.tall h3 {
	padding: 12px 0;
}

.foster-thumb p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
}

.foster-blocks {
	display: flex;
}

.foster-blocks h3 {
	color: #242456;
	margin-bottom: 20px;
}

.foster-txt1 .wpb_content_element,
.foster-txt2 .wpb_content_element,
.foster-txt3 .wpb_content_element,
.foster-txt4 .wpb_content_element {
	max-width: 645px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem;
}

.foster-txt1 p,
.foster-txt2 p,
.foster-txt3 p {
	margin: 0;
}

.foster-img3,
.foster-img4 {
	min-height: 500px !important;
	background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #FFFFFF;
    padding: 90px 90px;
}

.foster-img3 {
	background: url("/wp-content/uploads/2022/03/foster-img3-lg-new-v2.jpg");
}

.foster-img4 {
	background: url("/wp-content/uploads/2022/03/foster-img4-lg-new-v2.jpg");
}

.foster-family-list ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}

.foster-family-list ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

.foster-family-list ol li::before {
	content: counter(my-awesome-counter);
	color: #4783b5;
	font-size: 21px;
	font-weight: 700;
	position: absolute;
	top: 8px;
	--size: 32px;
	left: calc(-1 * var(--size) - 10px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	background: #fff;
	border-radius: 50%;
	text-align: center;
}

.foster-family-list li {
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
}

.foster-family-list h3 {
	color: #242456;
	line-height: 27px;
}
/* END FOSTER */

/* FAQ */
.faq-header {
	max-width: 645px;
	width: 100%;
	margin: 0 auto;
}

.faq-header p {
	padding: 25px 0;
	line-height: 27px;
}

.vc_toggle {
    margin-bottom: 5px !important;
    padding: 0px;
    font-size: inherit;
    overflow: hidden;
    border: 1px solid transparent;
}

.vc_toggle:last-of-type {
	margin-bottom: 35px !important;
}

.vc_toggle_title {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
    position: relative;
    color: #000;
    background-color: #eef3f7;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
    padding-left: 50px !important;
}

.vc_toggle_active .vc_toggle_title,
.vc_toggle_active .vc_toggle_title:hover {
    background-color: #12a4cf !important;
	color: #fff !important;
}

.vc_toggle_title:hover {
    background: #12a4cf;
}

.vc_toggle_active .vc_toggle_title > h4,
.vc_toggle_title > h4,
.vc_toggle_title:hover > h4 {
	font-size: 1.125rem;
	color: #000;
}

.vc_toggle_active .vc_toggle_title > h4,
.vc_toggle_title:hover > h4 {
	color: #fff;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {
	display: none !important;
}

.vc_toggle_content {
	border-right: 1px solid rgb(218, 223, 228);
    border-bottom: 1px solid rgb(218, 223, 228);
    border-left: 1px solid rgb(218, 223, 228);
    border-image: initial;
    border-top: none;
	margin-top: 0 !important;
	padding: 16px 30px 5px !important;
}

.vc_toggle_content P {
	margin-top: 0;
}
/* END FAQ */

/* GIVE BACK */
.volunteer h1 {
	margin-bottom: 15px;
}

.volunteer h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	max-width: 610px;
	line-height: 33px;
}
/* END GIVE BACK */

/* MEET THE TEAM */
.team h3 {
	font-size: 18px;
	color: #420205;
}

.team p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	max-width: 340px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.team img {
	margin-bottom: 25px !important;
}
/* END MEET THE TEAM */

/* CONTACT */
.contact ul li {
	margin: 20px 0;
}

textarea {
	border-left-width: 3px !important;
}

textarea, input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=email], input[type=password], .wpcf7-form select {
  height: 50px;
  padding: 0 10px 0 20px;
  line-height: 50px;
  margin: 0;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-top-color: #e7e7e7;
  border-right-color: #e7e7e7;
  border-bottom-color: #e7e7e7;
  font-size: 0.944em;
  color: #9c9c9c;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

textarea, select, input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], textarea:focus, input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, input[type=password]:focus, textarea:hover, input[type=text]:hover, input[type=url]:hover, input[type=tel]:hover, input[type=number]:hover, input[type=color]:hover, input[type=email]:hover, input[type=password]:hover {
	border-left-color: #12a4cf !important;
}

.wpcf7-checkbox.form-control {
	border: none;
	padding-left: 0;
}

span.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item input {
	position: relative;
	opacity: 1;
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"] ~ .wpcf7-list-item-label {
	padding-right: 15px;
}

.wpcf7-form-control.wpcf7-submit {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
	background-color: #12a4cf;
	border-radius: 0;
	padding: 10px 50px;
	position: relative;
	margin: 25px 0 0;
	border-color: transparent;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.wpcf7-form select {
	display: block;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: transparent;
	padding: 0;
	text-align: left;
	color: #242456;
	margin-left: 0;
}
/* END CONTACT */

/* FOOTER */
#colophon, #secondary {
	display: none;
}

#footer-widget {
	background-color: #242456 !important;
}

#footer-widget a,
#footer-widget p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
}

#footer-widget .widget {
	margin-bottom: 25px;
}

#footer-widget .nav {
	padding-top: 50px;
}

#footer-widget .nav-link {
	padding: 0 0 .1rem;
}

#footer-widget .flex-column {
	flex-direction: row !important;
	justify-content: center;
}

#footer-widget .nav > li {
	margin: 0 20px 10px;
}

#footer-widget .nav > li > a:focus,
#footer-widget .nav > li > a:hover {
	background-color: transparent;
	color: #12a4cf;
}

#footer-widget .widgetBody ul > li {
	margin-bottom: 0;
}
/* END FOOTER */




/* MOBILE STYLES */
@media screen and (min-width: 577px) {
	.counties ul {
		-moz-column-count: 3;
		-moz-column-gap: 0;
		-webkit-column-count: 3;
		-webkit-column-gap: 0;
		column-count: 3;
		column-gap: 0;
	}
}
@media screen and (max-width: 1199px) {
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
		text-align: center;
	}
}
@media screen and (max-width: 992px) {
	.page-thumb-container .vc_column_container.vc_col-sm-4,
	.foster-thumb-container .vc_column_container.vc_col-sm-4 {
		width: 100%;
	}
	.page-thumb, .foster-thumb {
		min-height: auto;
	}
	.foster-thumb.tall h3 {
		padding: inherit;
	}
}
@media screen and (max-width: 768px) {
	.get-started, .get-started-micro-teams{
		padding-bottom: 15px;
	}
	.get-started p, .get-started .vc_btn3-container.vc_btn3-right {
		float: none;
		text-align: center;
		padding-top: 0;
	}	
	.foster-blocks {
		flex-direction: column;
	}	
	.foster-img1 {
		order: 1;
	}	
	.foster-txt1 {
		order: 2;
	}
	.foster-img2 {
		order: 3;
	}	
	.foster-txt2 {
		order: 4;
	}
	.foster-img3 {
		order: 5;
	}	
	.foster-txt3 {
		order: 6;
	}
}
@media screen and (max-width: 576px) {
	.counties ul {
		-moz-column-count: 2;
		-moz-column-gap: 0;
		-webkit-column-count: 2;
		-webkit-column-gap: 0;
		column-count: 2;
		column-gap: 0;
	}
	.hero h1, .hero h2 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.hero button {
		margin-left: 15px;
}

}
header#masthead {
    background: none;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    left: 0;
}
.navbar-brand {
    max-width: 170px;
    width: 100%;
}
.banner-page-overlay {
    position: relative;
}
.banner-page-overlay:before {
    content: "" !important;
    display: block !important;
    position: absolute;
    background: rgb(0 0 0 / 30%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.navbar-light .navbar-toggler-icon {
    filter: invert(1) brightness(1);
}
@media screen and (max-width:768px){
	.navbar-brand {
		max-width: 140px;
    }
}