/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway:300,400,500,700,900');

a:link, a:visited {
	color: #171790;
	text-decoration: none;
}
#block-block-13 a:link, #block-block-13 a:visited {
	color: #fff;
}
a:hover {
	opacity: 0.8;
}
.logo-img a:hover {
	opacity: 1;
}
#logo:hover {
	opacity: 0.9;
}
img {
	max-width: 100%;
	height:auto;
}
#block-system-main p, #block-system-main li {
	text-align: justify;
}
h1, h2, h3, h4, h5, h6, body, p {
	font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6  {
	letter-spacing: 0.2px;
}
.text-align-justify {
	hyphens: none;
}
.views-field.views-field-title {
	font-weight: 600;
	padding-bottom: 5px;
}
/*branding********/
#logo {
	width: 100px;
	margin: 10px 0;
}
.sf-menu.sf-style-blue a, .sf-menu.sf-style-blue span.nolink {
	border: 0;
}
.sf-accordion-toggle.sf-style-blue {
	position: absolute;
	right: 0;
	top: -5em;
}
#superfish-1-accordion li {
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	font-weight: bold;
}
#superfish-1-accordion li.menuparent {
	background-image: url(images/plus_sign.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	width: 100%;
}
#superfish-2-accordion {
	background: #3270c5;
	display: inline-block;
	width: 80%;
	padding: 5px;
	border: 1px outset #003973;
}
#region-user-first {
	position: absolute;
	left: 29%;
	z-index: 9;
	top: 14px;
}
#superfish-2-accordion li a {
	color: #fff;
	line-height: 2;
}
#block-search-form, #block-superfish-2, #block-easy-breadcrumb-easy-breadcrumb, #region-sidebar-second, #block-custom-search-blocks-1 {
	display: none;
}
#superfish-2-toggle {
	background: #095cb1;
	border: 1px outset #003973;
	color: #ffffff;
	padding: 5px;
}
.context-contact-us #region-sidebar-second {
	display: block;
}
.form-actions input:hover {
	background: #1312e3;
	opacity: 0.8;
}
/******header*******/
#zone-header, #region-header-first, #region-header-first img, #region-header-first iframe{
	width: 100%;
	margin: 0;
}
.front #region-header-first {
	margin-bottom: -30px;
}
.flexslider {
	margin: 0 0 40px;
	border-radius: 0;
	border: 0;
}
#block-views-slideshow-block .views-field-title {
	background-color: #0e1a10;
	width: 100%;
	font-weight: bold;
	padding: 12px 5px;
}
#block-views-slideshow-block .views-field-title a, #block-views-slideshow-block .field-content {
	color: #fff;
}
.flex-control-paging li a {
	background: #fff200;
}
.flex-control-paging li a.flex-active {
	background: #1312e3;
}
.flex-control-nav {
	bottom: 5em;
	z-index: 100;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
	border-radius: 0;
	background: #1312e3;
	border: 0;
	color: #fff;
	padding: 7px 14px;
	text-shadow: none !important;
}
/******preface zone****/
#region-preface-first .block-title {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
	padding-bottom: 13px;
}
.button, .views-field-field-read-more-1 a, .views-field-view-node a {
	color: rgb( 110, 106, 106 ) !important;
	border: 1px solid #a1a1a1;
	padding: 10px 28px;
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
}
.button:hover, .views-field-field-read-more-1 a:hover, .views-field-view-node a:hover {
	color: #fff !important;
	background: #171790;
}
.views-field-field-read-more-1 a {
	visibility: hidden;
}
#region-preface-first .block {
	text-align: center;
}
#block-block-4 {
	margin-top: 30px;
}
/*******postscript*******/
#zone-postscript-wrapper {
	background-color: #e1e1e1;
	margin-top: 40px;
	margin-bottom: 40px;
}
#region-postscript-first, #region-postscript-second {
	background-size: cover;
	height: 360px;
}
#region-postscript-first {
	background: url("images/sailors.jpg") no-repeat fixed 100% 100%;
}
#region-postscript-second {
	background: url("images/kariba.jpg") no-repeat fixed 100% 100%;
}
#region-postscript-first .region-inner, #region-postscript-second .region-inner {
	height: 360px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
