/*======================================
Theme Name: CHEA of California
Theme URI: https://divicake.com/
Description: CHEA of California
Version: 1.0
Author: Zane Willis
Author URI: https://www.ardentspeaks.com
Template: Divi
======================================*/

#main-header-background {
	-webkit-mask-image: url(/wp-content/uploads/2019/08/menumask.png)!important;
  	mask-image: url(/wp-content/uploads/2019/08/menumask.png)!important;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: right;
	mask-position: right;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 17vw;
	max-height: 200px;
	width: 100%;
	top: 44px;
	position: fixed;
	z-index: 10;
	background-color: #0c77bd;
	transition: all .4s;
} 

body.admin-bar #main-header-background {
	top: 72px;
}

#main-header,
#main-header.et-fixed-header {
	-webkit-box-shadow: 0 0px 0 rgba(0,0,0,.1)!important;
	-moz-box-shadow: 0 0px 0 rgba(0,0,0,.1)!important;
	box-shadow: 0 0px 0 rgba(0,0,0,.1)!important;
}

div.et-fixed-header ~ div#main-header-background {
	opacity: 0;
	visibility: none;
	z-index: -1;
}

#main-header .nav li ul.sub-menu {
	background-color: white;
}

span.menu-item-description {
	color: #999999;
	cursor: default;
	display: block;
	font-weight: normal;
	font-size: small;
	line-height: 1.5;
}

#top-menu li {
	vertical-align: top;
}

ul.sub-menu li a,
.et-fixed-header ul.sub-menu li a {
	color: black!important;
	font-weight: normal!important;
	text-transform: unset!important;
}

.et_fullwidth_nav #top-menu li.mega-menu > ul {
	background: white;
	right: 0px!important;
	left: 0px!important;
	width: 100%
}

#top-menu li.mega-menu > ul > li > a:first-child {
	color: black!important;
	cursor: default;
	font-weight: bold!important;
	pointer-events: none;
}

#top-menu-nav, #top-menu {
	/*display: inline!important;*/
}

.mobile_menu_bar_toggle::before {
	color: white!important;
}

#main-header.et-fixed-header #et-top-navigation .sub-menu a {
	color: black!important;
}

#main-header .et_mobile_menu {
	color: white;
}

#main-header #mobile_menu.et_mobile_menu {
	background: white;
	margin-left: -42px;
	padding: 5%;
	width: calc( 100% + 87px);
}

#main-header .et_mobile_menu li a {
	color: black!important;
}

.mobile_menu_bar:before{
	color: #ffffff!important;
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
	transform: all 5s;
}


.right-image .et_pb_fullwidth_header .et_pb_fullwidth_header_container,
.left-image .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
	width: 90%;
	max-width: 2500px;
}

.right-image .header-content {
	padding-right: 50%!important;
	padding-top: 100px;
}

.left-image .header-content {
	padding-left: 50%!important;
	padding-top: 100px;
}

.frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth {
	width: 12%;
}

.frm_repeat_buttons {
	padding-top: 26px;
}

#et-main-area {
	/*padding-top: 100px*/
}

#content-area {
	padding-top: 100px;
}

#main-content .container:before {
	top: auto;
}

.groupTable {
	border: 0px!important;
	border-collapse: collapse;
}

.groupTable .groupInfo td {
	width: 24%;
}

.wdgk_donation_content input.wdgk_donation {
	display: inline;
	margin-right: 25px;
}

.wdgk_donation_content a.button.wdgk_add_donation {
	font-weight: normal;
	padding: 5px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}

.wdgk_donation_content a.button.wdgk_add_donation:hover {
	padding: 5px!important;
	padding-left: 20px!important;
	padding-right: 40px!important;
}

.post p { line-height: 2em; padding-bottom: 25px; }

@media only screen and (max-width: 1000px) {
	.right-image .et_pb_fullwidth_header .et_pb_fullwidth_header_container,
	.left-image .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
		width: 80%;
		max-width: 1080px;
	}
	
	.right-image .header-content {
		padding-right: 0!important;
	}

	.left-image .header-content {
		padding-left: 0!important;
	}
	
	.groupTable .groupInfo td {
		width: 100%;
		display: block;
	}	
}

@media only screen and (min-width: 981px) {
	#logo {
		max-height: 35%;
	}
	
	#top-menu li,
	#et-secondary-nav,
	#et-info {
		font-size: 10px;
	}
	
	.groupTable .groupInfo td {
		width: 100%;
		display: block;
	}
}