/*
 Theme Name:     alder|creative Customized Divi
 Theme URI:      http://www.aldercreative.com
 Description:    alder|creative Customized Divi Child
 Author:         alder|creative
 Author URI:     http://www.aldercreative.com
 Template:       Divi
 Version:        1.1.0
*/

@import url("../Divi/style.css");

/* Update Log */

/* 1.1.0 - Nov, 2020: Updated form functionality and style */
/* 1.0.1 - Sept, 2020: Added new styles for updated reporting forms */


/* Update Reporting Forms */
/* - Visibility */
.page-template-tpl_forms-template .ch-invisible {
	visiblity: hidden;
	height: 0; 
	border: 1px solid green; 
}
.page-template-tpl_forms-template .tableCtr {
	margin-bottom: 2rem; 
	/*overflow: auto;*/
	border: 1px solid #dedede;
}

.page-template-tpl_forms-template .itemWrp.solo {
	margin-bottom: 1rem; 
}
.page-template-tpl_forms-template .itemWrp.solo textarea {
	max-width: 100%;
}

.page-template-tpl_forms-template .tableCtr.dollaBills .itemWrp .wpcf7-form-control-wrap::before {
	content: "$";
	display: block;
	margin-right: 5px; 
	float: left; 
	padding-top: 7px;
}

.page-template-tpl_forms-template .tableCtr.dollaBills .itemWrp .wpcf7-form-control-wrap.in-kind-total-hidden::before {
	content: "";
	display: none;
}

.page-template-tpl_forms-template .tableCtr.dollaBills .itemWrp .wpcf7-form-control-wrap.in-kind-total-hidden + p {
	display: none;
}

.page-template-tpl_forms-template .sectionWrp {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.page-template-tpl_forms-template .tableCtr.TEFAP .sectionWrp, .page-template-tpl_forms-template .tableCtr.CSFP .sectionWrp {
	min-width: 1020px;
}

.page-template-tpl_forms-template .tableCtr.slim .sectionWrp {
	min-width: 406px;
}

.page-template-tpl_forms-template .tableCtr.slim .itemWrp {
	max-width: 50%;
	text-align: left; 
	padding-left: 1rem; 
}

.page-template-tpl_forms-template .sectionWrp.naked {
	margin-bottom: 2rem; 
}

.page-template-tpl_forms-template .sectionWrp.naked .itemWrp {
    padding: 0 1.25rem;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.page-template-tpl_forms-template .sectionWrp input:not([type="radio"]) {
	max-width: 166px;
	height: 40px;
}

.page-template-tpl_forms-template .sectionWrp label {
	font-size: .9rem;
	font-weight: bold; 
}

/* Table Headers */
.page-template-tpl_forms-template .sectionWrp.head {
	background: #2ea3f2;
	font-family: Arial, sans-serif;
	font-weight: bold; 
	color: white; 
	margin: 0;
	line-height: 1.125;
	justify-content: space-around;
}

.page-template-tpl_forms-template .sectionWrp.sticky {
	position: -webkit-sticky;
  	position: sticky;
	top: 72px; /* Don't forget this, required for the stickiness */
	z-index: 1; 
}

.page-template-tpl_forms-template .tableCtr .sectionWrp.head div {
	text-align: center;
	align-items: center; 
	flex: 1 1 auto; 
	padding: .5rem 0; 
}

.page-template-tpl_forms-template .tableCtr .sectionWrp.sectionHead {
	background: #7DCBFF !important;
}
.page-template-tpl_forms-template .tableCtr .sectionWrp.sectionHead .itemWrp {
	text-align: left;
	padding-left: 6.6%;
	font-weight: bold; 
	color: white;  
}

/* - Three Columns */
.page-template-tpl_forms-template .tableCtr.three .sectionWrp.head div {
	flex: 1 1 33%; 
}

/* - Subheads */
.page-template-tpl_forms-template .sectionWrp.head div span {
	font-size: .85rem;
	font-weight: normal;
}

/* Cells */
.page-template-tpl_forms-template .tableCtr .itemWrp {
	padding: 0 1.25rem;
	position: relative;
	overflow: hidden; 
	text-align: center;
	flex: 1 1 auto;
}

.page-template-tpl_forms-template .tableCtr.TEFAP .itemWrp {
	padding: 0;
}

.page-template-tpl_forms-template .tableCtr.three .itemWrp {
	flex: 1 1 33%;
	padding: 0 1.25rem;
}

.page-template-tpl_forms-template .itemWrp:first-child {
	padding: 0 1.25rem 0 0;
}

.page-template-tpl_forms-template .itemWrp:last-child {
	padding: 0 0 0 1.25rem;
	border: 0; 
}

.page-template-tpl_forms-template .sectionWrp.bodyWrp .itemWrp br {
	display: none;
}

/* - Labels and Fields */
.page-template-tpl_forms-template .tableCtr .itemWrp label, .page-template-tpl_forms-template .ch-invisible {
	position: absolute;
	left: -9999px;
}
.page-template-tpl_forms-template .tableCtr .sectionWrp.bodyWrp .itemWrp input {
	 width: 100%; 
}

/* - BG Color */
.page-template-tpl_forms-template .sectionWrp.bodyWrp:nth-child(even) {
	background: #efefef;
}

/* Table Divs */
.page-template-tpl_forms-template .sectionWrp.bodyWrp {
	display: flex; 
	justify-content: space-around;
	align-items: center; 
	padding: .5rem 0; 
	margin: 0; 
}

/* - TEFAP */
.page-template-tpl_forms-template .TEFAP .sectionWrp.head div {
	text-align: center;
	flex: 0 0 90px; 
	padding: .5rem 0; 
}

.page-template-tpl_forms-template .TEFAP .sectionWrp.head div:first-child {
	flex: 0 0 180px; 
}

/* - TMP */
/* -- Hide TMP Label */
.page-template-tpl_forms-template .TEFAP .wpcf7-list-item-label {
	display: none; 
}
.page-template-tpl_forms-template .TEFAP .sectionWrp.bodyWrp .itemWrp {
		flex: 0 0 90px;
}
.page-template-tpl_forms-template .tableCtr.TEFAP .itemWrp input {
 	width: 90px;
 	height: 40px;
 	text-align: center;  
}
.page-template-tpl_forms-template .TEFAP .sectionWrp.bodyWrp .itemWrp:first-child {
	flex: 0 0 180px;
}
.page-template-tpl_forms-template .TEFAP .sectionWrp.bodyWrp .itemWrp:first-child input {
	width: 100%;
	max-width: none; 
}

/* - CSFP Tables */
.page-template-tpl_forms-template .CSFP.six .sectionWrp.head div, .page-template-tpl_forms-template .CSFP.six .sectionWrp.head div:first-child, .page-template-tpl_forms-template .CSFP.six .sectionWrp.head div:nth-child(2) {
	flex: 1 1 16.66%;
	padding: .5rem; 
}
.page-template-tpl_forms-template .CSFP.six .sectionWrp.bodyWrp .itemWrp, .page-template-tpl_forms-template .CSFP.six .sectionWrp.bodyWrp .itemWrp:first-child, .page-template-tpl_forms-template .CSFP.six .sectionWrp.bodyWrp .itemWrp:nth-child(2) {
	flex: 0 0 16.66%;
}

.page-template-tpl_forms-template .CSFP.six .sectionWrp.bodyWrp .itemWrp input, .page-template-tpl_forms-template .CSFP .sectionWrp.bodyWrp .itemWrp:first-child input, .page-template-tpl_forms-template .CSFP .sectionWrp.bodyWrp .itemWrp:nth-child(2) input {	
	width: 90%;
	margin-right: auto; 
	margin-left: auto; 
}

/* CF7 Overwrites */
span.wpcf7-list-item {
	margin: 0; 
}

/* Full Width Page */
.page-template-tpl_forms-template #left-area {
	width: 100%;
}

.page-template-tpl_forms-template #main-content .container:before {
	display: none; 
}

