@import url('https://api.fontshare.com/v2/css?f[]=switzer@400&f[]=khand@1&display=swap');

:root {
  --primary-color:#2E7D32;
  --primary-color-light:#8db689;
  --secondary-color:#DBA507;
  --tertiary-color:#0D6986;
  --black:#000000;
  --white:#FFFFFF;
  --light-gray:#e8eee4;

  --header-font:'Khand', Arial, Helvetica, sans-serif;
  --body-font:'Switzer', Arial, Helvetica, sans-serif;
}

body,
html {
  background:var(--white);
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
}

div.bg-texture,
div.page-title,
footer {
  background-color:var(--primary-color);
  background-image:url(/images/layout/bg-pattern.png);
  background-position:top;
  background-repeat:repeat;
  background-attachment:fixed;
}

div.bg-texture,
div.page-title,
footer {
  padding:45px 0px 50px 0px;
}

header div.logo {
  padding-top:15px;
  padding-bottom:20px;
}

header div.logo a {
  display:inline-block;
  font-size:26px;
  font-weight:800;
  text-transform:uppercase;
  color:var(--tertiary-color);
}

header div.logo a img {
  width:100%;
  max-width:230px;
  height:auto;
}

header div.logo a span {
  display:block;
  text-align:center;
  padding-top:4px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

header nav {
  padding:25px 20px 0px 0px;
  float:right;
}

div.col-3.menu a {
  display: block;
  width: 100%;
  height: 40px;
  margin-top:30px;
  cursor: pointer;
  padding: 0;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(28,28,28)'%3E%3Crect x='16' y='12' width='16' height='2' /%3E%3Crect x='16' y='17' width='16' height='2' /%3E%3Crect x='16' y='22' width='16' height='2' /%3E%3C/svg>");
  background-position: center;
  background-repeat: no-repeat;
  font-size: 1em;
  background-color: var(--light-gray);
  border: 1px solid var(--light-gray);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

main,
div.bg-stripes {
  padding:80px 0px 80px 0px;
  box-shadow: inset 0 -20px 20px -15px rgba(0, 0, 0, 0.15);
}

main:not(.split) > div + div {
  background:var(--light-gray);
  padding:80px 0px 80px 0px;
  margin-top:80px;
  margin-bottom:-80px;
  box-shadow: inset 0 -20px 20px -15px rgba(0, 0, 0, 0.15);
}

main.split div.col-md-6 + div.col-md-6 {
  background:var(--light-gray);
  margin:40px 0px -80px 0px;
  padding-top:40px;
  padding-bottom:80px;
}

div.home-slide {
  height:580px;
  background-size:cover;
  background-position:center;
}

div.home-slide > div.container {
  padding-top:350px !important;
}

div.home-slide a {
  display:inline-block;
  height:18px;
  width:18px;
  background:var(--light-gray);
  border-radius:50%;
}

div.home-slide a.on {
  background:var(--white);
}

div.home-slide a + a {
  margin-left:16px;
}

footer {
  padding:50px 0px 50px 0px;
}

footer img.logo {
  width:200px;
  height:auto;
}

footer div.divider {
  height:1px;
  background:var(--light-gray);
  margin:10px 0px 30px 0px;
  width:100%;
}

footer div.col-md-4 {
  border-right:1px solid var(--light-gray);
  padding-right:0px;
}

footer div.col-md-8 {
  padding-left:65px;
}

img.img-responsive {
  display:block;
  max-width:100%;
  height:auto;
  margin-bottom:10px;
}

form input.text {
  padding: 8px 0px 2px 0px;
  color: var(--white);
  font:16px/16px 'Roboto', Arial, Helvetica, sans-serif;
  -webkit-appearance: none;
  width: 100%;
  border:none;
  border-bottom: 1px solid var(--black);
}

/********************
  Text Styles
********************/

p,
li,
label {
  font:22px/1.45em 'Roboto', Arial, Helvetica, sans-serif;
  color:var(--black);
  margin:0px 0px 20px 0px;
}

li {
  margin:0px 0px 6px 0px;
}

label {
  font-weight:bold;
  margin-bottom:4px;
}

hr {
  margin:30px 0px 30px 0px;
}

div.medium p {
  font:20px/28px 'Roboto', Arial, Helvetica, sans-serif;
}

div.top-bar p {
  font:16px/48px 'Roboto Slab', Arial, sans-serif;
  color:var(--tertiary-color);
  margin:0px;
  padding:0px;
}

div.page-title p {
  font:normal 40px/52px var(--header-font);
  color:var(--white);
  margin:0px;
}

footer p,
footer + p {
  color:var(--white);
  font-family:var(--body-font);
}

footer + p {
  font-size:18px;
  background:var(--tertiary-color);
  margin:0px;
  padding:10px 3% 10px 3%;
  text-align:center;
}

h1 {
  font:bold 60px/65px var(--header-font);
  color:var(--white);
  text-transform:uppercase;
  margin:0 0 30px 0;
  letter-spacing:4px;
}

div.page-title h1 {
  margin:0;
}

h1 span {
  font:normal 34px/50px 'Short Stack', Arial, Helvetica, sans-serif;
  color:rgba(255, 255, 255, 0.8);
  text-transform:none;
  letter-spacing:-1px;
}

h2 {
  font:bold 44px/60px var(--header-font);
  color:var(--secondary-color);
  margin:0px 0px 30px 0px;
}

hr + h2 {
  margin-top:30px;
}

h3 {
  font:bold 32px/30px var(--header-font);
  color:var(--tertiary-color);
  margin:25px 0px 10px 0px;
  text-transform:uppercase;
  letter-spacing:1px;
}

h4 {
  font:normal 30px/50px var(--header-font);
  color:var(--tertiary-color);
  text-transform:none;
  letter-spacing:-1px;
}

/********************
  Link Styles
********************/

a,
a:hover {
  color:var(--primary-color-light);
  text-decoration:underline;
  transition:all 0.5s;
}

a.button {
  display:inline-block;
  padding:25px 40px 30px 40px;
  font-size:44px;
  line-height:1em;
  font-family:var(--header-font);
  background-color: var(--secondary-color);
  background-image: linear-gradient(-75deg, rgba(255,255,255,0.15) 0px, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.0) 50%);
  color:var(--white);
  text-transform:uppercase;
  text-align:center;
  margin-top:15px;
  margin-bottom:15px;
  text-decoration:none;
}

a.button.sm {
  padding:15px 20px;
  font-size:30px;
  margin-top:10px;
  margin-bottom:10px;
}

a.button.tiny {
  padding:10px 15px;
  font-size:20px;
  margin-top:6px;
  margin-bottom:6px;
}

a.button:hover {
  background-color:var(--tertiary-color);
}

a.button.two-line {
  padding-top:30px;
  padding-bottom:25px;
  line-height:28px;
}

a.button.two-line span {
  font-size:16px;
  line-height:16px;
  letter-spacing:0.5px;
}

a.button + a.button {
  margin-left:28px;
}

div.top-bar a.button {
  background:var(--secondary-color);
  margin:0px 0px 0px 24px;
  padding:18px 20px 18px 20px;
  border:0px;
  font-size:16px;
  line-height:16px;
}

div.top-bar a.button:hover {
  background:var(--tertiary-color);
  color:var(--white);
}

footer a,
footer + p a,
div.page-title a {
  color:var(--light-gray);
}

footer p a:hover {
  color:var(--white);
}

header a,
footer + p a {
  text-decoration:none !important;
}

footer + p a:before {
  content:"|";
  color:var(--white);
  padding-left:10px;
  margin-right:10px;
}

nav {
  position:fixed;
  height:100%;
  width:100%;
  max-width:330px;
  right:-101%;
  top:0px;
  background:var(--white);
  z-index:900;
  transition:1s all;
  overflow-y:auto;
}

nav > a:last-of-type {
  padding-right:0px;
}

nav ul {
  margin:0px;
  padding:0px;
  list-style:none;
  text-align:center;
  z-index:100;
}

nav ul li {
  position:relative;
  padding:0px;
  margin:0px;
  float:none;
  width:100%;
  display:block;
}

nav ul li a {
  display:block;
  border-bottom:1px solid var(--light-gray);
  font:600 24px/1em var(--header-font);
  color:var(--tertiary-color);
  text-transform:uppercase;
  text-decoration:none;
  text-align:left;
  padding:15px 10px 15px 10px;
}

nav a:hover,
nav a.on {
  color:var(--secondary-color);
}

nav ul ul {
  position:absolute;
  display:none;
}

nav ul li:hover > ul {
  display:block;
  background:var(--tertiary-color);
  border-bottom:6px solid var(--secondary-color);
  white-space:nowrap;
  text-align:left;
}

nav ul li:hover > ul li,
nav ul li:hover > ul li:first-child,
nav ul li:hover > ul li:last-child {
  display:block;
  width:100%;
}

nav ul li:hover > ul li a {
  font-size:18px;
  line-height:18px;
  color:var(--white);
  text-transform:none;
  padding:10px 20px 10px 20px;
}

nav ul li:hover > ul li:hover a {
  background:var(--light-gray);
  color:var(--tertiary-color);
}

nav p {
  display:none;
}

/********************
  Bootstrap Override Styles
********************/

.container {
  max-width:1400px;
}

.row {
  margin-left:-30px;
  margin-right:-30px;
}

.container,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
  padding-left:30px;
  padding-right:30px;
}

