@charset "utf-8";
/* CSS Document */
/*main colours for website*/
:root {
--theme-color-primary:#615d04; /*olive green*/
--theme-color-secondary:#000000; /*black*/
--theme-color-tertiary:#707070; /*dark grey*/
--theme-color-palegrey:#FCFCFC;
--theme-color-lightgrey:#EDEDED;
--theme-color-grey:#D3D3D3;
--theme-color-black:var(--theme-color-primary);
--theme-color-white:#FFF; 
}

.color-primary{color:var(--theme-color-primary);}
.color-secondary{color:var(--theme-color-secondary);}
.color-tertiary {color:var(--theme-color-tertiary);}
.color-black {color:var(--theme-color-black);}
.color-darkgrey {color:var(--theme-color-darkgrey);}
.text-underline-primary{text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: 4px; text-decoration-color:var(--theme-color-primary);}
.text-underline-secondary{text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: 4px; text-decoration-color:var(--theme-color-secondary);}
.text-underline-tertiary {text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: 4px; text-decoration-color:var(--theme-color-tertiary);}
.background-white{background:var(--theme-color-white);}
.background-grey{background:var(--theme-color-grey);}
.background-palegrey{background:var(--theme-color-palegrey);}
.background-lightgrey{background:var(--theme-color-lightgrey);}
.background-darkgrey {background:var(--theme-color-darkgrey);}

h1 {color:var(--theme-color-black);}
h2 {color:var(--theme-color-secondary);}
h3 {color:var(--theme-color-darkgrey);}
h4 {color:var(--theme-color-black);}


