/**
 *	author: copyright (c) 1998-2014 Acro Media Inc.
 *	purpose: CSS for Acro Media Inc.
 *	info: site is centered & responsive
**/

/* 1398px and below */
@media screen and (max-width: 1398px) {
  /* -- homepage banner -- */
  body.front #banner-cont img {
    width: auto;
    height: 100%;
  }
}

/* 990px and below */
@media screen and (max-width:990px) {
  #site-logos-cont ul li {
    float: none;
    display: inline-block;
  }

  body.page-run-route #banner-cont { height: auto; }
    body.page-run-route #banner-content { background: none; }

  body.page-run-route #banner-cont img {
    display: block;
    margin: 0 0 0 -70%;
    width: 238%;
    height: auto;
  }
}

/* 880px and below */
@media screen and (max-width: 880px) {
  /* -- pri nav -- */
  #pri-nav-cont ul li a {
    padding: 4px 10px;
    font-size: 15px;
    line-height: 15px;
  }
}

/* 820px and below */
@media screen and (max-width: 820px) {
  /* -- homepage banner -- */
  a#homepage-banner-content {
    text-align: center;
  }
  a#homepage-banner-content #homepage-banner-content-top-text {
    padding: 13% 0 0 0;
  }
}

/* 768px and above */
@media screen and (min-width: 768px) {
  /* -- primary navigation -- */
  #pri-nav-cont { display: block !important; }
}

/* 767px and below -- Down To Phone */
@media screen and (max-width: 767px) {
  /* -- header -- */
  #site-header-content { padding-bottom: 5px; }

  #site-logo {
    float: left;
    width: 68%;
    max-width: 200px;
  }

  /* -- primary navigation -- */
  #pri-nav-cont {
    display: none;
    float: left;
    width: 100%;
    padding: 10px 0 20px 0;
    background: #fff;
  }
    #pri-nav-cont ul {
      float: none;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none;
    }
      #pri-nav-cont ul li {
        float: none;
        display: block;
        margin: 0 0 5px 0;
        padding: 0;
        width: auto;
        text-align: center;
        background: none;
      }
        #pri-nav-cont ul li a,
        #pri-nav-cont ul li:last-child a,
        #pri-nav-cont ul li.last a {
          float: none;
          display: block;
          margin: 0;
          padding: 13px 48px 13px 48px;
          width: auto;
          font: 18px/18px "source-sans-pro",sans-serif;
          font-style: normal;
          font-weight: normal;
          color: #333;
          background: #efefef;
          text-decoration: none;
          text-transform: none;
          letter-spacing: normal;
          text-align: center;
          border: none;
          white-space: nowrap;
          -webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.4);
          box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.4);
          -webkit-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
          behavior: url(/pie/PIE.htc);
        }
          #pri-nav-cont ul li a:hover {
            color: #fff;
            text-decoration: none;
            background: #e1b600;
            -webkit-transition: background-color 0.15s linear;
            -moz-transition: background-color 0.15s linear;
            -ms-transition: background-color 0.15s linear;
            -o-transition: background-color 0.15s linear;
            transition: background-color 0.15s linear;
          }

          #pri-nav-cont ul li.active a {
            color: #fff;
            text-decoration: none;
            background: #e1b600;
          }

  a#b-mobile-nav-toggle {
    display: block;
  }

  #page-body-content { padding-top: 26px; }

  #homepage-top-left-col {
    padding: 0 0 30px 0;
  }
  #homepage-top-right-col {
    position: relative;
    margin: 0 0 50px 0;
    right: 0;
    top: 0;
    width: auto;
  }

  #homepage-bottom-content {
    padding-bottom: 0;
  }
  #homepage-bottom-content ul li {
    float: none;
    width: auto;
    margin: 0 0 32px 0;
  }
  body.front #page-body-content { padding-bottom: 15px; }

  /* -- contact us -- */
  #contact-us-left-col {
    float: none;
    width: auto;
  }
    #contact-us-left-col-content { padding: 0; }
  #contact-us-right-col {
    float: none;
    width: auto;
  }
    #contact-us-right-col-content {
      padding: 0;
      border: none;
    }
}

/* 570px and below */
@media screen and (max-width:570px) {
  /* -- site footer -- */
  #site-footer-content { text-align: center; }
  #site-footer-logo {
    float: none;
    display: inline-block;
    margin: 30px 0 7px 0;
    padding: 0;
  }
  #site-footer-copy {
    float: none;
    display: block;
    padding: 0;
  }
  #footer-nav-cont {
    float: none;
    display: block;
    padding: 14px 0 40px 0;
  }
    #footer-nav-cont ul { float: none; display: inline-block; }
      #footer-nav-cont ul li {
        float: none;
        display: inline-block;
      }
        #footer-nav-cont ul li a,
        #footer-nav-cont ul li:last-child a {
          display: inline-block;
          padding: 0 12px 1px 7px;
        }

  /* -- sponsor -- */
  #sponsor-form table,
  #sponsor-form table tbody,
  #sponsor-form table tr,
  #sponsor-form table tr td {
    display: block;
    width: 100%;
  }
  #sponsor-form table tr td,
  #sponsor-form table tr td.fieldname {
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: left;
  }
  #sponsor-form table tr td input.input-text {
    width: 90%;
  }
  #sponsor-form table tr td.table-spacer { display: none; }
}

/* 400px and below */
@media screen and (max-width:400px) {
  ul#homepage-buttons li {
    float: none;
    margin: 0 0 5px 0;
    text-align: center;
  }
    ul#homepage-buttons li a {
      width: 98%;
      padding-left: 0;
      padding-right: 0;
    }
}

/* 360px and below */
@media screen and (max-width:360px) {
  /* -- sponsor -- */
  #sponsor-form input.form-submit {
    float: left;
    margin: 0 0 5px 0;
    clear: both;
    display: block;
    width: 74px;
  }
  #sponsor-form input.form-submit-cancel {
    float: left;
    clear: both;
    display: block;
    width: 74px;
  }
}

/* 318px and below */
@media screen and (max-width:318px) {
  body.front #banner-cont,
  a#homepage-banner-content { height: 370px; }
  a#homepage-banner-content #homepage-banner-content-title { font-size: 43px; line-height: 44px; }
}