/* ======  A G R I V E R T   C O L O U R S  ====== */

/* Agrivert green:
r109 g141 b36
#6d8d24
tints: 40% & 11%
*/

/* Agrivert umber:
r97 g85 b62
#61553e
tints: 40% & 11%
*/

/* Dark grey:
r109 g110 b113
#6d6e71  */

/* 2022 Dark Grey
r66 g58 b56
#423a38  */

/* Light grey:
r188 g190 b192
#bcbec0  */




/* ======  T Y P E K I T   F O N T S  ====== */

/* Myriad Pro Light
font-family: myriad-pro, sans-serif;
font-style: normal;
font-weight: 300;
---- */

/* Myriad Pro Regular
font-family: myriad-pro, sans-serif;
font-style: normal;
font-weight: 400;
---- */

/* Myriad Pro Semibold
font-family: myriad-pro, sans-serif;
font-style: normal;
font-weight: 600;
---- */

/* Myriad Pro Condensed
font-family: myriad-pro-condensed, sans-serif;
font-style: normal;
font-weight: 400;
---- */





html, body {
  /* color: #423a38; */
  color: black;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 100%;
  line-height: 1.4;
  height: 100%;
  padding-bottom: 0;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

  html {
    box-sizing: border-box;
   }


a{
	color:#6d8d24;
}

a:hover,
a:focus {
  color: #7e7a78;
  text-decoration: none;
}

a:visited {
  text-decoration: none !important;
}


#content ul li {
	margin: 0.6em 0;
}



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

aside.news-feed h3{
	margin-top: 0;
}


aside .box-out{
	border: 1px solid rgba(97, 85, 62, 0.4);
	border-radius: 0.5rem;
	padding: 5px 15px 15px;
	font-size: 1.1rem;
	float: left;
	margin: 30px 0 50px;
}
aside .box-out a{
	color: #7e7a78;
}
aside .box-out a:hover{
	color: #6d8d24;
}
aside .box-out h5{
	font-size: 1.3rem;
	margin-bottom: -15px;
}
@media screen and (min-width: 768px){
	aside .box-out{
		width: 90%;
		margin: 10px 0 50px;
	}
}








h1{
	font-family: myriad-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #6d8d24;
	text-transform: uppercase;
	margin-bottom: 2.2rem;
}

#home h1{
	text-transform: none !important;
}

h2, h3, h4, h5{
	font-family: myriad-pro, sans-serif;
	font-style: normal;
	font-weight: 600;
	/* color: #7e7a78; */
	color:#6d8d24;
}

h2, h3{
	/* margin-top: 2.0rem; */
	margin-bottom: 2.0rem;
	border-bottom: 1px solid #6d8d24;
	padding-bottom: 10px;
}
h4{
	font-size: 1.3rem;
	margin-bottom: 1.4rem;
}
.solo-nav{
	font-size: 1.2rem;
	font-weight: bold;
}


p, main li {
	font-family: myriad-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.2rem;
	margin-bottom: 1.4rem;
}

main ul{
	margin-bottom: 1.8rem;
}

.leading p{  /* adjusted for Craft CMS */
	/* color: #7e7a78; */
	color: black;
	/* font-weight: 600; */
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
}
.reduce{
	font-size: 0.9rem;
}
strong{
	/* color: #7e7a78; */
	color: black;
}

hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #eee;
}



figcaption{
	margin-top: 0.6rem;
	/* text-align: right; */
}



.display-block {
  display: block;
}





.ivc a, .ep a{
	color: #7e7a78;
}
.ivc a:hover, .ep a:hover{
	color: #6d8d24;
}


@media screen and (min-width: 768px){
	.text-3q{
		padding-right: 10%;
	}
}








.no-pad{
	padding: 0;
}
.pad-top-x2{
	padding-top: 2.0rem;
}
.pad-top-x3{
	padding-top: 3.0rem;
}
.pad-extra-left{
	padding-left: 1.5rem;
}
@media screen and (min-width: 768px){
	.pad-extra-right{
		padding-right: 2.0rem;
	}
}
.push-below{
	margin-bottom: 2.0rem;
}
@media screen and (min-width: 768px){
	.shift-up-15{
		margin-top: -1.5rem;
	}
	.shift-left-10{
		margin-left: -1.0rem !important;
	}
	.shift-left-5{
		margin-left: -0.5rem !important;
	}

}
.pad-left-right{
	padding-left: 15px;
	padding-right: 15px;
}

.ul-clean ul li{
	list-style: none !important;
}







.well {
  min-height: 20px;
  padding: 0;
  margin-bottom: none;
  background-color: rgba(109, 141, 36, 0.11);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 50px;
}

.well-b{
	background-color: rgba(97, 85, 62, 0.11);
}

.well-x {
	background-color: #D3D3D3;
}

body#home .well {
	margin-top: 0;
}





@media (min-width: 1200px) {
  .container{
    width: 1220px;
    padding: 0 !important;
  }
  .navbar .container{
  	width: 1240px;
    padding: 0 !important; */
    margin-right: -20px;
    margin-left: -20px;
  }
}





.nav{
	font-size: 1.4rem;
}

.dropdown-menu {
	/* font-size: 1.1rem; too big on older phones - i.e. iPhone 5 */
	/* font-size: 0.9rem; */
	font-size: 1.3rem;
	z-index: 10000;
}
.dropdown-menu li{
	margin-bottom: 15px;
}


@media screen and (min-width: 768px){
	.nav{
		float: right;
		margin-right: -20px;
		font-size: 1.0rem;
	/* ==== to move the menu down to accomodate the Google Translate menu ====*/	
		position: relative;
		top: 20px !important;
	}
	.dropdown-menu {
		font-size: 1.0rem;
	}
	.dropdown-menu li{
		margin-bottom: 10px;
	}
}

.navbar {
  /* position: relative; */
  border: 1px solid transparent;  /*  fixed odd Safari bug  */
  padding-top: 1.0em;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
    float: right;
    min-height: 95px;
  }
  .navbar-default {
    background-color: #fff;
    /* border: 1px solid green; */
    margin: 0 !important;
  }

}

