/*

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

*/

.x-promo .h5 {
	font-size: 120%;
    line-height: 20px;
}

.clear:after {
	content: "";
  display: table;
  clear: both;
}

/* --- IE FIX FOR HEADER & FOOTER --- */
.hm1.x-bar-content, .hm9.x-bar-content {
  flex: 0 1 100%;
}

.hm11.header-nav-bar .sub-menu .x-anchor .x-anchor-content {
	align-items: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
}
	
ul.x-menu .x-dropdown {
    position: absolute !important;
    left: 0px !important;
    top: 100% !important;
}

ul.x-menu .x-dropdown .x-dropdown {
	top: 0 !important;
    left: 100% !important;
}


/* ------ Feature List ------ */

.x-feature-list .x-feature-box {
	margin-bottom: 1em;
	cursor: pointer;
}

.x-feature-box-content h4 {
	cursor: pointer;
}


/* ------------------------ */


.larger-text {
	font-size: 17px !important;
}

/* ------ Logo Image ------ */
.fmi-logo img {
/* 	max-width: 300px !important; */
/* 	width: 100%; */
	height: auto!important;
}

@media screen and (max-width: 480px) {
	.fmi-logo img {
		max-width: 200px !important;
	}
}

.hm8.x-off-canvas .x-off-canvas-close {
	font-size: 2em !important;
}

/* Fixes SubNav-Menu to show all items under */
.x-menu > li > .x-anchor[class*="active"] ~ ul.sub-menu {
    height: auto !important;
}

.x-menu .x-anchor-sub-indicator {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px;
    padding: 8px 0px;
}

@media screen and (min-width: 1020px) {
	[class*="x-anchor-sub-indicator"]:before {
		position: absolute;
	    top: 25%;
	}
}


/* ------ Anchor Click - Add Padding to Top to avoid covering content ------ */
body:not( .cs-classic ) .jumptarget {
    border-top: 180px solid transparent !important;
    margin-top: -180px !important;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.impact-report-top {
	padding: 30px 30px 0px !important;
    border-width: 2px 2px 0px 2px;
    border-color: #DBD0CB;
    border-style: solid;
}

.impact-report {
    padding: 30px !important;
    border-width: 2px;
    border-color: #DBD0CB;
    border-style: solid;
}

.impact-report-middle {
    padding: 0 30px !important;
    border-width: 0px 2px;
    border-color: #DBD0CB;
    border-style: solid;
}

.impact-report-bottom {
	padding: 0 30px 30px !important;
    border-width: 0px 2px 2px 2px;
    border-color: #DBD0CB;
    border-style: solid;
}

.student-scholarships, .total-scholarships {
	padding: 20px 0px;
	margin: 0 auto;
	max-width: 80%;
}

@media screen and (max-width: 767px) {
	
	.student-scholarships, .total-scholarships {
		max-width: 100% !important;
	}
}


/* ------ Print ------ */

@page {
  size: letter portrait;  /* auto is the initial value */
  margin-top: .5in;
  margin-bottom: .5in;
  margin-left: .5in;
  margin-right: .5in;
}

    
@media print {
			
	header, footer, .no-print, .x-gap {
		display: none;
	}
	
	.x-section {
		padding: 0!important;
	}
	
	body {
	 	font-size: 12pt;
		padding: 0;
		width: auto;
		border: 0;
		float: none;
		position: static;
		overflow: visible;
	}
	
	h2, .h2 {
		font-size: 34px;
	}
	
	h3, .h3 {
		font-size: 26px;
	}
	
	h5, .h5 {
		font-size: 21px;
	}
	
	.impact-report, .impact-report-top, .impact-report-middle, .impact-report-bottom {
		border: none;
		width: 100% !important;
		padding: 0!important;
	}
	
	.impact-report .two-up:first-child, 
	.impact-report .x-column .two-up:first-child {
		display: none;
	}
	
	.x-block-grid .two-up {
		padding: 5px 0 0;
	}
	
	.x-container.width {
		width: auto!important;
	}
	
	.graph {
		width: 100mm !important;
		margin: 0 auto !important;
	}
	
	.achievement-numbers {
		width: 45mm !important;
		float: left;
		margin: 0;
		padding: 0;
		display: inline-block;
	}
	
	.achievement-numbers .x-icon, .scholarships-awarded .x-icon {
		color: #338e13 !important;
	}
	
	.scholarships-awarded {
		width: 90mm !important;
		float: left !important;
		margin: 0;
		padding: 0;
		display: inline-block !important;
	}
	
	.x-skill-bar .bar .percent  {
		color: #ffffff !important;
	}
	
	a:link:after, a:visited:after {
	    content: "";
	}
}


/* ------ Submit Button ------ */
.x-btn, .button, [type="submit"] {
	padding: 15px 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: none !important;
}

.x-feature-box-title {
	font-size: 28px;
}

@media screen and (max-width: 767px) {
 	.map {
		border-left: 0px !important;
	}
}

/* Footer */
#x-site > footer {
	background-color: #535353;	
}

