/*
Theme Name: Divi Child Theme
Theme URI: http://www.montereypremier.com/
Description: A Custom Theme
Author: Monterey Premier
Author URI: http://www.montereypremier.com/
Template: Divi
Version: 1.0
*/


	/* moves body up so that it is behind the main menu */
		.page #et-main-area {
			margin-top: -450px;}

		.divi_page_et_theme_builder #et-main-area {
					margin-top: 0px!important;}



.gl-widget__other-payment-method-link-text {
    background: #26567d!important;
    padding: 14px 20px;
    width: 100%;
    border-radius: 3px;
    text-align: center;}

a.gl-widget__other-payment-method-link-text {
	font-size: 18px!important;
    color: #fff!important;}




/* MOBILE SUBMENU NESTED ITEMS */
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: #ffffff;
    background: #2c4154;
    border-radius: 50%;
    padding: 4px 5px 4px 4px;
    font-size: 21px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*----------------[ 01 MAIN MENU AREA ]----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/


	/* return home button */
		.home .mp_m_header_home_button {
			display:none;}


	/* secondary menu */
		.mp_menu_signup {
			margin-left: 95px!important;}
		.mp_menu_signup i.fas.fa-envelope {
			padding-right: 7px;
			font-size: 15px;}
		.mp_s_secondary_menu i.fas, 
		.mp_s_secondary_menu i.fab {
			font-size: 16px!important;}

	/* primary menu */
			.nav li a:hover {
				opacity: 1;}

	/* primary menu top border on hover */

		.mp_s_main_header .et_pb_menu .et_pb_menu__menu>nav>ul {
			align-items: center;}

		.mp_s_main_header .et_pb_menu:not(.mp_menu_donate) .et_pb_menu__menu>nav>ul>li> a {
			display: inline-block;
			position: relative;
			padding-top: 1px;
			padding-bottom: 20px!important;}

		.mp_s_main_header .et_pb_menu .et_pb_menu__menu>nav>ul>li:not(:last-child)> a:before {
			content: '';
			display: block;
			margin: auto;
			margin-bottom: 14px;
			height: 3px;
			width: 0px;
			background: transparent;
			transition: width .5s ease, background-color .5s ease;}

		.mp_s_main_header .et_pb_menu .et_pb_menu__menu>nav>ul>li> a:after {
			top: 23px!important;}

		.mp_s_main_header .et_pb_menu .et_pb_menu__menu>nav>ul>li > a:hover:before, 
		.mp_s_main_header .et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item > a:before {
			width: 100%;
			background: #ffffff;}





	/* primary menu call to action button */

		li.mp_menu_donate a {
			font-weight: 500!important;
			background-color: #E79A4B;
			border-style: solid;
			border-width: 2px;
			border-color: #E79A4B00;
			border-radius: 3px;
			padding: 13px 16px!important;
			height: 42px;
			transition: all .3s ease;
			font-size: 17px!important;
			margin-top: -5px;}

			@media only screen and (max-width : 980px) {
				li.mp_menu_donate a {
					height: 48px;}}

		li.mp_menu_donate:hover a {
			background-color: #5CB1D6;
			transition: all .3s ease;
			box-shadow: 0px 2px 15px 0px rgb(233 244 251 / 50%);}

		li.mp_menu_donate a:hover {
			opacity: 1;}


	/* drop down menu */
			ul.sub-menu {
				padding: 0!important;
				border-top: 0px solid #000!important;
				box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 50%)!important;}

				@media only screen and (max-width : 980px) {
					ul.sub-menu {
						box-shadow: 0px 0px 0px 0px rgb(255 255 255 / 50%)!important;}}

		.nav li li {
			padding: 0 0px!important;}

		.nav li li:not(:last-child) {
			border-bottom: 1px solid #fff;}

		.nav li li a:hover {
			opacity: 1;
			background: #5CB1D6;}

		.et-menu li li a {
			padding: 10px 20px;
			width: 240px;}

		@media only screen and (max-width : 980px) {
			.et_mobile_menu li a {
				padding: 10px 2%;}
			
			.et_mobile_menu li li {
				padding-left: 2%;}}






/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*----------------[ 02 GLOBAL STYLES ]-----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/




		
	/* vertically align row using flex */
		@media only screen and (min-width : 981px) {
		.mp_row_vertical_align {
			display: flex;
			flex-direction: row;
			align-items: center;}}
			
	/* swap columns on mobile - add classes to row */
		@media all and (max-width: 980px) {
			.mp_r_column_swap {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;}
			.mp_r_column_swap:last-child .et_pb_column:last-child {
				margin-bottom: 30px!important;}

			/* custom classes that will designate the order of columns in the flex box row - add classes to columns */
				.first {
					-webkit-order: 1;
					order: 1;}
				.second {
					-webkit-order: 2;
					order: 2;}
				.third {
					-webkit-order: 3;
					order: 3;}
				.fourth {
					-webkit-order: 4;
					order: 4;}}	

	/*=================================*/
	/*=================================*/
	/* BUTTONS */

		/* inline buttons */
			.mp_r_inline_buttons .et_pb_button_module_wrapper {
				display: inline-block;
				margin: 10px 10px 0px 0px!important;}	

		/* inline buttons centered */
			.mp_column_inline_button_centered {
				display: flex;
				justify-content: center;}
			.mp_column_inline_button_centered .et_pb_button_module_wrapper {
				display: inline-block;
				margin: 10px 10px 0px 0px!important;}	



		/* GROW ON HOVER */
			.mp_m_grow {
				transition-duration: .3s;
				transition-property: transform!important;}
			.mp_m_grow:active,
			.mp_m_grow:focus,
			.mp_m_grow:hover{
				transform:scale(1.1)!important;}


		/* buttons s1 */

			a.mp_m_button_style_1.et_pb_bg_layout_light {
				background: #E79A4B;
				color: #fff;
				font-size: 18px;
				border-radius: 5px;
				border: 0px solid #000!important;}


			a.mp_m_button_style_1.et_pb_bg_layout_light:hover {
				background-color: transparent;
				background-image: linear-gradient(180deg, #61A7E1 30%, #1E5079 100%);
				color: #fff;
				font-size: 18px;
				border-radius: 5px;
				border: 0px solid #000!important;}


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




		/* buttons s2 */
			a.mp_m_button_style_2.et_pb_bg_layout_light {
				font-size: 16px;
				border: 4px solid #ffffff;}

			a.mp_m_button_style_2.et_pb_bg_layout_light:hover {
				background: #eee;
				font-size: 17px;
				color: #000;
				border: 0;
				border-radius: 0px;}
			a.mp_m_button_style_2:after {
				font-size: 28px;}

			@media only screen and (max-width : 980px) {
				a.mp_m_button_style_2.et_pb_bg_layout_light {
					font-size: 15px;
					padding: 11px 15px!important;}
				a.mp_m_button_style_2.et_pb_bg_layout_light:hover {
					font-size: 15px;
					padding: 11px 38px 11px 15px !important;}
				a.mp_m_button_style_2:after {
					font-size: 26px;}}


		/* general buttons */
			.et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, 
			.comment-reply-link, .form-submit .et_pb_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, 
			.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, 
			.woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, 
			.woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, 
			.woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .et_pb_contact p input[type="checkbox"]:checked+label i:before, 
			.et_pb_bg_layout_light.et_pb_module.et_pb_button {
				color: #fff!important;}	


/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*----------------[ 03 HERO SECTIONS ]-----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/




/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*---------------[ SECTIONS & MODULES ]----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/




	/*==================================*/
	/*==================================*/
	/* SECTION - SPLIT SECTION S1 RIGHT CONTENT */

		@media only screen and (min-width : 981px) {
			.mp_s_split_s1_right {
				padding: 0px!important;}
			.mp_s_split_s1_right .et_pb_row {
				padding: 0px;
				width:100%;
				max-width: 100%;}
			.mp_s_split_s1_right .et_pb_row .col1 {
				width:50%!important;
				margin-right: 0;}
			.mp_s_split_s1_right .et_pb_row .col2 {
				padding-top: 100px;
				padding-bottom: 100px;
				padding-left: 30px;
				width: 50%;}
			.mp_s_split_s1_right .et_pb_module {
				max-width:90%;}}


	/*==================================*/
	/*==================================*/
	/* SECTION - SPLIT SECTION S1 LEFT CONTENT */

		@media only screen and (min-width : 981px) {
			.mp_s_split_s1_left {
				padding: 0px!important;}
			.mp_s_split_s1_left .et_pb_row {
				padding: 0px;
				width:100%;
				max-width: 100%;}
			.mp_s_split_s1_left .et_pb_row .col1 {
				padding-top: 100px;
				padding-bottom: 100px;
				padding-left: 30px;
				padding-right: 0px;
				margin-right: 0px!important;
				width: 50%;}
			.mp_s_split_s1_left .et_pb_row .col2 {
				width:50%!important;
				margin-right: 0;}		
			.mp_s_split_s1_left .et_pb_module {
				max-width:90%;}}




	/*=================================*/
	/*=================================*/
	/* SECTION - FULLWIDTH MAP USING CODE MODULE */

		.mp_s_fullwidth_map .et_pb_row {
			padding: 0px!important;}
		.mp_s_fullwidth_map .et_pb_code {
			line-height: 0px!important;}

	
	/*==================================*/
	/*==================================*/
	/* MODULE - BLOG GRID S1 */

		/* grid */
			.mp_m_blog_s1 .et_pb_post {
				border: 0px solid #000!important;
				box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.35);
				transition: all 0.3s ease-in-out;}
			.mp_m_blog_s1 .et_pb_post:hover {
				box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.6)!important;
				transition: all 0.3s ease-in-out;}
		/* image */
			.mp_m_blog_s1 .et_pb_image_container {
				overflow:hidden;}
			.mp_m_blog_s1 .et_pb_post .et_pb_image_container img {
				transition: all 0.3s ease-in-out;
				transform: scale(1);
				filter: brightness(100%);}
			.mp_m_blog_s1 .et_pb_post .et_pb_image_container .entry-featured-image-url {
				margin-bottom: 0px;}
			.mp_m_blog_s1 .et_pb_post:hover .et_pb_image_container img {
				transition: all 0.3s ease-in-out;
				transform: scale(1.03);
				filter: brightness(75%);}
		/* content*/ 
			.mp_m_blog_s1 h2.entry-title {
				font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
				font-size: 20px !important;
				line-height: 120%;
				font-weight: 700!important;}
			.mp_m_blog_s1 .et_pb_post:hover h2.entry-title {
				color: #6C6C6C!important;
				transition: 0.3s;}
			.mp_m_blog_s1 .post-content p {
				font-style: italic;
				color: #6d6d6d;
				font-size: 16px!important;
				line-height: 1.5em;
				padding-bottom: 20px;}
			.mp_m_blog_s1 a.more-link {
				font-size: 14px;
				font-weight: 700;
				text-transform: uppercase;
				transition: 0.3s;}
			.mp_m_blog_s1 .et_pb_post:hover a.more-link {
				color: #0F9BD0!important;
				transition: 0.3s;}


	
	
	
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*----------------------[ BLOG ]-----------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

	/*==================================*/
	/*==================================*/
	/* PAGE - MAIN BLOG */

		/* blog posts */
			/*.mp_m_blog_main .et_pb_post a img {
				border: 19px solid #FFF;
				box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
				transition: all .3s ease;}

			.mp_m_blog_main .et_pb_post:hover a img {
				border: 19px solid #FFF;
				box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
				transition: all .3s ease;}

			.mp_m_blog_main h2.entry-title {
				font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
				font-size: 26px !important;
				letter-spacing: -1px;
				line-height: 120%;
				font-weight: 700!important;
				color: #b3b3b3;
				transition: all .3s ease;}

			.mp_m_blog_main .et_pb_post:hover h2.entry-title {
				color: #000;
				transition: all .3s ease;}

			.mp_m_blog_main .post-meta,
			.mp_m_blog_main .post-meta a {
				color: #000!important;
				transition: all .3s ease;}

			.mp_m_blog_main .et_pb_post:hover .post-meta,
			.mp_m_blog_main .et_pb_post:hover .post-meta a {
				color: #b3b3b3!important;
				transition: all .3s ease;}*/

		/* read more button */
		/*	a.more-link {
				border: 0px solid;
				border-radius: 2px;
				display: inline-block!important;
				margin-top: 10px;
				padding: 3px 10px;
				background: #b3b3b3;
				color: #fff;
				font-size: 15px;
				float: right;
				transition: 0.5s;}

			a.more-link:hover {
				background: #000;
				transition: 0.5s;}*/

		/* sidebar */
			/*h4.widgettitle {
				font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif;
				font-size: 21px !important;
				letter-spacing: -1px;
				line-height: 120%;
				font-weight: 700!important;
				color: #000;}

			.et_pb_widget ul li {
				font-size: 16px;
				line-height: 1.4em;
				margin-bottom: 10px;
				padding-left: 3px;
				transition: 0.5s;}

			.et_pb_widget ul li a:hover {
				color: #000;
				transition: 0.5s;}*/


	/*==================================*/
	/*==================================*/
	/* THEME BUILDER - ARCHIVE & SEARCH RESULTS */

		/*.mp_m_post_title .et_pb_title_featured_container {
			padding-bottom: 15px;}

		.mp_m_post_title .et_pb_image_wrap {
			border: 19px solid #FFF;
			box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
			transition: all .3s ease;}

		.mp_m_post_title .et_pb_image_wrap:hover {
			border: 19px solid #FFF;
			box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
			transition: all .3s ease;}

		.mp_m_post_title a.et_pb_title_meta_container,
		.mp_m_post_title p.et_pb_title_meta_container {
			font-size: 15px!important;}*/

	

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*---------------------[ FOOTER ]----------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

	/*==================================*/
	/*==================================*/
	/* THEME BUILDER - MAIN FOOTER */






/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*------[ADD YOUR CUSTOMIZATION BELOW THIS LINE]-------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/


.am_m_blog_sidebar .entry-featured-image-url {
	margin-bottom: 12px !important;
}
.am_m_blog_sidebar .entry-title {
	padding-bottom: 2px !important;
}


.am_m_blog_post_sidebar .entry-featured-image-url {
	margin-bottom: 2px !important;
}
.am_m_blog_post_sidebar .entry-title {
	padding-bottom: 2px !important;
}

.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}