@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans:400,700');

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #FFFFFF;
/*	width: 1170px; */
	margin-left: auto;
	margin-right: auto;
}

h1 {
  font-family : 'Lato', sans-serif;
  font-size : 40px;
  line-height : 44px;
}

h2 {
  font-family : 'Lato', sans-serif;
  font-size : 34px;
}
h3 {
  font-family : 'Lato', sans-serif;
  font-size : 28px;
}
h4 {
  font-family : 'Lato', sans-serif;
  font-size : 24px;
}

h5 {
  font-family : 'Lato', sans-serif;
  font-size : 18px;
}

h6 {
  font-family : 'Lato', sans-serif;
  font-size : 14px;
}

/* Hyperlinks */

a {
	color: #337ab7;
	text-decoration: none;
}


.field-event-date {
	font-style: italic;
}

.header-outer
/*, #header_outer */{
    position: fixed;
    background: #fff;
    z-index: 99;
    left: 0;
    width: 100%;
}

#header_outer .container {
	width: 100% !important;
} 

section.full-width {
	width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
	left: 0px !important;
	right: 0px !important;
/*    border: 1px red solid; */
}

	.path-frontpage #content #block-nfm-views-block-banner-block-1 {border: 3px green solid;}

/*#block-nfm-views-block-banner-block-1 {width: 100%;} */

.content-outer, #page_content {
/*    padding-top: 99px; */
    background: white;
    padding-bottom: 45px;
}

.page-taxonomy-term .content-outer {
	padding-bottom: 0px;
}

.contentbottom {
	background: white;
	padding-bottom: 45px;
}


.navbar.wrapper {
    width: 100%;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}
#navbar-main,
.navbar-default {
    background-color: #fff;
    border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-radius: 0;
    border-bottom: 1px solid #333;
	margin: 0;
}
#navbar #site-logo,
.navbar .logo {
    border-right: 1px solid #333;
	padding-left:10px;
	max-width: 200px;
}
#navbar #site-logo img,
.navbar .logo img {
    max-width: 180px;
}


header #search-block-form, header #custom-search-block-form {
  padding: 5px 15px;
  flex-flow: row wrap;
/*  border: 1px red solid;
  margin-left: 220px; 
  float: right; */
}

#block-nfm-customsearchform {
	width: 990px;
	float: right;
	z-index: 10;
}

header #block-nfm-search-form-narrow {
	float: right:
}

#searchbox {
    display: table;
    max-width: 300px;
    padding-left: 25px;
}
#searchbox #custom-search-blocks-form-1 {
    position: relative;
    padding-top: 28px;
}
#searchbox .form-control {
    border: none;
    box-shadow: none;
    line-height: 16px;
}
#searchbox .form-actions .form-submit,
/*#block-nfm-customsearchform .form-actions .form-submit */ {
    clear: none;
    position: absolute;
    top: 27px;
    right: 0;
    padding: 0;
    margin: 0;
    width: 34px;
    background: url("../icons/search-64.png");
        background-size: auto auto;
    background-size: 36px;
    height: 34px;
    font-size: 0;
    border: none;
}

#block-nfm-customsearchform #edit-keys {
	float: left;
	height: 34px;
	border: 1px white solid;
}

#block-nfm-customsearchform .form-actions .form-submit {
    clear: none;
    position: absolute;
/*    top: 27px;
    right: 0; */
    padding: 0;
    margin: 0;
    width: 34px;
    background: url("../icons/search-64.png");
        background-size: auto auto;
    background-size: 36px;
    height: 34px;
    font-size: 0;
    border: none;
}

.search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #454B4D;
  font-size: 20px;
}
.search-form input::-moz-placeholder { /* Firefox 19+ */
  color: #454B4D;
  font-size: 20px;
}
.search-form input:-ms-input-placeholder { /* IE 10+ */
  color: #454B4D;
  font-size: 20px;
}
.search-form input:-moz-placeholder { /* Firefox 18- */
  color: #454B4D;
  font-size: 20px;
}
.navbar-header {
    float: none !important;
}

.main-menu-bar {
    background: #005572;
	}
	
	
/*
.main-menu-bar.active {
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    z-index: 10;
	}		
#navbar-collapse-menu-bar {
    display: none;
	padding:30px 0;
}*/
.main-menu-bar.active {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
	}
#navbar-collapse-menu-bar {
    display: none;
    padding: 8em 10%;
    background: #005572;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    overflow: auto;
    height: 100%;
    z-index: 10;
}
#block-menu-block-2 {
    max-width: 490px;
	margin: 0 auto;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: #428BB6;
	color: #fff;
}
.nav > li.open > a {
    border-bottom: none;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 32px;
    border-bottom: 1px solid #428BB6;
}


ul.tabs--primary.nav > li > a {
	font-size: 20px;
}

