html{
  line-height: 1.5;
  font-family: $font-family-sans-serif;

    font-size: $mobile-paragraph-size;
    color: $light-text;

  @media only screen and (min-width: $medium-screen) {
    font-size: $paragraph-size;
  }

  @media only screen and (min-width: $large-screen) {
    font-size: $paragraph-size;
  }

  font-weight: normal;
  color: $off-black;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.1;

  color: $gray-dark; 


  margin-bottom: $headings-margin-bottom;
 font-family: $headings-font-family;  
 font-weight: $headings-font-weight;  
   &.blue {
    color: $blue;
   }
   &.grey {
    color: $light-text;

   }
}



.style-dark {
  color: #fff;
  h1, h2, h3, h4, h5, h6 {
    color: #fff;
  }
  h2.small {
    color: #fff;

  }
}

.style-light {
  color: $gray-dark;
  h1, h2, h3, h4, h5, h6 {
    color: $gray-dark;
  }
  h2.small {
    color: $gray-dark;

  }
}

// Header Styles
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { 
  font-size: $h1-mobile-fontsize; 
  line-height: $h1-lineheight; 
  font-weight: 900;
  &.small {
    text-transform: uppercase; 
  font-size: $h1-small-mobile-fontsize; 
    letter-spacing: 0.1117em;
  }
}

.explore-block h1.small {
  text-transform: none;
}
h2 { 
  font-size: $h2-mobile-fontsize; 
  line-height: $h2-lineheight; 
  font-weight: 900;
  &.small{
    font-weight: 600;
    letter-spacing: .08em;
    color: $gray-mid;
  }
}
h3 { 
  font-size: $h3-mobile-fontsize; 
  line-height: $h3-lineheight; 
  font-weight: 900;
  &.bold {
    font-weight: 700;
  }
}
h4 { 
  font-size: $h4-mobile-fontsize; 
  line-height: $h4-lineheight; 
  font-weight: 900;
}
h5 { 
  font-size: $h5-mobile-fontsize; 
  line-height: $h5-lineheight; 
  font-weight: normal;
  &.bold {
    font-weight: 700;
  }
}
h6 { 
  font-size: $h6-mobile-fontsize; 
  line-height: $h6-lineheight; 
  font-weight: 700;
}
.hero-title { 
  font-size: $hero-mobile-fontsize; 
  line-height: $hero-lineheight; 
}

.center-align {
  text-align:center;
}
// Text Styles
em { font-style: italic; }
strong { font-weight: 700; }
small { font-size: 75%; }
.light { font-weight: 300; }
.thin { font-weight: 200; }
a {
   text-decoration: none;
   transition: all .2s;
}

.lead-para, .is-style-large-paragraph {
  font-size: $lead-para-mobile-fontsize;
  font-weight: 600;
}
.lead-para, .breadcrumbs, .fine-print{  
  color: $gray-dark;
}
.style-dark {
  .lead-para, .breadcrumbs, .fine-print{  
    color:#fff;
  }
}

.intro-para {
  font-size: $mobile-intro-fontsize;
}

.input-small {
  font-size: $input-small-fontsize;
}
.input-large {
  font-size: $input-large-fontsize;
}

.breadcrumbs {
  font-size: $breadcrumbs-fontsize;
}
.fine-print {
  font-size: $fineprint-fontsize;
}

.section-title {
  margin-bottom:1.5em;
}


//replace gutenberg block font sizes
.has-medium-font-size {
  font-size: 1.2em !important;
}
.has-large-font-size {
  font-size: 1.4em !important;
}
.has-huge-font-size {
  font-size: 1.6em !important;
}