@media only screen and (min-device-width : 768px) /* iPad landscape */
and (max-device-width : 1024px)
and (orientation : landscape) {
	.navbar {
	  height: 85px;
	}
	.nav{
		left: 35px;
		/* top: -45px;  where did this come from..???  */
		position: relative;
	}
}

/* iPad Pro 12.9 landscape - method #1 (viable in emmulator)
@media only screen and (min-device-width : 1366px)
and (max-device-height : 1024px)
and (orientation : landscape) {
	.navbar {
	  height: 95px;
	  min-height: 95px;
	  border: 1px solid green;
	}
	.nav{
		left: 0;
		top: 0 !important;
		bottom: 0 !important;
		position: relative;
		border: 1px solid green;
	}

} */


/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
		.navbar {
		  height: 95px;
		  min-height: 95px;
		}
		.nav{
			left: 0;
			top: 0 !important;
			bottom: 0 !important;
			position: relative;
		}
}

/* iPad Pro 12.9 landscape - method #3 (viable in emmulator)
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px){
		.navbar {
		  height: 95px;
		  min-height: 95px;
		  border: 1px solid red;
		}
		.nav{
			left: 0;
			top: 0 !important;
			bottom: 0 !important;
			position: relative;
			border: 1px solid red;
		}
} */


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #6d8d24;
  background: none;
}

.navbar-nav a:hover,
.navbar-nav a:focus {
  color: #7e7a78 !important;
 }



.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  /* bottom: 30px;  */
  bottom: 0.4em; /* for 2022 logo */
  
}

.navbar-toggle .icon-bar {
  display: block;
  width: 38px;
  height: 5px;
  border-radius: 5px;
  border: none;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #6d8d24;
}









/* ==== 2022 LOGO ================= */

.navbar-brand {
	width: 10rem;
	/* border: 1px solid #fff;  /* effectively an invisible border - the SVG was cropped without it - curious */
	display: block;
	    float: left;
	    position: relative;
		bottom: 1.15em;
		right: 0.25em;
}

@media (min-width: 992px) {
	.navbar-brand {
		width: 11.25rem;
		display: block;
	    float: left;
	    position: relative;
		bottom: 0.75em;
		right: 0.75em;
	}

}








.logo__img {
	  width: 55%;
	  height: auto;
	  display: block;
	  float: left;
	  position: relative;
	  z-index: 100000;
	   /* padding: 20px 15px 15px 0; */
	  margin: 0;
	  border: 1px solid transparent;  /*  fixed odd Safari bug (with height of SVG not recognised?)  */
  }

  @media screen and (min-width: 768px){
  	.logo__img {
	    /* width: 9.5em; */
	    width: 150px; /* as stipulated in Agrivert style guide! */
  		margin: -0.75em 0 0 -0.75em;
  		height: 3em; /* required for MSIE 10+11 */
	    }
    }

    @media only screen  and (min-device-width : 768px) /* iPad landscape */
    and (max-device-width : 1024px)
    and (orientation : landscape) {
    	.logo__img {
    		  width: 45%;
    		  margin-left: 0;
    		  }

	    }

    /* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
    @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
    	.logo__img {
    			  width: 150px;
    			  margin-left: -0.75em;
    			  }

    	    }
    }


    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
      background-color: rgba(188, 190, 192, 0.4);
      color: #6d8d24;
    }

    @media screen and (min-width: 768px){

    	.dropdown-menu > .active > a,
    	.dropdown-menu > .active > a:hover,
    	.dropdown-menu > .active > a:focus {
    	  background: none !important;
    	  color: #6d8d24;
    	}
    }



/*  -----------------  MULTI-LEVEL DROP-DOWN MENU ------------------ */

.dropdown-submenu {
    position: relative;

}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    /* margin-left: -1px; */
    margin-left: 20px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
@media screen and (min-width: 768px){
	.dropdown-submenu>.dropdown-menu {
	    margin-left: -1px;
	}
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}




@media screen and (min-width: 768px){
	.dropdown-menu.shift-left {
	  right: 0;
	  left: auto;
	}
}














.carousel-control.left, .carousel-control.right {
  background-image: none !important;
  filter: none;
}







#info header#top, #news-and-insights header#top, #legal header#top, #search header#top, #projects header#top, #resources header#top {  /* adjusted for Craft CMS */
	border-bottom: 1px solid rgba(97, 85, 62, 0.4) !important;

}







.embed-responsive--mb-l {
	margin-bottom: 3rem;
}

.embed-responsive--mb-s {
	margin-bottom: 1rem;
}


.chunk{
	/* border-bottom: 1px solid rgba(97, 85, 62, 0.4); */
	padding-bottom: 2.5rem;
}

.chunk:last-of-type{
	border-bottom: none;
}

.chunk .embed-responsive {
	margin-bottom: 0;
}


.mb2 {
	margin-bottom: 2.0rem;
}
.mb3 {
	margin-bottom: 3.0rem;
}
.mb4 {
	margin-bottom: 4.0rem;
}

.mt2 {
	margin-top: 2.0rem;
}
.mt3 {
	margin-top: 3.0rem;
}
.mt4 {
	margin-top: 4.0rem;
}




/* blockquote:before{
	content: '\201C';
	color: #61553e;
	padding-right: 4px;
}
blockquote:after{
	content: '\201D';
	color: #61553e;
	padding-left: 4px;
}
*/




#map_canvas {
	position:relative;
	z-index: 1;
	min-height: 25em;
	margin-bottom: 4.375em;
}








/* -------  HIDDEN SEARCH ------------------------------------ */


