/*
Theme Name: RSA Foodservice Design
Theme URI: http://rsafoodservicedesign.com/
Author: Angry Bear LLC
Author URI: http://www.fleeangrybear.com/
Description:  We bring a creative approach to food service design, working in partnership with our clients to develop food service spaces that connect form and function, delivering dynamic dining experiences.
Version: 2.0.1
*/


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
    background-color: #fff;
  }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* --- Type
-----------------------------------------------------------*/

@font-face {
    font-family: 'CalibreRegular';
    src: url('./type/Calibre-Regular.eot');
    src: url('./type/Calibre-Regular.eot?#iefix') format('embedded-opentype'),
         url('./type/Calibre-Regular.woff') format('woff'),
         url('./type/Calibre-Regular.ttf') format('truetype'),
         url('./type/Calibre-Regular.svg#Calibre-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CalibreBold';
    src: url('./type/Calibre-Bold.eot');
    src: url('./type/Calibre-Bold.eot?#iefix') format('embedded-opentype'),
         url('./type/Calibre-Bold.woff') format('woff'),
         url('./type/Calibre-Bold.ttf') format('truetype'),
         url('./type/Calibre-Bold.svg#Calibre-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CalibreSemibold';
    src: url('./type/Calibre-Semibold.eot');
    src: url('./type/Calibre-Semibold.eot?#iefix') format('embedded-opentype'),
         url('./type/Calibre-Semibold.woff') format('woff'),
         url('./type/Calibre-Semibold.ttf') format('truetype'),
         url('./type/Calibre-Semibold.svg#Calibre-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ShiftBook';
    src: url('./type/Shift-Book.eot');
    src: url('./type/Shift-Book.eot?#iefix') format('embedded-opentype'),
         url('./type/Shift-Book.woff') format('woff'),
         url('./type/Shift-Book.ttf') format('truetype'),
         url('./type/Shift-Book.svg#Shift-Book') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* --- Header
-----------------------------------------------------------*/

header {
  display: block;
  position: relative;
  width: auto;
  min-width: 320px;
  height: 346px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
}

  @media only screen and (min-width: 920px) {

    header {
      height: 574px;
    }

  }

  @media only screen and (min-width: 1170px) {

    header {
      height: 690px;
    }

  }

  header #header_wrapper {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
  }

    @media only screen and (min-width: 1170px) {
      
        header #header_wrapper {
          top: 50px;
        }

    }

    #header_wrapper #header_logo a {
      display: block;
      position: relative;
      width: 154px;
      height: 71px;
      text-indent: -9999px;
      background: #fff url('./img/header_mobile_logo.png') no-repeat center center ;
      z-index: 210;
      float: left;
    }

      @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

        #header_wrapper #header_logo a {
          background: #fff url('./img/header_mobile_logo@2x.png') no-repeat center center;
          background-size: 154px 71px;
        }

      }

      @media only screen and (min-width: 1170px) {
      
          #header_wrapper #header_logo a {
            width: 270px;
            height: 128px;
            text-indent: -9999px;
            background: #fff url('./img/header_webb_logo.png') no-repeat center center ;
            float: left;

          }

      }

        @media only screen and (min-width: 1170px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1170px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1170px) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 1170px) and (min-device-pixel-ratio: 1.5) {

          #header_wrapper #header_logo a {
              background: #fff url('./img/header_webb_logo@2x.png') no-repeat center center ;
              background-size: 209px 66px;
            }

        }

    #header_wrapper #header_nav_bar {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      font-family: 'CalibreRegular';
      background-color: transparent;
      z-index: 135;
      float: none;
    }

      @media only screen and (min-width: 1170px) {
      
          #header_wrapper #header_nav_bar {
            width: 630px;
            height: 128px;
            background-color: #fff;
            float: right;
          }

      }

  header #slogan {
    display: block;
    position: relative;
    width: 280px;
    height: 71px;
    margin: 0 auto;
    margin-top: 90px;
    padding-top: 11px;
    font-size: 21px;
    line-height: 26px;
    text-align: center;
    color: #262424;
    background-color: #fff;
    z-index: 25;
    float: none;
  }

    header #slogan .underline{
    text-decoration: underline;
  }

    @media only screen and (min-width: 920px) {

      header #slogan {
        margin-top: 210px;
      }

    }

    @media only screen and (min-width: 1170px) {
    
        header #slogan {
          position: relative;
          width: auto;
          height: auto;
          top: -24px;
          margin: 0px;
          margin-right: 90px;
          padding: 0px;
          font-size: 21px;
          text-align: left;
          background-color: transparent;
          z-index: 175;
          float: right;
        }

    }

  header #header_scroll_arrow a {
    display: block;
    position: absolute;
    width: 61px;
    height: 61px;
    top: 265px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-indent: -9999px;
    background: url('./img/header_scroll_arrow_mobile.png') no-repeat 0 0;
    z-index: 200;
  }

    @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

        header #header_scroll_arrow a {
          background: url('./img/header_scroll_arrow_mobile@2x.png') no-repeat 0 0;
          background-size: 61px 122px;
        }

    }

    header #header_scroll_arrow a:hover{
      background-position: 0px -61px;
    }

    @media only screen and (min-width: 920px) {

      header #header_scroll_arrow a {
        top: 490px;
      }

    }

    @media only screen and (min-width: 1170px) {
      
      header #header_scroll_arrow a {
          width: 71px;
          height: 71px;
          top: 595px;
          left: 0px;
          right: 0px;
          margin: 0 auto;
          text-indent: -9999px;
          background: url('./img/header_scroll_arrow.png') no-repeat 0 0;
        }

        header #header_scroll_arrow a:hover{
          background-position: 0px -71px;
        }

    }


    /* ==============  HEADER SLIDER  =============================== */

    header #header_slider {
      display: none;
      position: absolute;
      width: 100%;
      height: 275px;
      top: 0px;
      left: 0px;
      margin-top: 71px;
      overflow: hidden;
    }

      @media only screen and (min-width: 920px) {
        
        header #header_slider {
          margin-top: 71px;
          height: 503px;
        }

      }

      @media only screen and (min-width: 1170px) {
        
        header #header_slider {
          margin-top: 0px;
          height: 690px;
        }

      }

      #header_slider img {
        position: relative;
      }

      .custom_pointer {
        cursor: pointer;
      }


    /* ==============  PROJECT SLIDER  =============================== */

    header #project_slider {
      display: none;
      position: absolute;
      width: 100%;
      height: 275px;
      top: 0px;
      left: 0px;
      margin-top: 71px;
      background-color: #ebebeb;
    }

    @media only screen and (min-width: 1170px) {

      header #project_slider {
        margin-top: 0px;
        height: 400px;
      }

    }

    @media only screen and (min-width: 1170px) {

      header #project_slider {
        margin-top: 0px;
        height: 516px;
      }

    }

    header #slider_strip_wrapper {
      display: block;
      position: relative;
      width: auto;
      white-space: nowrap;
    }

    header #project_slider ul {
      border: 0px;
      margin: 0px;
      padding: 0px;
      width: auto;
      height: 275px;
      list-style: none;
      overflow: visible;
      white-space: nowrap;
    }

     @media only screen and (min-width: 920px) {

        header #project_slider ul  {
          height: 400px;
        }

      }

      @media only screen and (min-width: 1170px) {

        header #project_slider ul  {
          height: 516px;
        }

      }

      #slider_strip li {
        display: inline-block;
        padding: 0px;
        border: 0px;
        margin: 0px;
        width: 320px;
        height: 275px;
        font-size: 0;
        margin-right: -5px;
        overflow: hidden;
        background-color: #ebebeb;
        opacity: 0.4;
      }

        @media only screen and (min-width: 420px) {

          #slider_strip li {
            width: 400px;
            height: 400px;
          }

        }

        @media only screen and (min-width: 520px) {

          #slider_strip li {
            width: 500px;
            height: 400px;
          }

        }

        @media only screen and (min-width: 620px) {

          #slider_strip li {
            width: 600px;
            height: 400px;
          }

        }

        @media only screen and (min-width: 720px) {

          #slider_strip li {
            width: 700px;
            height: 400px;
          }

        }

        @media only screen and (min-width: 920px) {

          #slider_strip li {
            width: 900px;
            height: 400px;
          }

        }

        @media only screen and (min-width: 1170px) {

          #slider_strip li {
            width: 1150px;
            height: 516px;
          }

        }

  header #slider_arrow_right a {
    display: block;  
    position: absolute;
    width: 40px;
    height: 40px;
    top: 118px;
    right: 0;
    margin-right: 15px;
    text-indent: -9999px;
    background: url('./img/slider_nav_right.png') no-repeat 0 0;
    z-index: 50;
  }

    @media only screen and (min-width: 920px) {

      header #slider_arrow_right a {
        top: 180px;
        margin-right: 15px;
      }

    }

    @media only screen and (min-width: 1170px) {

      header #slider_arrow_right a {
        top: 238px;
        margin-right: 45px;
      }

    }

    header #slider_arrow_right a:hover{
      background-position: 0px -40px;
    }

    @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

        header #slider_arrow_right a {
          background: url('./img/slider_nav_right@2x.png') no-repeat 0 0;
          background-size: 40px 80px;
        }

    }

  header #slider_arrow_left a {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 118px;
    left: 0;
    margin-left: 15px;
    text-indent: -9999px;
    background: url('./img/slider_nav_left.png') no-repeat 0 0;
    z-index: 600;
  }

    @media only screen and (min-width: 920px) {

      header #slider_arrow_left a {
        top: 180px;
        margin-left: 15px;
      }

    }

    @media only screen and (min-width: 1170px) {

      header #slider_arrow_left a {
        top: 238px;
        margin-left: 45px;
      }

    }

    header #slider_arrow_left a:hover {
      background-position: 0px -40px;
    }

    @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

        header #slider_arrow_left a {
          background: url('./img/slider_nav_left@2x.png') no-repeat 0 0;
          background-size: 40px 80px;
        }

    }