.row-thin-padding {
  margin-left:-15px;
  margin-right:-15px;
}

.row-thin-padding .col-lg-1, .row-thin-padding .col-lg-10, .row-thin-padding .col-lg-11, .row-thin-padding .col-lg-12, .row-thin-padding .col-lg-2, .row-thin-padding .col-lg-3, .row-thin-padding .col-lg-4, .row-thin-padding .col-lg-5, .row-thin-padding .col-lg-6, .row-thin-padding .col-lg-7, .row-thin-padding .col-lg-8, .row-thin-padding .col-lg-9, .row-thin-padding .col-md-1, .row-thin-padding .col-md-10, .row-thin-padding .col-md-11, .row-thin-padding .col-md-12, .row-thin-padding .col-md-2, .row-thin-padding .col-md-3, .row-thin-padding .col-md-4, .row-thin-padding .col-md-5, .row-thin-padding .col-md-6, .row-thin-padding .col-md-7, .row-thin-padding .col-md-8, .row-thin-padding .col-md-9, .row-thin-padding .col-sm-1, .row-thin-padding .col-sm-10, .row-thin-padding .col-sm-11, .row-thin-padding .col-sm-12, .row-thin-padding .col-sm-2, .row-thin-padding .col-sm-3, .row-thin-padding .col-sm-4, .row-thin-padding .col-sm-5, .row-thin-padding .col-sm-6, .row-thin-padding .col-sm-7, .row-thin-padding .col-sm-8, .row-thin-padding .col-sm-9, .row-thin-padding .col-1, .row-thin-padding .col-10, .row-thin-padding .col-11, .row-thin-padding .col-12, .row-thin-padding .col-2, .row-thin-padding .col-3, .row-thin-padding .col-4, .row-thin-padding .col-5, .row-thin-padding .col-6, .row-thin-padding .col-7, .row-thin-padding .col-8, .row-thin-padding .col-9 {
  padding-left:15px;
  padding-right:15px;
}

