

.full-width { width: 100%; }
.three-quarter-width { width: 75%; }
.two-thirds-width { width: 66.66666%; }
.half-width { width: 50%; }
.third-width { width: 33.33333%; }
.quarter-width { width: 25%; }

ul.nav {
  position: relative;

  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;

  display:         flex;
  display: -webkit-flex;
  flex-direction:  row;
  flex-wrap:       no-wrap;
  flex-flow:       row no-wrap;
  justify-content: flex-start;
  align-items:     center;
  align-content:   space-between;
}
ul.nav > li {
  display: flex;
  flex-basis: 0 0;
  align-self: center;
  
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.nav li a span {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  
  font-size: 1rem;
  padding: 0.5rem;
}
ul.nav li ul {
  display: none;
}

#admin-menu-wrapper {
	overflow: visible;
  width: 100%;
  background: hsl(210,9.2%,12.9%);
}
#admin-menu .dropdown li { position: relative; }
#admin-menu .dropdown li li {
  font-size: 0.9rem;
  opacity: 0.92;
}

@keyframes pulsate {
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
@keyframes pulsatesvg {
  0%   { fill: #fff; filter: drop-shadow( 0 -1px 0 #000 ); }
  50%  { fill: #ccc; filter: drop-shadow( 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; ); }
  100% { fill: #fff; filter: drop-shadow( 0 -1px 0 #000 ); }
}
@keyframes brightness {
  0%, 100% { -webkit-filter: brightness(none); filter: brightness(none); }
  50% { -webkit-filter: brightness(1.5); filter: brightness(1.5); }
}

.field-type-image.hero {
  margin-bottom: 1rem;
}
.field-type-image.hero img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 1280px)  {
.field-type-image.hero,
header, #masthead-inner, #hero, .region-spotlight, main section, #breadcrumb, #page-title {
  width: 80rem;
}
.field-type-image.hero {
  margin-bottom: 3rem;
}
}
@media screen and (max-width: 1200px)  {
.field-type-image.hero,
header, #masthead-inner, #hero, .region-spotlight, main section, #breadcrumb, #page-title {
  width: 100%;
}
.field-type-image.hero {
  margin-bottom: 2rem;
}
}
header {
  position: relative;
  margin: 0 auto 0;
  border-top: 1.5rem solid rgb(238, 178, 17);
  background-color: rgba(0,0,0,0.85);
}

#masthead-inner {
  position: relative;
  margin: 0 auto;
}

