*{
  box-sizing: border-box;
  font-family:  'Roboto', sans-serif;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 400;
  font-kerning: auto;
  font-size: 16px;
  text-align: left;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}
 
:root {
  box-sizing: border-box;
}

.search-info { display: none; }

html, body, main{
  height: 100%;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  text-align: justify;
  line-height: 1.2;
  background: #fff;
  font-size: 17px;
  color: #2e2e2f;
}

html #subpage #wrapper #content,
body #subpage #wrapper #content, 
main #subpage #wrapper #content {
  line-height: 1.5;
}

html {
  overflow: hidden;
  height: 100%;
}

body {
  height: 100%;
  overflow-y: scroll;
  position: relative;
}

fieldset {
  border: none;
}

video {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.2;
}

.sub-page h2,
.sub-page h3,
.sub-page h4,
.sub-page h5,
.sub-page h6 {
  margin: 10px 0;
}

h2{
  font-size: 30px;
}

h3{
  font-size: 25px;
}

p{
  margin: 10px 0;
  font-size: 1rem;
}

#subpage #block-theme-content {
    position: relative;
    display: block;
}

/* #subpage #block-theme-content ul,
#subpage #block-theme-content ul li , */
#subpage p,
#subpage p *{
  color: #5f5f5f;
  text-align: justify;
}

#subpage #block-theme-content ul,
#subpage #block-theme-content ul li {
	text-align: left;
}

#subpage #block-theme-content .field ul:not(.contextual-links){
/*   display: inline-block; */
}

#subpage #block-theme-content .field ul.webform-progress-tracker {
	display: flex;
}

strong,
#subpage p strong{
  font-weight: bold;
}

#subpage #block-theme-content a:hover,
#subpage #block-theme-content a *:hover{
    text-decoration: none;
    color: rgb(143 110 7);
}

#subpage #block-theme-content a{
  color: rgb(201, 153, 0);
  text-decoration: none;
}

.sub-page a:hover{
  cursor: pointer;
  text-decoration: none;
  color: rgb(143 110 7);
}

a:hover{
  cursor: pointer;
}

img{
  height: auto;
  max-width: 100%;
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.tl-timenav .tl-attribution {
  bottom: -25px;
}

/*Table*/
table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  box-shadow: 0 0 20px rgb(0 0 0 / 15%);
  background: transparent;
  border: none !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
	max-width: 100%;
}

table thead tr th {
  background: #034092;
  color: #fff;
  padding: 15px 10px;
}

table thead tr th *{
  color: #fff;
}

table thead tr:last-child th:first-child {
  border-top-left-radius: 10px;
}

table thead tr:last-child th:last-child {
  border-top-right-radius: 10px;
}

table tbody {
  background: #fff;
}

table tbody tr td {
  background: #fff;
  color: #646464;
  padding: 10px;
  border-right: 1px solid #034092;
}

table tbody tr td:last-child {
  border-right: none;
}

table tbody tr:nth-child(even) td {
  background: #f2f2f2;
}

table tbody tr td a{
  color: #034092;
  text-decoration: none;
}

table tbody tr td * {
  word-break: break-all;
}

table tbody tr td.views-field-field-document a {
	white-space: nowrap;
}

/*Pager*/
nav.pager {
  margin-top: 50px;
  display: block;
  clear: both;
  position: relative;
  text-align: center;
  width: 100%;
}

nav.pager ul.pager__items{
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  width: auto;
}

nav.pager ul.pager__items li{
  display: inline-block;
  float: left;
}

nav.pager ul.pager__items li  a{
  color: #6a6666 !important;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  padding: 0 3px;
  font-weight: 700;
  margin: 0 7px;
}

nav.pager ul.pager__items li.is-active  a{
  border-bottom: 2px solid #6a6666;
}

/*Sections*/
.section{
  display: block;
  clear: both;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 20px 0;
  opacity: 1;
}

.layout-container{
  position: relative;
  display: block;
  clear: both;
  width: 100%;
}

.container-fluid {
  padding: 0 30px;
}

.flex-grid .views-view-grid{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.flex-grid .views-view-grid{
  margin: 0 -15px;
}

.flex-grid .views-view-grid .column{
  margin-bottom: 40px;
}

.flex-grid  .views-view-grid:before,
.flex-grid  .views-view-grid:after {
  display: none;
}

.slick__arrow{
  top: auto;
  bottom: 23px;
  width: 40%;
  right: 0;
  left: auto;
}

.slick__arrow .slick-arrow:before{
  display: none;
}

.slick__arrow .slick-arrow{
  width: 25px;
  height: 15px;
}

.slick__arrow .slick-prev{
  background: url("./../images/arrow-left.png") no-repeat center;
  background-size: contain;
  left: 5px;
  height: 15px;
  width: 25px;
}

.slick__arrow .slick-next{
  background: url("./../images/arrow-right.png") no-repeat center;
  background-size: contain;
  right: 5px;
  height: 15px;
  width: 25px;
}

.slick__arrow .slick-arrow:hover{
  opacity: 0.7;
}

.slick-dots{
  width: 40%;
  right: 0;
  bottom: 10px;
}

.slick-dots li button:before{
  color: #fff;
  opacity: 1;
}

.slick-dots li.slick-active button:before{
  color: #c99900;
}

/*Local Tasks*/
#block-theme-local-tasks ul{
  padding: 0;
}

#block-theme-local-tasks ul li{
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}

/*Header*/
#header{
  background: #134b99;
  padding: 20px 0;
  z-index: 700;
}

#header #block-headerbottomgroup:before{
/*     background: transparent url(./../images/kbridge.png) no-repeat top left;
    height: 272px;
    width: 445px;
    background-size: contain;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -166px;
    left: 0;
    margin: 0 auto;
    z-index: 20; */
}

#header .container-fluid{
  position: relative;
  z-index: 20;
  display: block;
}

#header #block-headerbottomgroup {
  margin-bottom: -4px;
}

#header #block-headerbottomgroup .block-content {
    z-index: 200;
    display: block;
    position: relative;
}

#header #block-headerbottomgroup #block-headertop {
  padding: 20px 0;
}

#header #block-topmenu,
#header #block-socialmedialinks{
  width: auto;
  float: right;
  display: inline-block;
}

#header #block-topmenu ul.menu {
  list-style: none;
  text-align: right;
  margin: 0;
}

#header #block-topmenu ul.menu li{
  display: inline-block;
  position: relative;
  margin-right: 70px;
}

#header #block-topmenu ul.menu li a{
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  font-size: 14px;
}

#header #block-topmenu ul.menu li a:hover {
  font-weight: bold;
}

#header #block-socialmedialinks p {
  margin: 0;
}

#header #block-socialmedialinks p a {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  float: left;
}

#header #block-socialmedialinks p a:hover img {
  opacity: 0.8;
}

/*Opportunities Bubble*/
#block-views-block-opportunities-new-content-block-1 {
  position: absolute;
  top: 2px;
  background: #1a8e58;
  border-radius: 50%;
  right: 0;
}

#block-views-block-opportunities-new-content-block-1 .view-content .views-row {
  display: none;
}

#block-views-block-opportunities-new-content-block-1 .view-content .views-row:last-child {
  display: block;
  min-width: 25px;
}

#block-views-block-opportunities-new-content-block-1 .view-content .views-field-counter {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #1a8e58;
    border-radius: 50%;
}

#block-views-block-opportunities-new-content-block-1 .view-content .views-field-counter:before {
	content: "";
    display: block;
    padding-top: 100%;
}

#block-views-block-opportunities-new-content-block-1 .view-content .views-row .views-field-counter span{
  padding: 2px !important;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
    line-height: 22px!important;
    border-radius: 50%;
    font-size: 12px!important;
}

#block-views-block-opportunities-new-content-block-1 .view-content .views-row .views-field-counter span:hover {
  background-color: transparent !important;
  border-bottom: none !important;
  cursor: auto !important;
}

/* Top */
#top {
    background: #1b2c43;
    border-top: 2px solid #c99900;
    z-index: 701;
}

#top #block-topmenu {
	text-align: right;
}

#top #block-topmenu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

#top #block-topmenu ul.menu li {
	float: left;
	margin-left: 50px;
}

#top #block-topmenu ul.menu li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
    padding: 7px 0;
    display: inline-block;
}

#top #block-topmenu ul.menu li a.vision {
    text-decoration: none;
    background: #c99900;
    border-radius: 20px;
    padding: 7px 15px;
}

#top #block-topmenu ul.menu li a.vision:hover {
    background: #b18803;
}

/*Header*/
#header .container-fluid {
  position: relative;
  display: block;
  padding: 0;
  margin: 0 30px;
}

#header .container-fluid:before,
#header .container-fluid:after {
	background: #c99900;
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    width: 100%;
    margin: 0 auto;
    z-index: 10;
	content: "";
}

#header .container-fluid:before {
	background: #c99900;
    bottom: -10px;
}

#header .container-fluid:after {
	background: #1a8e58;
    bottom: -20px;
}

#header #block-theme-branding .logo img{
	max-height: 90px;
}

#header #block-mainnavigation-2 {
  background: transparent;
  display: block;
  position: relative;
  z-index: 20;
  text-align: right;
}

#header #block-mainnavigation-2 > ul.menu {
  padding: 0 30px 0 0;
}

#header #block-mainnavigation-2 ul.menu {
  list-style: none;
  margin: 0;
  display: inline-block;
	margin-top: 3px;
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu {
  	padding: 0;
	display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

#header #block-mainnavigation-2 > ul.menu > li.menu-item {
  	display: inline-block;
  	float: left;
  	margin: 0;
    position: static;
}

#header #block-mainnavigation-2 > ul.menu > li.menu-item span,
#header #block-mainnavigation-2 > ul.menu > li.menu-item a{
  border: none;
  padding: 29px 25px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  border-bottom: 4px solid transparent;
}

#header #block-mainnavigation-2 ul.menu > li.menu-item a.is-active,
#header #block-mainnavigation-2 ul.menu > li.menu-item a:focus,
#header #block-mainnavigation-2 ul.menu > li.menu-item a:hover{
	text-decoration: underline;
}

#header #block-mainnavigation-2 ul.menu.first-level > li.menu-item:last-child > span {
  background: #ce171e;
  padding: 5px 7px;
  border-radius: 30px;
  margin-top: 24px;
  border: none;
}

#header #block-mainnavigation-2 ul.menu.first-level > li.menu-item:last-child > span:hover {
  background: #a10a10;
  border: none
}

#header #block-mainnavigation-2 ul.menu .dropdown-menu {
  display: none;
}

#header #block-mainnavigation-2 li.visible .dropdown-menu {
  display: block !important;
}

#header #block-mainnavigation-2  > ul.menu > .menu-item.visible > .dropdown-menu{
	position: absolute;
    top: 79px;
    background: #1a8e58;
    box-shadow: 3px 2px 17px 6px rgb(0 0 0 / 20%);
    width: 100%;
    padding: 0;
    right: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.anonymous #header #block-mainnavigation-2 > ul.menu > .menu-item.visible > .dropdown-menu {
	top: 79px;
}

#header #block-mainnavigation-2 ul.menu span.opportunities,
#header #block-mainnavigation-2 ul.menu .visible > span{
	position: relative;
	display: inline-block;
}

#header #block-mainnavigation-2 ul.menu .visible > span:before{
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 15px 12.5px;
    border-color: transparent transparent #1a8e58 transparent;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.anonymous #header #block-mainnavigation-2 > ul.menu > li.menu-item > .dropdown-menu{

}

#header #block-mainnavigation-2 > ul.menu > li.menu-item > .dropdown-menu .dropdown-menu{
    position: relative;
	display: block !important;
}

#header #block-mainnavigation-2 > ul.menu > li.menu-item:nth-child(3) > .dropdown-menu li .dropdown-menu {
	display: none !important;
}

#header #block-mainnavigation-2 > ul.menu > li.menu-item > .dropdown-menu .dropdown-menu li{
	display: block !important;
	width: 100%;
	float: none;
}

#header #block-mainnavigation-2 > ul.menu > li.menu-item > .dropdown-menu .dropdown-menu a{
	color: #e9d3aa;
    font-weight: normal;
    padding: 5px 10px;
}

#header #block-mainnavigation-2 ul.menu .visible{
  display: block !important;
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item {
    display: inline-block;
    width: 25%;
	float: left;
}

#header #block-mainnavigation-2 .dropdown-level-0:not(.dropdown-level-1) > ul.menu > li.menu-item  {
    padding-bottom: 15px;
    border-bottom: 1px solid #1f965f;
    margin-top: 15px;
    padding-left: 20px;
}

#header .block-content > nav#block-mainnavigation-2 > ul.menu > li.menu-item > .dropdown-level-1 > ul.menu > li.menu-item  {
    padding-bottom: 15px;
    border-bottom: 1px solid #1f965f;
    margin-top: 15px;
    padding-left: 20px;
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item:nth-child(4) {
	clear: left;
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item span,
#header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item a {
	color: #fff;
    padding: 10px;
    display: block;
    white-space: normal;
    border: none;
    font-size: 16px;
    font-weight: bold;
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu > li.menu-item.menu-item--expanded span,
#header #block-mainnavigation-2 .dropdown-menu ul.menu > li.menu-item.menu-item--expanded a {

}

#header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item a.is-active,
#header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item a:hover {
	text-decoration: underline;
	cursor: pointer;
}

/* #header #block-mainnavigation-2 .dropdown-menu ul.menu li.menu-item span.is-active, */
#header #block-mainnavigation-2 span:hover {
	cursor: pointer;
	color: #ddd !important;
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu > li.menu-item.menu-item--expanded > span:hover,
#header #block-mainnavigation-2 .dropdown-menu ul.menu > li.menu-item.menu-item--expanded > a:hover {
}

#header #block-mainnavigation-2 .dropdown-menu ul.menu > li.menu-item.menu-item--expanded:nth-child(3) li:nth-child(5) > ul {
	display: none;
}

#header #block-mainnavigation-2 .visible > .dropdown-menu > ul.menu > li.menu-item:nth-child(n + 5) {

}

#header #block-mainnavigation-2 .visible > .dropdown-menu > ul.menu > li.menu-item:nth-child(n + 9) {

}

#header #block-mainnavigation-2 .visible > .dropdown-menu > ul.menu > li.menu-item:nth-child(n + 13) {

}

#header #block-mainnavigation-2 .visible > .dropdown-menu > ul.menu > li.menu-item:nth-child(n + 17) {

}

#header #block-theme-search{
  min-width: 16px;
  min-height: 16px;
  position: absolute;
  top: 30px;
  right: 15px;
  z-index: 99;
  display: inline-block;
}

#header #block-theme-search .form-icon{
  background: url("./../images/search.png") no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
}

#header #block-theme-search .form-icon:hover{
  cursor: pointer;
}

/*#header #block-theme-search.visible .form-icon {*/
/*  background: url(./../images/close-icon.png) no-repeat center;*/
/*  z-index: 510;*/
/*  height: 25px;*/
/*  width: 25px;*/
/*  display: block;*/
/*  position: relative;*/
/*  background-size: cover;*/
/*}*/