h1 {
  display: block;
  font-size: 2em /*30.08px*/;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.85em; /*29.6px*/;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.28em; /*20.48px*/;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h4 {
  display: block;
  font-size: 1.125em; /*18px*/;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
/*End*/

/***********************************************************************************************/
/*Header Logo and Title*/
/***********************************************************************************************/
.pageheader-row {padding:0px 0 0px 0;}
.pageheader-row h1 {color:var(--theme-color-primary);}
.pageheader-column {}
.pageheader-column section h1{color:var(--theme-color-primary); text-align:left; font-weight: 600; margin-top: 0px;}
.pageheader-column section h2{color:var(--theme-color-secondary); text-align:left;}
.pageheader-column section {text-align:center; line-height:normal; font-weight: 600;}
.pageheader-column img{}

.pageheader-column a {
    color:var(--theme-color-primary);
  text-decoration: underline;
}

 /* unvisited link */
.pageheader-column a:link {
    color:var(--theme-color-primary);
  text-decoration:none;
}

/* visited link */
.pageheader-column a:visited {
    color:var(--theme-color-primary);
  text-decoration:none;
}

/* mouse over link */
.pageheader-column a:hover {
  color:var(--theme-color-secondary);
  text-decoration: none;
}

/* selected link */
.pageheader-column a:active {
    color:var(--theme-color-primary);
	text-decoration: underline;
} 

@media (min-width: 1282px) {
.pageheader-column h1 {
  display: block;
  font-size: 1.88em /*30.08px*/;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.pageheader-column h2 {
  display: block;
  font-size: 1.85em; /*29.6px*/;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

}
@media (min-width: 1025px) and (max-width: 1281px){

}        
@media (min-width: 993px) and (max-width: 1024px){
.pageheader-column h1 {
  display: block;
  font-size: 1.68em; 
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.pageheader-column h2 {
  display: block;
  font-size: 1.65em; 
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
}

@media (min-width: 768px) and (max-width: 992px){
.pageheader-column h1 {
  display: block;
  font-size: 1.45em; 
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.pageheader-column h2 {
  display: block;
  font-size: 1.45em; 
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

}
@media (min-width: 481px) and (max-width: 767px) {
.pageheader-column h1 {
  display: block;
  font-size: 1.45em; 
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.pageheader-column h2 {
  display: block;
  font-size: 1.45em; 
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
	
}
@media (max-width: 480px) {
.pageheader-column h1 {
  display: block;
  font-size: 1.45em; 
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.pageheader-column h2 {
  display: block;
  font-size: 1.45em; 
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
	
}

/***********************************************************************************************/
/*Navigation Menu*/
/*********************************/ 
.navigationmenu {
  background-color: var(--theme-color-primary);
  font-weight: 700;
}

/* Style the links inside the navigation bar */
.navbar-nav .nav-link {
  color: var(--theme-color-white) !important;
  
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Style the dropdown button to fit inside the navigationmenu */
.dropdown-menu {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white);
  font-size: 15px;
  font-family: inherit;
  border: none;
  outline: none;
  border-radius:0px;
}
/* Style the links inside the dropdown */
.dropdown-item {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white);
  display: block;
  width: 100%;
  padding: .25rem 1rem;
  clear: both;
  font-weight: 600;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
}
.dropdown-menu a:hover{
	background-color: var(--theme-color-white); 
	color: var(--theme-color-primary);
}
/*Reduce gap between drop down menu and navigation bar*/
.dropdown-menu.show{
transform: translate(0px) !important;
}
/***********************************************************************************************/
/*Breadcrumb Links*/
/***********************************************************************************************/

ol.breadcrumb {
  padding:10px 0px 10px 0px;
  font-weight:600;
}
ol.breadcrumb li a {
color:var(--theme-color-primary); 
  text-decoration: none;
}
ol.breadcrumb li a:hover {
color:var(--theme-color-secondary); 
  text-decoration: none;
}

/***********************************************************************************************/
/*All Pages*/
/***********************************************************************************************/
body {font-family: Arial, Helvetica, sans-serif;}
main{}

/* Page Headings*/
.page-heading{ text-align:center;}

/*Page rows and Columns*/
.page-row {margin-bottom:10px;}
.page-content { padding: 0 10px 0 10px; margin-bottom:10px;}

/*Section Links*/
section h3 {}

section p a {
  color:var(--theme-color-primary);
  text-decoration: underline;
  font-weight: 600;
}

 /* unvisited link */
section p a:link {
  color:var(--theme-color-primary);
  text-decoration: underline;
}

/* visited link */
section p a:visited {
  color:var(--theme-color-primary);
  text-decoration: underline;
  font-weight: 600;
}

/* mouse over link */
section p a:hover {
  color:var(--theme-color-secondary);
  text-decoration: none;
  font-weight: 600;
}

/* selected link */
section p a:active {
    color:var(--theme-color-primary);
	text-decoration: underline;
	font-weight: 600;
} 

section ul li a {
  color:var(--theme-color-primary);
  text-decoration: underline;
}

 /* unvisited link */
section ul li a:link {
  color:var(--theme-color-primary);
  text-decoration: underline;
}

/* visited link */
section ul li a:visited {
  color:var(--theme-color-primary);
  text-decoration: underline;
}

/* mouse over link */
section ul li a:hover {
  color:var(--theme-color-secondary);
  text-decoration: none;
}

/* selected link */
section ul li a:active {
    color:var(--theme-color-primary);
	text-decoration: underline;
} 

section table, th, td {border: 1px solid;}

/*Cards*/
.card{ margin-top: 10px; margin-bottom: 10px;}
.card-header {background-color:#fff;}

/*Cards and Border*/
.border-green {border:1px solid var(--theme-color-secondary);}

/*Card & Groups*/
/*************************************************************************************************/

.cardgroupforpages{}
.card-group-container{}

.card-img{text-align: center; padding: 1rem;}
.card-icon{ margin-left: auto; margin-right: auto; display: block;}
h1.card-title{color: var(--theme-color-primary); margin-top: 0;}
h2.card-title{color: var(--theme-color-secondary);}
h2.card-title-large{color: var(--theme-color-primary);}
h3.card-title{color: var(--theme-color-primary);}
h3.card-titleindex{color: var(--theme-color-secondary); font-size:.85em;}
h4.card-title{color: var(--theme-color-secondary); font-size:.85em;}
.card-text { font-size:15px;}
ul.card-list {list-style: none; }
ul.card-list {list-style: none; }
.card-list .fa-solid {color:var(--theme-color-primary)!important; }
.card-list .fa-regular {color:var(--theme-color-primary) !important;}

@media (min-width: 768px) and (max-width: 992px){
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 30%;
  }
}

.card-body{}

 /* unvisited link */
.card-body a:link {
  color:var(--theme-color-secondary);
  text-decoration: underline;
}

/* visited link */
.card-body a:visited {
  color:var(--theme-color-secondary);
}

/* mouse over link */
.card-body a:hover {
  color:var(--theme-color-secondary);
}

/* selected link */
.card-body a:active {
    color:var(--theme-color-secondary);
} 

.card-footer {
  background-color:var(--theme-color-white);
}
 /* unvisited link */
.card-footer a:link {
  color:var(--theme-color-secondary);
  text-decoration: none;
  font-weight: 600;
}

/* visited link */
.card-footer a:visited {
  color:var(--theme-color-secondary);
  text-decoration: none;
}

/* mouse over link */
.card-footer a:hover {
  color:var(--theme-color-primary);
  text-decoration: none;
  background: none;
}

/* mouse over link */
.card-footer a:active {
  color:var(--theme-color-secondary);
  text-decoration: none;
  background: none;
}


/*CSS for call to action buttons*/
/*************************************************************************************************/
/*Button 1 */
a.fill-btn1 {
    background-color: var(--theme-color-primary);
    color: var(--theme-color-white) !important;
    padding: 10px 20px;
    display: inline-block;
    text-transform: capitalize;
    text-shadow: none;
	text-decoration:none !important; 
	font-weight:600;
	border-radius: 20px
}
a.fill-btn1:hover{background-color:var(--theme-color-secondary); text-decoration:none; color: var(--theme-color-white) !important;}

@media (min-width: 1282px) {
a.fill-btn1 {font-size:14px !important;}
}
@media (min-width: 1025px) and (max-width: 1281px){
a.fill-btn1 {font-size:14px !important;}
}        
@media (min-width: 993px) and (max-width: 1024px){
a.fill-btn1 {font-size:14px !important;}
}

@media (min-width: 768px) and (max-width: 992px){
a.fill-btn1 {font-size:12px !important;}
}
@media (min-width: 481px) and (max-width: 767px) {
a.fill-btn1 {font-size:12px !important;}
}
@media (max-width: 480px) {
a.fill-btn1 {font-size:12px !important;}
}
/*End Button 1*/


/* Scroll to top of page - ref:https://mdbootstrap.com/snippets/standard/mdbootstrap/2964350#html-tab-view*/
/************************/
#scrollbtn1 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
.scrollbtn1 {
  	z-index: 99;
    background-color: var(--theme-color-white);
    color: var(--theme-color-primary) !important;
    display: inline-block;
    text-transform: capitalize;
    text-shadow: none;
    font-weight: 600;
	border-radius:50%;
	border: 2px solid var(--theme-color-primary);
}
.scrollbtn1:hover{border: 2px solid var(--theme-color-secondary);}

@media (max-width: 992px) {
.scrollbtn1{
	display: inline-block;
    text-transform:capitalize;
    text-shadow: none;
	font-size:14px;
  }
}
@media (max-width: 768px) {
.scrollbtn1{
	display: inline-block;
    text-transform:capitalize;
    text-shadow: none;
	font-size:14px;
	}
}
@media (max-width: 480px) {
.scrollbtn1 {
	display: inline-block;
    text-transform:capitalize;
    text-shadow: none;
    font-weight:bold;
	font-size:14px;
	}
}

/*Read more / Discover more*/
/*******************************************/
.discover-more-container{}
/*using primary colour*/
.discover-more1{ line-height:3; padding:0; margin:0 0 20px 0; position:relative; display:block; text-align:center; text-transform:capitalize !important; text-decoration:none; font-size:15px; clear:both; color:var(--theme-color-primary); border-bottom: 1px solid var(--theme-color-grey);
}
.discover-more1::before{ position:absolute; bottom:0; content:""; display:block; width:10%; height:1px; /*height and thickness of border*/
-webkit-transition:all .3s; transition:all .3s; background: var(--theme-color-primary);
}
.discover-more1.expandir::before{left:45%;}
.discover-more1 a {display:block; color:var(--theme-color-primary); text-decoration:none !important; background-color:transparent; transition:background-color .3s;}
.discover-more1 a:hover{color:var(--theme-color-secondary); text-decoration:underline;}
.discover-more1::after{ position:absolute; bottom:0; content:""; display:block; width:0px; height:1px; /*height and thickness of border*/
-webkit-transition:all .3s; transition:all .3s;}
.discover-more1:hover::after{ width:100%; background:var(--theme-color-secondary);}
.discover-more1 a:not([href]) {color:inherit; text-decoration:none;}
.discover-more1 a:not([href]):hover {color:inherit; text-decoration:none;}

/*List Groups*/
.list-group{ max-width: 300px;}
.list-group-item {
  color: inherit;
  font-weight: 600;
}
.list-group-item:hover {
  color: inherit;
  font-weight: 600;
  background: var(--theme-color-lightgrey);
}
.list-group-item:active{
  color: inherit;
  font-weight: 600;
  background: var(--theme-color-secondary);
}

/*extra styling*/
/***********************************************************************************************/
.space-top{margin-top: 10px;}
.space-bottom{margin-bottom: 10px;}

.hr-style{width:25%; text-align:center; margin-left:auto; margin-right:auto; }

/*Picture & Images*/
/***********************************************************************************************/
.text-img-left {
  width: 35%;
  margin: 0 40px 40px 0;
  float: left;
}
.text-img-right {
  width: 35%;
  margin: 0 40px 0 40px;
  float: right;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/***********************************************************************************************/
/*Main Content*/
/***********************************************************************************************/

/*Home Page*/
/****************************************************************************/

/*CSS for Bootstrap Slide show*/
/******************************/
.carousel {
    position: relative;
	z-index: 0;
}
.carousel-indicators {
	position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-indicators .active {width: 10px; height: 10px; background-color: var(--theme-color-white)}
.carousel-indicators li {width: 10px; height: 10px; border: 1px solid var(--theme-color-primary) !important; border-radius: 10px;}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/*.carousel-inner img{ opacity:0.8;}*/
/*Use Brightness - no spacing between brightness and (percent value)*/
.carousel-inner img{filter:brightness(75%);}
.carousel-caption {
	position: absolute;
	top: 20%;
	bottom: 20px;
    right: 14%;
	left: 14%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: var(--theme-color-black);
	text-align: left !important;
	text-shadow:none !important;
}
.carousel-caption h1{ color: var(--theme-color-white) !important; font-weight:700; line-height:normal; border-bottom:none !important; text-align:left !important;  margin-top: 1rem; margin-bottom: 1rem;}
.carousel-caption h1 span { margin:0; border-bottom:none !important;}
.carousel-caption h2{ color: var(--theme-color-white) !important; font-weight:700; line-height:normal; border-bottom:none !important; text-align:left !important;  margin-top: 1rem; margin-bottom: 1rem;}
.carousel-caption p{ color: var(--theme-color-white) !important; font-weight:700; line-height:normal;  margin-top: 1rem; margin-bottom: 1rem;}
a.fill-btn {
	background-color: var(--theme-color-primary);
    color: var(--theme-color-secondary) !important;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 10px;
    text-transform: capitalize;
    text-shadow: none;
	text-decoration:none !important; 
	font-weight:600;
}
a.fill-btn:hover{background-color: var(--theme-color-black); color:var(--theme-color-white) !important; text-decoration:none !important; }

/*Adjust for small devices*/

@media (min-width: 1282px) {
.carousel-caption{top:20%;}
.carousel-caption h1{font-size:45px; }
.carousel-caption h1 span {border-bottom:none !important;}
.carousel-caption h2{font-size:30px;}
.carousel-caption p{font-size:22px;}

a.fill-btn {
	font-size:14px;
  }
/*adjust height on mobile for bigger picture*/
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > picture > img {height: 600px;
}
}

@media (min-width: 1025px) and (max-width: 1281px){
.carousel-caption{top:20%;}
.carousel-caption h1{font-size:45px;}
.carousel-caption h1 span {border-bottom:none !important;}
.carousel-caption h2{font-size:30px;}
.carousel-caption p{font-size:22px; }

a.fill-btn {
	font-size:14px;
  }
/*adjust height on mobile for bigger picture*/
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > picture > img {height: 600px;
}
	
}

@media (min-width: 993px) and (max-width: 1024px){
.carousel-caption{top:20%;}
.carousel-caption h1{font-size:35px;}
.carousel-caption h1 span {border-bottom:none !important;}
.carousel-caption h2{font-size:22px;}
.carousel-caption p{font-size:16px;}

a.fill-btn {
	font-size:14px;
  }
/*adjust height on mobile for bigger picture*/
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > picture > img {
  height: 500px;
}	

}

@media (min-width: 768px) and (max-width: 992px){
.carousel-caption{top:10%;}
.carousel-caption h1{font-size:35px;}
.carousel-caption h1 span {border-bottom:none !important;}
.carousel-caption h2{font-size:22px;}
.carousel-caption p{font-size:16px;}

a.fill-btn {
	font-size:14px;
  }
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > picture > img {
  height: 500px;/*adjust height on mobile for bigger picture*/
}
	
}

@media (min-width: 481px) and (max-width: 767px) {
.carousel-caption{top:10%;}
.carousel-caption h1{font-size:20px; }
.carousel-caption h1 span {margin:0;}
.carousel-caption h2{font-size:16px;}
.carousel-caption p{font-size:14px;}

a.fill-btn {
	font-size:14px;
  }
/*adjust height on mobile for bigger picture*/
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > picture > img {
  height: 600px;
}
}

@media (max-width: 480px) {

.carousel-caption{top:5%;}
.carousel-caption h1{font-size:20px; border-bottom:none !important; text-align:left !important;}
.carousel-caption h1 span { margin:0; border-bottom:none !important;}
.carousel-caption h2{font-size:16px; font-weight:700; line-height:normal; border-bottom:none !important; text-align:left !important;}
.carousel-caption p{font-size:14px; font-weight:bold;}
	
.carousel-indicators {
	position: absolute;
	bottom: 1px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-indicators .active {width: 15px; height: 15px;} /*border:transparent; background:transparent;*/
.carousel-indicators li {width: 15px; height: 15px; } /*border:transparent;*/ /*solve overlapping by hiding the indicator on mobile using border transparent and no border css*/
a.fill-btn {
	font-size:14px;
}
/*adjust height on mobile for bigger picture*/
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > picture > img {
  height: 600px;
}
}
/*End CSS for Bootstrap slide show*/

/***********************************************************************************************************************/
/*Contact us*/
/***********************************************************************************************************************/


/*About us*/
/***********************************************************************************************/


/***********************************************************************************************/
/*Footer*/
/***********************************************************************************************/
/*Connect with us*/
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color:var(--theme-color-white);
}
.pagefooter-row {}
.pagefooter-column {}
.pagefooter-column h1{color:var(--theme-color-secondary);}
.pagefooter-column h2{color:var(--theme-color-primary); }
.pagefooter-column h3{color:var(--theme-color-primary);}
.pagefooter-column section {text-align:center; line-height:normal;}