#utility {
  width: 100%;
  top: 0;

  justify-content: flex-end;

  text-align: right;
  padding: 0;
  margin: 0;
  background-color: #ebb728;
}
#utility li {
  color: hsl(210, 9%, 12%);
}
#utility li.first {
  margin-left: 1.5rem;
}
#utility li.gttlw.first {
  margin-left: 0.75rem;
}
li.icon {
  color: hsl(210, 9%, 12%);
  fill: hsl(210, 9%, 12%);
  stroke: hsl(210, 9%, 12%);
  padding: 0;
}
.icon a {
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: block;
}
.icon a:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
li.icon a svg {
  vertical-align: center;
  width: 1.15rem;
  height: 1.15rem;
  padding: 0.30rem;
}
li.icon a:link, li.icon a:visited {
  color: hsl(210, 9%, 12%);
  fill: hsl(210, 9%, 12%);
  stroke: hsl(210, 9%, 12%);
}
li.icon a:hover, li.icon a:focus {
  background: #fff;
}
li.icon.social a:hover, li.icon.social a:focus {
}
li.icon a:hover svg, li.icon a:focus svg {
  fill: rgb(0,38,58);
  transition: all 0.4s ease 0s;
}
li.icon.social a:hover svg, li.icon.social a:focus svg {
  fill: #fff;
  width: 1.55rem;
  height: 1.55rem;
  padding: 0.10rem;
  transition: all 0.4s ease 0s;
}
li.icon.social a:hover, li.icon.social a:focus {
  animation: brightness 2s infinite;
  -webkit-animation: brightness 2s infinite;
}
li.icon a:active {
  background: rgb(0,38,58);
  color: #fff;
}
li.icon a:active svg {
  fill: #fff;
  transition: all 0.4s ease 0s;
}
li.icon.fa-facebook a:hover,  li.icon.fa-facebook a:focus  { background: #3d5ba8; }
li.icon.fa-flickr a:hover,    li.icon.fa-flickr a:focus    { background: #0066ed; }
li.icon.fa-instagram a:hover, li.icon.fa-instagram a:focus { background: #4090db; }
li.icon.fa-linkedin a:hover,  li.icon.fa-linkedin a:focus  { background: #007bb6; }
li.icon.fa-pinterest a:hover, li.icon.fa-pinterest a:focus { background: #bd2027; }
li.icon.fa-rss a:hover,       li.icon.fa-rss a:focus       { background: #ff6600; }
li.icon.fa-twitter a:hover,   li.icon.fa-twitter a:focus   { background: #55acee; }
li.icon.fa-vimeo a:hover,     li.icon.fa-vimeo a:focus     { background: #00acf2; }
li.icon.fa-youtube a:hover,   li.icon.fa-youtube a:focus   { background: #e62117; }

/** Logo **/
#logo {
  position: relative;
  display: inline-block;

  margin: -0.40rem 0 0 0;
  padding-left: 0;
  padding-right: 0;
}

.logo-hex-right {
  width: 2.5rem;
  height: 5rem;
  margin: 0;
  padding: 0;
}
.hex-right {
  width: 2.5rem;
  height: 5rem;
  margin: 0;
  fill: hsl(42.7, 45.7%, 38%);
  stroke: hsl(42.7, 45.7%, 38%);
  stroke-width: 0;
}

#logo h1 { margin: 0; padding: 0; }
#logo img {
  display: inline-block;
  height: 60px;
  fill: #fff;
}
#logo-link-gt, #logo-link-unit {
  display: inline-block;
}
#logo-link-gt {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
#logo-link-unit {
  padding: 0.5rem 1rem 0rem 0;
}

#campanile {
  fill: none;
  stroke: rgb(234,170,0);
  stroke: white;
  stroke-width: 0.9;
}
.logo-unit {
  fill: #fff;
}
#logo-gt:hover, .logo-unit:hover {
  fill: rgba(234,170,0,1);
}
#logo-tagline {
}

.inset { text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def; }
#site-name {
  color: rgb(234,170,0);
  text-shadow: #9c9c9c 0px 1px 0px;
}

/** Tag lines **/
@media screen and (min-width: 725px)  {
  #site-tagline { display: block; }
}
@media screen and (max-width: 724px)  {
  #site-tagline { display: none; }
}

#site-tagline {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 0 0.5rem 0;
  padding: 0;
  
  white-space: nowrap;
  letter-spacing: 0.05rem;
  font-size: 0.9rem;
  font-weight: 300;
  color: #fff;
  background: none;
}
#site-tagline a {
  padding: 0.4 0.5rem 0.2rem;
  cursor: pointer;
  text-decoration: none;
}
#site-tagline a:link, #site-tagline a:visited {
  color: #fff;
}
#site-tagline a:hover, #site-tagline a:focus {
  font-weight: bold;
  color: hsl(210,9.2%,17.9%);
  color: #00254c;
  background: white;
}
#site-tagline a:active {
  font-weight: bold;
  color: hsl(210,9.2%,17.9%);
  color: #00254c;
  background-color: hsl(43.7,86.7%,50%);
}

/** Primary Menu **/
#main-menu {
  width: 75rem;
  margin: 0 auto;
  position: relative;
  display: block;
}
#main-menu ul {
  float: none;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#main-menu li {
  background-image: none;
  float: left;
  font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}