#header #block-theme-search .form-content-wrapper{
  display: none;
}

#header #block-theme-search.visible .form-content-wrapper{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 500;
  display: block;
  text-align: center;
  background: rgba(0,0,0,0.9);
  cursor: url(./../images/close-icon.png), progress;
}

/*#header #block-theme-search.visible .form-content-wrapper:hover{*/
/*  cursor: url(./../images/close-icon.png), progress;*/
/*}*/

#header #block-theme-search.visible .form-content-wrapper form{
  position: absolute;
  top: 350px;
  left: 0;
  right: 0;
  margin: auto;
  width: 70%;
  display: block;
  z-index: 400;
}

#header #block-theme-search.visible .form-content-wrapper form .form-item{
  display: block;
  position: relative;
  z-index: 200;
  padding-right: 205px;
}

#header #block-theme-search.visible .form-content-wrapper form .form-item input{
  font-size: 30px;
  padding: 15px 30px;
  color: #131313;
  background: #ddd;
  display: block;
  width: 100%;
  border: none;
  outline: none;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

#header #block-theme-search.visible .form-content-wrapper form .form-actions{
  position: absolute;
  right: 1px;
  top: 0;
  display: block;
  z-index: 210;
}

#header #block-theme-search.visible .form-content-wrapper form .form-actions .button{
  background: #1a8e58 url("./../images/search-white.png") no-repeat 30px center;
  border: none;
  color: #fff;
  padding: 19px 50px 19px 80px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  font-size: 24px;
}

#header #block-theme-search.visible .form-content-wrapper form .form-actions .button:hover{
  background: #08482a url("./../images/search-white.png") no-repeat 30px center;
  cursor: pointer;
}

/*Language Switcher*/
#header #block-dropdownlanguage{
  min-width: 16px;
  min-height: 16px;
  position: absolute;
  top: 88px;
  right: 0;
  z-index: 98;
}

#header #block-dropdownlanguage .open{
  background: #ffffff;
  padding: 5px 5px 0 5px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

#header #block-dropdownlanguage ul.dropdown-language-item{
  list-style: none;
  padding: 0;
  margin: 0;
}

#header #block-dropdownlanguage ul.dropdown-language-item li.dropbutton-action:hover{
  cursor: pointer;
}

#header #block-dropdownlanguage ul.dropdown-language-item li span,
#header #block-dropdownlanguage ul.dropdown-language-item li a{
  text-decoration: none;
  color: #c99900;
  font-weight: bold;
  position: relative;
  display: block;
  margin-bottom: 10px;
}

#header #block-dropdownlanguage fieldset{
  border: none;
}

#header #block-dropdownlanguage fieldset .fieldset-legend{
  display: none;
}

#header #block-dropdownlanguage fieldset .language-link.active-language{
  color: #c99900;
}

#header #block-dropdownlanguage .dropbutton-toggle button{
  background: url("./../images/lang-caret.png") no-repeat center;
  background-size: 10px;
  position: absolute;
  top: 5px;
  height: 10px;
}

#header #block-dropdownlanguage .dropbutton-toggle .dropbutton-arrow{
  display: none;
}

/*Language Switcher*/
#language {
	padding: 0;
    z-index: 20;
}

#block-dropdownlanguage {
	border: 1px solid rgb(0 0 0 / 12%);
    background: #fff;
    box-shadow: 1px 1px 20px 5px rgb(16 16 16 / 20%);
    padding: 15px;
}

#block-dropdownlanguage .dropbutton-widget {
	text-align: right;
}

#block-dropdownlanguage ul.dropdown-language-item {
    display: inline-block;
}

#block-dropdownlanguage .dropbutton-action {
	display: inline-block;
}

#block-dropdownlanguage li a,
#block-dropdownlanguage li span{
	color: #134b99;
	text-transform: uppercase;
	font-size: 14px;
  	font-weight: bold;
  	line-height: 1.2;
	text-decoration: none;
	margin-right: 20px;
	display: inline-block;
}

#block-dropdownlanguage .dropbutton-toggle {
	display: none;
}

#block-dropdownlanguage li.en span,
#block-dropdownlanguage li.en a{
	color: #134b99;
}

#block-dropdownlanguage li.fr span,
#block-dropdownlanguage li.fr a{
	color: #c99900;
}

#block-dropdownlanguage li.pt-pt span,
#block-dropdownlanguage li.pt-pt a{
	color: #1a8e58;
}

/*Carousel*/
#carousel {
  padding: 60px 0;
	background: #f6f8f9;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .media--slick.media--image {
	min-height: 470px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .media--slick.media--image img {
/* 	min-height: 470px;
	max-width: none;
	width: auto; */
    object-fit: contain;
    height: auto;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__media {
  width: 100%;
  background: transparent;

	width: 70%;
	position: relative;
	float: right;
	padding-left: 10px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption {
  max-width: 30%;
  background: #134b99;
  color: #fff;
  padding: 30px 25px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
	border-right: 15px solid #fff;

	width: 30%;
	float: right;
	display: inline-block;
	position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
border: none;
min-height: 500px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption:after {
	background: #fff url("./../images/carousel-bottom.png") no-repeat center top;
	content: "";
    height: 100px;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    background-size: contain;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-field-type-of-content .field-content{
  color: #fff;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.2;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-created span{
  color: #fff;
  font-weight: 300;
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.2;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-view-node a,
#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-title a{
  color: #fff;
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  text-decoration: none;
  font-size: 16px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-view-node a,
#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-field-link a{
  color: #fff;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 16px;
  text-decoration: none;
  background: #c99900;
  border-radius: 20px;
  padding: 10px 20px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-view-node a:hover,
#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption .views-field-field-link a:hover{
  background: #b98b02;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots{
  position: absolute;
  left: 0;
  bottom: 120px;
  text-align: left;
  right: auto;
  padding-left: 40px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots .slick-active,
#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots .slick-active button{
  width: 70px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots .slick-active button{
  height: 10px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots button:before{
  height: 10px;
  opacity: 1;
  line-height: 0.9;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots .slick-active button:before{
  width: 100%;
  border-radius: 10px;
  background: #c99900;
  color: transparent;
  opacity: 1;
  line-height: 0.9;
}

/*Latest News*/
#carousel #block-views-block-latest-news-block-1 {
    border: 1px solid rgb(0 0 0 / 12%);
    background: #fff;
    box-shadow: 1px 1px 20px 5px rgb(16 16 16 / 20%);
    padding: 0;
}

#carousel #block-views-block-latest-news-block-1 > h2{
	color: #134b99;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    margin: 20px 0 10px;
    padding-left: 20px;
}

#carousel #block-views-block-latest-news-block-1 .more-link {
    padding: 20px 25px;
}

#carousel #block-views-block-latest-news-block-1 .more-link a{
  color: #134b99;
  font-size: 16px;
  text-decoration: none;
}

#carousel #block-views-block-latest-news-block-1 .more-link a:hover {
  color: #012454;
}

#carousel #block-views-block-latest-news-block-1 .view-content{
  position: relative;
  display: block;
}

#carousel #block-views-block-latest-news-block-1 .views-row{
  position: relative;
  display: block;
}

#carousel #block-views-block-latest-news-block-1 .views-row:hover{
	background: #f4f4f4;
}

#carousel #block-views-block-latest-news-block-1 .views-field-fieldset{
	position: relative;
    display: block;
    color: #717171;
    padding: 15px 25px 0;
}

#carousel #block-views-block-latest-news-block-1 .views-field-fieldset > .field-content {
	position: relative;
	display: block;
	border-bottom: 1px solid #e1e1e1;
}

#carousel #block-views-block-latest-news-block-1 .views-field-fieldset:hover > .field-content {
	border-bottom: 1px solid #134b99;
}

#carousel #block-views-block-latest-news-block-1 .views-field-field-date .field-content{
	color: #858383;
    font-size: 14px;
    line-height: 1.182;
    margin-bottom: 5px;
}

#carousel #block-views-block-latest-news-block-1 .views-field-title a,
#carousel #block-views-block-latest-news-block-1 .views-field-title a *{
  text-decoration: none;
  color: #717171;
  font-size: 15px;
  line-height: 1.2;
}

#carousel #block-views-block-latest-news-block-1 .views-field-title a *:hover,
#carousel #block-views-block-latest-news-block-1 .views-field-title a:hover {
  color: #3b3b3b;
}

#carousel #block-views-block-latest-news-block-1 .views-field-field-images{
  display: inline-block;
  position: relative;
  z-index: 20;
}

#carousel #block-views-block-latest-news-block-1 .views-field-field-images img{
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.05);
}

#carousel #block-views-block-latest-news-block-1 .slick-slide{
  display: none !important;
}

#carousel #block-views-block-latest-news-block-1 .slick-slide.slick-active{
  width: 100% !important;
  margin-bottom: 10px;
  display: block !important;
}

#carousel #block-views-block-latest-news-block-1 .media--ratio {
  padding: 0!important;
  height: 160px;
}

#carousel #block-views-block-latest-news-block-1 .media--ratio .media__element,
#carousel #block-views-block-latest-news-block-1 .media--fx .b-blur{
  width: 130px !important;
  height: 160px !important;
  object-fit: initial !important;
}

/*Events*/
#events {
  background: #e9e9e9;
}

#events #block-views-block-upcoming-events-block-1 {
  display: block;
  position: relative;
}

#events #block-views-block-upcoming-events-block-1 h2{
  font-size: 24px;
  color: rgb(19, 75, 153);
  font-weight: bold;
  line-height: 1.2;
  max-width: 115px;
  position: absolute;
}

#events #block-views-block-upcoming-events-block-1 .view-content{
  padding-left: 150px;
}

#events #block-views-block-upcoming-events-block-1 .slick__arrow{
  width: 100px;
  position: absolute;
  left: -155px;
  bottom: 40px;
}

#events #block-views-block-upcoming-events-block-1 .more-link {
  position: absolute;
  left: 0;
  bottom: 0;
}

#events #block-views-block-upcoming-events-block-1 .more-link a {
  font-size: 13px;
  color: rgb(94, 94, 94);
  font-weight: bold;
  text-decoration: none;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset{
  width: 40%;
  display: inline-block;
  float: left;
  position: relative;
  padding: 10px;
  text-align: right;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset > .field-content{
  text-align: right;
  display: inline-block;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset-1{
  width: 60%;
  display: inline-block;
  float: left;
  position: relative;
  padding: 10px 0 10px 20px;
/*   border-left: 1px solid #c99900; */
  min-height: 130px;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset-1 .views-field-title a{
  color: #5e5e5e;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.116;
  display: block;
  margin-bottom: 20px;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset-1 .views-field-title a:hover{
  color: #101010;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset .views-field-field-date-event .field-content{
  font-size: 30px;
  color: rgb(94, 94, 94);
  font-weight: 300;
  text-align: center;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset .views-field-field-date-event-1 .field-content{
  font-size: 16px;
  color: rgb(94, 94, 94);
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset-1 .views-field-field-host-country{
  background: url("./../images/map-pin.png") no-repeat left center;
  padding-left: 20px;
}

#events #block-views-block-upcoming-events-block-1 .views-field-fieldset-1 .views-field-field-host-country .field-content{
  font-size: 14px;
  color: rgb(94, 94, 94);
  line-height: 1.275;
}

/*Content Top*/
#wrapper #content-top{
  padding: 60px 0;
	z-index: 20;
}

#wrapper #content-top #block-services{
  background: rgb(27,144,89);
  background: linear-gradient(180deg, rgba(27,144,89,1) 0%, rgba(8,99,55,1) 50%);
  padding: 35px 0;
}

#wrapper #content-top #block-services .block-content .col-md-4 {
  text-align: center;
}

#wrapper #content-top #block-services .block-content h4{
  text-align: center;
  display: inline-block;
}

#wrapper #content-top #block-services .block-content p{
  text-align: center;
}

#wrapper #content-top #block-services .block-content .first h4{
  background: url(./../images/office-building.png) no-repeat left center;
  padding-left: 85px;
}

#wrapper #content-top #block-services .block-content .second{
  border-left: 1px solid #22955f;
  border-right: 1px solid #22955f;
}

#wrapper #content-top #block-services .block-content .second h4{
  background: url(./../images/book.png) no-repeat left center;
  padding-left: 85px;
}

#wrapper #content-top #block-services .block-content .third h4{
  background: url(./../images/chart.png) no-repeat left center;
  padding-left: 85px;
}

#wrapper #content-top #block-services .block-content h4 a {
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  max-width: 105px;
  display: inline-block;
  min-height: 75px;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1;
}

#wrapper #content-top #block-services .block-content h4 a strong{
  display: block;
  font-weight: 700;
  font-size: 30px;
  position: relative;
}

#wrapper #content-top #block-services .block-content .third h4 a strong{
  margin-top: 20px;
}

#wrapper #content-top #block-services .block-content p a{
  color: #fff;
  background: #c99900;
  border-radius: 20px;
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
}

#wrapper #content-top #block-services .block-content p a:hover {
  background: #b98b02;
}

/*Content*/
.path-frontpage #wrapper #content {
  background: #ffffff url("./../images/what-we-do-bg.png") repeat top center;
  padding: 0 0 70px;
}

#wrapper #content #block-views-block-what-we-do-block-1 {
  display: block;
  position: relative;
}

