/*
 Theme Name:	Christopher's Bridge
 Theme URI:     http://christophersbridge.com
 Description:   Custom theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		SEOteric-Framework
 Version:       1.0.0
*/



/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, .nav, section, time, mark, audio, video, details, summary, nav, .nav li, .topNav a[href^="tel"], footer a[href^="tel"],#content .su-spoiler-style-default > .su-spoiler-title {
	font-family: 'Montserrat', sans-serif;
}
strong {
	font-weight:700;
}
.container {
	max-width:1120px;
}
.panel {
	padding:130px 0;
}
a {
	color:#5b377a;
}
a:hover {
	color:#5b377a;
}
#content a {
	border-bottom:2px solid transparent;
}
#content a:hover {
	border-bottom:2px solid #5b377a;
}
a.read-more {
	display:table;
	color:#FFF;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:500 !important;
    clear: both;
    margin-top: 30px;
}
.btn.small, .older a, .newer a,
.btn, .readmore a, a.read-more, .su-button.btn,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit],
.contact .gform_wrapper .gform_footer input.button,
.contact .gform_wrapper .gform_footer input[type=submit],
.contact .gform_wrapper .gform_page_footer input.button,
.contact .gform_wrapper .gform_page_footer input[type=submit]{
	background: #7b52a0 !important;
	border-radius:4px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding-left:45px;
	padding-right:45px;
	border: solid 1px transparent;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit],
.contact .gform_wrapper .gform_footer input.button,
.contact .gform_wrapper .gform_footer input[type=submit],
.contact .gform_wrapper .gform_page_footer input.button,
.contact .gform_wrapper .gform_page_footer input[type=submit]{
	width: -webkit-fill-available; }

.btn.small:hover, .older a:hover, .newer a:hover,
.btn:hover, .readmore a:hover, .su-button.btn:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover,
.contact .gform_wrapper .gform_footer input.button:hover,
.contact .gform_wrapper .gform_footer input[type=submit]:hover,
.contact .gform_wrapper .gform_page_footer input.button:hover,
.contact .gform_wrapper .gform_page_footer input[type=submit]:hover,
a.read-more:hover {
	border: solid 1px transparent;
	box-shadow: 0 1px 2px 0 rgba(4, 11, 16, 0.24);
	background-color: #7b52a0 !important;
	color:#FFF;
}
.how .btn,
.career .btn {
	background-color: rgba(255, 255, 255, 0.05) !important;
	border: solid 1px rgba(255, 255, 255, 0.24);
}
.how .btn:hover,
.career .btn:hover {
	background-color: #ffffff !important;
	color: #5b377a;
}
.btn.white {
	background-color: #ffffff !important;
	border-color: #FFF;
	color:	#892891;
	padding-left:25px;
	padding-right:25px;
}
.btn.white:hover {
	background-color: rgba(255, 255, 255, 0.05) !important;
	border: solid 1px #FFF;
	color:#FFF;
}
.btn.center {
	display:table;
	margin:0 auto;
}

.widget_search {
	margin-bottom:40px;
}

#sidebar.thirty {
	background:#F6F4F5;
}

h1, h2, h5 {
	font-family: 'PT Serif', serif;
}

h1 {
	letter-spacing: normal;
	font-weight:normal;
	font-size: 56px;
	line-height: 1.14;
	color: #040b10;
}
#page-banner h1 {
	text-shadow:none;
	font-weight:700;
    background: rgba(255,255,255,0.4);
    padding: 20px;
}
h2 {
	font-size: 48px;
	letter-spacing: normal;
	color: #373c40;
	font-weight: normal;
}
.how h2,
.caregiver h2,
.career h2{
	color:#FFF;
}
.how h2:after,
.caregiver h2:after,
.conversion h2:after {
    background-color:  rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 46px;
	margin:30px 0;
}
.conversion h2:after {
	background-color: rgba(4, 11, 16, 0.3);
}

