/**
 * @file
 * Layout styles.
 */

/** Grid ******************************************************************/
.row {
  margin: 0 -1em;
}
.region-footer .row {
  margin: 0 -1.6em;
}
.col {
  padding: 0 1em;
}
.region-footer .col {
  padding: 0 1.6em;
}

@media screen and (min-width: 25em) {
  .cols-6 .col {
    float: left;
    width: 50%;
  }
  .cols-6 .col:nth-of-type(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 30em) {
  .cols-5 .col {
    float: left;
    width: 50%;
  }
  .cols-5 .col:first-child {
    width: 100%;
  }
  .cols-5 .col:nth-of-type(5n+4) {
    clear: left;
  }
}
@media screen and (min-width: 35em) {
  .cols-4 .col {
    float: left;
    width: 50%;
  }
  .cols-4 .col:nth-of-type(2n+1) {
    clear: left;
  }
  .cols-6 .col {
    width: 33.33334%;
  }
  .cols-6 .col:nth-of-type(2n+1) {
    clear: none;
  }
  .cols-6 .col:nth-of-type(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 40em) {
  .cols-3 .col {
    float: left;
    width: 50%;
  }
  .cols-3 .col:first-child {
    width: 100%;
  }
  .cols-5.row .col {
    width: 33.33334%;
  }
  .cols-5 .col:nth-of-type(5n+1),
  .cols-5 .col:nth-of-type(5n+2) {
    width: 50%;
  }
  .cols-5 .col:nth-of-type(5n+3) {
    clear: left;
  }
  .cols-5 .col:nth-of-type(5n+4) {
    clear: none;
  }
}
@media screen and (min-width: 45em) {
  .row .col {
    float: left;
  }
  .cols-1.row .col {
    float: none;
    width: 100%;
  }
  .cols-2 .col {
    width: 50%;
  }
  .cols-3.row .col {
    width: 33.33334%;
  }
  .cols-4 .col {
    width: 25%;
  }
  .cols-4 .col:nth-of-type(2n+1) {
    clear: none;
  }
  .cols-5.row .col {
    width: 20%;
  }
  .cols-6 .col {
    width: 16.66667%;
  }
  .cols-5 .col:nth-of-type(5n+3),
  .cols-6 .col:nth-of-type(3n+1) {
    clear: none;
  }
}
@media screen and (min-width: 45em) {
  .row  .size-1of1.col {
    width: 100%;
  }
  .row  .size-1of2.col {
    width: 50%;
  }
  .row  .size-1of3.col {
    width: 33.33334%;
  }
  .row  .size-2of3.col {
    width: 66.66667%;
  }
  .row  .size-1of4.col {
    width: 25%;
  }
  .row  .size-3of4.col {
    width: 75%;
  }
  .row  .size-1of5.col {
    width: 20%;
  }
  .row  .size-2of5.col {
    width: 40%;
  }
  .row  .size-3of5.col {
    width: 60%;
  }
  .row  .size-4of5.col {
    width: 80%;
  }
  .row  .size-1of6.col {
    width: 16.66667%;
  }
  .row  .size-5of6.col {
    width: 83.33334%;
  }
}
@media screen and (min-width: 20em) {
  aside.col {
    padding: 0;
  }
  aside.col .panel-pane {
    float: left;
    padding: 0 1em;
    width: 50%;
  }
  aside.col .panel-pane:nth-of-type(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 45em) {
  aside.col {
    padding: 0 1em;
  }
  aside.col .panel-pane {
    float: none;
    padding: 0;
    width: 100%;
  }
}

/*EPA template overrides for 508 focus issues*/
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
input#searchSubmit:focus,
input#searchSubmit:hover {
outline: auto !important;
}

div.region-footer div.block-pane-epa-global-footer div.cols-3 div.size-1of3 ul.social-menu > li > a:hover,
div.region-footer div.block-pane-epa-global-footer div.cols-3 div.size-1of3 ul.social-menu > li > a:focus {
-moz-box-shadow: auto !important;
-webkit-box-shadow: auto !important;
 box-shadow: auto !important;
}