/*
Theme Name: Trillium
Template: Divi
*/
@import url("https://use.typekit.net/gbv6jol.css");
/* line 8, sass/style.scss */
div:not(.et-fb-modal) h1, div:not(.et-fb-modal) h2, div:not(.et-fb-modal) h3, div:not(.et-fb-modal) h4, div:not(.et-fb-modal) h5, div:not(.et-fb-modal) h6 {
  font-family: "industry", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 14, sass/style.scss */
p, li {
  font-family: "bio-sans", sans-serif;
  line-height: 1.6;
}

/* line 1, sass/_base.scss */
body.freeze {
  overflow: hidden !important;
}

/* line 6, sass/_base.scss */
body.logged-in #page-container {
  padding-top: 32px !important;
}

/* line 11, sass/_base.scss */
body:not(.logged-in) #page-container {
  padding-top: 0 !important;
}

/* HEADER AND NAV
===============================================================*/
/* line 19, sass/_base.scss */
.header-container {
  display: block;
  width: 100%;
  padding: 30px;
  position: fixed;
  z-index: 9998;
  transition: all 0.3s;
}
/* line 27, sass/_base.scss */
.header-container.scroll {
  padding: 10px 30px 12px;
}
/* line 30, sass/_base.scss */
.header-container.scroll .logo {
  width: 155px;
}
/* line 33, sass/_base.scss */
.header-container.scroll .logo img {
  content: url("images/logo-over.png");
}
/* line 38, sass/_base.scss */
.header-container.scroll .nav-icon {
  top: 12px;
  right: 12px;
}
/* line 45, sass/_base.scss */
.header-container.active .logo img {
  content: url("images/logo.png") !important;
}

/* line 51, sass/_base.scss */
.logo {
  display: inline-block;
  width: 200px;
  transition: all 0.3s;
}

/* line 62, sass/_base.scss */
.page-id-106 .header-container:not(.scroll) .logo img,
.page-id-189 .header-container:not(.scroll) .logo img {
  content: url("images/logo-over.png");
}

/* line 70, sass/_base.scss */
.nav-icon {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 30px;
  right: 15px;
  z-index: 9999;
  transition: all 0.3s;
}
/* line 80, sass/_base.scss */
.nav-icon span {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 2px;
  background-color: #eaaa21;
  transition: all 0.4s;
}
/* line 88, sass/_base.scss */
.nav-icon span:nth-of-type(1) {
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
/* line 93, sass/_base.scss */
.nav-icon span:nth-of-type(2) {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/* line 98, sass/_base.scss */
.nav-icon span:nth-of-type(3) {
  top: calc(100% - 10px);
  left: 50%;
  transform: translateX(-50%);
}
/* line 106, sass/_base.scss */
.nav-icon.active span:nth-of-type(1) {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
/* line 111, sass/_base.scss */
.nav-icon.active span:nth-of-type(2) {
  display: none;
}
/* line 114, sass/_base.scss */
.nav-icon.active span:nth-of-type(3) {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

/* line 122, sass/_base.scss */
.navbar-wedge {
  display: block;
  width: calc(100% - 55px);
  height: 90px;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0 100%);
  background-color: #fff;
  position: fixed;
  top: -8px;
  left: -110%;
  z-index: 9995;
  transition: all 0.4s;
  border-bottom: 1px solid #ddd;
}
/* line 136, sass/_base.scss */
.navbar-wedge:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: calc(100% + 2px);
  background-color: #ddd;
  position: absolute;
  right: 1px;
  top: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%);
}
/* line 149, sass/_base.scss */
.navbar-wedge.scroll {
  left: 0;
  height: 55px;
}

/* line 155, sass/_base.scss */
#nav-slider {
  display: block;
  position: fixed;
  width: 190%;
  height: 100vh;
  min-height: 860px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 450px 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 450px 100%);
  background-color: #000;
  background-image: url("images/nav-pattern.svg");
  background-repeat: no-repeat;
  background-position: top right;
  top: 0;
  right: calc(-190% + 85px);
  z-index: 9997;
  transition: all 0.4s;
}
/* line 172, sass/_base.scss */
#nav-slider.active {
  right: 0 !important;
}
/* line 175, sass/_base.scss */
#nav-slider.scroll {
  right: calc(-190% + 70px);
}

/* line 180, sass/_base.scss */
ul:not(.main_menu) .current_page_item a {
  color: #eaaa21 !important;
}