.search {
  /* background: #95A5A6; */
  /* background: rgba(204,204,204,0.5); */
  background-color: rgba(97, 85, 62, 1.0);
  padding: 0.625rem 0.9375rem;
  -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
  position: absolute;
  top: 7em;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
#home .search {
  /* background: #fff; */
}
.search ::-webkit-input-placeholder,
.search :-moz-placeholder,
.search ::-moz-placeholder,
.search :-ms-input-placeholder {
  color: white;
}
@media screen and (min-width: 43.75em) {
  .search {
    top: 5.9em; /* how far down when revealed */
    background-color: rgba(97, 85, 62, 0.7);
  }
  #home .search {
  	background-color: rgba(97, 85, 62, 0.7);
    top: 5.9em;
    /* width: 1220px;  - this causes the search box to extend out right on 1024x768 */
  	left: 0;
  	right: 40px;
  }
}

@media only screen /* iPad in landscape */
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#home .search {
	  /* width: 1000px; - this causes the search box to extend out right on 1024x768 */
	}
}

.search__form {
  margin: 0 auto;
  /* max-width: 70rem; */
  /* min-width: 15rem; */
  /* float: right; */
}
.search--hidden {
  top: -100%;
  z-index: -1000;  /* or it animates over the top of the main nav */
}
.search__input {
  background: none;
  border: none;
  outline: none;
  padding: 0.25em;
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
}
.search__submit {
  display: none;
}




.navbar__search, .navbar__more {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto -0.25em auto;
  width: 1em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.navbar__search--active:after, .navbar__more--active:after {
 /* content: "triangle?"; */
  position: absolute;
  bottom: -1.1em;
 left: 50%;
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@media screen and (min-width: 43.75em) {
  .navbar__search--active:after, .navbar__more--active:after {
    bottom: -1.3em;
  }
}
.navbar__search {
  background-image: url("../svg/search.svg");
  /* FF bug required   at line 180 instead of 'search' as the first two letters were being displayed next to the search icon... */
}
.navbar__search--active:after {
  border-bottom: 0.5em solid #95A5A6;
}








/* ======  H O M E  ============================ */


#home .carousel-caption {
  position: absolute;
  /* right: 20%; */
  right: 30%;
  bottom: 80px;
  left: 0;
  z-index: 10;
  text-align: left;
  text-shadow: none;
  background-color: rgba(109, 141, 36, 0.7);
	padding: 0px 20px 20px 0;

}

#home .carousel-caption h3{
	position: relative;
	float: left;
	left: 30%;
	max-width: 60%;
	font-size: 3.4rem;
	font-family: myriad-pro, sans-serif;
	font-style: normal;
	/* font-weight: 300; */
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	line-height: 110%;
}


@media screen and (min-width: 768px){
	.carousel-control {

	}
}

@media only screen  and (min-device-width : 768px) /* iPad landscape */
 and (max-device-width : 1024px)
 and (orientation : landscape) {
	 #home .carousel-caption {
	   right: 20%;
	   bottom: 30px;
	 }
 	#home .carousel-caption h3{
 		/* font-size: 2.4rem; */
 		font-size: 2.0rem !important;
 		left: 19%;
 		max-width: 75%;
 	}
 }

 /* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
 @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
 	#home .carousel-caption {
 	  right: 30%;
 	  bottom: 80px;
 	}
 	#home .carousel-caption h3{
 			left: 30%;
 			max-width: 60%;
 			/* font-size: 3.2rem; */
 			font-size: 2.2rem;
 		}

 }



#home .carousel{
	display: none;
}

@media screen and (min-width: 992px){

	#home .carousel{
		display: block;
	}
	#home .c-swap{
		display: none;
	}
	
	#home .carousel-caption h3 {
		/* font-size: 3.2rem; */
		font-size: 2.2rem;
	}

}

#home .c-swap{
	color: #fff;
}

#home .c-swap .carousel-caption{
	text-align: center;
	right: 0 !important;
	left: 0 !important;
	bottom: 20px;
	padding: 20px;
	margin: 0;
}
#home .c-swap .carousel-caption h3{
	font-size: 1.5rem;
	left: 0;
	right: 0;
	max-width: 100%;
}




.fade-in{
	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 5s; /* Firefox < 16 */
	  -ms-animation: fadein 5s; /* Internet Explorer */
	   -o-animation: fadein 5s; /* Opera < 12.1 */
	      animation: fadein 5s;
}
.fade-in-6{
	-webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 6s; /* Firefox < 16 */
	  -ms-animation: fadein 6s; /* Internet Explorer */
	   -o-animation: fadein 6s; /* Opera < 12.1 */
	      animation: fadein 6s;
}
.fade-in-4{
	-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 4s; /* Firefox < 16 */
	  -ms-animation: fadein 4s; /* Internet Explorer */
	   -o-animation: fadein 4s; /* Opera < 12.1 */
	      animation: fadein 4s;
}
.fade-in-3{
	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 3s; /* Firefox < 16 */
	  -ms-animation: fadein 3s; /* Internet Explorer */
	   -o-animation: fadein 3s; /* Opera < 12.1 */
	      animation: fadein 3s;
}


.m-swap-four-three{
	display: block;
}
.m-swap-sixteen-nine{
	display: none;
}
@media screen and (min-width: 992px){
	.m-swap-four-three{
		display: none;
	}
	.m-swap-sixteen-nine{
		display: block;
	}
}







.home-cta{
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.3rem;
	margin-bottom: -10px;
}
@media (min-width: 768px) {
	.home-cta{
		/* margin-bottom: 2.0rem; */
		font-size: 1.6rem;
		padding-top: 30px;
	}
}

.home-cta strong{
	font-size: 1.4rem;
	padding-right: 5px;
}
@media (min-width: 768px) {
	.home-cta strong{
		font-size: 1.8rem;
		padding-right: 10px;
	}
}


.more, .more-2 {
	position: absolute;
	right: 45%;
	z-index: 99;
	margin-top: -20px;
	background-color: white;
	padding: 0 10px 10px;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 1.4rem;
	display: none;
}

.more{
	/* background-color: rgba(109, 141, 36, 0.11); */
	background-color: #eff2e7;
	border: 1px solid #eff2e7;
}

@media (min-width: 768px) {
	.more, .more-2{
		display: block;
	}
}
.more-2{
	margin-top: -40px;
}













/* ----  LINK PANELS ---- */


.link-panels{
	padding: 2.0rem 0 1.0rem;
}

