/*
 Theme Name:     GreenFaith Divi
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    GreenFaith Divi Child Theme
 Author:         After Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       divi
 Version:        1.0.0
*/
.et_pb_section { background-color: #f1f4e4; }

.location-menu .sub-menu {
	}

#menu-location .sub-menu .sub-menu { top: 0; left: 0; }
#menu-location .sub-menu > *:hover > .sub-menu { position: relative; }


/* #menu-location li li { padding-left: 0; padding-right: 0; } 
#menu-location li li a { width: 240px; } */

/* orange drop down menu */
.et_pb_menu .et-menu > li {
	padding-left: 1rem !important;
	}
/* .locations-nav > ul.sub-menu { padding-left: 1.25rem !important; } */

.et-menu {
	text-transform: uppercase;
	}

.et-menu li {
	font-size: 1.2rem !important;
	}	
div[class*="gt_container"] > .gt_switcher > .gt_option  a {
	text-transform: uppercase;
	/* font-size: 1.2rem !important !important;*/
	line-height: 1.3rem;
	}
.et-menu li li a {
	padding-left: 0.75rem !important;
	}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul {
	padding-left: 1rem;
	}

.gtranslate_wrapper > * {
	padding-left: 1rem;
	padding-right: 1rem;
	/* background-color: rgb(233, 78, 48); */
	}
/* .gt_switcher .gt_option a {
	background-color: rgb(233, 78, 48) !important;
	} */

.overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 5000; background-color: rgba(0,0,0,0.4)}

#can_embed_form_inner > h4 { margin-bottom: 2rem; } 
#can_embed_form_inner > h4 > p { width: 100%; text-align: center !important; display: inline;}

#join-us-form .et_pb_column_1, #join-us-form .et_bp_row, #join-us-form #can_embed_form { padding-top: 0 !important; padding-bottom: 0 !important;}

#join-us-form h2 { text-transform: uppercase; font-weight: 800; text-align: center; font-size: 26pt;}
#join-us-form h4 { font-weight: 700; text-align: center; paddin-top: 1rem;}

.gfcards  { display: flex; align-items: stretch; }
.gfcard  { background-color: rgb(148, 207, 198) !important;}
.gfcard img { width: 100%; min-height: 165px; max-height: 165px; object-fit: cover !important}
.more-link, .content-button a {background-color: #e94e30; padding: .3em 1em; display: inline-block; text-align: center; margin-top: 10px; text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	color: #f0f3e3 !important;
	}

/* New GF Menu Structure .gf-menus > .gf-main-menu, .gf-location-menu */
/* todo: this clause should be in a media query */
.gf-menus {
	z-index: 5000;
	background-color: rgb(242, 75, 42); 
	}
.gf-menus .menu-content > * { display: block; 
	font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif; 
	font-weight: 800; 
	vertical-align: top; 
	/* padding: 1rem; */
	text-transform: uppercase;
	font-size: 1.2rem;
	/*min-width: 150px;*/
	}

.mobile-only .et_pb_row_0_tb_header { margin-left: 0; margin-right: 0; }  
.collapsible-menu { position: fixed; top: 0; left: 0; right: 0;  }
.collapsible-menu .sub-menu .menu-item:hover { background-color: transparent; }
.collapsible-menu #menu-main-menu { padding-top: 1rem; }
.collapsible-menu #menu-main-menu > li > a { font-weight: bold; }
.collapsible-menu .menu-content li.menu-item { padding-left: 0; }

.collapsible-menu .menu-content { background-color: rgb(241, 244, 228); 
	height: 40vh;
	overflow-y: scroll;
	overflow-x: hidden;
	}
.menu-content ul { list-style-type: none; }
.menu-content li.menu-item { padding-left: 1rem; }

