/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.1.1
Template: pro

*/

/*Hareth New Style*/

/*Global*/
.x-li-icon i {
color: #C96C47 !important;
}

.gform_button {
	border: none !important;
}

/*Sections*/
.x-section.bg-image{
	background: linear-gradient(180deg, #413B54 0%, #695F88 100%) !important;
}
#x-section-5 {
	/*background: #00659A !important;*/
}

/*Text*/
.x-text p {
	color : #191919 ;
	font-weight: 600;
}
.x-text.text-white p {
	color : #fff ;
}
.x-text.wht p {
	color : #fff ;
}

.x-section.text-white .x-text p{
	color: #fff;
}


/*Headings*/

/*** Divers ***/

/* community-investment/nonprofits/ */
.x-column.col-white-infoblock a{
	color: #695F88 !important ;
}
.x-column.col-white-infoblock a:hover {
	color: #AE5532 !important;
}

.x-column.col-white-infoblock a.x-btn{
	color: #fff !important ;
}
.x-column.col-white-infoblock a.x-btn:hover {
	color: #fff !important;
}

/* professional-advisors/ */
.x-icon-question {
	background-color: #C96C47 !important;
}

/*  /our-people/  */

.wmts_name {
	color: #E3A039 !important;
}

/* /donate/ */
.mly-1.x-text {
	background: #00659A !important;
}

/* Buttons and links*/
.x-btn {
	background-color: #C96C47 !important;
	border: none  !important;
	font-size: 17.6px !important;
	padding: 10px 34px !important;
	border-radius: 4px !important;
}
.x-btn:hover {
	background-color: #AE5532 !important;
}

.x-section p a {
	color: #C96C47 !important;
}
.x-section p a:hover {
	color: #AE5532 !important;
}

/*Hareth New Style End*/

/***************** UTILITY CLASSES *****************/

.right-text-resp {
	text-align: right;
}
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5 {
	color: #fff!important;
}
.text-darkblue {
	color: #413B54!important;
}
.text-lightblue {
	color: #413B54!important;
}
.text-green {
	color: #413B54!important;
}
.text-lightgreen {
	color: #413B54!important;
}
.text-gray {
	color: #413B54!important;
}
.bkd-green {
	background: #009B48!important;
}
.bkd-lightgreen {
	background: #8EBE51!important;
}
.bkd-darkblue {
	background: #00659A!important;
}
.bkd-lightblue {
	background: #00A1DE!important;
}
.bkd-lightgray {
	background: #F3F3F3!important;
}
.bkd-pattern-diamonds {
	background: url('images/pattern-diamonds@2x.png') repeat center;
	background-size: 92px;
}
.bkd-diamonds-badge {
	background: url('images/pattern-diamonds@2x.png') repeat center;
	background-size: 92px;
}
.bkd-gray-fade {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+75,f3f3f3+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 75%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 75%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 75%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.section-triangle-blue {
	position: relative;
}
.section-triangle-blue::after {
	position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 40px 0 40px;
    border-color: #003359 transparent transparent transparent;
    z-index: 1000;
    bottom: -32px;
    left: 50%;
    margin-left: -40px;
}
.row-split-text .col-left-headline {
	padding: 32px 4% 32px 0!important;
}
.row-split-text .col-right-text {
	padding: 16px 0 0 0!important;
}
.row-split-text .col-right-text.extra {
	margin-top: 24px;
	padding-left: 48px!important;
}
.col-divider-lightblue {
	border-right: 2px solid #C96C47!important;
}
.col-white-callout {
	background: #fff!important;
	padding: 32px!important;
	border-top: 16px solid #8EBE51!important;
	margin-top: -32px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
}
.col-white-infoblock, .donor-list.x-column {
	background: #fff!important;
	padding: 32px!important;
	border-top: 8px solid #C96C47!important;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	margin-bottom: 24px!important;
}
h2.text-heading-semibold, h3.text-heading-semibold {
	font-weight: 300;
}
.text-narrow {
	max-width: 750px;
	margin: 0 auto;
}
.max-70 {
    max-width: 60%;
    margin: 0 auto;
}


/***************** TYPOGRAPHY *****************/

body p {
	line-height: 1.875;
}
body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
	margin-top: 0;
}
body h1, body .h1 {
	font-size: 80px;
	line-height: 1.1;
	font-weight: 600;
}
body h2, body .h2 {
	font-size: 48px;
	font-size: 3rem; /* 48px */
}
body h2.subhead-small, body.h2.subhead-small {
	font-size: 175%;
}
body h3, body .h3 {
	font-size: 36px;
	font-size: 2.25rem; /* 36px */
	font-weight: 600;
}
body h4, body .h4 {
	font-size: 24px;
	font-size: 1.5rem; /* 24px */
	font-weight: 600;
}
.headline-diamonds-blue {
	padding-top: 30px;
	background: url('images/diamonds-orange.svg') no-repeat left top;
}
.headline-diamonds-green {
	padding-top: 30px;
	background: url('images/diamonds-orange.svg') no-repeat left top;
}

