/*******************************************************************************
 * aes.layout.scss
 *
 * Styles for the KITKAT layout.
 ******************************************************************************/
.l-constrained, .l-top-header, .l-header, .l-menu, .l-page-layout, .l-footer, .copyrights-wrapper {
  width: 95%;
  margin: 0 auto;
  *zoom: 1;
}
.l-constrained:after, .l-top-header:after, .l-header:after, .l-menu:after, .l-page-layout:after, .l-footer:after, .copyrights-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.l-top-header-wrapper {
  background-image: url(images/egr_top_bg.png);
  background-repeat: repeat-x;
  min-height: 66px;
  z-index: 10;
  position: relative;
}

.l-search {
  width: -6.66667%;
  float: left;
  margin-right: -100%;
  margin-left: -26.66667%;
  clear: none;
  visibility: hidden;
}

.l-header-wrapper {
  background: #175546;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTc1NTQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMjU4MjY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMjU4MjY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE3NTU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #175546 0%, #258268 45%, #258268 65%, #175546 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #175546), color-stop(45%, #258268), color-stop(65%, #258268), color-stop(100%, #175546));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #175546 0%, #258268 45%, #258268 65%, #175546 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #175546 0%, #258268 45%, #258268 65%, #175546 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #175546 0%, #258268 45%, #258268 65%, #175546 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #175546 0%, #258268 45%, #258268 65%, #175546 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#175546', endColorstr='#175546',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */
  margin-bottom: 0;
  margin-top: -10px;
  padding-top: 10px;
}

.l-header {
  background-image: url(images/top_banner_bg.png);
  background-repeat: no-repeat;
  background-position: center;
}

.l-dept-logo {
  width: 73.33333%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: none;
  padding-top: 10px;
  width: 100%;
}

.l-audience-menu {
  clear: both;
  width: 100%;
}

#overlay {
  margin-top: 10px;
}

header {
  margin-bottom: 0;
}

/* Navigation */
.l-menu-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #000;
}

ul.menu {
  margin: 0;
}

#block-superfish-1 {
  display: none;
}

/*Page-layout */
.l-page-layout {
  background-color: #fff;
}

/* Footer */
.l-footer-wrapper {
  background-color: #191919;
}

/*Copyrights */
.l-copyrights {
  background-color: #000;
}
.field--name-field-gp-photo, .field--name-field-ep-profile-image{
  float: left;
  width:230px;
  height: 300px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.79+0,0.6+50,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.79) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.79) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.79) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