/* --- Content
-----------------------------------------------------------*/

#content {
  display: block;
  position: relative;
  width: auto;
  min-width: 320px;
  min-height: 250px;
  max-width: 1180px;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  z-index: 60;
}

  #content ul {
    padding: 0px;
    border: 0px;
    margin: 0px;
    list-style: none;
  }

    #content ul li {
    }


/* --- Home
-----------------------------------------------------------*/

.content_row {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  background-color: #fff;
}
  
  @media only screen and (min-width: 1100px) {
  
    .content_row {
      width: 1080px;
      margin: 0 auto;
    }

  }

  #subsection_list {
    display: block;
    width: 100%;
    height: auto;
    float: left;
  }

    @media only screen and (min-width: 1100px) {

      #subsection_list {
        width: auto;
      }

    }

    #subsection_list li {
      display: block;
      width: auto;
      margin-left: 44px;
      margin-right: 44px;
    }
      
      @media only screen and (min-width: 1100px) {

        #subsection_list li {
          width: auto;
          margin-right: 0px;
        }

      }

    #subsection_list .header a {
      display: inline-block;
      margin-top: 61px;
      padding-right: 25px;
      padding-top: 2px;
      font-family: 'CalibreSemibold';
      font-size: 16px;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-decoration: none;
      color: #919295;                          
      float: left;
    }

      #subsection_list .header a:hover {
        color: #262424;
      }

      #subsection_list .about {
        background: url('./img/about_miniicon_green.png') no-repeat right top;
      }

        @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

          #subsection_list .about {
            background: url('./img/about_miniicon_green@2x.png') no-repeat right top;
            background-size: 20px 18px;
          }

        }

    #subsection_list .title {
      display: block;
      position: relative;
      margin-top: 112px;
      font-family: 'CalibreSemibold';
      font-size: 24px;
      letter-spacing: 1px;
      text-decoration: underline;
      color: #262424;      
    } 

    #subsection_list .option, #subsection_list .option {
      display: block;
      position: relative;
      width: auto;
      padding-top: 10px;
      padding-bottom: 2px;
      font-family: 'CalibreRegular';
      font-size: 21px;
      letter-spacing: 1px;
      text-decoration: none;
      border-bottom: 3px solid #e6e6e7;
      color: #262424;     
    }

      @media only screen and (min-width: 1100px) {

        #subsection_list .option {
          width: 291px;
        }

      }

      #subsection_list .option a:hover {
        color: #4cc1d3;
      }

      #subsection_list .last {
        border: 0px;   
      }