#main-menu li, #main-menu a {
  font-size: 0.9rem;
  line-height: 1.4;
}
#main-menu li li, #main-menu li li a {
  font-size: 0.8rem;
  line-height: 1.2;
}
#main-menu a {
  text-decoration: none;
  display: block;
  padding: 0.75rem 0.75rem 0.65rem;
  font-weight: 400;
}
#main-menu a:link, #main-menu a:visited {
  color: hsl(210,9.2%,17.9%);
}
#main-menu a:hover, #main-menu a:focus {
  background-color: hsl(43.7,86.7%,80%);
  color: hsl(210,9.2%,17.9%);
}

#main-menu li ul {
  display: none;
}

#main-menu ul ul {
  background: rgba(255, 255, 255, 0.90);
  display: none;
  float: none;
  left: 0;
  position: absolute;
  top: 100%;
  width: 186px;
  z-index: 99;
}
#main-menu li ul li {
    float: none;
}
#main-menu ul li:hover ul {
  display: block;
}
  
/* Styling for "nolink" items added via special menu items module */
#main-menu > ul.menu > li > span.nolink {
  color: #262626;
  cursor: pointer;
  display: block;
  padding: 6px 12px;
}

#main-menu li li {
  font-size: 1em;
  clear: left;
}

#main-menu li li li {
  font-size: 1.075em;
  line-height: 1.3;
  border: none;
}

#main-menu li li.expanded li ul {
  border: none;
  padding-top: 0;
}

#main-menu a:hover,
#main-menu > ul.menu > li > span.nolink:hover,
#main-menu a:active {
  background: #262626;
  color: #FFFFFF;
  transition: background 0.3s ease 0s;
}

#main-menu ul ul ul {
  background-color: hsl(43.7,86.7%,80%);
  width: 100%;
  position: relative;
  display: block;
}

#main-menu li li a {
  padding-left: 0.75rem;
}

#main-menu li li a:hover,
#main-menu li li a:active {
  background-color: hsl(43.7,86.7%,80%);
  color: hsl(210,9.2%,17.9%);
}

#main-menu li li li a {
  padding-left: 1rem;
}

/* decorative only, so color contrast non WCAG AAA */
#main-menu li li li a:before {
  color: #FFE08B;
  display: inline-block;
  font-weight: bold;
  padding-right: 3px;
}

#main-menu li li li li a {
  padding-left: 24px;
}

#main-menu li li li li li a {
  padding-left: 30px;
}

/** Content Area **/
main {
  clear: both;
  display: block;
}
main section {
  margin: 0 auto;
  position: relative;
}
.full-width { z-index: 1; }
.full-width:before, .full-width:after{
  content: "";
  position: absolute;
  top: 0;
  width: 75%;
  height: 100%;
  z-index: -1;
  display: block;
}
.full-width:before { left: -50%; }
.full-width:after { left: 100%; }



.flex-controls {
  width: 100%;
  display: block;
  clear: both;
  height: auto;
  background: white;
  margin: 0.75rem auto;
  padding: 0;
  text-align: center;
}
.flex-controls ol, .flex-controls ul, .flex-pauseplay {
  display: inline-block;
}

.flex-controls li {
  display: block;
  float: left;
}
.flex-controls a {
  padding: 0.25rem;
}

.flex-control-nav {
  position: relative;
  bottom: 0.75rem;
  text-align: center;
  width: auto;
}
.flex-control-nav li {
  margin: 0 0.5rem;
}

.flex-control-paging li a {
  width: 0.75rem;
  height: 0.75rem;
}
.flex-direction-nav {
  display: none;
}
.flex-direction-nav .flex-prev {
  left: 0;
}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
  display: block;
  font-size: 1rem;
  color: black;
  width: 1rem;
  height: 1rem;
}

.flex-pauseplay a {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  opacity: 1;
  color: #00254c;
  cursor: pointer;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 1rem;
  display: inline-block;
  content: '\f004';
  padding: 0 0.25rem 0 0;
}
    