.link-panel{
	position: relative;
	margin-bottom: 1.8rem;
}

.link-panel h3{
	position: absolute;
	float: left;
	display: block;
	color: #fff;
	/* background-color: #6d8d24; */
	background-color: rgba(109, 141, 36, 0.7);
	padding: 1.0rem;
	width: auto;
	bottom: 6%;
	/* text-align: center; */
	font-size: 1.1rem;
}

@media screen and (min-width: 768px){
	.link-panel h3{
		bottom: 6%;
		text-align: left;
	}
}

@media screen and (min-width: 768px){
	.link-panel img{
		height: 276px;
			}
	.link-panel h3{
		width: 360px;
		font-size: 1.4rem;
	}
	.title-set.link-panel h3{
		width: 260px;
	}
	.title-set.link-panel img{
		height: 193px;
	}
	.link-panels.title-set {
		padding-top: 0;
	}


}


@media only screen  and (min-device-width : 768px) /* iPad landscape */
 and (max-device-width : 1024px)
 and (orientation : landscape) {
 	.link-panel{
 			float: left;
 			position: relative;
 		}

 	/* #home .link-panel.col-lg-8{
 			width: 98%;
 		}
 	#home .link-panel.col-lg-8 img{
 			width: 100%;
 		} */
 	#home .link-panel.col-lg-4{
 			width: 33% !important;
 				}
 	#home .link-panel.col-lg-4 img{
 			
 			height: 200px;
 		}
 	.link-panel h3{
		width: 270px;
		font-size: 1.2rem;
	}
 }

/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) 
@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
	.link-panel{
				float: left;
				position: relative;
			}

		#home .link-panel.col-lg-8{
				width: 813px;
			}
		#home .link-panel.col-lg-8 img{
				width: 813px;
			}
		#home .link-panel.col-lg-4{
				width: 406px;
					}
		#home .link-panel.col-lg-4 img{
				width: 406px;
			}

}  */














/* ----  NEWS FEED ---- */

.news-feed{
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}
.news-feed .news-item{
	background-color: rgba(97, 85, 62, 0.11);
	padding: 0.75rem;
	margin-top: 2px;
}

@media screen and (min-width: 768px){
	.news-feed .news-item{
		padding: 0.75rem 0.75rem 0.75rem 0;
	}

}

@media screen and (min-width: 768px){
	.news-feed .news-item-title{
		padding-right: 0.6rem;
		padding-left: 0.6rem;
	}
	.news-item h5{
		margin-top: 0 !important;
	}
}

.news-item h5{
	font-size: 1.1rem;
	font-weight: 600;
}
.news-feed .news-item a{
	color: #7e7a78 !important;
}

@media only screen  and (min-device-width : 768px) /* iPad landscape */
and (max-device-width : 1024px)
and (orientation : landscape) {
	.news-item {
			width: 46%;
			position: relative;
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
		}
}

/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
	.news-item {
			width: auto;
			position: relative;
			float: left;
			margin-right: 0;
			margin-bottom: 0;
		}

}








/* ----  F L O A T I N G   S I D E   B A R 's ------------------ */


#sidebar{
	display: none;
}

@media screen and (min-width: 768px){

	#sidebar{
		display: block;
		/* height: 200px; single icon */
		/* height: 275px; 3 icons */
		height: 240px;
		width: 50px;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 95px; /* i.e. same as main nav height */
		background-color: #7e7a78;
		font-size: 30px !important;
		z-index: 400;
	}

	.sidebar-share{
		/* height: 360px !important;  5 icons */
		height: 320px !important;
	}

	#sidebar .icon-envelope-o:before {
	    font-size: 1.6rem;
	    position: relative;
		left: 2px;
	}

	.social-links, .social-links-share{
		background-color: #7e7a78;
		color: #fff;
		/* height: 200px; single icon */
		/* height: 275px; 3 icons */
		height: 240px;
		width: 50px;
		padding-left: 10px;
		padding-top: 5px;
		font-weight: 600;
	}
	.social-links-share{
		/* height: 360px !important;  5 icons */
		height: 320px !important;
	}
	.social-links a, .social-links-share a{
		color: #fff;
	}
	.social-links a:hover, .social-links-share a:hover{
		text-decoration: none;
		color: #ccc;
	}
	.social-links a:active, .social-links a:visited, .social-links-share a:active, .social-links-share a:visited{
		text-decoration: none;
	}
	.social-links ul, .social-links-share ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.social-links ul li, .social-links-share ul li{
		font-size: 30px !important;
	}

	.t-rotate{
		position: relative;
		font-size: 1.0rem;
		transform: rotate(90deg);
		transform-origin: left top 0;
		height: 20px;
		width: 120px;
		margin-bottom: 105px;
		margin-top: 10px;
		left: 28px;

	}

}

@media only screen  and (min-device-width : 768px) /* iPad landscape */
and (max-device-width : 1024px)
and (orientation : landscape) {
	#sidebar{
		margin-top: 95px; /* i.e. same as main nav height */
		}
}
/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
	#sidebar{
		margin-top: 95px; /* i.e. same as main nav height */
		}

}




.m-share{
	margin-top: 2.0rem;
}

.m-share ul{
	padding: 10px 0 0;
}
.m-share ul li{
	display: inline;
	font-size: 2.0rem;
	padding-right: 15px;
}

@media screen and (min-width: 768px){

	.m-share{
		display: none;
	}

}















/* --- PAGE HEADER BANNERS ---------------------------*/


.banner{
	display: none;
}

 @media screen and (min-width: 768px){
	.banner{
		margin: 0 -15px;
		position: relative;
		display: block;
	}

}
.banner img{
	display: block;
	max-width: 100%;
	height: auto;
}

.banner-caption {
  position: absolute;
  /* right: 20%; */
  right: 25%;
  bottom: 0;
  left: 0;
  z-index: 10;
  text-align: left;
  text-shadow: none;
  background-color: rgba(109, 141, 36, 0.7);
  padding: 10px 20px 10px 0;

  min-height: 90px;
}