.conversion h2.gsection_title:after {
	display:none;
}
h3,
.conversion h4 {
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  color: #373c40;
  margin-bottom:15px;
  line-height:normal;
}
h3.post-title {
     margin-bottom: 25px;
}
h4 {
  font-size: 20px;
  font-weight: 500;
  color: #5b377a;
}
#sidebar h4 {
  color: #373c40;
}
.conversion .testimonials h4 {
	color:#FFF;
}
h5 {
  font-size: 18px;
  font-weight: bold;
  color: #373c40;}
h6{
  font-size: 14px;
  text-transform:uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  color: #2974a5; }
.how h6,
.career h6 {
	color:#f3ba3f;
}
.caregiver h6 {
	color: #040b10;
}
p,
.caregiver p.norm {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #787b7e;
}

ul.socials {
	margin:21px 0 0 0;
}
ul.socials li a i {
    padding-top: 10px;
}
ul.socials li a {
	background-color: #892891;
	color:#FFF;
	border:none;
	margin-right: 12px;
}
ul.socials li a:hover {
	background:#751f7d;
}


blockquote {
    background: #5b377a;
    border-left: none;
    margin: 20px 20px 40px;
    padding: 20px 32px 8px 25px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

blockquote p, blockquote p strong {
	font-size: 19px;
	font-weight: 500;
	line-height: 1.68;
	letter-spacing: -0.2px;
	color: #fff;
	text-shadow: none;
}

.post-meta {
    border-left-color: #5b377a;
}
.post-single {
    border-bottom: 1px solid #c8c4c9;
    padding-bottom: 20px;
}
/*//////////////////////////////////////////////////
FORM STYLES
//////////////////////////////////////////////////*/


.contact .gform_wrapper {
	margin:0;
}
		::-webkit-input-placeholder,
		.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { /* Chrome/Opera/Safari */
		  color: #7e727f;
		   font-size: 16px;}
		::-moz-placeholder { /* Firefox 19+ */
		  color: #7e727f;
		   font-size: 16px;}
		:-ms-input-placeholder { /* IE 10+ */
		  color: #7e727f;
		   font-size: 16px;}
		:-moz-placeholder { /* Firefox 18- */
		  color: #7e727f;
		   font-size: 16px;}

.conversion .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
.conversion .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
.conversion .gform_wrapper .top_label .gfield_label {
	display:block !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: normal;
	text-align: left;
	color: #403041;
	text-transform:none;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select,
textarea {
	background-color: #fbfafb;
	border: 1px solid #c8c4c9;
	color: #1b081d !important;
	font-size: 16px !important;
	border-radius: 5px;
    padding: 15px 10px !important;
}
.conversion span {
  font-size: 18px;
  line-height: 1.67;
  text-align: left;
  color: #7d7575;
}


.page-id-171 .panel.conversion {
    display: none;
}

/*////////////////////////////////////////////
HEADER STYLES
////////////////////////////////////////////*/

header {
    position: fixed;
    width: 100%;
    z-index: 500;
	height:135px;
	transition: all .5s linear;
	box-shadow: 0 2px 5px 0 rgba(64, 48, 65, 0.24);
	background:#FFF;
}
header.sticky {
	background:#FFF;
	transition: all .5s linear;
	height:82px;
}
header img.custom-logo {
	transition: all .5s linear;
	max-width:208px;
	position:absolute;
	top:27px;
}
header.sticky img.custom-logo {
	transition: all .5s linear;
    max-width: 160px;
    top: 10px;
}
.desktopView {
	transition: all .5s linear;
	float:right;
	text-align:right;
    padding-top: 33px;
	opacity:1;
    margin-right: 10px;
    width: 50%;
}
header .topNavWrapper {
	transition: all .5s linear;
	margin-top:0px;
	opacity:1;
}
header.sticky .topNavWrapper {
	transition: all .5s linear;
	margin-top:-33px;
	opacity:0;
}
.topNav {
	margin-top:0;
	float:right;
	margin-left:25px;
}
.topNav li {
	padding-left:25px;
}
.topNav a {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #7b52a0;
  text-transform:none;
  letter-spacing:normal;
}
header a[href^="tel"] {
	font-weight: 500;
	display:inline-block;
	float:right;
	color:#5b377a;
}
header a[href^="tel"],
footer a[href^="tel"]{
	transition: all .5s linear;
	font-size: 20px;
	text-align: left;
	opacity:1;
}

header .desktopView a[href^="tel"]:before {
	content:url(images/icon-phone.svg);
	padding-right:5px;
    padding-top: 2px;
    float: left;
}
footer a[href^="tel"] {
	color: #ac3335;
	float:none;
	text-align:left;
    margin-bottom: 30px;
    margin-top: 15px;
}
header ul.socials {
	float:right;
	margin:21px 0 0 10px;
}
header ul.socials li a,
header ul.socials li a i {
	background:none;
	color:#892891;
	border:none;
	border-radius:0;
}
header ul.socials li a {
	margin-right:2px;
	width:25px;
}
header ul.socials li a:hover {
	background:none;
}

header.sticky .nav {
	transition: all .5s linear;
	margin-top:0;
}
.nav {
	transition: all .5s linear;
	clear:both;
	text-align:right;
	margin-top:20px;
}
.nav li > ul {
	margin-left:10px;
	margin-top: -3px;
	background: #FFF;
}
.nav ul li a {
	text-align:left;
}
.nav li a {
	padding:8px 12px;
	margin-left:10px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #373c40;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	text-transform:uppercase;
 }
.nav li:hover a {
	background:none;
	color: #7b52a0;
}
.nav li a:hover,
.nav li:hover a {
	background: rgba(91, 55, 122, 0.1);
	color: #7b52a0;
}
.nav li > ul li {
	padding-left:0;
}
.nav li > ul a, .nav li:hover ul a {
    padding: 15px ;
    font-size: 15px;
	text-transform:none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	letter-spacing:normal;
	background:#EDEAF0;
}
.nav li > ul a:hover, .nav li:hover ul a:hover {
	color: #FFF;
	background:#7b52a0;
}

#slider {
	padding-top:135px;
}
.page-template-page-flexible-content #page-banner {
	margin-bottom:0;
}
#page-banner {
	background-position:center center;
}
#page-banner .overlay {
    padding: 5% 2% 5%;
    margin-top: 130px;

}
#page-banner .overlay .container {
	background:none;
}
#page-banner.noImage .overlay {
	border-bottom:none;
    padding: 15% 2% 4%;
	background-image:url(images/featured-bg-image.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}