/********************
  Responsive Styles
********************/

@media (max-width: 576px) {
  img.img-responsive {
    margin-bottom:0px;
  }

  header div.top-border p {
    font-size:14px;
    text-align:center;
  }

  header nav p {
    text-align:left;
    font-size:16px;
    line-height:24px;
    padding:15px 0px 0px 20px;
    margin:0px;
  }

  h1 {
    font-size:30px;
    line-height:35px;
    letter-spacing:1.5px;
  }

  h1 span {
    font-size:26px;
    line-height:26px;
  }

  h2 {
    font-size:40px;
    line-height:45px;
    margin-bottom:20px;
  }

  p,
  li {
    font-size:20px;
    line-height:30px;
  }

  div.page-title p {
    font-size:24px;
    line-height:32px;
  }
 
  footer div.col-md-4 {
    border-right:0px !important;
    border-bottom:1px solid var(--light-gray);
    padding-right:0px;
    margin-bottom:30px;
  }

  footer div.col-md-8 {
    padding-left:30px;
  }

  footer + p a {
    display:block;
    margin-top:-2px;
  }

  footer + p a:before {
    display:none;
  }

  a.button {
    display:block;
    padding:25px 20px 30px 20px;
    margin:15px 0px 0px 0px;
  }

  a.button + a.button {
    margin-left:0px;
  }

  div.home-slide {
    height:300px;
    background-size:auto 100%;
    background-position:top 0px right 40%;
  }

  div.home-slide > div.container {
    padding-top:100px !important;
  }
}

@media (min-width: 992px) {
  div.col-3.menu {
    display:none;
  }

  nav {
    position:static;
    background:none;
    height:auto;
    width:auto;
    max-width:none;
    right:0px !important;
    overflow:visible;
  }

  nav ul li {
    display:inline;
    float:left;
    width:auto;
  }

  nav ul li a {
    border:none;
  }

  header div.col-lg-8.text-right {
    padding-left:0px;
  }

  nav > ul li:first-of-type {
    display:none;
  }

  nav > a {
    display:inline-block;
    padding:20px 10px 20px 10px;
  }

  main.split {
    background:linear-gradient(to right, var(--white) 75%, var(--light-gray) 25%);
  }

  main.split div.col-md-6 {
    background:none !important;
    padding-top:0px !important;
    margin-top:0px !important;
  }
}

@media (max-width: 991px) {
  div.top-bar {
    display:none;
  }

  nav p {
    display:block;
  }
}

@media (min-width:1200px) {
  nav ul li a {
    border:none;
    font-size:28px;
    padding-left:12px;
    padding-right:12px;
  }

  div.top-bar a.button {
    padding-left:30px;
    padding-right:30px;
  }
}

@media (min-width:1400px) {
  nav a + a {
    margin-left:10px;
  }

  nav > a {
    padding-right:8px;
    padding-left:8px;
  }

  header div.col-md-8 {
    padding-left:0px;
  }
}