/** Highlight Links **/
.gradient-gray {
  box-sizing: border-box;
  margin: 0 auto;
  color: #fff;
  background: hsl(0,0%,28%) linear-gradient(to right, hsl(0,0%,28%) 0px, hsl(0,0%,33%) 22%, hsl(0,0%,38%) 50%, hsl(0,0%,33%) 78%, hsl(0,0%,28%) 100%);
  background: hsl(210,9.2%,27.9%) linear-gradient(to right, hsl(210,9.2%,27.9%) 0px, hsl(210,9.2%,37.9%) 22%, hsl(210,9.2%,32.9%) 50%, hsl(210,9.2%,37.9%) 78%, hsl(210,9.2%,27.9%) 100%);
}
.gradient-blue {
  margin: 0 auto;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: hsla(210.8, 100%, 14.9%, 0.8) linear-gradient(to right, hsla(210.8,100%,14.9%,0.8) 0px, hsla(210.8,100%,17.4%,0.8) 12%, hsla(210.8,100%,19.9%,0.8) 50%, hsla(210.8,100%,17.4%,0.8) 88%, hsla(210.8,100%,14.9%,0.8) 100%);
}

.super-block__jump-link a:before { display: none; }

.super-block__jump-link a,
.highlight-link-blue a, .highlight-link-yellow a,
.highlight-link-gray a, .highlight-link-white a {
  display: inline-block;
  font-weight: 500;
  padding: 0.5rem 1.0rem 0.5rem 0.75rem;
  padding: 0.0rem 0.75rem 0.25rem 0.75rem;
  vertical-align: bottom;
  text-decoration: none;
}
.super-block__jump-link a:after,
.highlight-link-blue a:after, .highlight-link-yellow a:after,
.highlight-link-gray a:after, .highlight-link-white a:after {
  display: inline-block;
  content: "\00bb";
  font-size: 1.8rem;
  padding: 0 0 0 0.75rem;
  margin: 0;
  line-height: 1;
  vertical-align: text-bottom;
}
.highlight-link-blue a   { background-color: #003f7e; }
.highlight-link-gray a   { background-color: #003f7e; }
.highlight-link-gold a   { background-color: #003f7e; }
.highlight-link-white a  { background-color: #ffffff; color: #262626; }

.super-block__jump-link a:link, .super-block__jump-link a:visited,
.highlight-link-yellow a:link, .highlight-link-yellow a:visited,
.highlight-link-blue a:link, .highlight-link-blue a:visited {
  background-color: hsl(43.7, 86.7%, 50%);
  color: hsl(210,9.2%,17.9%);
}
.super-block__jump-link a:hover, .super-block__jump-link a:focus,
.highlight-link-yellow a:hover, .highlight-link-yellow a:focus,
.highlight-link-blue a:hover, .highlight-link-blue a:focus {
  background-color: hsl(210,9.2%,17.9%);
  color: white;
}
.super-block__jump-link a:active,
.highlight-link-yellow a:active,
.highlight-link-blue a:active {
  background-color: hsl(42.7, 45.7%, 38%);
}


.highlight-link-white a {  
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon fill="%23fff" points="4.9,0 0,0 4.9,8.4 0,17 4.9,17 9.9,8.4 "/><polygon fill="%23fff" points="12.1,0 7.1,0 12.1,8.4 7.1,17 12.1,17 17,8.4 "/></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 17px;
}


/** Promo Full Width Bar **/
/*
#promo, #promo:before, #promo:after { background: hsl(102.9, 8.9%, 94.5%); }
@media screen and (min-width: 775px) {
#promo .no1 { padding-left: 50px; }
}
#promo { text-align: center; }
#promo p {
  font-size: 1.1rem;
  margin: 0;
  padding: 1rem 4rem;
  font-weight: 300;
}
#promo p a { font-weight: bolder; }
#promo p a:link, #promo p a:visited {
}
*/

/** Main Area Styles **/
#breadcrumb, #page-title {
  margin: 0 auto;
}
#breadcrumb ul, #breadcrumb ol, #breadcrumb li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#breadcrumb ul, #breadcrumb ol {
  padding: 1.5rem 0 0.3rem 1rem;
}
#breadcrumb li.last a::after {
  display: inline;
}

#breadcrumb .row {
  padding: 1rem 0 0.3rem 2.3rem;
}
#breadcrumb li {
  font-size: 0.75rem;
  line-height: 1;
}
#breadcrumb li a {
  font-size: 0.75rem;
  line-height: 1;
  color: #8b6f4e;
  padding: 0.25rem 0.40rem 0.25rem 0.65rem;
}
#breadcrumb li a:link, #breadcrumb li a:visited {
   color: hsl(42.7, 45.7%, 38%);
   text-decoration: none;
}
#breadcrumb li a:hover, #breadcrumb li a:focus {
   color: white;
   background-color: hsl(42.7, 45.7%, 38%);
   text-decoration: none;
}
#breadcrumb li a:active {
   color: white;
   background-color: hsl(210, 9.2%, 17.9%);
   text-decoration: none;
}
/*
#breadcrumb li a:after {
  color: #85714d;
  top: 0.4rem;
  font-size: 0.5rem;
}*/