.mobile-translate { background-color: rgb(242, 75, 42); padding-top: 1rem; }
/* .gf-menus .menu-content .gf-menu { background-color: rgb(242, 75, 42); } */
.gf-menus a { color: rgb(241, 244, 228); text-transform: uppercase; }
.gf-menus ul { list-style-type: none; }
.gf-menus ul ul  { display: none; }
.gf-menus > ul > li { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.gf-menus li { padding-left: 0; 
	padding-right: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px transparent white;}
.gf-menus ul { padding-left: 0; padding-bottom: 0; }	
.gf-menus a { width: 100%; display: inline-block; padding-left: 1.85rem; padding-right: 1rem; }
.gf-menus ul ul li { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.gf-menus .sub-menu a { padding-left: 2.85rem; }
/* .gf-menus ul ul ul li { font-weight: 500; font-size: 1rem; } */

/* collapse menu */
.menu-content {
    max-height: 0;
    overflow: hidden;
    }
/* Toggle Effect */
input#menu-toggle {
	margin-top: 100px;
	}
input:checked ~ label {
	/* background-image: url(/wp-content/uploads/2023/07/hamburger-menu.png); */
	}
input:checked ~ .menu-content {
    max-height: 100%;
    }

/* https://gf.y-reg.com/wp-content/uploads/2023/07/hamburger-menu.png */
/* input:checked ~ label { */
#menu-toggle { display: none; }  
#menu-toggle ~ label {
    background-color: rgb(242, 75, 42);
    padding: 1rem;
    min-height: 64px;
    min-width: 64px;
    position: fixed;
    top: 0;
    right: 0;
    }	 
.menu-toggle-label img {
	max-width: 64px;
	max-height: 64px;
	}
.gf-translate {
	} 

.gf-translate img { visibility: hidden !important; }

.gf-translate > * { 
	/* padding-top: 16px !important;
	padding-bottom: 15px !important; */
	}
.gf-translate > * { 
	/* background-color: rgb(242, 75, 42); */
	}

.gf-menu { font-weight: 700; }


@media (min-width: 900px) {
	.gf-menus {
		/* padding-right: 145px; */
		z-index: 5000;
		background-color: transparent;
		}
/*	.gf-menus {
		position: absolute;
		top: 150px;
		right: 0;
		} */
	.menu-content {
		max-height: 100%;
		overflow: visible;
		}
	.gf-menus {
		}
	.gf-menus .menu-content > * { display: inline-block; margin-right: 1rem; min-width: 240px; text-align: left;}

	input#menu-toggle, #menu-toggle-label {
		display: none;
		}

	.gf-translate {
		position: relative;
		top: 16px;
		}
	}
@media (min-width: 1350px) {
	.gf-menus .menu-content > * { min-width: 250px;}
	}

.et_pb_column_2_no_top_padding .et_pb_column_1 { padding-top: 20px; }
.et_pb_column_2_no_top_padding .et_pb_column_2 { padding-top: 20px; }
.et_pb_column_2_no_top_padding .et_pb_column_3 { padding-top: 20px; }

/* .gf-header > * { display: inline-block; position: absolute;} */
.gf-logo { z-index: 5000; margin-top: 50px; }
@media (min-width: 1350px) {
	.gf-logo { margin-top: 0; }
	}


.gf-logo img { max-width: 220px; width: 100%; margin-top: 62px;}
.gf-menus { display: inline-block; }
/* .gt_switcher  { max-width: 180px !important; } */
.gf-translate > .gtranslate_wrapper { padding-top: 0px; }
.gtranslate_wrapper { position: relative !important;}
.gtranslate_wrapper > * { padding-bottom: 10px !important; padding-top: 4px !important; }
.gtranslate_wrapper:hover { background: transparent !important; }
.gf-translate > .gtranslate_wrapper a { font-size: 1.2rem !important; font-weight: 800;}
.gf-menu { margin-top: 1.5rem; }
.gf-menu > .gtranslate_wrapper { margin-top: 0px !important; }
.gf-menu:hover { 
    background-color: rgb(242, 75, 42);
    }
.gf-lang-menu { padding-top: 6px; }
.gf-lang-menu .gtranslate_wrapper a { font-weight: 500; }
.gf-lang-menu { 
	/* background-image: url('/wp-content/themes/gf-divi/Language_Icon.svg'); */
	background-size: 20px 20px;
	background-position-x: 1.5rem;
	background-position-y: 0.75rem;
	background-repeat: no-repeat;
	}

.menu-item-language { padding-top: 1rem !important}
.language-icon { height: 20px; width: 20px; display: inline-block; background: #000;}

/* Search */
.et_pb_search { border-radius: 0; }
.et_pb_searchform input.et_pb_s { background: #FFF; }
.et_pb_searchform input.et_pb_searchsubmit { 
	background-color: rgb(233, 78, 48);
 	color: #FFF;
	font-weight: 700;	
	text-transform: uppercase;
	}

/* location buttons */
.entry-content .location-buttons ul { list-style-type: none; }
.location-buttons .sub-menu { 
	}

#left-area .location-buttons ul li ul {
	padding-left: 0;
	}

#left-area .location-buttons ul {
	list-style-type: none;
	}