#wrapper #content #block-views-block-what-we-do-block-1 h2{
  font-size: 28px;
  color: rgb(10, 69, 149);
  font-weight: bold;
  background: url(./../images/diagonal-pattern.png);
  border-top: 2px solid #c99900;
  margin: 0 0 30px 15px;
  display: inline-block;
  padding: 20px 20px 10px;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row {
	width: 20%;
    float: left;
    padding: 10px;
    position: relative;
    display: inline-block;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .wrapper{
	position: relative;
	display: block;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset{
	background: rgba(0,0,0, 0.4);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2959558823529411) 50%, rgba(0,0,0,0.20351890756302526) 65%);
    padding: 30px 25px;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	padding: 10px;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset-1 {
    position: relative;
    display: block;
/*     min-height: 220px; */
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-field-photo {
	padding: 10px;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-field-icon {
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-field-icon * {
  text-align: center;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-title{
	text-align: left;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 90%;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-title a{
	color: #fff;
    text-decoration: none;
    line-height: 1.116;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-view-node{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

#wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row .views-field-fieldset .views-field-view-node a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.path-frontpage #wrapper #content:before {
  background: #ffffff url("./../images/what-we-do-pattern.png") repeat top center;
  width: 400px;
  height: 180px;
  content: "";
  position: absolute;
  bottom: 30px;
  left: 0;
}

/*Content Bottom*/
#content-bottom{
  background: #f6f8f9;
}

#content-bottom #block-views-block-latest-project-block-1 h2{
  font-size: 24px;
  color: rgb(19, 75, 153);
  font-weight: bold;
  line-height: 1.2;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-field-image{
  display: inline-block;
  float: left;
  width: 60%;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-fieldset{
  display: inline-block;
  float: left;
  width: 40%;
  padding: 0 20px;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-fieldset .views-field-title a{
  color: #134b99;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-fieldset .views-field-view-node a{
  background: #134b99;
  color: #fff;
  padding: 10px 20px;
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-fieldset .views-field-view-node a:hover {
  background: #052f69;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .slide__caption{
  padding: 0;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .slide__caption .slide__description{
  padding-left: 10px;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after{
  background: #c99900;
  position: absolute;
  max-width: 95%;
  right: 0;
  bottom: -55px;
  padding: 20px 150px 20px 10px;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .views-field-title a,
#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .views-field-title a p{
  color: #303030;
  text-decoration: none;
  font-size: 13px;
  margin: 0;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .slide__description:hover *{
  color: #fff !important;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .slide__description .views-field-counter .counter{
  font-size: 24px;
  margin-bottom: 5px;
  text-decoration: none;
  color: #303030;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .slick__arrow{
  position: absolute;
  right: -120px;
  bottom: 35px;
  max-width: 100px;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .more-link{
  position: absolute;
  right: 30px;
  bottom: 10px;
  padding: 15px 0;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .more-link a{
  font-size: 13px;
  color: rgb(79, 79, 79);
  font-weight: bold;
  text-decoration: none;
}

#content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after .more-link a:hover {
  color: #fff;
}

#content-bottom #block-views-block-sadc-success-stories-block-1 {
  padding: 40px 30px 30px;
  background: #fff;
}

#content-bottom #block-views-block-sadc-success-stories-block-1 h2{
  color: #134b99;
  text-decoration: none;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

#content-bottom #block-views-block-sadc-success-stories-block-1 .block-content .view-content .views-row .views-field-title a{
  color: #454545;
  text-decoration: none;
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}

#content-bottom #block-views-block-sadc-success-stories-block-1 .block-content .view-content .views-row .views-field-title a:hover {
  color: #1e1e1e;
}

#content-bottom #block-views-block-sadc-success-stories-block-1 .more-link a{
  color: #fff;
  background: #134b99;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 20px;
  display: inline-block;
  margin-top: 30px;
}

#content-bottom #block-views-block-sadc-success-stories-block-1 .more-link a:hover {
  background: #052f69;
}

/*Documents*/
#documents {
  background: #21569f url("./../images/documents-bg.png") repeat top center;
  border-top: 90px solid #f6f8f9;
  padding: 70px 0px;
  border-bottom: 80px solid #f6f8f9;
}

#documents #block-twitterembed{
	max-height: 540px;
    background: transparent;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 20;
    top: -140px;
    overflow: hidden;
    border-radius: 10px;
}

#documents #block-twitterembed .block-content {
    background: #e1e1e1;
    border-radius: 10px;
}

#documents #block-quicktabsdocuments{
	padding-right: 30px;
}

#documents #block-quicktabsdocuments .quicktabs-tabs{
  position: absolute;
  top: -130px;
  margin: 0;
  padding: 0 110px 0 0;
  left: 0;
  right: 0;
}

#documents #block-quicktabsdocuments .quicktabs-tabs li{
  display: inline-block;
  position: relative;
  margin-right: 50px;
  padding-right: 50px;
}

#documents #block-quicktabsdocuments .quicktabs-tabs li#quicktabs-tab-documents-0:after{
  background: #a8a8a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 20px;
  content: "";
  margin: auto;
}

#documents #block-quicktabsdocuments .quicktabs-tabs li a{
  color: #a8a8a8;
  text-decoration: none;
  font-size: 30px;
  font-weight: 700;
}

#documents #block-quicktabsdocuments .quicktabs-tabs li a:hover{
  color: #3168b5;
}

#documents #block-quicktabsdocuments .quicktabs-tabs li.active a{
  color: #134b99;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row{
  width: 33.3333%;
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  position: relative;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .views-field-title{
  position: relative;
  display: block;
  padding-left: 40px;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .views-field-title a{
  color: #fff;
  text-decoration: none;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .views-field-title a:hover{
  color: #b2b2b2;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type {
  background: url(./../images/document.png) no-repeat left center;
  background-size: contain;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationpdf {
  background: url(./../images/pdf-icon.png) no-repeat left center;
  background-size: contain;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationvndopenxmlformats-officedocumentwordprocessingmldocument ,
#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationmsword {
  background: url(./../images/word.png) no-repeat left center;
  background-size: contain;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationvndopenxmlformats-officedocumentspreadsheetmlsheet,
#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationvndms-excel,
#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationmsexcel {
  background: url(./../images/excel.png) no-repeat left center;
  background-size: contain;
}

#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationvndopenxmlformats-officedocumentpresentationmlpresentation,
#documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row .file-type.applicationvndms-powerpoint {
  background: url(./../images/powerpoint.png) no-repeat left center;
  background-size: contain;
}

#documents .more-link {
  position: absolute;
  top: -115px;
  right: 30px;
  display: inline-block;
}

#documents .more-link a {
  text-decoration: none;
  line-height: 1;
  font-size: 18px;
  color: rgb(65, 65, 65);
  background: url("./../images/yellow-arrow.png") no-repeat right center;
  position: relative;
  display: inline-block;
  padding-right: 40px;
}

#documents .more-link a:hover {
  color: #1f1f1f;
}

#documents #block-quicktabsdocuments .view-document-types .view-content .views-row{
  width: 33.33333%;
  float: left;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  padding-right: 20px;
}

#documents #block-quicktabsdocuments .view-document-types .view-content .views-row .views-field-name a{
  text-decoration: none;
  color: #fff;
  position: relative;
  display: block;
  padding-left: 15px;
}

#documents #block-quicktabsdocuments .view-document-types .view-content .views-row .views-field-name a:hover{
  color: #b2b2b2;
}

#documents #block-quicktabsdocuments .view-document-types .view-content .views-row .views-field-name a:before{
  content: "";
  height: 5px;
  width: 5px;
  background: #c99900;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}

/*Member States*/
#members {
  background: #ffffff;
  padding: 70px 0;
}

#members #block-views-block-member-states-block-1 h2 {
  font-size: 24px;
  color: rgb(201, 153, 0);
  font-weight: bold;
  line-height: 1.125;
  display: block;
  position: relative;
  overflow-x: hidden;
  margin-top: 0;
  padding-left: 15px;
}

#members #block-views-block-member-states-block-1 h2:after {
  content: "";
  height: 1px;
  width: 100%;
  background: rgb(201, 153, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto auto auto 180px;
}

#members #block-views-block-member-states-block-1 .block-content .view-content {
  background: #e1e1e1;
  padding: 15px 15px 13px 15px;
}

#members #block-views-block-member-states-block-1 .views-row {
  width: 6.25%;
  display: inline-block;
  float: left;
  padding: 0 7px;
}

#members #block-views-block-member-states-block-1 .views-row img{
  height: 40px;
  width: auto;
}

#members #block-views-block-member-states-block-1 .views-row img:hover {
  opacity: 0.8;
}


/*Newsletter*/
#newsletter{
  background: #e3e3e3 url("./../images/newsletter-background.png") repeat top center;
  padding: 40px 0;
  background-size: cover;
}

#newsletter #block-simplenewssubscription > h2 {
  font-size: 25px;
  color: rgb(54, 54, 54);
  text-align: center;
  font-weight: 300;
  display: block;
  margin-bottom: 15px;
}

#newsletter #block-simplenewssubscription .block-content > form {
  display: block;
  position: relative;
  clear: both;
  width: 60%;
  margin: 0 auto;
}

#newsletter #block-simplenewssubscription .block-content > form .field--type-email .form-item input{
  display: block;
  position: relative;
  width: 100%;
  background: #fff;
  border: none;
  border-radius: 20px;
  padding: 10px 30px;
  outline: none;
}

#subpage #newsletter #block-simplenewssubscription .block-content > form .field--type-email .form-item input {
  background: #ebebeb;
}

#newsletter #block-simplenewssubscription .block-content > form .field--type-email .form-item label,
#newsletter #block-simplenewssubscription .block-content > form .field--type-email .form-item .description{
  display: none;
}

#newsletter #block-simplenewssubscription .form-actions {
  text-align: center;
}

.anonymous #newsletter #block-simplenewssubscription .form-actions {
  position: absolute;
  top: 0;
  right: 0;
}

#newsletter #block-simplenewssubscription .form-actions .button {
  color: #fff;
  background: #1b9059 url(./../images/subscribe.png) no-repeat 90% center;
  border: none;
  padding: 10px 50px 10px 20px;
  border-radius: 20px;
  display: inline-block;
  margin: 0 auto;
}

#newsletter #block-simplenewssubscription .form-actions .button {
  color: #fff;
  background: #1b9059 url(./../images/subscribe.png) no-repeat 90% center;
  border: none;
  padding: 10px 50px 10px 20px;
  border-radius: 20px;
  display: inline-block;
  margin: 0 auto;
}

.anonymous #newsletter #block-simplenewssubscription .form-actions .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#newsletter #block-simplenewssubscription .form-actions .button:hover {
  background: #074d2c url(./../images/subscribe.png) no-repeat 90% center;
  cursor: pointer;
}

/*Sub Footer*/
#sub-footer{
  background: #0f1f12 url("./../images/footer-pattern.png") repeat center top;
  padding: 0;
}

#sub-footer .container{
  padding: 60px 0;
  border-top: 4px solid #c99900;
	position: relative;
}

#sub-footer .container .region-sub-footer {
	position: relative;
	display: block;
}

#sub-footer #block-socialmedialinks {
    position: absolute;
    right: 340px;
    top: 5px;
    z-index: 200;
    display: inline-block;
}

#subpage #sub-footer #block-socialmedialinks {
    right: 205px;
}

#sub-footer #block-footercontactus .field--name-body .address {
	padding-left: 0;
}

#sub-footer .field--name-body .social-media {
	padding-bottom: 20px;
}

#sub-footer .field--name-body .social-media a{
	margin-right: 10px;
}

#sub-footer .field--name-body .social-media a:hover{
	opacity: 0.8;
}

#sub-footer #block-footercontactus .block-content p,
#sub-footer #block-footeraboutus .block-content p{
  color: #fff;
  font-size: 15px;
}

#sub-footer #block-footeraboutus .block-content .field--name-body {
  padding-right: 50px;
}

#sub-footer #block-footeraboutus .block-content .field--name-body p img {
  	display: block;
  	margin-bottom: 10px;
	float: left;
    margin-right: 20px;
}

#sub-footer #block-footercontactus .block-content .field--name-body h3{
  font-size: 18px;
  color: rgb(201, 153, 0);
  font-weight: bold;
}

#sub-footer #block-footercontactus .block-content .field--name-body .col-xs-4{
  padding-left: 0;
}

#sub-footer #block-footercontactus .block-content .field--name-body p {
  line-height: 1;
  margin: 0;
}

#sub-footer #block-footercontactus .block-content .field--name-body p a {
  color: #fff;
}

#sub-footer #block-footercontactus .block-content .field--name-body p a:hover {
  color: #a9a4a4;
}

#sub-footer #block-footercontactus .block-content .field--name-body p em {
  color: rgb(201, 153, 0);
  font-style: normal;
  width: 60px;
  display: inline-block;
}

/*Footer*/
#footer {
  background: #253b84;
  padding: 10px 0;
}

#footer #block-copyright .block-content p{
  color: #fff;
  font-size: 14px;
  margin: 0;
  line-height: 1;
}

#footer #block-theme-footer {
  text-align: right;
}

#footer #block-theme-footer .menu {
  text-align: right;
  display: inline-block;
  margin: 0;
  padding: 0;
}

#footer #block-theme-footer .menu li{
  float: left;
  display: inline-block;
  margin-right: 0;
}

#footer #block-theme-footer .menu li a{
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
}

#footer #block-theme-footer .menu li a.staff-tools {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

#footer #block-theme-footer .menu li a.staff-tools:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    background: #fff;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-left: 10px;
}

#footer #block-theme-footer .menu li a:hover{
  color: #d2d2d2;
}

/*Sub Page*/
#subpage #wrapper #content {
  /*background: #f6f8f9 url("./../images/page-title-bg.png") no-repeat left 140px;*/
  background: #f6f8f9;
  padding: 30px 0 70px;
}

#subpage #wrapper #content h1,
#subpage #wrapper #content h2,
#subpage #wrapper #content h3,
#subpage #wrapper #content h4,
#subpage #wrapper #content h1 *,
#subpage #wrapper #content h2 *,
#subpage #wrapper #content h3 *,
#subpage #wrapper #content h4 *{
  color: #0a4595;
  font-weight: bold;
  margin: 20px 0 10px;
}

#subpage #wrapper #content h1,
#subpage #wrapper #content h1 *{
  font-size: 24px;
  margin-bottom: 30px;
}

#subpage #wrapper #content h2,
#subpage #wrapper #content h2 *{
  font-size: 22px;
}

#subpage #wrapper #content h3,
#subpage #wrapper #content h3 *{
  font-size: 20px;
}

#subpage #wrapper #content h4,
#subpage #wrapper #content h4 *{
  font-size: 18px;
	color: #cd9a48;
}

#subpage #wrapper #content:after {
  background: rgb(226,228,229);
  background: linear-gradient(0deg, rgba(226,228,229,1) 0%, rgba(246,248,249,1) 50%);
  height: 30px;
  width: 100%;
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  z-index: 10;
}

/*Breadcrumbs*/
#subpage #content-top {
  padding: 20px 0;
  background: #f6f8f9;
	padding-top: 100px;
}

#subpage #content-top .region-content-top {
	margin: 0 -15px;
}

#subpage #content-top #block-breadcrumbs nav ol,
#subpage #content-top #block-theme-breadcrumbs nav ol{
  margin: 0;
  list-style: none;
  padding: 0;
}

#subpage #content-top #block-breadcrumbs nav ol li,
#subpage #content-top #block-theme-breadcrumbs nav ol li{
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
}

#subpage #content-top #block-breadcrumbs nav ol li:not(:last-child):after,
#subpage #content-top #block-theme-breadcrumbs nav ol li:not(:last-child):after {
	color: #8c8c8c;
    content: "";
    display: inline-block;
    font-size: 35px;
    position: absolute;
    top: 5px;
    line-height: 1;
    right: -6px;
	background: url("./../images/next-brcb.png") no-repeat center;
	height: 6px;
	width: 10px;
	background-size: contain;
}

#subpage #content-top #block-breadcrumbs nav ol li,
#subpage #content-top #block-breadcrumbs nav ol li a,
#subpage #content-top #block-theme-breadcrumbs nav ol li,
#subpage #content-top #block-theme-breadcrumbs nav ol li a{
  color: #b9b9b9;
  text-decoration: none;
  font-size: 14px;
	text-transform: uppercase;
}

#subpage #content-top #block-breadcrumbs nav ol li a:hover {
	text-decoration: underline;
}

#subpage #content-top #block-breadcrumbs nav ol li:last-child {
	color: #cd9a48;
    border-bottom: 1px solid #cd9a48;
	padding: 0;
    display: inline;
}

/*Sub Page Newsletter*/
#subpage #newsletter {
  background: #ffffff;
}

/*Grid Type One*/
.grid-type-one .column {
  margin-bottom: 30px;
}

.grid-type-one .views-field-field-images img {
  border-radius: 10px;
}

