/*
    Copyright (C) 2018 - Anthony Costello - @olletsoc
 */
:root {
   /* LETTER SPACING */
   --kerning-normal: 1px;
   
   /* LINE HEIGHT - LEADING */
   --leading-large: 40px;
   
   /* TEXT STYLES */
   --headline-shadow: 0 0 50px #000000;
   --bold: 900;
   --cap: uppercase;
}
@font-face {
    font-family: Plantin;
    src: url(../fonts/Plantin.woff2) format('woff2'), url(../fonts/Plantin.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Plantin Bold;
    src: url(../fonts/PlantinBold.woff2) format('woff2'), url(../fonts/PlantinBold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Plantin Bold Italic;
    src: url(../fonts/PlantinBoldItalic.woff2) format('woff2'), url(../fonts/PlantinBoldItalic.woff) format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: Plantin Italic;
    src: url(../fonts/PlantinItalic.woff2) format('woff2'), url(../fonts/PlantinItalic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Plantin Bold Condensed';
    src: url('../fonts/PlantinBoldCondensed.woff2') format('woff2'), url('../fonts/PlantinBoldCondensed.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Plantin Numerals';
    src: url(../fonts/PlantinNumerals.woff2) format('woff2'), url(../fonts/PlantinNumerals.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-variant-numeric: oldstyle-nums;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-black-webfont.eot');
  src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-black-webfont.svg#latoblack') format('svg'), url('../fonts/lato-black-webfont.woff') format('woff'), url('../fonts/lato-black-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-italic-webfont.eot');
  src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-regular-webfont.eot');
  src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-light-webfont.eot');
  src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: sans-serif;
  }
}
.body-copy p {
   font-family: Roboto;
   font-size: 16px;
   font-weight: normal;
   line-height: 2;
}
p {
   font-size: 24px;
   font-family: SourceSerifPro;
   line-height: 2em;
}
.headline-copy,
.content-copy h2 {
   font-family: Roboto;
   font-size: 26px;
   font-weight: 100;
   font-style: normal;
   font-stretch: normal;
   line-height: 2;
   letter-spacing: 1px;
}
.dark-grey-blue {
   color: var(--dark-grey-blue);
}
.faded-blue {
  color: var(--faded-blue);
}
.white {
  color: var(--white);
}

.callout-copy {
   font-family: Plantin Bold Condensed;
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   font-size: 36px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
   letter-spacing: var(--kerning-normal);
   text-shadow: var(--headline-shadow);
   color: var(--white);
}
.secondary-header-title, 
.detail-header-title {
   font-family: Plantin Bold Condensed;
   position: absolute;
   bottom: 0;
   height: calc(100% / 2.15);
   font-style: normal;
   font-stretch: normal;
   text-shadow: 0 0 25px #000000;
   color: var(--white);
   text-align: center;
}
.secondary-header-title h1 {
   font-size: 50px;
  letter-spacing: var(--kerning-normal);
  font-weight: bold !important;
}
.detail-header-title h1 {
   font-size: 50px;
   letter-spacing: var(--kerning-normal);
   font-weight: bold !important;
}
.inner-callout-copy {
   font-family: Roboto;
   color: var(--white);
   font-size: 21px;
   font-weight: 900;
   font-style: normal;
   font-stretch: normal;
   line-height: 30px;
   letter-spacing: 1.5px;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 0 0 25px var(--black);
}

.section-header{
   display: inline-block;
   padding: 40px 0;
   position: relative;
   margin-bottom: 40px;
   font-family: Roboto;
   font-size: 21px;
   font-weight: 100;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: 3px;
   text-align: left;
   text-transform: uppercase;
   color: var(--nav-dark);
   border-bottom: 1px solid var(--faded-blue);
}
.detail-body {
   font-family: Roboto;
   font-size: 18px;
   font-weight: bold;
   font-style: normal;
   /* font-stretch: normal; */
   /* line-height: 2.1em; */
   /* letter-spacing: .5px; */
   color: var(--dark-grey-blue);
}
.detail-body .adl-feature-copy {
  text-align: left !important;
}
.detail-body .detail-description {
  text-align: center !important;
}

.adl-feature-copy li {
   line-height: 1.5 !important;
   margin-bottom: 25px;
   padding: 0 2.5em;
}

.hero-copy h1 {
   font-family: Plantin Bold Condensed;
   font-size: 65px !important;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
   line-height: 1;
   letter-spacing: var(--kerning-normal);
   text-shadow: var(--headline-shadow);
   text-align: center;
   color: #ffffff;
   color: var(--white);
}

.hero-button-copy {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.3px;
  text-align: left;
  color: #6691c3;
  color: var(--faded-blue);
}

.button-copy {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0.2px;
  text-align: left;
  color: #6691c3;
  color: var(--faded-blue);
}

.download {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2.3px;
  text-align: left;
  color: #294363;
  color: var(--dark-grey-blue);
}

.nav-title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  /* color: var(--nav-dark); */
  /* margin-top: 25px; */
}

.body-copy,
.content-copy, 
.content-copy p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
  color: var(--black);
}
.content-copy h3 {
   display: inline-block;
   padding: 40px 0;
   position: relative;
   margin-bottom: 40px;
   font-family: Roboto;
   font-size: 21px;
   font-weight: 100;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: 3px;
   text-align: left;
   text-transform: uppercase;
   color: var(--nav-dark);
   border-bottom: 1px solid var(--faded-blue);
}
.content-copy,
.content-copy p {
   /* line-height: var(--leading-large); */
}
.bold,
.content-copy .bold {
   font-weight: var(--bold);
}
.bold-cap,
.content-copy .bold-cap  {
   text-transform: var(--cap);
   font-weight: var(--bold);
}
.footer-nav-title {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 2.3px;
  text-align: left;
  color: var(--white);
  margin-top: 0 !important;
}

.footer-nav-item {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: var(--white);
}
.footer-nav-item:hover,
.footer-nav-item:active {
	text-decoration: underline;
}

.footer-copy a {
	color: var(--white);
}
.footer-copy p {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 100;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 1px;
  text-align: left;
  color: var(--white);
}
.footer-copy i {
   color: var(--white);
   margin-right: 15px;
   cursor: pointer;
}
.footer-copy-bold {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  color: var(--white);
}

.dropdown-nav-title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.3px;
  text-align: left;
  text-decoration: uppercase;
  color: var(--white);
}

.dropdown-nav-item {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  text-decoration: capitalize;
  color: var(--white);
}