@charset "utf-8";
/* CSS Document */

:root{
	
--white: #FFF;
--grey: #666;
--greylt: #D9DCC9;
--green: #2db6b7;
--greenvdk: #3C4703;
--greendk: #718319;
--greenmd: #A8B957;
--greenlt: #DAE996;
--blue:#2db6b7;
--pink:#B72DA7;
}

html {
 line-height: 1.1em;
}

body {
font-family: 'Cabin', sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  color: rgba(34,59,94,1.00);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: 'Cabin', sans-serif;
   font-weight: 500;
  line-height: 1.2;
  color: inherit;
  margin-top: 0.5rem;
    text-align: center;
}

h1, .h1 {
  font-size: 4em;
 margin-top: 1.1em;
margin-bottom: 1.1em;
color: rgba(255,255,255,1.00);
}

h2, .h2 {
font-size: 2.3em; 
margin-bottom: 1em;
color: rgba(34,59,94,1.00);
}

h3, .h3 {
font-size: 1.4em; 
margin-bottom: 0.8em;
color: rgba(34,59,94,1.00);
  font-weight: 600;
}

h4, .h4 {
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: 0.8em;
}

h5, .h5 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

h6, .h6 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

p {
	font: 1.2em/1.4em sans-serif;
	font-weight: 100;
	margin-bottom: 1.2em;
	color: #223B5E;
	font-family: 'Cabin', sans-serif;
	}

strong, bold, .bold {
	font-weight: bold !important;
}

italic, .italic {
  font-style: italic !important;
}

small, .small {font-size: 80%; font-weight: 400;}
.smaller {font-size: 70%;}
.xsmall {font-size: 60%;}
.medium {font-size: 120%;}
.standard {font-size: 100%}
.large {font-size: 150%; font-weight: 700;}
.xlarge {font-size: 200%;font-weight: 800;}
.xxlarge {font-size: 250%; font-weight: 800;}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.pb-20 {padding-bottom: 20em;}

.indent10 {text-indent: 10%;}
.indent20 {text-indent: 20%;}
.indent30 {text-indent: 30%;}
.indent40 {text-indent: 40%;}
.indent50 {text-indent: 50%;}

.s-1 {letter-spacing: 1px;}
.s-2 {letter-spacing: 2px;}
.s-3 {letter-spacing: 3px;}
.s-4 {letter-spacing: 4px;}

.transparent {background-color:transparent !important;}

