@charset "UTF-8";
.front .l-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.front .l-content {
   order: 1;
}

.front .l-quicklinks {
  order: 2;
}

.front .l-region--content-first{
   order: 3;
   padding: 0 12px;
}

/*  May we help you region on mobile  */
.front .l-region--sidebar-first {
   display: block;
}

.l-region--sidebar-second #accordion H4 {
     font-weight: bold;
     font-family: 'Roboto Slab', serif;
     font-size: 1.2em;
     color: #164A7D;
     padding-left: 64px;
}

.l-region--sidebar-second .ui-accordion .ui-accordion-header {
  margin-top: 0;
}

/* mobile accordion - homepage how may we help you */
.front >.ui-widget,
#homepage_accordion,
#homepage_accordion .ui-state-active,
#homepage_accordion .ui-state-default,
#homepage_accordion .ui-state-hover {
  background: #F9E1A5!important;
  padding: 8px 0 6px 0;
  border: none;
  font-size: 1em;
  color: #4d4d4d;
}

#homepage_accordion > h4 {
  font-family: 'Roboto Slab', serif;
  color: #4d4d4d;
  font-weight: bold;
  font-size: 1.165rem!important;
  padding-left: 84px!important;
  padding-top: 4px!important;
}

.front #ui-accordion-accordion-panel-0 {
      background-color:#F9E1A5;
      border: none;
 }
 
.front #ui-accordion-accordion-panel-0 ul {
      background-color:#F9E1A5;
      border: none;
      margin: 0;
 }
 
.front #ui-accordion-accordion-panel-0 li {
      background-color:#F9E1A5;
      line-height: 28px;
      padding: 4px 0 4px 64px;
      border-bottom: 1px solid #ccc;
 }
 
 .front #ui-accordion-accordion-panel-0 li:after {
      display: inline-block;
      content: " ";
      background-image: url("../images/home_forwardarrow.png")!important;
      background-repeat: no-repeat!important;
      width: 24px!important;
      height: 24px!important;
      position: relative;
      left: 20px;
      top: 6px;
 }
 
 /* orange arrow position and display - may we help you? mobile accordion */
.front .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      position: absolute;
      left: 280px;
      top: 10px;
      margin: -12px 0 0 0;
 }
 
.front .ui-accordion-header-icon {
    width: 40px!important;
    height: 40px!important;
    background-image: url("../images/arrow_down.png");
    background-repeat: no-repeat;
    background-position: center;
}

.front .ui-icon-triangle-1-s {
  background-image: url("../images/arrow_up.png")!important;
}
.front .ui-icon-triangle-1-e {
  background-image: url("../images/arrow_down.png")!important;
}

.front .ui-corner-all,
.front .ui-corner-bottom,
.front .ui-corner-right,
.front .ui-corner-br,
.front .ui-corner-left,
.front .ui-corner-bl,
.front .ui-corner-top,
.front .ui-corner-tr,
.front .ui-corner-tl {
  border-radius: 0px;
  background-color: transparent;
}

#home_may_we {
     display: block;
}

.front .home_space {
      padding: 8px 0;
      margin: 0;
}

 /* sidebar mobile accordion */
#interior_accordions .ui-accordion-header-icon {
      position: absolute;
      left: 280px;
      top: 10px;
      margin: -7px 0 0 0;
      padding-bottom: 18px;
}
 
#interior_accordions .ui-accordion-header-icon {
    width: 40px!important;
    height: 40px!important;
    background-image: url("../images/int_arrow_down.png");
    background-repeat: no-repeat;
    background-position: center;
}

#interior_accordions .ui-icon-triangle-1-s {
  background-image: url("../images/int_arrow_up.png")!important;
}

#interior_accordions .ui-icon-triangle-1-e {
  background-image: url("../images/int_arrow_down.png")!important;
}

.field--name-field-sidebar .field__items h2,
.field--name-field-sidebar .field__items h2 a,
.field--name-field-sidebar .field__items h2 a:hover,
.field--name-field-sidebar .field__items h2 a:visited,
.field--name-field-sidebar .field__items h2 a:active {
    color: #4d4d4d!important;
    border-bottom: none!important;
    padding-left: 18px;
}
/*
#interior_accordions {
    background: #FAB71E!important;
    margin: 0;
    padding-top:8px;
    padding-bottom: 8px;
}
*/
 .field--name-field-sidebar #interior_accordions .ui-accordion-content {
  margin: 0;
  width: 100%;
  background-color: #F9E1A5;
 }
 
 .field--name-field-sidebar #interior_accordions .ui-accordion-content li,
 .field--name-field-sidebar #interior_accordions .ui-accordion-content p,
 .field--name-field-sidebar #interior_accordions .ui-accordion-content H4 {
  padding: 0 18px;
 }
 
 .field--name-field-sidebar #interior_accordions .ui-accordion-content li:first-of-type,
 .field--name-field-sidebar #interior_accordions .ui-accordion-content p:first-of-type {
  padding-top: 18px;
 }