#zone-postscript .block {
	padding: 30px;
}
.block-title {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	letter-spacing: 0.2px;
}
#zone-postscript .block, #zone-postscript .block a {
	color: #fff !important;
}
#zone-postscript .block-title {
	font-size: 26px;
	margin-bottom: 20px;
}
#zone-postscript .block-title::after {
	content: "";
	border-bottom: 1px solid #fff;
	height: 5px;
	display: block;
	width: 55px;
}
#block-views-news-block .views-row-first, #block-views-tenders-block .views-row-first{
	border-bottom: 1px solid #fff;
}
#block-views-news-block .views-field-field-news-date, #block-views-tenders-block .views-field-field-due-date, #block-views-tenders-block .views-field-field-launch-date {
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 15px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	padding-top: 15px;
}
/*******zone base********/
#block-block-5 p a {
	background-color: #171790;
	display: inline-table;
	width: 168px;
	height: 175px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
#block-block-5 p {
	display: inline-table;
}
#block-block-5 p a::before {
	display: block;
	margin-top: 32px;
}
.photo::before {
	content: url("images/photo.png");
}
.video::before {
	content: url("images/video.png");
}
.river::before {
	content: url("images/timeline.png");
}
.dam::before {
	content: url("images/maps.png");
}
#block-block-5 p a:hover, #zone-footer .block a:hover {
	opacity: 0.8;
}
/*****footer*****/
#zone-footer-wrapper {
	background-color: #171790;
	color: #fff;
	padding-top: 20px;
	margin-top: 20px;
}
#zone-footer a:link, #zone-footer a:visited { 
	color: #fff;
}

/***********inside pages**********/
h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400 !important;
	border-bottom: 1px solid #c5c1c1;
	color: #3e3e3e;
	font-size: 18px;
}
#block-scrolltext-delta-0 {
	height: 65px;
	margin: 15px auto 0;
	text-transform: uppercase;
}
#block-scrolltext-delta-0 .block-title {
	color: #fff;
	display: block;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 75px;
	background-color: #ed1c22;
}
#block-scrolltext-delta-0 .content {
	background: #eeeced;
	display: block;
	float: left;
	margin: 6px 0 0;
	padding: 3px 9px;
}
.ui-accordion .ui-accordion-header {
	background: #171790;
	font-size: 15px;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #fff;
	font-weight: 600;
} 
.ui-accordion .ui-accordion-content {
	padding: 0.5em 0.2em 0.5em 0.5em;
}
table {
	width: 100% !important;
}
table th {
	background-color: #171790;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
tr:hover td, tr.even:hover td.active, tr.odd:hover td.active {
	background: none;
}
tr.even, tr.odd, tr {
	background-color: #fff;
	border-bottom: 0;
	padding: 0.1em 0.6em;
}
tr:nth-child(2n) td {
	background: #F1F5FA;
}
/******board*******/
.view-council-of-ministers .views-row {
	clear: both;
	background-color: #eeeced;
	margin-bottom: 35px;
	height: 170px;
}
.views-field.views-field-field-images img {
	float: left;
	padding-right: 12px;
}
.views-field-field-ministry {
	padding-right: 15px;
	text-align: left;
}
.view-council-of-ministers .views-field-title {
	font-weight: bold;
}
ul {
	list-style-image: url(images/bullet.png) !important;
}
.node ol, .node ul {
	padding-left: 3.2em;
}
.node ol li, .node ul li {
	padding-bottom: 5px;
}
/********news page***********/
#node-page-2 p {
	display: inline-table;
	margin-right: 2px;
	border-bottom: 1px solid #c5c1c1;
	padding-bottom: 10px;
	margin-bottom: 35px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}