.banner-caption h1{
	position: relative;
	float: left;
	left: 30%;
	max-width: 60%;
	font-size: 3.2rem;
	font-family: myriad-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	}


 @media screen and (min-width: 768px){
	 .t-banner{
		position: relative;
		bottom: 95px;
		z-index: 200;
		margin: 0;
	}
	.t-banner h1{
		/* font-size: 3.2rem; */
		font-size: 3.1rem;
		font-family: myriad-pro, sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #fff;
		margin-bottom: 0 !important;
	}
}

@media only screen  and (min-device-width : 768px) /* iPad landscape */
and (max-device-width : 1024px)
and (orientation : landscape) {
	.banner-caption {
	    min-height: 70px;
	}
	.t-banner{
		bottom: 75px;
	}
	.t-banner h1{
		font-size: 2.2rem;
	}
	#home h1{
		font-size: 2.1rem;
	}

}
/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
	.banner-caption {
	    min-height: 90px;
	}
	.t-banner{
		bottom: 95px;
	}
	.t-banner h1{
		font-size: 3.1rem;
	}
	#home h1{
		font-size: 2.1rem;
	}


}



/* REBUILD FOR LARGER SCREENS */
.entry-banner {
    background-color: #bcbec0;
    padding: 20px 0;
    position: relative;
    width: 100%;
}
.entry-banner--entry {
    margin-bottom: 25px;
}
.entry-banner__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
    z-index: 0; 
}
.entry-banner__container {
    z-index: 20;
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
}
.entry-banner__container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(109, 141, 36, 0.7);
}
.entry-banner__title, .big-cta {
    max-width: 1220px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 1.5rem;
    font-family: myriad-pro, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    z-index: 10;
    position: relative;
}
.entry-banner--entry.entry-banner__title, .entry-banner--entry.big-cta {
    font-size: 2rem;
} 

@media (min-width:768px){
    .entry-banner {
        height: 0;
        padding-bottom: 20%;
        padding-top: 0;
    }
    .entry-banner--entry {
        margin-bottom: 75px;
    }
    .entry-banner__container {
        position: absolute;
        right: 0;
        left: 0;
        bottom: auto;
        top: 10%;
    }
    .entry-banner--entry .entry-banner__container {
        top: auto;
        bottom: 0;
    }
    .entry-banner__container:after {
        right: 25%;
    } 
    .entry-banner__title, .big-cta {
        padding-right: 25%;
        text-align: left;
        max-width: 56rem;
    } 
    .entry-banner--entry .entry-banner__title, .entry-banner--entry .big-cta {
        max-width: 80rem;
    } 
}
@media (min-width: 1024px) {
    .entry-banner__title, .big-cta {
        font-size: 2.2rem;
    } 
    .entry-banner--entry .entry-banner__title, .entry-banner--entry .big-cta {
        font-size: 3.1rem;
    } 
}

/* ----  21617 - ADD CTA BUTTON TO HOME PAGE BANNER ---- */

	.big-cta button{
		margin-top: 1.0em;
		font-size: 1.0rem;
		font-weight: bold;
	}
	
	@media (min-width: 1024px) {
		.big-cta button{
		font-size: 1.4rem;
		}
	}
	
	.entry-banner__container .btn {
		border-radius: 8px;
	}
	
	.entry-banner__container .btn-primary {
	  color: #6d8d24;
	  background-color: #fff;
	  border-color: #6d8d24;
	}
	
	.entry-banner__container .btn-primary:focus,
	.entry-banner__container .btn-primary.focus {
	  color: #fff;
	  background-color: #7e7a78;
	  border-color: #7e7a78;
	}
	.entry-banner__container .btn-primary:hover {
	  color: #fff;
	  background-color: #7e7a78;
	  border-color: #7e7a78;
	}
	.entry-banner__container .btn-primary:active,
	.entry-banner__container .btn-primary:active:focus{
	  color: #fff;
	  background-color: #7e7a78;
	  border-color: #7e7a78;
	}

/* ———————————————— */



/* ******     21617 -  NEW ICON PANEL STUFF    *****    */


.icon-panel {
	position: relative;
    /* display: flex; 
    align-items: center; */
	width: 100%;
    padding: 20px;
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
}

@media (min-width: 1024px) {
	.icon-panel {
	margin-top: 1.0rem;
	margin-bottom: 0;
	}
}

.icon-panel img {
	max-width: 7em;
	min-height: 7em; /* try & manage odd sizes being uploaded */
}
.icon-panel h5 {
	font-size: 1.4rem;
	margin-top: 1.5rem;
}
.icon-panel .col-sm-4{
	margin-bottom: 2.5rem;
	
}
.icon-panel .col-sm-4:last-of-type{
	margin-bottom: 0;
	
}


/* ———————————————— */






/* ******     A C C O R D I O N S    *****    */


.panel{
	margin-top: 3.0rem;
}

.panel, .panel-default, .panel-collapse{
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding: 0;
}

.panel-heading {
  color: #7e7a78;
  background-color: #fff !important;
  padding: 0;
  margin: 0 0 30px;
}

.panel-title {
  font-size: 1.5rem;
  color: #7e7a78;
  background-color: none;
  padding: 0 0 20px;
  margin: 0;
  border-bottom: 1px solid #ccc; /* 1px border below the accordion panel heading */
}
.panel-title a{
	display: block;
}
.panel-title a:hover{
	color: #6d8d24;
}

.panel-body{
	padding: 0 0 30px;
	border: none !important;
}

.panel-icon{
	color: inherit;
	position: relative;
	float: left;
	padding-right: 20px;
	line-height: 1.5rem;
	top: 0.2rem;
}



.sub-list ul{

}





/* ******     S E C T I O N  - N A V   M E N U     *****    */


#section-nav.map-links{
	display: block;
}