ul.tabs--primary.nav > li.active > a {
	border: 1px solid #428BB6;
	border-bottom-color: transparent;
}

ul.tabs--primary.nav > li.active > a:hover {
	border: 1px solid #428BB6;
	border-bottom-color: transparent;
	color: #A53C11;
}


ul.tabs--primary.nav > li > a:hover {
	border: 1px solid white; 
	color: #A53C11;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
    color: orange;
}
.open > .dropdown-menu {
    display: block;
    position: relative;
    background: transparent;
    box-shadow: none;
    border: none;
    width: 100%;
    clear: both;
}
ul li.expanded.open li a{
    color: #fff;
	background:none;
}

.dropdown-toggle-menu .dropdown-toggle .caret {
    background: url("../icons/right-arrow.png");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
    border: none;
    padding: 20px;
    float: right;
    display: block;
    width: 26px;
    height: 45px;
    position: relative;
    z-index: 999;
}
.dropdown-toggle-menu .dropdown-toggle .caret.opendropdown  {
    background: url("../icons/down-arrow.png");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
	border: none;
}

/*
ul li.dropdown a, ul li.dropdown a:hover, ul li.dropdown a:focus {
    background: url("../icons/right-arrow.png");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
}
*/

ul li.dropdown.opendropdown a {
    background: url("../icons/down-arrow.png");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
	border: none;
}

.nav > li.menu-item-inline {
    display: inline-block;
    width: 245px;
    float: left;
}
.nav > li.menu-mlid-1064.menu-item-inline a, .nav > li.menu-mlid-1062.menu-item-inline a {
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    border: none;
	color: #005572;
	font-size: 24px;
	margin-top: 30px;
}
.nav > li.menu-mlid-1063.menu-item-inline a, .nav > li.menu-mlid-1065.menu-item-inline a {
    background: #428BB6;
    text-transform: uppercase;
    text-align: center;
    border: none;
    font-size: 24px;
    margin-top: 30px;
}


.nav > li.menu-mlid-1064.menu-item-inline a:hover, 
.nav > li.menu-mlid-1062.menu-item-inline a:hover,
.nav > li.menu-mlid-1063.menu-item-inline a:hover, 
.nav > li.menu-mlid-1065.menu-item-inline a:hover {
    background: orange;
    color: white;
}


.dropdown-menu {
    z-index: 9999;
    background: #005572;
    width: 100%;
    box-shadow: unset;
    border: 0;
	position: relative;
}
.dropdown-menu > li > a {
    color: #fff;
    font-size: 18px;
    background: none !important;
}

 .dropdown-menu > li > a:focus {
    color: #8EB9D3;
}

.dropdown-menu > li > a:hover {
    color: orange;
    }

.nav.nav-tabs > li > a {
	color: #428BB6;
}

/* Edit tabs */
.nav-tabs, nav.tabs {
  border-bottom: 0px solid #ddd;
  height: 20px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
  border-bottom-color: transparent;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a, .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;

}

.nav {
	list-style:none;
}

.nav > li > a {
  display: block;
}

.nav-item {
	float: left; 
	/* max-width: 80px;
	width: 80px;*/
	}

a, .nav-link {

  color: #009FE3;

}

.main-container {
    padding-top: 30px;
}

.highlighted .views-slideshow-cycle-main-frame-row {width:100%;}
.front-banner img {width:100%;}
.banner-content {
    position: absolute;
    text-align: center;
    bottom: 0;
    display: block;
    width: 100%;
/*    margin-bottom: 40px; updated to 260px - Andrew Thorburn 2021 02 22 */
	margin-bottom: 260px;
/*	top: 0px; */
}
.banner-inner {
    background-color: rgba(0,85,114, 0.8);
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
    padding: 2% 3% 3% 3%;
}

.banner-inner h2 {
	font-size: 48px;
}

.slidetext {
    margin-bottom: 15px;
}
.sliderbtn a {
    color: #fff;
    background: #A53C11;
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    max-width: 160px;
    margin: 0 auto;
    text-decoration: none;
    font-size: 18px;
}
.sliderbtn a:hover {
    background: #C98A70;
}
.banner-inner a {color: #fff;}
.editbtn {
    display: block;
    padding-top: 5px;
    font-size: 14px;
}

.footer, #footer {
    background: #454B4D;
    margin-top: 0;
	clear: both;
	padding-top: 20px;
}


#block-block-2 {
    color: #fff;
    text-align: center;
    font-size: 18px;
}
#block-block-2 img {
    max-width: 32px;
}

.casestudy.wrapper {
    overflow: hidden;
    margin-bottom: 40px;
}

#front_page_news .block-title,
#front-page-news-events .block-title,
.newsevents .block-title {
    color: #7AA24E;
    border-bottom: 3px solid #7AA24E;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 36px;
    margin: 48px 0px 32px 0px;
}

