@charset "utf-8";
/* CSS Document */
/*
Theme Name:   	JCSRI Theme
Theme URI:    	http://moegood.com
Author:       	Moe Finigan
Author URI:     http://moegood.com
Template:     	Divi
Description:  	This is Customized Child Theme for the Jewish Collaborative Services of RI
Version:      	1.0.0
*/
/*
********************************************************************************** */
#et-info {   /* div around phone and email. */
    float: right;
	background: #9abb50;
	border-radius: 0 0 0 20px;
	padding:15px 60px 15px 25px;
	font-size:17px; color:white;
	margin-left:30px;
	margin-right:-30px;
}

#et-info-email, #et-info-phone {
	color:white!important; font-size:17px;
}
#et-info-phone a[href^=tel]{ /* for iPhone phone number in header on iPad */
	color: #ffffff; 
}

/* To remove the shadow underneath the fixed Divi navigation bar */
#main-header.et-fixed-header {
    -webkit-box-shadow: 0 7px 7px -7px rgba(0,0,0,.1);
	-moz-box-shadow: 0 7px 7px -7px rgba(0,0,0,.1) !important;
	box-shadow: 0 7px 7px -7px rgba(0,0,0,.1) !important;
} 

/*********Main nav********/
/******* UBER MENU *********/
#main-header .ubermenu ul li .ubermenu-target-text {  /* all menu items in the primary menu */
}                                                   
#main-header .ubermenu ul li ul li .ubermenu-target-text { /* sub-menu column header title - not clickable ie SOCIAL SERVICES */
	}
#main-header .ubermenu ul li ul li ul li .ubermenu-target-text { /* sub-menu clickable items */
	 }
#main-header .ubermenu ul li ul li ul li ul li .ubermenu-target-text { /* next clickable element down (ie under Tamarask ) */
	 }
#main-header .ubermenu ul li ul li ul li .ubermenu-target-description { /* description on Adoptions Options */ 
 }
.ubermenu-responsive-toggle .fas {margin-right:0;}

/**added per 8/22 meeting to give more emphasis to current menu item**/
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent >.ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target  {
	border-bottom: 5px solid #9abb50 !important;
	padding-bottom:15px !important; 
}

/**To increase white space per 8/22 meeting***/
.ubermenu.ubermenu-main {margin-top:70px; margin-bottom:0px}
.ubermenu .ubermenu-submenu-type-stack {
    padding-top: 0;
}
#main-header .ubermenu ul li ul .ubermenu-target { /* sub-menu items - ie About sub-menu items spacing */
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
#main-header .ubermenu ul li ul li ul .ubermenu-submenu-type-stack {  /* 3rd level sub-menu - Services->Enriched Assisted living */
	padding-top: 5px;
	padding-bottom: 5px;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto .third-level-menu {font-style:italic; padding-left:18px;}

/**First item under Donate*/
#menu-item-2450 {padding-top:0!important;}
li.menu-donate ul li .ubermenu-target-text { /* Donate sub-menu item spacing */
	padding-bottom: 7px;
}

/* sub-menu should hide bottom green line */
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop {
	margin-top: -5px!important;
}
	/* placing down-arrow icon above sub-menu */
	.ubermenu .ubermenu-icon.fa-angle-down {
    	position: absolute !important;
    	left: 50% !important;
    	bottom: 0px !important;
	}

#top-header a {color:#ffffff;}
#top-header a:hover {color:#0f75bc;}

/*----------Overlapping Logo that Shrinks on Scroll----------*/
/* by https://joshhall.co/how-to-create-an-overlapping-logo-in-divi/ */
#et-info {
    float: right;
}
.et_fixed_nav #top-header {
    position: fixed;
    z-index: 9998!important;
}
#logo {
    max-height: 180px;
    margin-top: -70px;


}
#top-header .container { /* removes padding above green phone/email */
	padding-top: 0;
}


 /* end overlapping header */
body.page #main-content .et_pb_section:first-of-type {
	padding-top: 53px;
}
body.home #main-content .et_pb_section:first-of-type {
	padding-top: 0;
}
/* Posts made with Divi Builder */
body.single #main-content .et_pb_section:first-of-type {
	padding-top: 0;
}
body.single .et_pb_fullwidth_section .et_pb_post_title {
	padding-top: 0;
}
body.single .et_pb_title_container h1 {
	font-size: 32px;
	padding-bottom: 40px;
}