@media screen and (min-width: 768px){
	#section-nav{
		display: block;
	}
}
@media only screen  and (min-device-width : 768px) /* iPad landscape */
and (max-device-width : 1024px)
and (orientation : landscape) {
	#section-nav{
		display: none;
	}
}
/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
@media only screen and (min-device-width : 1024px)
and (max-device-width : 1024px)
and (min-device-height : 1366px)
and (max-device-height : 1366px)
and (min-width: 1366px)
and (max-width: 1366px){
	#section-nav{
		display: block;
	}
}

.section-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-nav__item {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
	font-size: 1.2rem;
	font-weight: 600;
}
.section-nav__item:not(:last-of-type) {
	margin-bottom: 0.5rem;
}
.section-nav__link{
  color: #6d8d24;
	display: block;
}
.section-nav__link:hover{
	text-decoration: none;
}
.section-nav__link--active {
        color: #7e7a78 !important;
        /*-webkit-animation: fadein 0.4s;
         -moz-animation: fadein 0.4s;
          -ms-animation: fadein 0.4s;
           -o-animation: fadein 0.4s;
              animation: fadein 0.4s;*/
}

.section-nav__subnav {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0.5rem;
}
.section-nav__subitem {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
.section-nav__sublink::before {
  content: "-";
  display: inline-block;
  margin-right: 0.25rem;
  margin-left: -0.875rem;
}

.map-links > ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.map-links a {
  font-weight: 600;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/*********************************************************
 *
	 *	C O N T A C T   F O R M
 *
 *********************************************************/



.btn-primary {
  color: #fff;
  background-color: #6d8d24;
  border-color: #6d8d24;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #7e7a78;
  border-color: #7e7a78;
}
.btn-primary:hover {
  color: #fff;
  background-color: #7e7a78;
  border-color: #7e7a78;
}
.btn-primary:active,
.btn-primary:active:focus{
  color: #fff;
  background-color: #7e7a78;
  border-color: #7e7a78;
}

.form-control:focus {
  border-color: #6d8d24 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(97, 85, 62, 0.4), 0 0 8px rgba(97, 85, 62, 0.4);
          box-shadow: inset 0 1px 1px rgba(97, 85, 62, 0.4), 0 0 8px rgba(97, 85, 62, 0.4);
}



/* ========  CRAFT CMS - 'Freeform' plugin stuff ======= */

.form-group button{
	color: #fff !important;
	background-color: #6d8d24 !important;
	border-color: #6d8d24 !important;
	border-radius: 5px;
	padding: 3px 15px 5px;
	margin-top: 2.0rem;
	font-size: 1.2rem;
}
 @media screen and (min-width: 768px){
 	.form-group button{width: 40%;}

 }

.form-group button:focus,
.form-group button.focus {
  color: #fff;
  background-color: #7e7a78;
  border-color: #7e7a78;
  -webkit-box-shadow: inset 0 1px 1px rgba(97, 85, 62, 0.4), 0 0 8px rgba(97, 85, 62, 0.4);
          box-shadow: inset 0 1px 1px rgba(97, 85, 62, 0.4), 0 0 8px rgba(97, 85, 62, 0.4);
}
.form-group button:hover {
  color: #fff;
  background-color: #7e7a78;
  border-color: #7e7a78;
}
.form-group button:active,
.form-group button:active:focus{
  color: #fff;
  background-color: #7e7a78;
  border-color: #7e7a78;
}







/*********************************************************
 *
	 *	 N E W S   &   I N S I G H T S
 *
 *********************************************************/




.cat-gallery{
	padding-right: 0;
	padding-left: 0 !important;
}
.cat-gallery .col-md-4:nth-child(3n+0), .cat-gallery .col-md-3:nth-child(4n+0){
	padding-right: 15px !important;
}
.cat-gallery .col-md-4, .cat-gallery .col-md-3{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media screen and (min-width: 992px) {
	.cat-gallery .col-md-6 {
	padding-left: 0 !important;
	padding-right: 2.0em !important;
	}
}



.cat-gallery a:hover{
	text-decoration: none;
	color: #7e7a78 !important;
}

@media only screen and (max-width: 600px){
	.t-step{
		float: left;
		position: relative;
	}
	#category .cat-gallery .col-md-4, #category .cat-gallery .col-md-3{  /* 2 column layout for category gallery on mobile */
		float: left;
		position: relative;
		width: 50%;
		/* min-height: 280px; */
		min-height: 290px;
		padding-bottom: 0 !important;
	}

}



.thumbnail {
	padding: 0;
 	/* margin-bottom: 20px; */
	margin: 0 0 10px;
}

.caption a:hover{
	color: #7e7a78 !important;
}


@media only screen and (max-width: 600px){
	.cat-gallery .thumbnail{
		/* border-bottom: 1px solid #999; */
		border: none;
		border-radius: 0;
	}
}

@media screen and (min-width: 992px) {   /* ---- TO DO:  test & apply matchHeight JS ---- */
	.cat-gallery .thumbnail{
		/* min-height: 315px; */
		min-height: 325px;  /* ---- fixed height for 3 rows text --- */
		padding-bottom: 0 !important;
		border: none;
		border-radius: 0;
	}
	body.news .cat-gallery .thumbnail{
		min-height: 400px;  /* ---- fixed height for 4 rows text --- */
	}
	body.projects .cat-gallery .thumbnail{
		min-height: 320px;  /* ---- fixed height for 2 rows text --- */
	}
	body.oem .cat-gallery .thumbnail{
		min-height: 260px;  /* ---- fixed height for 1 row text --- */
	}
	.caption{
		padding-bottom: 0 !important;
	}

}

.caption{
	padding-left: 0 !important;
}

.caption h5{
	font-weight: bold;
	color: #6d8d24;
	font-size: 1.0rem;
}
.caption p{
	font-size: 0.9rem;

}


.return{
	width: 100%;
	border-top: 1px solid rgba(97, 85, 62, 0.4);
	padding: 1.0em 0;
	margin-top: 4.0em;
}


article img {
	margin-bottom: 2.0rem;
}






#signup{
	color: #767676;
	/* border: 1px solid #ddd; */
	/* border-radius: 4px; */
	-webkit-transition: border .2s ease-in-out;
	     -o-transition: border .2s ease-in-out;
	        transition: border .2s ease-in-out;
	padding: 0;
	margin-top: 40px;

}

@media screen and (min-width: 768px){
	#signup{
		margin-top: 0;

	}
	body#home #signup{
		margin-top: 40px;
	}
}