#front-page-news-events .view-content,
.view-front-news-events .view-content {
    height: 100%;
    min-height: 413px;
    background: #E4ECDC;
}
.newsevents .block, .casestudy .block {
    padding: 0;
    position: relative;
}

#block_front_news_featured .view-news-and-events .views-row,
#block_front_case_study_featured .view-front-case-study .views-row  {padding: 0px !important;}

#block_front_news_featured .views-row img,
#block_front_case_study_featured .views-row img,
.block-wrapper .views-row img 
	{
		width:100%; 
		height: auto;
	}


#block_front_news_featured .view-news-and-events .news-front .content,
.block-wrapper .view-news-and-events .news-front .content {
    position: absolute;
    bottom: 0;
    z-index: 9;
    background: rgba(122,162,78, 0.9);
/*    width: 100%; */
    padding: 30px;
    color: #fff;
}

#block_front_news_featured .news-front h2,
#block_front_case_study_featured .news-front h2,
.news-front h2 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 4px 0;
	color: inherit;
}
.news-front hr {
    max-width: 100px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
	border-top: 2px solid #eee;
}

.views-exposed-form .views-exposed-widget #edit-submit-news.btn {
	margin-top: 30px;
}



.list-click-through {
    color: #fff;
    display: block;
    margin-top: 2px;
}

.view-news-and-events .views-row,
.view-front-news-events .views-row {
    padding: 15px 30px;
    clear: both;
}


.view-front-news-events .news-front h2, 
.view-front-case-study .news-front h2 {
    text-transform: none;
    font-size: 22px;
    margin: 4px 0;
    color: #454B4D;
}
.view-front-news-events .news-front .date {
    font-size: 14px;
    color: #454B4D;
    font-weight: bold;
}

#front_page_news, #front_page_case_studies {clear: both;}

#front_page_case_studies .block-title,
.casestudy .block-title {
    color: #428BB6;
    border-bottom: 3px solid #428BB6;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 36px;
    margin: 48px 0px 32px 0px;
}

.block-wrapper {
    padding: 0;
    position: relative;
}
.view-front-case-study .view-content {
    background: #D9E8F0;
    padding: 0;
    overflow: hidden;
    margin: 0;
    min-height: 413px;
}
.news-front {
    position: relative;
}
.casestudy .block {
    padding: 0;
    position: relative;
}
.front .view-footer {
    text-align: right;
}
#front_page_news .view-footer a,
.view-front-news-events .view-footer a {
    background: #7AA24E;
    color: #fff;
    padding: 10px 30px;
    display: block;
    float: right;
    margin-top: 15px;
	font-weight: 700;
	clear: both;
}
#block_front_case_study_featured .view-footer a,
.view-case-study-featured .view-footer a {
    background: #428BB6;
    color: #fff;
    padding: 10px 30px;
    display: block;
    float: right;
    margin-top: 15px;
	font-weight: 700;
	clear: both;
}


#block_front_news_featured,
#block_front_case_study_promoted {
/*	border: 1px red solid; */
	width: 50%;
	float: left;
	}
	
#front-page-news-events,
#block_front_news_promoted, 
#block_front_case_study_featured {
	width: 50%;
	float: right;
}

/* #block_front_case_study_featured {border: 1px green solid;} */
#block_front_case_study_featured .content,
.view-case-study-featured .content {
    position: absolute;
    bottom: 0;
    z-index: 9;
    background: rgba(66,139,182, 0.9);
    width: 100%;
    padding: 30px;
    color: #fff;
}

#block_front_case_study_featured .views-row,
.view-front-case-study .views-row {
    padding: 15px 30px;
    clear: both;
}

#block_front_case_study_featured  .news-front .date,
.view-front-case-study .news-front .date {
    font-size: 14px;
    color: #454B4D;
    font-weight: bold;
}
.front h1.page-header {display: none;}

h1.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #EEE;
}

#block-block-1, #block-block-5 {
    background: #F2F0E3;
}

.not-front #block-block-1,  #block-block-5 {margin-top: 40px;}

#block-block-1 h2.block-title, #block-block-5 h2.block-title {
    background: #005572;
    margin: 0;
    text-align: center;
    padding: 15px;
    color: #fff;
}
#block-block-1 .content, #block-block-5 .content {
    padding: 48px 30px;
	text-align: center;
}
#block-block-1 .content ul, #block-block-5 .content ul {
    padding: 0;
	margin: 0;
	text-align: left;
}
#block-block-1 .content ul li, #block-block-5 .content ul li {
    margin: 0;
    list-style: none;
    background: url("../icons/tick-64.png");
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-repeat: no-repeat;
    padding: 10px;
        padding-left: 10px;
    padding-left: 10px;
    background-position: left 18px;
    padding-left: 36px;
    background-size: 24px;
    color: #005572;
    font-weight: 400;
    font-size: 24px;
}
#block-block-6 {
    margin: 30px;
    text-align: center;
}
#user-register-form .control-label {
    font-size: 14px;
}
.registerbtn a {
    color: #fff;
    background: #005572;
    padding: 10px 5px;
    display: block;
    max-width: 142px;
    margin: 0 auto;
        margin-top: 0px;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}