.view-news.view-display-id-page .views-row, .view-blog .views-row, .view-photo-gallery .views-row, .view-video-gallery .views-row, .view-maps .views-row {
	display: inline-table;
	margin: 0 15px 30px 0;
	background-color: #eeeced;
	max-width: 310px;
}
.view-maps .views-row {
	border: 1px solid;
	background-color: #fff;
	padding: 10px 10px 38px;
	width: 220px;
	height: 195px;
}
.view-maps .views-field-view-node {
	position: absolute;
	bottom: 43px;
}
.view-display-id-page .views-field-field-news-date, .field-name-field-news-date {
	padding: 10px;
	font-weight: 900;
}
.view-news.view-display-id-page .views-field-title a, .view-blog.view-display-id-page .views-field-title a, .view-photo-gallery .views-field-title a,  .view-video-gallery .views-field-title a{
	color: #333;
	padding: 0 10px;
	display: inline-block;
	font-weight: 500;
}
.view-news.view-display-id-page .views-row:hover, .view-blog .views-row:hover, .view-photo-gallery .views-row:hover, .view-video-gallery .views-row:hover {
	background-color: #171791;
	color: #fff;
	transition: ease-out 0.5s;
}
.view-news.view-display-id-page .views-row:hover a, .view-blog .views-row:hover a, .view-photo-gallery .views-row:hover a, .view-video-gallery .views-row:hover a{
	color: #fff !important;
}
.views-row:hover a img, #node-page-2 p:hover a img {
	filter: brightness(50%);
}
/*****galleries**/
.view-photo-gallery .views-field-title a, .view-video-gallery .views-field-title a {
	padding: 11px;
}
.view-photo-gallery .views-field-view-node, .view-video-gallery .views-field-view-node {
	margin-left: 11px;
}
/***events*******/
.view-events .views-row {
	display: inline-table;
	width: 100%;
	border-bottom: 1px solid #c5c1c1;
	margin-bottom: 30px;
}
.views-row:nth-child(2n) {
	margin-right: 0;
}
.date {
	float: left;
	width: 77px;
	text-align: center;
	border: 1px solid #eeeced;
	margin-right: 20px;
	text-transform: uppercase;
}
.month, .year {
	background: #eeeced;
	font-weight: 700;
}
.day {
	background: #fff;
	font-size: 2.375em;
	line-height: 1.2;
	font-weight: 900;
}
.view-events .views-field-title {
	padding-bottom: 5px;
}
 .view-events .views-field-body {
	padding-top: 5px;
}
.views-label-field-venue {
	font-weight: bold;
}
.field-name-field-event-date {
	margin-bottom: 10px;
}
/*reports****/
.view-financial-statements .views-row, .view-publications .views-row {
	display: inline-table;
	margin-right: 50px;
	border: 1px solid;
	width: 180px;
	text-align: center;
	padding: 10px 0 20px;
	margin-bottom: 30px;
}
.view-financial-statements .button, .view-publications .button {
	padding: 3px 25px;
}
.views-field.views-field-field-file-1, .views-field-field-publication-file-1 {
	position: relative;
	bottom: -10px;
}
/****opportunities****/
.view-tenders.view-display-id-page .views-row, .view-jobs .views-row, .view-zambezi-valley-development-fund .views-row, .view-consultancies .views-row
 {
	border-bottom: 1px solid #c5c1c1;
	margin-bottom: 30px;
	padding-bottom: 25px;
}
.views-label-field-due-date {
	font-weight: 600;
}
.views-field.views-field-field-due-date {
	padding: 15px 0;
}
/******contact us***/
#block-block-13 .ui-state-active, #block-block-13 .ui-state-default, #block-block-13 .ui-widget-content .ui-state-default, #block-block-13 .ui-widget-header .ui-state-default {
	border: 0;
}
#edit-submitted-email, #edit-submitted-subject, #edit-submitted-full-name, #edit-submitted-contact-number {
	width: 100%;
}
#webform-client-form-100 .form-text, #webform-client-form-100 .form-textarea, .form-select {
	border: none !important;
	background: #ccc !important;
}
#webform-client-form-100 .form-text, .form-select {
	height: 48px !important;
}
#block-block-13 p {
	padding-left: 20px;
}
/*****pagers**********/
.pager {
	background: none;
	border: 0;
}
.pager li.first, .pager li.first a, .pager li.first a:hover {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.pager li.pager-current {
	background: #171791;
}
.pager li {
	border-right: 0;
	border-color: 0;
	background: #eeeeee;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-right: 10px !important;
}
.pager li a {
	color: #171791;
	background: #eeeeee;
}
.pager li.pager-next {
	border-left: 0;
}
.pager li.pager-next {
	right: 60px;
}
.views-label.views-label-field-launch-date, .views-label-field-due-date, .views-label-field-country {
	float: left;
	padding-right: 5px;
	font-weight: bold;
}
/*#block-block-15, #block-block-16 {
	background: #e1e1e1;
	padding: 0px 10px;
	text-align: center;
}*/
#block-block-15 p > a, #block-block-16 p > a {
	position: relative;
	top: 10px;
	display: block;
	padding: 10px;
	margin: -9px 0px;
	background: #e1e1e1;
	text-align: center;
	color: rgb(62, 62, 62);
}
#region-preface-third, #region-sidebar-first {
	position: relative;
	top: 70px;
}
.context-hydrology .messages.error {
	display: none;
}
#block-block-17 a {
    color: rgb( 110, 106, 106 ) !important;
    border: 1px solid
    #a1a1a1;
    padding: 6px 4px !important;
    font-size: 13px !important;
    font-family: 'Raleway', sans-serif;
}