.grid-type-one .views-field-field-date {
    margin-top: 10px;
}

.grid-type-one .views-field-title {
  margin-top: 10px;
}

.grid-type-one .views-field-title a {
  color: #686868;
  text-decoration: none;
}

.grid-type-one .views-field-title a:hover {
  color: #1a1a1a;
}

/*Grid Type Two*/
.grid-type-two .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.grid-type-two .views-view-grid .grid-item {
  margin-bottom: 40px;
}

.grid-type-two .views-view-grid .grid-item .column{
  border: 1px solid #e4e6e7;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 1px 1px 4px 1px #e4e6e7;
  display: block;
  height: 100%;
  position: relative;
  background: #fff;
}

.grid-type-two .views-view-grid .grid-item .column:hover{
  background: #134b99;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-view-node{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0!important;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-view-node a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-fieldset{
  margin-bottom: 10px;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-fieldset .date-large .field-content,
.grid-type-two .views-view-grid .grid-item .column .views-field-fieldset .date-small .field-content,
.view-upcoming-events .views-view-grid .grid-item .column .views-field-fieldset .views-field-field-date-event .field-content,
.view-upcoming-events .views-view-grid .grid-item .column .views-field-fieldset .views-field-field-date-event-1 .field-content{
  color: #5e5e5e;
  display: block;
  margin-bottom: 15px;
  position: relative;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-fieldset .date-large .field-content,
.view-upcoming-events .views-view-grid .grid-item .column .views-field-fieldset .views-field-field-date-event .field-content{
  font-size: 30px;
  line-height: 0.592;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-fieldset .date-small .field-content,
.view-upcoming-events .views-view-grid .grid-item .column .views-field-fieldset .views-field-field-date-event-1 .field-content{
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.116;
}

.grid-type-two .views-view-grid .grid-item .column .views-field-title a{
  font-size: 18px;
  color: #134b99 !important;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
}

.view-upcoming-events .views-view-grid .grid-item .column .views-field-field-location .field-content{
  color: #5e5e5e;
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.2;
}

.grid-type-two .views-view-grid .grid-item .column:hover *{
  color: #fff !important;
}

.grid-type-two .views-view-grid .grid-item .column:hover a{
  color: #fff !important;
}

.views-view-grid .grid-item .column .views-field-fieldset .date-green .field-content{
    color: #1a8e58 !important;
}

.views-view-grid .grid-item .column .views-field-fieldset .views-field-nothing {
    margin-bottom: 7px;
    display: block;
}

/*Grid Type Three*/
.grid-type-three .views-row{
  display: block;
  clear: both;
  margin-bottom: 20px;
  border: 1px solid #e4e6e7;
  border-radius: 20px;
  box-shadow: 1px 1px 4px 1px #e4e6e7;
  height: 100%;
  position: relative;
  background: #fff;
}

.grid-type-three .views-row .view-content{
  float: left;
  width: 30%;
}

.grid-type-three .views-row .grid-image{
  float: left;
  width: 30%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  line-height: 0;
}

.grid-type-three .views-row .views-field-fieldset{
  float: left;
  width: 70%;
  padding: 20px 30px;
}

.grid-type-three .views-row .views-field-title a{
  font-size: 20px;
  color: rgb(109, 109, 109);
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-bottom: 15px;
}

.grid-type-three .views-row .views-field-title a:hover{
  color: rgb(30, 29, 29);
}

.grid-type-three .views-row .views-field-view-node a{
  color: #fff !important;
  background: #134b99;
  text-decoration: none;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 20px;
  margin-top: 10px;
  border: 1px solid #134b99;
}

.grid-type-three .views-row .views-field-view-node a:hover{
  color: #134b99 !important;
  background: #fff;
  border: 1px solid #134b99;
}

/*Grid Type Four*/
.grid-type-four .views-row{
  display: block;
  clear: both;
  margin-bottom: 20px;
  border: 1px solid #e4e6e7;
  border-radius: 20px;
  box-shadow: 1px 1px 4px 1px #e4e6e7;
  height: 100%;
  position: relative;
  background: #fff;
  padding: 40px;
}

.grid-type-four .views-row .text-small .field-content{
  font-size: 12px;
  color: rgb(10, 69, 149);
  line-height: 1.2;
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
}

.grid-type-four .views-row .views-field-title a{
  font-size: 20px;
  color: rgb(109, 109, 109);
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-bottom: 15px;
}

.grid-type-four .views-row .views-field-title a:hover{
  color: rgb(30, 29, 29);
}

.grid-type-four .views-row .views-field-view-node a{
  color: #fff !important;
  background: #134b99;
  text-decoration: none;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 20px;
  margin-top: 10px;
  border: 1px solid #134b99;
}

.grid-type-four .views-row .views-field-view-node a:hover{
  color: #134b99 !important;
  background: #fff;
  border: 1px solid #134b99;
}

/*Grid Type Five*/
.grid-type-five {

}

.grid-type-five .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.grid-type-five .views-view-grid .grid-item {
  margin-bottom: 40px;
}

.grid-type-five .views-view-grid .grid-item .column{
  display: block;
  height: 100%;
  position: relative;
}

.grid-type-five .views-view-grid .grid-item .column .grid-image{
  border-radius: 20px;
}

.grid-type-five .views-view-grid .grid-item .column .grid-image video{
  max-width: 100%;
  height: auto;
}

.grid-type-five .views-view-grid .grid-item .column .small-text{
  display: block;
  margin-top: 10px;
}

.grid-type-five .views-view-grid .grid-item .column .small-text .field-content *{
  font-size: 12px;
  color: rgb(10, 69, 149);
  line-height: 1.2;
  font-weight: bold;
}

.grid-type-five .views-view-grid .grid-item .column .views-field-title .field-content a{
  font-size: 18px;
  color: rgb(104, 104, 104);
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  display: block;
  margin-top: 10px;
}

.grid-type-five .views-view-grid .grid-item .column .views-field-title .field-content a:hover{
  color: rgb(24, 24, 24);
}

/*Grid Type Six*/
.grid-type-six {

}

.grid-type-six .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.grid-type-six .views-view-grid .grid-item {
  margin-bottom: 40px;
}

.grid-type-six .views-view-grid .grid-item .column{
  display: inline-block;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.grid-type-six .views-view-grid .grid-item .column .grid-image{
  border-radius: 20px;
}

.grid-type-six .views-view-grid .grid-item .column .views-field-title{
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  padding: 40px 20px 20px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%);
}

.grid-type-six .views-view-grid .grid-item .column .views-field-title a{
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  text-decoration: none;
}

.grid-type-six .views-view-grid .grid-item .column .views-field-title a:hover{
  color: #9a9a9a !important;
}

/*Grid Type Seven*/
.grid-type-seven .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.grid-type-seven .views-view-grid .grid-item {
  margin-bottom: 40px;
}

.grid-type-seven .views-view-grid .grid-item .column{
  padding: 40px;
  border-radius: 20px;
  box-shadow: 1px 1px 4px 1px #e4e6e7;
  display: block;
  height: 100%;
  position: relative;
  background: #c99900;
  width: 100%;
}

.grid-type-seven .views-view-grid .grid-item .column:hover{
  background: #134b99;
}

.grid-type-seven .views-view-grid .grid-item .column .views-field-view-node{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.grid-type-seven .views-view-grid .grid-item .column .views-field-view-node a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.grid-type-seven .views-view-grid .grid-item .column .text-small{
  margin-bottom: 20px;
}

.grid-type-seven .views-view-grid .grid-item .column .text-small .field-content{
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
}

.grid-type-seven .views-view-grid .grid-item .column .views-field-title * {
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  color: rgb(66, 66, 66);
}

#subpage #block-theme-content .grid-type-seven .views-view-grid .grid-item .column .views-field-title a {
  color: #fff;
}

.grid-type-seven .views-view-grid .grid-item .column:hover *{
  color: #fff !important;
}

/*Grid Type Seven*/
.grid-type-eight .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.grid-type-eight .views-view-grid .grid-item {
  margin-bottom: 40px;
}

.grid-type-eight .views-view-grid .grid-item .column{
    border: 1px solid #e4e6e7;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 1px 1px 4px 1px #e4e6e7;
    display: block;
    height: 100%;
    position: relative;
    background: #fff;
}

.grid-type-eight .views-view-grid .grid-item .column .views-field-view-node{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.grid-type-eight .views-view-grid .grid-item .column .views-field-view-node a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* Grid Type Nine */
.grid-type-nine .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.grid-type-nine .views-view-grid .grid-item {
  margin-bottom: 40px;
}

.grid-type-nine .views-view-grid .grid-item .column{
    border: 1px solid #e4e6e7;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 1px 1px 4px 1px #e4e6e7;
    display: block;
    height: 100%;
    position: relative;
    background: #fff;
 	padding: 30px;
/*     border: 1px solid #e4e6e7; */
    border-radius: 20px;
    box-shadow: 1px 1px 4px 1px #e4e6e7;
	background: linear-gradient(137deg, rgba(26,142,88,1) 0%, rgba(19,75,153,1) 100%);
    border-top: 15px solid #c59b2d;
    color: #fff;
}

.grid-type-nine .views-view-grid .grid-item .column .views-field-field-url{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.grid-type-nine .views-view-grid .grid-item .column .views-field-field-url a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.grid-type-nine .views-view-grid .grid-item .column .views-field-title h4 {
	text-align: center;
    color: #fff  !important;
    font-weight: bold;
    margin: 0 0 10px !important;
}

.grid-type-nine .views-view-grid .grid-item .column .views-field-title img {
	top: 10px;
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0 !important;
}

.grid-type-nine .views-view-grid .grid-item .column .views-field-body p {
	text-align: center !important;
	color: #fff !important;
    margin-top: 30px;
}

.grid-type-nine .views-view-grid .grid-item .column:hover {
    background: #134b99;
}

.grid-type-nine .views-view-grid .grid-item .column:hover * {
    color: #fff !important;
}

/*Statistics Page*/
.page-node-3163 #block-views-block-statistics-slide-block-1 .slick-dots {
    width: 100%;
}

.page-node-3163 .grid-type-eight .views-view-grid {
    margin-top: 40px;
}

.page-node-3163 .grid-type-eight .views-view-grid .grid-item .column .views-field-field-link a{
    color: #fff;
    background: #0a4595;
    text-decoration: none;
    border-radius: 20px;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
}

.page-node-3163 .grid-type-eight .views-view-grid .grid-item .column .views-field-field-link a:hover{
    background: #012d68;
}

.page-node-3163 .grid-type-eight .views-view-grid .grid-item .column .views-field-field-icon {
    float: left;
    padding-right: 15px;
}

.page-node-3163 .grid-type-eight .views-view-grid .grid-item .column .views-field-title {
    color: #0a4595;
    font-weight: bold;
    padding-top: 10px;
}

.page-node-3163 .grid-type-eight .views-view-grid .grid-item .column .views-field-title span {
    color: #0a4595;
    font-weight: bold;
    font-size: 18px;
}

.page-node-3163 .grid-type-eight .views-view-grid .grid-item .column .views-field-body {
    clear: both;
    padding-top: 5px;
    display: block;
    position: relative;
}

.page-node-3163 #wrapper #block-theme-content .field--name-body h2 {
    display: inline-block;
    background: #c99900;
    padding: 20px;
    margin-top: 0;
    color: #fff !important;
}

/*Content Grid*/
.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid {
  clear: both;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid p {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 0 10px;
    border-radius: 20px;
    position: relative;
    height: inherit;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid p a {
    display: block;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    color: rgb(201, 153, 0);
    text-align: center;
    padding: 30px;
    border: 1px solid #e4e6e7;
    border-radius: 20px;
    box-shadow: 1px 1px 4px 1px #e4e6e7;
    height: 100%;
    position: relative;
    background: #fff;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid p a:hover {
  background: #0d663d;
  color: #fff;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 0 10px;
    border-radius: 20px;
    position: relative;
    height: inherit;
	margin-bottom: 20px;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item .wrapper {
    display: block;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    color: rgb(201, 153, 0);
    text-align: center;
    padding: 30px;
    border: 1px solid #e4e6e7;
    border-radius: 20px;
    box-shadow: 1px 1px 4px 1px #e4e6e7;
    height: 100%;
    position: relative;
    background: #fff;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item .wrapper h4 {
	text-align: center;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item .wrapper p {
    width: 100%;
	float: none;
	text-align: center;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item .wrapper a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 100%;
    z-index: 5;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item .wrapper:hover {
    background: #0d663d;
}

.page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid .item .wrapper:hover * {
    color: #fff;
}

/* Statistics Counters */
#block-views-block-sadc-statistics-counters-block-1 h2 {
  margin-bottom: 30px !important; 
}

#block-views-block-sadc-statistics-counters-block-1 .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .grid-item {
    margin-bottom: 30px;
    padding-left: 0;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-field-icon {
	float: left;
    border-radius: 50%;
    margin: 0;
    position: relative;
    display: inline-block;
    text-align: center;
    min-width: 100px;
    min-height: 100px;
    width: 30%;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-field-icon .field-content {
    text-align: center;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-field-icon .field-content:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #1a8e58;
	height: 100px;
	width: 100px;
	border-radius: 50%;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-field-icon .field-content img{
	z-index: 20;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset {
	padding-top: 10px;
    width: 70%;
    float: left;
    padding-left: 15px;
    margin: 0;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset .views-field-title .field-content {
  font-size: 13px;
  color: rgb(86, 86, 86);
  font-weight: bold;
  line-height: 1.2;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset .views-field-field-value-number .field-content span,
#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset .views-field-field-value .field-content{
  font-size: 25px;
  color: rgb(201, 153, 0);
  line-height: 1.2;
  font-weight: bold;
	display: inline-block;
	margin: 0;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset .views-field-field-value .field-content span{
  font-size: 25px;
  color: rgb(201, 153, 0);
  line-height: 1.2;
  font-weight: bold;
	display: inline-block;
	margin: 5px 0;
}

#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset .views-field-field-date-text .field-content{
  font-size: 15px;
  color: rgb(86, 86, 86);
  line-height: 1.2;
}

/*Staff Tools*/
 #subpage #wrapper #block-theme-content .node__content {
     position: relative;
     display: block;
 }
 
.page-node-3163.page-node-type-page #subpage #wrapper #block-theme-content .field--name-field-image,
.page-node-2886.page-node-type-page #subpage #wrapper #block-theme-content .field--name-field-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    display: none;
}

.page-node-3163.page-node-type-page #subpage #wrapper #block-theme-content .field--name-body,
.page-node-2886.page-node-type-page #subpage #wrapper #block-theme-content .field--name-body {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    float: right;
    margin-top: 40px;
    z-index: 100;
}

/*Webform*/
.page-node-type-webform #wrapper #content #block-theme-content form {
  display: block;
  position: relative;
  max-width: 80%;
}

#subpage .webform-submission-form .form-item,
.page-node-type-webform #wrapper #content #block-theme-content .form-item {
  display: block;
  position: relative;
  padding-bottom: 20px;
  clear: both;
}

.page-node-type-webform #wrapper #content #block-theme-content .form-item.radios--wrapper .fieldset-wrapper .form-item{
  display: inline-block;
  width: auto;
  padding-right: 20px;
}

#subpage .webform-submission-form .form-item label,
.page-node-type-webform #wrapper #content #block-theme-content .form-item .fieldset-legend,
.page-node-type-webform #wrapper #content #block-theme-content .form-item label {
  color: #134b99;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

#subpage .webform-submission-form .form-item textarea,
#subpage .webform-submission-form .form-item input,
.path-user #wrapper #content #block-theme-content .form-item textarea,
.path-user #wrapper #content #block-theme-content .form-item input,
.page-node-type-webform #wrapper #content #block-theme-content .form-item textarea,
.page-node-type-webform #wrapper #content #block-theme-content .form-item input {
  border: 1px solid #e1e1e1;
  color: #282828;
  border-radius: 4px;
  padding: 15px 20px;
  width: 100%;
  font-size: 20px;
}

#subpage .webform-submission-form .form-item .form-required:after,
.page-node-type-webform #wrapper #content #block-theme-content .form-item .form-required:after {
  content: "  *";
  color: red;
}

#subpage .webform-submission-form .form-item  input.form-checkbox,
.page-node-type-webform #wrapper #content #block-theme-content .form-item input.form-checkbox {
  display: inline-block;
  width: auto;
  float: left;
  margin-right: 10px;
}

.page-node-type-webform #wrapper #content #block-theme-content .form-item.radios--wrapper .fieldset-wrapper .form-item input {
  margin: 0 auto;
}


#subpage .webform-submission-form .form-item select,
.page-node-type-webform #wrapper #content #block-theme-content .form-item select {
  border: 1px solid #e1e1e1;
  color: #282828;
  border-radius: 4px;
  padding: 15px 20px;
  width: 100%;
  font-size: 20px;
}

