/* ==========================================================================
   NEW HOMEPAGE STYLES
   ========================================================================== */


/* ==========================================================================
   Typography
   ========================================================================== */
h1, .alpha   { margin: 2rem 0 0; color: #9d1b32; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 2.5rem; line-height: 1.2; }
h2, .beta    { margin: 2rem 0 0; color: #9d1b32; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 2.15rem; line-height: 1.2; letter-spacing: 3px; }
h3, .gamma   { margin: 2rem 0 0; color: #9d1b32; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 600; font-size: 1.375rem; line-height: 1.2; letter-spacing: 3px; }
h4, .delta   { margin: 2rem 0 0; color: #9d1b32; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 1.2rem; line-height: 1.2; }
h5, .epsilon { margin: 2rem 0 0; color: #9d1b32; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.2; }
h6, .zeta    { margin: 2rem 0 0; color: #9d1b32; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 0.9rem; line-height: 1.2; }


h1,
h2,
h3,
h4,
h5,
h6 {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

p {
   text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:link, a:visited {
 color: #9d1b32;
}

.icon {
  fill: #fcb32c;
}

.icon:hover {
  fill: #484848;
}

.section .btn--primary,
.section .btn--primary:link,
.section .btn--primary:visited,
.btn--primary.btn--solid:link,
.btn--primary.btn--solid:hover,
.btn--primary.btn--solid:active,
.btn--primary.btn--solid:focus {
  background-color: #9d1b32;
  border: none;
  border-radius: 15px;
  margin: 1.5rem 0 0;
  display: inline-block;
  letter-spacing: 2px;
}

.section.section--search .form--search .btn--primary{
  border-color: #fcb32c;
  color: #222;
  background-color: #fcb32c;
  margin: 0;
  border-radius: 0px;
}

/* ==========================================================================
   Callouts
   ========================================================================== */
  .section--callouts .callout {
    border: solid 1px #DFDFDF;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  }

  .anchor-hidden .wrapper {
    max-width: 90rem;
  }

  .section--callouts .btn,
  .section--callouts .btn:link,
  .section--callouts .btn:visited {
    border: none;
    border-radius: 15px;
    padding: 0.35rem 1.5rem;
    margin: 1.5rem 0 0;
    display: inline-block;
    letter-spacing: 2px;
    background-color: #FFF;
    color: #9d1b32;
    border: solid 1px #9d1b32;
  }

  .section--callouts .btn:hover,
  .section--callouts .btn:active,
  .section--callouts .btn:focus {
    background-color: #9d1b32;
    color: #FFF;
    border: solid 1px #9d1b32;
  }

  .section--callouts .btn:hover .icon,
  .section--callouts .btn:active .icon,
  .section--callouts .btn:focus .icon {
    fill: #9d1b32;
  }

  .btn:link, .btn:visited {
    background-color: #9d1b32;
    border: none;
    border-radius: 15px;
    padding: 0.35rem 1.5rem;
    margin: 1.5rem 0 0;
    display: inline-block;
    letter-spacing: 2px;
    color: #FFF;
    border: solid 1px #9d1b32;
  }

  .btn:hover,
  .btn:focus,
  .btn:active {
    background-color: #FFF;
    color: #9d1b32;
    border: solid 1px #9d1b32;
  }

  .btn.btn--primary:link,
  .btn.btn--primary:visited {
    background-color: #FFF;
    color: #9d1b32;
    border: solid 1px #9d1b32;
  }

  .btn.btn--primary:hover,
  .btn.btn--primary:active,
  .btn.btn--primary:focus {
    background-color: #9d1b32;
    color: #FFF;
    border: solid 1px #9d1b32;
  }

  .btn:link .icon, .btn:visited .icon {
    margin-top: -.3rem;
    fill: #FFF;
    display: none;
  }

  .section--callouts .btn .icon {
    margin-top: -.3rem;
    fill: #FFF;
  }

  .section.anchor-hidden {
    padding: 2rem 0 4rem;
    border-bottom: solid 1px #DFDFDF;
    position: relative;
  }
  .section.anchor-hidden:after {
    content: "";
    display: block;
    position: absolute;
    bottom: .35rem;
    left: 0;
    width: 100%;
    border-bottom: solid 1px #DFDFDF;
    height: 1px;
  }
/* ==========================================================================
   Action Block
   ========================================================================== */
  .action__blocks {
    position: relative;
  }

  .separator_stick {
    width: 1px;
    background: #dfdfdf;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    display: none;
  }

  .action__blocks .btn--primary,
  .action__blocks .btn--primary:link,
  .action__blocks .btn--primary:visited,
  .action__blocks .btn--primary.btn--solid:link,
  .action__blocks .btn--primary.btn--solid:hover,
  .action__blocks .btn--primary.btn--solid:active,
  .action__blocks .btn--primary.btn--solid:focus {
    margin-bottom: 2.5rem;
  }

  .action__blocks h3 {
    margin-bottom: 1.5rem;
  }

  @media only screen and (min-width: 40em){
    .action__blocks_block_content {
      padding: 0 2rem;
    }
    .separator_stick {
      display: block;
    }
  }
  @media only screen and (min-width: 60em){
    .action__blocks_block_content {
      padding: 0 4rem;
    }
  }

  /* ==========================================================================
   Free Text
   ========================================================================== */
   .section--free_text {
    position: relative;
   }

   .section--free_text .wrapper {
    max-width: 55rem;
   }
/* ==========================================================================
   Nuage Update Center
   ========================================================================== */
    .section--nuage_update_center {
      border-top: solid 1px #dfdfdf;
      position: relative;
    }

    .section--nuage_update_center h2 {
      margin-bottom: 1.5rem;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

   .section--nuage_update_center:before {
    content: "";
    display: block;
    position: absolute;
    top: .35rem;
    left: 0;
    width: 100%;
    border-top: solid 1px #dfdfdf;
    height: 1px;
   }

   .bar-container {
    position: relative;
    border-top: solid 1px #dfdfdf;
   }

   .section--nuage_update_center ul {
    padding: 0;
    list-style: none;
   }

   .section--nuage_update_center .text {
    color: #767676;
    font-size: .85rem;
    margin-bottom: .5rem;
   }

   .section--nuage_update_center .text a:link,
   .section--nuage_update_center .text a:visited {
     color: #767676;
     padding-left: 0;
   }

   .section--nuage_update_center .text a:before {
    display: none;
   }

   .section--nuage-update-center-block  {
    margin: 2.5rem 0;
   }

   .section--nuage-update-center-date {
    color: #fcb32c;
    margin-bottom: 2rem;
    display: inline-block;
   }

   a.section--nuage-update-center-author:link,
   a.section--nuage-update-center-author:visited {
    text-decoration: underline;
    padding-left: 0;
   }

   a.section--nuage-update-center-author:before {
    display: none;
   }

   a.section--nuage-update-center-author:hover,
   a.section--nuage-update-center-author:focus,
   a.section--nuage-update-center-author:active {
    text-decoration: none;
   }

   .section--nuage-update-center .fru-tweet__user {
    display: none;
   }

   .section--nuage-update-center p.fru-tweet__date {
    margin: .5rem 0 2rem;
    font-style: normal;
    color: #fcb32c;
    font-size: 1rem;
   }

   .section--nuage-update-center .icon-twitter:before {
    display: none;
   }

   .section--nuage-update-center-block.twitter-block {
    max-width: none;
    color: #767676;
    font-size: .85rem;
   }

   .section--nuage-update-center-title {
    display: block;
    color: #9d1b32;
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 3px;
    font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
   }

   .section--nuage-update-center-title {
    margin-bottom: 1.2rem;
   }

   .fru-tweets .fru-tweet:first-child p {
    margin-top: 0;
   }

   @media only screen and (min-width: 60em){
      .section--nuage-update-center-block {
       max-width: 24rem;
      }
   }

/* ==========================================================================
   Homepage Slider
   ========================================================================== */
  .down-to-next-section {
    position: absolute;
    left: 50%;
    bottom: 3rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    display: none;
  }

  .page-template-template-homepage-php .section--logo--container {
    min-height: 48.75rem;
  }

  .page-template-template-homepage-php .arrow-container {
    position: relative;
    max-width: 75rem;
    margin: 0 auto;
    top: -8rem;
    display: none;
  }

  .slide__image.overlay:before {
    content: "";
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,0.05);
  }
    .slide__image.overlay-0:before { background-color: rgba(0,0,0,0.0); }
    .slide__image.overlay-5:before { background-color: rgba(0,0,0,0.05); }
    .slide__image.overlay-10:before { background-color: rgba(0,0,0,0.1); }
    .slide__image.overlay-15:before { background-color: rgba(0,0,0,0.15); }
    .slide__image.overlay-20:before { background-color: rgba(0,0,0,0.20); }
    .slide__image.overlay-25:before { background-color: rgba(0,0,0,0.25); }
    .slide__image.overlay-30:before { background-color: rgba(0,0,0,0.30); }
    .slide__image.overlay-35:before { background-color: rgba(0,0,0,0.35); }
    .slide__image.overlay-40:before { background-color: rgba(0,0,0,0.40); }
    .slide__image.overlay-45:before { background-color: rgba(0,0,0,0.45); }
    .slide__image.overlay-50:before { background-color: rgba(0,0,0,0.50); }
    .slide__image.overlay-55:before { background-color: rgba(0,0,0,0.55); }
    .slide__image.overlay-60:before { background-color: rgba(0,0,0,0.60); }
    .slide__image.overlay-65:before { background-color: rgba(0,0,0,0.65); }
    .slide__image.overlay-70:before { background-color: rgba(0,0,0,0.70); }
    .slide__image.overlay-75:before { background-color: rgba(0,0,0,0.75); }
    .slide__image.overlay-80:before { background-color: rgba(0,0,0,0.80); }
    .slide__image.overlay-85:before { background-color: rgba(0,0,0,0.85); }
    .slide__image.overlay-90:before { background-color: rgba(0,0,0,0.90); }
    .slide__image.overlay-95:before { background-color: rgba(0,0,0,0.95); }

  .slide__content .btn:hover .icon,
  .slide__content .btn:focus .icon,
  .slide__content .btn:active .icon {
    fill: #9d1b32;
  }

  .page-template-template-homepage-php .slide__heading {
    font-weight: 600;
    letter-spacing: 2px;
  }
  .page-template-template-homepage-php .slider__slide .btn {
    margin-top: 0;
  }


  /* Slider overlay for mobile only */
  @media only screen and (max-width: 40em){
    .slide__image.overlay-mobile-5:before { background-color: rgba(0,0,0,0.05); }
    .slide__image.overlay-mobile-10:before { background-color: rgba(0,0,0,0.1); }
    .slide__image.overlay-mobile-15:before { background-color: rgba(0,0,0,0.15); }
    .slide__image.overlay-mobile-20:before { background-color: rgba(0,0,0,0.20); }
    .slide__image.overlay-mobile-25:before { background-color: rgba(0,0,0,0.25); }
    .slide__image.overlay-mobile-30:before { background-color: rgba(0,0,0,0.30); }
    .slide__image.overlay-mobile-35:before { background-color: rgba(0,0,0,0.35); }
    .slide__image.overlay-mobile-40:before { background-color: rgba(0,0,0,0.40); }
    .slide__image.overlay-mobile-45:before { background-color: rgba(0,0,0,0.45); }
    .slide__image.overlay-mobile-50:before { background-color: rgba(0,0,0,0.50); }
    .slide__image.overlay-mobile-55:before { background-color: rgba(0,0,0,0.55); }
    .slide__image.overlay-mobile-60:before { background-color: rgba(0,0,0,0.60); }
    .slide__image.overlay-mobile-65:before { background-color: rgba(0,0,0,0.65); }
    .slide__image.overlay-mobile-70:before { background-color: rgba(0,0,0,0.70); }
    .slide__image.overlay-mobile-75:before { background-color: rgba(0,0,0,0.75); }
    .slide__image.overlay-mobile-80:before { background-color: rgba(0,0,0,0.80); }
    .slide__image.overlay-mobile-85:before { background-color: rgba(0,0,0,0.85); }
    .slide__image.overlay-mobile-90:before { background-color: rgba(0,0,0,0.90); }
    .slide__image.overlay-mobile-95:before { background-color: rgba(0,0,0,0.95); }
  }
  /* ==========================================================================
   Homepage Free Text
   ========================================================================== */
    .custom-free-text {
      background-color: #9d1b32;
    }

    .custom-free-text h2,
    .custom-free-text p {
      color: #FFF;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .custom-free-text .btn:link,
    .custom-free-text .btn:visited {
      background-color: transparent;
      color: #FFF;
      border: solid 1px #FFF;
    }

    .custom-free-text .btn:hover,
  .custom-free-text .btn:active,
  .custom-free-text .btn:focus {
    background-color: #FFF;
    color: #222;
    border: solid 1px #FFF;
  }
   /* .custom-free-text .btn:focus,
    .custom-free-text .btn:hover,
    .custom-free-text .btn:active {
      color: #fcb32c;
    }*/

/* ==========================================================================
   Homepage Logos
========================================================================== */
  .page-template-template-homepage-php .section--logo--container {
    border-top: solid 1px #dfdfdf;
    position: relative;
  }

  .page-template-template-homepage-php .section--logo--container:before {
    content: "";
    display: block;
    position: absolute;
    bottom: .35rem;
    left: 0;
    width: 100%;
    border-top: solid 1px #dfdfdf;
    height: 1px;
  }

  .page-template-template-homepage-php .section--logo--container .white-space {
    position: absolute;
    left: 0;
    bottom: 0;
    height: .35rem;
    width: 100%;
    background: #FFF;
  }

  /* ==========================================================================
   Areas
   ========================================================================== */
  .section--areas {
    /*background: #FFF;*/
  }

  .section--areas .areas {
    /*background: #FFF;*/
     border: solid 1px #fcb32c;
  }

  .pop-section.section--areas::after {
    background-color: #9d1b32;
  }

  .pop-section .section__heading {
    color:#FFF;
    font-size: 2rem;
  }