/* Gravity forms styling */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	font-size: 18px;
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	background: #f7931e; 
	border-width: 1px !important;
	border-color: #f7931e; 
	border-radius: 2px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;  
	padding: .3em 1em;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {
	font-weight: normal !important;
}
/* 2 styles for 404 needed so sidebar has spacing on top but content has consistent spacing with other pages */
.error404 #main-content .container {
	padding-top: 53px;
}
.error404 #main-content .et_pb_section:first-of-type {
	padding-top: 0;
}

#footer-info a {
	font-weight: normal;
}
#footer-info a:hover {
	opacity: 1;
	text-decoration: underline;
}
.ubermenu .ubermenu-item-layout-icon_left > .ubermenu-target-title { /* removes space causing dis-alignment of top menu items in mobile menu display */
	margin-left: 0 !important;
}
p:not(.has-background):last-of-type { /* fixes spacing issue when paragraph with no background is 'last of' */
	padding-bottom: 1em;
}

/*******  DIVI MEDIA QUERIES  *********************/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop ***/
@media all and (min-width: 1100px)  {
 	#logo { margin-left:110px;}
}
/*** For Caregiver Support - partnersincare email not breaking ***/
@media all and (min-width: 981px) and (max-width: 1200px) {
	#post-170 .et_pb_section_1, #post-170 .et_pb_section_2 {
		max-width: 90% !important;
	}
	.shalom-mealsite-numbers .percent p {
		font-size: 45px !important;
	}
} 
/*** For Our Impact page numbers ***/
@media all and (min-width: 981px) and (max-width: 1080px) {
	.row-here-to-help-nums {
		max-width: 75%;
		width: 75%;
	}
	.shalom-mealsite-numbers .percent p {
		font-size: 35px !important;
	}
} 
@media all and (min-width: 981px) {
	.ubermenu .ubermenu-icon.fa-angle-down {
		opacity: 0;
	}
	.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target > .ubermenu-icon.fa-angle-down {
		opacity: 1;
	}
		
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	/***************** UBER MENU CUSTOMIZATIONS with the help of https://sevenspark.com/docs/ubermenu-3/theme-integration/divi ****/
	/* There is code in Appearance->Ubermenu->General Settings->Custom CSS - FYI */
	.ubermenu-responsive-toggle{   
    	top: -30px !important;
	}
	.ubermenu .ubermenu-icon {
		opacity: 0;
	}
	.join-community-menu-item { /* forces this not to display side-by-side when there is space-seems to be an Ubermenu issue I have to force */
	clear: none !important;
	}
	.et_fixed_nav #top-header {
    	position: absolute;
	}

	#et-info {background: transparent;
		margin-bottom:40px;
	}
	#et-info-phone, #et-info-email {margin:auto; color: #58585a !important; line-height:2em;}
	#et-info-phone a[href^=tel]{ /* for iPhone phone number in header */
		color: #58585a; 
	}
	.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {display:none;}
	#main-header .ubermenu ul li .ubermenu-target-text {font-size:1.2rem;}
	#main-header .ubermenu ul li ul li ul li .ubermenu-target-text {padding:7px 0px;}
	#et-info-phone {margin-right: 30px;}
	.board-left { /* board of directors on Our Leadership page */
		border: none;
	}
	.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent >.ubermenu-target, 		.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target  {
		border-color: #ffffff !important;
	}
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 	#logo {
    	max-height: 140px;
    	margin-top: -80px;
	}
	.home-news-events-row .et_pb_column .et_pb_blog_grid .column.size-1of2 {
		width: 100%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 980px) {
	#et-info {padding-bottom:0px;}
	#main-header .ubermenu ul li ul li ul li .ubermenu-target-description {display:none;}
	
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	#main-content .et_pb_section:first-of-type {
		padding-top: 53px;
	}
	#logo {
		max-height: 120px !important;
    	margin-top: -60px;
		padding-top: 10px;
	}
	#et-info {
		float: none;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
	}	
	#et-info-email { /* to line up phone and email icons on small screen */
		margin-right: 30px; /* this matches phone margin-right */
	}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	#logo {
		padding-top: 0;
	}
}