/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
#page,
.region-bottom {
  margin-left: auto;
  margin-right: auto;
  max-width: 1122px;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/path/to/boxsizing.htc");
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/* Containers for grid items and flow items. */
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}


#content {
    padding-left:3%;
    padding-right:3%;
}
















/**
 * Use 5 grid columns for larger screens.
 */
@media all and (min-width: 700px) {

  /**
   * The layout when there is only one sidebar, the left one.
   */

  /* Span 4 columns, starting in 2nd column from left. */
  .sidebar-first #content {
    float: left;
    width: 81%;
    margin-left: 19%;
    margin-right: -100%;
  }

  /* Span 1 column, starting in 1st column from left. */
  .sidebar-first .region-sidebar-first {
    float: left;
    width: 19%;
    margin-left: 0%;
    margin-right: -19%;
  }

  /**
   * The layout when there is only one sidebar, the right one.
   */

  /* Span 4 columns, starting in 1st column from left. */
  .sidebar-second #content {
    float: left;
    width: 67%;
    margin-left: 0%;
    margin-right: -67%;
    box-sizing: border-box;
    padding-left:3%;
  }

  /* Span 1 column, starting in 5th column from left. */
  .sidebar-second .region-sidebar-second {
    float: left;
    width: 33%;
    margin-left: 67%;
    margin-right: -100%;
    padding-right:3%;
    box-sizing: border-box;
  }

  /**
   * The layout when there are two sidebars.
   */

  /* Span 3 columns, starting in 2nd column from left. */
  .two-sidebars #content {
    float: left;
    width: 51%;
    margin-left: 19%;
    margin-right: -81%;
  }

  /* Span 1 column, starting in 1st column from left. */
  .two-sidebars .region-sidebar-first {
    float: left;
    width: 19%;
    margin-left: 0%;
    margin-right: -19%;
  }

  /* Span 1 column, starting in 5th column from left. */
  .two-sidebars .region-sidebar-second {
    float: left;
    width: 30%;
    margin-left: 70%;
    margin-right: -100%;
    padding-right:3%;
    box-sizing: border-box;
  }
}





@media all and (min-width: 700px) and (max-width: 920px) {
    
    #block-quicktabs-front-media-release ul.quicktabs-tabs li a {
        /* font-size:12px; */
    }
}



@media all and (min-width: 700px) and (max-width: 1000px) {
    
    #block-quicktabs-front-media-release ul.quicktabs-tabs li a {
        
    }
    .region.region-sidebar-second {
        padding-right:1%;
    }
    .sidebar-second #content {
        padding-left:1%;
    }
}

@media all and (min-width: 700px) and (max-width: 1050px) {
    
    #block-quicktabs-front-media-release ul.quicktabs-tabs li a {
        font-size:14px;
    }
}


@media all and (min-width: 700px) and (max-width: 940px) {
    
    #block-quicktabs-front-media-release ul.quicktabs-tabs li a {
        font-size:12px;
    } 
    
}


@media all and (min-width: 700px) and (max-width: 880px) {
    
    
    
    #content-wrapper {
        
    }
    #page {
        max-width:700px;
    }
   
   
    .region.region-sidebar-second {
        width:284px;
    }
    
    
    .sidebar-second #content {
        float: left;
        width: 416px;
        margin-left: 0%;
        margin-right: -416px;
        box-sizing: border-box;
        padding-left:5px;
    }

      /* Span 1 column, starting in 5th column from left. */
      .sidebar-second .region-sidebar-second {
        float: left;
        width: 284px;
        margin-left: 400px;
        margin-right: -100%;
        padding-right:5px;
        box-sizing: border-box;
    }
    
    
    
    
   
    
    
    

    
}



@media all and (max-width: 414px) {

    #page .region.region-header {
        float:none;
        top:0;
        left:5px;
    }
    
}   

@media all and (max-width: 515px) {

    .header__region.region.region-header #block-search-form input.form-text {
        border-left:1px solid #d6e9ee;
        border-top:1px solid #d6e9ee;
        border-bottom:1px solid #d6e9ee;
    }
     
}  



@media all and (min-width: 880px) {
    
    
    
}




/* Navigation bar */
@media all and (min-width: 459px) {
  
}

/**
 * Use 3 grid columns for smaller screens.
 */


@media all and (min-width: 560px) and (max-width: 759px) {


}



@media all and (min-width: 760px) and (max-width: 959px) {


}

/**
 * Use 5 grid columns for larger screens.
 */
@media all and (min-width: 960px) and (max-width: 1121px) {

  
}


/**
 * Use 5 grid columns for larger screens.
 */
@media all and (min-width: 1140px) {

  
}