.mobileView {
	display:none;
}

.mobileView a {
	background:none;
}



/*////////////////////////////////////////////////////////////////////////
HOME PANELS
////////////////////////////////////////////////////////////////////////*/


.services {
	background-image: url(images/our-services-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top left;
}
.services .fifty {
	border-radius: 4px;
	background-color: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(4, 11, 16, 0.12);
	width:48%;
	margin:40px 1%;
	padding:16px;
}
.services .fifty:hover {
  box-shadow: 0 10px 20px 0 rgba(4, 11, 16, 0.16);
}

.services .fifty img {
	margin-bottom:20px;
}
.services ul.logos {
	display:block;
	margin:40px 0 0;
	padding:0;
	border:none;
	text-align:center;
}
.services ul.logos li {
    box-sizing: content-box;
    padding: 0 55px ;
    display: inline-block;
}
.services ul.logos li img {
	vertical-align: -webkit-baseline-middle;
	margin: 4%;
}

.services p {
  font-size: 16px;
  line-height: 1.5;
  color: #787b7e;
  margin-bottom:30px;
}

.services p.intro {
  font-size: 18px;
  line-height: 1.67;
  text-align: center;
  padding: 0 15%;
}
.services a {
	font-weight:600;
	border-bottom:2px solid transparent;
}
.services a:hover {
	border-bottom-color:#5b377a;
}
.how {
	background:url(images/how-we-work.jpg) no-repeat 100% 0% #5b377a;
	background-size: 50%;
	padding:10px 0;
}
.how p,
.caregiver p,
.career p{
  font-size: 18px;
  line-height: 1.67;
  color:#FFF;
}
.how .fifty,
.caregiver .fifty {
	padding:60px 5%;
}
.caregiver .fifty {
	float:right;
}

.caregiver {
	background: url(images/caregiver-matching.jpg) no-repeat 0% 0% #c9a14a;
    background-size: 50%;
	padding:10px 0;
}

.caregiver a {
	color:#FFF;
	text-decoration:underline;
}
.caregiver .btn {
	text-decoration:none;
    margin: 38px 0;
}
.caregiver p.norm {
  color: #FFF;
}

.career p {
	text-align:center;
	margin-bottom:50px;
    padding: 0 17%;
	color: #e1e2e2;
}

/*////////////////////////////////////////////////////////////////////////
CONVERSION PANEL
//////////////////////////////////////////////////////////////////*/


.panel.conversion,
.page-template-page-flexible-content .panel.conversion {
	background: url(images/get-started-bg.svg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
}
.conversion, .conversion h2, .conversion p, .conversion span, .darkgray h3, .darkgray p, .conversion .testimonial-name, .conversion .testimonial-company, .testimonials .testimonial-content p, .testimonials .testimonial-name {
	color: #373c40;
}

.testimonials .testimonial-content {
	padding-top:30px;
}
.testimonials .strong-view.nav-position-outside .wpmslider-controls {
	margin-top:0;
}
.testimonials .testimonial-content p {
	font-family: 'PT Serif', serif;
	font-size: 24px;
	font-style: italic;
	line-height: 1.67;
	color: #373c40;
}
.testimonials .testimonial-name {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.67;
	letter-spacing: 1px;
	color: #787b7e;
	text-align:left;
 }

 .strong-view.pager-style-buttons .wpmslider-wrapper .wpmslider-pager-link:before {
    color: #040b10 !important;
 }
.testimonials .readmore span {
	 display:none;
 }

.fifty.testimonials {
	padding:85px 4% 85px 0;
}

.fifty.contact {
	padding:85px 0 85px 4%;
}
/*///////////////////////////////////////////////////
FOOTER
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

footer {
	background-image:linear-gradient(to bottom, #ffffff, #f8f8f8), linear-gradient(#ffffff, #ffffff);
	padding:60px 0 0;
}
footer img.custom-logo {
	max-width:250px;
}
footer .copy .fifty {
	padding-top:15px;
	padding-bottom:15px;
}
footer p {
  font-size: 14px;
  line-height: 1.57;
  text-align: left;
}
footer .twentyfive.last p,
footer a[href^="tel"] {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
  color: #787b7e;}
footer a,
footer a[href^="tel"] {
	color: #787b7e;
	font-weight:400;
}
footer a[href^="tel"] {
	margin:0;
}
footer a[href^="mailto"] {
	color: #892891;
}
footer p {
	margin:15px 0 0;
}
.copy {
	background: #c9a14a;
	margin-top:40px;
}
.copy a,
footer .copy p,
.seoteric {
	margin:0;
	padding:0;
	font-weight:600;
	font-size: 14px;
	line-height: 1.71;
	text-align: left;
	color: #040b10;}
.seoteric a {
	border-bottom:1px solid ;
}
footer .forty {
    padding-right: 45px;
    margin-right: 10%;
}
footer .footerNav {
	margin:15px 0 0;
	padding:0;
}
footer .footerNav li {
	font-size: 16px;
	line-height: 2.1;
	color: #787b7e;
}


@media only screen and (max-width: 1400px) {

.how .fifty,
.caregiver .fifty {
	padding:20px 3% 20px 3%;
}
.how h2, .caregiver h2 {
    font-size: 4vh;
}
}
@media only screen and (max-width: 1023px) {

.caregiver {
	background-position:-45% 0%;
    background-size: 65%;
}

}

@media only screen and (max-width: 980px) {


.nav li a {
    margin-left: 15px;
    font-size: 16px;
}
.nav li > ul {
	margin-left:15px;
}

.panel.wFourths .twentyfive {
	width:48%;
	float:left;
}
.panel.wFourths .twentyfive:nth-of-type(4),
.panel.wFourths .twentyfive:nth-of-type(4n+2){
	clear:left;
}

.how {
	background-position:165% 0%;
    background-size: 70%;
}

.caregiver {
	background-position: -400% 0%;
    background-size: 90%;
}


}


@media only screen and (max-width: 880px) {

.nav li a {
    margin-left: 5px;
    font-size: 15px;
}

}

@media only screen and (max-width: 767px) {
html {
     padding-top: 0px !important;
}
#wprmenu_bar {
	position: fixed;
    top: 0;
    right: 0;
    padding: 10px 5px 16px;
	width:auto;
    cursor: pointer;
    overflow: hidden;
    height: 42px;
    z-index: 99999;
	background:#FFF;
/*	box-shadow: 0 2px 7px 0 rgba(43, 11, 11, 0.08);
*/}

.desktopView {
    width: 80%;
    padding-top: 9px;
    padding-right: 40px;
}


header,
header.sticky {
    height: 45px;
}
header img.custom-logo,
header.sticky img.custom-logo {
    max-width: 94px;
    top: 3px;
	left: 3px;
}
header.sticky .topNavWrapper {
	margin-top:0;
	opacity:1;
}
header ul.socials {
    margin: 0px 55px 0 10px;
}


#slider {
    padding-top: 45px;
}
.how,
.caregiver {
	background-image:none;
}
.services .fifty {
	float:none;
	width:98%;
}
.services .fifty img {
	width:100%;
}
.services ul.logos li {
	margin-bottom:40px;
}
.fifty.testimonials,
.fifty.contact {
    background-color: transparent;
	padding:20px;
}

