/*  
	CUSTOM STYLES FOR PATHWAYS TO HOUSING
*/

@font-face {
    font-family: Stag;
    src: url("/wp-content/plugins/pathways-custom/fonts/Stag-Medium.otf") format("opentype");
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Stag';
}


header.et-fixed-header { background-color: #fff !important; border-bottom: 1px solid #efefef; }

.et_slide_in_menu_container #mobile_menu_slide > li > a { font-weight: bold; }

/*
#top-header-custom { background-color: #ecedf0; height: 45px; padding-top: 19px; position: relative; z-index: 100; }
	#top-header-custom .info-left { float: left; text-align:left; }
		#top-header-custom .info-left a { color: #dadbdd; transition: color .3s; font-size: 18px; margin: 0 15px 0 0; }
			#top-header-custom .info-left a:hover { color: #00a2dd; transition: color .3s; }
	#top-header-custom .info-right { float: right; text-align:right; }
	
	#top-header-custom .info-right { color: #00a2dd; font-family: 'Raleway'; }
		#top-header-custom .info-right .fa-phone { color: #000; margin-right: 10px; }
*/
/* 	.container-floating-nav { position: relative; height: 100%; width: 100%; border: 1px solid red; } */
	.floating-nav { position: absolute; bottom: 23px; right: 130px; z-index: 99; }
		.floating-nav ul li { display: inline-block; font-family: 'Stag'; text-transform: uppercase; font-weight: 800; font-size: 17px; letter-spacing: 2px; margin-right: 7px; }
			.floating-nav ul li a { border-radius: 10px; background-color: rgba(0,162,221,0.95); color: #ffffff; padding: 9px 15px; border: 2px solid #00a2dd; transition: background-color, .3s; transition: color, .3s; }
			.floating-nav ul li a:hover { background-color: rgba(255, 255, 255, 0.9); color: #00a2dd; transition: background-color, .3s; transition: color, .3s; }
			
			
		.floating-nav ul li.menu-item-118545 a, .floating-nav ul li.menu-item-120602 a { background-color: #ffffff; color: rgba(0,162,221,0.95); }
			.floating-nav ul li.menu-item-118545 a:hover, .floating-nav ul li.menu-item-120602 a:hover  { background-color: #00a2dd; color: #ffffff; }
			
div#et-top-navigation:before { content: 'Menu '; font-family: 'Stag'; color: #00a2dd; display: inline-block; font-size: 16px; font-weight: normal; width: 60px; margin-left: -3px; }			
.mobile_menu_bar:before,.mobile_menu_bar:after { top: 9px; }

.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu { display: inline-block; }

@media only screen and (max-width: 1200px) {
	.floating-nav { text-align: right; margin-top:10px;}
		.floating-nav ul li { font-size: 14px; padding-right: 10px; }
			.floating-nav ul li a { padding: 5px 9px; }
}

@media only screen and (max-width: 600px) {
		.floating-nav ul li { font-size: 12px; padding-right: 5px; }
			.floating-nav ul li a { padding: 3px 5px; }
}

@media (max-width: 980px) {
    body.admin-bar.et_fixed_nav.et_header_style_slide #main-header { padding-bottom: 35px; }
    .floating-nav { bottom: -22px; right: 15px; }    
}

/*
.donation-form label{color:#404040;display:block;}
.donation-form label.error{color:#900;display:inline-block;padding:0 10px;}
.donation-form section{padding:5px;}
.donation-form .field{padding:4px 0;}
.donation-form .field .required-star{color:#a00;display:inline-block;margin-left:5px;}
.donation-form .field .checkboxes{max-width:275px;border:1px solid #A9A9A9;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.donation-form .field .checkbox{display:block;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;height:30px;line-height:26px;padding:2px 28px 2px 8px;border-bottom:1px solid rgba(0,0,0,0.1);color:#404040;overflow:hidden;text-decoration:none;}
.donation-form .field .checkbox input{opacity:.01;position:absolute;left:-50px;z-index:-5;}
.donation-form .field .checkbox:last-child{border-bottom:none;}
.donation-form .field .checkbox.selected{background:#328efd;color:#fff;}
.donation-form .field .checkbox.selected:before{color:#fff;text-shadow:1px 2px 1px rgba(0,0,0,0.25);line-height:30px;position:absolute;right:10px;}
.donation-form .field input,.donation-form .field select,.donation-form .field textarea{padding:4px;max-width:275px;width:96%;}
.donation-form .field textarea.international{height:120px;}
.donation-form .field select{box-sizing:content-box;}
.donation-form .section.recurring{padding-left:30px;}
.donation-form .field.radio label,.donation-form .field.checkbox label{display:inline-block;}
.donation-form .field.radio input,.donation-form .field.checkbox input{width:auto;margin-left:0;}
.donation-form .section.consent .field.checkbox:not(.consent-all){margin-left:20px;}
.donation-form #cardExpirationMonth,.donation-form #cardExpirationYear{width:85px;}
.donation-form #security-code{width:55px;}
.donation-form .field .sidenote{color:#999;font-size:10px;}
.donation-form .field.other-option,.donation-form .field.other-amount,.donation-form .field.cardExpirationMonth,.donation-form .field.cardExpirationYear{display:inline-block;}
.donation-form .field.other-amount{padding-left:6px;}
.donation-form .field.cardExpirationMonth{padding-right:20px;}
.donation-form #other-amount{width:65px;}
.donation-form #frequency{width:85px;}
.donation-form #start-date{width:150px;}
.donation-form .errors{border:1px solid #900;color:#900;padding:10px;}
.donation-form .radio label.error{display:inline-block;padding-right:86%;float:right;}
.donation-form .hidden{display:none;}
.btn-group .btn-submit-donation{padding:4px 10px;}
iframe#spreedly-iframe[style='visibility: hidden;']{display:none;}
input,select,textarea,button{font-family:inherit;}
#spreedly-modal-overlay[style="visibility:hidden"]{display:none;}
*/

.donation-form .section.donation,
.donation-form .section.recurring
{ opacity: .5; display: none;  }

.donation-form .section.custom-fields h3 { display: none; }

.field.CustomTransactionField_9150466 label { display: none; }
.field.CustomTransactionField_9150466 { font-size: 17px !important; font-weight: bold; }

/* .donation-form .section { border: 1px solid red;  } */

.donation-form .section {
	margin-bottom:15px;
}

.donation-form h3 {
	color: #00a2dd;
	font-size: 24px;
}

/*** FIELD STYLING ***/
.donation-form input[type=text], 
.donation-form input[type=email],
.donation-form input[type=tel],
.donation-form input[type=number],
.donation-form select,
.donation-form textarea {
 background: #efefef;
 border: none;
 border-radius: 3px;
 color: #666 !important;
 padding: 5px 15px !important;
 width: 96%;
 font-size: 14px;
}

.donation-form select {
	height: 27px;	
}

.donation-form label { display: block;  }

.donation-form input.btn-submit {
	-webkit-appearance: none;
    border-radius: 10px;
    font-size: 24px; 
    padding: .3em 1em!important;
    border: 2px solid #00a2dd;
    display: block;
    transition: all 300ms ease 0ms;
    text-align: center;
    line-height: 29px; 
    text-transform: uppercase;
    background-color: #00a2dd;
    color: #fff;
    cursor: pointer;
    width:50%;
    margin: 0 auto; 
}

.donation-form input.btn-submit:hover {
	color: #00a2dd;
	background-color: #fff;
}

/*
.donation-form input.button {
 float: right;
 background: transparent;
 border: 2px solid #2ea3f2;
 font-size: 22px;
 color: #2ea3f2;
 padding: 12px 23px;
 border-radius: 5px;
 letter-spacing: 2px;
 cursor: pointer;
}

.donation-form input.button:hover {
 background: rgba(0, 0, 0, 0.05);
 border: 2px solid transparent;
}
*/

.donation-form div.field { min-height: 45px; margin: 5px 0 10px 0; vertical-align: top; }

.donation-form div.field.first-name,
.donation-form div.field.last-name,
.donation-form div.field.email-address,
.donation-form div.field.phone-number,
.donation-form div.field.country,
.donation-form div.field.city,
.donation-form div.field.state,
.donation-form div.field.zip-code,
.donation-form .section.custom-fields .tribute-info > div
{ display: inline-block; width: 50%; }

.donation-form .field.CustomTransactionField_548864 { opacity: .4; display:none !important; }

/* .donation-form .section.custom-fields .tribute-info div { width: 50%; } */
.donation-form .section.custom-fields { margin-bottom: 35px; }

.donation-form .field .required-star{color:#a00;display:inline-block;margin-left:5px;}
.donation-form label.error { color:#900; font-style: italic; font-size: 12px; }

.donation-form input.error, .donation-form select.error, .donation-form textarea.error  { background-color: #ffefef; }


@media only screen and (max-width: 768px) {
	.donation-form div.field.first-name,
	.donation-form div.field.last-name,
	.donation-form div.field.email-address,
	.donation-form div.field.phone-number,
	.donation-form div.field.country,
	.donation-form div.field.city,
	.donation-form div.field.state,
	.donation-form div.field.zip-code,
	.donation-form .section.custom-fields .tribute-info > div
	{ display: block; width: 100%; }
	
	.donation-form input.btn-submit { width: 100%; }

}


.et_pb_row .menu-nav>ul { padding-left: 0px !important; }
.et_pb_row .menu-nav>ul>li { list-style-type: none; }


.amount-wrapper a {     
    border-radius: 10px;
    font-size: 17px; 
    padding: .3em 1em!important;
    border: 2px solid #00a2dd;
    background-color: #fff;
    display: inline-block;
    transition: all 300ms ease 0ms;
    width: 100%;
    text-align: center;
    line-height: 29px; 
    text-transform: uppercase;
}

.amount-wrapper input { border: 1px solid #ccc; font-size: 14px; padding: .3em; }

.amount-wrapper a.amt-selected {
	color: #fff !important;
	background-color: #00a2dd;
}

.amount-wrapper .amt-row {
    padding: 10px; 
    background-color: #efefef;
}

.amount-wrapper .freq-row { 
    background-color: #ffffff;
}

.amount-wrapper .freq-row .col2 { 
    padding: 10px;
}

.amount-wrapper .freq-row .col2.bg { 
    background-color: #efefef;
}

.amount-wrapper .col2 {
    width: 46.90721649%;
    margin-right: 6.186%; 
    float: left;
    position: relative;      
}
.amount-wrapper .col2:last-child {
    margin: 0! important;
} 
.amount-wrapper .col3 {
    width: 29.21%;
    margin-right: 6.186%;  
    float: left;
    position: relative;              
}   
.amount-wrapper .col3:last-child {
    margin: 0! important;
}      

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}


.donation-changer {
	position: relative;	
	min-height: 270px;
}

.donation-changer .et_pb_blurb {
	position: absolute; 
	top: 0px;
	left: 0px;
	display: none;
}

.spreedly-modal-overlay {
	z-index: 99999 !important;
}

#email-registration-form h3, 
#email-registration-form .consent,
#email-registration-form label {
	display: none; 
}
#email-registration-form input {
	height: auto !important;
    padding: 12px 18px !important;
    line-height: 1.25 !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    box-shadow: none !important;
    color: #555;
    width: 100% !important;
}

#email-registration-form input.error {
	background-color: #ffefef !important;
}

#email-registration-form label.error {
	color: #fff;
	font-size: 10px;
}


#email-registration-form .section.contact {
	display: inline-block;
	width: 83%;
	vertical-align: top;
}

#email-registration-form .field {
	display: inline-block;
	width: 29%;
	padding-right: 2%;
	vertical-align: top;
}

#email-registration-form .field.email {
	width: 40%;
}

#email-registration-form .btn-group {
	display: inline-block;
	width: 16%;
	vertical-align: top;
}