#rsa_about {
  display: block;
  width: auto;
  height: auto;
  margin-top: 50px;
  padding-left: 25px;
  padding-right: 25px;
}

  @media only screen and (min-width: 1100px) {

    #rsa_about {
      width: 280px;
      height: auto;
      padding-left: 15px;
      margin-top: 110px;
      float: left;
    }

  }

    #rsa_about .copy {
      font-family: 'ShiftBook';
      font-size: 18px;
      line-height: 32px;
      letter-spacing: 1px;
      color: #262424;
    }

#rsa_callout {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 312px;
  margin-top: 50px;
  background: #00afc8 url('./img/rsa_hero_blue.jpg') no-repeat bottom right;
  float: left;
}

  @media only screen and (min-width: 1100px) {

    #rsa_callout {
      width: 730px;
      height: 650px;
      padding-bottom: 50px;
      margin: 0px;
      background-position: 0 0;
      background-size: cover;
      float: right;
    }

  }

    #rsa_callout .title {
      display: block;
      position: relative;
      margin-top: 45px;
      padding-left: 25px;
      margin-bottom: 12px;
      font-family: 'CalibreSemibold';
      font-size: 24px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #fff;  
    }

      @media only screen and (min-width: 1100px) {

        #rsa_callout .title {
          margin-top: 110px;
          padding-left: 90px;
        }

      }

    #rsa_callout .copy {
      display: block;
      position: relative;
      width: auto;
      margin-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      padding-bottom: 45px;
      font-family: 'CalibreRegular';
      font-size: 21px;
      line-height: 32px;
      letter-spacing: 1px;
      color: #fff;
    }

      @media only screen and (min-width: 1100px) {

        #rsa_callout .copy {
          width: 400px;
          padding-left: 90px;
          padding-right: 0px;
        }

      }

     #rsa_callout .copy a{
      text-decoration: underline;
      color: #fff;
    }

    #rsa_callout .copy a:hover{
      color: #262424; 
    }