.registerbtn a:hover {
    background: #6699AA;
}

.footer ul.nav {
    text-align: center;
	margin-top:25px;
}
.footer .nav > li.menu-mlid-582 a,
.footer .nav > li.menu-mlid-579 a {border: none;}




.footer .nav > li {
    position: relative;
    display: inline-block;
}
.footer .nav > li a {
    position: relative;
    border: none;
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
    font-size: 16px;
    border-right: 1px solid #fff;
    line-height: 16px;
    padding: 0 15px;
}

.footer #block-block-7  .nav > li a { 
	border-right: 0;
	}



.footer .nav > li.last a {border: none;}

a:hover {
    text-decoration: none;
}

.view-case-study-finder {
	
}
.view-case-study-finder .form-control {
    height: inherit;
    overflow: hidden;
    box-shadow: none;
    border: none;
}
.view-case-study-finder .bef-checkboxes {
	width:100%;
	
}
.view-case-study-finder .views-exposed-form .bef-checkboxes label, .view-case-study-finder .form-control .bef-toggle {
    font-weight: 600;
    color: #005572;
    font-size: 20px;
}

.view-case-study-finder .bef-checkboxes .form-item,
.view-case-study-finder .bef-checkboxes .js-form-item {
    width: 50%;
    float: left;
	margin: 10px auto;
}

.view-case-study-finder .views-exposed-form .views-exposed-widget {
	float: inherit;
	padding: 0;
}

/*  MARKER MAP */

.leaflet-popup {background-color: white !important;}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	box-shadow: none !important;
	background-color: unset !important;
	}

#block-quicktabs-case-studies {
    margin-top: 25px;
}

/* .case-study-list-view-attachment,
.case-study-map-view-attachment {display: none;} */



ul.quicktabs-tabs.quicktabs-style-nostyle { 
	line-height: 43px;
	}


ul.quicktabs-tabs.quicktabs-style-nostyle {
    margin-top: 0;
    border-bottom: 2px solid #454B4D;
    position: relative;
}

ul.quicktabs-tabs.quicktabs-style-nostyle li a {
    border: 2px solid transparent;
    padding: 10px  30px;
    font-size: 20px;
    color: #005572;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
}
ul.quicktabs-tabs.quicktabs-style-nostyle li.active a {
    border: 2px solid #454B4D;
	border-bottom-color: #fff;
	color: #666666;
}


ul.quicktabs-tabs.quicktabs-style-nostyle li a:hover {
    border: 2px solid #454B4D;
	border-bottom-color: #fff;
	color: #6699AA;
}

.marker-content h2 {
    font-size: 28px;
    margin-top: 10px;
	color: #005572;
}
.marker-content .field-taxonomy-topic, 
.marker-content .field--name-field-taxonomy-topic,
.marker-content .field__item
 {
    float: left;
}
.marker-content .field-taxonomy-topic a, 
.marker-content .field--name-field-taxonomy-topic a {
    display: block;
    background: #F2F0E3;
    margin: 5px 15px 5px 0px;
    padding: 5px 20px;
    color: #333;
    border: 1px solid #454B4D;
    border-radius: 25px;
    font-size: 16px;
}
.marker-content .field-taxonomy-topic a:hover,
.marker-content .field--name-field-taxonomy-topic a:hover {
    background: #CCDDE3;
    color: #333;
}
.marker-content .marker-des {
    clear: both;
    margin: 12px auto;
    float: left;
	font-size: 18px;
}
.marker-content .viewmore {
    clear: both;
    margin: 5px auto;
    float: left;
    width: 100%;
    text-align: right;
}
.marker-content .viewmore a {
    color: #428BB6;
    font-size: 18px;
    font-weight: 500;
}

.marker-content h3.field__label {display: none;}

/* Map list view */
.list-view-content {
    border-bottom: 1px solid #E4ECDC;
    padding-top: 10px;
    padding-bottom: 15px;
    overflow: hidden;
}