/* Submit Button */
.wpcf7-submit {
	border: 0;
	box-shadow: none; 
	background: #2ea3f2;
	color: white;
	font-family: Arial, sans-serif;
	padding: .75rem 1.5rem; 
	font-weight: bold;
	text-transform: uppercase; 
	display: block; 
	clear: both;
}

.page-template-tpl_forms-template.et_right_sidebar #left-area {
    float: none;
    padding-right: 0;
}

/* Phabulous */
@media screen and (min-width: 640px) {
	.page-template-tpl_forms-template .container {
		width: 95%;
		margin: 0 auto;
	}
	.page-template-tpl_forms-template .tableCtr.slim {
		width: 45%;
		float: left; 
		margin-right: 5%; 
	}
	.page-template-tpl_forms-template .itemWrp.solo {
		width: 100%;
		clear: both; 
	}
	.page-template-tpl_forms-template .itemWrp.solo textarea {
		width: 100%;
	}
}

/* Desktop */
@media screen and (min-width: 1024px) {
	.page-template-tpl_forms-template .tableCtr {
		border: 0;
	}
	.page-template-tpl_forms-template .sectionWrp {
		flex-wrap: nowrap;
	}

	.page-template-tpl_forms-template .sectionWrp.naked .itemWrp {
		border-right: 1px solid #dedede;
	}

	.page-template-tpl_forms-template .sectionWrp.naked .itemWrp:first-child {
		padding-left: 0; 
	}

	.page-template-tpl_forms-template .sectionWrp.naked .itemWrp:last-child {
		border-right: 0;
		padding-right: 0; 
	}
	.page-template-tpl_forms-template .tableCtr.slim .sectionWrp {
		min-width: 0;
	}

}
 
/* =Theme customization starts here
------------------------------------------------------- */

.menu-cta {
	border: 2px solid rgb(165, 165, 165);
	height: 42px;
	padding: 12px!important;
	border-radius: 25px;
	text-align: center;
	background-color:#5ba9d9;
}

.menu-cta a {
	color:white!important;
}

/* Online Donations CTA */

.colWrp {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
}
.col {
/* 	flex: 0 0 50%; */
}
.colWrp input[type="image"], .colWrp .btn {
    border: 0; 
    text-align: center;
	cursor: pointer;
	max-width:300px !important;
}

.colWrp form input[type="image"] {
	margin-top: -54px;
}