.inline_bg img {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

  @media only screen and (min-width: 1100px) {

    .inline_bg img {
      width: 1080px;
      height: 545px;
      float: left;
    }

  }

.callout {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  padding-bottom: 90px;
  z-index: 2;
}

  @media only screen and (min-width: 1100px) {

    .callout {
      width: 540px;
      height: auto;
      min-height: 405px;
      padding-bottom: 0px;
    }

  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  @media only screen and (min-width: 1100px) {

    .right {
      float: left;
    }

  }

  .callout .header a {
    display: inline-block;
    margin-top: 47px;
    padding-left: 42px;
    padding-right: 25px;
    padding-top: 2px;
    font-family: 'CalibreSemibold';
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: #919295;                        
    float: left;
  }

    .callout .header a:hover {
      color: #262424;
    }

    .callout .projects {
      background: url('./img/projects_miniicon.png') no-repeat right 0px;
    }

      @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

        .callout .projects {
          background: url('./img/projects_miniicon@2x.png') no-repeat right 0px;
          background-size: 18px 18px;
        }

      }

    .callout .title {
      display: block;
      position: relative;
      margin-top: 112px;
      padding-left: 42px;
      padding-bottom: 12px;
      font-family: 'CalibreSemibold';
      font-size: 24px;
      letter-spacing: 1px;
      color: #262424;  
    }

      .callout .title a {
        color: #262424;
      }

        .callout .title a:hover {
          color: #4cc1d3;
        }

      .callout .copy {
        display: block;
        position: relative;
        margin-top: 0px;
        padding-left: 42px;
        padding-right: 42px;
        font-family: 'CalibreRegular';
        font-size: 21px;
        line-height: 27px;
        letter-spacing: 1px;
        color: #262424;  
      } 

  .blue_callout_overlay {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url('./img/about_people_bg.jpg') no-repeat center center;
    background-size: cover;
    float: left;
  }

    @media only screen and (min-width: 1080px) {

      .blue_callout_overlay {
        margin-top: -135px;
        width: 539px;
        height: 540px;
        background-size: 100%;
        z-index: 6;
        float: right;
      }

    }

    .blue_callout_overlay .header a {
      display: inline-block;
      margin-top: 130px;
      margin-left: 55px;
      padding-right: 25px;
      padding-top: 2px;
      font-family: 'CalibreSemibold';
      font-size: 16px;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-decoration: none;
      color: #fff;
      float: left;
    }

      .blue_callout_overlay .header a:hover {
        color: #262424;
      }

      @media only screen and (min-width: 1080px) {

        .blue_callout_overlay .header a {
          margin-top: 250px;
        }

      }

      .blue_callout_overlay .about {
        background: url('./img/about_miniicon_white.png') no-repeat right 0px;
      }

        @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

          .blue_callout_overlay .about {
            background: url('./img/about_miniicon_white@2x.png') no-repeat right 0px;
            background-size: 20px 18px;
          }

        }

    .blue_callout_overlay .title a {
      display: block;
      position: relative;
      width: auto;
      margin-top: 193px;
      padding-left: 55px;
      padding-bottom: 12px;
      font-family: 'CalibreSemibold';
      font-size: 24px;
      letter-spacing: 1px;
      background-image: none;
      color: #fff;  
    }

      .blue_callout_overlay .title a:hover {
        color: #262424;
      }

      @media only screen and (min-width: 1080px) {

        .blue_callout_overlay .title {
          margin-top: 313px;
        }

      }

    .blue_callout_overlay .copy {
      display: block;
      position: relative;
      margin-top: 0px;
      padding-left: 55px;
      padding-right: 55px;
      padding-bottom: 75px;
      font-family: 'CalibreRegular';
      font-size: 21px;
      line-height: 27px;
      letter-spacing: 1px;
      color: #fff;
    }

  .callout_image {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 363px;
    overflow: hidden;
  }

    .callout_image img {
      display: block;
      width: 100%;
    }

    @media only screen and (min-width: 1080px) {

      .callout_image  {
        width: 540px;
        height: 363px;
      }

    }