margin-right: 20px;

}
.field--name-field-gp-photo img, .field--name-field-ep-profile-image img{
  margin: 10px;
  padding: 5px;
  background-color: #fff;
}
/*********** Tablet *************/
@media (min-width: 44em) {
  .l-constrained, .l-top-header, .l-header, .l-menu, .l-page-layout, .l-footer, .copyrights-wrapper {
    width: 90%;
  }

  .l-search {
    display: visible;
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    margin-top: 10px;
    visibility: visible;
  }

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

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

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

  ul.responsive-menu {
    display: none;
  }

  #block-superfish-1 {
    display: inline-block;
  }

  .has-two-sidebars .l-content {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none;
  }
  .has-two-sidebars .l-region--sidebar-first {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .has-two-sidebars .l-region--sidebar-second {
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: right;
  }

  .has-one-sidebar .l-content {
    width: 74.46809%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .has-one-sidebar .l-region--sidebar-first,
  .has-one-sidebar .l-region--sidebar-second {
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  .l-home-col-wrapper {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding: 0;
    margin: 0;
  }

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

  .l-home-center {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }

  .l-home-right {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  .footer {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding: 18px 0;
  }

  .footer-col-wrapper {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding: 0;
    margin: 0;
  }

  .footerleft {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding: 18px 1em;
  }

  .footercenter1 {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none;
    padding: 18px 1em;
  }

  .footercenter2 {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none;
    padding: 18px 1em;
  }

  .footerright {
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding: 18px 1em;
  }
      .field--name-field-gp-photo, .field--name-field-ep-profile-image{

  height: 1000px;


}

}




/*********** Desktop *************/
@media (min-width: 70em) {
  .l-constrained, .l-top-header, .l-header, .l-menu, .l-page-layout, .l-footer, .copyrights-wrapper {
    max-width: 1366px;
  }

  ul.responsive-menu {
    display: none;
  }

  nav#block-system-main-menu {
    display: inline-block;
  }

  #block-superfish-1 {
    display: inline-block;
  }
    .field--name-field-gp-photo, .field--name-field-ep-profile-image{

  height: 2500px;


}
}
/*


.l-header{
    background-color: green;
}
.l-region--header {
  padding: $vert-spacing-unit 0;


  .block {
    float: right;
  }
  
}

.l-branding{
     @extend .l-constrained;
}
  .l-search-box{

    @include grid-span(2, 12);

  }

    .l-site-logo{
    @include grid-span(12, 1);
padding: $vert-spacing-unit 0;
  }
    .l-dept-logo{
      @include grid-span(12, 1);
      color: #000;
      a.site-branding__name span{
        color: #fff;
        clear: both;
      }

  }
    .l-audience-menu{
      @extend .l-constrained;
        @include grid-span(12, 1);
            padding: $vert-spacing-unit 0;
  }

.l-navigation{
   @extend .l-constrained;
    padding: $vert-spacing-unit 0;
}

.l-header-message{
   @extend .l-constrained;
   padding: $vert-spacing-unit 0;
}

.l-highlighted-wrapper {
  padding: $vert-spacing-unit 0;
}
.l-region--highlighted {
  @extend .l-constrained;
}
.l-region--help {
  margin-bottom: $vert-spacing-unit;
}
.l-main {
  margin-top: 1 * $vert-spacing-unit;
  margin-bottom: 1 * $vert-spacing-unit;
}


.l-region--sidebar-first,
.l-region--sidebar-second {
  padding: $vert-spacing-unit $horz-spacing-unit;
}


.l-footer-wrapper {
  padding: $vert-spacing-unit 0;
}
.l-region--footer {
  @extend .l-constrained;
}
.l-copyrights {

  background-color: #000;
}
.copyrights-wrapper{
    @extend .l-constrained;
}







@include breakpoint($tab, true) {
  .l-constrained {
    width: 90%;
  }


  .l-audience-menu{
        @include grid-span(12, 1);
  }
    .l-site-logo{
    @include grid-span(3, 1);
    margin-top: 10px;
         padding: $vert-spacing-unit 0;
  }
  .l-branding {
    @include grid-span(12, 1);
     padding: $vert-spacing-unit 0;
    
  }

  .l-dept-logo{
      @include grid-span(12, 1);
      color: #000;
      a.site-branding__name span{
        color: #fff;
        clear: both;
      }

  }
  .l-search-box{

    @include grid-span(3, 10);
     padding: $vert-spacing-unit 0;
  }
  .i-navigation{
      padding: $vert-spacing-unit 0;
  }
  .l-region--navigation {

    @include grid-span(12, 1);

  }
  .i-header{
    padding: $vert-spacing-unit 0;
    @include grid-span(12, 1);
  }
  .l-region--header {
    @include grid-span(12, 1);
    padding: $vert-spacing-unit 0;
  }
  


  .has-two-sidebars,
  .has-one-sidebar {
    .l-content {
      @include grid-span(8, 1);
    }
    .l-region--sidebar-first,
    .l-region--sidebar-second {
      @include grid-span(4, 9);
      clear: right;
    }
  }
}



@include breakpoint($desk, true) {
  .l-constrained {
    width: 1366px;

  }
  
  .l-branding {
    @include grid-span(12, 1);
     padding: $vert-spacing-unit 0;
    
  }
    .l-search-box{

    @include grid-span(3, 10);
     padding: $vert-spacing-unit 0;
  }

    .l-audience-menu{
        @include grid-span(12, 1);
  }

  .l-dept-logo{
      @include grid-span(12, 1);
      color: #000;
      a.site-branding__name span{
        color: #000;
        clear: both;
      }
 padding: $vert-spacing-unit 0;
  }


  .has-one-sidebar {
    .l-content {
      @include grid-span(8, 1);
    }
    
    .l-region--sidebar-first {
      @include grid-span(4, 9);
      clear: none;
     
    }
  }
  
  
  
  .has-two-sidebars {
    .l-content {
      @include grid-span(6, 4);
    }
    .l-region--sidebar-first{
      @include grid-span(3, 1);
      clear: none;
    }
    .l-region--sidebar-second {
      @include grid-span(3, 10);
    }
  }
}

*/