.list-view-content h2 {
    font-size: 28px;
    margin-top: 10px;
	color: #005572;
}
.field-taxonomy-topic {
    float: left;
}
.field-taxonomy-topic a {
    display: block;
    background: #F2F0E3;
    margin: 5px 15px 5px 0px;
    padding: 3px 20px;
    color: #333;
    border: 1px solid transparent;
    border-radius: 25px;
    font-size: 14px;
}
.field-ne-type {
    float: left;
}
.field-ne-type a {
    display: block;
    background: #A53C11;
    margin: 5px 15px 5px 0px;
    padding: 3px 20px;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 25px;
    font-size: 14px;
}
.field-ne-type a.news-type-News {
    background: #005572;
}
.field-ne-type a.news-type-News:hover {
    background: #6699AA;
}
.field-ne-type a.news-type-Event {
    background: #A53C11;
}
.field-ne-type a:hover {
    background: #C98A70;
    color: #fff;
}
.field-taxonomy-topic a:hover {
    background: #CCDDE3;
    color: #333;
}
.field-taxonomy-topic a .fa-tags {
    padding-right: 5px;
}
.field-ne-type a .fa-clock-o {
    padding-right: 5px;
}
.list-view-content .list-view-des {
    clear: both;
    margin: 12px auto;
    float: left;
}
.list-view-content .viewmore {
    clear: both;
    margin: 5px auto;
    float: left;
    width: 100%;
    text-align: right;
}
.list-view-content .viewmore a {
    color: #428BB6;
    font-size: 20px;
	font-family: 'Lato', sans-serif;
    font-weight: 700;
}
.list-view-content .viewmore a:hover {
    color: #8EB9D3;
}

.view-case-study-slideshow .views-slideshow-controls-bottom.clearfix {
    position: absolute;
    bottom: 0;
    margin-bottom: 32px;
    left: 0;
    width: 100%;
    z-index: 9;
    text-align: center;
}

.view-case-study-slideshow .views-slideshow-pager-fields a {
    height: 25px;
    width: 25px;
    background: #fff;
    padding: 10px;
    display: inline-block;
    font-size: 0;
    border-radius: 100%;
    border: 3px solid #fff;
}
.view-case-study-slideshow .views-slideshow-pager-fields .active a {background: transparent;}

.taxonomy-topics {clear: both; margin-bottom: 15px;}

.taxonomy-topics .view-topics-color {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}



.footer .nav > li.menu-item-inline {display: none;}

.topic-list {
    position: relative;
    margin-bottom: 30px;
}

.header-text {
    position: absolute;
    bottom: 0;
    width: 100%;
display: flex;
justify-content: center; /* align horizontal */
align-items: center;
    height: 85px;
    text-align: center;
    background: #888;
        background-color: rgb(136, 136, 136);
    padding: 0 12px;
	
}
.header-text h2 {
    color: #005572;
    font-size: 24px;
    text-align: center;
    margin: 0;
}
@media (min-width: 640px) and (max-width: 992px) { 
.view-topic .views-row {width:33.333333%;}
}
@media (min-width: 321px) and (max-width: 639px) { 
.view-topic .views-row {width:50%;}
}

/* color background css */

.header-text.\#F2F0E3 {background-color: #F2F0E3;}
.header-text.\#CCDDE3 {background-color: #CCDDE3;}
.header-text.\#D9E8F0 {background-color: #D9E8F0;}
.header-text.\#E4ECDC {background-color: #E4ECDC;}
.header-text.\#F2F2F2 {background-color: #F2F2F2;}

/* color border css here */

.topic-list.\#BEB673 {border: 1px solid #BEB673;}
.topic-list.\#005572 {border: 1px solid #005572;}
.topic-list.\#428BB6 {border: 1px solid #428BB6;}
.topic-list.\#7AA24E {border: 1px solid #7AA24E;}
.topic-list.\#95989A {border: 1px solid #95989A;}

.teaser-content {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #333;
    padding: 30px 0;
        padding-bottom: 30px;
    padding-bottom: 60px;
}

h3.teaser-title {
    margin-top: 5px;
    margin-bottom: 0px;
}
h3.teaser-title a {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #005572;
    display: block;
    margin-bottom: 7px;
}

h3.teaser-title a:hover {
    color: #A53C11;
}


.teaser-content .field-body {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}
.node-type-article .field-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

.readmore a {
  font-family : 'Lato', sans-serif;
  font-weight : bold;
  font-size : 20px;
  color : #428BB6;
}

#block-views-news-events-block .readmore a,
#block-views-literature-block .readmore a {
	margin-top: 20px;
	display: inline-block;
}






.readmore a:hover {
  color : #8EB9D3;
}

.teaser-text .field-ne-type {
    float: left;
}
.textteaser {
    clear: both;
    padding-top: 10px;
}

.node-type-article .region-content .field-link a,
.region-content .website .field-link a,
#block-nfm-content .field--name-field-link a {
    color: #428BB6;
    font-size: 18px;
    background-image: url(../icons/link-ico-01.png);
    background-position: left center;
    background-repeat: no-repeat, no-repeat;
    padding: 20px 0 20px 50px;
}

.node-type-article .region-content .field-link a:hover,
.region-content .website .field-link a:hover {
	color: #A53C11;
	}

