* {
  box-sizing: border-box
}
@media only screen and (min-width: 926px) {
.researchGrid {
  display: inline-grid;
  grid-template-columns: auto auto;
  padding: 45px;
}
}
@media only screen and (max-width: 925px) {
.researchGrid {
  grid-template-columns: auto;
}
}


.researchGridItem {
  background-color: white;
  width:auto;
  height:250px;
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

#rightmap{
  width:100%;
  height:500px;
}

#leftmap{
  width:100%;
  height:500px;
}

#researchmaps {
  border: 3px solid #fff;
  padding: 20px;
}

#topleft, #topright {
  width: 50%;
  float: left;
}  

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

#custom-twocol-left{
  float:left;
  width:40%;
}
#custom-twocol-right{
  float:right;
  width:50%;
}
}

@media only screen and (max-width: 924px) {
  #custom-twocol-left{
    float:center;
  }
  #custom-twocol-right{
    float:center;
  }
}

@media only screen and (min-width: 925px) {
#block-earthquakepreparedness, #block-staticeqmaplink, #block-recentearthquakes, #block-tsumanimapblock{
  border-style: solid;
  border-color: #74747e83;
  border-width: thin;
}
}



.ds-2col-stacked > .group-left {
  padding-right:1rem;
}
@media only screen and (max-width: 475px) {

  .l-4up ul {
    padding-left: 0px;
  }

.ds-2col-stacked > .group-left {
  float: none;
  width: 100%;
}


.ds-2col > .group-right {
  float: none;
  width: 100%;
}
.ds-2col > .group-left {
  float: none;
  width: 100%;
}
}

@media only screen and (max-width: 475px) {
  .ds-2col-stacked > .group-right {
    float: none;
    width: 100%;
  }
  }

@media only screen and (max-width: 475px) {
.moreStoriesLeft{
  padding:1rem;
  float:none;
  width:100%;
}
}

@media only screen and (max-width: 475px) {
  .moreStoriesRight{
    padding:1rem;
    float:none;
    width:100%;
  }
  }

.mySlides {
  display: none
}

figcaption {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-style: italic;
}

img {
  vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
#prev,
#next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 5px 5px 5px 5px;
  transition: all 750ms ease;
  user-select: none;
}

#prev {
  left: 0px;
}

/* Position the "next button" to the right */
#next {
  right: 0;
  border-radius: 5px 5px 5px 5px;
}

/* On hover, add a black background color with a little bit see-through */
#prev:hover,
#next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

  #prev,
  #next,
  .text {
    font-size: 11px
  }
}

.staffRight{
  padding-left: 1rem;
}

.more-link {
  font-size: 25px;
}

#block-aec-views-block-staff-listing-block-1 h2 {
  color: #be0f36;
}

#block-aec-views-block-staff-listing-block-2 h2 {
  color: #be0f36;
}




@media screen and (max-width: 475px) {
  #block-recentearthquakes-2 {
    width: 375px;
    height: 180px;
  }
  #block-tsumanimapblock{
    height: 237px;
  }
  #frontpage-img{
    width: 100%;
  }
  .aec-two-column{
    padding:.5rem;
  }
  .field--name-node-title{
    padding:.5rem;
  }
}

img {
  max-width: 100%;
  height: 100%;
}

#prePhoto {
  max-width: none;
  width: 100%;
  object-fit: cover;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    img {
      height: auto;
    }
  }
}

blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

#grey-links {
  color: #5a5a5a;
}
blockquote::before{
  visibility: hidden;
}
blockquote.image-field-caption {
  font-style: italic;
  margin: -1em 0em 2em 1em;
  font-style: italic;

}

.field--type-image {
  max-width: 100%;
  height: auto;
}

.field--name-node-title {
  font-size: 1.4em;
  color: #be0f36;
  font-weight: bold;
  text-transform: uppercase;
}


/*@media screen and (min-width: 1170) and (max-width: 1392px){
  .banner{
  content: url("../../../../sites/default/images/header_Narrow_clipped.png");
  z-index: 2;
  max-width:auto;
  min-height: 158px;
  margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}*/
.grey-border {
  position: absolute;
  bottom: 0px;
  background-color: white;

  opacity: 0.7;
}



@media screen and (min-width: 925px) {
  .grey-border {
    width: 453px;
  }

  .topL {
    content: url("../../../../sites/default/images/EqMapHome.png");
    width: 40rem;
  }

  .botR {
    content: url("../../../../sites/default/images/tsunami.png");
    width: 40rem;
  }

  .botL {
    content: url("../../../../sites/default/images/dropcoverholdon_ENG.png");
    width: 40rem;
  }
}

@media screen and (max-width: 924px) {
  .grey-border {
    width: 100%;
  }

  .topL {
    content: url("../../../../sites/default/images/EqMap_mobile.png");
  }

  .botR {
    content: url("../../../../sites/default/images/tsunami_mobile.png");
  }

  .botL {
    content: url("../../../../sites/default/images/dropcoverholdon_ENG_mobile.png");
  }
}