/* line 184, sass/_base.scss */
.main-nav {
  display: block;
  max-width: 260px;
  position: absolute;
  right: 52vw;
  top: 48vh;
  transform: translateX(50%) translateY(-50%);
}

/* line 194, sass/_base.scss */
.main_menu li {
  padding: 5px;
  text-align: left;
}
/* line 198, sass/_base.scss */
.main_menu li a {
  display: inline-block;
  font-family: "industry", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
/* line 208, sass/_base.scss */
.main_menu .current_page_item a,
.main_menu li > a:hover {
  color: #000;
  z-index: 0;
  position: relative;
}
/* line 214, sass/_base.scss */
.main_menu .current_page_item a:before,
.main_menu li > a:hover:before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 100%;
  clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
  background-color: #eaaa21;
  position: absolute;
  left: -7px;
  top: -4px;
  z-index: -1;
}

/* line 231, sass/_base.scss */
.single-post .main_menu .menu-item-249 a {
  color: #000;
  z-index: 0;
  position: relative;
}
/* line 236, sass/_base.scss */
.single-post .main_menu .menu-item-249 a:before {
  content: "";
  display: block;
  width: calc(100% + 60px);
  height: 100%;
  clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0 100%);
  background-color: #eaaa21;
  position: absolute;
  left: -7px;
  top: -4px;
  z-index: -1;
}

/* line 252, sass/_base.scss */
.nav-deets {
  display: block;
  text-align: left;
  color: #fff;
  padding-top: 20px;
}
/* line 258, sass/_base.scss */
.nav-deets h5 {
  color: #eaaa21;
  padding-bottom: 0;
}
/* line 262, sass/_base.scss */
.nav-deets a {
  color: #fff;
}
/* line 265, sass/_base.scss */
.nav-deets span {
  display: none;
}

/* HOME HERO
===============================================================*/
/* line 273, sass/_base.scss */
.home-hero {
  display: block;
  position: relative;
  max-height: 800px;
  overflow: hidden;
}
/* line 279, sass/_base.scss */
.home-hero > div:first-of-type {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-20%);
  z-index: 2;
}

/* BUTTONS
===============================================================*/
/* line 292, sass/_base.scss */
.et_pb_button {
  font-family: "industry", sans-serif;
  font-weight: 700 !important;
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  transition: all 0.4s;
}
/* line 299, sass/_base.scss */
.et_pb_button:before {
  content: "";
  opacity: 1 !important;
  display: inline-block;
  width: 20px;
  height: calc(100% + 2px);
  background-color: #ecaa1f;
  position: absolute;
  right: 0;
  top: 0;
  clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
}
/* line 312, sass/_base.scss */
.et_pb_button:after {
  opacity: 0 !important;
}
/* line 315, sass/_base.scss */
.et_pb_button:hover {
  padding: .5em 3em .4em 1.5em !important;
}
/* line 318, sass/_base.scss */
.et_pb_button:not(:hover) {
  padding: .5em 2em .4em 1em !important;
}

/* line 322, sass/_base.scss */
.alt-button,
.page-id-189 #et_pb_contact_form_0 .et_pb_button {
  border-color: #fff !important;
}
/* line 326, sass/_base.scss */
.alt-button:before,
.page-id-189 #et_pb_contact_form_0 .et_pb_button:before {
  background-color: #fff;
}

/* SPLIT SECTIONS ANGLED BACKGROUND
===============================================================*/
/* line 334, sass/_base.scss */
.split-angle {
  overflow: hidden;
}
/* line 338, sass/_base.scss */
.split-angle .et_pb_row .et_pb_column:first-of-type:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  z-index: 0;
  width: 100vw;
  height: calc(100% + 240px);
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), 0 100%);
}

/* CAREERS FORM
===============================================================*/
/* line 360, sass/_base.scss */
.page-id-209 .et_pb_contact_form_0 {
  border-top: 2px solid #000;
  padding-top: 40px;
  overflow: hidden;
}
/* line 367, sass/_base.scss */
.page-id-209 .et_pb_contact_form_0 form > p[data-type="checkbox"] {
  padding-top: 16px;
}
/* line 370, sass/_base.scss */
.page-id-209 .et_pb_contact_form_0 form .et_pb_contact_field_4 {
  padding-top: 60px !important;
}
/* line 373, sass/_base.scss */
.page-id-209 .et_pb_contact_form_0 form .et_contact_bottom_container {
  padding-top: 30px;
}
/* line 377, sass/_base.scss */
.page-id-209 .et_pb_contact_form_0 form .et_pb_contact_field_3 {
  position: relative;
}
/* line 380, sass/_base.scss */
.page-id-209 .et_pb_contact_form_0 form .et_pb_contact_field_3:before {
  content: "";
  display: block;
  width: 1200px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -40px;
  right: 0;
}

