/*  Fonts   */
body {
	font: 400 15px Titillium Web, sans-serif;
	line-height: 1.8;
	color: #818181;
}
h1 {
	font-size: 60px;
	font-weight: bold;
	font-family: Angelina;
	color: #7C9088; /*change to #526760 as this is darker armata colour */
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
h2 {
	font-size: 30px;
	color: #696969;
	margin-bottom: 20px;
}
h3 {
	font-size: 25px;
	color: #696969;
	margin-bottom: 20px;
}
h4 {
	font-size: 40px;
	font-weight: bold;
	font-family: Angelina;
	color: #ffffff /*#526760;*/
}
h5 {
	font-weight: bold; 
	font-family: Angelina; 
	font-size: 30px;
	color: #7C9088;
}
/*h6 {
	font-size: 20px;
	color: #D3D3D3;
	margin-bottom: 15px;
	padding: 10px 20px 10px 20px;
}*/
h6 a {
	font-size: 20px;
	color: #7C9088;
	margin-bottom: 15px;
	padding: 10px 20px 10px 20px;
}
p {
	font-size: 20px;
	padding: 10px 20px 10px 20px;
}
li {
	font-size: 20px;
	margin-left: 20px;
	color: #7C9088;
}

/*format the symbols used*/
.material-symbols-outlined {
  color: #fff;
  font-variation-settings:
  'FILL' 1,
  'wght' 600,
  'GRAD' 200,
  'opsz' 48
}


/*  Page elements   */
/*  Containers   */
.container {
	padding: 26px;
}
.services-box {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.funding-img {
	opacity: 0.8;
	border-radius: 20px;
	max-height: 450px;
	max-width: 100%;
	display: block;
	margin: auto;
}
/*  Logo  */
.logo {
	color: #456456;
	font-size: 40px;
	overflow: visible;
	margin-bottom: -40px;
	z-index: 2;
	box-shadow: 0px 1px 8px 2px rgb(0 0 0 / 22%);
	position: relative !important;
	height: 180px;
	max-height: 180px;
	border:5px solid; 
	border-color: #ffffff;
}

/*  navBar  */
.navbar {
	margin-bottom: 0;
	background-color: #7C9088;
	border: 5px;
	font-size: 25px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 2px;
	border-radius: 0;
	font-family: Titillium Web, sans-serif;
	text-align: center;
	vertical-align: top;
	z-index: 1;
	position: relative;
}
.navbar.icon {
	display: none; /*hides navbar menu & icon in normal screen mode*/
}
.navbar li a, .navbar .navbar-brand {
	color: #fff !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #456456 !important;
	background-color: #fff !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}

/*  Footer  */
.footerBarContainer a,i,p {
	color:  #7C9088;
}

/*  top bar widgets  */
.topBarWidgetContainer{
	display: flex;
	justify-items: flex-end;
	margin: 40px 0px 20px 20px;
	vertical-align: middle;
	text-align: left !important;
	max-height: 150px;
}
.topBarWidgetContainer-imgcontainer{
	width: 30px;
	height: 30px;
	background: #7C9088;
	border-radius: 20px;
}
.topBarWidgetContainer-imgcontainer img{margin: 7px;}
.topBarWidgetContainer-imgcontainer i{
	margin: 4px 4px 4px 5px;
	color: #fff;
	font-size: 20px;
}
.topBarWidgetContainer-textcontainer{padding-left: 10px;}
.topBarWidgetContainer-textcontainer p {
	margin:0px;
	padding: 0px;
}
/*controls the font for email & call us sections*/
.topBarWidgetContainer-textcontainer .topBarWidgetContainer-title{
	color: #9B9B9B;
	font-size: 16px;
	font-weight: 400;
}
.topBarWidgetContainer-textcontainer .topBarWidgetContainer-context{
	color: #7C9088;
	font-size: 18px;
	font-weight: 700;
}
.topBarWidgetContainer-textcontainer .topBarWidgetContainer-context a{color: #7C9088;}  

/*Formats the services sections*/
.panel .panel-heading {
	background-color: #7C9088;
	height: 120px;
}
.panel .panel-heading h2 {color: #ffffff;}
.panel .panel-image {
	/*max-height: 200px;
	max-width: 100%;*/
	height: 250px;
	width: auto;
	overflow: hidden;
	align-content: center;
	padding: 5px;
	object-fit: scale-down;
}
.panel .panel-body {
	height: auto;
	padding: 5px;
}

.service-image-centre {
	margin: 0 auto;
	max-height: 400px;
}

/*  Buttons  */
.btn {
	background-color: #7C9088;
	color: #ffffff;
}

/*  Panel sections
/*  Cards  */
/*@media (max-width: 700px) {
	.card-deck.custom-columns {
		column-count: 1;
	}
}
@media (min-width: 700px) {
	.card-deck.custom-columns {
		column-count: 2;
	}
}
@media (min-width: 1000px) {
	.card-deck.custom-columns {
		column-count: 3;
	}
}
@media (min-width: 1400px) {
	.card-deck.custom-columns {
		column-count: 4;
	}
}
*/
/*  Responsive controls   */


.container-responsive {
  position: relative;
}
.text-block {
  position: absolute;
  bottom: 60px;
  right: 20px;
 /* background-color: black; 
  color: white; */
  padding-left: 20px;
  padding-right: 20px;
  /*opacity: 0.2;*/
}


/* Responsive contact details */

.hidden-mobile {
	display: inline-block;
}
.shown-mobile {
	display: none;
}
.shown-mobile-address {
	display: none
}
.shown-mobile-values-table {
	display: inline-block;
}
.hide-mobile-values-table {
	display: none;
}


@media only screen and (max-width: 770px) {
  .topBarWidgetContainer {
    display: inline-block;
    height: fit-content;
    justify-content: center;
  }
  .navbar.responsive.icon li a{
    position:  absolute;
    right: 0;
    top: 0;
    fill: #ffffff;
  }
  .navbar.responsive li a{
    float: none;
    display: block;
    text-align: left;
  }

  .hidden-mobile {
    display: none;
  }
  .shown-mobile {
    display: inline-block;
  }
  .shown-mobile-address {
    display: block;
    align-items: center;
    
  }
  .shown-mobile-values-table {
  	display: none;
  }
  .hide-mobile-values-table {
  	display: block;
  }
}