#subpage .webform-submission-form .form-actions.form-wrapper,
.page-node-type-webform #wrapper #content #block-theme-content .form-actions.form-wrapper {
  display: block;
  clear: both;
  margin-bottom: 30px;
}

#subpage .webform-submission-form input[type="submit"],
#subpage #wrapper #content #block-theme-content input[type="submit"],
.page-node-type-webform #wrapper #content #block-theme-content .form-actions.form-wrapper input {
  background: #134b99;
  border: none;
  color: #fff;
  padding: 15px 25px;
  border-radius: 4px;
}

#subpage .webform-submission-form input[type="submit"]:hover,
#subpage #wrapper #content #block-theme-content input[type="submit"]:hover,
.page-node-type-webform #wrapper #content #block-theme-content .form-actions.form-wrapper input:hover {
  background: #062552;
  cursor: pointer;
}

/*QuickTabs*/
#subpage #content .block-quicktabs .quicktabs-tabs{
    position: relative;
    margin: 0;
    padding: 0;
}

#subpage #content .block-quicktabs .quicktabs-tabs li{
    display: inline-block;
    position: relative;
    padding-right: 50px;
}

#subpage #content .block-quicktabs .quicktabs-tabs li#quicktabs-tab-documents-0:after{
    background: #a8a8a8;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 20px;
    content: "";
    margin: auto;
}

#subpage #content .block-quicktabs .quicktabs-tabs li a{
    color: #a8a8a8;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

#subpage #content .block-quicktabs .quicktabs-tabs li a:hover{
    color: #3168b5;
}

#subpage #content .block-quicktabs .quicktabs-tabs li.active a{
    color: #134b99;
}

#subpage #content .block-quicktabs .quicktabs-tabpage td ul {
    list-style: none;
    padding: 0;
}

/*View Filters*/
.view .view-filters .views-exposed-form {
    margin-bottom: 30px;
    overflow: hidden;
}

.view .view-filters .views-exposed-form .form-item {
  float: left;
  display: inline-block;
  position: relative;
  padding-right: 30px;
  margin-bottom: 20px;
}

.view .view-filters .views-exposed-form .form-item label {
  color: #134b99;
}

.view .view-filters .views-exposed-form .form-item input {
  border: 1px solid #e1e1e1;
  color: #282828;
  border-radius: 4px;
  padding: 15px 25px;
}

.view .view-filters .views-exposed-form .form-item select {
  border: 1px solid #e1e1e1;
  color: #282828;
  border-radius: 4px;
  padding: 15px 25px;
}

.view .view-filters .views-exposed-form .form-actions.form-wrapper {
  display: inline-block;
}

.view .view-filters .views-exposed-form .form-actions.form-wrapper input {
  background: #134b99;
  border: none;
  color: #fff;
  padding: 15px 25px;
  border-radius: 4px;
  margin-left: 30px;
}

.view .view-filters .views-exposed-form .form-actions.form-wrapper input:hover {
  background: #062552;
  cursor: pointer;
}

/*Contact Page*/
.page-node-2884 #wrapper #block-theme-content .field--name-body .column{
  float: left;
  display: inline-block;
  width: auto;
  padding-right: 150px;
}

.page-node-2884 #wrapper #block-theme-content .field--name-body .email{
  clear: both;
  display: block;
  position: relative;
}

.page-node-2884 #wrapper #block-webform,
.page-node-2884 #wrapper #block-theme-content .field--name-body #contact-details {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    padding-right: 40px;
}

.page-node-2884 #wrapper #block-webform {
    z-index: 100;
}

.page-node-2884 #wrapper #block-theme-content .field--name-body .mapouter {
	display: block;
    clear: both;
    padding-top: 80px;
}

.page-node-2884 #wrapper #block-theme-content .field--name-body #contact-details h3{
	margin-top: 0;
}

/*Member States*/
.path-member-states #wrapper #block-theme-content .state-item {
	padding-right: 0;
}

.path-member-states #wrapper #block-theme-content .view-content {
    padding-left: 50%;
    background-image: url(./../images/states.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50%;
    background-color: #fff;
}

.path-member-states #wrapper #block-theme-content .view-content .views-view-grid{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
    background: #134b99;
padding-top: 20px;
}

.path-member-states #wrapper #block-theme-content .view-content .views-view-grid .column{
  margin-bottom: 10px;
  text-align: center ;
}

.path-member-states #wrapper #block-theme-content .view-content .views-view-grid .column *{
/*   text-align: center ; */
}

.path-member-states #wrapper #block-theme-content .views-field-field-flag {
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
}

.path-member-states #wrapper #block-theme-content .views-field-field-flag img{
  height: 50px;
  width: auto;
  max-width: none;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}

.path-member-states #wrapper #block-theme-content .views-field-field-flag img:hover{
  opacity: 0.8;
}

.path-member-states #wrapper #block-theme-content .views-field-title {
	padding-top: 5px;
}

.path-member-states #wrapper #block-theme-content .views-field-title a{
    font-size: 14px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    text-decoration: none;
}

.path-member-states #wrapper #block-theme-content .views-field-title a:hover{
  color: #05162f;
}

/*News*/
.page-node-type-news-item #wrapper #block-theme-content .field--name-field-date{
  display: block;
  margin-bottom: 20px;
}

.page-node-type-news-item #wrapper #block-theme-content .field--name-field-images {
  display: block;
  clear: both;
}

.page-node-type-news-item #wrapper #block-theme-content .field--name-field-images .field__item {
  display: inline-block;
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
}

/*Page Title*/
#wrapper #page-title{
  padding: 0 0 30px 0;
}

#wrapper #page-title #block-pagetitle h1 {
  margin: 0;
}

/*Member State Node*/
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-flag {
  clear: none;
  display: inline-block;
  float: left;
  margin: 0 20px 20px 0;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-body {
  clear: none;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point article,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators article, 
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-body article{
  clear: both;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point article,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators article{
  margin-bottom: 20px;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators h2 a:before,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point h2 a:before{
    display: none!important;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators h2 a,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point h2 a{
    padding: 0!important;
    margin: 0!important;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators h2 a span,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point h2 a span{
    color: #fff !important;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators h2 a span:hover,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point h2 a span:hover {
    color: #d5d5d5 !important;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators .field__label,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point .field__label {
    /*float: left!important;*/
    font-size: 16px!important;
    font-weight: normal!important;
    color: #fff!important;
    padding-right: 5px!important;
    display: inline-block!important;
    font-weight: bold!important;
    margin-bottom: 7px!important;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators .field__items,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators .field__label, 
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point .field__items,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point .field__label {
    display: inline-block;
}

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators .field__items .field__item:after,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point .field__items .field__item:after{
    content: ", ";
} 

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators .field__items .field__item:last-child:after,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point .field__items .field__item:last-child:after{
    content: "";
} 

.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-media-coordinators article .node__content > .field,
.page-node-type-member-states #subpage #wrapper #block-theme-content .field--name-field-sadc-national-focal-point article .node__content > .field{
    display: inline-block;
    width: 33.3333%;
    float: left;
} 

#block-pagetitle {
    clear: both;
}

/*Upcoming Events*/
.path-events #wrapper #block-theme-content .view-header {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.path-events .view .view-filters .views-exposed-form {
    padding-right: 185px;
}

/*Event Node*/
#wrapper #page-title.page-heading-one {
  position: relative;
  display: block;
  clear: both;
  color: #fff !important;
}

#wrapper #page-title.page-heading-one h1{
  margin: 0 0 20px 0 !important;
}

#wrapper #page-title.page-heading-one * {
  color: #fff !important;
}

#wrapper #page-title.page-heading-one a {
  color: #c99900 !important;
  text-decoration: none;
}

#wrapper #page-title.page-heading-one a:hover {
  text-decoration: underline;
}

#wrapper #page-title.page-heading-one .wrapper {
  position: relative;
  display: block;
  clear: both;
}

#wrapper #page-title.page-heading-one .wrapper:before {
  background: url("./../images/sadc_flag.png") no-repeat center right;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  margin: auto;
  width: 100%;
  height: 100%;
  background-size: contain;
}

#wrapper #page-title.page-heading-one .inner {
  position: relative;
  display: block;
  clear: both;
  padding: 60px 100px;
  background: rgb(10,69,149);
  background: linear-gradient(90deg, rgba(10,69,149,1) 0%, rgba(10,69,149,1) 55%, rgba(10,69,149,0.9136029411764706) 65%, rgba(10,69,149,0) 80%);
}

#wrapper #page-title.page-heading-one .inner .title-wrapper .flag {
    float: left;
    margin: 0 20px 20px 0;
}

#wrapper #page-title.page-heading-one .inner .title-wrapper .region-page-title {
    padding-top: 12px;
}

#wrapper #page-title.page-heading-one .inner .location,
#wrapper #page-title.page-heading-one .inner .details{
  display: block;
  clear: both;
  position: relative;
  width: 100%;
  padding: 15px 0;
}

#wrapper #page-title.page-heading-one .inner .details{
  border-top: 1px solid #4e78b3;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

#wrapper #page-title.page-heading-one .inner p{
    display: inline-block;
    width: 49%;
    padding-right: 15px;
    margin-right: 0;
    float: left;
    font-weight: lighter;
}

#wrapper #page-title.page-heading-one .inner .block-field{
  display: block;
  width: 100%;
  clear: both;
  margin-right: 0;
}

#wrapper #page-title.page-heading-one .inner .block-text{
  display: block;
  width: 100%;
  clear: both;
}

#wrapper #page-title.page-heading-one .inner .block-text p{
  display: block;
  width: 100%;
  clear: both;
  margin: 0 0 1px;
}

#wrapper #page-title.page-heading-one .inner p span{
  font-weight: bold;
}

#wrapper #page-title.page-heading-two:before {
  background: url("./../images/page-heading-two.png") no-repeat top left;
	content: "";
	position: absolute;
	left: 0;
	top: 50px;
	width: 520px;
	height: 140px;
}