@media only screen  and (min-device-width : 768px) /* iPad landscape */
and (max-device-width : 1024px)
and (orientation : landscape) {
	#signup-box{
		float: left;
		margin-bottom: 2.0rem;
		}
}
/* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
	#signup-box{
		float: left;
		margin-bottom: 2.0rem;
		}

}




#signup-submit {
	background: #6d8d24;
	border: 1px solid #6d8d24;
	color: #fff;
	text-transform: uppercase;

	}

@media screen and (min-width: 992px){
	#fieldEmail{
		width: 10.5rem ;
		padding-left: 0.5rem;
	}
}




.article-date{
	color: #6d8d24;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 10px;
}



.document-list{
	list-style: none;
}



 @media screen and (min-width: 768px){
	.historical{
		margin-bottom: 0;
		/* min-height: 400px; */
		min-height: 510px;
		/* border-bottom: 1px solid rgba(97, 85, 62, 0.4); */
	}
	.cat-gallery .col-md-4.historical{
		padding: 0 30px 0 0 !important;
		}
	.cat-gallery .col-md-4.historical:nth-child(3n+0){
			padding-right: 0;
		}
	}
}
 @media screen and (min-width: 768px){
	.historical .caption{
		/* border: 1px solid rgba(97, 85, 62, 0.4); */
		position: relative;
		padding: 0 20px 0 0 !important;
	}
}
.historical .caption h5{
	padding: 8px 8px;
	background-color: rgba(109, 141, 36, 0.11);
	font-size: 1.25rem;
}
.historical .caption p{
	font-size: 1.05rem;
}

.historical .thumbnail{
	padding: 0 !important;
	min-height: 0;
}

















/*********************************************************
 *
 *	 W E B    F O N T S  -   I  C  O  M  O  O  N
 *
 *********************************************************/



@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?mvyrck');
    src:    url('../fonts/icomoon.eot?mvyrck#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.woff2?mvyrck') format('woff2'),
        url('../fonts/icomoon.ttf?mvyrck') format('truetype'),
        url('../fonts/icomoon.woff?mvyrck') format('woff'),
        url('../fonts/icomoon.svg?mvyrck#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-minus:before {
  content: "\e91a";
  /* font-size: 1.5rem; */
}
.icon-plus:before {
  content: "\e91b";
  /* font-size: 1.5rem; */
}

.icon-facebook-with-circle:before {
    content: "\e901";
}
.icon-google-with-circle:before {
    content: "\e902";
}
.icon-linkedin-with-circle:before {
    content: "\e903";
}
.icon-twitter-with-circle:before {
    content: "\e904";
}
.icon-youtube-with-circle:before {
    content: "\e905";
}
.icon-home2:before {
    content: "\e900";
}
.icon-location2:before {
    content: "\e948";
}
.icon-download:before {
    content: "\e960";
}
.icon-menu:before {
    content: "\e9bd";
}
.icon-link:before {
    content: "\e9cb";
}
.icon-youtube2:before {
    content: "\ea97";
}
.icon-file-pdf:before {
    content: "\eada";
    padding-right: 3px;
}
.icon-search:before {
    content: "\f002";
}
.icon-envelope-o:before {
    content: "\f003";
}
.icon-close:before {
    content: "\f00d";
}
.icon-remove:before {
    content: "\f00d";
}
.icon-times:before {
    content: "\f00d";
}
.icon-home:before {
    content: "\f015";
}
.icon-play-circle-o:before {
    content: "\f01d";
}
.icon-play:before {
    content: "\f04b";
}
.icon-arrow-left:before {
    content: "\f060";
}
.icon-arrow-right:before {
    content: "\f061";
}
.icon-arrow-up:before {
    content: "\f062";
}
.icon-arrow-down:before {
    content: "\f063";
}
.icon-chevron-up:before {
    content: "\f077";
}
.icon-chevron-down:before {
    content: "\f078";
}
.icon-twitter:before {
    content: "\f099";
}
.icon-facebook:before {
    content: "\f09a";
}
.icon-facebook-f:before {
    content: "\f09a";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-navicon:before {
    content: "\f0c9";
}
.icon-reorder:before {
    content: "\f0c9";
}
.icon-google-plus:before {
    content: "\f0d5";
}
.icon-sort:before {
    content: "\f0dc";
}
.icon-unsorted:before {
    content: "\f0dc";
}
.icon-envelope:before {
    content: "\f0e0";
}
.icon-linkedin:before {
    content: "\f0e1";
}
.icon-chevron-circle-up:before {
    content: "\f139";
}
.icon-chevron-circle-down:before {
    content: "\f13a";
}
.icon-youtube:before {
    content: "\f167";
}









/* ======  L O C A T I O N   M A P  ============================ */



.map-wrapper {
  margin-bottom: 2.0rem;
}
 @media screen and (min-width: 768px){
 	.map-wrapper {
 	  margin: 0;
 	}
 }

.map {
  position: relative;
  max-width: 1200px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.map__img {
  display: none;
}

/* @media only screen  and (min-device-width : 768px) /* iPad landscape
 and (max-device-width : 1024px)
 and (orientation : landscape) {
 	.map {
 	  float: right;
 	  max-width: 500px;
 	  width: 50%;
 	  margin-top: -50px;
 	  margin-right: 50px;
 	  border: 1px solid red;
 	}
 	.map-links{
 		border: 1px solid red;
 		width: 40%;
 	}
 } */






#ardley {
  left: 53.5%;
  top: 21.5%;
}
#wallingford-ad {
  left: 59.975%;
  top: 38.5%;
}
#wallingford-cs {
  left: 61.5%;
  top: 38.5%;
}
#west-london {
  left: 68.5%;
  top: 51.25%;
}
#north-london {
  left: 70.5%;
  top: 28.5%;
}
#south-mimms {
  left: 71.5%;
  top: 29.25%;
}
#south-wales {
  left: 23.2%;
  top: 38.85%;
}
#cassington {
	left: 56.0%;
	top: 34.25%;
}
#showell {
	left: 50%;
	top: 21.5%;
}


  .map__inner {
    position: relative;
    height: 0;
    padding-bottom: 52.91666666666667%;
  }

  .map__img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .map__hotspot {
    display: block;
    /* background: #ffd200; */
    /* border: 10px solid red; */
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s linear;
            transition: background .3s linear;
    text-decoration: none;
    /* color: #011852; */
    position: absolute;
    /* width: 10px;
    height: 10px; */
    width: 5px;
    height: 5px;
    border-radius: 50%;
    /* background: url(../svg/agrivert-icon.svg) no-repeat; */
    font-size: 0.8rem;
  }
  span.ivc{
  	color: #7e7a78;
  }
  
  span.ep{
  	color: #7e7a78;
  }


  @media screen and (min-width: 768px){
  	.map__hotspot {
  		/* width: 30px;
  		height: 30px; */
  		width: 18px;
  		height: 18px;
  		font-size: 1.3rem;
  	}
  }
  .map__hotspot:hover,
  .map__hotspot:focus {
    /* background: rgba(109, 141, 36, .15); */
   /*  border: 2px solid rgb(109, 141, 36); */
  }
  .popup {
  	display: none;
   }
  @media screen and (min-width: 768px){
  	.popup {
  	  display: block;
  	  width: 0;
  	  height: 0;
  	  overflow: hidden;
  	  opacity: 0;
  	  -webkit-transition: opacity 0.5s ease-in-out;
  	          transition: opacity 0.5s ease-in-out;
  	  position: absolute;
  	  z-index: 100;
  	}
  }

  .popup__inner {
    display: inline-block;
    white-space: nowrap;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 15px;
  }
  popup__inner h3{

  }
  .map__hotspot:hover .popup, .map__hotspot:focus .popup {
    opacity: 1;
    width: auto;
    height: auto;
  }
  .popup--left-top {
    /* right: 20px; */
    right: 5px;
    bottom: -1px;
  }
  .popup--right-top {
    left: 20px;
    bottom: -1px;
  }
  .popup--left-bottom {
    right: 20px;
    top: -1px;
  }
  .popup--right-bottom {
    left: 20px;
    top: -1px;
  }
  .popup__text, .popup__text__link{
    height: auto;
    font-size: 0.9rem;
    margin-bottom: 0;
  }
  .popup__text__link{
  	margin-top: 0.3rem;
  	margin-bottom: 0.4rem;
  }
  .popup__title{
  	 font-size: 1.0rem;
  	 margin-top: 0;
  	 margin-bottom: 5px !important;
  }
  .popup__text br {
    display: block;
  }