.node-type-article .region-content .field-documents a {
    color: #428BB6;
    font-size: 18px;
}


.node-type-article .region-content h3, 
.region-content .body-content h3.field-label,
#block-nfm-content h3.field__label,
.region-content .website h3.field-label,
.website h3.field__label,
.region-content .videos h3.field-label,
.videos h3.field__label,
.region-content .documents h3.field-label,
.documents h3.field__label,
#block-views-images-block h2.block-title,
#block-views-videos-block h2.block-title  {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid black;
    padding: 10px 0;
    margin-bottom: 20px;

}

.contentwithimage {
	display: table;
} 






/* Global pagination */

.pagination > li.pager-first, .pagination > li.pager-last {
    display: none;
}

.view .pagination > li:first-child > a, .view .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.view .pagination > li:last-child > a, .view .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.view .pagination > li > a, .view .pagination > li > span {
    position: relative;
    float: left;
    padding: 5px 15px;
    margin-left: 5px;
    line-height: 1.42857143;
    color:  #005572;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #005572;
}
.view .pagination > li.active > a, .view .pagination > li.active > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #005572;
	color: #fff;
}

.stage,
#stage {
    border-bottom: 1px solid #8F9394;
    border-top: 1px solid #8F9394;
    overflow: hidden;
    margin: 20px 0;
    padding: 25px 0;
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
}

.stage-item {
    border-right: 1px solid #E4ECDC;
    height: 100%;
    display: block;
    padding: 0 30px;
}
.stage-item.last {border-right:none;}


.stage-item h3 {
    margin: 10px auto;
    color: #428BB6;
}

.view-news-events h3.teaser-title {
    color: #005572;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 3px;
    font-size: 22px;
}


.view-news-events .views-field-body {
	font-size: 14px;
}

.view-literature .views-row .teaser-title {
    color: #005572;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 3px;
}




.view-literature-for-resources h3.teaser-title {
    color: #005572;
    line-height: 34px;
    margin-bottom: 10px;
    margin-top: 3px;
}
.view-literature-for-resources .views-row {
    margin-bottom: 20px;
}


.view-literature .views-row .teaser-title.extlink a {
    font-size: 18px;
    background-image: url(../icons/link-ico-01.png);
    background-position: left center;
    background-repeat: no-repeat, no-repeat;
    padding: 20px 0 20px 50px;
}


.view-literature .views-row .teaser-title.pdflink,
.uploadedpdf a  {
    background: url(../icons/pdf-ico-01.png);
    font-size: 18px;
    background-position: left center;
    background-repeat: no-repeat, no-repeat;
    padding: 20px 0 20px 50px;
    }
    
 .view-literature .views-row a:hover,
  .view-literature .views-row a:hover h3,
  .uploadedpdf a:hover,
  .view-news-events h3.teaser-title:hover {
	 color: #A53C11;
	 }   
    
.view-literature .views-row a, .view-literature-for-resources .views-row a{
    border: none;
    padding: 0;
    margin: 0;
}

.literature-block .views-row {
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 12px;
}
.e-bulletins-block .views-row {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

h2.grouping-title {
    border-bottom: 1px solid #333;
    color: #333;
    padding-bottom: 10px;
    font-size: 26px;
}
.view-literature .views-exposed-form .views-exposed-widget {
    float: left;
    padding: 0;
    width: 100%;
	margin-bottom: 10px;
}
.view-literature .views-exposed-form .form-type-bef-link {
    float: left;
    display: block;
    width: auto;
    margin: 5px;
    padding: 0;
    text-align: center;
    min-width: 197px;
}
.view-literature .views-exposed-form .form-type-bef-link a {
    background: #fff;
    color: #005572;
    padding: 15px;
    display: block;
    font-size: 14px;
	border: 1px solid #005572; 
}


.view-literature .views-exposed-form .form-type-bef-link a.active {
    background: #005572;
	color: #fff;
}

.view-literature .views-exposed-form .form-type-bef-link a:hover {
     background: #A53C11;
	color: #fff;
}




.view-e-bulletins  select {
	-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
    padding: 6px 10px;
    border: 1px solid #005572;
    background: #fff;
    color: #333;
    vertical-align: baseline;
    box-sizing: inherit;
    outline-offset: 0px;
    transition: all, 0.1s;
    width: 96%;
    border-radius: 0;
    height: auto;
}
.view-e-bulletins .views-exposed-form .views-exposed-widget .btn {
    margin-top: 30px;
    background: #005572;
    border: none;
    border-radius: 0;
    padding: 7px 25px;
}
/*
.view-visuals-for-resources .views-row .field-media-image, .view-visuals-for-resources .views-row .field-videos {
    margin: 5px auto 10px;
}*/


#block-views-visuals-for-resources-block .block-title {
    color: #005572;
    margin-top: 30px;
    margin-bottom: 20px;
}
.view-literature .lit-des {padding-left: 50px;margin-top: -20px; font-size: 14px;}