.page-node-type-event #subpage #wrapper #block-theme-content .field--label-above .field__label{
  display: none;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article {
  background: url("./../images/mic.png") no-repeat center;
  background-size: cover;
  position: relative;
  display: block;
  padding: 20px;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article:after {
  background: rgba(10,69,149,0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article h2,
.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article div:not(.contextual) {
  display: block !important ;
  position: relative;
  z-index: 10;
  text-align: center;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article h2 {
  margin-bottom: 90px !important;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article h2 *{
  color: #fff !important;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article h2 a{
  text-decoration: none;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio article h2 a:hover{
  color: #ccc;
}

.custom-page-audio #wrapper #block-theme-content .field-group-content-grid .field--name-field-audio .audiofield-player label{
  display: none;
}

/*Media Contacts*/
.path-media-coordinators #wrapper #block-theme-content .view-header {
  margin-bottom: 50px;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field {
  margin-bottom: 15px;
  margin-right: 50px;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field-field-member-state {
    position: relative;
    margin: 0;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field-field-member-state .field{
    margin-bottom: 10px !important;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field-field-member-state h2 {
    display: inline-block;
    margin: 0!important;
    position: absolute;
    left: 115px;
    font-size: 14px !important;
    top: 4px;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field-field-member-state h2 span {
    font-size: 14px !important;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field-field-member-state .field--name-field-flag {
    max-width: 50px;
}

.path-media-coordinators #wrapper #block-theme-content .view-content .views-field-field-email .views-label {
  font-weight: bold;
}

/*What We Do Node*/
.page-node-type-what-we-do #wrapper #page-title .region-page-title{
  position: relative;
  display: block;
  clear: both;
}

.page-node-type-what-we-do #wrapper #page-title .wrapper .inner {
  position: relative;
  display: block;
  clear: both;
  padding: 100px;
  background: rgb(201,153,0);
  background: linear-gradient(90deg, rgba(201,153,0,1) 0%, rgba(201,153,0,1) 50%, rgba(201,153,0,0.9136029411764706) 65%, rgba(201,153,0,0) 80%);
}

.page-node-type-what-we-do #wrapper #page-title .wrapper {
  position: relative;
  display: block;
  clear: both;
}

.page-node-type-what-we-do #wrapper #page-title .wrapper:before {
  /*background: url("./../images/flags.jpg") no-repeat center right;*/
  background: url("./../images/sadc_flag.png") no-repeat center right;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  margin: auto;
  width: 100%;
  height: 100%;
  background-size: contain;
}

.page-node-type-what-we-do #wrapper #page-title .wrapper .organ{
  color: #fff;
  margin-top: 20px;
}

.page-node-type-what-we-do #wrapper #page-title .wrapper .organ .label{
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
}

.page-node-type-what-we-do #wrapper #page-title .wrapper .organ .value{
  font-size: 20px;
}

.page-node-type-what-we-do #wrapper #page-title h1 * {
  color: #fff !important;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper{
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 40px;
  margin-bottom: 40px;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper:before,
.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper:after{
  display: table;
  content: " ";
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper:after{
  clear: both;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field{
  width: 50%;
  float: left;
  display: inline-block;
  position: relative;
  padding-right: 30px;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field .field__label{
  font-size: 24px;
  color: rgb(10, 69, 149);
  font-weight: bold;
  line-height: 1.2;
  display: block;
  margin-bottom: 20px;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field__item a,
.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field__items .field__item a{
  color: #5f5f5f;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  text-decoration: none;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field__item a:hover,
.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field__items .field__item a:hover{
  color: #131313;
}

.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field__item a:before,
.page-node-type-what-we-do #wrapper #block-theme-content .pillar-wrapper .field__items .field__item a:before{
  content: "";
  color: #1a8e58;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1a8e58;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 6px;
}

.page-node-type-what-we-do #wrapper #block-theme-content .bottom-group > div{
  display: inline-block;
  float: left;
  position: relative;
  width: 33.3333%;
  padding: 0 15px;
}

.page-node-type-what-we-do #wrapper #block-theme-content .bottom-group > div.field h2{
  display: none;
}

.page-node-type-what-we-do #wrapper #block-theme-content div.field video{
  height: auto;
  width: 100%;
  aspect-ratio: auto;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item h2{
  font-size: 16px;
  color: rgb(69, 69, 69);
  font-weight: bold;
  line-height: 1.2;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item h2 a{
  padding-top: 5px;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item h2 a *:hover{
  color: #000;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item h2 a:before{
  display: none;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item h2 * {
  color: #454545;
  padding-left: 0;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item .field--name-field-date-event,
.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item .field--name-field-date {
  display: block;
  position: absolute;
  top: 0;
  color: #b9b9b9;
}

.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item .field--name-field-date-event time ,
.page-node-type-what-we-do #subpage #wrapper #content #block-theme-content div.field .field__item .field--name-field-date time {
  color: #b9b9b9;
}

.page-node-type-what-we-do #subpage #wrapper #content #page-title .inner .icon {
  position: absolute;
  left: 110px;
  height: 45px;
  width: auto;
  filter: brightness(0) invert(1);
  top: 90px;
}

.page-node-type-what-we-do #subpage #wrapper #content #page-title .inner .has-icon {
  padding-left: 90px;
}

.page-node-type-what-we-do #wrapper #content #block-mainnavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.page-node-type-what-we-do #wrapper #content #block-mainnavigation ul li {
  width: auto;
  display: inline-block;
  margin: 0 20px 20px 0;
}

.page-node-type-what-we-do #wrapper #content #block-mainnavigation ul li a {
  display: inline-block;
  color: #3f3f3f;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  background: #fff;
  box-shadow: 4px 4px 10px 1px rgb(0 0 0 / 30%);
  padding: 20px 40px;
  position: relative;
}

.page-node-type-what-we-do #wrapper #content #block-mainnavigation ul li a:hover {
  background: #dadada;
}

.page-node-type-what-we-do #wrapper #content #block-mainnavigation ul li a:before {
  content: "";
  width: 12px;
  height: 45px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  background: #c99900;
}

/*Content Tabs*/
#subpage #wrapper #block-theme-content .field-group-tabs-wrapper {
  display: block;
  clear: both;
  position: relative;
  border-radius: 10px;
  margin: 60px 0;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs{
  border: none;
  background: #134b99;
  border-radius: 10px;
/* 	display: block;
    position: relative!important;
    overflow: visible;
    height: auto;
    width: auto; */
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list{
  background: #c99900;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: none;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li{
  border: none;
  background: transparent;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li a{
  /*background: #c99900;*/
  padding: 25px 60px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.2;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li a:hover{
  background: transparent;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li a *{
  font-size: 24px;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.2;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li a:hover *{
  opacity: 0.8;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li.selected a{
  background: #134b99;
  padding: 25px 60px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li.selected a *{
  color: rgb(255, 255, 255);
  font-weight: bold;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes{
  background: #134b99;
  padding: 30px;
  color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes a{
  color: #fff;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field{
  display: block;
  position: relative;
  margin-bottom: 0;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field .field__label{
  font-size: 24px;
  color: rgb(10, 69, 149);
  font-weight: bold;
  line-height: 1.2;
  display: block;
  margin-bottom: 20px;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field__item a,
#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field__items .field__item a{
  color: #fff;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  text-decoration: none;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-panes .field__item a,
#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-panes .field__items .field__item a{
  color: #343434;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field__item a:hover,
#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field__items .field__item a:hover{
  color: #888888;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field__item a:before,
#subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes .field__items .field__item a:before{
  content: "";
  color: #1a8e58;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1a8e58;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 6px;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-list {
  background: #f3f3f3;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two {
  margin-top: 0;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-panes {
  background: #fff;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs {
  background: #fff;
  border: 1px solid #ebebeb;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-list li a {
  background: #f3f3f3;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-list li a * {
  color: #bbbbbb;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-list li.selected a {
  background: #f3f3f3;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-list li.selected a {
  background: #ffffff;
  color: #134b99;
}

#subpage #wrapper #block-theme-content .field-group-tabs-wrapper.tabs-type-two .horizontal-tabs-list li.selected a * {
  color: #134b99;
}

/*Content Grid*/
#subpage #wrapper #block-theme-content .field-group-content-grid{
  display: block;
  position: relative;
}

#subpage #wrapper #block-theme-content .field-group-content-grid.content-grid-three > div.field{
  display: inline-block;
  float: left;
  width: 33.3333%;
  clear: none;
  padding-right: 15px;
}

#subpage #wrapper #block-theme-content .field-group-content-grid.content-grid-three > div.field figure,
#subpage #wrapper #block-theme-content .field-group-content-grid.content-grid-three > div.field figure *{
  max-width: 100%;
  margin: 0;
  margin-bottom: 10px;
}

#subpage #wrapper #block-theme-content .field-group-content-grid.content-grid-two > div.field{
  display: inline-block;
  float: left;
  width: 50%;
  clear: none;
  padding-right: 15px;
}

#subpage #wrapper #block-theme-content .field-group-content-grid > div.field h2{
  display: none;
}

#subpage #wrapper #block-theme-content .field-group-content-grid .field video{
  height: auto;
  width: 100%;
  aspect-ratio: auto;
}

#subpage #wrapper #content #block-theme-content div.field .field__item h2{
  font-size: 16px;
  color: rgb(69, 69, 69);
  font-weight: bold;
  line-height: 1.2;
}

#subpage #wrapper #content #block-theme-content div.field .field__item h2 a{
  padding-top: 5px;
}

#subpage #subpage #wrapper #content #block-theme-content div.field .field__item h2 a *:hover{
  color: #000;
}

/*Grid Side by Side*/
#subpage #wrapper #block-theme-content .field-group-content-grid.grid-side .left,
#subpage #wrapper #block-theme-content .field-group-content-grid.grid-side .right {
  float: left;
  width: auto;
  display: inline-block;
}

#subpage #wrapper #block-theme-content .field-group-content-grid.grid-side .right {
  padding-left: 30px;
  padding-top: 10px;
}

/*Accordion*/
#subpage #wrapper #content #block-theme-content .accordion-page .clearfix.views-row {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}

#subpage #wrapper #content #block-theme-content .accordion-page .views-row .accordion-header * {
  margin: 0;
  display: inline-block;
  width: auto;
}

#subpage #wrapper #content #block-theme-content .accordion-page .views-row .accordion-header:after {
  content: "";
  border-bottom: 2px solid #0a4595;
  border-right: 2px solid #0a4595;
  width: 12px;
  height: 12px;
  transform: rotate(
          45deg);
  display: inline-block;
  position: relative;
  margin-left: 15px;
  top: -4px;
}

#subpage #wrapper #content #block-theme-content .accordion-page .views-row.open .accordion-header:after {
  transform: rotate(315deg);
  top: 0;
}

#subpage #wrapper #content #block-theme-content .accordion-page .views-row .accordion-header *:hover {
  cursor: pointer;
}

#subpage #wrapper #content #block-theme-content .accordion-page .views-row .accordion-body {
  display: none;
}

#subpage #wrapper #content #block-theme-content .accordion-page .views-row.open .accordion-body {
  display: block;
}

/*Timeline*/
#subpage #wrapper #content #block-theme-content .timeline-page {
  max-width: 80%;
  margin: 0 auto;
  position: relative;
}

#subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-title {
  width: 10%;
  display: inline-block;
  float: left;
  position: relative;
  padding: 20px 30px;
  text-align: right;
}

#subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-title * {
  font-weight: bold;
}

#subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-content {
  width: 90%;
  display: inline-block;
  float: left;
  position: relative;
  padding: 20px 30px;
}

#subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-content:before {
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
  background: #c99900;
  content: "";
}

#subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-content:after {
  position: absolute;
  left: -4px;
  height: 10px;
  width: 10px;
  border: 2px solid #c99900;
  content: "";
  border-radius: 50%;
  background: #f6f8f9;
  z-index: 10;
  top: 26px;
}

#subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-content p {
  margin: 0;
}

/*Audio Fields*/
#subpage #subpage #wrapper #content #block-theme-content .field--name-field-audio.field--type-entity-reference article h2,
#subpage #subpage #wrapper #content #block-theme-content .field--name-field-audio.field--type-entity-reference .audiofield-player label{
  display: none;
}

/*Chart Field*/
#subpage #wrapper #block-theme-content .field.field--name-field-chart article h2 {
  display: none;
}

/*Fields*/
#subpage #wrapper #block-theme-content .field--label-above .field__label{
  font-weight: bold;
  color: #0a4595;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
}

/*Floated Image*/
.page-node-type-page #subpage #wrapper #block-theme-content .field--name-field-image {
    float: left;
    position: relative;
    margin-right: 30px;
}

/*Inline Fields*/
#subpage #wrapper #block-theme-content #field-language-display {
  clear: both;
  display: block;
  margin-bottom: 20px;
}

#subpage #wrapper #block-theme-content .field {
  /*display: inline-block;*/
  margin-bottom: 20px;
}

#subpage #wrapper #block-theme-content .field {
  /*display: inline-block;*/
  margin-bottom: 20px;
	max-width: 100%;
}

#subpage #wrapper #block-theme-content #field-language-display label,
#subpage #wrapper #block-theme-content .field--label-inline .field__label,
#subpage #wrapper #block-theme-content .field--label-inline .field__item{
  display: inline-block;
  width: auto;
  position: relative;
}

#subpage #wrapper #block-theme-content #field-language-display label,
#subpage #wrapper #block-theme-content .field--label-inline .field__label{
  font-weight: bold;
  color: #0a4595;
}

#subpage #wrapper #block-theme-content #field-language-display label:after,
#subpage #wrapper #block-theme-content .field--label-inline .field__label:after{
  content: ": ";
}

/*Responsive Menu*/
#block-responsivemenumobileicon {
  display: none;
}

.mm-navbar_sticky,
.mm-panels>.mm-panel {
  background: #134b99;
}

.mm-panel a:hover {
  background: #1856ad;
}

#frontpage .container {
  position: relative;
}

/*Video Gallery Page*/
.path-photo-library #wrapper #block-theme-content .view-header,
.path-video-gallery #wrapper #block-theme-content .view-header {
    position: absolute;
    right: 0;
    top: -60px;
}

.btn-link {
    color: #fff !important;
    background: #1b9059;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 auto;
    text-decoration: none;
    line-height: 1;
}

.btn-link:hover {
    color: #fff !important;
    background: #0f5836;
}

.btn-link img {
    float: left;
    margin-right: 10px;
}

/*Scroll Header*/
.slim-header #top-wrapper {
	position: relative;
    z-index: 500;
    left: 0;
    right: 0;
    width: 100%;
}

.slim-header #header #block-headerbottomgroup:after,
.slim-header #header #block-headerbottomgroup #block-headertop {
    display: none;
}

.slim-header #header #block-mainnavigation-2 > ul.menu {
    border: none;
}

.slim-header #header #block-theme-branding .logo img {
    max-width: 215px;
}

.slim-header #header #block-theme-search {
    top: 30px;
}

.slim-header #header #block-dropdownlanguage {
    top: 22px;
}

/*Resources Page*/
.path-resources #wrapper #block-theme-content .view-content h3 {
    padding: 20px;
    position: relative;
    border: 1px solid #ebebeb;
    background: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: -1px -1px 20px 1px rgb(0 0 0 / 20%);
    border-bottom: none;
    display: block;
    width: 100%;
    clear: both;
    color: #625f5f !important;
    margin: 0 !important;
}

.path-resources #wrapper #block-theme-content .view-content h3:hover {
    opacity: 0.8;
    cursor: pointer;
}

.path-resources #wrapper #block-theme-content .view-content h3:after {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50%;
    font-weight: lighter;
    text-align: center;
    background: #178250;
    content: "–";
    line-height: 26px;
    margin: auto;
}

.path-resources #wrapper #block-theme-content .node--type-what-we-do.node--view-mode-token {
    margin: 0!important;
}

.path-resources #wrapper #block-theme-content .node--type-what-we-do.node--view-mode-token .field--name-field-icon {
    float: left!important;
    margin: 0!important;
    height: 50px!important;
    display: inline-block!important;
}

.path-resources #wrapper #block-theme-content .node--type-what-we-do.node--view-mode-token .field--name-field-icon img {
    margin: 0!important;
    margin-right: 25px!important;
    max-height: 50px!important;
    width: auto!important;
    max-width: none!important;
}

.path-resources #wrapper #block-theme-content .node--type-what-we-do.node--view-mode-token span {
    display: inline-block!important;
    float: left!important;
    color: #625f5f!important;
    margin: 0!important;
    line-height: 50px!important;
}

.path-resources #wrapper #block-theme-content .view-content h3.closed {
    border-radius: 10px;
}

.path-resources #wrapper #block-theme-content .view-content h3.closed:after {
    background: #696969;
    content: "+";
}

.path-resources #wrapper #block-theme-content .views-view-grid .wrapper {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.path-resources #wrapper #block-theme-content .view-content .views-view-grid.closed * {
    display: none !important;
}

.path-resources #wrapper #block-theme-content .view-content .views-view-grid.closed {
    padding: 0;
}

.path-resources #wrapper #block-theme-content .views-view-grid{
    display: block;
    border: 1px solid #ebebeb;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 20%);
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
  display: flex !important;
  flex-wrap: wrap;
  /*margin: 0 -15px;*/
}

.path-resources #wrapper #block-theme-content .views-view-grid .wrapper {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ebebeb;
}

.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-field-order-resources .field-content {
    color: #fff;
    background: #178250;
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    padding-right: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-title .field-content a {
    color: #178250;
    font-size: 20px;
    display: block;
    margin: 10px 0;
}

.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-title .field-content a:hover {
    color: #063d23;
}

.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-field-url-1 a,
.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-view-node .field-content a {
    color: #fff;
    background: #178250;
    padding: 7px 15px;
    border-radius: 20px;
    margin: 20px 0;
    display: inline-block;
}

.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-field-url-1 a:hover,
.path-resources #wrapper #block-theme-content .views-view-grid .resource .views-field-view-node .field-content a:hover {
    background: #0d462c;
}

.path-resources #wrapper #block-theme-content .view-header {
	position: absolute;
    top: -52px;
    right: 0;
}

.path-resources #wrapper #block-theme-content .view-header span {
    color: #fff;
    background: #178250;
    padding: 7px 15px;
    border-radius: 20px;
    margin: 0;
    display: inline-block;
}

.path-resources #wrapper #block-theme-content .view-header span:hover {
    background: #0d462c;
	cursor: pointer;
}

/*SADC Leadership*/
.path-sadc-leadership #wrapper #block-theme-content .view-header {
    margin-bottom: 10px;    
}

