/* IMPORTANT */
body, html {
	width: 100%;
	overflow-x: hidden !important; 
}
dl.article-info,
ul.fields-container,
div.icons {
	display: none !important;
}

.accordion-item h5 {
	padding: 16px 0px; 
	font-size: 
}

body {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 27px;
	letter-spacing: -0.2px;
	color: #4a4a4a;
}

.pointer,
.displayToggler { cursor: pointer; }

/* FONT STYLES 
======================================================== */

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 800;
	letter-spacing: 0px;	
	color: #4a4a4a;
}

h1, h2, h3 {  font-size: 32px; line-height: 40px; letter-spacing: -0.3px;}
h3 { font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.2px; }
h4 { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 21px; line-height: 28px; font-weight: 700; letter-spacing: -0.2px; }
h5 { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 21px; line-height: 24px; font-weight: 700; letter-spacing: -0.2px;}

h1 small, h2 small, h3 small, h4 small, h5 small  { font-weight: 300; color: #4a4a4a; display: block; letter-spacing: 0px; }
h1 small, h2 small { padding-top: 12px; font-size: 24px; line-height: 32px; padding-bottom: 8px; font-weight: 400; }
h3 small { font-size: 21px; line-height: 24px; margin-bottom: 8px;  }
h4 small { font-size: 16px; line-height: 21px; }
h5 small { font-size: 19px; line-height: 21px; }

h3 small.subtitle { font-size: 21px; margin-top: 16px; line-height: 24px; font-weight: 400; }

p {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 27px;
	letter-spacing: -0.2px;
	color: #4a4a4a;
}

p strong {
	font-weight: 600; 
}

p small {
	line-height: 19px;
}
p.small {
	font-size: 16px;
	line-height: 23px;
}

a, a:link,
a:visited,
a:hover {
	text-decoration: none;
	color: inherit;
	color: #D11E2F;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:hover {
	color: inherit;
}

a.noStyle, a.noStyle:link, a.noStyle:visited, a.noStyle:hover { color: inherit !important; }


/* COLORS STYLES 
======================================================== */
.bgBrand { background-color: #99CC1D; }
.bgBrandLight { background-color: #E5F2C6; }
.bgBrandSuperLight { background-color: #F0F6E0; }
.bgBrandInverted { background-color: #9A1DCC; } /* Die haben wir zusammengeführt - waren zu ähnlich ... wer macht sowas? */
.bgBrandAlternative { background-color: #D11E2F; } /* Die haben wir zusammengeführt - waren zu ähnlich ... wer macht sowas? */
.bgDark { background-color: #4a4a4a; }
.bgGrey { background-color: #CFCFCF; }
.bgLight { background-color: #F8F8F8; }
.bgWhite { background-color: #FFFFFF; }

.cBrand, .CBRand, a.cBrand { color: #99CC1D; }
.cBrandLight { color: #E5F2C6; }
.cBrandSuperLight { color: #F0F6E0; }
.cBrandInverted, a.cBrandInverted { color: #9A1DCC; } /* Die haben wir zusammengeführt - waren zu ähnlich ... wer macht sowas? */
.cBrandAlternative, a.cBrandAlternative { color: #D11E2F; } /* Die haben wir zusammengeführt - waren zu ähnlich ... wer macht sowas? */
.cDark { color: #4a4a4a; }
.cDarkGrey { color: #666666; }
.cGrey { color: #CFCFCF; }
.cLight { color: #F8F8F8; }
.cWhite, .cWhite a, a.cWhite { color: #FFFFFF; }

.rounded { border-radius: 32px; }

/* GAP STYLES 
======================================================== */

.ugp4 { margin-top: 4px; }
.ugp8 { margin-top: 8px; }
.ugp12 { margin-top: 12px; }
.ugp16 { margin-top: 16px; }
.ugp24 { margin-top: 24px; }
.ugp32 { margin-top: 32px; }
.ugp40 { margin-top: 40px; }
.ugp48 { margin-top: 48px; }
.ugp56 { margin-top: 56px; }
.ugp64 { margin-top: 64px; }
.ugp80 { margin-top: 80px; }
.ugp88 { margin-top: 88px; }
.ugp96 { margin-top: 96px; }
.ugp128 { margin-top: 128px; }
.ugp192 { margin-top: 192px; }
.ugp256 { margin-top: 256px; }

.bgp0{ margin-bottom: 0px; }
.bgp8 { margin-bottom: 8px; }
.bgp12 { margin-bottom: 12px; }
.bgp16 { margin-bottom: 16px; }
.bgp32 { margin-bottom: 32px; }
.bgp40{ margin-bottom: 40px; }
.bgp48{ margin-bottom: 48px; }
.bgp56{ margin-bottom: 56px; }
.bgp80{ margin-bottom: 80px; }
.bgp120{ margin-bottom: 120px; }

.inGap4 { padding: 4px; }
.inGap8 { padding: 8px; }
.inGap16 { padding: 16px; }
.inGap24 { padding: 24px; }
.inGap32 { padding: 32px; }

.rghtGap16 { margin-right: 16px; }

.shadow {
	box-shadow: 0px 3px 12px 4px rgba(0,0,0,0.5);
}
.shadowLight {
	box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.1);
}


/* NAVBAR STYLES
============================================ */
#susanaNavBar {	
	padding: 16px 0px; 
	transition: all 1.2s !important; 
}
#navBarLogo { height: 128px; position: relative; left: -12px; }

ul#navBarTopMenu li {
	display: inline; float: left;
	margin-left: 24px;
	font-family: 'Lato';
	font-weight: 700;	
	font-size: 21px;
}

.hidden-top { 
	top: -400px;
	transition: all 1.2s;
	
}
.badgeTag {
	display: inline-block;
	border-radius: 24px;
	padding: 8px 16px;
	margin-top: 10px; margin-right: 6px;
	font-size: 16px;
	letter-spacing: -0.3px;
	line-height: 16px;
}

/* BUTTON STYLES 
======================================================== */
.btn {
	border-radius: 30px;
	padding: 12px 32px;
}

.btnSmall {
	border-radius: 24px;
	padding: 8px 32px;
}

.btnXS {
	border-radius: 32px;
	padding: 2px 24px;
}



.btnBrand,
.btnBrand:hover,
a.btnBrand,
a.btnBrand:hover { background-color: #99CC1D; color: #FFFFFF !important; }

.btnBrandLight,
.btnBrandLight:hover,
a.btnBrandLight,
a.btnBrandLight:hover { background-color: #E5F2C6; color: #4a4a4a !important; }

.btnBrandSuperLight,
.btnBrandSuperLight:hover,
a.btnBrandSuperLight,
a.btnBrandSuperLight:hover { background-color: #F0F6E0; color: #99CC1D !important; }

.btnBrandInverted,
.btnBrandInverted:hover,
a.btnBrandInverted,
a.btnBrandInverted:hover { background-color: #D11E2F; color: #FFFFFF !important; }

.btnDark,
.btnDark:hover,
a.btnDark,
a.btnDark:hover { background-color: #4a4a4a; color: #FFFFFF;}

.btnWhite,
.btnWhite:hover,
a.btnWhite,
a.btnWhite:hover { background-color: #FFFFFF; color: #99CC1D;}

.btnWhitedGhost,
.btnWhiteGhost:hover,
a.btnWhiteGhost,
a.btnWhiteGhost:hover { background-color: transparent; border: 1px solid #FFFFFF; color: #FFFFFF !important; }

.btnBrandGhost,
.btnBrandGhost:hover,
a.btnBrandGhost,
a.btnBrandGhost:hover { background-color: transparent; border: 1px solid #99CC1D; color: #99CC1D !important; }

.btnBrandInvertedGhost,
.btnBrandInvertedGhost:hover,
a.btnBrandInvertedGhost,
a.btnBrandInvertedGhost:hover { background-color: transparent; border: 1px solid #D11E2F;  color: #D11E2F !important; }


.btnIcon { 
	display: flex;
	justify-content: between;
	align-items: center;	
}
.btnIcon i { 
	padding-left: 32px; 
}

.badgeButton { width: 128px; }

.roundIconButton,
.roundIconButton:hover {
	font-size: 21px;
	display: block;
	padding: 0px;
	text-align: center;
	border-radius: 50%;
	width: 50px;
}

.roundIconButtonSmall,
.roundIconButtonSmall:hover {
	display: flex;
	height: 40px;
	width: 40px;

	padding: 0px;
	font-size: 18px;
	border-radius: 50%;
	
	justify-content: center;
	align-items: center;
}


/* MEGA MENU STYLES
============================================ */
.imageMenuButton,
a.imageMenuButton {
	border: none; 
	background-color: #FFFFFF;
	font-size: 26px;
	margin-left: 8px;
	padding-top: 4px;
}

.mmMenuBanner {
	display: block;
	width: 95%;
	height: 32px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.mmenuTitle { margin-left: 8px; margin-top: 8px; }

.mmenuTeaser {
	padding: 20px 24px;
	padding-bottom: 4px !important; 
	border-radius: 12px;
	margin-top: 24px;
	width: 95%;
}

.teaserLink {
	font-family: 'Lato';
	font-weight: 700;	
}


.mmenuContainer ul li {
	font-family: 'Lato';
	font-weight: 800;	
	font-size: 24px;
	color: #4a4a4a;
	display: inline;
	float: left;
	width: 45%;
	margin-right: 5%;
	margin-bottom: 56px;
} 

.mmenuContainer ul li a,
.mmenuContainer ul li a:link,
.mmenuContainer ul li a:visited,
.mmenuContainer ul li a:hover {
	color: #212121;
}

.mmenuContainer ul li ul { margin-top: 56px; }
.mmenuContainer ul li ul li {
	font-weight: 400;
	font-size: 21px;
	margin-bottom: 24px;
	display: block;
	width: 100%;
}

.filerContainer {
	width: 75%;
}

/* BOOTSTRAP OVERRIDES
============================================ */
table { border: none !important; }
td { border: 1px solid #4a4a4a; padding: 8px; }
.modal-header {
	border-bottom: none;
}

.breadcrumb {
	margin-bottom: 0px !important;
}

.breadcrumb-item a,
.breadcrumb-item a:link,
.breadcrumb-item a:visited,
.breadcrumb-item a:hover
{
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #999999;
	letter-spacing: -0.2px;
}

.breadcrumb-item+.breadcrumb-item::before {
   font-family: "Font Awesome 6 Free";
   content: "\f054";
   display: inline-block;
   padding-right: 10px;
   padding-left: 3px;
   padding-top: 2px;
   vertical-align: bottom;
   font-weight: 900;
   font-size: 10px;
   color: #99CC1D;
}

ol .breadcrumb-item:first-child::before {
   content: "";
}

ul.pagination li a,
ul.pagination li.active a,
ul.pagination li.disabled span,
ul.pagination li.disabled a {
	border: 2px solid #FFFFFF !important;
}

ul.pagination li a,
ul.pagination li a:link,
ul.pagination li a:hover,
ul.pagination li a:visited {
	background-color: #E5F2C6;
	color: #99CC1D;
}

ul.pagination li.active a,
ul.pagination li.active a:hover {
	background-color: #99CC1D;
	color: #FFFFFF;
}


/* STARTPAGE STYLES
============================================ */
#leadingCyclerHolder {
	width: 100%;
	height: auto;
}

#leadingCyclerCycler {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 1;
	height: auto;
}


#leadingImage
 {
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 59px;
	background-color: #222222;
}

.leadingCyclerImageInside
 {
	background-position: 50% 70%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	display: block;
	width: 100%;
}

.leadingCyclerImageOverlay {
	background-color: rgba(0,0,0,0.65);
	width: 100%;
	display: block;
	position: relative;
	height: 100%;
}

.leadingCyclerImageOverlayHalf {
	background-color: rgba(247,252,238,0.95);
	width: 66%;
	display: block;
	position: relative;
	height: 100%;
}

.coverImageText {
	width: 66%;
	display: inline; float: left;
	position: relative;
	height: 100%;	
}

.coverImage {
	width: 33%;
	display: inline; float: left;
	position: relative;
	height: 100%;	
	padding-top: 128px;
}
.coverImage img { max-width: 80%; margin: 0px 10%; }

.leadingTextFrame {
	width: 100%;
	display: block;
	position: relative;
	padding: 56px;	
}

.leadingTextFrame h2 { width: 65%; }

.leadingCyclerImageOverlayHalf .leadingTextFrame h2 { width: 100%; }
.coverImageText .leadingTextFrame h2 { width: 100%; }
.leadingTextFrame h2 small { font-size: 21px; line-height: 32px; font-weight: 400;}


#leading-pager {
	right: 16px;
	top: 16px;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1000;
	text-align: right;
}

#leading-pager ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: right;
}

#leading-pager ul li { 
	display: inline;
	float: left; 
}

#leading-pager span,
#leading-pager li.span {
	font-size: 1px; line-height: 10px;
	display: inline-block;
	margin: 3px; padding: 0px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-color: none;
	border-radius: 45px;
	border: 2px solid #4a4a4a;
}

#leading-pager span.cycle-pager-active,
#leading-pager li.slick-active span { background-color: #4a4a4a !important;}

.startSliderNavigation {
	margin-right: 12px; 
}


.startContentSlider {
  position: relative;
  width: 100%; 
  left: 0px; 
  overflow: visible; 
  margin-left: 0px; 
}

.startContentSlider .slick-list {
	overflow: visible !important;
} 

.startSlide { margin-right: 56px; 	height: inherit !important; }
#resourcesSlider .startSlide { margin-right: 32px; }
#eventSlider .startSlide { margin-right: 32px; }
#cyclerForum .slide {margin-right: 16px; height: inherit !important; }
.ressourceSingleSlider .slide { height: inherit !important; }
.startSlide img { width: 100%; }
.slick-slider {
  margin-left: 0; 
}

.slick-track {
  display: flex;
}



.newsboxStartPage {
	margin-top: 128px;
	padding: 56px 0px;
	border-top: 5px solid #99CC1D;
}
.newsboxStartPageBottom {
	padding-bottom: 32px;
	margin-bottom: 88px;
	background-color: #F8F8F8;
}

/* IMAGE STYLES
============================================ */
.item-page img  { max-width: 100% !important; }
.content_image { width: 100%; }

.contact_image {
	height: 144px; width: 144px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.cover_preview_image {
	width: 90%;
	float: right;
}

.logo_preview_image {
	display: block;
	width: 70%;
	margin-left: 15%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.logoItem {
	width: 95%;
	height: 150px;
	overflow: hidden;
}

.logoImage {
	height: 120px;
	width: calc(100% - 60px);
	background-size: contain;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	margin: 15px 30px; 
}

.blogAuthorImage {
	width: 48px; height: 48px;
	display: inline; float: left;
	border-radius: 32px;
	background-position: 50% 50%;
	background-size: cover;
	border: 2px solid #FFFFFF;
	margin-left: -12px;
}

.gallerySlideImage {
	width: calc(100% - 16px);
	height: 420px;
	margin-right: 16px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


/* LANDING PAGE STYLES
============================================ */
.landingPage_head { padding-bottom: 40px; }

.roundButton {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 21px; 
	padding: 0px; padding-top: 12px;
}

#landingPage_hiddenHead {
	display: none;
}

ul.landingPage_topMenu {
	margin: 0px; padding: 0px;
	margin-top: 56px;
	list-style: none;
}

ul.landingPage_topMenu li {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0px 8px;
}
ul.landingPage_topMenu li a,
ul.landingPage_topMenu li a:link,
ul.landingPage_topMenu li a:hover,
ul.landingPage_topMenu li a.visited {
	display: block;
	width: 100%;
	font-family: 'Lato';
	color: #4A4A4A;
	text-decoration: none;
	font-size: 21px;
	font-weight: 600;
	padding: 12px 0px;
}
ul.landingPage_topMenu li.active a,
ul.landingPage_topMenu li.active a:link,
ul.landingPage_topMenu li.active a:hover,
ul.landingPage_topMenu li.active a.visited {
	color: #212121;
	font-weight: 800;
}

.landingPage_introImage {
	display: block;
	width: 100%;
	height: 400px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.landingPage_content img {
	max-width: 100% !important;
}


#start_project_map {
	height: 540px;
	display: block;
	background-color: #EFEFEF;
	border-bottom: 10px solid #99CC1D;
	margin-bottom: 56px;
}

.susanaMapOverlay {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	width: 100%; height: 100%; 
	background-color: rgba(0,0,0,0.2); 
	position: relative;  
	text-align: center; 
	z-index: 601;
}

/* FORM STYLES
============================================ 
============================================ */
label {
	color: #999999;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: -1px;
}
.checkBoxNiceHtml .checkBoxLabel { color: #666666;}
.checkBoxNiceHtml.checked .checkBoxLabel { color: #212121;}
.checkBoxNiceHtml {
	font-size: 21px;
	color: inherit;
	font-weight: 400; 
	cursor: pointer; 
	display: flex;
	align-content: space-between;	
}

.checkBoxNiceHtml i { display: inline; float: left; margin-right: 12px; margin-top: 4px; font-size: 24px; }

.checkBoxNiceHtml i.checkedIcon { display: none; }	
.checkBoxNiceHtml i.unCheckedIcon {display: inline; opacity: 0.5; }	
.checkBoxNiceHtml.checked i.checkedIcon {display: inline; }	
.checkBoxNiceHtml.checked i.unCheckedIcon { display: none; }	


.input-password-toggle {padding:5px 15px; background-color: #E5F2C6;}
.icon-fw.icon-eye,.icon-fw.icon-eye-slash {display:block;height:15px;line-height:15px; color: #99CC1D;}
.icon-fw.icon-eye::after, .icon-fw.icon-eye-slash::after {
	content: "\f06e"; /* Unicode for the Font Awesome icon 'fa-eye' */
	font-family: "Font Awesome 5 Free"; /* Font Awesome 5 free family */
	font-weight: 900; /* For solid icons in Font Awesome 5 */
	margin-left: 0px; /* Optional: Add space between the span text and the icon */
	
}
.icon-fw.icon-eye-slash::after { content: "\f070"; }


input.form-control, select.form-control, select.form-select, select, textarea.form-control {
	border-radius: 56px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

input.form-control:focus { 
	border: 1px solid #9A1DCC; 
	box-shadow: none; 
	opacity: 1; 
}

input.form-control::placeholder {
	color: #999999;
	font-weight: 300;
	font-size: 14px;
}

label {margin-left: 12px; }

.largeFormSelect:focus,
.largeFormSelect {
	font-size: 24px; font-weight: 700; 
	outline: none;
	color: #99CC1D;
	background-image: none;
	margin-top: -10px;
	width: 100%;
	opacity: 1 !important; 
	background-color: transparent !important; 
	z-index: 101 !important;
	position: relative;
	margin-top: -36px;
}


#knowledgeHubSearchBar { 
	
	width: 0px;
	overflow: 0px;
	transition: width 0.51s ease;
}
#knowledgeHubSearchBar.visible { 
	width: 250px; transition: width 0.25s ease;
	border-radius: 50px; 	
	box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.2);
	margin-right: 16px;
 }

#knowledgeHubSearchBar input,
#knowledgeHubSearchBar .searchForm
 { display: none; border: none !important; }

#knowledgeHubSearchBar.visible .searchForm {
	display: inline; float: left; width: 250px;
	padding: 10px 4px; padding-right: 0px;
}
#knowledgeHubSearchBar.visible input {
	display: inline; float: left;
	width: 65%; margin-left: 10%;
	padding-top: 3px; font-size: 16px; color: #D11E2F;
}
#knowledgeHubSearchBar input:focus {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}


/* GALLERY STYLES */
div.galleryHolder {
	margin-right: 32px; 
}
.galImage {
	display: block;
	margin-bottom: 8px;
}
p.imageCaption {
	font-size: 16px;
	line-height: 21px;
	color: #999999;
	margin-bottom: 0px;
}
p.imageDesc {
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
	margin-bottom: 0px;
}


/* NEWSBOX STYLES
============================================ 
============================================ */

.newsbox-logo {
	width: 97%;
	height: auto;
	box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.25);
}


/* KNOWLEGDE HUB STYLES
============================================ 
============================================ */

.pageHeader {
	background-color: #EFEFEF;
}

.shortStats p {
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
	text-align: right;
	clear: both;
	padding-top: 32px;
}

.iconHolder {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items:end;
 } 
 
#knowledgeHubMap {
	display: block;
	position: absolutee;
	width: 100%;
	height: 100%;
	background-color: #EFEFEF;
}

.resourceCoverImage {
	padding: 0px; 
	width: 100%;
	height: auto;
	box-shadow: 0px 4px 16px 4px rgba(0,0,0,0.25);
}

#smallMap {
	display: block;
	width: 100%;
	height: 240px;
	background-color: #F2f2f2;
}

#partner_project_map {
	height: 440px;
	display: block;
	background-color: #EFEFEF;
	border-bottom: 10px solid #99CC1D;
	margin-bottom: 56px;
}

.partner_social_icon_wrapper {
	display: inline-block; float: left;
	margin-right: 4px; margin-top: 8px;
	border-radius: 25px;
	font-size: 18px;
	width: 34px; height: 34px;
	text-align: center;
	padding-top: 5px;
}



/* FOOTER STYLES
============================================ 
============================================ */

.shariff-button {
	color: #FFFFFF !important;
}
.shariff-button li a {
	padding: 4px 4px 4px 16px;
	line-height: 21px;
}

.footerTeaser {
	border-bottom: 24px solid #99CC1D;
	background-color: #E5F2C6;
}

#footer {
	display: block;
	width: 100%;
	background-color: #4a4a4a;
	padding-top: 32px;
}

.socialLink {
	font-size: 32px;
	margin-left: 12px; 
}

#footer ul.nav  { width: 100%; display: block; margin: 0px; padding: 0px; }
#footer ul.nav li { width: 100%; display: block; }

#footer ul.nav li a {
	width: 100%; display: block;
	padding: 8px 0px;
	border-top: 1px dotted #EFEFEF;
	font-size: 14px; 
	color: #EFEFEF !important;
}

#footer ul.nav li:first-child a { border-top: none; }



/* MOBILE ADAPTIONS
============================================ 
============================================ */

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

	 #leadingImage { min-height: 520px; }
	 .ingCyclerImageInside { min-height: 520px; }
	 
 }
 
 @media only screen and (max-width: 992px) {
	.navbar-toggler { border: none; font-size: 32px; margin-top: -4px; }
	 ul#navBarTopMenu { margin-top: 32px; padding-bottom: 32px; }

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

	/* FONT STYLES 
	 ======================================================== */
		  
	 h1, h2, h3 {  font-size: 27px; line-height: 32px; letter-spacing: -0.3px;}
	 h3 { font-size: 21px; line-height: 27px; font-weight: 700; letter-spacing: -0.2px; }
	 h4 { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 19px; line-height: 24px; font-weight: 700; letter-spacing: -0.2px; }
	 h5 { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 19px; line-height: 24px; font-weight: 700; letter-spacing: -0.2px;}
	 
	 h1 small, h2 small, h3 small, h4 small, h5 small  { font-weight: 300; color: #4a4a4a; display: block; letter-spacing: 0px; }
	 h1 small, h2 small { padding-top: 8px; font-size: 21px; line-height: 37px; padding-bottom: 8px; font-weight: 400; }
	 h3 small { font-size: 18px; line-height: 24px; margin-bottom: 8px;  }
	 h4 small { font-size: 16px; line-height: 21px; }
	 h5 small { font-size: 16px; line-height: 21px; }
	 
	 h3 small.subtitle { font-size: 19px; margin-top: 16px; line-height: 24px; font-weight: 400; }
	 
	 p {
		 font-size: 18px;
		 line-height: 23px;
	 }
	 
	 p small {
		 line-height: 16px;
	 }
	 p.small {
		 font-size: 16px;
		 line-height: 23px;
	 }
 
	 .navbar-toggler { border: none; font-size: 32px; margin-top: -4px; }
	
	.menuPanelInner { margin: 4px; margin-top: 32px; padding-bottom: 56px; }
	 .mmenuContainer ul li { width: 100%; }
	
	.resourceCoverImage { width: 65%; }
}