/* Add here all your CSS customizations */

@font-face {
	font-family: 'DINNextLT';
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Regular.eot'); /* IE9 Compat Modes */
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: 'DINNextLTLight';
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Light.eot'); /* IE9 Compat Modes */
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Light.woff2') format('woff2'), /* Super Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Light.woff') format('woff'), /* Pretty Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: 'DINNextLTMedium';
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Medium.eot'); /* IE9 Compat Modes */
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: 'DINNextLTBold';
	font-weight: bold;
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Bold.eot'); /* IE9 Compat Modes */
	src: url('/Data/skins/porto/css/fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
		url('/Data/skins/porto/css/fonts/DINNextLTPro-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: 'FontAwesome5';
	src: url('/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-solid-900.eot');
	src: url('/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-solid-900.eot?#iefix') format("embedded-opentype"),
		url('/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-solid-900.woff2') format("woff2"),
		url('/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-solid-900.woff') format("woff"),
		url('/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-solid-900.ttf') format("truetype"),
		url('/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome') format("svg")
}
@font-face {
	font-family: "FontAwesome5Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-brands-400.eot);
	src: url(/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
		url(/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-brands-400.woff2) format("woff2"),
		url(/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-brands-400.woff) format("woff"),
		url(/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-brands-400.ttf) format("truetype"),
		url(/Data/skins/porto/vendor/fontawesome-free/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

body {
	font-family: "DINNextLTLight", Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	text-align: left;
	letter-spacing: 0.5px;
	opacity: 1;
}

.main > .container {
	padding-bottom: 30px;
}

h1, h2, h3, h4, h5, h6, p {color: #333333; opacity: 1; text-transform: none;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 16px;}
h1 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 45px; line-height: 50px; letter-spacing: 1.13px; opacity: 1;}
h2 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 32px; line-height: 38px; letter-spacing: 0.8px;}
h3 {font-family: "DINNextLTLight", Arial, sans-serif; font-size: 32px; line-height: 38px; letter-spacing: 0.8px;}
h4 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 24px; line-height: 29px; letter-spacing: 0.6px; }
h5 {font-family: "DINNextLTLight", Arial, sans-serif; font-size: 24px; line-height: 29px; letter-spacing: 0.6px; }
h6 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 0.5px; }
small,.small {font-size: 16px; line-height: 16px; letter-spacing: 0.4px;}

a {font-family: "DINNextLTBold", Arial, sans-serif;}
	.administration a:not(.far) {font-family: "DINNextLTLight", Arial, sans-serif;}
.font-weight-bold {font-family: "DINNextLTBold", Arial, sans-serif;}
.font-weight-normal {font-family: "DINNextLTMedium", Arial, sans-serif;}
.font-weight-light {font-family: "DINNextLTLight", Arial, sans-serif;}

.bg-color-grey {background-color: #eeeeee!important;}
.card {border: none!important;}
select.form-control-lg.bg-color-grey {
	height: calc(1.5em + 1rem + 2px) !important;
	background: url(/Data/skins/porto/img/select-icon.svg) no-repeat #ddd;
	background-size: 24px 24px;
	background-position: right 5px center;
	-webkit-appearance: none; /* Safari and Chrome */
	-moz-appearance: none; /* Firefox */
	appearance: none;
}

.search-overlay {
	position: fixed; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8); /* Black background with opacity */
	z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
}

ul.ebc, .annex-overview ul {
	list-style: none;
	padding: 0;
}
ul.ebc li, .annex-overview ul li {
	overflow: visible;
	margin-bottom: 10px;
	padding-left: 32px;
	position: relative;
}
ul.ebc li:before, .annex-overview ul li:before {
	content: '\2014';
	font-family: "DINNextLTBold", Arial, sans-serif;
	left: 0;
	position: absolute;
	color: #D58636;
}

footer .footer-main {background-color: #eeeeee!important; padding: 60px 0 40px;}
	body.home footer .footer-main {background-color: unset!important; padding: 40px 0 20px;}
footer ul.list-unstyled li {margin-bottom: 10px;}
	footer ul.list-unstyled.list-wide li {margin-bottom: 32px;}
	footer ul.list-unstyled.list-wide li a:hover {text-decoration: none;}

.btn:not(.btn-rounded) {border-radius: 0!important;}
.btn-ebc {font-size: 1em; text-align: left; text-transform: uppercase; border-bottom: 3px solid #D58636; border-radius: 0!important; position: relative;}
	.btn-ebc:not(.btn-top):after {content: '\f061'; font-family: "FontAwesome5",FontAwesome; font-weight: normal; margin-left: 15px;}
	.btn-ebc.btn-twitter:after {content: '\f099'; font-family: "FontAwesome5Brands",FontAwesome;}
	.btn-ebc.btn-block:after {position: absolute; right: 16px;}
	.btn-ebc:hover {color: white; background-color: #D58636;}
.btn-ebc.btn-ebc-secondary {color: #0044ff; font-size: 1em; text-align: left; text-transform: uppercase; border-bottom: none; position: relative;}
	.btn-ebc.btn-ebc-secondary:hover {color: #0034c4; background-color: transparent;}
	.btn-ebc:not(.btn-top).btn-square:after {margin-left: 0;}
.btn-bottom {position: absolute; bottom: 0;}

.border-ebc {border-bottom: 15px solid #D58636;}

.image-left {float: left; margin: 0 15px 15px 0;}
.image-right {float: right; margin: 0 0 15px 15px;}
.image-center {margin: 0 auto; text-align: center;}

.header-logo {max-width: 250px;}
	img.sitelogo {max-height: 80px; height: 80px!important; max-width: unset;}
		.sticky-header-active .sitelogo {max-height: 64px;}

.form-control.text-dark::placeholder {color: #333333;}

.publications-news {list-style: none; margin: 0; padding: 0;}
	.publications-news li {list-style: none; margin: 0; padding: 15px 0; border-top: 1px solid #cccccc;}
	.publications-news li:last-child {border-bottom: 1px solid #cccccc;}

/* Menu Customizations */
#header .header-nav-main nav > ul > li a {font-family: "DINNextLTMedium", Arial, sans-serif; font-size: 20px; font-weight: normal; text-transform: none;}
#header .header-nav-main nav > ul ul > li > a {font-size: 16px;}
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color: #D58636;}
	#header .header-nav.header-nav-links nav > ul li:hover > a,#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {color: #333333;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top: none;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #D58636; font-size: 16px; border-bottom: none; padding: 3px 10px;}
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover,#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active {color: #333333; background-color: transparent;}
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {content: '\f061'; font-size: 0.98rem;}
.dropdown-menu {background-color: #eeeeee;}
.dropdown-menu li a {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
	.dropdown-menu li a:hover {text-decoration: none;}
.dropdown-toggle > i.fas.fa-chevron-down {display: none;}
.dropdown-toggle::after {border: none;}
.dropdown-toggle.dropdown-submenu::after {display: none;}
@media (max-width: 991px) {
	#header .header-nav-main nav > ul ul ul > li > a {font-family: "DINNextLTLight", Arial, sans-serif;}
	#header .header-nav-main:before {background: #eeeeee;}
		#header .header-nav-main nav > ul li {border: none;}
		#header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down {font-size: 0.98rem;}
			#header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down:before {content: '\f067';}
			#header .header-nav-main nav > ul li.open a.dropdown-toggle .fa-chevron-down:before {content: '\f068';}
		#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li a.active,
		#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li a.active:focus,
		#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li a.active:hover {background: transparent; color: #D58636!important;}
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down {font-size: 16px;}
		#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down:before {content: '\f067';}
		#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.open > a .fa-chevron-down:before {content: '\f068';}
	.dropdown-toggle::after {display: none;}
}

/* Breadcrumb */
.breadcrumb {display: block;}
	.breadcrumb a {font-family: "DINNextLTLight", Arial, sans-serif;}
	.breadcrumb a.active {color: #333333;}
	.breadcrumb > li + li:before {content: '/'}
.breadcrumb.admin-crumb {margin-top: -25px; margin-bottom: 20px!important; padding: 5px 10px;}
.breadcrumb.admin-crumb > li {
	display: inline-block;
	color: black;
	font-size: 0.8em;
	text-transform: uppercase;
	text-shadow: none;
}
	.breadcrumb.admin-crumb > li + li:before {
		color: inherit;
		opacity: 0.5;
		font-family: "FontAwesome5",FontAwesome;
		font-weight: 900;
		content: "\f105";
		padding: 0 7px 0 5px;
	}
	.breadcrumb.admin-crumb a {color: #333333;}

/* Side Menu */
ul.sidemenu {list-style: none; margin: 0; padding: 0;}
ul.sidemenu li {margin: 0 0 10px; padding: 0;}
ul.sidemenu li a {display: block;}
ul.sidemenu li a.active {color: #333333;}
	ul.sidemenu ul {margin-top: 10px; padding-left: 20px; list-style: none;}
		ul.sidemenu ul li {}
	ul.sidemenu ul li a {font-family: "DINNextLTLight", Arial, sans-serif; font-size: 0.8em;}
	ul.sidemenu ul li a.active {color: #333333;}
ul.sidemenu li a.parent:after {content: '\f067'; font-family: "FontAwesome5",FontAwesome; font-weight: normal; position: absolute; right: 30px;}
	ul.sidemenu li a.parent.active:after {content: '\f068';}

/* Page Header Adjustment */
.page-header {margin-top: -1px;}
.page-header.page-header-modern.page-header-md {padding: 35px 0;}
	.about .page-header {
		background-image: -webkit-linear-gradient(transparent 60px,white);
		background-image: linear-gradient(transparent 60px,white);
	}

/* Site Map */
.sitemap > ul {list-style: none; padding-left: 0;}
	.sitemap > ul > li {margin-bottom: 15px;}
	.sitemap > ul ul > li a {font-family: "DINNextLTLight", Arial, sans-serif; font-weight: normal;}

/* Footer Menu */
#footer .list-icons i {margin-left: -18px;}

/* ColorBox */
#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
	background-image: url(../../../../../Data/skins/framework/img/colorbox/controls.png);
}

/* Alerts */
.alert p:last-child {margin-bottom: 0;}

/* Resources */
.resources .featured-box {position: relative; width: 100%; margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.06) !important;}
	.resources .featured-box:after {
		content: "";
		display: block;
		padding-bottom: 100%;
	}
	.resources .featured-box:hover {border-color: #1273BA!important; background-color: #f7f7f7;}
	.resources .featured-box .box-content {
		position: absolute;
		width: 100%;
		border-top: none !important;
	}
		.resources .featured-box .box-content .featured-image {width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; overflow: hidden}
			.resources .featured-box .box-content .featured-image img {flex-shrink: 0; min-width: 100%; min-height: 100%;}
@media (max-width: 1439px) and (min-width: 1200px) {
	.resources .featured-box .box-content .featured-image {height: 65%;}
	.resources .featured-box .box-content h4 {font-size: 90%!important;}
}
@media (max-width: 576px) {
	.resources .featured-box .box-content .featured-image {height: 65%;}
}

/* Member Companies */
.logo-box {position: relative; width: 100%; border: 1px solid #f0f0f0;}
	.logo-box:hover {background-color: #f7f7f7;}
	.logo-box:after {
		content: "";
		display: block;
		padding-bottom: 100%;
	}
	.logo-box-inner {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 15px;
	}

/* Member Logos */
#member-logos {
	margin: 0;
	padding: 0;
}

	#member-logos ul {
		margin: 0;
		padding: 0;
	}

	#member-logos li {
		list-style: none;
		float: left;
	}
		#member-logos li a {
			display: block;
			width: 225px;
			height: 140px;
			line-height: 128px;
			margin: 0 10px 10px 0;
			padding: 10px;
			border: 1px solid #e6e6e6;
			text-align: center;
			vertical-align: middle;
			overflow: hidden;
		}
		#member-logos li a:hover {border-color: #A0CD63;}
		#member-logos li img {vertical-align: middle; text-align: center;}

/* Sponsors */
.sponsor a {
	display: block;
	height: 140px;
	line-height: 128px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
	.sponsor a:hover {border-color: #A0CD63;}
		.sponsor a img {vertical-align: middle; text-align: center;}

.accordion .card-header a.link {display: inline; padding: unset;}

/* Job Bank */
.job-listing h3 {margin: 25px 0 15px;}

/* Blog */
article.blogitem {padding-bottom: 10px; border-bottom: 1px solid #DADADA;}
h2.blogtitle, header h2.moduletitle {margin-bottom: 0;}
.blogwrapper .subtitle, h3.subtitle {
	font-size: 1.6em;
	font-weight: 400;
	line-height: 24px;
	margin-top: -5px;
	margin-bottom: 20px;
	text-transform: unset;
}

figure.blog-post__featured-image-figure {float: right; max-height: 400px; overflow: hidden;}
	.blogviewpost figure.blog-post__featured-image-figure {max-height: unset; overflow: unset;}
figure.blog-post__featured-image-figure img {margin: 0 0 20px 20px; max-width: 400px;}
div.blogdate {clear: both; border-top: 1px solid #dadada;}
	div.blogdate .bdate {margin-left: 10px;}
	div.blogdate .bdate:before {margin-right: 0;}
.bsocial {margin-top: 10px;}
.bsocial .twitter-share-button {float: left; margin-right: 10px;}
.commentpanel {margin-top: 20px;}
.commentsclosed {font-style: italic;}
#ctl00_mainContent_BlogView1_pnlLayoutRow {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.blog-nav.card {flex: 1 1 auto; min-height: 1px; padding: 2rem;}
.pagination > li a:hover {text-decoration: none;}
.postlink.prevpost, .postlink.nextpost, ul.pagination a, ul.pagination li.active {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-color: #d9d9d9 #d9d9d9 #bfbfbf;
	color: #777;
	background-color: #FFF;
	border-radius: 0 !important;
}
	.postlink.prevpost:hover, .postlink.nextpost:hover {text-decoration: none;}
	.pagination > .disabled {padding: 5px 10px 0 0;}
	.pagination > .active > span,.pagination > .active > span:hover {background-color: unset!important; border-color: unset; font-weight: bold;}
.blognav li {font-size: 94%;}

/* Forms */
label.required:after,.required,.Required {color: red;}
.checkbox-custom {
	position: relative;
	padding: 0 0 0 25px;
	margin-bottom: 7px;
	margin-top: 0;
}
.checkbox-custom input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 3px;
    margin: -6px 0 0 0;
    z-index: 2;
    cursor: pointer;
}
.checkbox-custom label {
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.5;
}
.checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 19px;
    height: 18px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}
.checkbox-custom input[type="checkbox"]:checked + label:after {
    position: absolute;
    display: inline-block;
    font-family: "FontAwesome5",FontAwesome;
    font-weight: 900;
    content: '\F00C';
    top: 50%;
    left: 4px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #333;
}

/* Board */
.board {padding-bottom: 20px;}
.board .row {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dadada ;}
.board .row:last-child {border: none;}

/* Staff */
.staff-bio p:first-child {
	line-height: 28.8px;
	line-height: 1.8rem;
	letter-spacing: -.05em;
	font-size: 19.2px;
	font-size: 1.2rem;
}

@media (max-width: 991px) {
	.join-now {
		display: none;
	}
}

/* Country Bookmarks */
.CountryBookmarks {list-style: none; margin: 0; padding: 0;}
.CountryBookmarks li {list-style: none; display: inline-block; font-size: 16px;}
	.CountryBookmarks li:not(:last-child):after {
		content: '\2014';
		font-family: "DINNextLTBold", Arial, sans-serif;		
		padding: 0 10px;
	}

/*Shimmer Effect*/
.shimmer-overlay {
	position: absolute;
	width: 10%;
	height: 90%;
	top: 2%;
	left: 47%;
	background: transparent;
	background-image: linear-gradient(to bottom left, transparent 0%, white 20%, transparent 40%);
	background-repeat: no-repeat;
	background-size: 200% 200%;
	-webkit-animation-duration: 10s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: placeholderShimmer;
	-webkit-animation-timing-function: linear;
}
.shine {
	background: transparent;
	background-image: linear-gradient(to bottom left, transparent 0%, #808080 20%, transparent 40%, transparent 100%);
	background-repeat: no-repeat;
	background-size: 1000px 100%;
	display: inline-block;
	position: relative;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: placeholderShimmer;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes placeholderShimmer {
	0% {background-position: -800px bottom;}
	100% {background-position: 800px top;}
}

/*JQuery UI*/
/*.mojo-tabs .ui-tabs .ui-tabs-nav li {margin-bottom: -1px; padding-bottom: 1px;}*/
.mojo-tabs.ui-tabs .ui-tabs-nav {padding: .2em 0 0;}
.mojo-tabs.ui-widget.ui-widget-content {border: none;}
.mojo-tabs .ui-widget-header {border: none;}
.mojo-tabs .ui-tabs-panel {border: 1px solid #eee;}
.mojo-tabs .ui-widget-content a:hover {color: #A0CD63;}
.mojo-tabs .ui-tabs-active,.mojo-tabs .ui-tabs-tab {border-top: 3px solid #f7f7f7;}
.mojo-tabs .ui-tabs-active,.mojo-tabs .ui-tabs-tab:hover {border-top-color: #A0CD63;}
.ui-widget-content a:hover {color: #A0CD63;}

/* Mojo Adjustments */
.pagebody.administration:not(.pagelayout):not(.pagesettings):not(.featuresettings) .page-header.page-header-modern.page-header-md {padding: 0;}
.pagebody.administration:not(.pagelayout):not(.pagesettings):not(.featuresettings) .breadcrumb, .setting-section-title {
	background-color: #f7f7f7;
	margin-bottom: 0;
}
.settingrow.button-row,.settingrow.btn-row {margin: 15px 0;}
.settingrow.button-row .settinglabel {width: 0!important;}
.btn-group.pagelayout-buttons {margin-bottom: 15px;}
a.mhelp {display: none;} /*Hide Help Links*/


#header .header-btn-collapse-nav {
	color: #d58636;
	background-color: white;
	font-size: 2em;
}
@media (max-width: 576px) {
	body {font-size: 1.1em; line-height: 1.1em;}
	h1 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 32px; line-height: 38px; letter-spacing: 0.8px;}
	h2 {font-family: "DINNextLTLight", Arial, sans-serif; font-size: 32px; line-height: 38px; letter-spacing: 0.8px;}
	h3 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 24px; line-height: 29px; letter-spacing: 0.6px; }
	h4 {font-family: "DINNextLTLight", Arial, sans-serif; font-size: 24px; line-height: 29px; letter-spacing: 0.6px; }
	h5 {font-family: "DINNextLTBold", Arial, sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 0.5px; }
	.home-event:nth-child(n+4), .home-project:nth-child(n+4) {
		display: none;
	}
}

/* Events */
/* This class defines the styles for table headers in the  */
.TableHeader {
	color: white;
	background-color: #F07C21;
	font: bold 11px Verdana, tahoma, Arial;
	padding: 2px 6px 2px 6px;
	border: 1px solid white;
}

/* This class defines table backgrounds */
.List1 {
	color: #14314F;
	background-color: #C0C0C0;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type */
.List1bold, .List1bold td {
	color: #14314F;
	background-color: #C0C0C0 !important;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds */
.List2, .List2 p {
	color: #14314F;
	background-color: #E2E2E2;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type*/
.List2bold, .List2bold p {
	color: #14314F;
	background-color: #E2E2E2;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}
	.List1 p, .List1bold p, .List2 p, .List2bold p,
	.List1 ul, .List1bold ul, .List2 ul, .List2bold ul {
		font: normal 10px/14px Verdana,tahoma,Arial;
		margin: 0;
		border: 0;
	}

/* This class defines the styles for all generic buttons */
.InputSubmit1 {
	color: white;
	background-color: #F07C21;
	font: bold 10px Verdana, Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}
/* This class defines the styles for all buttons on the main admin display*/
.InputSubmit2 {
	color: black;
	background-color: white;
	font: bold 10px Verdana, Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all input boxes*/
.InputBox, .dataTables_length select, .dataTables_filter input[type="search"] {
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
	width: auto;
	height: auto;
	min-height: unset;
	padding: 3px;
}
	.InputBox:disabled {background-color: #f0f0f0;}

/* This class defines the styles for all text areas*/
.InputBoxTextArea {
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for main tables*/
.Table1 {
	border: 1px solid black;
	margin: 1px 0 10px 0;
	border-collapse: separate;
}
.Table2 {
	margin: -3px;
	border-collapse: separate;
}