/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/

:root{
	--page_left_right_padding: 40px; /* this var is used for the padding of the page wrapper*/
	--page_left_right_padding_negative: -40px; /* this should be the negative of the number above*/
	--page_left_right_padding_doubled: 80px; /* this should be twice the value of the first var */
	--main_bg_color: #C5C5C5;
}

#Top_bar .menu li ul {
	display: none !important;
}



/*#Header{
	background-color: red !important;
	position: fixed !important;
}*/

#Content{
	/*background-color: var(--main_bg_color);
	height: 100vh !important;*/
}

/* modify the logo and main nav positioning */
#Top_bar .menu > li > a {
	padding: 0px 0 0 0 !important;
}
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
	padding: 20px !important;
}

#Header_wrapper, #Intro {
    background-color: transparent !important;
}


#Top_bar .menu_wrapper {
    float: right !important;
	margin-right: 30px !important;
}

/* jason's main subpage wrapper. this should go on all subpages to keep uniformed */
#MainContent{
	padding: 0 var(--page_left_right_padding) !important;
}

#headerExtraMenu{
	padding: 0 var(--page_left_right_padding) !important;
	z-index: 100;
	position: absolute;
	top: 120px;
	left: 0px;
}
#Top_bar .logo{
	margin-left: var(--page_left_right_padding) !important;
	
}
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
	padding-left: 0 !important;
}

#Top_bar.is-sticky{
	/*height: 200px !important;*/
	overflow: hidden;
}

#Footer .container{
	max-width: none !important;
	padding: 0 var(--page_left_right_padding) !important;
	background-color: var(--main_bg_color);
}


#projectGroupList{
	list-style: none;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 400px;
	z-index: 999999999;
}

#projectGroupList li a, #projectGroupList li div.groupBtn{
	color: #808080 !important;
	font-size: 20px;
	line-height: 30px !important;
	font-family: "Cormorant Garamond",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	cursor: pointer;
	padding-top: 0 !important;
	margin: 0 !important;
}
#projectGroupList li a:hover, #projectGroupList li div.groupBtn:hover{
	color: #292929 !important;
	text-decoration: none;
}

.firmCopy{
	background-color: var(--main_bg_color);
	padding: 80px 30px 30px 30px;
}

.mfn-footer .footer_copy {
	border: 0px !important;
}




@media only screen and (max-width: 768px) {
	
	#MainContent{
		padding: 0 10px !important;
	}
	#Footer .container{
		padding: 0 10px !important;
	}
	#headerExtraMenu{
		padding: 0 10px !important;
	}
	#Top_bar .logo{
		margin-left: 10px !important;

	}
	/* keep logo at the top in mobile */
	#logo{
		z-index: 10000000 !important;
		position: relative !important;
	}
	
	.firmPartTwo{
		padding-top: 0px !important;
	}

}