/*======================================
Theme Name: FFMC
Theme URI: https://divicake.com/
Description: This is a child theme of Divi for FFMC
Version: 1.0
Author: 6P Marketing
Author URI: http://6pmarketing.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
#overlay {
	 z-index: 6;
    position: absolute;
    height: 300px;
    top: 0;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient( 
180deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0) 100%, rgba(0,212,255,1) 100%);	
}

.et_pb_search { width: 75% !important; margin: 0 auto !important; border-radius: 0px !important; }
.et_pb_searchsubmit { 
	background-color: white !important;
	border: 1px solid #333f7f !important;
	color: #333f7f !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	padding: 0px 40px !important;
	transition: all 0.3s;
}
.et_pb_searchsubmit:hover {
	background-color: #f3f2f7 !important;
}
.et_pb_s { height: 48px !important; }
/* General Styles */
.et_pb_text_inner a { font-weight: 500 !important; }
.et_pb_accordion a { font-weight: 500 !important; }
.el-dbe-blog-extra .et-waypoint:not(.et_pb_counters) { opacity: 1 !important; }
/* Navigation */
@media screen and (min-width: 980px) {
	#top-menu li a { text-align: center !important; line-height: 1.1em; }  
	#et-top-navigation { 
		float: none !important;
		display: flex; 
		justify-content: center;
		padding-left: 0px !important;
	}
	#top-menu-nav {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	#top-menu { 
		display: flex;
		justify-content: space-between;
		width: 60%;
	}
	#top-menu a { font-weight: 500 !important; }
	#logo { width: auto !important; }
}
#mobile_menu { background-color: rgba(51,63,127,0.89) !important; }

/* Homepage full width sliders */
.fifty-split > div > div { width: 50% !important; margin-right: 0% !important; }
.et-pb-controllers a { width: 10px !important; height: 10px !important; }
.et_pb_slides > .et_pb_slide { padding: 0 !important; }
.et_pb_slide > .et_pb_container > .et_pb_slider_container_inner > .et_pb_slide_image { margin-top: 0px !important; }
.et_pb_slide_image > img { max-height: 100% !important; }

/* Blog Grid */
@media screen and (min-width: 981px) {
	.et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide) {
		width: calc(50% - 40px) !important;
		margin: 20px !important;
	}
	div.el-dbe-blog-extra { justify-content: center; }
}
.et_pb_post_extra .entry-title { font-size: 18px; text-align: center; }
.post-content > div.post-data { text-align: center; }
p.el-read-more-link { text-align: center;  }
p.el-read-more-link > a { border: 1px solid #333f7f !important; padding: 8px 60px !important; transition: all 0.3s; }
p.el-read-more-link > a:hover { background-color: #f3f2f7 !important; }
.searchandfilter input { height: 50px; padding: 5px 10px; width: 100%; box-shadow: inset 0px 2px 18px 0px rgba(0,0,0,0.3) !important; color: #333f7f; font-size: 18px; text-transform: uppercase; border: none !important; font-weight: 500 !important; }
.searchandfilter select { height: 50px; padding: 5px 10px; width: 100%; box-shadow: inset 0px 2px 18px 0px rgba(0,0,0,0.3) !important; color: #333f7f; font-size: 18px; text-transform: uppercase; border: none !important; font-weight: 500 !important; }
.searchandfilter input[type="submit"] { box-shadow: none !important; border: 1px solid #333f7f !important; background-color: rgba(255,255,255,0) !important; transition: all 0.3s; }
.searchandfilter input[type="submit"]:hover { background-color: #f3f2f7 !important; cursor: pointer; }
.searchandfilter ul { width: 100%; display: flex; justify-content: center; padding: 5px; }
.searchandfilter li { width: 25%; margin: 0px 10px; }

.wp-block-file__button { border: 1px solid #333f7f !important; padding: 8px 60px !important; transition: all 0.3s; background-color: rgba(255,255,255,0) !important; color: #333f7f !important; border-radius: 0px !important; font-size: 18px !important; }
.wp-block-file__button:hover { background-color: #f3f2f7 !important; }
.et_pb_sidebar_0_tb_body { border: none !important; padding-right: none !important; }


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

/* Form */
.gform_button { color: #333f7f; border: 1px solid #333f7f; padding: 8px 60px; background-color: white; text-transform: uppercase; font-size: 16px; transition: all 0.3s; }
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: 0px !important; }
.gform_button:hover { background-color: #f3f2f7; cursor: pointer; }

@media screen and (max-width: 500px) {
	#post-27 div.et_pb_section.et_pb_section_0 { background-size: contain !important; }
	.et_pb_section .et_pb_row { width: 90% !important; }
	.et_pb_column .et_pb_image { margin: 0 auto !important; }
	.et_pb_row_0 h1 { font-size: 40px !important; }
	#top-header { display: block !important; }
	#et-secondary-menu { display: block !important; }
	#et-secondary-nav { display: block !important; text-align: right; padding-top: 10px; }
	#main-header { margin-top: 30px !important; }
	#post-254 .et_pb_row_1 { display: flex; flex-direction: column-reverse; }
	#post-81 .et_pb_row_1 { display: flex; flex-direction: column-reverse; }
	.et_pb_row { padding-top: 0px !important; }
	.et_pb_row .et_pb_column { padding: 20px 0px !important; }
	.et_pb_column_2_tb_footer .et_pb_text_inner { text-align: center !important; }
	.et_pb_section { padding: 20px 0px; }
	.et_pb_column_2_tb_footer  .et_pb_text_inner p { text-align: center !important; }
	.et_pb_column_1_tb_footer > .et_pb_code_0_tb_footer { margin-top: 0px !important; }
}

@media screen and (max-width: 768px) {
	#overlay { display: none !important; }
	#mobile_menu .menu-item-74-fr { display: none !important; }
	#mobile_menu .menu-item-74-en { display: none !important; }
	.et_mobile_menu li a { padding: 5px 5% !important; }
	#post-27 div.et_pb_section.et_pb_section_0 { background-size: cover; padding-top: 0px !important; }
	#post-27 .et_pb_section_3 .et_pb_row_3 { display: flex;	flex-direction: column-reverse; }
	.fifty-split > div > div { width: 100% !important; }
	.et_pb_image_0 { text-align: center !important; margin-right: auto !important; margin-left: auto !important; }
	.et_pb_image_1 { text-align: center !important; margin-right: auto !important; margin-left: auto !important; }
	.et_pb_image_2 { text-align: center !important; margin-right: auto !important; margin-left: auto !important; }
	.et_pb_text_0_tb_footer > div { text-align: center !important; }
	.et_pb_text_2_tb_footer > div { text-align: center !important; }
	.et_pb_image_2, .et_pb_image_7, .et_pb_image_6, .et_pb_image_5, .et_pb_image_4, .et_pb_image_3, .et_pb_image_8, .et_pb_image_0, .et_pb_image_1, .et_pb_image_13, .et_pb_image_23, .et_pb_image_21, .et_pb_image_11, .et_pb_image_12, .et_pb_image_16, .et_pb_image_22, .et_pb_image_9, .et_pb_image_19, .et_pb_image_20, .et_pb_image_24, .et_pb_image_14, .et_pb_image_17, .et_pb_image_18, .et_pb_image_10, .et_pb_image_15 {
		text-align: center !important;
	}
	.et-waypoint:not(.et_pb_counters) { opacity: 1 !important;}
	p.el-read-more-link > a { padding: 8px 50px !important; }
	.et_pb_post_extra.el_dbe_block_extended.et_pb_no_thumb .post-content { padding: 10px 20px !important; }
}