/* contact form on contact page */
/* line 398, sass/_base.scss */
.page-id-189 .et_contact_bottom_container {
  padding-top: 20px !important;
}

/* FOOTER SECTION
===============================================================*/
/* line 407, sass/_base.scss */
.footer-nav .widget_nav_menu {
  margin: 0 !important;
  width: 100% !important;
}
/* line 411, sass/_base.scss */
.footer-nav .menu-main-nav-container {
  width: 100%;
}
/* line 414, sass/_base.scss */
.footer-nav ul {
  width: 100%;
}
/* line 417, sass/_base.scss */
.footer-nav ul li {
  padding: 8px 10px;
}
/* line 422, sass/_base.scss */
.footer-nav ul a {
  font-family: "industry", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

/* SERVICES STYLES
===============================================================*/
/* line 435, sass/_base.scss */
.inline-text ul {
  padding-bottom: 0;
}

/* line 440, sass/_base.scss */
li::marker {
  color: #eaaa21;
}

/* BLOG STYLES
===============================================================*/
/* line 448, sass/_base.scss */
.blog-feed article {
  display: block;
  position: relative;
}
/* line 452, sass/_base.scss */
.blog-feed article .entry-featured-image-url {
  display: block;
  width: 100%;
  height: 200px;
}
/* line 457, sass/_base.scss */
.blog-feed article .entry-featured-image-url img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 200px;
}
/* line 465, sass/_base.scss */
.blog-feed article .more-link {
  font-family: "industry", sans-serif;
  font-weight: 700 !important;
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  transition: all 0.4s;
  display: inline-block;
  position: relative;
  width: auto;
  border: 1px solid #eaaa21;
  margin-top: 16px;
}
/* line 477, sass/_base.scss */
.blog-feed article .more-link:before {
  content: "";
  opacity: 1 !important;
  display: inline-block;
  width: 20px;
  height: calc(100% + 2px);
  background-color: #ecaa1f;
  position: absolute;
  right: 0;
  top: 0;
  clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
}
/* line 491, sass/_base.scss */
.blog-feed article .more-link:hover {
  padding: .5em 3em .4em 1.5em !important;
}
/* line 494, sass/_base.scss */
.blog-feed article .more-link:not(:hover) {
  padding: .5em 2em .4em 1em !important;
}

