:root{
	--color-white-a: #e2e2e2;
	--color-white-f7: #f7f7f7;
	--color-green-old: #069692;
	--color-green-a: #026863;
	--color-orange-text: #fc7e47;
	--color-orange-button: #bf3e0d;
	--color-black: #000;
	--color-loginLabel: #565656;
	--color-text-main: #151515;
}

.color_content_bg{
	background-color: var(--bgcolor-white-0) !important;
	color: var(--color-text-main) !important;
}

.color_menu_bg{
	background-color: var(--bgcolor-white-0) !important;
}

.section_posts{
	color: var(--color-text-main) !important;
	font-family: var(--gfFontFamily) !important;
}

.ui-selectmenu-text{
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	padding: 0.3em 0 !important;
   top: 50%;
   position: absolute;
	left: 0.4em;
   transform: translateY(-50%);
	width: 90%;
}
.mx-submit-button{
   width: 215px !important;
   margin: 0 auto;
	text-align: center;
	font-weight: 300;
	background-color: transparent !important;
	text-transform: uppercase;
	color: var(--color-orange-button) !important;
	border: 1px solid var(--color-orange-button) !important;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: var(--anyBorderRadius) !important;
	cursor: pointer;
	box-shadow: none !important;
}
.mx-submit-cancel-button{
	width: 215px !important;
   margin: 0 auto;
	text-align: center;
}

.mx-login-hint{
	text-align: left; 
	color:var(--color-green-a);
}

#topnav,
#topnav ul,
#topnav li,
#topnav a,
#topnav al{
	color: var(--color-nav) !important;
}
#topnav > ul > li > a,
#topnav > ul > li > al,
#topnav ul li > ul li a{
	font-weight: 300;
	text-transform: uppercase;
}
#topnav ul li.has-sub:hover > ul,
#topnav ul li.has-sub:hover > div{
	background-color: var(--bgcolor-white-0);
	border-top: 5px solid transparent !important;
	border-bottom-right-radius: var(--anyBorderRadius);
	border-bottom-left-radius: var(--anyBorderRadius);
	box-shadow: 3px 4px 16px 0px rgba(6, 150, 146, 0.25);
   top: 3em;
   left: 50%;
   transform: translateX(-50%);
   font-size: 0.8em;
}
#topnav ul li.has-sub:hover > ul li a{
	border-bottom: 2px dashed transparent !important;
	color: var(--color-nav) !important;
	padding: 1em 0;
	margin: 0 2em;
	text-align: center;
}
#topnav ul li.has-sub:hover > ul li a:hover{
	border-bottom: 2px dashed var(--headerNavHoverUnderline) !important;
}
#topnav .menu-item-type-custom{
	display: block !important; 
}

#topnav .menu-description {
	font-size: 1.2vw;
	font-weight: 300;
	text-transform: none;
	color: var(--color-white-a);
}

#topnav ul li.active > a {
	font-weight: 300 !important;
	border-bottom: 5px solid var(--headerNavHoverUnderline) !important;
}
#header #header-nav{
	border-bottom: var(--headerNavBorder);
	box-shadow: var(--headerNavBorderShadow);
}

#header{
	position: relative !important;
	margin-bottom: 10vh;
}
@media screen and (max-height: 600px) {
	#header{
		margin-bottom: 0;
	}
}

textarea,
input {
	color: var(--color-text-main) !important;
	border: none;
	border-radius: var(--anyBorderRadius);
	box-shadow: var(--checkboxBoxShadow);
}

input[type=submit] {
	font-weight: 300;
	background-color: var(--color-orange-button);
	color: var(--color-white-a);
	border-radius: 10px;
}

input.valid,
input.error {
	border-color: var(--color-green-a) !important;
}
.mx-placeholder{
	color: var(--color-placeholder) !important;
	opacity: 0.4 !important;
	font-weight: 400 !important;
}
.ui-widget-header .ui-state-active, 
.ui-widget-content,
.mx-select-drop{
	color: var(--color-text-main) !important;
	border: 1px solid var(--defaultInputBorderColor);
	box-shadow: var(--checkboxBoxShadow);
	font-size: 1.3em;
	padding-left: 0 !important;
	line-height: normal;
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.mx-select{
	color: var--color-text-main) !important;
	border: 1px solid var(--defaultInputBorderColor);
	box-shadow: var(--checkboxBoxShadow);
	padding-left: 8px;
	font-weight: 300;
}


.mx-row{
	padding: 1em 0;
}
.mx-label-font,
.mx-label{
	font-size: 1.3em;
	font-weight: 300;
	color: var(--color-dark-green-70);
}

.mx-centered-text{
	width: 100%;
	display: block;
	margin: 2em 0;
	text-align: center;
}


.mxlogin-body{
	font-size: 1em !important;
	overflow-x: hidden;
}
.mxlogin-body .mxlogin-form{
	width: 50%;
	margin: 0 auto;
}
.mxlogin-body .mxlogin-form input[type=submit]{
	font-family: var(--gfFontFamily);
   width: 215px !important;
   min-width: 215px !important;
   margin: 0 auto;
}
.mxlogin-body .mxlogin-form p{
	padding: 0;
}

.mxlogin-body .mxlogin-messages{
	color: var(--color-orange-text);
	text-align: center;
	width: 100%;
	font-size: 1em !important;
	font-weight: 400;
	padding-top: 1em;
}

.mxlogin-body .mxlogin-password-recovery a{
   text-align: center;
   display: block;
   color: var(--color-dark-green-70);
   text-decoration: none;
   margin: 1em auto;
}

#newuser,
#loginform{
	margin: 0 auto;
	display: block;
	width: 100%;
}

#newuser label,
#loginform label {
	color: var(--color-green-a);
	display: block;
	padding: 1em 0;
}
#newuser input,
#loginform input{
	display: block;
	width: 100%;
	min-width: 100%;
	padding: 0.6em 0 0.6em 10px;
	border: 1px solid var(--defaultInputBorderColor);
}
#loginform .login-remember{
	position: relative;
}
#loginform .login-remember label{
	position: relative;
}
#newuser .login-remember label input,
#loginform .login-remember label input{
	position: relative;
	display: inline-block;
	width: fit-content;
	margin-right: 0.5em;
	min-width: unset;
	font-size: 23px;
	box-shadow: var(--checkboxBoxShadow);
}

@media screen and (max-width: 1000px) {
	#topnav > ul > li > a,
	#topnav > ul > li > al,
	#topnav ul li > ul li a{
		font-size: 1em;
	}
}
@media screen and (max-width: 800px) {
	
	.post-7{
		font-size: 3vw;
	}
	.mxlogin-body .mxlogin-form{
		width: 90%;
		margin: 0 auto;
	}
	.wide-section .text-area{
		padding: 0 1em;
	}
	.wide-section .text-area h1{
		white-space: normal;
		font-size: 4.3vw;
	}
	.wide-section .text-area h2{
		white-space: normal;
		font-size: 4.1vw;
	}
	.wide-section .text-area h3{
		white-space: normal;
		font-size: 3.8vw;
	}
	.wide-section .text-area p{ 
		font-size: 3.4vw;
	}
	
	#header{
		height: var(--nav-height) !important;
		margin-bottom: 0;
	}
	
	.mxlogin-body .mx-social-buttons li button{
		font-size: 5.5vw !important;
		font-weight: 400;
	}
	
	#loginform .login-remember label input{
		position: absolute;
		top: 50%;
		left: 48%;
		transform: translateY(-50%);
	}
	#loginform label {
		padding: 0.5em 0 !important;
	}
	.mx-login-hint{
		font-size: 0.8em;
	}
}