.white {color: #FFF;}
.black {color: #000000;}
.greydk {color: #666;}
.blue {color: rgba(15,151,249,0.49);}
.blue-m {color:rgba(87,120,154,1.00);}
.blue-vlt {color: rgba(195,207,220,1.00);}
.blue-grey {color: rgba(34,59,94,1.00);}
.grey {color: rgba(81,75,83,1.00)} 
.greyvlt {color: #BFC9C9;} 
.greylt {color: #98A0A8;} 
.green {color:#96DF7D;}
.green-dk {color:#014702;}
.green-mid {color:#84AA00;}
.greenlt {color: rgba(152,181,77,1.00);}
.green-vlt {color:rgba(137,173,128,1.00);}
.green-low {color:rgba(187,207,182,0.72);}
.mocha {color: #735E29;}
.red {color: #B7080B;}
.bluedk {color: #00475F;}
.purple {color: rgba(121,72,151,1.00);}

.bg-white {background-color: #FFF !important;}
.bg-black {background-color: #000000;}
.bg-greydk {background-color: #666;}
.bg-blue {background-color: rgba(87,120,154,1.00);}
.bg-blue-m {background-color:rgba(87,120,154,1.00);}
.bg-bluevlt {background-color:rgba(87,120,154,0.46);}
.bg-green {background-color:rgba(119,144,16,1.00);}
.bg-blue-grey {background-color: rgba(34,59,94,1.00);}
.bg-grey {background-color: rgba(81,75,83,1.00)} 
.bg-greyvlt {background-color: #D9DCC9;} 
.bg-greylt {background-color: #BFC9C9;} 

.bg-green-dk {background-color:#505831;}
.bg-green-mid {background-color:#84AA00;}
.bg-greenlt {background-color: #98B54D;}
.bg-greenvlt {background-color: rgba(137,173,128,0.48);}
.bg-green-low {background-color:rgba(226,234,224,0.72);}
.bg-mocha {background-color: #735E29;}

.highlight {background-color: rgba(249,245,187,0.76)}

.bg-feature1 {
}

.bg-opac {
    background: rgba(0,138,184,0.13);
}
.bg1 {background-color: #F0F1EA;}

.gradient {
background: rgb(88,133,146);
background: linear-gradient(3deg, rgba(81,108,162,1) 0%, rgba(88,133,146,1)100%);
}

/*my theme*/
.bg-light {
  background-color: #f8f9fa !important;
}

.container .contact h1, .container .contact h2, .container .contact h3, .container .contact p, .container .contact .contact-form, .contact btn{
color: #223B5E;
}

.produce ul, .produce h3, produce li {
color: white;
}

.produce ul li before {
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.btn-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-center a:hover {
    color: inherit;
}

.btn-contact {
padding: .5em .5em;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
border: solid #57789A;
background-color: #89A0B7;
color: #F8F9FA;
display: block;
margin: .5em auto.5em auto;
text-align: center;
}

 .btn-contact:hover,
.btn-contact:focus {
 color: #fff !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

/*Specific styles*/

.logo, .logo a, .logo a:hover {
font-family: 'Nunito', sans-serif;
font-size: 1.5em;
letter-spacing: 1px;
font-weight: bold;
color: rgba(81,75,83,0.72) !important;
text-decoration: none;
border-bottom: none;
}

.logo-black { fill: black; }

.bar { 
min-height:30px;
margin-top: 80px;
}


.styled {
	border-top: solid 2px #fff;
	border-bottom: solid 4px rgba(159,166,173,0.52);
	border-radius: 8px;
}

.slantdivA {
	background-color: rgba(152,181,77,1.00);
	transform: skewY(-7deg);
	padding: 3em 1em 3em 1em;
}

.contentdivA {
	max-width: 50em;
	margin: 0 auto;
	transform: skewY(7deg);
}

.slantdivB {
	background-color: rgba(87,120,154,0.46);
	transform: skewY(-5deg);
	padding: 3em 0em 3em 0em;
	z-index: 1;
}

.contentdivB {
	max-width: 60em;
	margin: 0 auto;
	transform: skewY(5deg);
}

.slantdivC {
	background-color: rgba(184,181,181,1.00);
	transform: skewY(-7deg);
	padding: 3em 1em 3em 1em;
	
}

.contentdivC {
	max-width: 50em;
	margin: 0 auto;
	transform: skewY(7deg);
}

.slantedDivA{
      position: relative;
      width: 100%;
      height: auto;
      background: rgba(49,112,27,0.58);
      box-sizing: border-box;
      padding: 30px;
      color: #fff;
      margin-bottom: 200px;
	   transform-origin: top right;
      transform: skewY(-4deg);
    }

    .slantedDivA:after{
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
	  background: rgba(49,112,27,0.58);
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform-origin: bottom left;
      transform: skewY(4deg);
    }
	
	.slantedDivB{
      position: relative;
      width: 100%;
      height: auto;
      background: rgba(5,87,155,0.25);
      box-sizing: border-box;
      padding: 30px;
      color: #fff;
      margin-bottom: 200px;
    }

    .slantedDivB:after{
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
      background: inherit;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform-origin: top right;
      transform: skewY(4deg);
    }
	
	
	
.triangle-right {
	width: 100%;
	height: 0;
	border-top: 0px solid transparent;
	border-left: 1800px solid #89A0B7;
	border-bottom: 100px solid transparent;
}

	
.area-main {
width: 100%;
height: auto;
display: block;
background: rgb(88,133,146);
background: linear-gradient(3deg, rgba(88,133,146,1) 0%, rgba(81,108,162,1) 100%);

}

.bg-img-main, .bg-img-produce, .bg-img-irrigation, .bg-img-afforestation, .bg-img-about {
background-color: #cccccc;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;
}

.bg-img-main {background-image:url("../images/shalom-estate-eco-farming.jpg");}

.bg-img-about {background-image:url("../images/shalom-estate-view.jpg");}

.bg-img-produce {background-image:url("../images/banana-area.jpg");}

.bg-img-irrigation {background-image:url("../images/thona-water.jpg");}

.bg-img-afforestation {background-image:url("../images/bushitao-between-coconut-lines.jpg");}


.bg-img-main h2, .bg-img-about h2, .bg-img-produce h2, .bg-img-irrigation h2, .bg-img-afforestation h2 { 
font: 2em strong 'cabin';
width: auto;
height: auto;
padding: 1em;
margin: 5em 10em 0 0;
text-align: left;
background-color: rgba(131,158,185,0.39);
color: rgba(255,255,255,1.00);
}

.area-main p {
margin: 1em auto;
color: #fff;
}

/*Lists*/
ul.icon-list {
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 1em;
}

ul.icon-list h3 {
color: #223B5E;
}

ul.icon-list li {
	list-style: none inside;
	margin-left: 1em;
	margin-top: 1em;
}

ul.icon-list li:before {
font-family: FontAwesome;
}

.afforestation, .afforestation h2,.afforestation h3, .afforestation p, .afforestation li {
color: #014702;
}

.products {
padding: 1em;
}

.products h1, .products h2, .products h3, .products p, .products li  {
color: #014702;
}

.products ul.icon-list {
color: #014702;
list-style: none inside;
margin: 1em;
font-size: 1em;
}

.products ul.icon-list li {
font-size: 1em;
padding-left: 0.3em;
margin-left: 1em;
}

.lead {
font-weight: bold;
}

.products li:before {
	font-size: 1em;
	float: left;
	margin-left: -1.5em;
	} 
	
.products > ul > li:before, .irrigation > ul > li:before {
	content: '\f00c';
	font-size:.7em;
	}
	
.products li:before {
content: '\f0da';
}


.about {
color: #223B5E;
padding: 1em;
}

.about ul.icon-list, .irrigation ul.icon-list {
color: #223B5E;
list-style: none inside;
margin: 1em;
font-size: 1.1em;
}

.about ul.icon-list li, .irrigation ul.icon-list li {
font-size: 1em;
padding-left: 0.3em;
margin-left: 1em;
}

.about li:before, .irrigation li:before {
	font-size: 1em;
	float: left;
	margin-left: -1.5em;
	} 
	
.about > ul > li:before, .irrigation > ul > li:before {
	content: '\f00c';
	font-size:.7em;
	}
	
.about li:before {
content: '\f0da';
}

.irrigation li:before {
content: '\f043';
}
.seed li:before {
	content: '\f4d8';
	} 
	
.veg li:before {
	content: '\f816';
	} 
	
.leaf li:before {
	content: '\f06c';
	}
		
	.fruit li:before {
	content: '\f094';
	}
	
	.flower li:before {
	content: '\f863';
	}

ul, .ul {
	list-style: none; 
}

ul li, .ul, li {
	list-style: none; 
}


a {
  color: inherit;
  text-decoration: inherit;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: inherit;
  text-decoration: inherit;
}

.link { color: #57789A !important;}

.link a:hover { color:#223B5E !important;}

#nolink, #nolink2, .nolink a:link, .nolink a:visited, .nolink a:hover, .nolink a:active {
    text-decoration: none !important;
    border: none !important;
}

img {
  vertical-align: middle;
  border-style: none;
}

.imgC, .alignC {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	}

.imgL {
	display: block;
	float:left;
	padding: 1em;
}

.imgR {
	display: block;
	float:right;
	padding: 1em;
}

.imgfull {
	width:100%;
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	min-width:80%;
	max-width: 600px;
}

@media (min-width: 1400px) {
.imgfull {
	min-width:100%;
	max-width: 100%;
}
}

.responsive {
 width: 100%;
  height: 100%;
}

.floatL {
  float: left !important;
}

.floatR {
  float: right !important;
}

.floatN {
  float: none !important;
} 

.center {
    text-align: center !important;
}

.alignL {
	text-align: left !important;
}
.alignR {
	text-align: right !important;
}

.alignJ {
  text-align: justify !important;
}

.bdr {
	border: solid 2px #999999;
	}

.bdr-tb {
	border-top: solid 2px #999999;
	border-bottom: solid 2px #999999;
}

.bdr-lr {
	border-left: solid 2px #999999;
	border-right: solid 2px #999999;
}

.bdr-t {
	border-left: solid 2px #999999;
}

.bdr-r {
	border-left: solid 2px #999999;
}

.bdr-b {
	border-left: solid 2px #999999;
}

.bdr-l {
	border-left: solid 2px #999999;
}

.strap {
	font-family: 'Nunito', sans-serif;
	font-size: 1.5em;
	margin: .5em;
	text-align: center;}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}


.blockquote {
  display: block;
  font: 1.2em/1.4em italic;   
color:#fff;
padding: 1em;
background: rgba(34,59,94,1.00);
}

.blockquote::before {
    font-family: FontAwesome;
	content: '\f10d';
    font-size: 3em !important;
	list-style: none;
	color: rgba(45,182,183,1.00);
    padding: 1.5em .3em .3em .3em; 
}

.blockquote p {
color: #fff;
}

.notice {
width: 100%;
background-color:#BFC9C9;
color: #223B5E;
padding: .5em 1em;
font-size: 1.2em;
}

.clearfix {
display: block;
clear: both;
content: "";
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.container-fluid.dates  {
background-color:#E2E7E9;
padding: 60px;
}

.dates h2 {
color: #00475F;
}
.dates .col-md-3 {
margin-bottom: 20px;
}

.dates .card {
padding-bottom: 3px;
border-color: #2db6b7;
display: flex;
}

.dates .card .card-header {
text-align: center;
background-color: #223B5E;
color: #2db6b7;
}

.dates .card h5 {
color: #223B5E;
}

.dates .card img {
display: block;
margin: 0 auto 0 auto;
}

.card-header .fa-calendar-check {
font-size: 1.5em;
float: left;
}

footer {
background: rgb(122,178,94);
background: linear-gradient(3deg, rgba(122,178,94,1) 0%, rgba(79,112,161,1) 100%);



color:rgba(0,0,0,1.00);
}

footer h1 {
color: rgba(12,16,19,1.00);}

footer h2 {
color: rgba(12,16,19,1.00);}

footer p {
color: rgba(12,16,19,1.00);}

footer ul, footer li {
color: rgba(12,16,19,1.00);}


footer ul {
	max-width: auto;	
}

footer a, footer a:hover {
    text-decoration: none;
    color: inherit;
}

.lined {
border-bottom: solid 1px rgba(203,240,240,1.00);	
letter-spacing: 2px;
margin-bottom: .1em;	
}

#return {
	position: fixed;
	font-size: 2em;
	color: rgba(108,139,172,0.83);
	z-index: 100;
right: 4%;
	bottom: 1%;
}