#map-link{
	background-color: transparent;
	border: none;
	color: #6d8d24;
	padding: 0;
	margin: 0;
}








/* ======  P A G I N A T I O N ============================ */


.pagination{
	/* background-color: rgba(97, 85, 62, 0.05); */
	padding: 1.0rem;
	border-radius: 0;
	margin-left: 15px;
	border-top: 1px solid rgba(97, 85, 62, 0.4);
}

 @media screen and (min-width: 768px){
 	.pagination{
 		float: right;
 	}

 }
 @media only screen  and (min-device-width : 768px) /* iPad landscape */
 and (max-device-width : 1024px)
 and (orientation : landscape) {
 	.pagination{
 			float: left;
 			position: relative;
 			width: 95%;
 		}
 }

 /* iPad Pro 12.9 landscape - method #2 (non-viable in emmulator?) */
 @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px){
 	.pagination{
 				float: right;
 				position: relative;
 				width: 74%;
 			}

 }


 .pagelinkleft{
	padding-right: 15px;
 }
 .pagelinkright{
 	padding-left: 15px;
 }

.current{
	font-weight: bold;
}





/* ====== R I C H    T E X T   V I D E O    E M B E D S  ============================ */













/* ======  F O O T E R  ============================ */

footer{
	border-top: 1px solid rgba(97, 85, 62, 0.4);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-top: 4.0rem;
	font-size: 0.9rem;
	font-family: myriad-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
}


.list-row{
	padding: 0;
}
.list-row li{
	display: inline;
	margin-left: 0;
	list-style: none;
	font-size: 2.0rem;
	margin-right: 5px;
}

.list-row li a{
	color: rgba(109, 141, 36, 0.40);
}
.list-row li a:hover{
	text-decoration: none;
	color: rgba(97, 85, 62, 0.4);
}










/* ======   A D J U S T M E N T S   F O R   C N   H O M E P A G E  ====== */


 @media screen and (min-width: 768px){

	body.cn #intro{
		margin-top: 2.0rem;
	} 
}


body.cn .c-swap{

}








.team {
	margin-top: 2.0em;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.team h3{
	margin-bottom: 0.5em;
}

@media screen and (min-width: 992px) {
	.team .col-md-6 {
	min-height: 400px;
	}
}










/* ———  LAZYLOAD STUFF ———— */


img.lazy {
        opacity: 0;
      }
img:not(.initial) {
        transition: opacity 1s;
      }
      
      img.initial,
      img.loaded,
      img.error {
        opacity: 1;
      }

      img:not([src]) {
        visibility: hidden;
      }


/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
	img:-moz-loading {
	  visibility: hidden;
	}
}






/* ———  Google Translate ———— */

.translate {
   position: absolute;
   left: 29%;
   top: 4.9em;
   z-index: 1000;
}

@media screen and (min-width: 992px){
	.translate {
		position: absolute;
		left: 87%; 
		/* left: 1060px; */
		display: block;
		top: 1.0em;
	}
}

/* ==== to move the mobile menu down to accomodate the Google Translate menu ====*/
  .navbar-nav {
  	margin-top: 45px;
  }

@media screen and (min-width: 992px){
	.navbar-nav {
	  	margin-top: 0;
	  }
}