@charset "utf-8";
/* CSS Document */

/*The CSS cheet is celled into the revolution-pro theme via the fuctions php file using this code:

function custom_style_sheet() {
wp_enqueue_style( 'custom-styling', get_stylesheet_directory_uri() . '/easterstyle.css' );
}
add_action('wp_enqueue_scripts', 'custom_style_sheet'); */


/* ----- Font Changes from the main theme ----- */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

body {
	background-color: #fff;
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.875;
	margin: 0;
	overflow-x: hidden;
}

blockquote,
cite,
em,
i {
	font-style: normal;
}

blockquote p {
	font-family: "Playfair Display", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 40px;
}

/* from Front-End.css - Edited directly in Front-end.css these settings from this css don't cascade properly*/
.site-container .wp-block-pullquote p,
.site-container .wp-block-quote p {
	font-family: "Playfair Display", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 40px;
}

/* from Front-End.css - Edited directly in Front-end.css these settings from this css don't cascade properly */
.site-container .wp-block-pullquote.is-style-solid-color cite {
	color: #fff;
	font-style: normal;
}


/* Main Menu font style */
.genesis-nav-menu a {
	color: #000;
	display: block;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
	outline-offset: -1px;
	padding-bottom: 11px;
	padding-top: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

/* END of Font Changes */


/* Temp Img Gallery Fix Nov 2022 - WP 6.1 and 6.1.1. */

.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
}

/* END Temp Fix */


/*----- Box Styles Throughout Site -----*/

.redbox {background: rgba(229, 25, 55, 1); border: 2px solid #a4161a; color: #ffffff;}
.redbox h2, .redbox h3 {color: #ffffff;}

.greenbox {background: rgba(34, 190, 186, 0.7); border: 2px solid #22beba;}
.greenborder{ border-left: 2px solid #22beba; border-bottom: 2px solid #22beba;}

.yellowbox { background: rgba(255, 198, 0, 0.7); border: 2px solid #ffc600;}

.whitebox { background: none; border: 2px solid #e51837;}

.contactservices { background: #1b1b1b; border: 2px solid #1b1b1b;}
.contactservices p {color: #ffffff;}
.contactservices h2, .contactservices h3 { color: #ffffff;}
.entry-content .contactservices a {color: #ffffff;}

.contactcamp{ background: rgba(34, 190, 186, 0.7); border: 2px solid #22beba;}
.entry-content .contactcamp a {color: #1b1b1b;}

/* ----- History Page ----- */
.historyboxdark { color: #ffffff; background: rgba(0, 0, 0, 0.8); padding: 25px; margin-top: 50px; margin-bottom: 50px;}
.historyboxlight { color: #000000; background: rgba(255, 255, 255, 0.9); padding: 25px; margin-top: 50px; margin-bottom: 50px; border: solid 3px #ffffff;}

/* Contact Us profile style - bg color needs to be set in the actual block settings in the gutenburg interface */
/* .gb-block-profile {background: #ffffff; border-radius: 0; /*border: 1px solid #1b1b1b; } */

/* Homepage decrative borders for alternating image and text blocks in the Annual Report area for 2020 */
.redborderleft { border-left: 5px solid #a4161a;}
.yellowborderright { border-right: 5px solid #ffc600;}
.greenborderleft { border-left: 5px solid #22beba;}

.redborderbottom { border-bottom: 5px solid #a4161a;}
.greenborderbottom { border-bottom: 5px solid #22beba;}
.yellowborderbottom { border-bottom: 5px solid #ffc600;}
.greyborderbottom { border-bottom: 5px solid #1d1d1d;}

/* End of Box Style */

/* ----- Events Page Post Grid ----- */

.gb-block-post-grid header .gb-block-post-grid-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.2; }
	
.events-grid .gb-post-grid-item {border-bottom: 2px solid #ddd; padding-bottom: 20px;}
	
/* End Events Post Grid */


/* ----- Accordian Style throughout site ----- */

.gb-block-accordion .gb-accordion-title { background: none; border-top: 1px solid #22beba;}


/* ----- Link Decoration throughout site ----- */

.entry-content a {color: #e51837; box-shadow: none; border-bottom: 1px solid #ddd;}

/* ----- Remove Link style from Images ----- */
.wp-block-image a {box-shadow: none; border-bottom: none;}
.wp-block-image a:hover {box-shadow: none; border-bottom: none;}


/* ----- HR style throughout site ----- */

hr {
    border: none;
    border-collapse: collapse;
    border-bottom: 1px solid currentColor;
    clear: both;
    color: #e51837;
    margin: 1.65em auto; }
	
/* ----- Board of Directors Page ----- */

h3.board-subtitle { margin-top: 10px;}
.board-image-red { border-bottom: 5px solid #e51837;}
.board-image-green { border-bottom: 5px solid #22beba;}
.board-image-yellow { border-bottom: 5px solid #ffc600;}

/* End Board of Directors */

/*----- CODE FOR HOST YOUR OWN EVENT Webpage -----*/ 

/* EVENT IDEAS IS A SQUARE BOX ROUNDED BOX… CAN BE USED ANYWHERE ON WEBSITE */

.eventideas {
border-radius: 25px;
width: auto;
height: auto;
padding: 25px 25px 25px 25px;
background-color: #FFFFFF;
}

/*----- Removes space around the Hamburger Menu so the donate button makes it onto the landing screen in mobile -----*/
/* .menu-toggle { padding-top: 5px; padding-bottom: 5px; margin: 0px;} */


/*----- DONATE Menu Item Oval button -----*/
/*
#menu-item-23168 a { 
color: #e51837 !important;
background: transparent;
border-color: #e51837;
border-style: solid;
border-width: 2px;
border-radius: 50px;
padding: 0px 10px !important;
transition: all 0.2s linear;
line-height:45px;}

#menu-item-23168 a:hover {
color: #1d1d1d !important;
background: transparent;
border-color: #1d1d1d;
}
*/
/*----- Donate Menu Button Solid Square -----*/
#menu-item-23168 a {
    border-radius: 5px;
    color: #ffffff;
    background-color: #e51937;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
	padding-left: 10px;}

#menu-item-23168 a:hover {
background-color: #cd102c !important;
}

/*----- End Solid Square -----*/

/*----- Popup Maker Plugin -----*/
pum-overlay.pum-active,
	.pum-overlay.pum-active .popmake.active {
    		display: block !important;
	}

/*----- MOBILE STYLES -----*/

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

/*----- Donate menu item in mobile -----*/
#menu-item-23168 { max-width: 35%; text-align:center;}