.path-sadc-leadership #wrapper #block-theme-content .views-view-grid .views-field-field-member-state-leader {
    position: absolute;
    top: 54px;
    left: 25px;
}

.path-sadc-leadership #wrapper #block-theme-content .views-view-grid .views-field-field-member-state-leader h2 {
    display: none;
}

.path-sadc-leadership #wrapper #block-theme-content .views-view-grid .views-field-field-member-state-leader .field--name-field-flag img {
    max-width: 50px;
}

.path-sadc-leadership #wrapper #block-theme-content .views-view-grid .views-field-field-status-leader .field-content {
    font-weight: bold;
    font-size: 18px;
    color: #646464;
    display: block;
    margin-bottom: 15px;
}

/*Notifications*/
#block-views-block-notifications-block-1 {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: #ffffff;
    width: 100%;
    max-width: 600px;
    box-shadow: 2px 2px 18px 12px rgb(0 0 0 / 40%);
    border-radius: 20px;
    padding: 0;
    z-index: 500;
}

#block-views-block-notifications-block-1 .view-header {
    position: absolute;
    top: 0;
    z-index: 650;
    right: 0;
    font-size: 30px;
    color: #fff;
    bottom: 0;
    height: 52px;
    width: 65px;
    font-weight: lighter;
    text-align: center;
    padding: 10px;
    border-top-right-radius: 20px;
}

#block-views-block-notifications-block-1 .view-header:hover {
    cursor: pointer;
    opacity: 0.8;
}

#block-views-block-notifications-block-1 .slide__caption {
    padding: 0;
}

#block-views-block-notifications-block-1 .slide__caption {
    padding: 0;
}

#block-views-block-notifications-block-1 .views-field-title {
    background: #c99900;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    border-right: 65px solid #aa8204;
}

#block-views-block-notifications-block-1 .views-field-title .field-content {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 20px;
}

#block-views-block-notifications-block-1 .views-field-body {
    padding: 30px 20px 10px;
}

#block-views-block-notifications-block-1 .views-field-field-link {
    padding: 10px 20px 10px;
}

#block-views-block-notifications-block-1 .views-field-field-link a {
    background: #134b99;
    color: #fff;
    padding: 7px 20px;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none;
}

#block-views-block-notifications-block-1 .views-field-field-link a:hover {
    background: #0c2f60;
}

#block-views-block-notifications-block-1 .slick__arrow {
    width: 30%;
    padding: 0;
    right: 20px;
    max-width: 100px;
}

#block-views-block-notifications-block-1 .slick__arrow button:hover {
    opacity: 0.8;
}

/*Summit Index*/
.path-summit .grid-type-five .views-view-grid .grid-item .column {
    min-height: 400px;
}

.path-sadc-leadership .views-view-grid .column {
    position: relative;
    display: block;
}

.path-sadc-chairperson .views-view-grid .views-field-field-member-state-1,
.path-sadc-leadership .views-view-grid .views-field-field-member-state-1,
.path-summit .grid-type-five .views-view-grid .grid-item .column .views-field-field-member-state-leader {
    position: absolute;
    top: 15px;
    left: 15px;
}

.path-sadc-chairperson .views-view-grid .views-field-field-member-state-1 {
    left: 30px;
}

.path-sadc-chairperson .views-view-grid .views-field-field-member-state-1 article h2,
.path-sadc-leadership .views-view-grid .views-field-field-member-state-1 article h2,
.path-summit .grid-type-five .views-view-grid .grid-item .column .views-field-field-member-state-leader article h2 {
    display: none;
}

.path-sadc-chairperson .views-view-grid .field--name-field-flag img,
.path-sadc-leadership .views-view-grid .views-field-field-member-state-1 article .field--name-field-flag img,
.path-summit .grid-type-five .views-view-grid .grid-item .column .views-field-field-member-state-leader article .field--name-field-flag img {
    max-width: 50px;
}

.path-summit .views-view-grid .grid-item .column .views-field-title h4 {
    margin-top: 10px !important;
}

/*Floated Images*/
.page-node-type-success-stories #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-sadc-person #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-sadc-institution #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-sadc-service-centre #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-programme-or-project #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-photo-gallery #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-news-item #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-integration-milestone #subpage #wrapper #block-theme-content .field--type-image,
.page-node-type-competition #subpage #wrapper #block-theme-content .field--type-image {
    float: left;
    margin: 0 15px 15px 0;
}

.page-node-type-sadc-service-centre #subpage #wrapper #block-theme-content .field,
.page-node-type-news-item #subpage #wrapper #block-theme-content .field--name-field-documents,
.page-node-type-competition #subpage #wrapper #block-theme-content .field--name-field-documents {
    clear: both;
}

.page-node-type-sadc-service-centre #subpage #wrapper #block-theme-content .field--name-body,
.page-node-type-sadc-service-centre #subpage #wrapper #block-theme-content .field--type-image {
    clear: none;
}

/*Auth Pages*/
.path-user #wrapper #content #block-theme-content form {
    max-width: 600px;
    width: 100%;
}

.path-user #wrapper #content #block-theme-content form .form-item {
    margin-bottom: 20px;
}

.path-user #wrapper #content #block-theme-content form .form-item label {
    margin-bottom: 10px;
    display: block;
}

/* Document Node */
.page-node-type-document #wrapper #content #block-theme-content .node__content .field--name-field-document {
    float: left;
    margin: 0 10px 10px 0;
}

.page-node-type-document #subpage #wrapper #block-theme-content .node__content #field-language-display {
	clear: none;
}

.page-node-type-document #subpage #wrapper .content-wrapper .file-download-link a {
	color: #fff;
    background: #134b99;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
}

.page-node-type-document #subpage #wrapper .content-wrapper .file-download-link a:hover {
    background: #092246;
}

/* Calendar */
#wrapper #content #block-theme-content .view-events-calendar {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.path-events-calendar #wrapper #block-theme-local-tasks {
	display: none;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header {
    width: 20%;
    float: left;
    display: inline-block;
    position: relative;
    background: #134b99;
    color: #fff;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header h3 {
	color: #fff;
	text-align: center;
	padding: 0 10px;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header nav.pager {
	margin-top: 30px;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items {
	text-align: center;
	padding: 0;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items li {
    display: inline-block;
    margin-bottom: 10px;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items li a {
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
	background: #3471c7 url("./../images/white-arrow-left.png") no-repeat center;
    line-height: 0;
    padding: 20px;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items li a:hover {
	background: #225fb3 url("./../images/white-arrow-left.png") no-repeat center;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items .pager__item--next a {
	background: #3471c7 url("./../images/white-arrow-right.png") no-repeat center;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items .pager__item--next a:hover {
	background: #225fb3 url("./../images/white-arrow-right.png") no-repeat center;
}

#wrapper #content #block-theme-content .view-events-calendar .view-header .js-pager__items li a span {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display: none;
}

#wrapper #content #block-theme-content .view-events-calendar .view-content {
	width: 80%;
    float: left;
    display: inline-block;
    position: relative;
}

#wrapper #content #block-theme-content .view-events-calendar > nav.pager {
	display: none;
}

#wrapper #content #block-theme-content .calendar-calendar .month-view table {
	background: #fff;
}

#wrapper #content #block-theme-content .calendar-calendar th.days {
	border: none;
    color: #134b99;
    padding: 15px 0;
    background: #fff;
}

#wrapper #content #block-theme-content table tbody tr:nth-child(even) td {
	background: #fff;
}

#wrapper #content #block-theme-content .calendar-calendar td {
	border: none;
    background: #fff;
}

#wrapper #content #block-theme-content .calendar-calendar td.future-month *,
#wrapper #content #block-theme-content .calendar-calendar td.past-month * {
	color: #b8b8b8 !important;
}

#wrapper #content #block-theme-content .calendar-calendar div.day {
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

#wrapper #content #block-theme-content .calendar-calendar td a,
#wrapper #content #block-theme-content .calendar-calendar td {
	color: #134b99 !important;
}

#wrapper #content #block-theme-content .calendar-calendar td.today a,
#wrapper #content #block-theme-content .calendar-calendar td.today {
	color: #cd9a48 !important;
}

#wrapper #content #block-theme-content .calendar-calendar td .cutoff {
	display: none;
}

#wrapper #content #block-theme-content .calendar-calendar .month-view .full td.multi-day div.monthview, 
#wrapper #content #block-theme-content .calendar-calendar .week-view .full td.multi-day div.weekview, 
#wrapper #content #block-theme-content .calendar-calendar .day-view .full td.multi-day div.dayview {
    background: #fff;
    border-bottom: 2px solid red;
    border-radius: 0;
    padding-bottom: 22px;
}

/* Secretary */
.path-secretariat #wrapper #content #block-theme-content .views-view-grid {
	margin: 0 -15px;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item:nth-child(1) {
	width: 100%;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-body p {
    color: #5f5f5f;
    font-size: 15px;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item:nth-child(1) .views-field-body p {
	color: #f5f5f5;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-field-photo {
	float: left;
    margin: 0 15px 0 0;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-field-photo * {
	line-height: 0 !important;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-fieldset {
	padding: 10px 15px 15px 15px;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-fieldset h3 {
	color: #134b99;
	margin-top: 0;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item:nth-child(1) .views-field-fieldset h3 {
	color: #fff;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item:nth-child(1) .views-field-fieldset .views-field-field-position .field-content {
	color: rgb(201, 153, 0);
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .column {
    background: #fff;
    padding: 0;
    margin-bottom: 50px;
	box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 20%);
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item:nth-child(1) .column {
    background: #0a4595;
    padding: 0;
    margin-bottom: 50px;
	margin-top: 30px;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-view-node a {
    color: #fff;
    background: rgb(201, 153, 0);
    text-decoration: none;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 20px;
    margin-top: 10px;
    border: 1px solid rgb(201, 153, 0);
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-view-node a:hover {
    background: rgb(97 75 4);
    text-decoration: none;
}

.g-recaptcha {
	margin: 20px 0;
}

 #wrapper #content #block-theme-content .field--type-image .colorbox img:hover{
	cursor: url("./../images/cursor.png"), auto;
 	opacity: 0.7;
}

#block-quicktabsstatisticsdocuments .more-link a {
	background: #134b99;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}

#block-quicktabsstatisticsdocuments .more-link a:hover {
	background: #052f69;
}

.path-monthly-harmonised-consumer-price-index-newsletter-archive #wrapper #content #block-theme-content table caption {
	position: relative;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

/* Scorecard */
.page-node-4534 #wrapper #content .container{
box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
	width: 100% !important;
    padding: 0 30px;
}

/*cookie block*/
.eu-cookie-compliance-buttons {
  float: right;
  margin: 0 0 1em 0;
  max-width: 85%;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.popup-content #popup-buttons button:nth-child(1){
background: transparent;
color: #0a4595;
border: 1px solid #0a4595;
order: 1;
text-align: center;
}


.popup-content #popup-buttons button:nth-child(2){
order: -1;
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #fff;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
}

.eu-cookie-compliance-close-button {
  right:-10px
}

.sliding-popup-bottom, .sliding-popup-top {
  margin: 0 100px;
}

.popup-content .eu-cookie-compliance-categories-buttons button,
.popup-content #popup-buttons button{
background: #0a4595;
text-decoration: none;
padding: 15px 20px;
border-radius: 50px;
border: none;
line-height: 0;
text-shadow: unset;
color: #fff;
box-shadow: unset;
font-weight: 400;
font-size: 14px;
}

.popup-content .eu-cookie-compliance-categories-buttons button:hover,
.popup-content #popup-buttons button:hover
{
background: #052f69;
}

.popup-content #popup-buttons button:nth-child(1):hover{
background: #052f69;
color: #ffff;
}

.eu-cookie-compliance-content {
  max-width: 100%;
  padding: 20px;
}
.eu-cookie-compliance-message p {
font-size: 14px;
font-weight: 300;
}
.eu-cookie-compliance-message p  a
{
font-size: 14px;
margin-left: 5px;
}

#popup-text  h3{
color: #0a4595;
font-size: 1rem;
margin:0;
}

#sliding-popup h4,#sliding-popup label{
font-weight: 300;
font-size: 14px;
margin: 10px 0;
}

.eu-cookie-compliance-close-button{
background: rgb(201, 153, 0) url(./../images/close-icon.png) center no-repeat;
  background-size: auto;
border-radius: 50px;
padding: 15px;
background-size: 15px;
}

.eu-cookie-compliance-category{
margin: 0 0 10px;
padding-top: 0;
}

#popup-text h2{
color: #0a4595;
font-size: 1.1rem;
font-weight: 400;
margin: 0 0 5px;
}

/*  PT */
html:lang(pt-pt) #wrapper #content-top #block-services .block-content h4 a {
	max-width: 150px;
}

html:lang(pt-pt) #wrapper #content-top #block-services .block-content .third h4 a strong {
	margin-top: 0;
}

html:lang(pt-pt) #members #block-views-block-member-states-block-1 h2:after {
    margin: auto auto auto 230px;
}

html:lang(pt-pt) #top #block-topmenu ul.menu li {
    margin-left: 20px;
}

/*Responsive Design*/
@media (min-width: 1300px) {
  #frontpage .container {
    width: 1270px;
  }
}

@media (min-width: 1400px) {
  #frontpage .container {
    width: 1370px;
  }
}

@media (min-width: 1500px) {
  #frontpage .container {
    width: 1470px;
  }
}

@media (min-width: 1600px) {
  #frontpage .container {
    width: 1570px;
  }

}

@media (min-width: 1455px){
.eu-cookie-compliance-buttons {
  max-width: 70%;
}
}

@media (max-width: 1455px) {
  #header #block-mainnavigation-2 > ul.menu > li.menu-item span,
  #header #block-mainnavigation-2 > ul.menu > li.menu-item a{
    padding: 29px 15px;
  }

div#sliding-popup{
    width:90% !important ;
}

.sliding-popup-bottom, .sliding-popup-top {
    margin: 0 10px;
  }
}

@media (max-width: 1410px) {
  #header #block-topmenu ul.menu li{
    margin-right: 50px;
  }
}

@media (max-width: 1286px) {
  #header #block-mainnavigation-2 > ul.menu > li.menu-item span,
  #header #block-mainnavigation-2 > ul.menu > li.menu-item a{
    padding: 29px 10px;
  }
}

@media (max-width: 1260px) {
  #header #block-topmenu ul.menu li{
    margin-right: 30px;
  }
}

@media (max-width: 1199px) {

#documents #block-quicktabsdocuments .quicktabs-tabs li {
	margin-right: 20px;
    padding-right: 20px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1,
#carousel #block-views-block-latest-news-block-1 {
	width: 100%;
	padding: 0;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption{
	min-height: 0;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption {
	border: none;
}    

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption {
/* 	padding-bottom: 150px; */
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots {
	bottom: 40px;
    padding-left: 20px;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption:after {
	display: none;
}

.path-member-states #wrapper #block-theme-content .view-content {
	padding-left: 0;
	background: none;
}

	#subpage #sub-footer #block-socialmedialinks {
    	right: auto;
    	left: 50%;
    	padding-left: 15px;
    	top: auto;
	}

	#block-footercontactus {
    	padding-top: 35px;
	}

  #carousel #block-views-block-homepage-main-slideshow-block-1 .slide__caption {
    width: 100%;
    position: relative;
    max-width: 100%;
    padding: 40px 30px 75px;
  }