.footer-container {
	justify-content: center;
	-webkit-justify-content: center;
}

 @media screen and (max-width: 1040px) {
 	.footer-container {
	 	width: 500px;
	 	margin: 0 auto;
	 	max-width: 100%;
	 	box-shadow: none !important;
 	}
 	
 	.footer-layout {
		max-width: none !important;
		padding: 1.5em 0em !important;
		flex: 1 1 100% !important;
		-webkit-flex: 1 1 100% !important;
	}
}

/* Horizontal Rule */
.x-hr {
	border-top: 2px solid #DBD0CB !important;
}

/* Transparent Button with Outline */
a.x-btn-outlined {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: transparent;
    border: 2px solid #DBD0CB;
    color:#535353;

}

/* Transparent Button Ouline Hover */
a.x-btn-outlined:hover {
    background-color: darkgrey;
    border: 2px solid darkgrey;
    color: white;
}

/* Home Page White Read More Button */
a.x-btn-reversed {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: white;
    color: #535353;
    border-color: white;
}

/* Home Page White Button ++ Hover */
a.x-btn-reversed:hover {
    color: white;
    background-color: darkgray;
    border-color: darkgray;
}

/* Media query for x-btn-outlined-column + x-column.x-sm.man.x-3-4 */
 @media screen and (max-width: 980px) {
    .x-btn-outlined-col, .x-column.x-sm.man.x-3-4 {
        width: 100% !important;
        margin: 1em 0 !important;
        text-align: center !important;
        padding: 0px !important;
        margin-top: 40px !important;
    }
}

/* Media query for h-custom-headline.h2 */
@media screen and (max-width: 767px) {
    .h-custom-headline.h2
     {
        width: 100% !important;
        margin: 1em 0 !important;
        text-align: center !important;
        padding: 0px !important;
        margin-top: 40px !important;
    }
}
/* Media Query for "building community" div on home page */
@media screen and (max-width: 767px) {
    .x-btn.x-btn-reversed.x-btn-global
     {
        text-align: center !important;
        margin: auto;
        margin-top: 2em;
        display: table;
    }
}

/* Media Query for "Our Mission" div on home page */
@media screen and (max-width: 767px) {
    .x-column.x-sm.x-3-5 {
        text-align: center !important;
        display: table;
        margin: auto;
    }
}

/* Remove Slider Button Background Image */
.tp-arr-imgholder {
	background-image: none !important;
}

/* Search Modal Background Opacity */
.x-modal-bg {
    background-color: #0F4532 !important;
    opacity: .96 !important;
}


/* Footer Link Color for Clevyr */
.x-text>span>:last-child {
    margin-bottom: 0;
    color: #fff;
}

/* Ess Grid Buttons moved outside div*/
.esg-filters.esg-singlefilters.esg-navbutton-solo-left,
.esg-filters.esg-singlefilters.esg-navbutton-solo-right {
    margin-top: -20px;
    z-index: 70;
}


/* Chart Page - Philanthropic Impact */
.weblator-chart-legend-box {
    width: 16px !important;
    height: 16px !important;	
}

.x-skill-bar {
    height: 38px;
    margin-bottom: 2.5em;
    background-color: transparent;
}

.x-skill-bar .bar .percent {
	height: 30px;
	background-color: rgba(0,0,0,0);
	font-size: 18px;
	line-height: 26px;
}

.h-skill-bar {
	font-size: 14px;
}


/* Stories Slider */
.stories .x-flexslider {
	background: transparent !important;
}

.stories {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	max-width: 88%;
	margin: 0 auto;
}

.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next {
	background-color: transparent;
	color: #DBD0CB;
	font-size: 110%;
	opacity: 1;
}

.flex-direction-nav a.flex-prev:hover, .flex-direction-nav a.flex-next:hover {
	color: #338e13;
}

.flex-direction-nav a.flex-prev {
	left: -60px !important;
}

.flex-direction-nav a.flex-next {
	right: -60px !important;
	left: auto;
}

@media screen and (max-width: 520px) {
	.flex-direction-nav a.flex-prev {
	left: 40% !important;
	bottom: -10px;
	top: auto;
}

.flex-direction-nav a.flex-next {
	right: 40% !important;
	left: auto;
	bottom: -10px;
	top: auto;
}	
}
/* ––––––––––––––––––––––––– */

.emma-show {
	overscroll-behavior: contain;
    padding: 24px 0 96px;
}

body {
	-webkit-overflow-scrolling: touch;
}