.field--name-field-sidebar #interior_accordions .ui-state-default,
.field--name-field-sidebar #interior_accordions .ui-widget-content
.field--name-field-sidebar #interior_accordions .ui-state-default,
.field--name-field-sidebar #interior_accordions .ui-widget-header
.field--name-field-sidebar #interior_accordions .ui-state-default {
    background: #FAB71E!important;
    padding: 12px 0;
    color: #4d4d4d;
}

/* homepage alert section */
   .front .l-region--content-first > .block:nth-child(1),
   .front .l-region--content-first > .block:nth-child(1) > h3.block__title,
   .front .l-region--content-first > .block:nth-child(1) > .red_font a {
        color: #E2190A;
    }


/* homepage call to action sections - tablet */
@media (min-width: 768px) {
     .front .l-content {
          order: 1;
       }
       
       .front .l-quicklinks {
         order: 3;
       }
       
       .front .l-region--content-first{
          order: 2;
       }
    
   .front .l-region--content-first {
      display: block;
      background-color: #ffffff;
      margin: 50px auto 0 auto !important;
      width: 90%;
      max-width: 1024px;
      height: auto;
      padding: 0;
    }

/* homepage alert section */
   .front .l-region--content-first > .block:nth-child(1) {
        display: block;
        width: 35%;
        float: left;
        padding: 0 18px;
        text-align: left;
        font-size: .9em;
        margin: 8px 0 18px 0;
        z-index: 20;
        color: #E2190A;
    }
    
   .front .l-region--content-first > .block:nth-child(1) > h3.block__title {
        color: #E2190A;
   }
    
/* homepage call to action sections */
   .front .l-region--content-first > .block:nth-child(1n+1) {
        display: block;
        width: 35%;
        float: left;
        padding: 0 18px;
        text-align: left;
        font-size: .9em;
        margin: 8px 0 18px 0;
        z-index: 20;
    }
   .front .l-region--content-first > .block:nth-child(1n+1) p {
        padding-bottom: 0;
        margin-bottom: .8em;
    }    

   .front .l-region--content-first > .block:last-child {
        width: 30%;
        float: left;
        border-left: 1px solid #fbb81e;
        padding: 0 0 0 18px;
        text-align: left;
        font-size: .9em;
    }
    
   .front .l-region--content-first > .block:last-child p {
        padding-bottom: 0;
        margin-bottom: .8em;
    }    
    
   .front .l-region--sidebar-second {
      display: none;
    }
      /* How may we help you box for Desktop*/
    .front .l-region--sidebar-first {
    display: block;
    position: relative;
    margin: 20px 0 0 10%;
    padding: 14px 20px 0 20px;
    width: 280px;
    background-color: #fFF; /*#f9e1a5*/
    border-radius: 4px;
    min-height: inherit;
    z-index: 2;
    box-shadow: 2px 2px 15px -1px;
   }

  .front .l-region--sidebar-first p {
    margin: 6px 0;
    border-bottom: 1px solid #fbb81e;
    padding: 8px 0;
   }

  .front .l-region--sidebar-first p:last-child  {
    border-bottom: none;
    padding: 8px 0 16px 0;
   }
  
   .front .l-region--sidebar-first .block--block {
    display: inline-block;
    }

   .front .l-region--sidebar-first .block__title {
    padding: 4px 0 6px 16px;
    margin: 0;
    }

   .front .l-region--sidebar-first p > a {
    text-decoration: none;
    font-size: .9rem;
    font-weight: bold;
    }
    
   .front .l-region--sidebar-first p > a:hover {
    text-decoration: none;
    }

    .l-region--sidebar-first h3, .l-region--sidebar-first .view-events .views-field-title > .field-content, .view-events .l-region--sidebar-first .views-field-title > .field-content {
     font-weight: bold;
     font-family: 'Roboto Slab', serif;
     font-size: 1.4em;
     color: #164A7D;
     }
     
     #home_may_we {
      padding: 0 10px 0 20px;
      background-color: #fff;
      display: inherit;
      width: 100%;
      border-radius: 0;
    }
    
    .field--name-field-sidebar .field__items h2,
    .field--name-field-sidebar .field__items h2 a {
    padding-left: 0!important;
    } 
}


@media (min-width: 1400px) {
      /* How may we help you box for Desktop*/
    .front .l-region--sidebar-first {
     margin: 50px 0 0 20%;
    }
}