#breadcrumb li:before, #breadcrumb li:after {
  border-right: 1px solid hsl(42.7, 45.7%, 38%);
  content: '';
  display: block;
  height: 25%;
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
  z-index: -1;
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);   
}
#breadcrumb li:after {
  bottom: 2px;
  top: auto;
  -moz-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

#page-title { 
  font-size: 2.5rem;
  letter-spacing: 0.05rem;
  clear: both;

  padding: 0;
  color: #b19142;
  font-weight: 700;
  margin: 0 auto 2rem;
  
  text-shadow: 1px 0 0 hsla(210, 9.2%, 67.9%,0.55);
}
/** CHANGE SOON in tempalte processing!!! **/
.front #breadcrumb, .front #page-title {
  display: none;
}

.grid {
  margin-top: -0.25rem;
  margin-right: 0;
  margin-bottom: 2rem;
  margin-left: -0.25rem;
  margin-top: -1rem;
  margin-left: -1rem;

  margin: 0;
  padding: 0;
  overflow-x: hidden;

  display: flex;
	display: -webkit-flex;
  flex-direction: row;
    
  flex-wrap:       wrap;
  -webkit-flex-direction: row;
	-webkit-flex-flow: row wrap;
  flex-flow:       row wrap;
  justify-content: center;
  align-items:     center;
  align-content:   space-between;
}
.grid article {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  width: 33.33333%;               /* For old syntax, otherwise collapses. */

  flex-basis: calc(100%/3 - 1rem);   /* IE11 needs flex-basis doing %s and rems */
  
  -webkit-box-flex: 0 1 calc(100%/3 - 1rem);      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0 1 calc(100%/3 - 1rem);         /* OLD - Firefox 19- */
  -webkit-flex: 0 1 calc(100%/3 - 1rem);          /* Chrome */
  -ms-flex: 0 1 calc(100%/3 - 1rem);              /* IE 10 */
  flex: 0 1 calc(100%/3 - 1rem);

  align-self: flex-start;
  
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  margin-top: 1rem;
  margin-left: 1rem;
  margin: 0;
  background-color: hsl(42.7, 45.7%, 92%);
}
.grid .content {
  margin: 0.25rem 0.25rem 1rem 0.25rem;
  margin: 1rem;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.grid img {
  text-align: center;
  margin: 0 auto;
}
.grid h4 {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  color: #fff;
  text-align: center;
  margin: 0;

  border-top: 1px solid white;
  padding: 0.5rem 1rem 0.35rem;
}
.grid a:hover, .grid a:focus {
}
.grid a:link h4, .grid a:visited h4 {
  color: white;
  background-color: hsl(42.7, 45.7%, 47.6%);
  text-shadow: 1px 1px 0 hsl(210, 9.2%, 27.9%);
}
.grid a:hover h4, .grid a:focus h4 {
}
.grid a:active h4 {
  text-shadow: none;
  color: hsl(43.7,86.7%,96%);
  background-color: hsl(210, 9.2%, 27.9%);
}

.grid a.inverted h4 { font-weight: 500; }
.grid a.inverted:link h4, .grid a.inverted:visited h4 {
  background-color: white;
  color: hsl(42.7, 45.7%, 47.6%);
  text-shadow: 1px 1px 0 hsl(210, 9.2%, 27.9%);
  text-shadow: none;
}
.grid a.inverted:hover h4, .grid a.inverted:focus h4 {
  text-shadow: none;
}
.grid a.inverted:active h4 {
  text-shadow: none;
  color: hsl(43.7,86.7%,96%);
  background-color: hsl(210, 9.2%, 27.9%);
}

.grid p {
  padding: 0.5rem 1rem 0.75rem 1rem;
  line-height: 1.3;
}
.grid a:link p, .grid a:visited p {
  color: hsl(210,9.2%,17.9%);
  background-color: hsl(42.7, 45.7%, 92%);
}
.grid a:active p {
  color: hsl(43.7,86.7%,96%);
}

.grid a.hover-zoom {
  display: block;
  padding: 15rem 0 0.75rem 0;
  width: 100%;
  text-decoration: none;
}

.hover-zoom {
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
.hover-zoom:hover, .hover-zoom:focus {
  background-size: 108%;
}


/** Mercury Based Feeds **/
.hg-feed {
  list-style: none;
  list-style-type: none;
  margin: 0 0 2rem 0;
  padding: 0;
}
.hg-feed .hg-title, .hg-feed .hg-summary {
  margin-top: 0;
  margin-right: 0;
  margin-left: 28%;
  padding: 0;
}
.hg-feed .hg-title {
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
  line-height: 1.3;
}
.hg-feed .hg-summary, .hg-feed p {
  margin-left: 28%;
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.2;
}

.hg-item {
  list-style: none;
  margin-bottom: 1rem;
  text-align: left;
}

.hg-feed a {
  display: block;
  padding: 0;
}
.hg-feed a:link, .hg-feed a:visited {
  text-decoration: none;
}
.hg-feed a:link p, .hg-feed a:visited p {
  color: hsl(210,9.2%,17.9%);
}
.hg-feed a:active p {
  color: hsl(43.7,86.7%,96%);
}

.hg-thumbnail, .hg-feed img {
  display: block;
  float: left;
  width: 25%;
  padding: 0.35rem 0.25rem;
}
.hg-event-date {
  float: left;
  width: 25%;
  background-color: hsl(42.7, 45.7%, 47.6%);
  
  border-radius: 3px;
  padding: 0.35rem 0.25rem;
  text-align: center;
}
.hg-event-date .month, .hg-event-date .day {
  display: block;
  margin: 0 auto;
  padding: 0.25rem 0;
  text-align: center;
  text-shadow: 1px 1px 0 hsl(210, 9.2%, 27.9%);
}
.hg-event-date .month {
  font-size: 1.2em;
  font-weight: 400;
}
.hg-event-date .day {
  font-size: 1.5em;
  font-weight: 500;
}

.hg-feed a:link span, .hg-feed a:visited span {
  color: hsl(210,9.2%,17.9%);
  color: hsl(43.7,86.7%,96%);
}
.hg-feed a:active span {
  color: hsl(43.7,86.7%,96%);
}

@media screen and (max-width: 360px) {
.hg-feed .hg-summary {
  display: none;
}
}



/** Footer and Superfooter **/
footer {
  clear: both;
  margin-top: 4rem;
}
button {
  -moz-user-select: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}


#superfooter, #footer {
  width: 75rem;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  transition: all 0.3s ease-in-out 0s;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-between;
}


#footer, #footer:before, #footer:after { background-color: rgb(234,170,0); }
#footer, #footer:before, #footer:after { background-color: #ebb728; }
#footer {
  color: hsl(210,9.2%,17.9%);
  flex-flow: row nowrap;
  box-shadow: 1px 3px 3px #cb9500 inset;
  text-align: right;
}