/***************** BUTTONS *****************/

body .x-btn, body .button, body [type="submit"] {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 600;
    padding: 0.563em 1.125em 0.5em;
    text-transform: uppercase;
}


/***************** HEADER *****************/


/***************** FOOTER *****************/

.ppcf-footer-contact a {
	color: #fff;
}
.ppcf-footer-contact a:hover {
	color: #fff;
	opacity: 0.7;
}
.ppcf-footer-legal {
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.ppcf-footer-legal {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 600;
}
.ppcf-footer-legal span::after {
	content: "|";
	margin: 0 20px;
}
.ppcf-footer-legal a {
	color: #fff;
	color: rgba(255,255,255,0.8);
}


/***************** HOMEPAGE *****************/


.ppcf-vision-list {
	overflow: hidden;
	position: relative;
	height: 196px;
}
.ppcf-vision-list ul {
	color: #fff;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	text-transform: uppercase;
}
.ppcf-vision-list ul li {
	line-height: 40px;
}

.list-active {
	color: #8EBE51;
	font-weight: 600;
	font-size: 40px;
}
.ppcf-home-hero-headline {
	display: inline-block;
	float: none;
	vertical-align: middle;
	text-align: right;
}
.ppcf-home-hero-content {
	display: inline-block;
	float: none;
	vertical-align: middle;
}
.arrow-line-right {
	background: url('images/green-line-right.png') no-repeat left center;
}


/***************** TABS *****************/
body .x-nav-tabs {
    border: none;
    box-shadow: none;
    text-align: center;
}
body .x-nav-tabs>li {
	float: none;
	display: inline-block;
	border: none;
}
.x-nav-tabs>li>a {
	padding: 120px 16px 55px 16px;
    font-size: 14px;
    line-height: 1.3;
    color: #bfbfbf;
    background-color: #fff;
    box-shadow: none;
}
body .x-nav-tabs>.active>a {
	position: relative;
    color: #003359;
    background-color: #fff;
    box-shadow: inset 0 3px 0 0 #ff2a13;
}
body .x-nav-tabs>.active:after {
	position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 17px 0 17px;
    border-color: #fff transparent transparent transparent;
    z-index: 1000;
    margin-left: -17px;
}
body .x-nav-tabs>li>a:hover {
	color: #8EBE51;
}
body .x-tab-content {
	margin-bottom: 0;
}
body .x-tab-content .x-tab-pane {
    padding: 0;
}
body .x-tab-content .x-tab-pane .aligncenter {
    margin: 0 auto;
}
.x-nav-tabs>li>a {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 600;	
	color: #003359;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.15s linear;
}
body .x-tab-content {
    border: none;
}
body .x-nav-tabs > .active > a, body .x-nav-tabs > .active > a:hover {
    box-shadow: none;
    -moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
body .x-nav-tabs>li.btn-vision a {
	background: url('images/icon-vision-green.png') no-repeat center 40px;
}
body .x-nav-tabs>li.btn-connections a {
	background: url('images/icon-connections-green.png') no-repeat center 40px;
}
body .x-nav-tabs>li.btn-details a {
	background: url('images/icon-details-green.png') no-repeat center 40px;
}
body .x-nav-tabs>li.btn-significance a {
	background: url('images/icon-significance-green.png') no-repeat center 40px;
}
body .x-nav-tabs>li a:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: all 0.15s linear;
}
/* Learn More text after tabs */
.x-nav-tabs-item a::after {
    content: "(show more)";
    font-size: .7em;
    display: block;
    opacity: 0.75;

}
.x-nav-tabs-item.active a::after {
    opacity: 0;
    transition: all 0.15s linear;
}
.ppcf-section-tabs .x-content-band {
    margin: 0;
    padding: 0;
}
.ppcf-tab-image {
	background-size: cover;
	min-height: 350px;"
}
.ppcf-tab-content {
	color: #fff;
	padding: 64px;
}
.ppcf-tab-content p, .ppcf-tab-content h1, .ppcf-tab-content h2, .ppcf-tab-content h3, .ppcf-tab-content h4, .ppcf-tab-content h5, .ppcf-tab-content h6 {
	max-width: 600px;
}
.ppcf-tab-content h1, .ppcf-tab-content h2, .ppcf-tab-content h3, .ppcf-tab-content h4 {
	color: #fff;
	margin-bottom: 0.5em;
	margin-top: 0;
	font-weight: 300;
}


/***************** ICON LIST *****************/

.x-ul-icons {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.125em;
}
.x-li-icon {
	margin-bottom: 0.5em;
}

/***************** FEATURE BOXES *****************/


.x-feature-box-text, .x-feature-box-graphic, .sidebar-text {
	position: relative;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.125em;
}
body .x-feature-box-text a {
	display: block;
	font-weight: 600;
	margin-top: 1em;
}
.info-blocks .x-feature-box-title {
	color: #413B54;
	margin-top: .5em;
}

/***************** INLINE CALLOUT CARDS *****************/

.inline-callout-card {
	border: 1px solid #E6E7E8;
	background: #F3F3F3;
	padding: 45px;
	margin-left: 0;
	margin-bottom: 0;
}
.inline-callout-card h1, .inline-callout-card h2, .inline-callout-card h3, .inline-callout-card h4, .inline-callout-card h5, .inline-callout-card h6 {
	margin-top: 0;
}
.inline-callout-card h4 {
	color: #003359;
}
.inline-callout-card p {
	margin-bottom: 0;
}

/***************** STORY CARDS *****************/

.ppcf-story-card {
	position: relative;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	font-size: 1.125rem;
	margin-bottom: 64px;
}
.ppcf-story-card p {
	line-height: 1.5em;
}
.ppcf-story-card a {
	color: #8EBE51;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 600;
}
.ppcf-story-card p a {
	display: block;
	margin-top: 1em;
}
.ppcf-story-card::after {
    content: "";
    display: inline-block;
    margin-left: 8%;
    position: absolute;
    bottom: -23px;
    height: 58px;
    width: 70%;
    background: #fff url(images/ppcf-card-bkd-sm.png) no-repeat center bottom;
    z-index: 1000;
        -webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.ppcf-story-card:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
    -webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;

}
.ppcf-story-card:hover::after {
	background: url('images/diamond-arrow-lines.svg') no-repeat center bottom;

}
.x-section-separator-bottom {
    overflow: hidden;
}
.x-section-separator svg.angle-bottom-out {
		padding-bottom: 30px;
    -webkit-filter: drop-shadow( 0px 0px 15px rgba(0,0,0,0.25) );
            filter: drop-shadow( 0px 0px 15px rgba(0,0,0,0.25) );
}
.fm18.x-bar {
	z-index: 1 !important
}
.x-scroll-top.right {
    z-index: 100000;
}

/***************** SEARCH RESULTS *****************/

.search-results h2 {
    font-weight: 600;
}
.search-results h2 a {
	color: #003359;
}
.search-results .x-iso-container-posts.cols-3 .entry-title {
    font-size: 18px;
    font-size: 1.333rem;;
}
.search-results .entry-featured {
	display: none;
}
.search-results .p-meta {
	display: none;
}
.search-results .entry-content {
	font-size: 14px;
}
.search-results .entry-content p strong {
	background: #fff34b;
}
.search-results .search-header {
	margin-bottom: 45px;
}
@media(max-width: 767px) {
	body.search-results .h3 {
		font-size: 24px;
	}
}
/***************** GRAVITY FORMS *****************/

body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .top_label li.gfield.gf_left_third, body .gform_wrapper .top_label li.gfield.gf_middle_third, body .gform_wrapper .top_label li.gfield.gf_right_third {
    float: none!important;
    margin-left: 0 !important;
}
body .gform_wrapper .ppcf-donation-form ul li.gfield {
	position: relative;
}
body .gform_wrapper .ppcf-donation-form .gfield_description {
	font-size: 14px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: -15px 0 10px 0;
	opacity: 1;
}
body .gform_wrapper .ppcf-donation-form .gfield_description a {
	display: block;
}
body .gform_wrapper .ppcf-donation-form ul {
    margin: 0;
}
body .gform_wrapper ul li.gfield.ppcf-category-container, .ppcf-category-container {
	background: rgb(245, 245, 245);
	border-radius: 5px;
	padding-right: 30px;
}
.ppcf-category-container {
	padding: 15px 30px 12px 30px;
}
.gform_wrapper .ppcf-donation-form ul.gform_fields li.gfield.gfield_html_formatted {
	padding-right: 0;
}
.gform_wrapper .gfield_radio li input[type=radio] {
	font-size: 16px;
}
body .gform_wrapper .gfield.ppcf-category-container .gfield_radio li label, body .gform_wrapper .gfield_checkbox li label {
    font-size: 14px;
    font-size: .9rem;
    padding-left: 10px;
}
body .gform_wrapper .ppcf-donation-form .ppcf-category-container .gfield_label {
	font-size: 1.5rem;
	font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 600;

}
body .gform_wrapper .ppcf-donation-form .top_label .gfield.ppcf-donation-category {
	margin-bottom: 0!important;
}
body .gform_wrapper .ppcf-donation-form .ppcf-category-container .ppcf-donation-category .gfield_label {
    background: #003359;
    color: #fff;
    display: block;
    margin: 0 -30px 30px -30px!important;
    padding: 10px 30px 8px 30px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
body .gform_wrapper .gform_body ul.gform_fields li.gfield.ppcf-donation-amount {
	border-top: 1px solid #ccc;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-top: 0!important;
}

body .gform_wrapper .ppcf-donation-form .ppcf-category-container .ppcf-donation-amount .gfield_label {
	font-size: 1.25em;
	float: left;
    margin-right: 20px!important;
    padding-top: 6px;
}
.ppcf-donation-form .gfield_total {
	display: block;
	color: #fff;
	background: #009b48;
	padding: 15px 30px 5px 30px!important;
	border-radius: 5px;
}
body .gform_wrapper .ppcf-donation-form .top_label div.ginput_container {
 margin-top: 0;
}
body .gform_wrapper .ppcf-donation-form .gfield_required, body .gform_wrapper span.ginput_total {
	color: #fff!important;
	font-size: 1.5em;
	font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 600;
}
.gform_wrapper .percentbar_blue {
    background-color: #07d968 !important;
}
body .gform_wrapper .ppcf-simple-newsletter div.validation_error {
    color: #ff9f47;
    margin-bottom: 4px;
    text-align: left;
}
body .gform_wrapper .ppcf-simple-newsletter .gform_body ul.gform_fields li.gfield.gfield_error .gfield_description {
	color: #ff9f47;
}
body .gform_wrapper .ppcf-simple-newsletter .gform_body ul.gform_fields li.gfield.gfield_error {
    border: none;
}
@media only screen and (min-width: 641px) {
	.gform_wrapper .ppcf-donation-form ul.gform_fields li.gfield.ppcf-donation-category {
	    padding-right: 0;
	}
	.gform_wrapper form.gf_simple_horizontal.ppcf-simple-newsletter div.gform_body {
      width: 100%;
      max-width: 100%;
  	}
}
@media only screen and (max-width: 480px) {
	body .gform_wrapper .ppcf-donation-form .top_label .gfield.ppcf-donation-category {
		margin-bottom: 1em!important;
	}
	body .gform_wrapper .ppcf-donation-form .ppcf-category-container .ppcf-donation-amount .gfield_label {
		font-size: 1.25em;
		float: none;
	    margin-right: 0;
	    padding-top: 0;
	}
}
body .gform_wrapper .ppcf-simple-newsletter .top_label .gfield_label {
    color: #fff;
}
body .ppcf-simple-newsletter [type="submit"] {
    padding: 7px 1.125em 7px;
}

/***************** TEAM BIOS *****************/
body.single-modernteamshowcases p.p-meta{
	display: none;
}
body.page-id-166 .wmts_container[data-wph-post-id="307"] .wmts_job_title, body.page-id-166 .wmts_links {
	color: #fff;
}



/********************************** 
// MEDIA QUERIES
**********************************/

/********* MAX WIDTH 1300PX *********/
@media (max-width: 1300px) {
	.ppcf-vision-list ul {
		font-size: 24px;
	}
	.ppcf-vision-list ul li {
		line-height: 45px;
	}	
	.list-active {
		font-size: 32px;
	}
}
@media (max-width: 1080px) {
	.ppcf-vision-list ul {
		font-size: 20px;
	}
	.ppcf-vision-list ul li {
		line-height: 34px;
	}	
	.list-active {
		font-size: 26px;
	}
}

/********* MAX WIDTH 979PX *********/
@media (max-width: 979px) {
	.ppcf-nav-offcanvas.hm9.x-off-canvas .x-off-canvas-content {
		padding-left: 0;
		padding-right: 0;
	}	
	.x-menu li[data-x-collapse="opening"] > .sub-menu {
		height:auto !important;
		overflow: hidden;
	    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}		
	.max-70 {
	    max-width: 80%;
	}	
	.ppcf-home-hero-headline h1 {
		font-size: 64px;
	}
	.ppcf-vision-list {
		overflow: hidden;
		position: relative;
		height: 180px;
	}
	.ppcf-vision-list ul {
		font-size: 17px;
	}
	.ppcf-vision-list ul li {
		line-height: 32px;
	}	
	.list-active {
		font-size: 20px;
	}
	.x-nav-tabs>li>a {
		padding: 8px 16px 8px 16px;
	    line-height: 1.3;
	    border-bottom: 1px solid #E6E7E8;
	}
	.x-nav-tabs>li:last-child > a {
	    border-bottom: none;
	}	
	body .x-nav-tabs>li.btn-vision a, body .x-nav-tabs>li.btn-connections a, body .x-nav-tabs>li.btn-details a, body .x-nav-tabs>li.btn-significance a { 
		background: none;
	}
	body .x-nav-tabs>.active:after {
		display: none;
	}	
	body .x-nav-tabs>.active>a {
    color: #009B48!important;
    background: #fff;
}	
	body .x-nav-tabs>.active>a:hover {
	    color: #fff;
	}		
	.x-content-band.marginless-columns .x-container .x-column[class*="x-"].ppcf-tab-image {
		display: none;
	}
}

/********* MAX WIDTH 767PX *********/

@media screen and (max-width: 767px) {
	.max-70 {
	    max-width: 100%;
	}
	.ppcf-home-hero-headline {
		display: block;
		text-align: center;
	}
	.ppcf-home-hero-content {
		display: none;
	}
	.row-split-text .col-right-text.extra {
		margin-top: 24px;
		padding-left: 0!important;
	}
	.right-text-resp {
		text-align: left;
	}
	.row-split-text .col-left-headline {
		padding: 8px 0 8px 0!important;
	}
	.row-split-text .col-right-text {
		padding: 8px 0 0 0!important;
	}
	.col-divider-lightblue {
		border-right: none!important;
	}
	.col-white-callout {
		margin-top: 32px;
	}
	.x-nav-tabs-item.active a::after {
		display: none;
	}		
	.ppcf-tab-content {
		padding: 48px 32px 32px 32px;
	}
	.ppcf-tab-content::before {
		position: absolute;
	    content: "";
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 18px 17px 0 17px;
	    border-color: #fff transparent transparent transparent;
	    z-index: 1000;
	    top: 0;
	    left: 50%;
	    margin-left: -18px;
	}
	.x-section-separator svg.angle-bottom-out {
			padding-bottom: 30px;
	    -webkit-filter: drop-shadow( 0px 10px 5px rgba(0,0,0,0.15) );
	            filter: drop-shadow( 0px 10px 5px rgba(0,0,0,0.15) );
	            z-index: 20;
	}
	.fm18.x-bar {
		height: 6.09em !important;
		padding-top: 20px;
		text-align: center;
	}
	.pt0 {
		padding-top:0 !important
	}
	/* Cornerstone Elements */
	body .h1 {
		font-size: 375%;
	}

}

/********* MAX WIDTH 480PX *********/

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

	html {
		font-size: 14px!important;/* Sets new base size for REMs */
	}
	body .h1 {
		font-size: 3rem;/* 42px */
	}	
	body h2, body .h2 {
		font-size: 2.57rem; /* 36px */
	}
	body h2.subhead-small, body.h2.subhead-small {
		font-size: 1.428rem; /* 20px */
	}
	body h3, body .h3 {
		font-size: 2.25rem; /* 32px */
		font-weight: 600;
	}	
	body .x-btn, body .button, body [type="submit"]	{
		font-size: 1.2857rem; /* 18px */
	}
	.x-feature-box-text {
		font-size: 1.142rem;
		line-height: 1.714;
	}

	.ppcf-footer-contact a {
		font-size: 16px;
	}
	.ppcf-footer-contact img {
		max-width: 49px;
	}
	.ppcf-footer-legal {
		font-size: 14px;
		text-align: center;
	}
	.ppcf-footer-legal span::after {
		display: none;
	}
	.ppcf-footer-legal span, .ppcf-footer-legal a {
		display: block;
	}
	/* Cornerstone Elements */
	
}

@media (min-width: 768px) {
    .info-blocks .x-container  {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
    }
    .info-blocks .x-column {
    	flex:1;
    }
	.fm18.x-bar {
    	height: 6.09em !important;
	}

}

.image-fill {
	 display: flex;
    justify-content: center;
    align-items: center;
}
.image-fill img {
	flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}

.grants-unavail {
	top: -10px;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: -10px;
}
.grants-unavail a {
	color:#fff !important
}
.grants-unavail a:hover {
	color:#69be28 !important
}

@media(max-width : 980px) {
	.x-anchor-text-secondary {
		line-height:1.5 !important;
	}
}
span.ubermenu-target-title.ubermenu-target-text {
    letter-spacing: 0.7px;
}

.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
	color:white;
	background-color:#2797d0;
}
.wht {
	color:white !important;
}
@media(max-width: 768px){
.mobile-pad {
	padding:24px 0px;
	}
}