.view-news-events .views-row {
    padding-top: 15px;

}

.view-literature .views-row,
.view-news-events  .views-row  {
    padding-bottom: 15px;
    border-bottom: solid 1px #8F9394;
}

.page-taxonomy-term .view-footer {text-align: right; clear: both;}

.view-images .views-row, .view-videos .views-row {
    padding-bottom: 30px;
}

.view-images .views-row .img-responsive, .view-videos .views-row .img-responsive {
   margin: auto;
   text-align: center;
}

.view-images .views-row .postdate, .view-videos .views-row .postdate{
   margin: auto;
   text-align: center;
}


.term-pages .block-title {
    border: medium none;
    color: #454B4D;
    font-size: 34px;
    line-height: 50px;
    margin-bottom: 0;
    text-transform: none;
}
.page-taxonomy-term .taxonomy-term-description {
    margin-top: 25px;
}

.videothumb {
    position: relative;
    margin-bottom: 10px;
}

.videothumb .playbtn {
    position: absolute;
    background: url(../icons/play-arrow.png);
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    top: 35%;
    z-index: 9;
    padding: 32px 25px;
    background-repeat: no-repeat;
    left: 44%;
    background-position: center center;
	cursor: pointer;
}

.node-type-article .main-container .page-header.custom-title {
    display: block;
}



/* Dashboard menu */
#block-nfm-userdashboard ul,
#block-menu-block-3 .menu-block-wrapper ul {
	margin-left:-15px;
	margin-right:-15px;
}

#block-nfm-userdashboard ul li,
#block-menu-block-3 .menu-block-wrapper ul li {
    width: 25%;
    float: left;
    padding: 15px;
	transition: all 0.3s ease 0s;
}
#block-nfm-userdashboard ul li#edit-profile a, 
#block-menu-block-3 .menu-block-wrapper ul li a {
    background-color: #005572;
    border: none;
    padding: 30px;
    text-align: center;
    height: 255px;
    display: block;
    transition: all 0.8s ease 0s;
    background-image: url(../icons/edit-profile-icon.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    line-height: 38px;
    padding-top: 150px;
}


#block-nfm-userdashboard ul li#add-news a,  
#block-menu-block-3 .menu-block-wrapper ul.nav li.menu-mlid-1099 a {
	background-image: url('../icons/add-news-icon.png');
}
#block-menu-block-3 .menu-block-wrapper ul.nav li.menu-mlid-1100 a {
	background-image: url('../icons/add-resources-icon.png');
}
#block-menu-block-3 .menu-block-wrapper ul.nav li.menu-mlid-1101 a {
	background-image: url('../icons/add-case-studies-icon.png');
}

#block-menu-block-3 .menu-block-wrapper ul.nav li.menu-mlid-1288 a {
	background-image: url('../icons/view-case-studies-ico.png');
	background-color: #8F9394;
}

#block-menu-block-3 .menu-block-wrapper ul.nav li.menu-mlid-1304 a {
	background-image: url('../icons/view-news-ico.png');
	background-color: #8F9394;
}

#block-nfm-userdashboard ul li#view-resources a,
#block-menu-block-3 .menu-block-wrapper ul.nav li.menu-mlid-1305 a {
	background-image: url('../icons/view-resources-ico.png');
	background-color: #8F9394;
}


#block-menu-block-3 .menu-block-wrapper ul.nav li a:hover {
    background-color: #428BB6;
}
.dashboard, #dashboard {
	background: #f2f2f2;
	padding: 12px;
	min-height: 40px;
	width: 100% !important;
	border-radius: 0;
    border-top: 1px solid #333;
    margin: 0;
}
.dashboard-icon {
/*    float: left; */
}
.dashboard-icon a {
    color: #005572;
    font-size: 22px;
    background: url('../icons/four-rectangles.png');
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-repeat: no-repeat;
    padding-left: 38px;
    background-size: 26px;
    background-position: center left;
}
.dashboard-username {
    float: right;
    font-size: 22px;
    color: #454B4D;
}
.postdate {
    font-size: 16px;
    font-style: italic;
}

/* Breadcrumb */

#breadcrumbs {
	clear: both;
}

#breadcrumbs, .breadcrumbs,
#breadcrumb, .breadcrumb,  {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	font-size: 16px;
	font-family: "Lato",sans-serif;
}

ol#breadcrumbs {
  list-style: none;
  padding: 0;	
}

ol#breadcrumbs li {
  display: inline;
  margin-right: 10px;
}

ol#breadcrumbs li:not(:last-child)::after {
  content: ">";
  padding-left: 10px;
}