#gt-footer-logo {
  flex: 1 1 auto;
  align-self: flex-start;
  box-sizing: border-box;
  padding: 1.5rem 2rem;
  width: auto;
  margin: 0;
  display: inline-block;
  float: left;
  font-size: 0.75rem;
}
#gt-footer-logo a {
  display: block;
  background: transparent url(../images/gt-logo-footer.png) top center no-repeat;
  padding: 4.5rem 0 0 0;
  text-decoration: none;
}
#gt-footer-logo a:link, #gt-footer-logo a:visited {
  color: #212121;
}
#gt-footer-logo a:hover, #gt-footer-logo a:focus {
  background: #212121 url(../images/gt-logo-footer.png) top center no-repeat;
  color: #fff;
}
#gt-footer-logo a:active {
  background: #212121 url(../images/gt-logo-footer.png) top center no-repeat;
  color: rgb(234,170,0);
}

#gt-footer-menus {
  flex: 3 1 auto;
  align-self: flex-start;
  box-sizing: border-box;
  padding: 1.5rem 2rem;
}

#gt-footer-utility-links, #gt-footer-legal-links, #gt-footer-login-links {
  text-align: right;
  width: auto;
}
#gt-footer-legal-links {
  border-top: 1px solid #ffbe0b;
  padding-top: 0.5rem;
  display: inline-block;
}
#footer .menu li {
  display: inline;
  font-size: 0.75rem;

}
#footer-utility-links .menu li::after {
  color: #000;
}