@media screen and (max-width: 994px) {
  .banner {
    content: url("../../../../sites/default/images/white.png");
    z-index: 2;
    max-width: auto;
    min-height: 158px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

@media screen and (min-width: 995px){
  .banner {
    content: url("../../../../sites/default/images/header_Narrow_clipped.png");
    z-index: 2;
    max-width: auto;
    min-height: 158px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media screen and (min-width: 996px) {
  .banner {
    content: url("../../../../sites/default/images/header_Wide_clipped.png");
        z-index: 2;
        max-width: none;
        min-height: 158px;
        min-width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;

  }
}
@media screen and (min-width: 400px) and (max-width: 924px) {
  .topL, .topR, .botR, .botL {
    width: 100%;
    display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .region-box-topleft, .region-box-topright, .region-box-bottomleft, .region-box-bottomright{
    width: 100%;
    display: block;
  margin-left: auto;
  margin-right: auto;
  }

}

@media screen and (max-width: 549px) {
  .region-box-topright{
    height: 17rem;

  }

  #block-recentearthquakes{
    height: 17rem;
  }
}




.region-box-topleft {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}

.region-box-topright {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}

.region-box-bottomleft {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  padding-top: 2rem;
}

.region-box-bottomright {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  padding-top: 2rem;
}

@media screen and (min-width: 925) {
  .region-box-bottomleft {

    padding-top: 2rem;
  }

  .region-box-bottomright {

    padding-top: 2rem;
  }
}

@media screen and (min-width: 801) {
  .l-4up .block {
    margin-left: auto;
    margin-right: auto;
    height: 258px;
    margin-left: 0;
    margin-right: 0;
    width: 453px;
    display: inline-block;
    clear: none;
    margin-top: 2em;
    margin-bottom: 1em;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 476px) and (max-width: 800) {
  .l-4up .block {
    margin-left: auto;
    margin-right: auto;
    margin-left: 0;
    margin-right: 0;
    width: 453px;
    display: inline-block;
    clear: none;
  }
}

@media screen and (max-width: 475px) {
  .l-4up .block {
    margin-left: auto;
    margin-right: auto;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    clear: none;
    border-style: solid;
    border-color: #74747e83;
    border-width: thin;
    width: 97%;
    height: 225px;
  }
}



.banner-water-gradient {
  display: none;
  position: absolute;
  bottom: 0px;
  z-index: 7;
  width: 100%;
  left: 0px;
  height: 10%;
  background: linear-gradient(#989898, #cfcfcf);
}

@media (min-width: 550px) {


  .banner-water-gradient {
    display: block;
  }
}

.activeHeader {
  background-color: #66afe9 !important;
  color: #fff !important
}

.activeCell {
  background-color: rgba(0, 0, 0, 0.075)
}

.even {
  background-color: #fff
}

.odd {
  background-color: #f9f9f9
}

.ezActiveRow {
  background-color: #2852a8 !important;
  color: #fff
}

.ezSelectedRow {
  background-color: #316ac5 !important;
  color: #fff
}

.ezActiveCell {
  background-color: #d9e8fb !important;
  color: #000 !important;
  font-weight: bold
}

.ezETSelectedCell {
  background-color: #ffdc61 !important;
  font-weight: bold;
  color: #000 !important
}

.ezUnselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none
}

.ezInputEditor {
  width: 95%;
  height: auto;
  font-size: inherit;
  border: 1px solid #aaccf6
}

.ezTextareaEditor {
  width: 95%;
  height: 35px;
  font-size: inherit;
  border: 1px solid #aaccf6
}

.ezSelectEditor {
  width: 100%;
  font-size: inherit;
  border: 1px solid #aaccf6
}

.ezModifiedCell {
  background: transparent url("themes/bg_mod_cell.png") 0 0 no-repeat
}

select[multiple="multiple"].ezSelectEditor {
  height: 35px
}

.ezCommandEditor {
  margin: 2px;
}

.ezCommandEditor button,
.ezCommandEditor input[type="button"] {
  min-height: 22px;
  margin: 1px;
  padding: 3px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
}

.ezCommandEditor button:hover,
.ezCommandEditor input[type="button"]:hover {
  border: 1px solid #999
}

.ezCommandEditor img {
  border: 0;
  vertical-align: middle;
  margin: 2px
}

.ezOpacity {
  opacity: .6
}

.alignLeft {
  text-align: left
}

.alignCenter {
  text-align: center
}

.alignRight {
  text-align: right
}

.div_checklist {
  width: 100%;
  height: 90px;
  line-height: 30px;
  border: 1px solid #f4f4f4;
  overflow: auto;
  text-align: left;
  background-color: #fff;
  color: #444;
}

.div_checklist ul.flt_checklist {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important
}

.div_checklist li.flt_checklist_item {
  padding: 1px !important;
  margin: 0 !important;
  font-size: inherit;
  border-bottom: 1px solid #f4f4f4 !important;
}

.div_checklist li.flt_checklist_item:hover {
  background-color: #335ea8 !important;
  color: #fff !important
}

.div_checklist label {
  display: block !important;
  font-weight: inherit !important
}

.div_checklist input {
  vertical-align: middle !important;
  margin: 2px 5px 3px 1px !important
}

.flt_checklist_item_disabled {
  background-color: #e5e5e5
}

.flt_checklist_slc_item {
  background-color: #335ea8 !important;
  color: #fff !important
}

.fltrow {
  height: 1em;
  background-color: #eaeaea;
}

.fltrow td {
  border-bottom: 1px solid #ccc !important;
  border-top: 1px solid #f4f4f4;
  border-left: 1px solid #ccc;
  border-right: 1px solid #f4f4f4;
  padding: .2em !important;
}

.fltrow td:last-child {
  border-right: 1px solid #ccc
}

.btnflt {
  height: 35px;
  font-family: inherit;
  font-size: inherit;
  vertical-align: middle;
  margin: 0 2px 0 2px;
  padding: 0 1px 0 1px
}

.btnflt_icon {
  font-family: inherit;
  font-size: inherit;
  width: 35px;
  height: 35px;
  cursor: pointer !important;
  border: 0 !important;
  vertical-align: middle;
  background: transparent url("themes/btn_filter.png") center center no-repeat !important
}

.flt,
.flt_s,
.single_flt {
  font-family: inherit;
  font-size: inherit;
  display: block;
  color: #444;
  background-color: #fff;
  border: 1px inset #f4f4f4;
  margin: 0;
  padding: 0 0 0 .2em;
  width: 100%;
  height: 35px;
  vertical-align: middle;
  border-radius: 2px;
  box-sizing: border-box;
}

.flt:focus,
.flt_s:focus,
.single_flt:focus {
  border-color: #66afe9;
  outline: 0 none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

select.flt_multi {
  font-family: inherit;
  font-size: inherit;
  color: #444;
  background-color: #fff;
  border: 1px solid #f4f4f4;
  margin: 0;
  padding: .2em;
  width: 100%;
  height: 90px;
  vertical-align: middle;
  box-sizing: border-box;
}

select.flt_multi option {
  padding-top: 5px;
  padding-bottom: 5px
}

.flt_s {
  width: 60%;
  box-sizing: initial;
  display: initial
}

.single_flt {
  width: 70%;
  box-sizing: initial;
  display: initial
}

div.popUpFilter {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 3px 3px 2px #888;
  -moz-box-shadow: 3px 3px 2px #888;
  box-shadow: 3px 3px 2px #888;
  margin: 30px auto 0 0;
  position: absolute;
  display: none;
  width: 100px;
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  padding: 0
}

div.popUpFilter:after,
div.popUpFilter:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

div.popUpFilter:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px
}

div.popUpFilter:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #eaeaea;
  border-width: 12px;
  margin-left: -12px
}

.popUpPlaceholder {
  position: relative
}

div.grd_Cont {
  -webkit-box-shadow: 4px 4px 10px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 4px 4px 10px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 4px 4px 10px 0 rgba(50, 50, 50, 0.75);
  width: 800px;
  height: auto;
  overflow: hidden;
  background-color: #c8e0fb;
  border: 1px solid #99bbe8;
}

div.grd_Cont .fltrow {
  background-color: transparent
}

div.grd_Cont .flt {
  border: 1px solid #99bbe8;
  width: 100%;
}

div.grd_Cont .flt :focus {
  border: 1px solid #558dd9
}

div.grd_Cont .even {
  background-color: #fff
}

div.grd_Cont .odd {
  background-color: #dfe8f6
}

div.grd_Cont .no-results {
  background-color: transparent
}

div.grd_Cont .sort-arrow {
  position: initial
}

div.grd_tblCont {
  height: 400px;
  width: 800px;
  background: #fff;
  overflow-x: auto;
  overflow-y: scroll
}

div.grd_headTblCont {
  display: block;
  margin-right: 20px;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #99bbe8;
  background-color: #c8e0fb
}

div.grd_tblCont table,
div.grd_headTblCont table {
  border-collapse: collapse;
  table-layout: fixed;
  box-sizing: initial
}

div.grd_tblCont table th,
div.grd_headTblCont table th,
div.grd_headTblCont table td {
  height: 35px;
  background-color: #c8e0fb;
  padding: .1em .5em;
  color: #333;
  border-right: 1px solid #99bbe8 !important;
  overflow: hidden;
  text-overflow: ellipsis
}

div.grd_headTblCont table td {
  padding: .2em .2em
}

div.grd_tblCont table td {
  padding: .5em .7em;
  border-bottom: 1px solid #99bbe8;
  overflow: hidden;
  text-overflow: ellipsis
}

.grd_inf {
  clear: both;
  width: auto;
  height: 35px;
  background-color: #c8e0fb;
  margin: 0;
  padding: 1px 3px 1px 3px;
  border-top: 1px solid #99bbe8;
}

.grd_inf a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.grd_inf a:hover {
  text-decoration: underline;
  background-color: transparent
}

.grd_inf input.reset:hover {
  background-color: transparent
}

.grd_inf .mdiv {
  width: 40% !important
}

.grd_inf .ldiv div {
  border: 0
}

.grd_inf .helpBtn {
  border: 0 !important
}

.grd_inf div.status {
  position: absolute;
  float: none !important;
  height: auto !important;
  margin: 19px 0 !important;
  font-size: 12px;
  color: #333;
  border: 0 !important
}

.grd_inf div.tot {
  border: 0 !important
}

.helpBtn {
  display: inline-block;
  height: 27px;
  margin: 0;
  padding: 8px 15px 0 15px;
  vertical-align: top;
}

.helpBtn:hover {
  background-color: #f4f4f4
}

div.helpCont {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 3px 3px 2px #888;
  -moz-box-shadow: 3px 3px 2px #888;
  box-shadow: 3px 3px 2px #888;
  position: absolute;
  display: none;
  width: 300px;
  padding: 10px;
  margin: 45px 0 0 -150px;
  border: 1px solid #ccc;
  line-height: 20px;
  font-size: inherit;
  color: #333;
  background: #fff;
  text-align: left;
  z-index: 1000;
}

div.helpCont:after,
div.helpCont:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

div.helpCont:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px
}

div.helpCont:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ccc;
  border-width: 12px;
  margin-left: -12px
}

div.helpCont a {
  color: #c00;
  text-decoration: underline;
  font-weight: normal
}

div.helpCont a.close {
  color: #333 !important;
  text-decoration: none !important;
  font-weight: bold;
}

div.helpCont a.close:hover {
  text-decoration: none
}

div.helpCont hr {
  border: 1px solid #ccc
}

div.helpFooter {
  margin: 10px 0 0 0;
}

div.helpFooter h4 {
  margin: 2px 2px 2px 2px;
  color: #333
}

span.keyword {
  font-weight: 700;
  font-style: italic;
  border-bottom: 1px dotted #ccc
}

.loader {
  position: absolute;
  padding: .5em .7em;
  margin: 10em 0 0 3em;
  width: auto;
  z-index: 1000;
  font-weight: 600;
  background-color: #a7a7a8;
  vertical-align: middle;
  border-radius: 10px;
  color: #fff;
  text-shadow: 1px 1px #333
}

.no-results {
  display: none;
  color: #333;
  margin: 0;
  padding: 1em 0;
  text-align: center;
  max-height: 5em;
  background-color: #f4f4f4
}

select.pgSlc {
  height: 35px;
  margin: 0;
  border: 1px solid #f4f4f4;
  background-color: #fff;
  vertical-align: middle
}

select.pgSlc:focus {
  border-color: #66afe9;
  outline: 0 none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

input.pgNbInp {
  height: 35px;
  margin: 0;
  border: 1px solid #f4f4f4;
  background-color: #fff;
  width: 35px
}

input.pgNbInp:focus {
  border-color: #66afe9;
  outline: 0 none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

input.pgInp,
.nextPage,
.previousPage,
.firstPage,
.lastPage {
  height: 35px;
  margin: 0;
  border: 1px solid #f4f4f4;
  background-color: #fff;
  vertical-align: middle;
  width: 35px;
  border: 0;
  font-weight: bold
}

input.pgInp:focus,
.nextPage:focus,
.previousPage:focus,
.firstPage:focus,
.lastPage:focus {
  border-color: #66afe9;
  outline: 0 none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.nextPage {
  background: transparent url("themes/btn_next_page.gif") center center no-repeat !important;
}

.nextPage:hover {
  background-color: #f4f4f4 !important
}

.previousPage {
  background: transparent url("themes/btn_previous_page.gif") center center no-repeat !important;
}

.previousPage:hover {
  background-color: #f4f4f4 !important
}

.firstPage {
  background: transparent url("themes/btn_first_page.gif") center center no-repeat !important;
}

.firstPage:hover {
  background-color: #f4f4f4 !important
}

.lastPage {
  background: transparent url("themes/btn_last_page.gif") center center no-repeat !important;
}

.lastPage:hover {
  background-color: #f4f4f4 !important
}

span.nbpg {
  padding: 0 5px
}

select.rspg {
  height: 35px;
  margin: 0;
  border: 1px solid #f4f4f4;
  background-color: #fff;
  margin: 0 0 0 5px;
  vertical-align: middle
}

select.rspg:focus {
  border-color: #66afe9;
  outline: 0 none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

span.rspgSpan {
  font-size: inherit
}

input.reset {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 0;
  background: transparent url("themes/btn_clear_filters.png") center center no-repeat;
  vertical-align: top;
}

input.reset:hover {
  background-color: #f4f4f4
}

a.reset {
  font-weight: normal !important;
  line-height: 35px;
  padding: 5px 5px
}

div.tot {
  float: left;
  overflow: hidden;
  min-width: 150px;
  height: 100%;
  margin: 0;
  padding: .5em;
  vertical-align: middle;
}

div.tot span {
  font-weight: 500
}

.sort-arrow {
  position: absolute;
  display: none;
  width: 11px;
  height: 11px;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat
}

.descending {
  display: inline;
  background-image: url("themes/downsimple.png")
}

.ascending {
  display: inline;
  background-image: url("themes/upsimple.png")
}

div.status {
  float: left;
  overflow: hidden;
  min-width: 120px;
  height: 100%;
  margin: 0;
  padding: .5em;
}

div.status span {
  font-size: inherit
}

table.TF {
  font-family: inherit;
  border-spacing: 0;
  border: 0;
}

table.TF th {
  height: 35px;
  margin: 0;
  background-color: #eaeaea;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #f4f4f4;
  border-left: 1px solid #ccc;
  border-right: 1px solid #f4f4f4;
  padding: .1em .7em;
  color: #333;
}

table.TF th:last-child {
  border-right: 1px solid #ccc
}

table.TF td {
  margin: 0;
  padding: .5em .7em;
  border-bottom: 1px solid #c6c6c6;
  text-overflow: ellipsis
}

table.TF.resp {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
}

table.TF.resp .sort-arrow {
  position: initial
}

table.TF.sticky th {
  position: sticky;
  top: -1px
}

.inf {
  clear: both;
  width: auto;
  height: 35px;
  min-width: 400px;
  background-color: #fff;
  font-size: inherit;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.inf a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  box-sizing: initial;
}

.inf a:hover {
  text-decoration: underline
}

.ldiv {
  float: left;
  width: 30%;
  position: inherit;
  text-align: left
}

.ldiv:empty:after {
  content: "\00A0"
}

.mdiv {
  float: left;
  width: 38%;
  position: inherit;
  text-align: center;
  padding: 0
}

.mdiv:empty:after {
  content: "\00A0"
}

.rdiv {
  float: right;
  width: 30%;
  position: inherit;
  text-align: right
}

.rdiv:empty:after {
  content: "\00A0"
}












.grd-main-cont {
  overflow: hidden;
  background-color: #f4f4f4;
}

.grd-head-cont {
  overflow: hidden;
  background-color: #4A4A4A;
}

.grd-head-cont th {
  background-color: #4A4A4A;

  color: #fff;
  border-right: 1px dotted #fff;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grd-cont {
  overflow-x: auto;
  overflow-y: scroll;
}

.grd-cont td {

  border-bottom: 1px solid #ccc;
  border-right: 1px dotted #666;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grd-head-cont table,
.grd-cont table {
  font-size: 1.1em;
  border-collapse: collapse;
}

.grd-main-cont>.grd_inf {
  background-color: #ccc;
  border-top: 1px solid #999;
}

/*
Below are the color values used to shade cells
*/
.normal {
  padding: 0.5em;
}

.table_body {
  overflow: scroll;
}



.leaflet-image-layer {
  mix-blend-mode: multiply;
}


.moreStoriesLeft {
  width: 30%;
}

.storiesTitle {

  font-size: 16px;
  font-family: 'PT Sans';
  padding: 0px;
  margin: 0px;
  color: #be0f36;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;

}

.node--type-station-page {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.field--name-node-author {
  padding-top: 1rem;
  color: #5a5a5a;
  font-weight: bold;
}

.field--name-field-author {
  padding-top: .5rem;
  color: black;
  font-weight: bold;
}

.field--name-node-post-date {
  font-size: 0.8em;
}

.AECstoryLeft {
  box-sizing: border-box;
  padding: 10px;

}

.AECstoryRight {
  box-sizing: border-box;
  padding: 10px;
}

.staffViewName {
  font-weight: bold;
  color: black;
  font-size: 18px;
}

.view-staff-listing {
  margin: auto;
  width: 91%;
}

.field--name-field-name {

  font-size: 2em;
  font-weight: bold;
  color: #be0f36;

}

.stationFooter {
  text-align: left !important;
}

.field--name-field-job-title {

  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  color: black;

}

.field--name-title-field-biography {

  font-size: 1em;
}

/* tabs */

.tabs--primary {
  margin-bottom: 1em;
  /*border-bottom: 1px solid #bbb;*/
}

.links--inline li {
  float: left;
  margin-right: 1em;
  margin-bottom: 1rem;
}

.active {
  color: #000;
}

.tab a.active {
  background-color: #ccc;
}

.tabs--primary a {
  padding: 0.3em 0.8em;
}

.links--inline li>a {
  display: block;
}

.tab a {
  background-color: #eee;
  text-decoration: none;
}


.node-title {
  color: #be0f36;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}

/*custom*/

.summary-map {
  margin-left: -3px;
  margin-top: -2px;
  max-width: 450px;
  max-height: 398px;
  width: 450px;
  height: 398px;
}

ul {
  list-style-type: none;
}





#block-nice-menus-1 {
  display: none;
}

@media (min-width: 550px) {

  #block-nice-menus-1 {
    display: block;
  }


  #block-nice-menus-2 {
    display: none;
  }


  ul.nice-menu-main-menu li {
    background-color: #be0f36;
  }

  ul.nice-menu-main-menu li a {
    color: white;
    text-decoration: none;
    padding: 9px 15px;
  }

  ul.nice-menu-main-menu li.menu-path-nolink {
    color: white;
    text-decoration: none;
    padding: 9px 15px;
  }


  ul.nice-menu-down li.menuparent {
    background: #be0f36;
  }

  ul.nice-menu-down li.menuparent:hover {
    background: #be0f36;
  }

  ul.nice-menu-down li li.menuparent {
    background-color: #be0f36;
  }

  ul.nice-menu-down li li.menuparent:hover {
    background-color: #be0f36;
  }


  ul.nice-menu-down .menuparent {
    padding-right: default;
  }
}

p {
  font-family: 'PT Sans';
}

.group-footer {
  text-align: right;
  border-bottom: 1px solid #ddd;
  position: relative;
  margin-bottom: 10px;
}

.more-stories {
  border-top: 2px solid #be0f36;
  padding: .5rem;
  padding-top: 2rem;
}

.latest-news {
  border-top: 2px solid #ddd;
  padding: .5rem;
  padding-top: 2rem;

}


.latest-news {
  border-top: 2px solid #be0f36;
  padding: .5rem;
  padding-top: 2rem;
  height: 1em;
}


body {
  margin: 0;
  color: #5a5a5a;
  font-family: 'PT sans';
}

.grey {
  padding-left: 15px;
  padding-right: 5px;
}

a {
  color: #be0f36;
  text-decoration: none;
}

.l-footer {
  font-family: 'PT Sans';
  font-size: 17px;
  text-align: center;
  background-color: #434343;
  color: #989898;
  padding: 5px 0px 20px 0px;
  clear: both;
}


.l-footer .l-region--footer {
  max-width: 960px;
  margin: 0 auto;
}


img,
media {
  max-width: 100%;
}



.l-earthquake-counts {
  font-family: 'PT Sans';
  font-size: 16px;
  background-color: #f2f2f2;
  padding: 1px 0;
  clear: both;
}

.l-earthquake-counts p {
  text-align: center;
  padding: 1em 0;
}

.l-earthquake-counts .larger {
  font-size: 1.1em;
}

@media (min-width: 800px) {

  .l-earthquake-counts .larger {
    font-size: 1.6em;
  }
}

.l-earthquake-counts .smaller {
  font-size: .8em;
}

.l-earthquake-counts .eq-count {
  background-color: #434343;
  color: white;
  padding: 2px 10px;
}

@media (min-width: 550px) {

  .l-earthquake-counts .eq-count {
    padding: 5px 10px;
  }
}


.l-footer {
  font-family: 'PT Sans';
  font-size: 17px;
  text-align: center;
  background-color: #434343;
  color: #989898;
  padding: 5px 0px 20px 0px;
  clear: both;
}

.l-footer a {
  color: #989898;
}

.l-footer .l-region--footer {
  max-width: 960px;
  margin: 0 auto;
}

.l-footer li {
  display: inline;
  padding: 0 10px;
  border-left: solid 1px #989898;
}

.l-footer li:first-child {
  border-left: none;
}

.l-footer ul {
  -webkit-padding-start: 10px;
  list-style-type: none;
  padding: 0;
  margin: .5em;
}

.l-footer p {
  margin: 0;
  padding: 0;
}

.l-footer .dividerLatest {
  margin-bottom: 15px;
}

.l-footer .gDot {
  background-color: #eee;
}


.l-footer-end {
  background-color: #030303;
  color: #5c5c5c;
  padding: 10px 0;
}

.l-footer-end .l-region--footer-end {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

a {
  color: #be0f36;
  text-decoration: none;
}

b {
  color: #5a5a5a;
  font-weight: bold;
}

@media (min-width: 925px) {
  .l-4up {

    width: 400px;

    background-color: #fff;
    display: grid;
    grid-template-columns: 453px 453px;
    grid-row: auto auto;
    grid-column-gap: 40px;

  }
}

.l-content{
  padding-top: 2rem;
}

@media (max-width: 924px) {
  .l-4up {
    padding-top: 2rem;
    font-size: .9em;
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: 1rem;
  }
}

.l-4up .block {
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;
  margin-top: 0em;
  margin-bottom: .5em;


}

@media (min-width: 550px) {

  .l-4up .block {
    margin-top: .2em;
    margin-bottom: .2em;
    height: 258px
  }

}

.l-4up ul {
  -webkit-padding-start: 10px;
  list-style-type: none;
  padding-left: 80px;
  text-align: left;
  margin: 0em 0em 0em 1em;
  font-size: 0.8em;
}

.l-4up li {
  margin-bottom: .46em;
}

.l-4up .block .triptych-body img.small {
  float: left;
  margin-right: 5%;
  max-width: 35%;
}

.l-2main .block .triptych-body img.small {
  float: left;
  margin-right: 5%;
  max-width: 35%;
}

.l-4up ul.quake-list li i {
  background-color: #be0f36;
  color: white;
  margin-right: .2em;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  line-height: 18px;
  width: 18px;

}

@media (min-width: 476px) {
.l-4up ul {
  padding-left: 80px;
}
}

.l-4up ul {
  -webkit-padding-start: 10px;
  list-style-type: none;
  text-align: left;
  margin: 0em 0em 0em 1em;
  font-size: 0.8em;
}

@media (min-width: 900px) {

  .l-4up ul {
    font-size: 0.9em;
  }

}

@media (max-width: 899px) {
  .l-4up ul {
    font-size: 1rem;
  }

}


.l-4up .block h3 {
  font-weight: 600;
  margin-top: .5em;
  margin-bottom: .5em;
  text-align: center;
}

.l-earthquake-counts .larger {
  font-size: 1.1em;
}

@media (min-width: 800px) {
  .l-2up {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;

  }
}

@media (max-width: 799px) {
  .l-2up {
    display: grid;
    grid-template-rows: repeat(2, .8fr);
    gap: 1rem;

  }
}

@media (max-width: 799px) {
  #top-bar-DGGSLogo {
    display: none;


  }
}

@media (max-width: 799px) {
  #top-bar-DHSLogo {
    display: none;


  }
}

.l-2main h2 {
  font-size: 20px;
  font-family: 'PT Sans';
}

.l-2main ul {
  -webkit-padding-start: 10px;
  list-style-type: none;
  padding: 0;
  margin: .5em;
}

.l-2main li {
  margin-bottom: .35em;
}

.l-2main ul.quake-list li i {
  background-color: #be0f36;
  color: white;
  margin-right: .2em;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  line-height: 18px;
  width: 18px;
  text-align: center;
}

.l-2main .triptych-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #e5e5e5;
  text-align: center;
  padding: 6px 0;
}

.l-2main .triptych-footer a {
  text-decoration: none;
  color: #8c8c8c;
}

.l-2main .triptych-footer a:hover {
  text-decoration: underline;
  color: #595959;
}

.l-2main .block {
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;
  margin-bottom: 2.5em;
  margin-top: 2.5em;
}

.l-2main .block h3 {
  font-weight: 600;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: .5em;
  text-align: left;
}

.l-2main .block .triptych-body img.small {
  float: left;
  margin-right: 5%;
  max-width: 35%;
}

.l-2main p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

@media (min-width: 800px) {

  .l-2main {
    font-size: .9em;
  }

  .l-2main .l-region .block {
    height: 400px;
  }
}




.l-2up h2 {
  font-size: 20px;
  font-family: 'PT Sans';
}

.l-2up h3 {
  font-size: 16px;
  font-family: 'PT Sans';
  padding: 0px;
  margin: 0px;
}

@media (min-width: 550px) {

  .l-2up .block {
    margin-top: .5em;
    margin-bottom: 1em;
  }
}

@media (min-width: 800px) {

  .l-2up .block {
    margin-top: 2em;
    margin-bottom: 1em;
  }
}

.l-2up .block--info-releases {
  padding: 0;
}

.l-2up .block--info-releases a {
  color: #5a5a5a;
  font-weight: bold;
}

.l-2up .block--info-releases ul {
  -webkit-padding-start: 10px;
  list-style-type: none;
  padding: 0;
  margin: 0em;
  font-size: 0.8em;
}

@media (min-width: 550px) {

  .l-2up .block--info-releases ul {
    font-size: 0.9em;
  }
}

.l-2up .block--info-releases li {
  margin-bottom: .35em;
}

.l-2up .block--info-releases ul.quake-list li i {
  background-color: #be0f36;
  color: white;
  margin-right: .2em;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  line-height: 18px;
  width: 18px;
  text-align: center;
}

.l-earthquake-counts {
  font-family: 'PT Sans';
  font-size: 16px;
  background-color: #f2f2f2;
  padding: 1px 0;
  clear: both;
}

.l-earthquake-counts p {
  text-align: center;
  padding: 1em 0;
}

@media (min-width: 800px) {

  .l-earthquake-counts .larger {
    font-size: 1.6em;
  }
}

.l-earthquake-counts .smaller {
  font-size: .8em;
}

.l-earthquake-counts .eq-count {
  background-color: #434343;
  color: white;
  padding: 2px 10px;
}

@media (min-width: 550px) {

  .l-earthquake-counts .eq-count {
    padding: 5px 10px;
  }
}

/*end of custom*/
.twit-overlay {
  position: absolute;
  bottom: 1em;
  width: 26px;
  right: 3em;
  z-index: 3;
  display: block;
}


.fb-overlay {
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 3;
  display: block;
}

.insta-overlay {
  position: absolute;
  bottom: 1em;
  right: 7em;
  width:26px;
  height: 26px;
  z-index: 3;
  display: block;
}

.li-overlay {
  position: absolute;
  bottom: 1em;
  right: 9em;
  width:26px;
  height: 26px;
  z-index: 3;
  display: block;
}


.yt-overlay {
  position: absolute;
  bottom: 1em;
  right: 5em;
  z-index: 3;
  display: block;
}


.aecTitle {
  font-size: 1.4em;
  color: #be0f36;
  font-weight: bold;
  text-transform: uppercase;
  margin-top:4rem;
}

@media (max-width: 995px) {
.aecTitle {
  padding-top:10rem;
}
}
.stationDesc {
  margin-top: 1rem;

}



.aecH1 {
  margin: 0rem;
  margin-left: 2rem;
  font-size: 1.4em;
  color: #be0f36;
  font-weight: bold;
}

.stationH1 {
  margin: 0rem;
  margin-left: 0rem;
  font-size: 1.4em;
  color: #be0f36;
  font-weight: bold;
}

.aecH2 {
  margin: 0rem;
  margin-left: 2rem;
  font-size: 1.2em;
  color: #5a5a5a;
  font-weight: bold;
}

.stationH2 {
  margin: 0rem;
  margin-left: 0rem;
  font-size: 1.2em;
  color: #5a5a5a;
  font-weight: bold;
}

.aecH3 {
  margin: 0rem;
  margin-left: 2rem;
  font-size: 1.1em;
  color: #636262;
  font-weight: bold;

}

.stationH3 {
  margin: 0rem;
  margin-left: 0rem;
  font-size: 1.1em;
  color: #636262;
  font-weight: bold;

}

.stationH4 {
  margin: 0rem;
  margin-left: 0rem;
  font-size: 1.1em;
  color: #aaaaaa;
  font-weight: bold;
  font-style: italic;
}

.aecH4 {
  margin: 0rem;
  margin-left: 2rem;
  font-size: 1.1em;
  color: #aaaaaa;
  font-weight: bold;
  font-style: italic;
}

.stationPtag {

  margin: 0rem;
  margin-left: 0rem;


}

.researchstaff {
  font-size: 1.4em;
  color: #be0f36;
  font-weight: bold;
}

#researchstaff {
  font-size: 1.4em;
  color: #be0f36;
  font-weight: bold;
}


.student-name {
  font-size: 2em;
  font-weight: bold;
  color: #be0f36;
}


.student-title {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}


.student-biography {
  font-size: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
}


.student-footer {
  font-size: .9em;
}

.student-footer li {
  display: inline;
  border-left: none;
}

.student-footer ul {
  -webkit-padding-start: 10px;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0px;
}

.student-footer p {
  margin: 0;
}

@media (min-width: 800px) {

  .student-footer {
    top: 24em;
  }
}


.views-col {
  margin: auto;
  width: 93%;
}


.views-col,
.view-student-listing .views-row-even {
  display: inline-block;
  width: 130px;
  margin-bottom: 1em;
  margin-right: 0.5em;
  min-height: 120px;
  vertical-align: top;
}

@media (min-width: 800px) {

  .views-col,
  .view-student-listing .views-row-even {
    margin-left: 1em;
  }

}



.l-page {
  max-width: 933px;
  margin: 0 auto;
  position: relative;
}


.l-header,
.l-region {
  padding: 0;
}

.l-header {
  position: relative;
}

.l-highlighted img {
  max-width: 933px;
  height: auto;

}

.l-3up .block .triptych-body img.small {
  float: left;
  margin-right: 5%;
  max-width: 35%;
}



.tsuLeft.group-left {
  width: 10rem;
}

.tsuAnimationPage {
  border-bottom: 1px solid #5a5a5a;
}

.tsuRight.group-right {
  width: 48rem;
}

.l-highlighted {
  background: #e0e0e0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cccccc 0%, #e0e0e0 10%, #e0e0e0 90%, #cccccc 100%);
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cccccc 0%, #e0e0e0 10%, #e0e0e0 90%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cccccc 0%, #e0e0e0 10%, #e0e0e0 90%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cccccc 0%, #e0e0e0 10%, #e0e0e0 90%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cccccc 0%, #e0e0e0 10%, #e0e0e0 90%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
}

.l-highlighted {
  text-align: center;
  visibility: hidden;
  display: none;
}

@media (min-width: 995px) {

  .l-highlighted {
    visibility: visible;
    display: block;
  }
}


.l-region--content-left {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}


.l-region--content-right {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}


.l-region--triptych-left {
  width: 33.02326%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}


.l-region--triptych-center {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}


.l-region--triptych-right {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}


.l-region--eq-map {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}


.l-region--recent-eqs {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
}

@media (min-width: 800px) {

  .l-region--content-left {
    width: 49.76744%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }


  .l-region--content-right {
    width: 49.76744%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }


  .l-region--eq-map {
    width: 74.88372%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }


  .l-region--recent-eqs {
    width: 24.65116%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }


  .l-region--triptych-left {
    width: 33.02326%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }


  .l-region--triptych-center {
    width: 33.02326%;
    float: left;
    margin-right: -100%;
    margin-left: 33.48837%;
    clear: none;
  }


  .l-region--triptych-right {
    width: 33.02326%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

}

/*
  .l-2up {
    /* for IE 6/7
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
     non-JS fallback
    *zoom: 1;
  }
    .l-2up:before, .l-2up:after {
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
    }
    .l-2up:after {
      clear: both;
    }
    */
.l-3up:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*
  .l-2main {
    /* for IE 6/7
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback
    *zoom: 1; }
    */

.l-2main:before,
.l-2main:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.l-2main:after {
  clear: both;
}

/*
  .l-footer {
     for IE 6/7
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
     non-JS fallback
    *zoom: 1; }
    */
.l-footer .block--block-7 {
  width: 12.09302%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: none;
}

.l-footer .block--block-8 {
  width: 12.09302%;
  float: left;
  margin-right: -100%;
  margin-left: 12.55814%;
  clear: none;
}

.l-footer .block--block-9 {
  width: 12.09302%;
  float: left;
  margin-right: -100%;
  margin-left: 25.11628%;
  clear: none;
}

.l-footer .block--block-10 {
  width: 12.09302%;
  float: left;
  margin-right: -100%;
  margin-left: 37.67442%;
  clear: none;
}

.l-footer:before,
.l-footer:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.l-footer:after {
  clear: both;
}

.region-navigation {


  position: absolute;
  top: -150px;
  right: 0em;
  z-index: 8;
  display: block;

}

@media (min-width: 800px) {
  .region-navigation {
    font-size: 1em;
  }
}





#uaf_logo {
  float: left;
  width: 71%;
}

table {
  text-align: left;
  border-collapse: collapse;
}


th {
  padding: 8px;
  border-top: 4px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
}


td {
  padding: 8px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  text-align: center;

}


.event-page div#wrap {
  width: 95%;
  margin: 0 auto;
}

@media (min-width: 550px) {
  @media -sass-debug-info {
    filename {
      font-family: file\:\/\/\/var\/www\/html\/sites\/all\/themes\/aec\/sass\/aec\.styles\.scss
    }

    line {
      font-family: \00003250
    }
  }

  .event-page div#left {
    float: left;
    width: 450px;
    padding-bottom: 10px;
  }
}

@media (min-width: 870px) {

  .event-page div#right {
    float: right;
    width: 45%;
    min-width: 350px;
    padding-bottom: 10px;
    margin-top: -1.5em;
    padding-left: 20px;
  }
}

@media (max-width: 869px) {

  .event-page div#right {

    width: 45%;
    min-width: 350px;
    padding-bottom: 10px;
    margin-top: -1.5em;
    padding-left: 20px;
  }
}