@media all and (min-width: 768px) {
  /* HEADER AND NAV
  ===============================================================*/
  /* line 6, sass/_tablet.scss */
  .header-container.scroll {
    padding: 15px 30px 10px;
  }
  /* line 9, sass/_tablet.scss */
  .header-container.scroll .nav-icon {
    top: 16px;
    right: 16px;
  }

  /* line 16, sass/_tablet.scss */
  .nav-icon {
    top: 35px;
    right: 25px;
  }

  /* line 21, sass/_tablet.scss */
  .navbar-wedge {
    height: 90px;
    width: calc(100% - 70px);
    top: -18px;
  }
  /* line 26, sass/_tablet.scss */
  .navbar-wedge.scroll {
    height: 75px;
  }

  /* line 31, sass/_tablet.scss */
  #nav-slider {
    right: calc(-140% + 100px);
    min-height: 1200px;
    width: 140%;
  }
  /* line 36, sass/_tablet.scss */
  #nav-slider.active {
    right: 0 !important;
  }
  /* line 39, sass/_tablet.scss */
  #nav-slider.scroll {
    right: calc(-140% + 80px);
  }

  /* line 44, sass/_tablet.scss */
  .main-nav {
    max-width: 440px;
  }

  /* line 51, sass/_tablet.scss */
  .main_menu li a {
    font-size: 80px;
  }
  /* line 57, sass/_tablet.scss */
  .main_menu .current_page_item a:before,
  .main_menu li > a:hover:before {
    width: calc(100% + 60px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 47px) 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 47px) 100%, 0 100%);
  }

  /* line 65, sass/_tablet.scss */
  .nav-deets span {
    display: inline-block;
  }

  /* CAREERS FORM
  ===============================================================*/
  /* line 75, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 {
    overflow: hidden;
    padding-top: 60px;
  }
  /* line 79, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 83, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form > p {
    width: 50%;
  }
  /* line 86, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form > p[data-type="checkbox"] {
    padding-top: 0;
  }
  /* line 89, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form .et_pb_contact_field_5 {
    padding-top: 60px !important;
  }
  /* line 92, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form .et_contact_bottom_container {
    padding-top: 20px;
    padding-left: 3%;
  }
  /* line 96, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form .et_contact_bottom_container .et_pb_button {
    height: 50px;
  }
  /* line 102, sass/_tablet.scss */
  .page-id-209 .et_pb_contact_form_0 form .et_pb_contact_field_3:before {
    bottom: -60px;
  }

  /* BLOG STYLES
  ===============================================================*/
  /* line 115, sass/_tablet.scss */
  .blog-feed article {
    padding-left: 200px;
  }
  /* line 118, sass/_tablet.scss */
  .blog-feed article .entry-featured-image-url {
    display: inline-block;
    width: 170px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* line 127, sass/_tablet.scss */
  .blog-feed article .entry-featured-image-url img {
    width: 170px;
    height: 130px;
  }

  /* FOOTER SECTION
  ===============================================================*/
  /* line 139, sass/_tablet.scss */
  .footer-nav ul {
    display: flex;
    justify-content: left;
  }
  /* line 143, sass/_tablet.scss */
  .footer-nav ul li {
    padding: 10px 20px;
  }
  /* line 146, sass/_tablet.scss */
  .footer-nav ul li:first-of-type {
    padding-left: 0;
  }
}
@media all and (min-width: 960px) {
  /* HEADER AND NAV
  ===============================================================*/
}
@media all and (min-width: 960px) and (min-width: 2200px) {
  /* line 4, sass/_desktop.scss */
  .navbar-wedge {
    width: calc(100% - 0px);
    left: 0;
  }
}
@media all and (min-width: 960px) {
  /* line 12, sass/_desktop.scss */
  .header-container.scroll {
    padding: 13px 30px 15px;
  }

  /* line 17, sass/_desktop.scss */
  #nav-slider {
    display: block;
    position: fixed;
    width: calc(100% + 120px);
    height: 100vh;
    min-height: 1200px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 450px 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 450px 100%);
    background-color: #000;
    background-image: url("images/nav-pattern.svg");
    background-repeat: no-repeat;
    background-position: top right;
    top: 0;
    right: calc(-100% - 30px);
    z-index: 9997;
    transition: all 0.4s;
  }
  /* line 34, sass/_desktop.scss */
  #nav-slider.active {
    right: 0 !important;
  }
  /* line 37, sass/_desktop.scss */
  #nav-slider.scroll {
    right: calc(-100% - 45px);
  }

  /* line 42, sass/_desktop.scss */
  .navbar-wedge {
    height: 90px;
    width: calc(100% - 65px);
    top: -13px;
  }

  /* SPLIT SECTIONS ANGLED BACKGROUND
  ===============================================================*/
  /* line 51, sass/_desktop.scss */
  .split-angle {
    overflow: hidden;
  }
  /* line 55, sass/_desktop.scss */
  .split-angle .et_pb_row .et_pb_column:first-of-type:before {
    top: 50%;
    bottom: auto;
    right: -40px;
    left: auto;
    transform: translateY(-50%);
    width: 2000px;
    height: calc(100% + 240px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 200px) 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 200px) 100%, 0 100%);
  }

  /* FOOTER SECTION
  ===============================================================*/
  /* line 74, sass/_desktop.scss */
  .footer-nav ul {
    justify-content: right;
  }
  /* line 77, sass/_desktop.scss */
  .footer-nav ul li {
    padding: 10px 20px;
  }
  /* line 80, sass/_desktop.scss */
  .footer-nav ul li:last-of-type {
    padding-right: 0;
  }
  /* line 84, sass/_desktop.scss */
  .footer-nav ul a {
    font-family: "industry", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }

  /* SERVICES STYLES
  ===============================================================*/
  /* line 96, sass/_desktop.scss */
  .inline-text > div {
    display: flex;
  }
  /* line 100, sass/_desktop.scss */
  .inline-text ul {
    width: 50%;
    padding-right: 20px;
  }

  /* BLOG STYLES
  ===============================================================*/
  /* line 110, sass/_desktop.scss */
  .blog-feed article {
    padding-left: 360px;
  }
  /* line 113, sass/_desktop.scss */
  .blog-feed article .entry-featured-image-url {
    display: inline-block;
    width: 320px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* line 122, sass/_desktop.scss */
  .blog-feed article .entry-featured-image-url img {
    width: 320px;
    height: 100%;
  }
}