/*************************
 Layout Styles
*************************/

  /*
   * Toolbar - Latest salvo in the arms race that is top of the z-order:
   * (Place Drupal toolbar at top of the z-order)
   */

  #toolbar { z-index: 1002; }


  /*---------------------
   Main Container
  ---------------------**/

  .main-container {
    margin-bottom: 45px;
  }

  .main-container .region-content>section{
    margin-bottom: 20px;
  }

  .main-container .region-content>section:last-child {
    margin-bottom: 0;
  }

  /*---------------------
   Regions
  ---------------------**/

    aside { 
      padding-top: 20px; 
    }

    @media all and (min-width:992px) { 
      aside{ 
        padding-top: 0;
      }
    }

  /*---------------------
   Gutters
  ---------------------**/

    @media all and (min-width:992px) { 
      .xs-gutter {
        padding-left: 5px;
        padding-right: 5px;
      }
    }

    /*
     * Bootstrap
     * 
     * Some classes that are available in newer versions of bootstrap.
     */
    @media screen and (min-width: 768px) {
      /* The visible-xs-* classes are in Bootstrap 3.2.0+ */
      
      /* Needs to be visible to screen-readers (mimics sr-only class) */
      .visible-xs-inline{
        /*display:none !important;*/
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
      }

    }

  /*---------------------
   Vertical Spacing
  ---------------------**/

    /*--- Layout ---*/

    .front .main-container .panel-panel.top {
      margin-bottom: 30px;
    }

    /* Add spacing after panels and blocks (but not after last panel) */
    .front .main-container .panel-panel>div,
    .not-front .main-container aside section.block,
    .not-front .main-container .panel-panel.col-sm-4>div,
    .not-front .main-container .panel-panel.col-sm-3>div,
    .not-front .main-container .panel-panel.col-sm-2>div,
    .not-front .main-container .panel-panel.col-sm-1>div,
    .footer .panel-panel>div {
      margin-bottom: 40px;
    }

    /* Remove margin-bottom from bottom of right panel always */
    .front .main-container .panel-panel.right>div:last-child,
    .not-front .main-container .panel-panel.right>div:last-child,
    .footer .panel-panel.right>div:last-child {
      margin-bottom: 0;
    }

    @media screen and (min-width: 768px) {
      /* Remove margin-bottom from last front-page panel or block in aside */
      .front .main-container .panel-panel>div:last-child,
      .not-front .main-container .panel-panel.col-sm-4>div:last-child,
      .not-front .main-container .panel-panel.col-sm-3>div:last-child,
      .not-front .main-container .panel-panel.col-sm-2>div:last-child,
      .not-front .main-container .panel-panel.col-sm-1>div:last-child,
      .not-front .main-container aside section:last-child,
      .footer .panel-panel>div:last-child {
        margin-bottom: 0;
      }
    }

    /* Remove margin-top above headings in panels */
    .panel-panel h1.pane-title,
    .panel-panel h2.pane-title,
    .panel-panel h3.pane-title {
      margin-top: 0;
    }

    /* Add margin-bottom (20px) after all panel panes */
    .panel-panel .panel-pane {
      margin-bottom: 2em;
    }

  /*---------------------
   Spacing classes
  ---------------------**/

  .mb-10 {
    margin-bottom: 10px !important;
  }
  .mt-10 {
    margin-top: 10px !important;
  }
  .ml-10 {
    margin-left: 10px !important;
  }
  .mr-10 {
    margin-right: 10px !important;
  }
  .mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .m-10 {
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
  }
  .pb-10 {
    padding-bottom: 10px !important;
  }
  .pt-10 {
    padding-top: 10px !important;
  }
  .pl-10 {
    padding-left: 10px !important;
  }
  .pr-10 {
    padding-right: 10px !important;
  }
  .px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .p-10 {
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
  }
  .mb-15 {
    margin-bottom: 15px !important;
  }
  .mt-15 {
    margin-top: 15px !important;
  }
  .ml-15 {
    margin-left: 15px !important;
  }
  .mr-15 {
    margin-right: 15px !important;
  }
  .mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .m-15 {
    margin-bottom: 15px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 15px !important;
  }
  .pb-15 {
    padding-bottom: 15px !important;
  }
  .pt-15 {
    padding-top: 15px !important;
  }
  .pl-15 {
    padding-left: 15px !important;
  }
  .pr-15 {
    padding-right: 15px !important;
  }
  .px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .p-15 {
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
  }

  .mb-20 {
    margin-bottom: 20px !important;
  }
  .mt-20 {
    margin-top: 20px !important;
  }
  .ml-20 {
    margin-left: 20px !important;
  }
  .mr-20 {
    margin-right: 20px !important;
  }
  .mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .m-20 {
    margin-bottom: 20px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
  }
  .pb-20 {
    padding-bottom: 20px !important;
  }
  .pt-20 {
    padding-top: 20px !important;
  }
  .pl-20 {
    padding-left: 20px !important;
  }
  .pr-20 {
    padding-right: 20px !important;
  }
  .px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .p-20 {
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
  }

  .mb-40 {
    margin-bottom: 40px !important;
  }
  .mt-40 {
    margin-top: 40px !important;
  }
  .ml-40 {
    margin-left: 40px !important;
  }
  .mr-40 {
    margin-right: 40px !important;
  }
  .mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  .m-40 {
    margin-bottom: 40px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    margin-top: 40px !important;
  }
  .pb-40 {
    padding-bottom: 40px !important;
  }
  .pt-40 {
    padding-top: 40px !important;
  }
  .pl-40 {
    padding-left: 40px !important;
  }
  .pr-40 {
    padding-right: 40px !important;
  }
  .px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .p-40 {
    padding-bottom: 40px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 40px !important;
  }