.event-page h3 {
  font-size: 1.4em;
}
/* only apply on desktop*/
@media (min-width : 401px){
  .event-page ul{
    margin-left: -2em;
  }
}
.event-page ul {
  list-style-type: none;
  font-size: 1.1em;
}

.event-page li {
  padding-bottom: .5em;
}


.event-page .dyfi-box {
  height: 40px;
  width: 200px;
  background-color: #aaaaaa;
  text-align: center;
  float: left;
  font-size: 1.2em;
  margin: 0.5em 8em 1em 0em;
}

.event-page .dyfi-box a {
  color: white;
  font-weight: bold;
}

.event-page .dyfi-box p {
  transform: translate(0, -50%);
}



.home-image-desktop {
  display: none;
  z-index: 1;
  left: 3em;
}

@media (min-width: 550px) {

  .home-image-desktop {
    display: block;
  }
}

.uaf-logo {
  /*display: none;*/
  position: absolute;
  bottom: 30px;
  z-index: 3;
}

@media (min-width: 550px) {

  .uaf-logo {
    display: block;
  }
}

@media (min-width: 551px) {
  .logo-resize {
    content: url("../../../../sites/default/images/uaf_aec_LineArt_white.png");
    width: 70%;
    height: auto;
    padding-top: 1px;
    padding-left: 10px;
  }

}

@media (max-width: 550px) {
  .logo-resize {
    content: url("../../../../sites/default/images/EC_white_no_bg.png");
    width: 40%;
    z-index: 5;
    height: auto;
    padding-top: 1px;
    padding-left: 10px;
  }

}