.location-buttons {
	position: relative;
	display: inline-block;
	width: 100%;
	}

.location-buttons > ul:first-child > li:first-child > a {
	display: none;
	}
.entry-content .location-buttons ul { padding-left: 0; }
.et_pb_text .location-buttons ul { padding-bottom: 0; }
.location-buttons .sub-menu li { 
	text-align: center;
	font-weight: 500;	
	font-size: 14px;
	text-transform: uppercase;
	list-style-type: none;
        }
.location-buttons .sub-menu li a {
	background-color: rgb(233, 78, 48);
	width: 100%;
	display: block;
	padding: 0.5rem;
	margin-top: 1px;
	} 
.donate-button:hover, .location-buttons .sub-menu li:hover a { background-color: #e98872; }
.location-buttons .sub-menu li li:hover a { background-color: #C07763; }

.location-buttons li a { 
 	color: #FFF !important;
        }

.location-buttons .sub-menu .sub-menu {
	display: none;
	}

/* hide unhelpful overlay */
/* .et_pb_section_1_tb_header { display: none;} */

/* top menu is desktop only */
.gf-top-menu { display: none; }
@media (min-width: 900px) {
	.gf-top-menu { display: block; }
	}

/* .gf-top-menu { background-color: rgb(1, 99, 68); } */  /* 20231220 removed per Rose request */
.gf-top-menu > div { padding-top: 1rem !important; padding-bottom: 0 !important; }
.gf-main-menu { background-color: transparent; }
/*.gf-main-menu > div:first-child > div:first-child  { width: 33.82%; } */
/* .gf-main-menu > div:first-child > div:not(:first-child) { width: 19%; } */
.donate-button { height: 40px; padding-top: 1rem; padding-bottom: 1rem; width: 100%}
/*.et_button_no_icon .et_pb_button.donate-button { padding-top: 0 !important; font-size: 20pt; line-height: 40px !important;} */
.et_button_no_icon .et_pb_button.donate-button { padding-top: 0 !important; font-size: 14pt; line-height: 40px !important;}
.et_button_no_icon .et_pb_button.donate-button.donate-fr { font-size: 12pt; }
.et_button_no_icon .et_pb_button.donate-button.donate-de,
.et_button_no_icon .et_pb_button.donate-button.donate-br,
.et_button_no_icon .et_pb_button.donate-button.donate-jp { font-size: 16pt; }
.et_button_no_icon .et_pb_button.donate-button.donate-id { font-size: 12pt; }

body .donate-button.et_pb_button:hover { background-color: #e98872 !important; } 

.gf-top-menu .et_pb_column { margin-bottom: 0.25rem; }
.gf-top-menu ul.et_pb_social_media_follow_0_tb_header { padding-bottom: 0; }
.donate-button { margin-bottom: 1rem; }
@media (min-width: 900px) {
	.donate-button { margin-bottom: 0; }
	.gf-top-menu .et_pb_column { margin-bottom: 0; }
	.gf-top-menu ul.et_pb_social_media_follow_0_tb_header { padding-bottom: 11px; }
	}

/* .gf-menus { position: absolute; } */
.sub-menu .menu-item:hover {background-color: #e98872;}
.sub-menu .sub-menu .menu-item:hover {background-color: #C07763;}


#menu-main-menu, #menu-location { padding-bottom: 0; }

.gf-main-menu {
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0,0,0,0) 75%); */
	text-align: center;
	min-height: 100px;
	/*height: 140px; */
	}	
.post-template-default .gf-main-menu {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0,0,0,0) 75%); 
	}
/* .gf-main-menu > * { width: 100% !important; margin-left: 20%; margin-right: 20%;} */
.gf-main-menu .gf-menu> * { position: absolute; text-align: left; width: 100%;}
.gf-main-menu .gf-menu> *:hover { background-color: rgb(233, 78, 48); }

.lang-icon { width: 20px; height: 20px; margin-left: 1rem;}
.gf-lang-menu > * { display: inline-block; vertical-align: top; }
/* .gf-lang-menu .gt_switcher .gt_selected a { width: 200px; } */
.gt_selected img, .nturl img { display: none; }
ul.sub-menu { padding-left: 0; }
.locations-nav ul { padding-bottom: 0; }
.site-footer a, .site-footer a:hover { color: rgb(241, 244, 228); }
.site-footer ul { list-style-type: none; }
.site-footer .gf-menu { margin-top: 0; }
.site-footer .gf-menu:hover { background-color: transparent; }
.site-footer .gf-menu .sub-menu a { margin-left: 1rem;}

.site-footer { display: none !important; }
.mobile-only {}
.desktop-only { display: none; }
@media (min-width: 900px) {
	.site-footer { display: block !important; }
	.desktop-only { display: block; }
	.mobile-only { display: none; }
	}

/* search cards */
.gf-search-results .et_pb_post { background-color: #94cfc6; }

/* hide admin bar in mobile */
#wpadminbar { display: none; }
@media (min-width: 900px) {
	#wpadminbar { display: block; }
	}

/* hide mystery header bar in mobile */ 
.et_pb_row_0_tb_header { padding-top: 0; padding-bottom: 0; background: transparent; } 
.et_pb_section_0_tb_header.mobile-only { background-color: transparent; }
.mobile-only .gf-logo img { margin-top: 0; }

/* menu widths */
/* .social-width { width: 33%; }
.search-width { width: 44%; }
.donate-width  { width: 22%; }
.logo-width { width: 33%; }
.menu-width { width: 22%; } */

/* TODO: use fixed width */

/* .gf-top-menu > *, .gf-main-menu > * { outline: 1px solid white; } */

.gf-top-menu > *:first-child > *:first-child { width: 197px; margin-right: 20px !important;} /* social media */
.gf-top-menu > *:first-child > *:nth-child(2) { width: 298px; margin-right: 20px !important;} /* search */
.gf-top-menu > *:first-child > *:nth-child(3) { width: 139px;} /* donate */

.gf-main-menu > *:first-child > *:first-child { width: 197px; margin-right: 20px !important;} /* logo */
.gf-main-menu > *:first-child > *:nth-child(2) { width: 138px; margin-right: 20px !important;} /* main menu */
.gf-main-menu > *:first-child > *:nth-child(3) { width: 138px; margin-right: 20px !important;} /* location menu */
.gf-main-menu > *:first-child > *:nth-child(4) { width: 138px; } /* language menu */

@media (min-width: 1080px) {
	.gf-top-menu > *:first-child > *:first-child { width: 256px; margin-right: 26px !important;} /* social media */
	.gf-top-menu > *:first-child > *:nth-child(2) { width: 386px; margin-right: 26px !important;} /* search */
	.gf-top-menu > *:first-child > *:nth-child(3) { width: 180px;} /* donate */

	.gf-main-menu > *:first-child > *:first-child { width: 256px; margin-right: 26px !important;} /* logo */
	.gf-main-menu > *:first-child > *:nth-child(2) { width: 180px; margin-right: 26px !important;} /* main menu */
	.gf-main-menu > *:first-child > *:nth-child(3) { width: 180px; margin-right: 26px !important;} /* location menu */
	.gf-main-menu > *:first-child > *:nth-child(4) { width: 180px; } /* language menu */
}

@media (min-width: 1330px) {
	.gf-top-menu > *:first-child > *:first-child { width: 309px; margin-right: 32px !important;} /* social media */
	.gf-top-menu > *:first-child > *:nth-child(2) { width: 466px; margin-right: 32px !important;} /* search */
	.gf-top-menu > *:first-child > *:nth-child(3) { width: 218px;} /* donate */

	.gf-main-menu > *:first-child > *:first-child { width: 309px; margin-right: 32px !important;} /* logo */
	.gf-main-menu > *:first-child > *:nth-child(2) { width: 217px; margin-right: 32px !important;} /* main menu */
	.gf-main-menu > *:first-child > *:nth-child(3) { width: 217px; margin-right: 32px !important;} /* location menu */
	.gf-main-menu > *:first-child > *:nth-child(4) { width: 217px; } /* language menu */
	}


.gf-main-menu { position: absolute; 

	position: absolute; 
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;

	}
.gf-main-menu .gf-menus { 
	/* needed to place menu over featured images */ 
	}

/* align social media icons with logo */
.gf-top-menu > *:first-child > *:first-child { padding-left: 1.5rem; } 
.locations-nav a { font-weight: 700; }

#menu-toggle ~ label { padding: 0.5rem; min-width: 48px; min-height: 48px; }
.collapsible-menu .sub-menu .menu-item a { padding-left: 2rem; display: block;}

.collapsible-menu  .gt_selected { padding-top: 0.75rem; }

/* all-caps titles */
h4.entry-title a { text-transform: uppercase !important; }
h1,h2,h3,h4 { text-transform: uppercase; }
.collapsible-menu .locations-nav a { text-transform: uppercase; font-weight: 500; }


/* orange */
.orange { color: rgb(233, 78, 48) !important; }

/* center the main menu */
.et_pb_row_2_tb_header.et_pb_row.gf-menus { margin-left: auto !important; margin-right: auto !important; }

/* 4 column grid */
@media (min-width: 980px) {
.cols4.et_pb_salvattore_content[data-columns]::before {
    content: '4 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
    .cols4 .column.size-1of4 {
        width: 24%!important;
        margin-right: 1%;
    }
}}

/* tighten spacing round button on media page */
.cols4  .et_pb_row { padding-top: 0; padding-bottom: 0; margin-left: 0;}


/* CSS for overlay */
.popup-overlay {
    display:none;
    position: fixed; /* fixed it */
    top: 0; /* moves it to the top */
    width: 100%; /* makes it fullwidth */
    height: 100vh; /* makes it full height of the screen */
    z-index: -1; /* moves the section behind all the rest so it is not shown */
    justify-content: center; /* centers the row in the middle */
    align-items: center;  /* centers the row in the middle */
      opacity: 0; /* hides the overlay */
      overflow: hidden;
      transition: opacity 0.4s ease-in-out; /* fades it in */
      -moz-transition: opacity 0.4s ease-in-out;
      -webkit-transition: opacity 0.4s ease-in-out;
}

/* CSS for overlay when shown */
.popup-overlay.show {
      display: flex; /* flex as this allows us to center the row */
      opacity: 1; /* shows the overlay */
      z-index: 99999; /* moves the overlay on top of all the other sections */
}

/* CSS X icon above the content */
.popup-overlay>.et_pb_row:after {
    display: block;
    content: "\4d"; /* Elegant themes icon code */
    font-family: ETmodules;
    position: absolute; /* makes the icon absolute to the parent */
    top: 20px; /* moves to top */
    right: 40px; /* moves to right */
    font-size: 40px;
    visibility: visible;
    color: #fff;
    cursor: pointer; /* changes the cursor to be a pointer */
}

.popup-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    background-color: rgba(1, 99, 68, 0.9) !important;
    z-index: 10000;
    }

.popup-overlay > * {
    width: 100%;
    margin-left: 0;    
    margin-right: 0;    
    background-color: rgb(1, 99, 68);
    background-image: url(/wp-content/themes/gf-divi/popup-background.jpg);
    }



.popup-overlay > * > * { 
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;

	}

.popup-overlay p, .popup-overlay h3 {
    color: rgb(241, 244, 228);
    }

.popup-overlay h2 {
	color: rgb(233, 78, 48);
	text-transform: uppercase;
	font-size: 1.6rem;
	}

.popup-overlay img {
	}

.popup-overlay p { font-weight: bold; 
	padding-left: 0rem;
	padding-right: 0rem;
	
	}

.popup-overlay strong { font-size: 1.2rem; }

.popup-overlay .et_pb_button { padding-bottom: 0.65rem !important; margin-top: 2rem;}
.popup-overlay .et_pb_button:hover { padding-bottom: 0.65rem !important}

.popup-image {
    display: none;
    }

/* .et-l--header { background: rgb(1, 99, 68) } */

@media (min-width: 900px) {
   	
    .popup-overlay > * {
        margin-left: 25%;    
        margin-right: 25%;    
    width: 50%;
	}
    .popup-overlay h2 {
	font-size: 3rem;
	padding-left: 3rem;
	padding-right: 3rem;
	}
    .popup-overlay p { font-weight: bold; 
	padding-left: 3rem;
	padding-right: 3rem;
	
	}
    .popup-overlay img {
	padding-left: 1rem;
	padding-right: 1rem;
	display: block;
	}
    .popup-image {
    	display: block;
    	}	
    .popup-overlay .donate-button {
        margin-top: 1rem;
        }
    }

.about-us-feature p { color: white; }
.about-us-feature a { color: rgb(148, 207, 198); }

a.mobile-donate-button { position: fixed;
	top: 0;
	right: 50px;
	color: rgb(241, 244, 228);
	background-color: rgb(242, 75, 42);
	padding: 1rem;
	padding-bottom: 15px;
	font-size: 2rem;
	font-weight: bold;
	}

.collapsible-menu .menu-main-menu-container { margin-top: 54px;
	}

.single-post h2 { text-align: center; }