#project_list {
  display: block;
  margin-bottom: 50px;
}
  
  @media only screen and (min-width: 1100px) {

    #project_list {
      margin-top: 50px;
      margin-bottom: 100px;
    }

  }

.project_list_container {
  display: block;
  width: auto;
}

  @media only screen and (min-width: 1100px) {

    .project_list_container {
      display: block;
      width: 1060px;
      padding: 0px;
      margin: 0 auto;
    }

  }

  .project_list_container ul {
    padding: 0px;
    border: 0px;
    margin: 0px;
    list-style: none;
  }

    .project_list_container ul li {
      padding: 0px;
      border: 0px;
      margin: 0px;
      margin-left: 15px;
      font-family: 'CalibreRegular';
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 1px;
      color: #262424;
    }

      .project_list_container ul li a {
        text-decoration: none;
        color: #262424;
      }

        .project_list_container ul li a:hover {
          text-decoration: underline;
          color: #38a1c0;
        }

  .project_list_container .project_list_header {
    display: block;
    width: auto;
    position: relative;
    margin-top: 29px;
    padding-top: 15px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: 'CalibreSemibold';
    font-size: 42px;
    line-height: 45px;
    letter-spacing: 2px;
    text-decoration: none;
    color: #262424;
  }

    @media only screen and (min-width: 1100px) {

      .project_list_container .project_list_header {
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 95px;
        padding-bottom: 10px;
        background: url('./img/projects_list_expand_button.png') no-repeat right top;
        float: left;
      }

    }

      @media only screen and (min-width: 1100px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1100px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1100px) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 1100px) and (min-device-pixel-ratio: 1.5) {

        .project_list_container .project_list_header {
          background: url('./img/projects_list_expand_button@2x.png') no-repeat right top;
          background-size: 71px 242px;
        }

      }

    .project_list_container .locations_container {
      display: block;
      width: auto;
      margin-top: 15px;
      padding-left: 24px;
      padding-right: 24px;
    }

      @media only screen and (min-width: 1100px) {

        .project_list_container .locations_container {
          padding: 0px;
          float: left;
        }

      }

      .project_list_container .locations_container .locations_column {
        display: block;
        position: relative;
        width: auto;
      }

        @media only screen and (min-width: 1100px) {

          .project_list_container .locations_container .locations_column {
            width: 480px;
            float: left;
          }

        }

        .project_list_container .locations_container .bold {
          font-family: 'CalibreSemibold';
        }

        .project_list_container .locations_container .title {
          margin-left: 0px;
          margin-top: 15px;
        }

        .project_list_container .locations_container .state {
          margin-left: 0px;
          margin-top: 50px;
          font-family: 'CalibreSemibold';
          font-size: 22px;
          color: #262424;
          text-transform: capitalize;
        }

        .project_list_container .locations_container .state_first {
          margin-top: 18px;
        }

          .project_list_container .logo_container {
            display: block;
            position: relative;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 15px;
            margin-bottom: 50px;
          }

            @media only screen and (min-width: 1100px) {

              .project_list_container .logo_container {
                padding: 0px;
                padding-top: 15px;
                float: left;
              }

            }

            .project_list_container .logo_container .logo {
              display: block;
              position: relative;
              float: left;
              padding-right: 50px;
              padding-bottom: 10px;
            }

              @media only screen and (min-width: 1100px) {

                .project_list_container .logo_container .logo {
                  padding-right: 50px;
                }

              }


