@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

* {font-family: 'open_sanslight', sans-serif;padding:0;border:none;margin:0; }
body {margin: 0;padding:0;}
#header {width: 100%;border-top: 3px solid #cee1a9;}
.container{width: 70%;margin-right:auto;margin-left:auto;}
.item {border-top: 1px solid #cee1a9;clear:both;margin-top:20px;margin-bottom:20px;}
.item h2 {text-align:center;}
.item-image {width:48%;margin-top:10px; margin-bottom:10px;}
.item-text {width:48%;}
.ug-gallery-wrapper {margin-bottom:20px!important;}
.flex-container-odd  {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;justify-content:space-between;}
.flex-container-even  {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;flex-direction: row-reverse;justify-content:space-between;}
#content img {border: 3px solid #cee1a9;}
#content .unite-gallery img {border: none;}
.logo-container {width:10%;padding-left:15%;text-align: center;float:left;padding-top: 5px;padding-bottom:5px;}
img {vertical-align: middle;}
#right-container {width:75%;float:right;}
#tag {padding-right:20%;}
#tag-container:before {content: '';position: absolute;background: #cee1a9;top: 0;left: 0;border-top: 75px solid #fff;border-right: 75px solid #216409;width: 0;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
#tag-container:after {content: '';position: absolute;top: -15px;left: 36px;background: #cee1a9;width: 4px;height: 104px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#tag-container {text-align: right;color:#216409;line-height: 1.5em;font-size: 1.4em;font-weight: 600;background: #216409;color: #fff;display: -webkit-box;display: -moz-box;height: 36px;position: relative;top: -3px;border-bottom: 3px solid #cee1a9;line-height: 1;-webkit-box-pack: end;-moz-box-pack: end;-ms-flex-pack: end;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;padding: 18px 0;}
#caption-container {position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;top: 0;bottom: 140px;margin-top: auto;margin-bottom: auto;text-align: center;width: 45%;height: 20px;}
#caption {font-family: 'robotomedium', sans-serif;font-size:4.0em;font-weight: 900;color: #ffffff;filter:none;-webkit-filter: none;padding: 10px;position:absolute;top:0px;text-shadow: 0px 0px 20px rgb(0, 0, 0);}
.slide2 {animation-delay:8s;position: absolute;left: 0;top: 0;}
.slide3 {animation-delay:15s;position: absolute;left: 0;top: 0;}
.animated {-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
 100% {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

/* NAVIGATION BAR */
/* Background menu bar */
#navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	width:100%;
}
.topnav {width: 75%;margin-left: 75px;background-color:#ffffff;}
#navbar .topnav ul {list-style-type: none;margin:0px;display:flex;}
#navbar .topnav li {margin:0;padding:0;display:flex;position:relative;flex: 1 1 auto;}
/* Links inside navigation bar */
.topnav a {float: left;display: block;color: #ffffff;font-weight:400;left;padding: 14px 1.5% 14px 1.5%;text-decoration: none;font-size: 1.0em;width:100%;text-align: center;font-family: 'open_sansregular', sans-serif;}
/* Hover link colour */
.topnav a:hover {color: #ffffff;}
/* Active current page */
.topnav .active {color: #ffffff;}
/* Hide link to open and close the navigation on small screens */
.topnav .icon {display: none;}
/* Sticky class added to the navigation bar when it reaches its scroll position */
.sticky {position: fixed;top: 0;width: 75%!important;z-index:999;}
/* Top padding to the page content  */
.sticky + .content {padding-top: 10px;}
.sticky .topnav {border-bottom: 3px solid #cee1a9;border-left: 3px solid #cee1a9;border-right: 3px solid #cee1a9;}
#navbar .topnav .deeper a:hover {background-color: #41a11f;color: #ffffff;font-weight:600;}
#navbar .topnav ul.nav-child  {display:block;list-style: none;position: absolute;width: 100%;top: 50px;left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */}
#navbar .topnav  li:hover ul { /* Display the dropdown on hover */
left: 0; /* Bring back on-screen when needed */}
#navbar .topnav  li:hover a {background-color: #cee1a9;}
#navbar .topnav ul.nav-child li a {background: #216409;}
#navbar .topnav ul.nav-child li:hover a {background-color: #cee1a9;}
#navbar .topnav  li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration: none;background-color: #41a11f;color: #ffffff;font-weight:300;}
#navbar .topnav  li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */}
/* END NAVIGATION BAR */

#tag a {color: #ffffff;}
.footer-left a {color: #ffffff;}
.main-image {width: 100%;display:block;border-top: 3px solid #cee1a9;border-bottom: 3px solid #cee1a9;}
.telephone-image {width: 50%;float:right;margin-top:-300px;}
#top-image-container {position:relative;z-index:-1;}
hr {border-top: 1px solid #216409;}
.cc-revoke, .cc-window {font-size:14px!important;line-height:22px;!important;}
.cc-link {font-size:14px!important;line-height:22px;!important;}
.cc-compliance {margin-left:50px;}
.cc-message-text {display: table;font-size:14px!important;line-height:22px;!important;}
.cc-btn:hover {font-weight:normal!important;text-decoration: none!important;}
input.fc_button {background-color:#216409!important;}
.fc_button:hover {background-color:#2ca900!important;}
.nav-container{width: 100%;margin-right:auto;margin-left:auto;}
.logo {margin-top:10px;margin-bottom:10px;}
.item-image-right  {width: 50%; float: right; padding-left: 10px; padding-bottom: 10px;}
.responsive-image{width: 100%;}
.page-header {}
#content .content-category h2 {margin-top: 2.0em;margin-bottom: 0em;line-height: 1.4em;font-size: 1.5em;font-weight: 800;color: #216409;}
#content h1 {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.6em;font-weight: 300;color: #216409;text-transform: uppercase;letter-spacing:1px;font-family: 'open_sansregular', sans-serif;}
#content h2 {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.4em;font-weight: 300;text-transform: uppercase;letter-spacing:1px;color: #6c6c6c;}
#footer {clear: both;border-top: 3px solid #cee1a9;border-bottom: 3px solid #cee1a9;background-color: #242524;color:#ffffff;padding-top:10px;}
#footer h2 {margin-top: 0;margin-bottom: 0.5em;padding-left:10px;padding-right:10px;line-height: 1.5em;font-size: 1.4em;font-weight: 300;color: #ffffff;letter-spacing:1px;text-align:center;}
.footer-container {width:100%;clear:both;}
.bottom-container {width:100%;clear:both;background-color: #181918;}
.footer-left {width:20%;float:left;}
.footer-middle {width:59%;float:left;border-right:1px solid #6c6c6c;border-left:1px solid #6c6c6c;height:150px;}
.footer-right {width:20%;float:left;}
#bottom-menu {float: right;}
#content h3 {margin-top: 1.0em;margin-bottom: 0em;line-height: 1.5em;font-size: 1.4em;font-weight: 400;color: #6c6c6c;}
#content p {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.1em;color: #6c6c6c;font-weight:300;}
#content li {line-height: 1.5em;padding-top: 0.5em; padding-bottom:0.5em;padding-left:10px;color:#6c6c6c;font-size: 1.1em;}
#content ul {margin-left: 20px;}
#content ol {margin-left: 20px;}
#content .date {margin-top: 0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.1em;color: #6c6c6c;}
.clr  {clear:both;}
a:link {color: #41a11f;text-decoration: none;}
a:visited {color: #41a11f;text-decoration: none;}
a:hover {color: #41a11f;text-decoration: none;}
a:active {color: #41a11f;text-decoration: none;}
.bottom {font-size: 0.8em;text-align: center;color:#6c6c6c;}
#acorn {width:100%;clear:both;margin-bottom:10px;}
#bottom-menu ul {list-style-type: none;}
#bottom-menu li {padding-bottom:0.5em;}
.unite-gallery {margin-bottom: 20px;}
.pagination {margin: 18px 0;}
#content .pagination ul {display: inline-block;margin-left: 0px!important;	margin-bottom: 0;}
#content .pagination ul > li {display: inline;}
.pagination ul > li > a,
.pagination ul > li > span {float: left;padding: 12px;line-height: 18px;text-decoration: none;background-color: #814521;color: #ffffff;	border: 1px solid #ffffff;border-left-width: 0;}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {background-color: #41a11f;color: #ffffff;}
.pagination ul > .active > a,
.pagination ul > .active > span {color: #999;cursor: default;}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {color: #999;background-color: transparent;cursor: default;}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {border-left-width: 1px;}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}
.pagination-start .pagenav {border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px; moz-border-top-left-radius: 10px;border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px; moz-border-bottom-left-radius: 10px;}
.pagination-end .pagenav {border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px; moz-border-top-right-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px; moz-border-bottom-right-radius: 10px;}

/* When the screen is less than 1500 pixels wide */
@media screen and (max-width: 1500px) {
.container{width: 80%;}
#acorn {margin-bottom:180px;}
.topnav a {padding: 14px 2% 14px 2%;}
.topnav {width: 78%;}
#tag {padding-right:14%;}
.logo-container {padding-left:10%;width:12%;}
#right-container {width:78%;}
.sticky {width: 77.6%!important;}
.bottom-image {right:10%;}
#caption-container{ width:50%;}
#caption {font-size: 3.3em;}
#caption-container {bottom: 120px;}
}

/* When the screen is less than 1200 pixels wide */
@media screen and (max-width: 1200px) {
.container{width: 94%;}
.bottom-image {right:5%;}
.logo-container {padding-left:3%;width:15%;}
#right-container {width:82%;}
#tag {padding-right:3%;}
.sticky {width: 76.1%!important;}
.topnav a {padding: 14px 1.7% 14px 1.7%;}	
.topnav {width: 89%;}
#caption-container{ width:55%;}
#caption {font-size: 3.0em;}
#caption-container {bottom: 100px;}
}

/* When the screen is less than 1000 pixels wide, hide all links. Show the hamburger */
@media screen and (max-width: 1000px) {
.topnav a {display: none;}
.topnav a.icon {float: right;display: block;color: #41a11f;!important; width:15px;}
.nav-container{width: 100%;}
.topnav {width: 100%;border-radius: 0px;-webkit-border-radius: 0px; moz-border-radius: 0px;}
#navbar .topnav ul {display:block;}
#navbar .topnav li {margin:0;padding:0;display:block;}		
#navbar .topnav {max-height: 100vh;overflow-y: scroll;}
.logo {margin-top:10px;margin-bottom:10px;width:100px;}
.home-image {display:none;}
.home-image-bottom {display:block;width:100%;}	
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {position: absolute;right: 0px;top: 0;}
.topnav.responsive a {float: none;display: block;text-align: left;border-bottom: 1px solid #cee1a9;}
.page-header {margin-top: -20px;}
#tag-container {font-size: 1.3em;}
.logo-container {width:19%;}
#right-container {width:76%;}
.sticky .topnav {border-right: none;}
#caption-container{ width:60%;}
#caption {font-size: 3.0em;}
#caption-container {bottom: 75px;}
}	

/* Max width 850px */
@media screen and (max-width: 850px) 
{
.flex-container-even {flex-wrap: wrap;flex-direction: row;}
.item-image {width: 70%;margin-left:auto; margin-right:auto;}
.item-text {width: 100%;}
.top-image {overflow: hidden;}
.lefthalf  {width: 100%; margin-right:0%;float:none;margin-bottom:10px;}
.righthalf  {width: 100%; float:none;margin-bottom:10px;}
.news-introtext img {width:100%;margin-right:0%;float:none;}
.topnav {top:0px;margin-top: 0px;width:100%;border-radius: 0px;-webkit-border-radius: 0px; moz-border-radius: 0px;}
.contacticon {width:100%;}
#acorn {margin-bottom:240px;}
.telephone-image {width: 45%;float:right;margin-top:-200px;}
#caption {font-size: 2.2em;}
#caption-container {bottom: 24px;}
}

/* Max width 700px */
@media screen and (max-width: 700px) {
.logo-container {width:100%;text-align: center;padding-left:0;}
.logo-container img {width: 30%;}
#right-container {width:100%;}
#tag-container {display:block;height:25px;}
#tag-container:before {display:none;}
#tag-container:after {display:none;}
.sticky .topnav {border-left: none;}
.topnav {margin-left:0px;}
#tag {padding-right:0%;}
#tag-container {text-align:center;}
.sticky {width: 100%!important;}
#caption {font-size: 1.4em;}
.item-image {width: calc(100% - 6px);margin-left:0;margin-right:0;}
.item-image-right  {width: calc(100% - 6px);margin-left:0;margin-right:0; float: none; padding-left: 0; padding-bottom: 0;}
.footer-left {width:100%;float:none;text-align:center;}
.footer-middle {width:100%;float:none;border-right:none;border-left:none;height:auto;}
.footer-right {width:100%;float:none;text-align:center;}
#bottom-menu {float: none;}
/* Max width 600px */
@media screen and (max-width: 600px) {
.logo-container img {width: 35%;}
}