.wysiwyg, .index-content {  
  ul:not([class]) {
  
    list-style-type: disc;
    margin-left: 1em;
    li {
      list-style-type: none;
    margin: .55em 0em;
    position:relative;
    padding-left: 0px;
      &:before {
      display: inline-block;
      content: "-";
      width: 1em;
      margin-left: -1em;
  }
    }
  }
  a:not([class]) {
    font-weight: 600;
      color: $link-color;
    text-decoration: underline;
    &:hover {
      color: $link-color;
    }
  }

  .btn svg {
    width: 16px;
    display: inline-block;
    margin-right: 1em;
    path {
      fill: #fff;
    }
  }
}


.link-list li {
      padding:.75em 0em .75em 0em;
      border-bottom: 1px solid #DEDFEB;
      &:first-child {
        border-top: 1px solid #DEDFEB;
      }

      a {
        display: block;
        position: relative;
        color: $off-black !important;
        font-size: 18px;
        text-decoration: none !important;
        width: 100%;
          padding-right: 66px;
        &:hover {
          color: $blue !important;
        }
        &:after {
          content: " ";
          display: block;
          width: 22px;
          height: 12px;
          @include containbg;
          position: absolute;
          top: 50%;
          right: $outer-padding;
          transform: translateY(-50%);
          transition: all .2s;
          background-image: url(../../img/icons/arrow-right.svg);
        }
        &:hover:after {
          right: $outer-padding/2;
        }
      }

}
@media screen and (max-width: $small-screen) {
  .link-list {
    margin-left: -$outer-padding;
    margin-right: -$outer-padding;
    li {
      padding: .75em 0em .75em $outer-padding;
    }
  }
}
/* Blockquote
--------------------------------------------- */

blockquote,
blockquote.wp-block-quote {
  background: transparent;
  text-align: left;

  p {
    font-size: 1.33em;
    font-style: normal;
    font-weight: 400;
  }

  cite,
  .wp-block-quote__citation {
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-top: .865em;
    text-transform: uppercase;
  }

    p:last-of-type {
        margin-bottom: 0;
    }

  &.is-large,
  &.is-style-large {
    margin: calc( 2 * $gutter-width ) auto;


  }

}

/* Pull Quote
--------------------------------------------- */

.wp-block-pullquote {
  border: none;
  padding: 0;

  blockquote {
    border-left: 0;
    border-top: .5em solid $primary-color;
    border-bottom: .5em solid $primary-color;
    padding: 1em 0;
    text-align: center;
    // max-width: 50%;
    margin: 0 auto;
  }

  &.alignleft,
  &.alignright {

    blockquote {
      max-width: 100%;
    }
  }
}

/* Horizontal Rule
--------------------------------------------- */

.wp-block-separator,
hr {
  margin: 2.5em auto;
  &:not(.is-style-dots) {
    background-color: $gray-light;
    border: 0;
    height: 1px;
  }

  &:not(.is-style-wide):not(.is-style-dots) {
    width: 100%;
    height: 2px;
    background: transparent;

    &::before {
      content: '';
      display: block;
      height: 2px;
      margin: 0px auto;
      background: $gray-light;
    }
  }

  &.is-style-dots:before {
    color: $gray-light;
    font-size: 18px;
    letter-spacing: 12px;
    padding-left: 12px;
  }
}


@media screen and (max-width: $small-screen-up) {
  .page-title {
    text-align: center;
  }
}
/* Larger screen sizes
--------------------------------------------- */

@media screen and (min-width:$small-screen-up) {

  .lead-para, .is-style-large-paragraph {
      font-size: $lead-para-fontsize;
  }

  h1 {
    font-size: $h1-fontsize;
    &.small {
      font-size: $h1-small-fontsize;
    }
  }
  h2 { 
    font-size: $h2-fontsize;
    &.small {
    }
  }
  h3 { 
    font-size: $h3-fontsize;
  }
  h4 { 
    font-size: $h4-fontsize;
  }
  h5 { 
    font-size: $h5-fontsize;
  }
  h6 { 
    font-size: $h6-fontsize; 
  }
  .hero-title { 
    font-size: $hero-fontsize; 
  }
}