.page-dashboard .breadcrumb,
.page-user-edit .breadcrumb,
.page-node-add .breadcrumb,
.page-my-case-studies .breadcrumb,
.page-my-news .breadcrumb
 {
	display: none;
	}


.page-taxonomy-term .border-line {
    border-bottom: 1px solid #333;
    margin-top: 30px;
    display: none;
}

/* Checkboxes aspect */
.view-case-study-finder [type="checkbox"]:not(:checked),
.view-case-study-finder [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* Prepare the label */
.view-case-study-finder [type="checkbox"]:not(:checked) + label,
.view-case-study-finder [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}

/* :before is for the box */
.view-case-study-finder [type="checkbox"]:not(:checked) + label:before,
.view-case-study-finder [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 18px;
height: 18px;
border: 2px solid #005572;
background: #fff;
border-radius: 0px;
box-shadow: unset;
}
 
/* Check symbol aspect */
.view-case-study-finder [type="checkbox"]:not(:checked) + label:after,
.view-case-study-finder [type="checkbox"]:checked + label:after {
content: '';
position: absolute;
top: 9px;
left: 4px;
font-size: 14px;
color: #09ad7e;
transition: all .2s;
height: 10px;
width: 10px;
background: #005572;
}

/* if "not checked" */
.view-case-study-finder [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.view-case-study-finder [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1); 
}

.search-results {padding-left:0;}

.view-topics-color .views-row .field-color {display: none;}

#block-block-4 {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 7px 0;
}
.field-additional-authors {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}
.field-additional-authors .field-label { 
  float: left;
  font-weight: 600;
  margin-right: 10px;
}
.captcha {
    margin-bottom: 13px;
}
.menuoverlayappear {
    overflow: hidden;
}
.messages-wrapper {
    margin-top: 20px;
}
#block-views-news-events-gmap-block-1 {display: none;}
.node-type-article .page-header {
    border: none;
    margin-top: 10px;
	display: none;
}
.node-type-article .page-header.custom-page-header {
	display: block;
}
.contentwithimage .field-events-image {
    margin-bottom: 20px;
    margin-top: 20px;
}

.field--name-field-events-image {
	float: right !important;
	width: 50% !important;
	margin-bottom: 30px !important;
	margin-left: 30px !important;
	margin-top: 0px !important;
	
}

.view-images .view-content {
    margin-left: -15px;
    margin-right: -15px;
}
.view-videos .view-content {
    margin-left: -15px;
    margin-right: -15px;
}
.view-visuals-for-resources .view-footer, .view-literature-for-resources .view-footer {
    text-align: right;
    clear: both;
}
.view-visuals-for-resources .view-content {
    margin-left: -15px;
    margin-right: -15px;
}
.resources {
    overflow: hidden;
    position: relative;
    background: transparent;
}


.page-user.page-user-edit #edit-timezone {
	display: none;
}

.partner-logo {
	margin: 20px auto;
	display: table;
	
}

.partner-logo img {
	max-width: 300px;
	margin: 20px 0;
	display: table-cell;
}

body.maintenance-page {
	background: white;
	padding: 20px;
}
body.maintenance-page {
	background: white;
}
.view-case-study-slideshow img,
.flexslider .slides img
 {
    width: 100%;
}

/* ----- views slideshow ------------- */

/* formatting the forms - 2081 09 26 */
p.form-intro-text {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Case Studies */

#case-study-images, #case-study-map {
/*	border: 1px red solid; */
	min-height: 500px;
	height: 500px;
	width: 500px;
	min-width: 500px;
/*	width: 50%; */
}

#case-study-images .field--name-field-events-image {
	width: 500px !important;
	height: 500px !important;
}

.float-left {float: left;}
.float-right {float: right;}


#stage-of-project,
#monitoring-undertaken,
#mondelling-undertaken {
	width: 25%;
	float: left;
	}

#project-description {clear: both;}

#skip-to-main-content-hide {display: none;}

@media (min-width: 1200px) {
    .container, 
	#block-nfm-content,
/*	#main-content,
	#content, */
	#page_content,
	#breadcrumbs,
	#front_page_news,
	#front_page_case_studies,
	#block-menu-block-3,
	#header-form

	{
        width: 1200px;
		margin-left: auto;
		margin-right: auto;
    }
	

}

@media (min-width: 992px) {
    .container, 
	#block-nfm-content,
	#main-content,
	#content,
	#breadcrumbs	{
/*        width: 970px;
		margin-left: auto;
		margin-right: auto; */
    }
}
@media (min-width: 768px) {
    .container, 
	#block-nfm-content,
	#main-content,
	#content,
	#breadcrumbs	{
/*        width: 750px;
		margin-left: auto;
		margin-right: auto; */
    }
}

/* Login boxes */

#user-login-form {clear: both; }

#user-login-form .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}