#footer .menu li a {
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  border-radius: 3px;
  display: inline-block;
}
#footer .menu li a:link, #footer .menu li a:visited {
  color: #212121;
  border: 1px solid transparent;
}
#footer .menu li a:hover, #footer .menu li a:focus {
  color: #000;
  border: 1px solid #212121;
}
#footer .menu li a:active {
  color: rgb(234,170,0);
  background-color: #212121;
  border: 1px solid #212121;
}

#gt-footer-utility-links.menu li a {
  font-size: 0.9rem;
}

#footer .menu li:after {
  content: '\f142';
  content: '•';
  display: inline-block;
  color: #212121;
  font-size: 0.8rem;
  margin-left: 0.25rem;
}

#footer #gt-footer-login-links li {
}
#footer #gt-footer-login-links li.first {
}
#footer #gt-footer-login-links li a:after {
}

#footer .menu li.last:after,
#footer #gt-footer-login-links li:after {
  content: '';
}

#block-block-104 img { margin-right: 2rem; }
#node-10546 .block-hg-reader { width: 50%; }
#node-10546 .hg-item { clear: left; }

main section .body h3, main section .node-body h3, main section .block-body h3,
main section .body h4, main section .node-body h4, main section .block-body h4,
main section .body h5, main section .node-body h5, main section .block-body h5,
main section .body h6, main section .node-body h6, main section .block-body h6 {
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.group-person-wrapper,
main section .body p, main section .node-body p, main section .block-body p,
main section .body ul, main section .node-body ul, main section .block-body ul,
main section .body ol, main section .node-body ol, main section .block-body ol,
main section .body dl, main section .node-body dl, main section .block-body dl {
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
main section .body ul, main section .node-body ul, main section .block-body ul,
main section .body ol, main section .node-body ol, main section .block-body ol,
main section .body dl, main section .node-body dl, main section .block-body dl {
  padding: 0 1rem;
}
@media screen and (min-width: 601px) {
main section .body ul, main section .node-body ul, main section .block-body ul,
main section .body ol, main section .node-body ol, main section .block-body ol,
main section .body dl, main section .node-body dl, main section .block-body dl {
  padding: 0 1rem 0 6rem;
}
}

main section .block-body li {
  margin-bottom: 0.5rem;
}

.editor-float-right-simple {
  float: right;
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.editor-float-left-simple {
  float: left;
  margin-right: 1rem;
  margin-bottom: 2rem;
}
.body.with-aside {
  width: calc(100% - 250px - 2rem);
}
aside.sidebar {
  position: absolute;
  top: 0;
  left: calc(100% - 250px - 1rem);
  padding-left: 1rem;
  margin-bottom: 2rem;
  background-color: hsl(42.7, 45.7%, 86%);
}
aside.sidebar h3 {
  background-image: none;
  font-size: 1.4rem;
}

.block-count-2,
body.page-people .view-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-between;
}
.gt-people-image { float: left; }
.gt-people-content {
  margin-left: 100px;
  padding-left: 1rem;
}
main section article .block-body .gt-people-content dl {
  padding-left: 0;
}
.gt-people-content dd {
  margin-left: 0;
  line-height: 1.4;
}

.dgt-block .content img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 360px) {

  .block-count-2 .block-nodeblock,
  body.page-people .gt-person-box {
    width: 100%;
  }
  #superfooter section, #superfooter section#address-map {
    width: 100%
  }
}