#email-registration-form input.btn-submit-email {
	border: 2px solid #2a2f36 !important;
	color: #fff;
	background-color: transparent !important;
	cursor: pointer;
	transition: background-color .3s;
	font-weight: bold;
	margin-top: 3px;
}

#email-registration-form input.btn-submit-email:hover {
	background-color: #2a2f36 !important;
}

#email-registration-form-container .donation-success h2,
#email-registration-form-container .donation-success p {
	color: #fff !important;
}

#email-registration-form-container .section.custom-fields { display: none !important; }

.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
    left: 0px !important;
}

@media only screen and (max-width: 768px) {
	#email-registration-form .section.contact { width: 100%; display: block; }
	#email-registration-form .btn-group { margin-top: 15px; display: block; width: auto; }
	#email-registration-form .field { width: 100% !important; display: block; }
}


.et_pb_leader .leader-info p {
	padding-bottom: 0px;
}

.et_pb_leader h3 a {
	cursor:pointer;
	font-weight: 700;
    font-size: 21px;
    color: #00a2dd!important;	
}

.leader-container {
    perspective: 1000;
    display: inline-block;
    width:100%;
    margin-bottom: 15px;
    cursor: pointer;
}
.leader-container:hover .leader-inner {
    transform: rotateY(180deg);
}
.leader-inner, .leader-container .front, .leader-container .back {
    width: 200px;
    height: 200px;
}