/* --- Footer
-----------------------------------------------------------*/

footer {
  display: block;
  position: relative;
  width: auto;
  min-width: 320px;
  height: auto;
  /* height: 790px; */
  margin: 0 auto;
  padding-bottom: 50px;
  background-color: #919295;
  z-index: 70;
}

@media only screen and (min-width: 885px) {
    
    footer {
      padding-bottom: 100px;
      /* height: 450px; */
    }

}

@media only screen and (min-width: 1250px) {
    
    footer {
      padding-bottom: 200px;
      /* height: 650px; */
    }

}
    
    footer #footer_arrow a {
      display: block;
      position: relative;
      top: -35px;
      width: 71px;
      height: 71px;
      text-indent: -9999px;
      background: url('./img/footer_arrow.png') no-repeat 0 0;
      margin: 0 auto;
    }

      @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

        footer #footer_arrow a {
          background: url('./img/footer_arrow@2x.png') no-repeat 0 0;
          background-size: 71px 142px;
        }

      }

      footer #footer_arrow a:hover{
        background-position: 0px -71px;
      }

    footer #footer_container {
      display: block;
      position: relative;
      width: auto;
      height: auto;
      margin: 0 auto;
      color: #262424;
    }

    @media only screen and (min-width: 1250px) {
    
        footer #footer_container {
          top: 105px;
          width: 1200px;
        }

    }

        #footer_container p {
          padding: 0px;
          margin: 0px;
          padding-bottom: 28px;
        }

        #footer_container a {
          text-decoration: none;
          color: #262424;
        }
 
            #footer_container a:hover {
              color: #fff;
            }

        #footer_container #footer_logo a {
          display: block;
          position: relative;
          width: 187px;
          height: 59px;
          text-indent: -9999px;
          margin: 0 auto;
          margin-top: 0px;
          background: url('./img/footer_webb_logo_mobile.png') no-repeat 0 0;
          float: none;
        }

          @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

            #footer_container #footer_logo a {
              background: url('./img/footer_webb_logo_mobile@2x.png') no-repeat 0 0;
              background-size: 187px 118px;
            }

          }


          #footer_container #footer_logo a:hover {
            background-position: 0px -59px;
          }

        @media only screen and (min-width: 1250px) {
    
            #footer_container #footer_logo a {
              width: 208px;
              height: 66px;
              margin: 0px;
              background: url('./img/footer_webb_logo_desktop.png') no-repeat 0 0;
              float: left;
            }

            #footer_container #footer_logo a:hover {
              background-position: 0px -66px;
            }

        }

          @media only screen and (min-width: 1250px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1165px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1165px) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 1165px) and (min-device-pixel-ratio: 1.5) {

            #footer_container #footer_logo a {
              background: url('./img/footer_webb_logo_desktop@2x.png') no-repeat 0 0;
              background-size: 208px 132px;
            }

          }

        #footer_container #footer_content {
          display: block;
          width: auto;
          height: auto;
          float: none;
        }

        @media only screen and (min-width: 1250px) {
    
            #footer_container #footer_content {
              width: 930px;
              height: auto;
              float: right;
            }

        }

            #footer_container #footer_content .footer_col {
              display: block;
              width: 280px;
              font-family: 'CalibreRegular';
              font-size: 21px;
              line-height: 26px;
              margin: 0 auto;
              margin-top: 45px;
              border-bottom: 2px solid #262424;
              float: none;
            }

            @media only screen and (min-width: 1250px) {
    
                #footer_container #footer_content .footer_col {
                  width: 310px;
                  margin: 0px;
                  border: 0px;
                  float: left;
                }

            }


                #footer_container #footer_content .last {
                  border: 0px;
                }


                #footer_container #footer_content #pdf_icon_container a {
                  display: block;
                  height: 68px;
                  width: 220px;
                  font-family: 'CalibreBold';
                  font-size: 21px;
                  letter-spacing: 1px;
                  text-transform: uppercase;
                  padding-right: 60px;
                  padding-top: 25px;
                  padding-bottom: 10px;
                  margin-top: 35px;
                  margin-bottom: 35px;
                  border-bottom: 2px solid #262424;
                  background: url('./img/footer_pdf_icon.png') no-repeat 202px top;
                  float: left;
                }

                  @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

                    #footer_container #footer_content #pdf_icon_container a {
                      background: url('./img/footer_pdf_icon@2x.png') no-repeat 202px top;
                      background-size: 54px 236px;
                    }

                  }

                  #footer_container #footer_content #pdf_icon_container a:hover  {
                    color: #fff;
                    background-position: 202px -168px;
                  }

                @media only screen and (min-width: 1250px) {
    
                    #footer_container #footer_content #pdf_icon_container a {
                      margin: 0px;
                      border: 0px;
                    }

                }

                #footer_container #footer_content #copyright {
                  font-family: 'CalibreRegular';
                  font-size: 16px;
                }  


/* --- 404 Page
-----------------------------------------------------------*/

#error_landing a {
  display: block;
  position: relative;
  width: 320px;
  height: 590px;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  background: url('./img/404_mobile.jpg') no-repeat 0 0;
}

@media only screen and (min-width: 750px) {

    #error_landing a {
      width: 700px;
      height: 300px;
      background: url('./img/404_large.jpg') no-repeat 0 0;
    }

}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}