footer .forty {
	padding-right:20px;
	margin-right:0;
}

}

@media only screen and (max-width: 660px) {


.panel.wFourths .twentyfive {
	width:100%;
	float:none;
	margin-left:0;
	margin-right:0;
}


}

@media only screen and (max-width: 599px) {

.desktopView {
	display:none;
}
.mobileView {
	transition: all .5s linear;
	display:inline-block;
	float:right;
	text-align:right;
    padding-top: 9px;
	padding-right:40px;
	opacity:1;
	width:80%;
}
.topNav {
	margin-left:10px;
}
.topNav li:last-child {
	border:none;
}
.services p.intro,
.career p {
	padding:0;
}
footer p,
footer .twentyfive.last p,
footer a[href^="tel"],
footer .copy p,
.seoteric{
	text-align:center;
}

}



@media only screen and (max-width: 479px) {

header .mobileView a[href^="tel"] {
    text-align: right;
}
.mobileView a {
    width: 30px;
    overflow: hidden;
    display: block;
    text-indent: -600px;
	color: #5b377a;
	font-weight:400;
}

.topNav li a:before {
	content:'\f13e';
	font-family:'FontAwesome';
	padding-right:5px;
    padding-top: 2px;
    float: left;
    text-indent: 0;
    font-size: 20px;
    margin-left: 5px;}

.panel {
	padding-top:50px;
	padding-bottom:50px;
}


blockquote {
	margin-left:0;
	margin-right:0;
}

}