.leader-inner img {
    max-width: 100%;
    height: auto;
}

.leader-inner {
    transition: 0.5s;
    transform-style: preserve-3d;
    position: relative;
}
.leader-container .front, .leader-container .back {
    backface-visibility: hidden;
    position: absolute;
}
.leader-container .back {
    z-index: 1;
    transform: rotateY(180deg);
    border-radius: 50%;
    overflow:hidden;
}
.leader-container .front {
    z-index: 2; /* back side, placed above front */
    transform: rotateY(0deg);
    border-radius: 50%;
    overflow:hidden;    
}

.et_pb_leader .leader-modal {
	display: none;
}

/* MFP STYLES FOR LIGHTBOX ON LEADERSHIP */
.mfp-content .mfp-with-anim{position:relative;background:#fff;padding:25px;width:auto;max-width:700px;margin:0 auto}
.mfp-close-btn-in .mfp-close{color:#999;font-size:40px;top:0!important}
.mfp-3d-unfold .mfp-content{perspective:2000px}
.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}
.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0)}
.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}
.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0}
.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}


/* VOLUNTEER FORM STYLING */
#volunteer #interaction-form .section.address, #volunteer #interaction-form .section.comment { display: none; }
#volunteer #interaction-form h3 { display: none; }
#volunteer #interaction-form label { display: block; color: #666; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
#volunteer #interaction-form label.error { display: inline-block; color: #900; font-weight: normal; }
#volunteer #interaction-form input[type=text],
#volunteer #interaction-form input[type=tel],
#volunteer #interaction-form input[type=email]
 { width: 100%; max-width: 100%; height: auto !important;
    padding: 12px 15px !important;
    line-height: 1.25 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    box-shadow: none !important;}

#volunteer #interaction-form .field { margin-bottom: 10px;  }

#volunteer #interaction-form .field.first-name,
#volunteer #interaction-form .field.last-name,
#volunteer #interaction-form .field.email-address,
#volunteer #interaction-form .field.phone-number
{ display: inline-block; width: 50%; padding-right: 2%; }

#volunteer #interaction-form input[type=submit] { -webkit-appearance: button; cursor: pointer; color: #333; border: 2px solid #00a2dd !important;
    padding: 10px 25px !important;
    font-size: 18px !important;
    height: auto;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    border-radius: 25px !important;
    background-color: transparent !important;
}

#volunteer #interaction-form input[type=submit]:hover { background-color: #00a2dd !important; color: #fff; }
#volunteer #interaction-form .field .checkbox { transition: background-color .3s; }
#volunteer #interaction-form .field .checkbox:hover { background-color: #efefef; }
#volunteer #interaction-form .field .checkbox.selected {
    background: #00a2dd !important;
    color: #fff;
}
#volunteer #interaction-form .field.CustomAccountField_18432 { display: none; }


body.home .et_pb_section.da-newsletter { background-color: #00a2dd!important; }