/***************** ELEMENTOR STYLES *****************/

/********************* Design Rangers Elementor Spacing *********************/
/****************************************

SECTION PADDING – DEFAULTS
Default padding for sections.

*****************************************/
:root {
  --section-padding-side: 24px;
  --section-padding-default: 96px;
  --section-padding-small: 48px;
  --section-padding-medium: 160px;
  --section-padding-large: 200px;
  --section-padding-xl: 280px;
  --section-padding-xxl: calc(280px + 5%); }
  @media (max-width: 1024px) {
    :root {
      --section-padding-default: 80px;
      --section-padding-small: 36px;
      --section-padding-medium: 96px;
      --section-padding-large: 160px;
      --section-padding-xl: 200px;
      --section-padding-xxl: calc(200px + 5%); } }
  @media (max-width: 767px) {
    :root {
      --section-padding-default: 48px;
      --section-padding-small: 24px;
      --section-padding-medium: 56px;
      --section-padding-large: 56px;
      --section-padding-xl: 64px;
      --section-padding-xxl: 64px; } }
.section-pbxxl, .section-pbxl, .section-pbl, .section-pbm, .section-pbs, .section-pbn, .section-ptxxl, .section-ptxl, .section-ptl, .section-ptm, .section-pts, .section-ptn {
  padding-left: var(--section-padding-side);
  padding-right: var(--section-padding-side); }