#carousel #block-views-block-homepage-main-slideshow-block-1 .slide__media {
	width: 100%;
	padding: 0;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .media--slick.media--image img {
	min-height: 0;
    max-width: 100%;
    width: 100%;
}

#carousel #block-views-block-homepage-main-slideshow-block-1 .media--slick.media--image {
	min-height: 0;
}

.grid-type-six .views-view-grid .grid-item .column .views-field-title a {
    line-height: 1;
    font-size: 18px;
  }

.eu-cookie-compliance-buttons {
   max-width: 80%;
}

}

@media (max-width: 1185px) {

  #content-bottom #block-views-block-latest-project-block-1 .block-content .attachment.attachment-after{
    margin-top: 30px;
    position: relative;
    max-width: 100%;
    right: auto;
    bottom: auto;
  }

}

@media (max-width: 1160px) {

	#header #block-headerbottomgroup:before{
    	display: none;
	}

	#subpage #content-top {
		padding-top: 30px;
	}

  #header #block-mainnavigation-2,
  #header #block-headerbottomgroup #block-headertop {
    display: none;
  }

  #block-headerbottomgroup {
    position: absolute;
    display: inline-block;
    text-align: right;
    right: 0;
    top: 20px;
  }

  #block-headerbottomgroup .block-content{
    display: inline-block;
  }

  #block-responsivemenumobileicon,
  #header #block-dropdownlanguage,
  #header #block-theme-search {
    display: inline-block;
    float: right;
    padding: 0 20px 0 0;
  }

  #block-responsivemenumobileicon .responsive-menu-toggle-icon{
    min-width: 100px;
    display: inline-block;
  }

  #block-responsivemenumobileicon .responsive-menu-toggle-icon span.label {
    top: 5px;
  }

  #header #block-theme-search {
    position: relative;
    right: auto;
    top: 8px;
  }
  
  .slim-header #header #block-theme-search {
     top: 8px;
  }
  
  #header #block-dropdownlanguage {
    position: relative;
    top: 6px;
  }

  .slim-header #header #block-dropdownlanguage {
    top: 6px;
  }
  
  #header #block-dropdownlanguage fieldset {
    padding: 0;
  }
}

@media (max-width: 1105px) {
  #header #block-socialmedialinks{
    padding-bottom: 15px;
  }
}

@media (max-width: 991px) {

.page-node-2884 #wrapper #block-webform, 
.page-node-2884 #wrapper #block-theme-content .field--name-body #contact-details {
	width: 100%;
	float: none;
	display: block;
	padding-right: 0;
}
#documents #block-quicktabsdocuments {
	float: none;
}

#documents #block-twitterembed {
	display: block;
    float: none;
    clear: both;
    position: relative;
    top: auto;
    width: 100%;
    margin-top: 40px;
}

    #subpage #wrapper #block-theme-content .field {
        display: inline-block;
    }
    
  #header #block-topmenu ul.menu li {
    margin-right: 20px;
  }

  #carousel #block-views-block-latest-news-block-1 .views-row {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 0 20px;
  }

  #carousel #block-views-block-latest-news-block-1 .views-field-fieldset{
    padding: 0;
    margin-bottom: 10px;
  }

  #content-bottom #block-views-block-sadc-success-stories-block-1 {
    margin-top: 50px;
  }

  #documents #block-quicktabsdocuments .quicktabs-tabs li a{
    font-size: 22px;
  }

  #documents .more-link{
    top: -125px;
  }

  #documents .more-link a {
    font-size: 15px;
  }

  #newsletter #block-simplenewssubscription > h2{
    font-size: 25px;
  }

  #members #block-views-block-member-states-block-1 .views-row {
    width: 12.5%;
    padding: 7px;
  }

  #members #block-views-block-member-states-block-1 .views-row img {
    aspect-ratio: 16 / 9;
  }

  #documents #block-quicktabsdocuments .view-document-types .view-content .views-row{
    width: 50%;
  }

  #documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row{
    width: 50%;
  }

  #wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row {
    width: 33.3333%;
  }

  #events #block-views-block-upcoming-events-block-1 h2 {
    position: relative;
    max-width: initial;
    margin-bottom: 40px;
    padding-right: 110px;
  }

  #events #block-views-block-upcoming-events-block-1 .view-content{
    padding: 0;
  }

  #events #block-views-block-upcoming-events-block-1 .slick__arrow {
    position: absolute;
    left: auto;
    top: -55px;
    right: 15px;
    bottom: auto;
  }

  #events #block-views-block-upcoming-events-block-1 .more-link {
    position: relative;
    left: auto;
  }

  .page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid p{
    width: 33.3333%;
  }

  .page-node-type-what-we-do #wrapper #page-title .wrapper .inner {
    padding: 60px 40px;
  }

  .page-node-type-what-we-do #subpage #wrapper #content #page-title .inner .icon {
    left: 30px;
    top: 70px;
  }

  .page-node-type-what-we-do #subpage #wrapper #content #page-title .inner .has-icon {
    padding-left: 60px;
  }

  #wrapper #page-title.page-heading-one .inner {
    padding: 60px 40px;
  }

  #subpage #wrapper #content #block-theme-content .timeline-page {
    max-width: 100%;
  }

  .grid-type-three .views-row .views-field-fieldset{
    width: 60%;
    padding: 20px;
  }

  .grid-type-three .views-row .grid-image {
    width: 40%;
  }

  #subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li.selected a,
  #subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li a {
    padding: 15px 30px;
  }

  #subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-list li a * {
    font-size: 18px;
  }

  #subpage #wrapper #block-theme-content .field-group-tabs-wrapper .horizontal-tabs-panes {
    padding: 20px;
  }

  .page-node-type-webform #wrapper #content #block-theme-content form {
    max-width: 100%;
  }
  
  .page-node-type-what-we-do #wrapper #page-title .wrapper:before,
  #wrapper #page-title.page-heading-one .wrapper:before {
    background-size: cover;
  }

.eu-cookie-compliance-buttons {
   max-width: 70%;
}

}

@media (max-width: 800px) {
	#top #block-topmenu ul.menu li {
		  margin-left: 20px;
	}
}

@media (max-width: 767px) {

#subpage #content-top #block-breadcrumbs {
	padding: 0 15px;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-fieldset {
	padding-left: 0;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .views-field-field-photo {
	float: none;
}

.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item:nth-child(1) .column,
.path-secretariat #wrapper #content #block-theme-content .views-view-grid .item .column {
	padding: 15px;
}

#wrapper #content #block-theme-content .view-events-calendar .view-content,
#wrapper #content #block-theme-content .view-events-calendar .view-header {
	width: 100%;
	float: none;
	display: block;
}

	#subpage #sub-footer #block-socialmedialinks {
        position: relative;
    	left: auto;
    	top: auto;
	}

	#block-footercontactus {
    	padding-top: 15px;
	}

	#sub-footer #block-footeraboutus .block-content .field--name-body p img{
		margin-bottom: 25px;
	}

  #header #block-theme-search.visible .form-content-wrapper form{
    width: 90%;
  }

  #block-theme-branding .logo{
    text-align: center;
  }

	#header #block-headerbottomgroup .block-content {
		text-align: center;
	}	

	#block-responsivemenumobileicon {
	    float: none;
   	 	margin: 0 auto;
	}

	#header #block-theme-search {
		float: none;
   	 	top: -12px;
	}

  #header #block-headerbottomgroup #block-headertop .block-content {
    text-align: center;
  }

  #header #block-topmenu,
  #header #block-socialmedialinks{
    float: none;
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
  }

  #header #block-socialmedialinks .field--name-body{
    display: inline-block;
  }

  #header #block-topmenu ul.menu {
    padding-left: 0;
    display: inline-block;
  }

  #carousel #block-views-block-homepage-main-slideshow-block-1 .slick-dots {
    position: relative;
    left: auto;
    right: auto;
    width: 100%;
  }

  #wrapper #content-top {
    background: rgb(27,144,89);
    background: linear-gradient(180deg, rgba(27,144,89,1) 0%, rgba(8,99,55,1) 50%);
    padding: 0;
    margin: 60px 0;
  }

  #wrapper #content-top #block-services {
    background: transparent;
  }

  #wrapper #content-top #block-services .block-content .col-md-4 {
    width: 100%;
  }

  #wrapper #content-top #block-services .block-content .second{
    border-left: none;
    border-right: none;
    border-top: 1px solid #22955f;
    border-bottom: 1px solid #22955f;
    padding: 20px 0;
    margin-top: 30px;
  }

  #documents #block-quicktabsdocuments .view-document-types .view-content .views-row,
  #documents #block-quicktabsdocuments .view-featured-documents .view-content .views-row {
    width: 100%;
  }

  #carousel #block-views-block-latest-news-block-1 .views-field-fieldset{
    padding-left: 0;
  }

  #content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-field-image,
  #content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-fieldset {
    width: 100%;
  }

  #content-bottom #block-views-block-latest-project-block-1 .block-content .views-field-fieldset-1 .views-field-fieldset {
    margin-top: 20px;
  }

  #documents{
    padding: 70px 20px;
  }

  #sub-footer {
    padding: 0 30px;
  }

  #sub-footer #block-footercontactus {
    margin-top: 0;
  }

  #footer #block-copyright .block-content p,
  #footer #block-theme-footer{
    text-align: center;
  }

  #footer #block-copyright .block-content p{
    margin-bottom: 10px;
  }

  #header #block-topmenu ul.menu li{
    margin-right: 15px;
  }

  #documents #block-quicktabsdocuments .quicktabs-tabs li a {
    font-size: 20px;
  }

  #documents .more-link a {
    font-size: 14px;
  }

  #documents #block-quicktabsdocuments .quicktabs-tabs li {
    margin-right: 25px;
    padding-right: 25px;
  }

  /*Subpage*/
  #subpage #wrapper #content {
    padding: 20px 30px 70px;
  }

  #block-headerbottomgroup {
    position: relative;
    text-align: center;
    top: auto;
  }

  .page-node-type-page #wrapper #content #block-theme-content .field--name-body .custom-content-grid p {
    width: 50%;
  }

  #subpage #wrapper #content table thead th.views-field-langcode,
  #subpage #wrapper #content table tbody td.views-field-langcode{
    display: none;
  }

  #subpage #wrapper #content table thead tr:last-child th:nth-last-child(2) {
    border-top-right-radius: 10px;
  }

  #subpage #wrapper #content table tbody tr td:nth-last-child(2) {
    border-right: none;
  }

  #subpage #wrapper #block-theme-content .field--name-body table thead tr:last-child th:nth-last-child(2),
  #subpage #wrapper #block-theme-content .field--type-file table thead tr:last-child th:nth-last-child(2){
    border-top-right-radius: 0;
  }

  #subpage #wrapper #block-theme-content .field--name-body table tbody tr td:nth-last-child(2),
  #subpage #wrapper #block-theme-content .field--type-file table tbody tr td:nth-last-child(2){
    border-right: 1px solid #034092;
  }

  #subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-content {
    width: 75%;
  }

  #subpage #wrapper #content #block-theme-content .timeline-page .views-row .timeline-title {
    width: 25%;
    padding: 20px;
  }

  .grid-type-three .views-row .views-field-fieldset {
    width: 100%;
  }

  .grid-type-three .views-row .grid-image {
    width: 100%;
    padding: 20px 20px 0;
  }
  
  .page-node-3163.page-node-type-page #subpage #wrapper #block-theme-content .field--name-field-image, 
  .page-node-2886.page-node-type-page #subpage #wrapper #block-theme-content .field--name-field-image {
    display: none;
  }
  
  .page-node-3163.page-node-type-page #subpage #wrapper #block-theme-content .field--name-body, 
  .page-node-2886.page-node-type-page #subpage #wrapper #block-theme-content .field--name-body {
        width: 100%;
        float: none;
  }


}

@media (max-width: 700px) {
  #header #block-theme-search.visible .form-content-wrapper form .form-item {
    padding-right: 70px;
  }

  #header #block-theme-search.visible .form-content-wrapper form .form-actions .button {
    background: #1a8e58 url(./../images/search-white.png) no-repeat 20px center;
    font-size: 0;
    content: "";
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 33px 35px 32px;
  }

  #header #block-theme-search.visible .form-content-wrapper form .form-actions .button:hover {
    background: #08482a url(./../images/search-white.png) no-repeat 20px center;
    cursor: pointer;
  }
}

@media (max-width: 670px) {

  #block-views-block-notifications-block-1 {
    max-width: 95%;
    left: 0;
    right: 0;
  }

  #documents #block-quicktabsdocuments .quicktabs-tabs{
    top: -150px;
  }

  #documents .more-link{
    top: -144px;
  }


.eu-cookie-compliance-categories-buttons {
  margin: 0;
}
}

@media (max-width: 600px) {	
	#top {
		display: none;
	}
}

@media (max-width: 600px) {

	#block-views-block-sadc-statistics-counters-block-1 .view-content .grid-item,
  .grid-type-six .views-view-grid .grid-item {
    width: 100%;
  }

	#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-field-icon,
	#block-views-block-sadc-statistics-counters-block-1 .view-content .views-field-fieldset{
    	width: auto;
	}
.eu-cookie-compliance-buttons {
  float: left !important;
  margin: 0 !important;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  width:auto;
}
}

@media (max-width: 560px) {

  .path-member-states #wrapper #block-theme-content .view-content .views-view-grid .state-item {
    width: 50%;
  }
  
  .path-events #wrapper #block-theme-content .view-header {
    position: relative;
    padding-bottom: 30px;
  }
}

@media (max-width: 530px) {

    .path-resources #wrapper #block-theme-content .views-view-grid .wrapper .resource {
        width: 100%;
        margin-bottom: 20px;
    }

  #wrapper #content #block-views-block-what-we-do-block-1 .view-content .views-row {
    width: 50%;
  }
  
  .path-photo-library #wrapper #block-theme-content .view-header,
  .path-video-gallery #wrapper #block-theme-content .view-header {
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 20px;
  }

 #popup-text h4{
 display:none !important;
 }

#popup-text h3 {
  margin: 10px 0 0;
font-size: 14px;
}
#popup-text h2{
margin:0 0 5px
}

.eu-cookie-compliance-content {
  padding: 10px;
}

.popup-content .eu-cookie-compliance-categories-buttons button, .popup-content #popup-buttons button{
font-size: 12px;
padding: 13px ;

}

@media (max-width: 430px) {
  #events #block-views-block-upcoming-events-block-1 .views-field-fieldset .views-field-field-date-event-1 .field-content {
    font-size: 14px;
  }

	#sub-footer #block-footercontactus .field--name-body .contacts,
	#sub-footer #block-footercontactus .field--name-body .address{
		width: 100%
	}

	#sub-footer #block-footercontactus .field--name-body .contacts {
		padding-left: 0;
	}
}