.t-list-2col, .t-list-2col li {
  list-style: none;
  list-style-type: none;
}
  
@media screen and (min-width: 361px) and (max-width: 640px) {
  body.page-people .gt-person-box { width: calc( 50% - 1rem); }
}
@media screen and (min-width: 361px) {
  .block-count-2 .block-nodeblock { width: 50%; }
  .block-count-2 .block-nodeblock:nth-child(odd) { padding: 0 0.5rem 0 0; }
  .block-count-2 .block-nodeblock:nth-child(even) { padding: 0 0 0 0.5rem; }
  
  #superfooter section,#superfooter section#address-map { width: 100%; }
}
@media screen and (min-width: 361px) and (max-width: 600px) {
  #superfooter section { width: 50%; }
  #superfooter section#address-map { width: 100%; }
}
@media screen and (min-width: 601px) {
  body.page-people .gt-person-box { width: calc(100% / 3 - 1rem); }

  #superfooter section,#superfooter section#address-map { width: calc(100% / 3); }

  .t-list-2col {
    column-count: 2;
  }
}
@media screen and (min-width: 1201px)  {
  body.page-people .gt-person-box { width: calc( 100% / 3 - 1rem ); }
}

.content .body aside {
  z-index: 1;
}
.content .body aside div.body {
  margin: 0 0 2rem 1rem;
  background-color: hsl(42.7, 45.7%, 92%);
  padding-bottom: 0.5rem;
}
.content .body aside h4 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.1;
    
  margin-left: 0;
  margin-bottom: 1rem;
  padding: 1rem 0.75rem 0.75rem 1rem;

  background-color: hsl(42.7, 45.7%, 38%);
  color: white;
}
/*
.content .body aside.aside-dark h4,
.content .body aside.aside-blue h4 {
  color: #fff;
  background-color: hsl(210, 9.2%, 17.9%);
}
.content .body aside.aside-dark div.body,
.content .body aside.aside-blue div.body {
  margin: 0 0 2rem 2rem;
  background-color: hsl(210, 9.2%, 96%);
}
.content .body aside p {
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0 1rem 1rem 2rem;
}
.content .body aside p.highlight-link-yellow,
.content .body aside p.highlight-link-blue {
  text-align: right;
}
*/

#content .content .body > p img {
  text-align: center;
  width: 100%;
}

.row:nth-child(odd) {
  background-color: #ededed;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.row:nth-child(even) {
  background-color: #fefefe;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
img.subsection {
  width: 100%;
}

#superfooter {
  background-color: rgba(0,34,51,0.16);
  overflow: hidden;
  width: 100%;
  padding-top: 1rem;

}

#superfooter > .row {
  padding: 20px 10px 10px 10px;
}

.superfooter-links h4, .superfooter-resource-links .title, .superfooter-resource-links ul.menu span.nolink {
  color: #023;
}
.superfooter-links h4 {
  margin-bottom: 0.5rem;
}
.superfooter-links ul {
  margin-bottom: 1rem;
}
.superfooter-gt-default-mini .superfooter-resource-links .title {
  border-bottom: 1px dotted rgb(234,170,0);
}
section#address-map { display: none; }