.section-default-pad {
  padding: var(--section-padding-default) 24px; }

/****************************************

SECTION PADDING – TOP
Used to change default spacing on sections.
Applied by using custom dropdown elements added to Elementor sections.

*****************************************/
.section-ptn {
  padding-top: 0px !important; }

.section-pts {
  padding-top: var(--section-padding-small); }

.section-ptm {
  padding-top: var(--section-padding-medium); }

.section-ptl {
  padding-top: var(--section-padding-large); }

.section-ptxl {
  padding-top: var(--section-padding-xl); }

.section-ptxxl {
  padding-top: var(--section-padding-xxl); }

.elementor-section.elementor-inner-section {
  padding-left: 0;
  padding-right: 0; }

/****************************************

SECTION PADDING – BOTTOM
Used to change default spacing on sections.
Applied by using custom dropdown elements added to Elementor sections.

*****************************************/
.section-pbn {
  padding-bottom: 0px !important; }

.section-pbs {
  padding-bottom: var(--section-padding-small); }

.section-pbm {
  padding-bottom: var(--section-padding-medium); }

.section-pbl {
  padding-bottom: var(--section-padding-large); }

.section-pbxl {
  padding-bottom: var(--section-padding-xl); }

.section-pbxxl {
  padding-bottom: var(--section-padding-xxl); }

/****************************************

ELEMENTOR COLUMN GAPS

*****************************************/
:root {
  --column-gap-default: 24px;
  --column-gap-narrow: 16px;
  --column-gap-extended: 32px;
  --column-gap-wide: 64px;
  --column-gap-wider: 128px; }
  @media (max-width: 1024px) {
    :root {
      --column-gap-default:16px; } }
  @media (max-width: 767px) {
    :root {
      --column-gap-default:24px 0;
      --column-gap-narrow: 24px 0;
      --column-gap-extended: 24px 0;
      --column-gap-wide: 24px 0;
      --column-gap-wider: 24px 0; } }
.elementor-column-gap-default .elementor-column > .elementor-element-populated {
  padding: var(--column-gap-default); }

.elementor-column-gap-narrow  > .elementor-column > .elementor-element-populated {
  padding: var(--column-gap-narrrow); }

.elementor-column-gap-extended  > .elementor-column > .elementor-element-populated {
  padding: var(--column-gap-extended); }

.elementor-column-gap-wide > .elementor-column > .elementor-element-populated {
  padding: var(--column-gap-wide); }

.elementor-column-gap-wider  > .elementor-element-populated {
padding: var(--column-gap-wider); }

/****************************************

4. COLUMN CARDS

Helper classes applied to Elementor columns to make them appear as cards.

*****************************************/
.elementor-container > .elementor-column.card > .elementor-element-populated {
  background: #fff;
  border-top: 4px solid var(--e-global-color-accent);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.elementor-column-gap-default.elementor-container > .elementor-column.card > .elementor-element-populated {
  margin: 24px;
  padding: 48px; }
  @media (max-width: 1024px) {
    .elementor-column-gap-default.elementor-container > .elementor-column.card > .elementor-element-populated {
      margin: 16px;
      padding: 24px; } }
  @media (max-width: 767px) {
    .elementor-column-gap-default.elementor-container > .elementor-column.card > .elementor-element-populated {
      margin: 24px 0;
      padding: 32px; } }
.elementor-column-gap-narrow.elementor-container > .elementor-column.card > .elementor-element-populated {
  margin: 8px;
  padding: 32px; }
  @media (max-width: 1024px) {
    .elementor-column-gap-narrow.elementor-container > .elementor-column.card > .elementor-element-populated {
      margin: 8px;
      padding: 24px; } }
  @media (max-width: 767px) {
    .elementor-column-gap-narrow.elementor-container > .elementor-column.card > .elementor-element-populated {
      margin: 8px 0;
      padding: 24px; } }
/****************************************

5. CARD WRAP

Allow new columns set as cards to wrap to the next row instead of adding additional columns to the same row using Flexbox.
.section-card-wrap is applied to the container and column width (ex. .two-col) can be applied to each column.

*****************************************/
.section-card-wrap .elementor-container {
  flex-wrap: wrap; }

.one-col {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }
  @media (max-width: 1024px) {
    .one-col {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }
/**** Two column cards – 50% width ****/
.two-col {
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%; }
  @media (max-width: 1024px) {
    .two-col {
      -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%; } }
  @media (max-width: 767px) {
    .two-col {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }
/**** Three column cards – 33.333% width ****/
.three-col {
  -webkit-flex: 0 1 33.333%;
  -ms-flex: 0 1 33.333%;
  flex: 0 1 33.333%; }
  @media (max-width: 1024px) {
    .three-col {
      -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%; } }
  @media (max-width: 767px) {
    .three-col {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }
/**** Three column cards – 25% width ****/
.four-col {
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%; }
  @media (max-width: 1024px) {
    .four-col {
      -webkit-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
      flex: 0 1 25%; } }
  @media (max-width: 767px) {
    .four-col {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }

/****************************************

ELEMENTOR ICON LIST WIDGET OVERRIDES

*****************************************/

li.elementor-icon-list-item .elementor-icon-list-icon {
  margin-top: 8px!important;
}
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
  padding-left: 16px!important;
}
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: start!important;
}


/* Menus
.x-toggle-grid, .x-toggle-more-h, .x-toggle-more-v, span.x-anchor-graphic {
    width: 80px;
}
.x-toggle-more-h, .x-toggle-more-v {
    border-radius: 0;
}

.x-toggle>span {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0;
    width: 60%;
    height: 100%;
    border-radius: 0;
    background-color: currentColor;
    float: left;
    margin: 0 0 2px 0;
}
.hm7.x-anchor-toggle {
    width: 3.5em;
    height: 3.5em;
    border-radius: 1em;
    font-size: 1em;
    background-color: transparent !important;
}
.hm9.x-anchor-toggle .x-anchor-graphic:hover, a.hm9.x-anchor.x-anchor-toggle.x-hide-lg.x-hide-xl.x-interactive:hover {
	background: none !important
}

.hm7 .x-toggle-more-1, .hm7 .x-toggle-more-2, .hm7 .x-toggle-more-3 {
    transform: none !important;
}
.hm7.x-anchor-toggle .x-anchor-graphic {
    margin: 0;
}
.hm7.x-anchor-toggle .x-anchor-graphic:hover, a.hm7.x-anchor.x-anchor-toggle.x-hide-lg.x-hide-xl.x-interactive:hover {
	background:none !important
}
.x-interactive {
	background: none !important;
	border: none !important;
}
.hm9.x-anchor-toggle .x-anchor-graphic:hover, a.hm9.x-anchor.x-anchor-toggle.x-hide-lg.x-hide-xl.x-interactive:hover {
	background:none !important
}


.hm7.x-anchor-toggle .x-anchor-particle-primary {
    color: #fff !important;
    height: 50px !important;
    width: 51px !important;
    border-radius: 0px !important;
}
.hm7 .x-toggle, .hm7 .x-toggle:hover {
    color: #003359 !important;
}
*/


/* Some of the responsive donation form stuff had to go in the theme CSS customizer */