@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=dd824340-763c-4324-b343-3bf4a76680ce");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
html {
  font-size: 100%;
  /* 1 */
  overflow-y: scroll;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  scroll-padding-top: 111px;
}
body {
  margin: 0;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
a:focus {
  outline: thin dotted;
}
p:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
h1 {
  font-size: 2em;
}
b,
strong {
  font-weight: 700;
}
blockquote {
  margin: 1em 40px;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
button,
input {
  line-height: normal;
  /* 1 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/*
.keyframes(@name, @arguments) {
  @-moz-keyframes @name { @arguments }
  @-webkit-keyframes @name { @arguments }
  @keyframes @name { @arguments }
}
*/
@font-face {
  font-family: "Avenir LT W01_45 Book1475508";
  src: url("//www.ggc.edu/_template_assets/fonts/avenir/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
  src: url("//www.ggc.edu/_template_assets/fonts/avenir/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"), url("//www.ggc.edu/_template_assets/fonts/avenir/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), url("//www.ggc.edu/_template_assets/fonts/avenir/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"), url("//www.ggc.edu/_template_assets/fonts/avenir/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"), url("//www.ggc.edu/_template_assets/fonts/avenir/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg");
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #f4f4f3;
  height: 100%;
  line-height: 1.75;
  position: relative;
  width: 100%;
}
body a {
  color: #00704a;
}
body,
input,
select,
textarea {
  color: #000000;
  font-family: 'Avenir LT W01_45 Book1475508', 'Avenir W01', 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 200;
  color: #000000;
}
h1 {
  font-size: 1.5em;
  font-weight: 100;
}
h2 {
  font-size: 1.5em;
}
h2.fixed-size {
  font-size: 21px;
}
h2.green-underline {
  color: #00704a !important;
  font-size: 2.25em;
}
h2.green-underline:after {
  background-color: #77bc1f;
  content: '';
  display: block;
  height: 3px;
  margin-top: 0.75em;
  width: 60px;
}
h3.fixed-size {
  font-size: 18px;
}
/*** Hank Removed this style to fix the calendar UI 02/24/2016 ***/
/*
html, body {
  height: 100%;
}
*/
.button {
  font-size: 0.875em;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  background-color: #00704a;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 0 60px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid transparent;
}
.button:hover {
  background-color: transparent;
  border: 1px solid #00704a;
  color: #00704a;
}
.button.button-wide {
  width: 100% !important;
}
.button.button-wide.long-label {
  height: auto;
  line-height: 30px;
  padding: 15px;
}
.button.large {
  font-size: 1em;
  height: 70px;
  line-height: 70px;
  padding: 0 70px;
}
.button.small {
  font-size: 0.75em;
  height: 50px;
  line-height: 50px;
  padding: 0 50px;
}
.button.reverse {
  background-color: transparent !important;
  border: 1px solid #00704a;
  color: #00704a;
}
.button.bg-light-green {
  background-color: #77bc1f;
  color: #404041;
}
.button.bg-light-green:hover {
  background-color: transparent;
  border: 1px solid #77bc1f;
  color: #404041;
}
.button.bg-light-green.reverse {
  border-color: #77bc1f;
  color: #404041;
}
.button.bg-green {
  background-color: #00704a;
}
.button.bg-green:hover {
  background-color: transparent;
  border: 1px solid #00704a;
  color: #00704a;
}
.button.bg-green.reverse {
  border-color: #00704a;
  color: #00704a;
}
.button.bg-dark-green {
  background-color: #005437;
}
.button.bg-dark-green:hover {
  background-color: transparent;
  border: 1px solid #005437;
  color: #005437;
}
.button.bg-dark-green.reverse {
  border-color: #005437;
  color: #005437;
}
.button.bg-gold {
  background-color: #e7a931;
  color: #404041;
}
.button.bg-gold:hover {
  background-color: transparent;
  border: 1px solid #e7a931;
  color: #404041;
}
.button.bg-gold.reverse {
  border-color: #e7a931;
  color: #404041;
}
.button.bg-blue {
  background-color: #00568d;
}
.button.bg-blue:hover {
  background-color: transparent;
  border: 1px solid #00568d;
  color: #00568d;
}
.button.bg-blue.reverse {
  border-color: #00568d;
  color: #00568d;
}
.button.bg-light-blue {
  background-color: #89cbf5;
  color: #404041;
}
.button.bg-light-blue:hover {
  background-color: transparent;
  border: 1px solid #89cbf5;
  color: #404041;
}
.button.bg-light-blue.reverse {
  border-color: #89cbf5;
  color: #404041;
}
.button.bg-royal-blue {
  background-color: #0b7dbc;
}
.button.bg-royal-blue:hover {
  background-color: transparent;
  border: 1px solid #0b7dbc;
  color: #0b7dbc;
}
.button.bg-royal-blue.reverse {
  border-color: #0b7dbc;
  color: #0b7dbc;
}
.button.bg-dark-grey {
  background-color: #404041;
}
.button.bg-dark-grey:hover {
  background-color: transparent;
  border: 1px solid #404041;
  color: #404041;
}
.button.bg-dark-grey.reverse {
  border-color: #404041;
  color: #404041;
}
.button.bg-light-grey {
  background-color: #e9e9e9;
  color: #005437;
}
.button.bg-light-grey:hover {
  background-color: transparent;
  border: 1px solid #005437;
  color: #005437;
}
.button.bg-light-grey.reverse {
  border-color: #005437;
  color: #005437;
}
.button.bg-off-white {
  background-color: #f4f4f3;
  color: #404041;
}
.button.bg-off-white:hover {
  background-color: transparent;
  border: 1px solid #404041;
  color: #404041;
}
.button.bg-off-white.reverse {
  border-color: #404041;
  color: #404041;
}
.button.bg-maroon {
  background-color: #a10733;
}
.button.bg-maroon:hover {
  background-color: transparent;
  border: 1px solid #a10733;
  color: #a10733;
}
.button.bg-maroon.reverse {
  border-color: #a10733;
  color: #a10733;
}
@media only screen and (max-width: 620px) {
  .button {
    font-size: 0.75em;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
  }
  .button.large {
    font-size: 0.875em;
    height: 60px;
    line-height: 60px;
    padding: 0 60px;
  }
  .button.long-label {
    line-height: 32px;
    padding: 10px;
  }
}
.alt-button {
  font-size: 1.5em;
  background: url('https://www.ggc.edu/sebin/p/s/arrow-green-right.svg') no-repeat right center;
  background-size: 33px 20px;
  display: inline-block;
  font-weight: 400;
  padding-right: 60px;
  text-decoration: none;
}
.no-svg .alt-button {
  background-image: url('https://www.ggc.edu/sebin/t/u/arrow-green-right.png');
}
.alt-button.small {
  font-size: 0.875em;
  background-size: 26px 16px;
  padding-right: 40px;
}
.alt-button.small.with-arrow {
  background: url('https://www.ggc.edu/sebin/p/s/arrow-green-right.svg') no-repeat right center;
  background-size: 26px 16px;
  font-size: 16px;
}
.no-svg .alt-button.small.with-arrow {
  background-image: url('https://www.ggc.edu/sebin/t/u/arrow-green-right.png');
}
.alt-button.large {
  border-bottom: 1px solid #e9e9e9;
  color: #404041;
  letter-spacing: 4px;
  margin-bottom: 1em;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .alt-button {
    font-size: 0.875em;
    background-size: 26px 16px;
    padding-right: 40px;
  }
}
.go-button {
  background: url("https://www.ggc.edu/sebin/p/s/arrow-green-right.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 20px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 33px;
  white-space: nowrap;
  background-size: 33px 20px;
}
.no-svg .go-button {
  background-image: url('https://www.ggc.edu/sebin/t/u/arrow-green-right.png');
}
.alt-button.button-lightgreen,
.go-button.button-lightgreen {
  background-image: url('https://www.ggc.edu/sebin/f/n/arrow-lightgreen-right.svg');
}
.no-svg .alt-button.button-lightgreen,
.no-svg .go-button.button-lightgreen {
  background-image: url('https://www.ggc.edu/sebin/p/o/arrow-lightgreen-right.png');
}
.alt-button.button-yellow,
.go-button.button-yellow {
  background-image: url('https://www.ggc.edu/sebin/f/x/arrow-yellow-right.svg');
}
.no-svg .alt-button.button-yellow,
.no-svg .go-button.button-yellow {
  background-image: url('https://www.ggc.edu/sebin/h/q/arrow-yellow-right.png');
}
.alt-button.button-bright-green,
.go-button.button-bright-green {
  background-image: url('https://www.ggc.edu/sebin/j/z/arrow-bright-green-right.svg');
}
.no-svg .alt-button.button-bright-green,
.no-svg .go-button.button-bright-green {
  background-image: url('https://www.ggc.edu/sebin/d/r/arrow-bright-green-right.png');
}
.wrapper {
  margin: 0 auto;
  max-width: 1400px;
  width: 94%;
  position: relative;
}
a.show-underline {
  text-decoration: underline !important;
}
a.hide-underline {
  text-decoration: none !important;
}
.hidden-link-description {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}
.grid-3,
.grid-2,
.grid-1 {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.grid-3 .content-box,
.grid-2 .content-box,
.grid-1 .content-box {
  padding-top: 90px;
  text-align: center;
  width: 32.66%;
}
.grid-3 .content-box h2,
.grid-2 .content-box h2,
.grid-1 .content-box h2 {
  font-size: 1.125em;
  color: #000000;
  margin-bottom: 1.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.grid-3 .content-box h2.fixed-size,
.grid-2 .content-box h2.fixed-size,
.grid-1 .content-box h2.fixed-size {
  font-size: 21px;
  color: #000000;
}
.grid-3 .content-box a,
.grid-2 .content-box a,
.grid-1 .content-box a {
  text-decoration: none;
}
.grid-3 .content-box a.darker-gray-color,
.grid-2 .content-box a.darker-gray-color,
.grid-1 .content-box a.darker-gray-color {
  color: #404041;
}
.grid-3 .content-box p,
.grid-2 .content-box p,
.grid-1 .content-box p {
  line-height: 2;
}
.grid-3 .content-box p a.gray-color,
.grid-2 .content-box p a.gray-color,
.grid-1 .content-box p a.gray-color {
  color: #627079;
}
.grid-3 .content-box .button,
.grid-2 .content-box .button,
.grid-1 .content-box .button {
  font-size: 0.6875em;
  border-radius: 0;
  margin: 0 5px 5px;
  padding: 0;
  width: 145px;
}
.grid-3 .content-box .button.long-label,
.grid-2 .content-box .button.long-label,
.grid-1 .content-box .button.long-label {
  padding: 15px 5px;
}
.no-flexbox .grid-3,
.no-flexbox .grid-2,
.no-flexbox .grid-1 {
  display: block;
}
.ie7 .no-flexbox .grid-3,
.ie7 .no-flexbox .grid-2,
.ie7 .no-flexbox .grid-1 {
  display: inline-block;
}
.no-flexbox .grid-3:after,
.no-flexbox .grid-2:after,
.no-flexbox .grid-1:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .no-flexbox .grid-3,
html[xmlns] .no-flexbox .grid-2,
html[xmlns] .no-flexbox .grid-1 {
  display: block;
}
* html .no-flexbox .grid-3,
* html .no-flexbox .grid-2,
* html .no-flexbox .grid-1 {
  height: 1%;
}
.no-flexbox .grid-3 .content-box,
.no-flexbox .grid-2 .content-box,
.no-flexbox .grid-1 .content-box {
  float: left;
  margin-left: 1%;
  min-height: 525px;
}
.no-flexbox .grid-3 .content-box.sticky-figure-top,
.no-flexbox .grid-2 .content-box.sticky-figure-top,
.no-flexbox .grid-1 .content-box.sticky-figure-top {
  margin-left: 0;
}
.no-flexbox .grid-3 .content-box.sticky-figure-top-header-below,
.no-flexbox .grid-2 .content-box.sticky-figure-top-header-below,
.no-flexbox .grid-1 .content-box.sticky-figure-top-header-below {
  margin-left: 0;
}
@media only screen and (max-width: 1200px) {
  .grid-3 .content-box,
  .grid-2 .content-box,
  .grid-1 .content-box {
    padding-top: 48px;
    width: 100%;
  }
  .grid-3 .content-box .button,
  .grid-2 .content-box .button,
  .grid-1 .content-box .button {
    width: 100%;
  }
  .grid-3 .content-box.announcement,
  .grid-2 .content-box.announcement,
  .grid-1 .content-box.announcement {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .grid-3,
  .grid-2,
  .grid-1 {
    display: block;
  }
  .grid-3 .content-box,
  .grid-2 .content-box,
  .grid-1 .content-box {
    margin-bottom: 2em;
    width: 100% !important;
  }
}
.grid-2 .content-box {
  width: 48.99%;
}
.no-flexbox .grid-2 .content-box {
  min-height: 320px;
}
.grid-1 .content-box {
  width: 100%;
}
.no-flexbox .grid-1 .content-box {
  min-height: 0;
  padding-bottom: 90px;
}
.content-box {
  background-color: #fff;
  display: block;
  padding: 48px;
  position: relative;
}
.content-box:after {
  border: 1.7px solid #85c446;
  bottom: 15px;
  content: '';
  display: block;
  left: 15px;
  opacity: 0.75;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
}
.content-box.content-box-no-border h2 {
  text-align: center;
}
.content-box.content-box-no-border:after {
  border: 0px solid #ccc;
}
.content-box.sticky-figure-right .figure,
.content-box.sticky-figure-top .figure,
.content-box.sticky-figure-top-header-below .figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.content-box.sticky-figure-right .figure img,
.content-box.sticky-figure-top .figure img,
.content-box.sticky-figure-top-header-below .figure img {
  display: block;
}
.content-box.sticky-figure-right .content-box-wrap,
.content-box.sticky-figure-top .content-box-wrap,
.content-box.sticky-figure-top-header-below .content-box-wrap {
  position: relative;
  z-index: 2;
}
.content-box.sticky-figure-right h2 a,
.content-box.sticky-figure-top h2 a,
.content-box.sticky-figure-top-header-below h2 a {
  text-decoration: none;
}
.content-box.sticky-figure-right img {
  height: auto;
  width: 100%;
}
.content-box.sticky-figure-right h2 a.darker-gray-color {
  color: #404041;
}
.content-box.sticky-figure-right p a.gray-color {
  color: #627079;
}
.content-box.sticky-figure-top {
  padding: 70px 70px 40px;
  text-align: left;
}
.content-box.sticky-figure-top h2 {
  color: #fff;
  height: 170px;
  width: 70%;
}
.content-box.sticky-figure-top h2 a.sticky-figure-top-header-white-to-gray {
  color: #fff;
}
.content-box.sticky-figure-top h2 img {
  height: 100%;
  width: auto;
}
.content-box.sticky-figure-top .content-box-wrap {
  width: 105%;
}
.content-box.sticky-figure-top .figure {
  left: 0;
  overflow: hidden;
  padding-top: 78%;
  width: 100%;
}
.content-box.sticky-figure-top .figure img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-box.sticky-figure-top-header-below {
  padding: 40px 70px 40px 40px;
  text-align: left;
}
.content-box.sticky-figure-top-header-below h2 {
  color: #000000;
  width: 100%;
}
.content-box.sticky-figure-top-header-below h2 a.sticky-figure-top-header {
  color: #000000;
}
.content-box.sticky-figure-top-header-below h2 img {
  height: 100%;
  width: auto;
}
.content-box.sticky-figure-top-header-below .content-box-wrap {
  width: 105%;
  margin-top: 70%;
}
.content-box.sticky-figure-top-header-below .figure {
  left: 0;
  overflow: hidden;
  padding-top: 270px;
  width: 100%;
}
.content-box.sticky-figure-top-header-below .figure img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-box.sticky-figure-right {
  padding: 52px 82px;
}
.content-box.sticky-figure-right .figure {
  height: 100%;
  right: 0;
  width: 66.33%;
}
.content-box.sticky-figure-right .figure img {
  float: right;
}
.content-box.sticky-figure-right .content-box-wrap {
  width: 25%;
}
.content-box.sticky-figure-right h2 {
  background: url('https://www.ggc.edu/sebin/p/s/arrow-green-right.svg') no-repeat left bottom;
  background-size: 55px 29px;
  padding-bottom: 1.75em;
  text-transform: uppercase;
}
.no-svg .content-box.sticky-figure-right h2 {
  background-image: url('https://www.ggc.edu/sebin/t/u/arrow-green-right.png');
}
.content-box.sticky-figure-right p {
  line-height: 2.25;
  padding-left: 28px;
}
.content-box.content-box-green {
  background-color: #00704a !important;
}
.content-box.content-box-green h2 {
  color: #ffffff !important;
}
.content-box.content-box-green .alt-button {
  color: #ffffff !important;
}
.content-box.content-box-green.content-box:after {
  border: 2px solid #77bc1f;
  opacity: .5;
}
.content-box.content-box-green:after {
  border: 2px solid #4af50c;
}
.content-box.announcement {
  background-color: #00704a;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto 20px auto !important;
  color: #ffffff;
}
@media only screen and (max-width: 1200px) {
  .content-box.sticky-figure-top {
    padding: 48px;
  }
  .content-box.sticky-figure-top h2 {
    height: 170px;
  }
  .content-box.sticky-figure-top-header-below {
    padding: 48px;
  }
  .content-box.sticky-figure-top-header-below h2 {
    color: #000000;
  }
  .content-box.sticky-figure-right {
    padding: 48px;
  }
  .content-box.sticky-figure-right .figure {
    position: static;
    width: 100%;
  }
  .content-box.sticky-figure-right .figure img {
    height: auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
  }
  .content-box.sticky-figure-right .content-box-wrap {
    padding-right: 0;
    width: 100%;
  }
  .content-box.sticky-figure-right p {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .content-box.sticky-figure-top-header-below h2 {
    height: auto;
    width: 100%;
    color: #000000;
  }
  .content-box.sticky-figure-top-header-below .figure {
    height: auto;
    padding-top: 0;
    position: static;
  }
  .content-box.sticky-figure-top-header-below .figure img {
    position: absolute;
  }
  .content-box.sticky-figure-top-header-below .content-box-wrap {
    width: 100%;
    margin-top: 60%;
  }
}
@media only screen and (max-width: 900px) {
  .content-box .content-box .announcement {
    background-color: #ff0000 !important;
    top: 0;
    bottom: 0;
  }
  .content-box .content-box.announcement {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 900px) {
  .content-box:after {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
  }
  .content-box.sticky-figure-top h2 {
    color: #000000;
    height: auto;
    width: 100%;
  }
  .content-box.sticky-figure-top h2 a.sticky-figure-top-header-white-to-gray {
    color: #000000;
  }
  .content-box.sticky-figure-top .figure {
    height: auto;
    padding-top: 0;
    position: static;
  }
  .content-box.sticky-figure-top .figure img {
    position: static;
  }
}
.sticky-figure-right iframe,
.sticky-figure-top iframe,
.sticky-figure-top-header-below iframe {
  border: 0;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .sticky-figure-right .figure iframe,
  .sticky-figure-top .figure iframe,
  .sticky-figure-top-header-below .figure iframe {
    height: 390px;
  }
}
@media only screen and (max-width: 720px) {
  .sticky-figure-right .figure iframe,
  .sticky-figure-top .figure iframe,
  .sticky-figure-top-header-below .figure iframe {
    height: 310px;
  }
}
@media only screen and (max-width: 620px) {
  .sticky-figure-right .figure iframe,
  .sticky-figure-top .figure iframe,
  .sticky-figure-top-header-below .figure iframe {
    height: 250px;
  }
}
@media only screen and (max-width: 500px) {
  .sticky-figure-right .figure iframe,
  .sticky-figure-top .figure iframe,
  .sticky-figure-top-header-below .figure iframe {
    height: 170px;
  }
}
.internal-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.internal-grid .content-box {
  padding: 0px;
  margin-bottom: 10px !important;
  width: 100%;
}
.internal-grid .content-box a.alt-button {
  text-decoration: none;
}
.internal-grid .content-box a.long-label {
  padding: 15px 5px;
}
.internal-grid .content-box::after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 3px solid #bbb;
}
.no-border.internal-grid .content-box::after {
  border: none;
}
.internal-grid .content-box .content-box-wrap {
  padding: 0 1em;
}
.internal-grid .content-box .content-box-wrap p:last-child,
.internal-grid .content-box .content-box-wrap ul:last-child,
.internal-grid .content-box .content-box-wrap ol:last-child {
  margin-bottom: 5px;
}
.bg-blue.internal-grid .content-box .content-box-wrap,
.bg-gold.internal-grid .content-box .content-box-wrap,
.bg-green.internal-grid .content-box .content-box-wrap,
.bg-dark-green.internal-grid .content-box .content-box-wrap,
.bg-light-green.internal-grid .content-box .content-box-wrap,
.bg-dark-grey.internal-grid .content-box .content-box-wrap,
.bg-light-grey.internal-grid .content-box .content-box-wrap {
  padding: 1em;
  color: #fff;
}
.bg-blue.internal-grid .content-box .content-box-wrap h2,
.bg-gold.internal-grid .content-box .content-box-wrap h2,
.bg-green.internal-grid .content-box .content-box-wrap h2,
.bg-dark-green.internal-grid .content-box .content-box-wrap h2,
.bg-light-green.internal-grid .content-box .content-box-wrap h2,
.bg-dark-grey.internal-grid .content-box .content-box-wrap h2,
.bg-light-grey.internal-grid .content-box .content-box-wrap h2,
.bg-blue.internal-grid .content-box .content-box-wrap h3,
.bg-gold.internal-grid .content-box .content-box-wrap h3,
.bg-green.internal-grid .content-box .content-box-wrap h3,
.bg-dark-green.internal-grid .content-box .content-box-wrap h3,
.bg-light-green.internal-grid .content-box .content-box-wrap h3,
.bg-dark-grey.internal-grid .content-box .content-box-wrap h3,
.bg-light-grey.internal-grid .content-box .content-box-wrap h3,
.bg-blue.internal-grid .content-box .content-box-wrap h4,
.bg-gold.internal-grid .content-box .content-box-wrap h4,
.bg-green.internal-grid .content-box .content-box-wrap h4,
.bg-dark-green.internal-grid .content-box .content-box-wrap h4,
.bg-light-green.internal-grid .content-box .content-box-wrap h4,
.bg-dark-grey.internal-grid .content-box .content-box-wrap h4,
.bg-light-grey.internal-grid .content-box .content-box-wrap h4,
.bg-blue.internal-grid .content-box .content-box-wrap h5,
.bg-gold.internal-grid .content-box .content-box-wrap h5,
.bg-green.internal-grid .content-box .content-box-wrap h5,
.bg-dark-green.internal-grid .content-box .content-box-wrap h5,
.bg-light-green.internal-grid .content-box .content-box-wrap h5,
.bg-dark-grey.internal-grid .content-box .content-box-wrap h5,
.bg-light-grey.internal-grid .content-box .content-box-wrap h5,
.bg-blue.internal-grid .content-box .content-box-wrap h6,
.bg-gold.internal-grid .content-box .content-box-wrap h6,
.bg-green.internal-grid .content-box .content-box-wrap h6,
.bg-dark-green.internal-grid .content-box .content-box-wrap h6,
.bg-light-green.internal-grid .content-box .content-box-wrap h6,
.bg-dark-grey.internal-grid .content-box .content-box-wrap h6,
.bg-light-grey.internal-grid .content-box .content-box-wrap h6 {
  color: #fff;
}
.bg-blue.internal-grid .content-box {
  background-color: #00568d;
}
.bg-light-blue.internal-grid .content-box {
  background-color: #89cbf5;
}
.bg-gold.internal-grid .content-box {
  background-color: #e7a931;
}
.bg-green.internal-grid .content-box {
  background-color: #00704a;
}
.bg-dark-green.internal-grid .content-box {
  background-color: #005437;
}
.bg-light-green.internal-grid .content-box {
  background-color: #77bc1f;
}
.bg-dark-grey.internal-grid .content-box {
  background-color: #404041;
}
.bg-light-grey.internal-grid .content-box {
  background-color: #e9e9e9;
}
.bg-light-grey.internal-grid .content-box .content-box-wrap {
  padding: 1em;
  color: #000000;
}
.bg-light-grey.internal-grid .content-box .content-box-wrap h2,
.bg-light-grey.internal-grid .content-box .content-box-wrap h3,
.bg-light-grey.internal-grid .content-box .content-box-wrap h4,
.bg-light-grey.internal-grid .content-box .content-box-wrap h5,
.bg-light-grey.internal-grid .content-box .content-box-wrap h6 {
  color: #000000;
}
.internal-grid .content-box a.button-lib-search {
  display: block;
  margin-top: 8px;
}
.internal-grid .content-box button.button-lib-search {
  display: none;
  background-color: #ddd;
  border: none;
  vertical-align: bottom;
  text-align: center;
  padding: 11px 12px 5px;
}
.internal-grid .content-box button.button-lib-search:hover {
  background-color: #ccc;
}
.internal-grid .content-box #ebscohostsearchtext {
  width: 100%;
  padding: 10px;
  color: #000;
}
.internal-grid .content-box .nav-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.internal-grid .content-box .nav-list a {
  display: block;
  font-size: 16px;
}
@media screen and (min-width: 40em) {
  .internal-grid .content-box #ebscohostsearchtext {
    max-width: 80%;
  }
  .internal-grid .content-box a.button-lib-search {
    display: none;
  }
  .internal-grid .content-box button.button-lib-search {
    display: inline-block;
  }
}
@media screen and (min-width: 40em) {
  .internal-grid.internal-grid-4 .content-box {
    width: 45%;
    width: calc(50%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 60em) {
  .internal-grid.internal-grid-4 .content-box {
    width: 22%;
    width: calc(25%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 40em) {
  .internal-grid.internal-grid-3 .content-box {
    width: 45%;
    width: calc(49.5%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 60em) {
  .internal-grid.internal-grid-3 .content-box {
    width: 30.33%;
    width: calc(32.33%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 40em) {
  .internal-grid.internal-grid-2 .content-box {
    width: 45%;
    width: calc(49.5%);
    border: .5em solid #fff;
  }
}
.no-flexbox .internal-grid {
  display: block;
}
.ie7 .no-flexbox .internal-grid {
  display: inline-block;
}
.no-flexbox .internal-grid:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .no-flexbox .internal-grid {
  display: block;
}
* html .no-flexbox .internal-grid {
  height: 1%;
}
.no-flexbox .internal-grid .content-box {
  float: left;
  margin-left: 1%;
  min-height: 525px;
}
@media screen and (min-width: 60em) {
  .multi-column.three-column .nav-grid.nav-grid-4 .nav-lists li.list {
    width: 45%;
    width: calc(50%);
  }
}
@media screen and (min-width: 85em) {
  .multi-column.three-column .nav-grid.nav-grid-4 .nav-lists li.list {
    width: 22%;
    width: calc(25%);
  }
}
@media screen and (min-width: 60em) {
  .multi-column.three-column .nav-grid.nav-grid-3 .nav-lists li.list {
    width: 45%;
    width: calc(50%);
  }
}
@media screen and (min-width: 80em) {
  .multi-column.three-column .nav-grid.nav-grid-3 .nav-lists li.list {
    width: 33%;
    width: calc(33%);
  }
}
@media screen and (min-width: 60em) {
  .multi-column .internal-grid.internal-grid-4 .content-box {
    width: 45%;
    width: calc(50%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 80em) {
  .multi-column .internal-grid.internal-grid-4 .content-box {
    width: 22%;
    width: calc(25%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 1000px) {
  .multi-column.three-column .internal-grid.internal-grid-3 .content-box {
    width: 98.5%;
    width: calc(98.5%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 70em) {
  .multi-column.three-column .internal-grid.internal-grid-3 .content-box {
    width: 50%;
    width: calc(49.5%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 80em) {
  .multi-column.three-column .internal-grid.internal-grid-3 .content-box {
    width: 30.33%;
    width: calc(33.33%);
    border: .5em solid #fff;
  }
}
@media screen and (min-width: 1000px) {
  .multi-column.three-column .internal-grid .content-box #ebscohostsearchtext {
    max-width: 100%;
  }
  .multi-column.three-column .internal-grid .content-box a.button-lib-search {
    display: block;
  }
  .multi-column.three-column .internal-grid .content-box button.button-lib-search {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .multi-column.three-column .internal-grid .content-box #ebscohostsearchtext {
    max-width: 80%;
  }
  .multi-column.three-column .internal-grid .content-box a.button-lib-search {
    display: none;
  }
  .multi-column.three-column .internal-grid .content-box button.button-lib-search {
    display: inline-block;
  }
}
.nav-grid {
  clear: both;
  margin-bottom: 10px;
}
.nav-grid .nav-lists {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.nav-grid .nav-lists li.list {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}
.nav-grid .nav-lists li.list:after {
  border: 3px solid #bbb;
  bottom: 0px;
  content: '';
  display: block;
  left: 0px;
  opacity: 0.33;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  margin: 0.2em;
}
.nav-grid .nav-lists li.list .more {
  display: none;
  text-align: right;
  padding: 8px 20px;
  cursor: pointer;
  outline: none;
}
.nav-grid .nav-lists .list-title {
  padding: 0;
  font-size: 1.125em;
  cursor: pointer;
  margin: 0;
  position: relative;
}
.nav-grid .nav-lists .list-title h2,
.nav-grid .nav-lists .list-title h3 {
  margin: 0;
  padding: 15px;
  font-size: 1.125em;
}
.nav-grid .nav-lists .list-title:after {
  background: url("https://www.ggc.edu/sebin/l/a/arrow-green-bottom.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 9px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 15px;
  white-space: nowrap;
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  content: '';
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 25px;
  top: 50%;
}
.nav-grid .nav-lists ul {
  list-style: none;
}
.nav-grid .nav-lists ul.nav-list {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
  margin: 0;
  padding-right: 10px;
  display: block !important;
  overflow: hidden;
  max-height: 0;
}
.nav-grid .nav-lists ul.nav-list a {
  text-decoration: none;
}
.nav-grid .nav-lists .list.open .list-title:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.nav-grid .nav-lists .list.open .nav-list {
  max-height: 1500px;
}
@media screen and (min-width: 40em) {
  .nav-grid.nav-grid-4 .nav-lists li.list {
    width: 45%;
    width: calc(50%);
  }
}
@media screen and (min-width: 60em) {
  .nav-grid.nav-grid-4 .nav-lists li.list {
    min-height: 352px;
    width: 22%;
    width: calc(25%);
  }
  .nav-grid.nav-grid-4 .nav-lists li.list .list-title::after {
    background: none;
  }
  .nav-grid.nav-grid-4 .nav-lists li.list .more {
    display: block;
  }
  .nav-grid.nav-grid-4 .nav-lists li.list .nav-list {
    min-height: 340px;
    overflow: hidden;
  }
}
@media screen and (min-width: 40em) {
  .nav-grid.nav-grid-3 .nav-lists li.list {
    width: 45%;
    width: calc(50%);
  }
}
@media screen and (min-width: 60em) {
  .nav-grid.nav-grid-3 .nav-lists li.list {
    min-height: 352px;
    width: 33%;
    width: calc(33%);
  }
  .nav-grid.nav-grid-3 .nav-lists li.list .list-title::after {
    background: none;
  }
  .nav-grid.nav-grid-3 .nav-lists li.list .more {
    display: block;
  }
  .nav-grid.nav-grid-3 .nav-lists li.list .nav-list {
    min-height: 340px;
    overflow: hidden;
  }
}
@media screen and (min-width: 40em) {
  .nav-grid.nav-grid-2 .nav-lists li.list {
    min-height: 352px;
    width: 45%;
    width: calc(50%);
  }
  .nav-grid.nav-grid-2 .nav-lists li.list .list-title::after {
    background: none;
  }
  .nav-grid.nav-grid-2 .nav-lists li.list .more {
    display: block;
  }
  .nav-grid.nav-grid-2 .nav-lists li.list .nav-list {
    min-height: 340px;
    overflow: hidden;
  }
}
#editor {
  background-color: #fff;
}
#editor a {
  text-decoration: underline;
}
#skip-navigation {
  top: -100%;
  position: absolute;
}
#site-head {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  display: block;
}
#site-head .site-anchors {
  background-color: #fff;
  position: relative;
  z-index: 101;
}
#site-head .wrapper {
  height: 80px;
  position: relative;
}
#site-head .logo {
  background: url("https://www.ggc.edu/sebin/z/j/logo.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 52px;
  overflow: hidden;
  text-indent: 100%;
  width: 233px;
  white-space: nowrap;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.no-csstransforms #site-head .logo {
  top: 10%;
}
.no-svg #site-head .logo {
  background-image: url('https://www.ggc.edu/sebin/t/d/logo.png');
}
#site-head .logo img {
  display: block;
  height: auto;
  width: 100%;
}
#site-head .actions {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
  height: 40px;
  position: absolute;
  right: 0;
  top: 18px;
  width: 156px;
}
#site-head .actions:after {
  background-color: #e9e9e9;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  width: 1px;
}
#site-head .actions .toggle-search,
#site-head .actions .toggle-nav {
  float: left;
}
#site-head .actions .toggle-search:active,
#site-head .actions .toggle-nav:active,
#site-head .actions .toggle-search:focus,
#site-head .actions .toggle-nav:focus {
  outline: 0 !important;
}
#site-head .actions .toggle-search {
  background: url("https://www.ggc.edu/sebin/p/s/search.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 21px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  margin: 20px 70px 0 15px;
  width: 21px;
}
.no-svg #site-head .actions .toggle-search {
  background-image: url('https://www.ggc.edu/sebin/n/v/search.png');
}
.open-search #site-head .actions .toggle-search {
  background-image: url('https://www.ggc.edu/sebin/v/s/nav-close.svg');
}
.no-svg .open-search #site-head .actions .toggle-search {
  background-image: url('https://www.ggc.edu/sebin/x/l/nav-close.png');
}
#site-head .actions .toggle-nav {
  background: url("https://www.ggc.edu/sebin/f/x/global-menu.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 22px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  margin-top: 20px;
  margin-left: 15px;
  width: 25px;
}
.no-svg #site-head .actions .toggle-nav {
  background-image: url('https://www.ggc.edu/sebin/n/p/global-menu.png');
}
.open-nav #site-head .actions .toggle-nav {
  background-image: url('https://www.ggc.edu/sebin/v/s/nav-close.svg');
}
.no-svg .open-nav #site-head .actions .toggle-nav {
  background-image: url('https://www.ggc.edu/sebin/x/l/nav-close.png');
}
@media only screen and (max-width: 620px) {
  #site-head .logo {
    background-size: 170px 38px;
    height: 38px;
    width: 170px;
  }
  #site-head .actions {
    width: 112px;
  }
  #site-head .actions:after {
    display: none;
  }
  #site-head .actions .toggle-search {
    margin-right: 25px;
  }
}
header.header-fixed,
header.ontop {
  position: fixed;
  width: 100%;
  z-index: 999;
}
/* 
	05/08/2020 	make top nav fixed - added this class; with change to fixed header, need a fixed content box with position:relative that has margin top equivalent to height of 
				global nav.  So if an alert is displayed or not, positioning will not be messed up.
				This is added into all templates, just below close header tag
*/
.fixed-header-clear-box {
  height: 1px;
  position: relative;
  margin-top: 100px;
}
.top-horizontal-navbar {
  overflow: hidden;
  background-color: white;
  font-weight: 500;
  float: left;
  margin-top: -43px;
  margin-left: 360px;
  padding-top: 13px;
}
.top-horizontal-navbar a {
  float: right;
  font-size: 14px;
  color: #00704a;
  text-decoration: none;
}
.dropdown .dropbtn {
  text-transform: uppercase;
  padding: 16px 16px 0px 20px;
  background-color: white;
  font: inherit;
  margin: 0;
  float: left;
  border: 0 solid black;
  margin-right: 20px;
  color: #00704b;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .75px;
  outline: none;
}
.dropdown .dropbtn:hover {
  border-top: 1px solid #85c446;
}
.dropdown .dropbtn .request-info {
  background-image: url("https://www.ggc.edu/sebin/x/q/request-info-20px.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px;
}
.dropdown .dropbtn .apply {
  background-image: url("https://www.ggc.edu/sebin/r/p/apply-20px.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px;
}
.dropdown .dropbtn .visit {
  background-image: url("https://www.ggc.edu/sebin/z/b/visit-20px.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px;
}
.dropdown .dropbtn .give {
  background-image: url("https://www.ggc.edu/sebin/p/o/give-20px.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 21px;
  padding: 2px;
  display: inline-block;
}
.dropdown .dropbtn .info-for {
  background-image: url("https://www.ggc.edu/sebin/v/v/2-heads-green-21x20.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px;
}
.dropbtn-text {
  padding-left: 2em;
}
.dropbtn-down-caret:after {
  content: url("https://www.ggc.edu/sebin/l/m/nav-open-double-down-caret.png");
  float: right;
  padding-left: 20px;
  padding-bottom: 20px;
}
.dropdown-content {
  display: none;
  margin-left: 595px;
  margin-top: 45px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 170px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a {
  color: #000000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  float: none;
}
.dropdown-content a:hover {
  background-color: #ddd;
}
.dropdown:hover .dropdown-content {
  display: block;
}
@media screen and (max-width: 1345px) {
  .top-horizontal-navbar {
    display: none;
  }
}
@media screen and (min-width: 1345px) {
  nav li.student-nav {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .top-horizontal-navbar {
    margin-left: 20em;
  }
}
#main-search,
#main-nav {
  background: url('https://www.ggc.edu/sebin/p/i/nav-trans.png');
  display: block;
  height: 100%;
  pointer-events: none;
  position: fixed;
  opacity: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
#main-search,
#main-search .search-container {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
}
#main-search .search-container {
  background-color: #00704a;
  color: #fff;
  height: 100%;
  max-width: 1000px;
  overflow: scroll;
  padding: 80px 0 25px;
  position: fixed;
  right: -100%;
  top: 0;
  width: 100%;
  z-index: 2;
}
#main-search form {
  border-bottom: 1px solid #2f896a;
  padding: 60px 75px;
}
#main-search form table {
  position: relative;
}
#main-search form label {
  display: none;
}
#main-search form .gsc-input input {
  font-size: 1.875em;
  color: #000000;
  border: 0;
  display: block;
  outline: 0;
  padding: 8px 12px;
  width: 90%;
}
#main-search form .gsc-input .gsst_a .gscb_a {
  color: #00704a;
}
#main-search form .gsc-input .gsst_a:hover .gscb_a {
  color: #00704a;
}
#main-search form .gsc-input .gsst_a:focus .gscb_a {
  color: #00704a;
}
#main-search form .gsc-search-button input {
  background: url("https://www.ggc.edu/sebin/v/n/arrow-white-right.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 27px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 40px;
  white-space: nowrap;
  color: #fff;
  border: 0;
  margin-top: -16px;
  opacity: 0.25;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.no-svg #main-search form .gsc-search-button input {
  background-image: url('https://www.ggc.edu/sebin/d/g/arrow-white-right.png');
}
#main-search form .gsc-search-button-v2 {
  padding: 0 12px;
  border: none;
  background-image: none;
  background-color: transparent;
  outline: none;
}
#main-search form .gsc-search-button-v2:hover {
  border: none;
  background-image: none;
  background-color: transparent;
}
#main-search form .gsc-search-button-v2 svg {
  width: 24px;
  height: 24px;
}
#main-search form .gsc-clear-button {
  display: none;
}
#main-search .gsc-above-wrapper-area {
  border-color: #2f896a;
}
#main-search .cse .gsc-control-cse,
#main-search .gsc-control-cse {
  background-color: transparent;
  border: 0;
}
#main-search .gsc-result-info {
  color: #fff;
  margin-top: 0;
}
#main-search .cse .gsc-webResult.gsc-result,
#main-search .gsc-webResult.gsc-result,
#main-search .gsc-imageResult-column,
#main-search .gsc-imageResult-classic {
  border: 0;
  border-bottom: 1px solid #2f896a;
  margin: 2em 50px;
  padding: 0 25px 2em;
  background: transparent;
}
#main-search .cse .gsc-webResult.gsc-result .gs-result .gs-title,
#main-search .gsc-webResult.gsc-result .gs-result .gs-title,
#main-search .gsc-imageResult-column .gs-result .gs-title,
#main-search .gsc-imageResult-classic .gs-result .gs-title {
  height: 1.5em;
  color: #fff;
  margin-top: 0;
}
#main-search .cse .gsc-webResult.gsc-result .gs-result .gs-title *,
#main-search .gsc-webResult.gsc-result .gs-result .gs-title *,
#main-search .gsc-imageResult-column .gs-result .gs-title *,
#main-search .gsc-imageResult-classic .gs-result .gs-title * {
  color: #fff;
}
#main-search .cse .gsc-webResult.gsc-result .gs-bidi-start-align.gs-snippet,
#main-search .gsc-webResult.gsc-result .gs-bidi-start-align.gs-snippet,
#main-search .gsc-imageResult-column .gs-bidi-start-align.gs-snippet,
#main-search .gsc-imageResult-classic .gs-bidi-start-align.gs-snippet {
  color: #b0b7bb;
}
#main-search .cse .gsc-webResult.gsc-result .gs-result a.gs-visibleUrl,
#main-search .gsc-webResult.gsc-result .gs-result a.gs-visibleUrl,
#main-search .gsc-imageResult-column .gs-result a.gs-visibleUrl,
#main-search .gsc-imageResult-classic .gs-result a.gs-visibleUrl,
#main-search .cse .gsc-webResult.gsc-result .gs-result .gs-visibleUrl,
#main-search .gsc-webResult.gsc-result .gs-result .gs-visibleUrl,
#main-search .gsc-imageResult-column .gs-result .gs-visibleUrl,
#main-search .gsc-imageResult-classic .gs-result .gs-visibleUrl {
  color: #cba234;
}
#main-search .gsc-results .gsc-cursor-box {
  text-align: center;
}
#main-search .gsc-results .gsc-cursor-box .gsc-cursor-page,
#main-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #fff;
}
.open-search #main-search {
  opacity: 1;
  pointer-events: auto;
}
.open-search #main-search .search-container {
  right: 0;
}
.no-csspointerevents #main-search,
.ie #main-search {
  background: none;
  right: -1000px;
  width: 1000px;
}
.no-csspointerevents .open-search #main-search,
.ie .open-search #main-search {
  right: 0;
}
@media only screen and (max-width: 720px) {
  #main-search form {
    padding: 45px;
  }
  #main-search form input {
    font-size: 1.5em;
  }
  #main-search .cse .gsc-webResult.gsc-result,
  #main-search .gsc-webResult.gsc-result,
  #main-search .gsc-imageResult-column,
  #main-search .gsc-imageResult-classic {
    margin: 2em 45px;
    padding: 0 0 2em;
  }
}
@media only screen and (max-width: 500px) {
  #main-search form {
    padding: 25px;
  }
  #main-search form .gsc-input input {
    font-size: 1.125em;
    width: 80%;
  }
  #main-search form .gsc-search-button input {
    height: 20px;
    margin-top: -10px;
    width: 20px;
  }
  #main-search .cse .gsc-webResult.gsc-result,
  #main-search .gsc-webResult.gsc-result,
  #main-search .gsc-imageResult-column,
  #main-search .gsc-imageResult-classic {
    margin: 2em 0;
    padding: 0 0 2em;
  }
}
#main-search .cse .gsc-branding,
#main-search .gsc-branding {
  visibility: hidden !important;
}
#main-search table.gsc-branding,
#main-search table.gcsc-branding {
  visibility: hidden !important;
}
#main-nav,
#main-nav nav,
#main-nav ul,
#main-nav .toggle {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
}
#main-nav nav {
  background-color: #00704a;
  color: #fff;
  height: 100%;
  overflow-y: scroll;
  padding: 100px 0 25px;
  position: fixed;
  right: -350px;
  top: 0;
  width: 350px;
  z-index: 2;
}
#main-nav nav li {
  font-weight: 500;
  letter-spacing: 2px;
  padding: 20px 45px;
  position: relative;
  text-transform: uppercase;
}
#main-nav nav li a {
  display: block;
  text-decoration: none;
}
#main-nav nav li .toggle {
  cursor: pointer;
  display: block;
  position: relative;
}
#main-nav nav li .toggle:after {
  background: url("https://www.ggc.edu/sebin/l/a/arrow-white-down-small.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 9px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 15px;
  white-space: nowrap;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
  content: '';
  cursor: pointer;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 7px;
  z-index: 2;
}
.no-svg #main-nav nav li .toggle:after {
  background-image: url('https://www.ggc.edu/sebin/t/s/arrow-white-down-small.png');
}
#main-nav nav li ul {
  max-height: 0;
  overflow: hidden;
}
#main-nav nav li.active .toggle:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
#main-nav nav li.active ul {
  max-height: 100%;
  padding-top: 10px;
}
#main-nav nav li li {
  opacity: 0.5;
  font-weight: 100;
  letter-spacing: 0;
  padding: 10px 24px;
  text-transform: none;
}
#main-nav nav li li a:after {
  display: none;
}
#main-nav nav li.student-nav {
  border-top: 1px solid #197d5b;
  margin-top: 0;
  padding: 20px 45px;
}
#main-nav nav a {
  color: #fff;
}
.open-nav #main-nav {
  opacity: 1;
  pointer-events: auto;
}
.open-nav #main-nav nav {
  right: 0;
}
.no-csspointerevents #main-nav,
.ie #main-nav {
  background: none;
  right: -350px;
  width: 0;
}
.no-csspointerevents #main-nav nav,
.ie #main-nav nav {
  right: 0;
  position: absolute;
}
.no-csspointerevents .open-nav #main-nav,
.ie .open-nav #main-nav {
  right: 0;
  width: 350px;
}
@media only screen and (max-width: 500px) {
  #main-nav nav {
    right: -100%;
    width: 100%;
  }
  #main-nav nav li {
    padding: 12px 20px;
  }
  #main-nav nav li.student-nav {
    padding: 20px 20px;
  }
}
.info {
  background: url('https://www.ggc.edu/sebin/n/f/people.png') no-repeat left 3px;
  background-size: 30px 19px;
  padding-left: 50px;
  display: block;
}
.give {
  background: url('https://www.ggc.edu/sebin/r/n/give-white.png') no-repeat left 3px;
  background-size: 20px 25px;
  padding-left: 50px;
  display: block;
}
/* 
 GGC 9/13/2016 Banner for emergency announcements (also used by Events Announcements, )
               fixed issue of if title longer than description, banner height was tied to description height, and title would be cut off
               pulled out global styling that applies to all Announcement Banner display sizes. 
			   Note: banner-title is max of 255 characters
 */
.announcement-banner {
  background-color: #d52b1e;
  color: #fff;
  /* GGC 09/13/2016 .banner-content moved from outside of above p tag.  Javascript uses div instead of p tag */
  /* GGC 12/18/2108  for content viewlet automated content, need div so can have more than one p tag within cfoutput
     kept non div since so many manual announcements created/scheduled for commencement
  */
}
.announcement-banner p {
  margin: 0;
}
.announcement-banner p.banner-title {
  /*.to_em(16px);          GGC 09/13/2016 */
  font-size: 1.125em;
  /* GGC 09/13/2016 moved from template */
  /* GGC 08/06/2019 removed space before em */
  background: url('https://www.ggc.edu/sebin/p/q/alert.svg') no-repeat left center;
  background-size: 40px 36px;
  font-weight: 600;
  height: 100%;
  left: 0;
  letter-spacing: 2px;
  padding: 1em 0 1em 65px;
  /* GGC 09/13/2016 */
  /*position: absolute;    GGC 09/13/2016 */
  text-transform: uppercase;
  /* top: 0;               GGC 09/13/2016 */
  /* width: 364px;         GGC 09/13/2016 */
}
.announcement-banner p.banner-title:after {
  background-color: #fff;
  bottom: 12px;
  content: '';
  /*display: block;      GGC 09/13/2016 */
  /*opacity: 0.1;        GGC 09/13/2016 */
  /*position: absolute;  GGC 09/13/2016 */
  right: 0;
  top: 12px;
  width: 1px;
}
.no-svg .announcement-banner p.banner-title {
  background-image: url('https://www.ggc.edu/sebin/r/j/alert.png');
}
.announcement-banner p.banner-title span {
  /* .vertical_align();
        display: block;         GGC 09/13/2016 */
}
.announcement-banner div.banner-content,
.announcement-banner .banner-content {
  /* GGC 12/18/2018 changed    & div .banner-content {*/
  /*.to_em(18px);                  GGC 09/13/2016 */
  font-size: 1.125em;
  /* GGC 09/13/2016 moved from template */
  /* GGC 08/06/2019 removed space before em */
  font-weight: 100;
  /* padding: 1em 0 1em 400px;      GGC 09/13/2016 */
  padding: 1em 0 0 2em;
  /* mfrd-2018 */
  /* 1em 0 1em 2em; GGC 09/13/2016 */
  text-align: left;
  /* GGC 12/18/2018 added */
}
.announcement-banner div.banner-content p a,
.announcement-banner .banner-content p a,
.announcement-banner div.banner-content a,
.announcement-banner .banner-content a {
  /* GGC 12/18/2018  was & a { */
  color: #fff;
  text-decoration: underline;
}
.announcement-banner.announcement-events {
  background-color: #00704a;
}
.announcement-banner.announcement-events p.banner-title {
  background-image: url('https://www.ggc.edu/sebin/z/b/thumbtack.svg');
  text-align: left;
}
.no-svg .announcement-banner.announcement-events p.banner-title {
  background-image: url('https://www.ggc.edu/sebin/x/e/thumbtack.png');
}
.announcement-banner.announcement-events p.banner-content {
  text-align: left;
}
.announcement-banner.alt-banner {
  background-color: #00568d;
}
.announcement-banner.alt-banner p.banner-title {
  background-image: url('https://www.ggc.edu/sebin/x/s/alert-white-large.svg');
}
.no-svg .announcement-banner.alt-banner p.banner-title {
  background-image: url('https://www.ggc.edu/sebin/r/j/alert-white-large.png');
}
/* want following to apply JUST to emergency messaging; mfrd-2018 added */
#content-alert-box .announcement-banner .wrapper {
  width: 93%;
}
#content-alert-box .announcement-banner div .banner-content {
  padding-bottom: 1.5em !important;
  padding-top: 1.5em !important;
}
#content-alert-box .announcement-banner p.banner-title {
  padding-bottom: 1.5em !important;
  padding-top: 1.5em !important;
}
/*
   GGC 9/13/2016 height problem happened at widths > 1000px; (desktop) created new css group for this display size
*/
@media screen and (min-width: 1000px) {
  .announcement-banner .wrapper {
    overflow: hidden;
    /* GGC new 09/13/2106; added because of floats, so background color wouldn't get lost */
    width: 100%;
  }
  .announcement-banner p.banner-title {
    box-sizing: border-box;
    /* GGC new 09/13/2106 */
    float: left;
    /* GGC new 09/13/2106 */
    width: 30%;
    /* GGC new 09/13/2016 */
    font-size: 1.125em;
    /* GGC 09/13/2016 moved from template */
    /* GGC 08/06/2019 removed space before em */
  }
  .announcement-banner div .banner-content {
    /* GGC 09/13/2016 moved outside of above p tag */
    box-sizing: border-box;
    /* GGC new 09/13/2106 */
    float: left;
    /* GGC new 09/13/2106 */
    width: 70%;
    /* GGC new 09/13/2106 */
    font-size: 1.125em;
    /* GGC 09/13/2016 moved from template */
    /* GGC 08/06/2019 removed space before em */
    padding: 1em 0 0 2em;
    /* mfrd-2018 */
    /* 1em 0 1em 2em; GGC 09/13/2016 */
    top: 12px;
  }
  .content-box.content-box-green {
    max-width: 1500px;
    margin: 0 auto;
  }
  .content-box.content-box-green.announcement p.banner-title {
    font-size: 1.125em;
  }
  .content-box.content-box-green.announcement p.banner-content {
    font-size: 1.125em;
  }
}
/*
   GGC 9/13/2016 width of <1000px worked fine
*/
@media only screen and (max-width: 1000px) {
  .wrapper {
    height: auto;
  }
  .wrapper:before {
    left: auto;
    right: 50px;
  }
  p {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    float: none;
    top: 0;
  }
  p.banner-title {
    /*.to_em(14px);*/
    font-size: 1em;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
  p.banner-title span {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    padding: 20px 0;
    position: static;
  }
  p.banner-title:after {
    display: none;
  }
  p.banner-content {
    /*.to_em(14px); */
    font-size: 1em;
    padding: 0 0 1em;
    width: 100%;
  }
}
#main-content {
  position: relative;
  z-index: 2;
}
#main-content .wrapper {
  max-width: 1200px;
}
@media only screen and (max-width: 900px) {
  #main-content {
    margin: 0 0 25px 0;
  }
}
.anchor {
  display: block;
  height: 108px;
  margin-top: -108px;
  visibility: hidden;
}
a#top-of-page::before {
  display: block;
}
a#top-of-page {
  background: url('https://www.ggc.edu/sebin/p/c/arrow-green-top.svg') no-repeat center 10px;
  background-size: 20px 10px;
  background-color: #b6bfa7;
  border: 1px solid #aeb5a9;
  border-radius: 4px;
  color: #000000;
  height: 50px;
  width: 30px;
  padding: 30px 1px 1px;
  text-align: center;
  text-decoration: none;
  bottom: 120px;
  right: 30px;
  position: fixed;
  z-index: 999;
  opacity: 0.75;
  font-size: .625em;
  line-height: 1.25em;
}
.no-svg a#top-of-page {
  background-image: url('https://www.ggc.edu/sebin/r/v/arrow-green-top.png');
}
/* mfrd-2020 commented out; unused
#back-to-top {							
   margin: 0 auto;
   max-width: 1400px;
   width: 94%;
   position: relative;
   height: 100px;
   margin-bottom: 50px;
   margin-top: 20px;
   max-width: 1500px;

   a {
     font-size: 0.625em;
     background: url('https://www.ggc.edu/sebin/p/c/arrow-green-top.svg') no-repeat center 20px;
     background-size: 25px 14px;
     border: 1px solid #e9e9e9;
     border-radius: 4px;
     color: #000000;
     display: block;
     float: right;
     height: 100px;
     letter-spacing: 1px;
     padding: 55px 10px 10px;
     text-align: center;
     text-transform: uppercase;
     text-decoration: none;
     width: 100px;

    .no-svg & {
        background-image: url('@{ggc_domain}/sebin/r/v/arrow-green-top.png');
    }
  }

  @media @phone_horiz_small {
    margin-bottom: 20px;
    a {
      background-color: #fff;
      background-position: center 12px;
      float: none;
      height: 80px;
      margin: 0 auto;
      padding: 40px 10px 12px;
      width: 80px;
    }
  }
} -- end of back-to-top
*/
#site-footer {
  background-color: #00704a;
  color: #ffffff;
  padding: 96px 0 50px;
}
#site-footer .wrapper {
  max-width: 1280px;
}
#site-footer a {
  color: #ffffff;
}
#site-footer p {
  color: #ffffff;
}
#site-footer .utility-nav {
  margin-bottom: 3em;
  text-align: center;
}
#site-footer .utility-nav li {
  display: inline;
}
#site-footer .utility-nav a {
  font-size: 0.875em;
  letter-spacing: 2px;
  margin: 0 22px;
  text-transform: capitalize;
  text-decoration: none;
}
#site-footer .social-nav {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #1a7f5c;
  border-top: 1px solid #1a7f5c;
  margin-bottom: 2em;
}
.ie7 #site-footer .social-nav {
  display: inline-block;
}
#site-footer .social-nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #site-footer .social-nav {
  display: block;
}
* html #site-footer .social-nav {
  height: 1%;
}
#site-footer .social-nav li,
#site-footer .social-nav a {
  display: block;
  float: left;
}
#site-footer .social-nav li {
  border-right: 1px solid #1a7f5c;
  margin: 10px 0;
  width: 16%;
}
#site-footer .social-nav li:last-child {
  border-right: 0;
}
#site-footer .social-nav a {
  background: url("https://www.ggc.edu/sebin/p/s/social-tiktok.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 80px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 100%;
  white-space: nowrap;
  /* 07/07/2022 changed when made TikTok first */
  background-position: center center;
  text-indent: 200%;
}
#site-footer .social-nav a.fb {
  background-image: url('https://www.ggc.edu/sebin/v/d/social-facebook.svg');
  /* added 07/07/2022, when made TikTok icon first in row */
  background-size: 14px 28px;
}
.no-svg #site-footer .social-nav a.fb {
  background-image: url('https://www.ggc.edu/sebin/d/w/social-facebook.png');
}
#site-footer .social-nav a.in {
  background-image: url('https://www.ggc.edu/sebin/z/n/social-instagram.svg');
  background-size: 28px 28px;
}
.no-svg #site-footer .social-nav a.in {
  background-image: url('https://www.ggc.edu/sebin/h/g/social-instagram.png');
}
#site-footer .social-nav a.tt {
  /* added TikTok 07/07/2022 */
  background-image: url('https://www.ggc.edu/sebin/z/r/social-tiktok.svg');
  background-size: 40px 40px;
}
.no-svg #site-footer .social-nav a.tt {
  background-image: url('https://www.ggc.edu/sebin/p/s/social-tiktok.png');
}
#site-footer .social-nav a.tw {
  background-image: url('https://www.ggc.edu/sebin/z/p/social-twitter.svg');
  background-size: 30px 24px;
}
.no-svg #site-footer .social-nav a.tw {
  background-image: url('https://www.ggc.edu/sebin/d/s/social-twitter.png');
}
#site-footer .social-nav a.yt {
  background-image: url('https://www.ggc.edu/sebin/x/o/social-youtube.svg');
  background-size: 39px 26px;
}
.no-svg #site-footer .social-nav a.yt {
  background-image: url('https://www.ggc.edu/sebin/h/q/social-youtube.png');
}
#site-footer .social-nav a.li {
  /* GGC 03/28/2019 added */
  background-image: url('https://www.ggc.edu/sebin/p/m/social-linked-in.svg');
  background-size: 28px 28px;
}
.no-svg #site-footer .social-nav a.li {
  background-image: url('https://www.ggc.edu/sebin/z/n/social-linked-in.png');
}
#site-footer .social-nav li:first-child a {
  border-left-width: 1px;
}
#site-footer address {
  display: block;
  font-size: 0.75em;
  color: #ffffff;
  font-style: normal;
  letter-spacing: 2px;
  padding: 30px 50px 0;
  text-transform: capitalize;
}
.ie7 #site-footer address {
  display: inline-block;
}
#site-footer address:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #site-footer address {
  display: block;
}
* html #site-footer address {
  height: 1%;
}
#site-footer address p {
  float: left;
  margin: 0;
  width: 30%;
}
#site-footer address p span {
  padding: 0 12px;
}
#site-footer address p span#editthispage {
  padding: 0;
}
#site-footer address p:last-child {
  float: right;
  text-align: right;
  width: 70%;
}
@media only screen and (max-width: 1200px) {
  #site-footer address {
    padding: 30px 0 0;
  }
}
@media only screen and (max-width: 1000px) {
  #site-footer {
    padding: 80px 0;
  }
  #site-footer .wrapper {
    width: 100%;
  }
  #site-footer .utility-nav {
    margin: 0 auto 2em;
    max-width: 400px;
    text-align: left;
  }
  #site-footer .utility-nav a {
    line-height: 3.5em;
    margin: 0;
  }
  #site-footer .utility-nav ul {
    column-count: 2;
    -ms-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    -moz-column-count: 2;
    column-gap: 50px;
    -ms-column-gap: 50px;
    -webkit-column-gap: 50px;
    -o-column-gap: 50px;
    -moz-column-gap: 50px;
    column-rule: none;
    -ms-column-rule: none;
    -webkit-column-rule: none;
    -o-column-rule: none;
    -moz-column-rule: none;
  }
  #site-footer .utility-nav ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: block;
  }
  #site-footer .social-nav li {
    margin: 0;
  }
  #site-footer .social-nav a {
    height: 55px;
  }
  #site-footer .social-nav a.fb {
    background-size: 10px 20px;
  }
  #site-footer .social-nav a.in {
    background-image: url('https://www.ggc.edu/sebin/z/n/social-instagram.svg');
    background-size: 20px 20px;
  }
  #site-footer .social-nav a.tt {
    /* 07/07/2022 added TikTok */
    background-size: 30px 30px;
  }
  #site-footer .social-nav a.tw {
    background-image: url('https://www.ggc.edu/sebin/z/p/social-twitter.svg');
    background-size: 20px 16px;
  }
  #site-footer .social-nav a.li {
    /* GGC 03/28/2019 added */
    background-image: url('https://www.ggc.edu/sebin/p/m/social-linked-in.svg');
    background-size: 20px 20px;
  }
  #site-footer .social-nav a.yt {
    background-image: url('https://www.ggc.edu/sebin/x/o/social-youtube.svg');
    background-size: 25px 17px;
  }
  #site-footer address {
    border: 0;
    margin-top: 0;
  }
  #site-footer address p,
  #site-footer address p:last-child {
    float: none;
    line-height: 4.5em;
    text-align: center;
    width: 100%;
  }
  #site-footer address span:first-child {
    display: block;
    line-height: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 500px) {
  #site-footer {
    padding: 40px 0 80px;
  }
  #site-footer .utility-nav {
    width: 90%;
  }
  #site-footer .utility-nav ul {
    column-count: 1;
    -ms-column-count: 1;
    -webkit-column-count: 1;
    -o-column-count: 1;
    -moz-column-count: 1;
    column-gap: 0;
    -ms-column-gap: 0;
    -webkit-column-gap: 0;
    -o-column-gap: 0;
    -moz-column-gap: 0;
    column-rule: none;
    -ms-column-rule: none;
    -webkit-column-rule: none;
    -o-column-rule: none;
    -moz-column-rule: none;
    text-align: center;
  }
}
#compliance-footer {
  font-size: 0.75em;
  background-color: #085a45;
  color: #ffffff;
  letter-spacing: 1px;
  padding: 10px 0;
  text-align: center;
}
#compliance-footer .wrapper {
  max-width: 1280px;
}
#compliance-footer a {
  color: #ffffff;
  text-decoration: underline;
}
#compliance-footer strong {
  font-weight: normal;
}
#compliance-footer .utility-nav {
  margin-bottom: 2em;
  text-align: center;
}
#compliance-footer .utility-nav ul {
  margin-bottom: 3em;
}
#compliance-footer .utility-nav li {
  display: inline;
  text-align: center;
  padding: 0 5px;
}
#compliance-footer .utility-nav a {
  letter-spacing: 2px;
  margin: 0 10px;
  text-decoration: underline;
}
@media only screen and (max-width: 1000px) {
  #compliance-footer {
    padding: 10px 0;
  }
  #compliance-footer .wrapper {
    width: 100%;
  }
  #compliance-footer .utility-nav {
    margin: 0 auto 2em;
    max-width: 400px;
    text-align: left;
  }
  #compliance-footer .utility-nav a {
    line-height: 3em;
    margin: 0;
  }
  #compliance-footer .utility-nav ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  #compliance-footer {
    padding: 40px 0 80px;
  }
  #compliance-footer .utility-nav {
    width: 90%;
  }
}
.bordered-area {
  padding: 2em;
  border-width: 4px;
  border-style: solid;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
  background-color: #ffffff;
}
.bordered-area.green {
  border-color: #00704a;
}
.bordered-area.red {
  border-color: #d52b1e;
}
.bordered-area.blue {
  border-color: #00568d;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important;
}
.cookie-banner {
  position: fixed;
  bottom: 15px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 5;
}
.cookie-banner-accept {
  padding: 10px 15px;
  background-color: #005437;
  border: none;
  color: #FFF;
  border-radius: 4px;
  cursor: pointer;
}
/* Rycca  mfrd-2020 08/19/2020  commented out unused code:
          [home-masthead-video-mp4, doodle-masthead, .prev, .next, content-tall, unused button colors] */
/* Rycca  04/01/2020 added styles to handle youtube video on home page content boxes - 1/3 2/3 and full width */
/* Rycca  02/20/2020 added styles to handle youtube video with masthead content on top of video for home page masthead */
/* Rycca  12/06/2016 added styles to handle video on home page masthead */
/* Rycca  03/02/2016 content-left and content-right images were not shrinking; */
#home-masthead,
#home-masthead-video {
  color: #fff;
  height: 825px;
  margin: 0 auto 2em auto;
  max-width: 1466px;
  overflow: hidden;
  position: relative;
  width: 100%;
  /***********************************************************************/
  /************************************************************/
  /************************************************************/
  /****************************************************
  LAPTOP  max-width: 1400px
****************************************************/
  /****************************************************
  LAPTOP max-width: 1400px
****************************************************/
  /****************************************************
  LAPTOP  max-width: 1400px
****************************************************/
  /****************************************************
  TABLET_VERT max-width: 1000px
****************************************************/
  /****************************************************
  PHONE_HORIZ max-width: 900px
****************************************************/
  /* end phone_horiz */
  /****************************************************
  PHONE_HORIZ_SMALL max-width: 720px
  all of this content is commented out***
****************************************************/
  /* end of phone_horiz_small - commented out */
  /****************************************************
  PHONE_VERT_SMALL max-width: 500px
****************************************************/
  /****************************************************
  PHONE_SMALL max-width: 380px
****************************************************/
}
#home-masthead h1,
#home-masthead-video h1 {
  color: #ffffff;
}
#home-masthead .masthead,
#home-masthead-video .masthead,
#home-masthead .masthead-pagination li,
#home-masthead-video .masthead-pagination li {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
}
#home-masthead .masthead-pagination,
#home-masthead-video .masthead-pagination {
  bottom: 30px;
  position: absolute;
  width: 100%;
  z-index: 5;
}
#home-masthead .masthead-pagination ul,
#home-masthead-video .masthead-pagination ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  max-width: 1400px;
  width: 94%;
}
.ie7 #home-masthead .masthead-pagination ul,
.ie7 #home-masthead-video .masthead-pagination ul {
  display: inline-block;
}
#home-masthead .masthead-pagination ul:after,
#home-masthead-video .masthead-pagination ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #home-masthead .masthead-pagination ul,
html[xmlns] #home-masthead-video .masthead-pagination ul {
  display: block;
}
* html #home-masthead .masthead-pagination ul,
* html #home-masthead-video .masthead-pagination ul {
  height: 1%;
}
#home-masthead .masthead-pagination ul li,
#home-masthead-video .masthead-pagination ul li,
#home-masthead .masthead-pagination ul a,
#home-masthead-video .masthead-pagination ul a {
  display: block;
  float: left;
}
#home-masthead .masthead-pagination ul li,
#home-masthead-video .masthead-pagination ul li {
  background-color: #005437;
  cursor: pointer;
  height: 24px;
  margin-right: 4px;
  width: 24px;
}
#home-masthead .masthead-pagination ul li.active,
#home-masthead-video .masthead-pagination ul li.active {
  background-color: #fff;
}
#home-masthead .masthead,
#home-masthead-video .masthead {
  /* background: @light_green url('@{ggc_domain}/sebin/r/p/mark.png') no-repeat left bottom;  Rycca 06/21/2016 removed light green background from here.  Used for doodle image*/
  background: url('https://www.ggc.edu/sebin/r/p/mark.png') no-repeat left bottom;
  /*Rycca removed light green background; caused issue when image shrinks */
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#home-masthead .masthead:first-child,
#home-masthead-video .masthead:first-child,
#home-masthead .masthead.active,
#home-masthead-video .masthead.active {
  opacity: 1;
  z-index: 2;
}
#home-masthead .masthead.hide,
#home-masthead-video .masthead.hide {
  opacity: 0;
  z-index: 1;
}
#home-masthead .wrapper,
#home-masthead-video .wrapper {
  height: 100%;
  z-index: 2;
}
#home-masthead .masthead-content,
#home-masthead-video .masthead-content,
#home-masthead .masthead-content-video--on-top-of-video,
#home-masthead-video .masthead-content-video--on-top-of-video {
  background: url('https://www.ggc.edu/sebin/h/q/trans-green.png');
  display: inline-block;
  left: 50%;
  padding: 55px 55px 0;
  position: relative;
  top: 470px;
  z-index: 2;
}
#home-masthead .masthead-content h1,
#home-masthead-video .masthead-content h1,
#home-masthead .masthead-content-video--on-top-of-video h1,
#home-masthead-video .masthead-content-video--on-top-of-video h1 {
  font-size: 3.125em;
  letter-spacing: 8px;
  line-height: 1.25;
  margin: 0;
  text-transform: uppercase;
}
#home-masthead .masthead-content a,
#home-masthead-video .masthead-content a,
#home-masthead .masthead-content-video--on-top-of-video a,
#home-masthead-video .masthead-content-video--on-top-of-video a {
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  margin-right: 8px;
  padding: 0;
  position: relative;
  top: 35px;
  width: 250px;
  text-decoration: none;
}
#home-masthead .masthead-content .button:hover,
#home-masthead-video .masthead-content .button:hover,
#home-masthead .masthead-content-video--on-top-of-video .button:hover,
#home-masthead-video .masthead-content-video--on-top-of-video .button:hover {
  background-color: #00704a;
  border: inherit;
  color: inherit;
}
#home-masthead .masthead-content .button.bg-tertiary-teal,
#home-masthead-video .masthead-content .button.bg-tertiary-teal,
#home-masthead .masthead-content-video--on-top-of-video .button.bg-tertiary-teal,
#home-masthead-video .masthead-content-video--on-top-of-video .button.bg-tertiary-teal {
  background-color: #2794a8;
}
#home-masthead .masthead-content .button.bg-tertiary-teal:hover,
#home-masthead-video .masthead-content .button.bg-tertiary-teal:hover,
#home-masthead .masthead-content-video--on-top-of-video .button.bg-tertiary-teal:hover,
#home-masthead-video .masthead-content-video--on-top-of-video .button.bg-tertiary-teal:hover {
  background-color: #2794a8;
}
#home-masthead .masthead-content .button.bg-tertiary-dark-teal,
#home-masthead-video .masthead-content .button.bg-tertiary-dark-teal,
#home-masthead .masthead-content-video--on-top-of-video .button.bg-tertiary-dark-teal,
#home-masthead-video .masthead-content-video--on-top-of-video .button.bg-tertiary-dark-teal {
  background-color: #00647c;
}
#home-masthead .masthead-content .button.bg-tertiary-dark-teal:hover,
#home-masthead-video .masthead-content .button.bg-tertiary-dark-teal:hover,
#home-masthead .masthead-content-video--on-top-of-video .button.bg-tertiary-dark-teal:hover,
#home-masthead-video .masthead-content-video--on-top-of-video .button.bg-tertiary-dark-teal:hover {
  background-color: #00647c;
}
#home-masthead .masthead-content .button.bg-royal-blue:hover,
#home-masthead-video .masthead-content .button.bg-royal-blue:hover,
#home-masthead .masthead-content-video--on-top-of-video .button.bg-royal-blue:hover,
#home-masthead-video .masthead-content-video--on-top-of-video .button.bg-royal-blue:hover {
  background-color: #0b7dbc;
}
#home-masthead .masthead-content-video--on-top-of-video,
#home-masthead-video .masthead-content-video--on-top-of-video {
  top: -20em !important;
  width: 40em !important;
  left: 2em !important;
  background: url('https://www.ggc.edu/sebin/b/z/trans-dark.png');
}
#home-masthead .masthead-content-video--on-top-of-video h1,
#home-masthead-video .masthead-content-video--on-top-of-video h1 {
  font-size: 2.5em;
}
#home-masthead .masthead-content-video--on-top-of-video .button,
#home-masthead-video .masthead-content-video--on-top-of-video .button {
  background-color: black;
}
#home-masthead .masthead-content-video--on-top-of-video .button:hover,
#home-masthead-video .masthead-content-video--on-top-of-video .button:hover {
  background-color: #404041;
}
#home-masthead .figure,
#home-masthead-video .figure {
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}
#home-masthead .figure img,
#home-masthead-video .figure img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1400px) {
  #home-masthead .figure,
  #home-masthead-video .figure {
    height: auto;
    top: 0;
  }
}
@media only screen and (max-width: 1400px) {
  #home-masthead #home-masthead,
  #home-masthead-video #home-masthead {
    height: auto !important;
  }
  #home-masthead #home-masthead-video,
  #home-masthead-video #home-masthead-video {
    height: calc(56.24999993vw);
  }
  #home-masthead #home-masthead-video .masthead,
  #home-masthead-video #home-masthead-video .masthead {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1400px) {
  #home-masthead .masthead-content-video--on-top-of-video h1,
  #home-masthead-video .masthead-content-video--on-top-of-video h1 {
    font-size: 1.875em;
    letter-spacing: 6px !important;
  }
}
@media only screen and (max-width: 1400px) {
  #home-masthead,
  #home-masthead-video {
    height: auto;
    /************************************************************/
  }
  #home-masthead .masthead,
  #home-masthead-video .masthead {
    display: none;
    opacity: 1;
    padding-bottom: 70px;
    position: relative;
  }
  #home-masthead .masthead:first-child,
  #home-masthead-video .masthead:first-child,
  #home-masthead .masthead.active,
  #home-masthead-video .masthead.active {
    display: block;
    opacity: 1;
  }
  #home-masthead .masthead.hide,
  #home-masthead-video .masthead.hide {
    display: none;
    opacity: 1;
  }
  #home-masthead .masthead-pagination,
  #home-masthead-video .masthead-pagination {
    bottom: 100px;
  }
  #home-masthead .masthead-content,
  #home-masthead-video .masthead-content {
    display: block;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    height: auto;
    background: none;
    margin: 0;
    padding: 0;
    position: static;
    top: 0;
  }
  .ie7 #home-masthead .masthead-content,
  .ie7 #home-masthead-video .masthead-content {
    display: inline-block;
  }
  #home-masthead .masthead-content:after,
  #home-masthead-video .masthead-content:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] #home-masthead .masthead-content,
  html[xmlns] #home-masthead-video .masthead-content {
    display: block;
  }
  * html #home-masthead .masthead-content,
  * html #home-masthead-video .masthead-content {
    height: 1%;
  }
  #home-masthead .masthead-content h1,
  #home-masthead-video .masthead-content h1 {
    background: url('https://www.ggc.edu/sebin/h/q/trans-green.png');
    padding: 40px;
  }
  #home-masthead .masthead-content h1 br,
  #home-masthead-video .masthead-content h1 br {
    display: none;
  }
  #home-masthead .masthead-content a,
  #home-masthead-video .masthead-content a {
    border-radius: 0;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    top: auto;
    width: 50%;
    z-index: 2;
  }
  #home-masthead .masthead-content a:last-child,
  #home-masthead-video .masthead-content a:last-child {
    left: auto;
    right: 0;
  }
  #home-masthead .figure,
  #home-masthead-video .figure {
    height: auto;
    position: relative;
  }
  #home-masthead .figure img,
  #home-masthead-video .figure img {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  #home-masthead .masthead-content,
  #home-masthead-video .masthead-content {
    padding: 0;
  }
}
@media only screen and (max-width: 1000px) {
  #home-masthead .masthead-content-video--on-top-of-video h1,
  #home-masthead-video .masthead-content-video--on-top-of-video h1 {
    font-size: 1.25em;
    letter-spacing: 4px !important;
  }
}
@media only screen and (max-width: 900px) {
  #home-masthead,
  #home-masthead-video {
    /*****************************************************/
    /* photo now displays; message displays below image  */
    /*****************************************************/
  }
  #home-masthead .masthead-content,
  #home-masthead-video .masthead-content {
    margin: 0;
  }
  #home-masthead #home-masthead-video,
  #home-masthead-video #home-masthead-video {
    height: auto !important;
  }
  #home-masthead .masthead-content-video--on-top-of-video,
  #home-masthead-video .masthead-content-video--on-top-of-video {
    background: none;
    letter-spacing: 5px !important;
    padding: 0;
    position: relative;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    text-align: center;
    bottom: 0;
    display: block;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    height: auto;
  }
  .ie7 #home-masthead .masthead-content-video--on-top-of-video,
  .ie7 #home-masthead-video .masthead-content-video--on-top-of-video {
    display: inline-block;
  }
  #home-masthead .masthead-content-video--on-top-of-video:after,
  #home-masthead-video .masthead-content-video--on-top-of-video:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] #home-masthead .masthead-content-video--on-top-of-video,
  html[xmlns] #home-masthead-video .masthead-content-video--on-top-of-video {
    display: block;
  }
  * html #home-masthead .masthead-content-video--on-top-of-video,
  * html #home-masthead-video .masthead-content-video--on-top-of-video {
    height: 1%;
  }
  #home-masthead .masthead-content-video--on-top-of-video h1,
  #home-masthead-video .masthead-content-video--on-top-of-video h1 {
    background: url('https://www.ggc.edu/sebin/h/q/trans-green.png');
    padding: 25px;
    font-size: 1.875em;
    color: white;
  }
  #home-masthead .masthead-content-video--on-top-of-video a,
  #home-masthead-video .masthead-content-video--on-top-of-video a {
    margin: 0;
    position: relative;
    top: auto;
    width: 50%;
    float: left;
    border-radius: 0;
    bottom: 0;
    display: block;
  }
}
@media only screen and (max-width: 720px) {
  #home-masthead,
  #home-masthead-video {
    /*
    height: auto;
    .masthead {
      display: none;
      opacity: 1;
      padding-bottom: 70px;				
      position: relative;
      &:first-child, &.active {
        display: block;
        opacity: 1;
      }
      &.hide {
        display: none;
        opacity: 1;
      }
    }
    .masthead-pagination {
      bottom: 100px;
    }
    .masthead-content {
      .clearfix();
      .transform(none);
      height: auto;
      background: none;
      margin: 0;
      padding: 0;
      position: static;
      top: 0;
      h1 {
        background: url('@{ggc_domain}/sebin/h/q/trans-green.png');
        padding: 40px;
        br {
          display: none;
        }
      }
      a {
        border-radius: 0;
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        position: absolute;
        top: auto;
        width: 50%;
        z-index: 2;
        &:last-child {
          left: auto;
          right: 0;
        }
      }
    }
    .figure {		
      height: auto;
      position: relative;
      img {
        height: auto;
        width: 100%;
      }
    }
//  mfrd-2020 commented out	 	
//    .doodle-masthead {
//      h1 {
//        padding: 20px;
//      }
//      .figure {				
//        width: 100%;
//        img {
//          height: auto;
//          width: 90%;
//        }
//      }
//    }
	*/
  }
}
@media only screen and (max-width: 500px) {
  #home-masthead .masthead-content h1,
  #home-masthead-video .masthead-content h1 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 380px) {
  #home-masthead .masthead-content h1,
  #home-masthead-video .masthead-content h1 {
    font-size: 1.5em;
    padding: 25px;
  }
  #home-masthead .masthead-content a,
  #home-masthead-video .masthead-content a {
    font-size: 0.625em;
  }
}
/***********************************************************************/
/* code specific to just #home-masthead-video, #home-masthead-mp4-video 
/***********************************************************************/
#home-masthead-video {
  /* end masthead */
}
#home-masthead-video video {
  height: auto;
  width: 100%;
}
#home-masthead-video .masthead {
  position: relative;
  /****************************************************
	  #home-masthead-video - PHONE_HORIZ max-width: 900px
	****************************************************/
  /* end phone_horiz */
}
#home-masthead-video .masthead .masthead--image {
  display: none;
}
#home-masthead-video .masthead .masthead-content {
  left: 0;
}
#home-masthead-video .masthead .masthead--video {
  display: block;
}
@media only screen and (max-width: 900px) {
  #home-masthead-video .masthead .masthead--image {
    display: block;
  }
  #home-masthead-video .masthead .masthead--video {
    display: none;
  }
}
#home-masthead-video .masthead-content {
  background: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  bottom: 0;
  display: block;
  transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  -moz-transform: none;
  height: auto;
}
.ie7 #home-masthead-video .masthead-content {
  display: inline-block;
}
#home-masthead-video .masthead-content:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #home-masthead-video .masthead-content {
  display: block;
}
* html #home-masthead-video .masthead-content {
  height: 1%;
}
#home-masthead-video .masthead-content h1 {
  background: url('https://www.ggc.edu/sebin/h/q/trans-green.png');
  padding: 25px;
}
#home-masthead-video .masthead-content h1 br {
  display: none;
}
#home-masthead-video .masthead-content a {
  margin: 0;
  position: relative;
  top: auto;
  width: 50%;
  float: left;
  border-radius: 0;
  bottom: 0;
  display: block;
}
#home-masthead-video .figure {
  position: relative;
}
/***********************************************************************/
/*  home-section - defined for multiple sizes                          */
/***********************************************************************/
.home-section {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1400px;
  width: 94%;
  position: relative;
  margin-bottom: 25px;
  max-width: 1500px;
  /* end content-left, content-right */
  /****************************************************
	HOME SECTION: min-width: 1401px
	****************************************************/
  /****************************************************
	HOME SECTION: LAPTOP max-width: 1400px
	****************************************************/
  /****************************************************
		HOME SECTION: MAX WIDTH 1200 PX
	****************************************************/
  /****************************************************
		HOME SECTION: MAX WIDTH 1100 PX
	****************************************************/
  /*  @media @phone_horiz  */
}
.home-section .content-box {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0 !important;
  padding: 48px 72px;
  text-align: center;
  width: 100%;
}
.home-section .iframe-video-full-width {
  width: 100%;
  height: calc(56.24999993vw);
}
.no-flexbox .home-section {
  display: block;
}
.ie7 .no-flexbox .home-section {
  display: inline-block;
}
.no-flexbox .home-section:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .no-flexbox .home-section {
  display: block;
}
* html .no-flexbox .home-section {
  height: 1%;
}
.no-flexbox .home-section .content-box {
  float: left;
}
.home-section h2,
.home-section p {
  color: #000000;
}
.home-section h2 a,
.home-section p a {
  text-decoration: none;
}
.home-section .figure {
  overflow: hidden;
}
.home-section .figure img {
  display: block;
  height: auto;
  width: 100%;
}
.no-flexbox .home-section .content-box .content-box {
  height: auto;
}
.home-section.content-left .content-box,
.home-section.content-right .content-box {
  text-align: left;
  width: 35%;
}
.home-section.content-left figure,
.home-section.content-right figure {
  width: 65%;
}
.home-section.content-left h2 a,
.home-section.content-right h2 a {
  color: #ffffff;
}
.no-flexbox .home-section.content-left .content-box,
.no-flexbox .home-section.content-right .content-box {
  margin-right: 1.66%;
  min-height: 500px;
}
.home-section.content-left .alt-button.button-bright-green,
.home-section.content-right .alt-button.button-bright-green {
  font-size: 1.5em;
}
.home-section.content-right .content-box {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
@media only screen and (min-width: 1401px) {
  .home-section.content-box.sticky-figure-right.with-video {
    height: 493px;
  }
  .home-section.content-box.sticky-figure-right.with-video .content-box-wrap {
    width: 30%;
    position: relative;
  }
  .home-section.content-box.sticky-figure-right.with-video .figure {
    width: 66.33%;
    height: 100%;
    position: absolute;
  }
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    width: 100%;
    height: 480px;
  }
}
@media only screen and (max-width: 1400px) {
  .home-section.content-box.sticky-figure-right.with-video {
    min-height: 479px;
  }
  .home-section .content-box {
    padding: 25px 45px;
  }
  .home-section.content-left .content-box,
  .home-section.content-right .content-box {
    width: 43%;
  }
  .home-section.content-left figure,
  .home-section.content-right figure {
    /* Rycca  03/02/2016 changed .figure to figure */
    position: relative;
    width: 100%;
    /* Rycca  03/02/2016 changed from original width: 55%; */
  }
  .home-section.content-left figure img,
  .home-section.content-right figure img {
    height: auto;
    width: 100%;
  }
  .home-section.content-right figure {
    /* Rycca  03/02/2016 changed .figure to figure */
  }
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    width: 100%;
    height: 479px;
  }
}
@media only screen and (max-width: 1200px) {
  .home-section.content-box.sticky-figure-right.with-video {
    display: block;
  }
  .home-section.content-box.sticky-figure-right.with-video .content-box-wrap {
    width: 90%;
    padding-right: 0;
  }
  .home-section.content-box.sticky-figure-right.with-video .figure {
    position: static;
    width: 100%;
    height: 100%;
  }
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    border: 0;
    width: 100%;
    height: 478px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-section {
    display: block;
    width: 100%;
  }
  .home-section .content-box {
    margin: 0 auto;
    max-width: 1400px;
    width: 94%;
    position: relative;
    padding: 48px;
  }
  .home-section.content-left .content-box,
  .home-section.content-right .content-box {
    text-align: left;
    width: 100%;
  }
  .home-section.content-leftfigure,
  .home-section.content-rightfigure {
    /* Rycca  03/02/2016 changed .figure to &figure */
    margin-top: 25px;
    width: 100%;
  }
  .home-section.content-leftfigureimg,
  .home-section.content-rightfigureimg {
    height: auto;
    /* Rycca  03/02/2016 commented out
		  min-height: initial; 
          min-width: initial; 
		  */
    position: static;
    /*width: 100%;  Rycca  03/02/2016 commented out*/
  }
  .no-flexbox .home-section.content-left .content-box,
  .no-flexbox .home-section.content-right .content-box {
    margin-right: 0;
    min-height: 0;
    /*width: 100%;  Rycca  03/02/2016 commented out */
  }
  .home-section.content-box.sticky-figure-right.with-video .content-box-wrap {
    width: 100%;
  }
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    height: 480px;
  }
}
@media only screen and (max-width: 720px) {
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    height: 340px;
  }
}
@media only screen and (max-width: 620px) {
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    height: 280px;
  }
}
@media only screen and (max-width: 500px) {
  .home-section.content-box.sticky-figure-right.with-video .iframe-video {
    height: 210px;
  }
}
/* *********************************************************** */
.surrounding-infographic-box {
  max-width: 1500px;
  width: 94%;
  background-color: #fff !important;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.surrounding-infographic-box:after {
  border: 2px solid #85c446;
  bottom: 15px;
  right: 15px;
  top: 15px;
  left: 15px;
  content: '';
  display: block;
  opacity: 0.33;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.infographic-box {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
  padding: 2em;
}
/****************************************************
  MIN WIDTH 1597 PX
****************************************************/
@media only screen and (min-width: 1597px) {
  .surrounding-infographic-box {
    width: 94%;
  }
  .infographic-box {
    width: 24%;
  }
  .infographic-box img {
    max-width: 96%;
  }
}
/****************************************************
  MAX WIDTH 1596 PX
****************************************************/
@media only screen and (max-width: 1596px) {
  .surrounding-infographic-box {
    width: 100%;
  }
  .infographic-box {
    width: 49%;
  }
  .infographic-box img {
    max-width: 100%;
  }
}
/****************************************************
  MAX WIDTH 900PX
****************************************************/
@media only screen and (max-width: 900px) {
  .infographic-box {
    width: 96%;
  }
}
.interior-masthead-primary,
.interior-masthead-secondary {
  background: #00704a url('https://www.ggc.edu/sebin/r/p/mark.png') no-repeat left bottom;
  background-size: 350px auto;
  height: 400px;
  position: relative;
}
.interior-masthead-primary .figure,
.interior-masthead-secondary .figure {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.interior-masthead-primary .figure img,
.interior-masthead-secondary .figure img {
  display: block;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  width: auto;
}
.interior-masthead-primary .wrapper,
.interior-masthead-secondary .wrapper {
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  position: relative;
  top: 50%;
  max-width: 1200px;
  z-index: 3;
}
.no-csstransforms .interior-masthead-primary .wrapper,
.no-csstransforms .interior-masthead-secondary .wrapper {
  top: 10%;
}
.interior-masthead-primary .masthead-content hgroup,
.interior-masthead-secondary .masthead-content hgroup {
  background-color: #fff;
  padding: 30px 48px 22px;
  text-transform: uppercase;
}
.interior-masthead-primary .masthead-content hgroup h1,
.interior-masthead-secondary .masthead-content hgroup h1,
.interior-masthead-primary .masthead-content hgroup p,
.interior-masthead-secondary .masthead-content hgroup p {
  font-size: 1.875em;
  color: #000000;
  letter-spacing: 6px;
  line-height: 1.5;
  margin: 0;
}
.interior-masthead-primary .masthead-content hgroup h1.subtitle,
.interior-masthead-secondary .masthead-content hgroup h1.subtitle,
.interior-masthead-primary .masthead-content hgroup p.subtitle,
.interior-masthead-secondary .masthead-content hgroup p.subtitle {
  font-size: 1em;
  color: #b8b8b1;
  letter-spacing: 4px;
}
.interior-masthead-primary .breadcrumbs,
.interior-masthead-secondary .breadcrumbs {
  font-size: 0.625em;
  background: url('https://www.ggc.edu/sebin/b/z/trans-dark.png');
  color: #fff;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 16px 48px;
  text-transform: uppercase;
}
.interior-masthead-primary .breadcrumbs ul li,
.interior-masthead-secondary .breadcrumbs ul li {
  display: inline;
  margin-right: 2px;
}
.interior-masthead-primary .breadcrumbs ul li:after,
.interior-masthead-secondary .breadcrumbs ul li:after {
  content: '//';
  padding-left: 6px;
}
.interior-masthead-primary .breadcrumbs ul li:last-child,
.interior-masthead-secondary .breadcrumbs ul li:last-child {
  margin-right: 0;
}
.interior-masthead-primary .breadcrumbs ul li:last-child:after,
.interior-masthead-secondary .breadcrumbs ul li:last-child:after {
  display: none;
}
.interior-masthead-primary .breadcrumbs ul a,
.interior-masthead-secondary .breadcrumbs ul a {
  color: #fff;
  text-decoration: none;
}
.interior-masthead-primary .breadcrumbs span a,
.interior-masthead-secondary .breadcrumbs span a {
  color: #fff;
  text-decoration: none;
}
.interior-masthead-primary .additional-nav,
.interior-masthead-secondary .additional-nav {
  display: block;
}
.ie7 .interior-masthead-primary .additional-nav,
.ie7 .interior-masthead-secondary .additional-nav {
  display: inline-block;
}
.interior-masthead-primary .additional-nav:after,
.interior-masthead-secondary .additional-nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .interior-masthead-primary .additional-nav,
html[xmlns] .interior-masthead-secondary .additional-nav {
  display: block;
}
* html .interior-masthead-primary .additional-nav,
* html .interior-masthead-secondary .additional-nav {
  height: 1%;
}
@media only screen and (max-width: 1400px) {
  .interior-masthead-primary,
  .interior-masthead-secondary {
    height: 360px;
  }
  .interior-masthead-primary .figure img,
  .interior-masthead-secondary .figure img {
    height: 100%;
    min-height: 0;
    min-width: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .interior-masthead-primary,
  .interior-masthead-secondary {
    height: 320px;
  }
}
@media only screen and (max-width: 1000px) {
  .interior-masthead-primary,
  .interior-masthead-secondary {
    height: 275px;
  }
  .interior-masthead-primary .masthead-content hgroup,
  .interior-masthead-secondary .masthead-content hgroup {
    padding: 20px 24px 10px;
  }
  .interior-masthead-primary .masthead-content hgroup p,
  .interior-masthead-secondary .masthead-content hgroup p {
    font-size: 1.5em;
    letter-spacing: 3px;
  }
  .interior-masthead-primary .masthead-content hgroup p.subtitle,
  .interior-masthead-secondary .masthead-content hgroup p.subtitle {
    font-size: 0.875em;
    letter-spacing: 2px;
  }
  .interior-masthead-primary .breadcrumbs,
  .interior-masthead-secondary .breadcrumbs {
    padding: 12px 24px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media only screen and (max-width: 900px) {
  .interior-masthead-primary,
  .interior-masthead-secondary {
    height: auto;
  }
  .interior-masthead-primary .figure,
  .interior-masthead-secondary .figure {
    position: relative;
  }
  .interior-masthead-primary .figure img,
  .interior-masthead-secondary .figure img {
    height: auto;
    position: relative;
    width: 100%;
  }
  .interior-masthead-primary .wrapper,
  .interior-masthead-secondary .wrapper {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    padding: 2em 0;
    top: 0;
  }
  .interior-masthead-primary .masthead-content hgroup,
  .interior-masthead-secondary .masthead-content hgroup {
    padding: 22px 15px 18px;
  }
  .interior-masthead-primary .masthead-content hgroup h1,
  .interior-masthead-secondary .masthead-content hgroup h1 {
    font-size: 1.625em;
  }
  .interior-masthead-primary .masthead-content hgroup p,
  .interior-masthead-secondary .masthead-content hgroup p {
    font-size: 1.25em;
  }
  .interior-masthead-primary .masthead-content hgroup p.subtitle,
  .interior-masthead-secondary .masthead-content hgroup p.subtitle {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 500px) {
  .interior-masthead-primary .wrapper,
  .interior-masthead-secondary .wrapper {
    padding: 1em 0;
  }
}
.interior-masthead-primary .masthead-content {
  max-width: 500px;
}
.interior-masthead-primary .masthead-callout {
  background: url('https://www.ggc.edu/sebin/h/r/trans-green.png');
  color: #fff;
  display: block;
  height: 100%;
  padding: 40px 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 600px;
}
.interior-masthead-primary .masthead-callout a {
  font-size: 1.875em;
  color: #fff;
  display: block;
  letter-spacing: 2px;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
}
.interior-masthead-primary .masthead-callout a strong {
  font-size: 1.33333333em;
  display: block;
  letter-spacing: 4px;
}
.interior-masthead-primary .masthead-callout .prev,
.interior-masthead-primary .masthead-callout .next {
  background: url("https://www.ggc.edu/sebin/x/c/masthead-arrow-left.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 36px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 18px;
  white-space: nowrap;
  background-size: 18px 36px;
  cursor: pointer;
  margin-top: -18px;
  position: absolute;
  top: 50%;
}
.no-svg .interior-masthead-primary .masthead-callout .prev,
.no-svg .interior-masthead-primary .masthead-callout .next {
  background-image: url('https://www.ggc.edu/sebin/z/v/masthead-arrow-left.png');
}
.interior-masthead-primary .masthead-callout .prev {
  left: 20px;
}
.interior-masthead-primary .masthead-callout .next {
  background-image: url('https://www.ggc.edu/sebin/p/i/masthead-arrow-right.svg');
  right: 20px;
}
.no-svg .interior-masthead-primary .masthead-callout .next {
  background-image: url('https://www.ggc.edu/sebin/n/l/masthead-arrow-right.png');
}
.interior-masthead-primary .masthead-callout .pagination {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 2em;
}
.ie7 .interior-masthead-primary .masthead-callout .pagination {
  display: inline-block;
}
.interior-masthead-primary .masthead-callout .pagination:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .interior-masthead-primary .masthead-callout .pagination {
  display: block;
}
* html .interior-masthead-primary .masthead-callout .pagination {
  height: 1%;
}
.interior-masthead-primary .masthead-callout .pagination li,
.interior-masthead-primary .masthead-callout .pagination a {
  display: block;
  float: left;
}
.interior-masthead-primary .masthead-callout .pagination li {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
  background-color: #24272c;
  cursor: pointer;
  height: 24px;
  margin-right: 4px;
  opacity: 0.2;
  overflow: hidden;
  text-indent: 100%;
  width: 24px;
  white-space: nowrap;
}
.no-opacity .interior-masthead-primary .masthead-callout .pagination li {
  background-color: #629822;
}
.interior-masthead-primary .masthead-callout .pagination li.active {
  background-color: #fff;
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  .interior-masthead-primary .masthead-content {
    max-width: 450px;
  }
  .interior-masthead-primary .masthead-callout {
    width: 450px;
  }
  .interior-masthead-primary .masthead-callout a {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 1000px) {
  .interior-masthead-primary .masthead-content {
    max-width: 400px;
  }
  .interior-masthead-primary .masthead-callout {
    width: 400px;
  }
  .interior-masthead-primary .masthead-callout a {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 900px) {
  .interior-masthead-primary {
    position: relative;
  }
  .interior-masthead-primary .wrapper {
    position: static;
  }
  .interior-masthead-primary .masthead-content {
    max-width: none;
    position: relative;
    z-index: 11;
  }
  .interior-masthead-primary .masthead-callout {
    margin-top: 2em;
    padding: 2em 20px;
    position: static;
    width: 100%;
  }
  .interior-masthead-primary .masthead-callout span.prev,
  .interior-masthead-primary .masthead-callout span.next {
    display: none;
  }
  .interior-masthead-primary .masthead-callout a {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    top: 0;
  }
  .interior-masthead-primary .masthead-callout .pagination {
    bottom: 12px;
    left: 12px;
    position: absolute;
    z-index: 10;
  }
  .interior-masthead-primary .figure {
    padding-top: 38%;
  }
  .interior-masthead-primary .figure img {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
}
.interior-masthead-secondary .wrapper {
  padding-bottom: 50px;
}
@media only screen and (max-width: 900px) {
  .interior-masthead-secondary .wrapper {
    padding-bottom: 75px;
  }
}
.section-nav {
  background-color: #00568d;
  float: left;
  padding: 0 30px;
  position: relative;
  width: 250px;
}
.section-nav p,
.section-nav a {
  color: #fff;
  text-transform: none;
  text-decoration: none;
}
.section-nav p {
  font-size: 0.9375em;
  background: url('https://www.ggc.edu/sebin/r/n/nav-open-alt.svg') no-repeat right center;
  background-size: 20px 15px;
  cursor: pointer;
  letter-spacing: 2px;
  padding: 20px 20px 20px 0;
  margin: 0;
}
.no-svg .section-nav p {
  background-image: url('https://www.ggc.edu/sebin/p/q/nav-open-alt.png');
}
.section-nav a:link,
.section-nav a:visited,
.section-nav a:active {
  color: #fff;
}
.section-nav > ul {
  font-size: 0.875em;
  background-color: inherit;
  left: 0;
  overflow: hidden;
  margin-top: -1px;
  max-height: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 250px;
}
.section-nav ul {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
}
.section-nav ul li {
  padding: 10px 30px;
  letter-spacing: .3px;
  font-weight: 500;
  position: relative;
  border-bottom: 1px solid #2f90c6;
}
.section-nav ul li a {
  display: block;
}
.section-nav ul li:hover {
  background-color: #ffffff;
}
.section-nav ul li:hover a:link,
.section-nav ul li:hover a:visited,
.section-nav ul li:hover a:active {
  color: #0b7dbc;
  font-weight: 500;
}
.section-nav ul li.has-children .toggle {
  background: url("https://www.ggc.edu/sebin/x/a/caret-down-blue.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 7px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 14px;
  white-space: nowrap;
  cursor: pointer;
  content: '';
  position: absolute;
  right: 10px;
  top: 15px;
  opacity: 1;
  z-index: 10;
}
.no-svg .section-nav ul li.has-children .toggle {
  background-image: url('https://www.ggc.edu/sebin/n/b/caret-down-blue.png');
}
@media only screen and (max-width: 620px) {
  .section-nav ul li.has-children .toggle {
    right: -8px;
  }
}
.section-nav ul li.has-children ul {
  list-style-type: disc;
  overflow: hidden;
  margin-left: -8px;
  max-height: 0;
  text-transform: none;
}
.section-nav ul li.has-children ul li {
  list-style-type: none;
  border-bottom: 1px solid #2f90c6;
  background: url('https://www.ggc.edu/sebin/z/b/square-808080-5px.png') center left no-repeat;
}
.section-nav ul li.has-children ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0px;
}
.section-nav ul li.has-children.active .toggle {
  background-image: url('https://www.ggc.edu/sebin/v/b/caret-up-blue.svg');
}
.no-svg .section-nav ul li.has-children.active .toggle {
  background-image: url('https://www.ggc.edu/sebin/x/u/caret-up-blue.png');
}
.section-nav ul li.has-children.active ul {
  max-height: 1800px;
}
.section-nav ul li.active > a {
  font-weight: 600;
}
.section-nav.quick-nav {
  background-color: #0b7dbc;
}
.section-nav.quick-nav p {
  background-image: url('https://www.ggc.edu/sebin/r/n/nav-open-alt.svg');
  background-size: 20px 17px;
}
.no-svg .section-nav.quick-nav p {
  background-image: url('https://www.ggc.edu/sebin/p/q/nav-open-alt.png');
}
.section-nav.active p,
.section-nav.quick-nav.active p {
  background-image: url('https://www.ggc.edu/sebin/v/r/nav-close.svg');
  background-size: 16px 16px;
}
.no-svg .section-nav.active p,
.no-svg .section-nav.quick-nav.active p {
  background-image: url('https://www.ggc.edu/sebin/x/k/nav-close.png');
}
.section-nav.active > ul,
.section-nav.quick-nav.active > ul {
  max-height: 1800px;
}
@media only screen and (max-width: 620px) {
  .section-nav {
    padding: 0 15px;
    width: 150px;
  }
  .section-nav p {
    background-size: 16px 12px;
  }
  .section-nav > ul {
    padding: 0 15px;
    width: 150px;
  }
  .section-nav.quick-nav p {
    background-size: 16px 14px;
  }
}
#main-content.interior .content-box {
  margin-bottom: 0;
}
#main-content.interior > .wrapper {
  margin-top: 100px;
}
#main-content.interior > .wrapper:first-child {
  margin-top: -50px;
}
#main-content.interior.multi-column .wrapper {
  max-width: 1400px;
}
#main-content.interior.multi-column .interior-content-box {
  margin-bottom: 0;
}
#main-content.interior.wide .wrapper {
  max-width: 1500px;
}
.article-content {
  position: relative;
}
.article-content .interior-content-box {
  padding: 8%;
}
@media only screen and (max-width: 620px) {
  .article-content .interior-content-box {
    padding: 10%;
  }
}
.three-column .interior-content-box .announcement .wrapper {
  display: block;
}
.three-column .interior-content-box .announcement p.banner-content,
.three-column .interior-content-box .announcement p.banner-title {
  width: 100%;
}
.multi-column .wrapper {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.multi-column .article-content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
  width: 100%;
}
.multi-column .article-content .interior-content-box {
  padding: 6% 7%;
}
.no-csspointerevents .multi-column .article-content {
  max-width: 880px;
}
.multi-column aside {
  -webkit-order: 0;
  -moz-order: 0;
  -ms-order: 0;
  order: 0;
  max-width: 260px;
  min-width: 260px;
  padding: 100px 40px 0 0;
}
.multi-column aside:last-child {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
  padding-left: 40px;
  padding-right: 0;
}
.no-flexbox .multi-column .wrapper {
  display: block;
}
.ie7 .no-flexbox .multi-column .wrapper {
  display: inline-block;
}
.no-flexbox .multi-column .wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .no-flexbox .multi-column .wrapper {
  display: block;
}
* html .no-flexbox .multi-column .wrapper {
  height: 1%;
}
.no-flexbox .multi-column .wrapper .article-content {
  margin: 0 260px 0 0;
  width: auto;
}
.no-flexbox .multi-column .wrapper aside {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 100px 0 0 !important;
  width: 200px;
}
.no-flexbox .multi-column .wrapper aside:last-child {
  left: auto;
  right: 30px;
}
.no-flexbox .multi-column.three-column .wrapper .article-content {
  margin: 0 260px;
}
@media only screen and (max-width: 1000px) {
  .multi-column .wrapper {
    display: block;
  }
  .multi-column aside {
    max-width: none;
    min-width: 0;
  }
  .multi-column aside,
  .multi-column aside:last-child {
    padding: 2em 0 0 0;
    /* Rycca changed 03/01/2016 from padding: 4em 0; */
    border-bottom: 1px solid #e9e9e9;
    /* Rycca added 03/01/2016 so when col 1 aside is on top of col 2 aside, shows border */
    margin-bottom: 0;
    /* Rycca added 03/01/2016 */
  }
  .no-flexbox .multi-column .wrapper .article-content {
    margin: 0 !important;
    width: 100%;
  }
  .no-flexbox .multi-column .wrapper aside {
    position: static;
  }
}
.featured-items {
  background: #ffffff url('https://www.ggc.edu/sebin/d/u/featured1.jpg') no-repeat center bottom;
  background-size: cover;
  margin-bottom: 6em;
  padding: 2em 0 4em;
}
.featured-items .announcement-banner {
  margin: 0 auto;
  max-width: 1330px;
  width: 94%;
}
.featured-items .featured-wrapper {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1330px;
  width: 94%;
  margin-top: 4em;
}
.featured-items .featured-wrapper .featured-title {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 17.35%;
}
.featured-items .featured-wrapper .content-box {
  width: 25.66%;
}
.featured-items .featured-wrapper .content-box h3 a {
  text-decoration: none;
}
.no-flexbox .featured-items .featured-wrapper {
  display: block;
}
.ie7 .no-flexbox .featured-items .featured-wrapper {
  display: inline-block;
}
.no-flexbox .featured-items .featured-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .no-flexbox .featured-items .featured-wrapper {
  display: block;
}
* html .no-flexbox .featured-items .featured-wrapper {
  height: 1%;
}
.no-flexbox .featured-items .featured-wrapper .featured-title,
.no-flexbox .featured-items .featured-wrapper .content-box {
  float: left;
}
.no-flexbox .featured-items .featured-wrapper .content-box {
  margin-left: 1.89%;
  min-height: 420px;
}
@media only screen and (max-width: 1200px) {
  .featured-items {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 1000px) {
  .featured-items .featured-wrapper {
    display: block;
  }
  .featured-items .featured-wrapper .featured-title {
    display: block;
    text-align: center;
    width: 100%;
  }
  .featured-items .featured-wrapper .content-box {
    margin-bottom: 2em;
    width: 100% !important;
  }
}
.columns {
  display: block;
}
.ie7 .columns {
  display: inline-block;
}
.columns:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .columns {
  display: block;
}
* html .columns {
  height: 1%;
}
.columns .column-1-1 {
  width: 98%;
}
.columns .column-1-2 {
  width: 48%;
}
.columns .column-2-3 {
  width: 66%;
}
.columns .column-1-3 {
  width: 30%;
}
.columns .column-1-1,
.columns .column-1-3,
.columns .column-2-3,
.columns .column-1-2 {
  float: left;
  margin-right: 2%;
}
.columns .column-1-1:last-child,
.columns .column-1-3:last-child,
.columns .column-2-3:last-child,
.columns .column-1-2:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .columns .column-2-3,
  .columns .column-1-3,
  .columns .column-1-2 {
    float: none;
    margin: 0 0 2em 0;
    width: 100%;
  }
}
.interior-section-nav {
  margin-bottom: 4em;
}
.interior-section-nav ul {
  font-size: 0.75em;
  letter-spacing: 2px;
  padding: 16px 0;
  text-align: center;
  text-transform: uppercase;
}
.interior-section-nav li,
.interior-section-nav a {
  display: inline-block;
}
.interior-section-nav li {
  padding: 0 90px;
}
.interior-section-nav a {
  color: #000000;
}
.interior-section-nav a.icon-news:before,
.interior-section-nav a.icon-pen:before {
  background: url("https://www.ggc.edu/sebin/j/j/icon-news.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 32px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 48px;
  white-space: nowrap;
  content: '';
  display: inline-block;
  margin-right: 18px;
  vertical-align: middle;
}
.no-svg .interior-section-nav a.icon-news:before,
.no-svg .interior-section-nav a.icon-pen:before {
  background-image: url('https://www.ggc.edu/sebin/d/b/icon-news.png');
}
.interior-section-nav a.icon-pen:before {
  background-image: url('https://www.ggc.edu/sebin/d/s/icon-pen.svg');
  height: 32px;
  width: 32px;
}
.no-svg .interior-section-nav a.icon-pen:before {
  background-image: url('https://www.ggc.edu/sebin/r/j/icon-pen.png');
}
.interior-section-nav li.active a {
  color: #00704a;
}
.interior-section-nav li.active a.icon-news:before {
  background-image: url('https://www.ggc.edu/sebin/r/p/icon-news-green.svg');
}
.no-svg .interior-section-nav li.active a.icon-news:before {
  background-image: url('https://www.ggc.edu/sebin/p/s/icon-news-green.png');
}
.interior-section-nav li.active a.icon-pen:before {
  background-image: url('https://www.ggc.edu/sebin/n/n/icon-pen-green.svg');
}
.no-svg .interior-section-nav li.active a.icon-pen:before {
  background-image: url('https://www.ggc.edu/sebin/r/p/icon-pen-green.png');
}
@media only screen and (max-width: 1200px) {
  .interior-section-nav ul li {
    padding: 0 45px;
  }
}
@media only screen and (max-width: 1000px) {
  .interior-section-nav {
    padding: 48px 24px;
  }
  .interior-section-nav ul {
    padding: 0;
  }
  .interior-section-nav ul li {
    padding: 0 20px;
  }
  .interior-section-nav ul a.icon-news:before,
  .interior-section-nav ul a.icon-pen:before {
    height: 22px;
    margin-right: 10px;
    width: 33px;
  }
  .interior-section-nav ul a.icon-pen:before {
    height: 22px;
    width: 22px;
  }
}
@media only screen and (max-width: 500px) {
  .interior-section-nav {
    padding: 48px 0;
  }
  .interior-section-nav ul li {
    padding: 0 10px;
  }
}
.pagination-simple li.prev,
.pagination-share li.prev,
.pagination-simple li.next,
.pagination-share li.next {
  left: 0;
  position: absolute;
  top: 0;
}
.pagination-simple li.prev a,
.pagination-share li.prev a,
.pagination-simple li.next a,
.pagination-share li.next a {
  background: url("https://www.ggc.edu/sebin/p/g/arrow-grey-left.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 54px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 27px;
  white-space: nowrap;
}
.no-svg .pagination-simple li.prev a,
.no-svg .pagination-share li.prev a {
  background-image: url('https://www.ggc.edu/sebin/r/z/arrow-grey-left.png');
}
.pagination-simple li.next,
.pagination-share li.next {
  left: auto;
  right: 0;
}
.pagination-simple li.next a,
.pagination-share li.next a {
  background-image: url('https://www.ggc.edu/sebin/r/v/arrow-grey-right.svg');
}
.no-svg .pagination-simple li.next a,
.no-svg .pagination-share li.next a {
  background-image: url('https://www.ggc.edu/sebin/v/x/arrow-grey-right.png');
}
.pagination-simple li.disabled,
.pagination-share li.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (max-width: 720px) {
  .pagination-simple li.prev a,
  .pagination-share li.prev a,
  .pagination-simple li.next a,
  .pagination-share li.next a {
    height: 40px;
    width: 20px;
  }
}
.pagination-simple {
  margin-bottom: 5em;
  padding-top: 1em;
}
.pagination-simple ul {
  margin: 0 auto;
  max-width: 700px;
  width: 94%;
  position: relative;
}
.pagination-simple li.current {
  font-size: 1.875em;
  letter-spacing: 2px;
  margin: 0 30px;
  text-align: center;
  text-transform: uppercase;
}
.pagination-simple li.current a {
  height: 54px;
  line-height: 54px;
  vertical-align: middle;
  color: #000000;
}
.pagination-simple.content-box {
  padding-top: 48px;
}
.pagination-simple.content-box ul {
  max-width: 1040px;
}
.pagination-simple.content-box li.current {
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 4px;
  margin: 0 50px;
}
.pagination-simple.content-box li.current a {
  height: auto;
  line-height: 1.5;
}
.pagination-simple.content-box li.prev,
.pagination-simple.content-box li.next {
  top: 10px;
}
.pagination-simple.content-box li.prev a,
.pagination-simple.content-box li.next a {
  background-image: url('https://www.ggc.edu/sebin/j/j/arrow-green-left.svg');
  height: 23px;
  width: 40px;
}
.no-svg .pagination-simple.content-box li.prev a {
  background-image: url('https://www.ggc.edu/sebin/d/a/arrow-green-left.png');
}
.pagination-simple.content-box li.next a {
  background-image: url('https://www.ggc.edu/sebin/p/s/arrow-green-right.svg');
}
.no-svg .pagination-simple.content-box li.next a a {
  background-image: url('https://www.ggc.edu/sebin/t/u/arrow-green-right.png');
}
@media only screen and (max-width: 720px) {
  .pagination-simple {
    margin-bottom: 3em;
    padding-top: 0;
  }
  .pagination-simple li.current {
    font-size: 1.5em;
  }
  .pagination-simple li.current a {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
  }
  .pagination-simple.content-box ul {
    width: 100%;
  }
  .pagination-simple.content-box li.current {
    font-size: 1.125em;
    letter-spacing: 2px;
    margin: 0 20px;
  }
  .pagination-simple.content-box li.prev,
  .pagination-simple.content-box li.next {
    top: 6px;
  }
  .pagination-simple.content-box li.prev a,
  .pagination-simple.content-box li.next a {
    height: 20px;
    width: 33px;
  }
}
@media only screen and (max-width: 500px) {
  .pagination-simple.content-box {
    padding: 48px 30px;
  }
}
.share-nav a {
  background: url("https://www.ggc.edu/") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 75px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 100%;
  white-space: nowrap;
  background-position: center center;
}
.share-nav a.fb {
  background-image: url('https://www.ggc.edu/sebin/r/f/social-facebook2.svg');
  background-size: 9px 18px;
}
.no-svg .share-nav a.fb {
  background-image: url('https://www.ggc.edu/sebin/b/h/social-facebook2.png');
}
.share-nav a.tt {
  background-image: url('https://www.ggc.edu/sebin/z/r/social-tiktok.svg');
  background-size: 30px 30px;
}
.no-svg .share-nav a.tt {
  background-image: url('https://www.ggc.edu/sebin/p/s/social-tiktok.png');
}
.share-nav a.tw {
  background-image: url('https://www.ggc.edu/sebin/t/k/social-twitter2.svg');
  background-size: 19px 16px;
}
.no-svg .share-nav a.tw {
  background-image: url('https://www.ggc.edu/sebin/b/d/social-twitter2.png');
}
.share-nav a.em {
  background-image: url('https://www.ggc.edu/sebin/v/p/social-email.svg');
  background-size: 18px 18px;
}
.no-svg .share-nav a.em {
  background-image: url('https://www.ggc.edu/sebin/z/r/social-email.png');
}
@media only screen and (max-width: 720px) {
  .share-nav a {
    height: 60px;
  }
}
.pagination-share {
  margin: 4em 0;
  position: relative;
}
.pagination-share li.prev,
.pagination-share li.next {
  top: 12px;
}
.pagination-share .share-nav {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid #d9dadb;
  margin: 0 80px;
}
.ie7 .pagination-share .share-nav {
  display: inline-block;
}
.pagination-share .share-nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .pagination-share .share-nav {
  display: block;
}
* html .pagination-share .share-nav {
  height: 1%;
}
.pagination-share .share-nav li,
.pagination-share .share-nav a {
  display: block;
  float: left;
}
.pagination-share .share-nav li {
  height: 75px;
  line-height: 75px;
  vertical-align: middle;
  border-left: 1px solid #d9dadb;
  text-align: center;
  width: 22.45%;
}
.pagination-share .share-nav li.title {
  border-left: 0;
  font-style: italic;
  font-weight: 400;
  width: 32.65%;
}
@media only screen and (max-width: 720px) {
  .pagination-share .share-nav {
    margin: 0 50px;
  }
  .pagination-share .share-nav li {
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 620px) {
  .pagination-share .share-nav li {
    width: 33.333%;
  }
  .pagination-share .share-nav li.title {
    display: none;
  }
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  color: #000000;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0 0 0 0;
}
.article-content h1 {
  color: #00704a;
  font-size: 2.25em;
}
.article-content h1:after {
  background-color: #77bc1f;
  content: '';
  display: block;
  height: 3px;
  margin-top: 0.75em;
  width: 60px;
}
.article-content h2 {
  color: #000000;
  font-size: 1.875em;
}
.article-content h3 {
  color: #00704a;
  font-size: 1.5em;
}
.article-content h4 {
  color: #000000;
  font-size: 1.25em;
}
.article-content h5 {
  color: #00704a;
  font-size: 1.125em;
}
.article-content h6 {
  color: #000000;
  font-size: 1em;
}
.article-content p span.section_intro {
  font-size: 1.5em;
  letter-spacing: 1px;
  line-height: 1.8;
  margin-bottom: 1.75em;
}
.article-content p.subtitle {
  font-size: 1.5em;
  letter-spacing: 1px;
  line-height: 2;
  margin-bottom: 1.75em;
}
.article-content p.subheading {
  font-size: 1.25em;
  color: #000000;
  font-weight: 500;
  margin-bottom: 1em;
}
.article-content div .section_intro,
.article-content p .section_intro {
  font-size: 1.5em;
  letter-spacing: 1px;
  line-height: 2;
  margin-bottom: 1.75em;
}
.article-content div.subheading {
  font-size: 1.25em;
  color: #000000;
  font-weight: 500;
  margin-bottom: 1em;
}
.article-content .spotlight_box {
  background-color: #f1f2f1;
  border: 1px solid #dcddde;
  margin-top: 10px;
  overflow: auto;
  padding: 10px;
}
.article-content .spotlight_box span.spotlight_title {
  font-size: 1.25em;
  color: #000000;
  font-weight: 500;
  margin-bottom: 1em;
}
@media only screen and (max-width: 380px) {
  .article-content .spotlight_box img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
}
.article-content .article-meta {
  display: block;
}
.ie7 .article-content .article-meta {
  display: inline-block;
}
.article-content .article-meta:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .article-content .article-meta {
  display: block;
}
* html .article-content .article-meta {
  height: 1%;
}
.article-content .article-meta dl {
  margin-top: 2em;
}
.article-content .article-meta dl dt {
  display: none;
}
.article-content .article-meta dl dd {
  margin: 0;
}
.article-content .article-meta dl dd:first-of-type {
  font-style: italic;
  font-weight: 600;
}
.article-content .accordion {
  margin: 3em auto;
  width: 90%;
}
.article-content .accordion .accordion-content,
.article-content .accordion .accordion-title:after {
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
}
.article-content .accordion .accordion-item {
  border-top: 1px solid #e9e9e9;
}
.article-content .accordion .accordion-item:last-child {
  border-bottom: 1px solid #e9e9e9;
}
.article-content .accordion .accordion-title {
  font-size: 1.125em;
  cursor: pointer;
  margin: 0;
  padding: 16px 70px 16px 24px;
  position: relative;
}
.article-content .accordion .accordion-title:after {
  background: url("https://www.ggc.edu/sebin/l/a/arrow-green-bottom.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 9px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 15px;
  white-space: nowrap;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  content: '';
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 25px;
  top: 50%;
}
.article-content .accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 24px;
}
.article-content .accordion .accordion-content a.alt-button.button-lightgreen {
  text-decoration: none;
}
.article-content .accordion .accordion-item.open .accordion-title:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.article-content .accordion .accordion-item.open .accordion-content {
  max-height: 3000px;
  padding: 1em 24px;
}
@media only screen and (max-width: 900px) {
  .article-content h1 {
    font-size: 2em;
  }
  .article-content h2 {
    font-size: 1.75em;
  }
  .article-content h3 {
    font-size: 1.25em;
  }
  .article-content h4 {
    font-size: 1.125em;
  }
  .article-content h5 {
    font-size: 1em;
  }
  .article-content h6 {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 720px) {
  .article-content .accordion {
    width: 100%;
  }
  .article-content .accordion .accordion-title {
    font-size: 1em;
    padding: 16px 45px 16px 5px;
  }
  .article-content .accordion .accordion-title:after {
    right: 5px;
  }
  .article-content .accordion .accordion-content {
    padding: 0;
  }
  .article-content .accordion .accordion-item.open .accordion-content {
    padding: 2% 0;
  }
}
@media only screen and (max-width: 620px) {
  .article-content h1 {
    font-size: 1.75em;
  }
  .article-content h2 {
    font-size: 1.5em;
  }
  .article-content h3 {
    font-size: 1.25em;
  }
  .article-content h4 {
    font-size: 1em;
  }
  .article-content h5 {
    font-size: 0.875em;
  }
  .article-content h6 {
    font-size: 0.875em;
  }
  .article-content p.subtitle {
    font-size: 1.125em;
    line-height: 1.5;
  }
  .article-content p span.section_intro {
    font-size: 1.125em;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 500px) {
  .article-content h1 {
    font-size: 1.375em;
  }
  .article-content h2 {
    font-size: 1.125em;
  }
  .article-content h3 {
    font-size: 1em;
  }
  .article-content h4 {
    font-size: 0.875em;
  }
  .article-content h5 {
    font-size: 0.75em;
  }
  .article-content h6 {
    font-size: 0.625em;
  }
}
.interior-content-box {
  /* Rycca 04/04/2016 commented out
  ul {
    li {
      background: url('../images/interior/bullet1.png') no-repeat 0 12px;
      h2, h3, h4, h5, h6 {
        margin-bottom: 0;
      }
      li {
        background-image: url('../images/interior/bullet2.png');
        li {
          background-image: url('../images/interior/bullet3.png');
          li {
            background-image: url('../images/interior/bullet4.png');
          }
        }
      }
    }
  } */
  /* Rycca 04/04/2016 commented out
  ol {
    counter-reset: list;
    li {
      &:before {
        counter-increment: list;
        content: counter(list, decimal) ". ";
        color: @light_green;
/--       left: -1em;  rycca removed 03/15/16;  Causes multi-line line items to look wonky because of wrap.
        position: relative;
      }
      li {
        &:before {
          content: counter(list, lower-alpha) ". ";
        }
        li {
          &:before {
            content: counter(list, lower-roman) ". ";
          }
          li {
            &:before {
              content: counter(list, decimal) ". ";
            }
          }
        }
      }
    }
  } */
  /* ****************************************************************************
 Rycca commented out 6/22/2016; all announcements are on audience pages  ; 
  .announcement-banner {
    border-radius: 2px;
    p {
      &.banner-title {
        .to_em(13px);
        background: url('@{ggc_domain}/sebin/z/x/alert-white.svg') no-repeat left center;
        background-size: 26px 24px;
        padding-left: 50px;
        width: 195px;
        .no-svg & {
            background-image: url('@{ggc_domain}/sebin/p/y/alert-white.png');
        }
      }
      &.banner-content {
        .to_em(14px);
        line-height: 1.5;
        padding-left: 15px; //222px; rycca
      }
    }
  }
  &.announcement-events {			* mfrd-2018 added this section for thumbnail symbol*
/    background-color: @green;
/	padding: 30px 20px;
    p.banner-title {
      background-image: url('@{ggc_domain}/sebin/z/b/thumbtack.svg');
      .no-svg & {
      background-image: url('@{ggc_domain}/sebin/x/e/thumbtack.png');
    }
   }
  }  
 **************************************************************************** */
}
.interior-content-box p {
  line-height: 2;
  margin-bottom: 2em;
}
.interior-content-box p.banner-content {
  margin-bottom: 0;
}
.interior-content-box p.banner-title {
  margin-bottom: 0;
}
.interior-content-box ul,
.interior-content-box ol {
  line-height: 2;
  margin-bottom: 2.5em;
  overflow: hidden;
  padding: 0 0 0 30px;
}
.interior-content-box ul li,
.interior-content-box ol li {
  margin-bottom: 0.25em;
  padding-left: 1.5em;
}
.interior-content-box ul ul,
.interior-content-box ol ul,
.interior-content-box ul ol,
.interior-content-box ol ol {
  font-size: 1em;
  margin-bottom: 0;
  padding-left: 24px;
}
.interior-content-box iframe {
  border: 0;
  width: 100%;
}
.interior-content-box .figure {
  margin-bottom: 2.5em;
}
.interior-content-box .figure iframe {
  /*      height: 475px;   Rycca removed 04/07/2016 */
}
.interior-content-box .figure img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 100%;
}
.interior-content-box .figure .figcaption {
  font-size: 0.875em;
  padding: 28px 32px;
}
.interior-content-box .figure .figcaption p {
  font-style: italic;
  margin: 0;
}
.interior-content-box .figure .figcaption p.figure-title {
  font-size: 1.14285714em;
  color: #00704a;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.interior-content-box .figure a.zoom {
  display: block;
  position: relative;
}
.interior-content-box .figure a.zoom:after {
  font-size: 1.625em;
  background: url('https://www.ggc.edu/sebin/b/z/trans-dark.png');
  border-radius: 0 0 2px 0;
  bottom: 0;
  color: #fff;
  content: '+';
  display: block;
  padding: 0 16px;
  position: absolute;
  right: 0;
}
.interior-content-box .figure.left,
.interior-content-box .figure.right {
  margin-bottom: 1em;
  max-width: 50%;
  width: 360px;
}
.interior-content-box .figure.left img,
.interior-content-box .figure.right img {
  border-radius: 2px;
  height: auto;
  max-width: 100%;
  width: auto;
}
.interior-content-box .figure.left .figcaption,
.interior-content-box .figure.right .figcaption {
  padding: 20px 0;
}
.interior-content-box .figure.left .figcaption p.figure-title,
.interior-content-box .figure.right .figcaption p.figure-title {
  margin-bottom: 0;
}
.interior-content-box .figure.left {
  float: left;
  margin-right: 5%;
}
.interior-content-box .figure.right {
  float: right;
  margin-left: 2%;
}
.interior-content-box blockquote {
  border-left: 3px solid #77bc1f;
  margin: 3em 0 3em 70px;
  padding-left: 48px;
}
.interior-content-box blockquote p {
  font-size: 1.5em;
  color: #000000;
  line-height: 1.5;
  margin: 0;
  position: relative;
}
.interior-content-box blockquote p:before,
.interior-content-box blockquote p:after {
  line-height: 0.75em;
}
.interior-content-box blockquote p:before {
  content: '“';
  padding-right: 12px;
}
.interior-content-box blockquote p:after {
  content: '”';
  padding-left: 12px;
}
.interior-content-box blockquote cite {
  font-size: 0.875em;
  display: block;
  margin-top: 2em;
}
.interior-content-box blockquote.has-image {
  display: block;
  border-left-width: 0;
  margin-left: 0;
  padding-left: 0;
  position: relative;
}
.ie7 .interior-content-box blockquote.has-image {
  display: inline-block;
}
.interior-content-box blockquote.has-image:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .interior-content-box blockquote.has-image {
  display: block;
}
* html .interior-content-box blockquote.has-image {
  height: 1%;
}
.interior-content-box blockquote.has-image:before {
  background-color: #77bc1f;
  bottom: 12px;
  content: '';
  display: block;
  left: 238px;
  position: absolute;
  top: 12px;
  width: 3px;
}
.interior-content-box blockquote.has-image .figure {
  float: left;
  margin-bottom: 0;
  margin-right: 75px;
  width: 200px;
}
.interior-content-box blockquote.has-image .figure img {
  border-radius: 2px;
}
.interior-content-box blockquote.left,
.interior-content-box blockquote.right {
  margin-top: 0;
  max-width: 500px;
}
.interior-content-box blockquote.left {
  float: left;
  margin: 0 70px 3em 0;
}
.interior-content-box blockquote.right {
  float: right;
}
.interior-content-box table {
  border-collapse: collapse;
  margin: 4em 0;
  text-align: center;
  width: 100%;
}
.interior-content-box thead td,
.interior-content-box th {
  font-size: 0.875em;
  background-color: #f4f4f3;
  color: #00704a;
  font-weight: normal;
  letter-spacing: 2px;
}
.interior-content-box th,
.interior-content-box td {
  padding: 18px;
  text-align: left;
}
.interior-content-box th a,
.interior-content-box td a {
  text-decoration: underline;
}
.interior-content-box td,
.interior-content-box th {
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.interior-content-box td:first-child,
.interior-content-box th:first-child {
  border-left: 1px solid #e9e9e9;
}
.interior-content-box tr:first-child th,
.interior-content-box tr:first-child td {
  border-top: 1px solid #e9e9e9;
}
.interior-content-box thead tr th:empty {
  background: transparent;
  border-left: 0;
  border-top: 0;
}
.interior-content-box .stacktable.large-only {
  display: table;
}
.interior-content-box .stacktable.small-only {
  display: none;
}
.interior-content-box form {
  margin-bottom: 1em;
}
.interior-content-box hr {
  border-bottom: 0;
  border-color: #e9e9e9;
  border-style: solid;
  margin: 4em 0;
}
.interior-content-box .disclaimer {
  font-size: 90%;
  font-style: italic;
}
.interior-content-box .emphasis {
  color: #005437;
  font-style: italic;
  font-weight: 600;
}
.interior-content-box .strikethrough {
  text-decoration: line-through;
}
.interior-content-box .underline {
  text-decoration: underline;
}
.interior-content-box p a,
.interior-content-box li a {
  color: #00704a;
  text-decoration: underline;
}
.interior-content-box a.button {
  margin-bottom: 1em;
  text-decoration: none;
}
@media only screen and (max-width: 900px) {
  .interior-content-box ul,
  .interior-content-box ol,
  .interior-content-box p {
    font-size: 0.875em;
  }
  .interior-content-box .figure {
    margin-bottom: 1em;
  }
  .interior-content-box .figure iframe {
    height: 390px;
  }
  .interior-content-box .figure .figcaption {
    padding: 20px 0;
  }
  .interior-content-box .figure .figcaption p.figure-title {
    font-size: 1em;
  }
  .interior-content-box blockquote.has-image {
    border-left-width: 3px;
    padding-left: 48px;
  }
  .interior-content-box blockquote.has-image:before {
    display: none;
  }
  .interior-content-box blockquote.has-image .figure {
    float: none;
    margin: 0 0 1em 0;
    width: 100%;
  }
  .interior-content-box table {
    margin: 2em 0;
  }
  .interior-content-box thead td,
  .interior-content-box th {
    font-size: 0.75em;
    letter-spacing: 0;
  }
  .interior-content-box td {
    font-size: 0.75em;
  }
  .interior-content-box th,
  .interior-content-box td {
    padding: 12px;
  }
}
@media only screen and (max-width: 720px) {
  .interior-content-box .figure iframe {
    height: 310px;
  }
  .interior-content-box .figure.left,
  .interior-content-box .figure.right {
    float: none;
    margin: 0;
    max-width: none;
    width: 100%;
  }
  .interior-content-box blockquote {
    margin: 3em 0;
    padding-left: 36px;
  }
  .interior-content-box blockquote p {
    font-size: 1.125em;
  }
  .interior-content-box blockquote.has-image {
    padding-left: 36px;
  }
}
@media only screen and (max-width: 620px) {
  .interior-content-box .figure iframe {
    height: 250px;
  }
  .interior-content-box .stacktable.large-only {
    display: none;
  }
  .interior-content-box .stacktable.small-only {
    display: table;
  }
}
@media only screen and (max-width: 500px) {
  .interior-content-box .figure iframe {
    height: 170px;
  }
  .interior-content-box blockquote {
    padding-left: 24px;
  }
  .interior-content-box blockquote p {
    font-size: 1em;
  }
  .interior-content-box th,
  .interior-content-box td {
    line-height: 1.5;
    padding: 8px;
  }
}
.interior-content-box .contentControls div {
  display: inline;
}
.interior-content-box .content-card-wrap {
  padding: 1.4em;
}
.interior-content-box .stprofile-aside img {
  max-width: 220px;
}
.interior-content-box .spotlight_person {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
.interior-content-box .testimonial {
  border-bottom: 1px solid #ccc;
}
.interior-content-box .testimonial blockquote .figure img {
  max-width: 220px;
}
@media screen and (min-width: 40em) {
  .interior-content-box .spotlight_person {
    display: block;
  }
  .ie7 .interior-content-box .spotlight_person {
    display: inline-block;
  }
  .interior-content-box .spotlight_person:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .interior-content-box .spotlight_person {
    display: block;
  }
  * html .interior-content-box .spotlight_person {
    height: 1%;
  }
  .interior-content-box .spotlight_person .image {
    float: left;
    margin-right: 2em;
  }
  .interior-content-box .stprofile-section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .interior-content-box .stprofile-section .stprofile-main {
    width: 68%;
    width: calc(70% - 1.5em);
  }
  .interior-content-box .stprofile-section .stprofile-aside {
    width: 28%;
    width: calc(30% - 1.5em);
  }
  .interior-content-box .stprofile-section .stprofile-aside blockquote {
    margin-left: 0;
  }
  .no-flexbox .interior-content-box .stprofile-section {
    display: block;
  }
  .ie7 .no-flexbox .interior-content-box .stprofile-section {
    display: inline-block;
  }
  .no-flexbox .interior-content-box .stprofile-section:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .no-flexbox .interior-content-box .stprofile-section {
    display: block;
  }
  * html .no-flexbox .interior-content-box .stprofile-section {
    height: 1%;
  }
  .no-flexbox .interior-content-box .stprofile-section .stprofile-main,
  .no-flexbox .interior-content-box .stprofile-section .stprofile-aside {
    float: left;
    margin-left: 1.5%;
    min-height: 525px;
  }
}
.zoom-image {
  background: url('https://www.ggc.edu/sebin/b/z/trans-dark.png');
  cursor: pointer;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.zoom-image span {
  margin: 0 auto;
  max-width: 1008px;
  width: 94%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  position: relative;
  top: 50%;
  display: block;
}
.no-csstransforms .zoom-image span {
  top: 10%;
}
.zoom-image span img {
  display: block;
  height: auto;
  width: 100%;
}
.zoom-image span:after {
  font-size: 1.625em;
  background: url('https://www.ggc.edu/sebin/b/z/trans-dark.png');
  border-radius: 0 0 2px 0;
  bottom: 0;
  color: #fff;
  content: '–';
  display: block;
  padding: 0 16px;
  position: absolute;
  right: 0;
}
a.more-link {
  font-size: 1.125em;
  color: #000000;
  display: block;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: underline;
}
aside img {
  display: block;
  height: auto;
  max-width: 100%;
}
aside h2 {
  font-size: 1em;
  color: #005437;
  font-size: 1.125em;
  font-weight: 500;
  margin-bottom: 1em;
  position: relative;
}
aside h2.subtitle {
  font-weight: 100;
  letter-spacing: 4px;
  line-height: 1.25;
  text-transform: uppercase;
}
aside h2.subtitle span {
  font-size: 1.25em;
  color: #00704a;
  display: block;
  font-weight: 600;
}
aside p {
  margin-bottom: 2em;
}
aside p.subtitle {
  font-size: 0.875em;
  color: #000000;
  font-weight: 600;
  letter-spacing: 2px;
  margin-top: -0.5em;
  text-transform: uppercase;
}
aside h3 small {
  font-size: 0.72222222em;
  color: #00704a;
  display: block;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.aside-section {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2.5em;
  display: block;
}
.ie7 .aside-section {
  display: inline-block;
}
.aside-section:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .aside-section {
  display: block;
}
* html .aside-section {
  height: 1%;
}
.aside-section .go-button {
  background-size: 24px 15px;
  margin-bottom: 2em;
}
.aside-section .see-all {
  background: url("https://www.ggc.edu/sebin/f/f/see-all.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 13px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 196px;
  white-space: nowrap;
  margin-top: 2em;
}
.no-svg .aside-section .see-all {
  background-image: url('https://www.ggc.edu/sebin/h/y/see-all.png');
}
.aside-section:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.aside-section a {
  text-decoration: underline;
}
.aside-section a.alt-button.button-lightgreen {
  text-decoration: none !important;
}
.aside-section .button {
  max-width: 220px;
  width: 100%;
  padding: 0px;
  text-decoration: none;
}
.aside-section .button.long-label {
  padding: 15px 5px;
}
@media only screen and (max-width: 900px) {
  .aside-section p {
    font-size: 0.875em;
  }
}
.person-callout h2 {
  font-size: 0.875em;
  color: #00704a;
}
.person-callout p {
  font-size: 0.875em;
}
.featured-items h2 {
  color: #000000;
  font-weight: 100;
  letter-spacing: 4px;
  line-height: 1.25;
  text-transform: uppercase;
}
.featured-items h2 span {
  font-size: 1.25em;
  color: #00704a;
  display: block;
  font-weight: 600;
}
.featured-items .content-box {
  text-align: center;
}
.featured-items .content-box h3 {
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.5;
  text-transform: uppercase;
}
.featured-items .content-box h3 small {
  font-size: 0.66666667em;
  color: #00704a;
  display: block;
  font-weight: 600;
  margin-bottom: 1em;
}
.featured-items .content-box p {
  font-size: 1em;
}
@media only screen and (max-width: 1200px) {
  .featured-items h2 {
    font-size: 1.375em;
  }
  .featured-items h2 span {
    font-size: 1.13636364em;
  }
  .featured-items .content-box {
    padding: 24px 36px;
  }
}
@media only screen and (max-width: 1000px) {
  .featured-items .content-box p {
    font-size: 0.875em;
  }
}
.news-item,
.event-item {
  position: relative;
  margin: 25px auto;
}
.news-item .content-box,
.event-item .content-box {
  margin-left: 150px;
}
@media only screen and (max-width: 900px) {
  .news-item .content-box,
  .event-item .content-box {
    margin-left: 0;
  }
}
.news-meta {
  left: 0;
  position: absolute;
  top: 15px;
  width: 100px;
}
.news-meta time {
  background-color: #00704a;
  color: #fff;
  display: block;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.25;
  padding: 30px;
  text-align: right;
  text-transform: uppercase;
}
.news-meta time::first-line {
  font-weight: 100;
}
.news-meta span {
  font-size: 0.8125em;
  background-position: center 20px;
  background-repeat: no-repeat;
  border: 1px solid #e2e1e1;
  border-top-width: 0;
  display: block;
  padding: 60px 0 15px;
  text-align: center;
}
.news-meta span.category-release {
  background-image: url('https://www.ggc.edu/sebin/p/m/icon-release.svg');
  background-size: 35px 35px;
}
.no-svg .news-meta span.category-release {
  background-image: url('https://www.ggc.edu/sebin/n/p/icon-release.png');
}
.news-meta span.category-news {
  background-image: url('https://www.ggc.edu/sebin/r/r/icon-paper.svg');
  background-size: 38px 30px;
}
.no-svg .news-meta span.category-news {
  background-image: url('https://www.ggc.edu/sebin/f/j/icon-paper.png');
}
@media only screen and (max-width: 900px) {
  .news-meta {
    display: block;
    position: static;
    width: 100%;
  }
  .ie7 .news-meta {
    display: inline-block;
  }
  .news-meta:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .news-meta {
    display: block;
  }
  * html .news-meta {
    height: 1%;
  }
  .news-meta time,
  .news-meta span {
    float: left;
    height: 75px;
    width: 50%;
  }
  .news-meta time {
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
    padding: 0;
    text-align: center;
  }
  .news-meta span {
    background-position: center 10px;
    border-top-width: 1px;
    padding-top: 45px;
  }
  .news-meta span.category-release {
    background-size: 30px 35px;
  }
  .news-meta span.category-news {
    background-size: 32px 25px;
  }
}
.news-item .content-box {
  padding: 10%;
}
.event-item h2:after {
  display: none;
}
.event-item dl {
  color: #77bc1f;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 2em;
  text-transform: uppercase;
}
.event-item dl dt {
  display: none;
}
.event-item dl dd {
  display: inline;
  margin: 0;
}
.event-item dl dd:first-of-type:after {
  content: '//';
  padding: 0 10px 0 20px;
}
.event-item .content-box {
  padding: 6% 8%;
}
.event-meta {
  display: block;
  margin-bottom: 4em;
  position: relative;
}
.ie7 .event-meta {
  display: inline-block;
}
.event-meta:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .event-meta {
  display: block;
}
* html .event-meta {
  height: 1%;
}
.event-meta h1,
.event-meta h2 {
  float: left;
  margin: 0;
  padding: 1em 0 0 148px;
  width: 70%;
}
.event-meta h1:after,
.event-meta h2:after {
  display: none;
}
.event-meta dl {
  font-size: 0.875em;
  color: #77bc1f;
  float: right;
  letter-spacing: 2px;
  text-align: right;
  text-transform: uppercase;
  width: 25%;
}
.event-meta dl dt {
  display: none;
}
.event-meta dl dd {
  margin: 0;
}
.event-meta dl dd:first-of-type {
  font-weight: 600;
}
@media only screen and (max-width: 1200px) {
  .event-meta h1,
  .event-meta h2 {
    padding-top: 0;
  }
}
@media only screen and (max-width: 900px) {
  .event-meta {
    margin-bottom: 2em;
  }
  .event-meta h1,
  .event-meta h2 {
    float: none;
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
  }
  .event-meta .news-meta {
    float: left;
    width: 50%;
  }
  .event-meta .news-meta time {
    width: 100%;
  }
  .event-meta dl {
    font-size: 0.75em;
    margin: 0;
    width: 50%;
  }
}
@media only screen and (max-width: 380px) {
  .event-meta .news-meta {
    width: 40%;
  }
  .event-meta dl {
    font-size: 0.625em;
    width: 60%;
  }
}
.event-actions {
  border: 1px solid #e9e9e9;
  margin-bottom: 3em;
  text-align: center;
}
.event-actions ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ie7 .event-actions ul {
  display: inline-block;
}
.event-actions ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .event-actions ul {
  display: block;
}
* html .event-actions ul {
  height: 1%;
}
.event-actions ul li,
.event-actions ul a {
  display: block;
  float: left;
}
.event-actions li {
  height: 75px;
  line-height: 75px;
  vertical-align: middle;
  background: none !important;
  border-right: 1px solid #e9e9e9;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  width: 33.333%;
}
.event-actions li:last-child {
  border-right: 0;
}
.event-actions li,
.event-actions a {
  color: #000000;
  font-style: italic;
}
.event-actions a {
  width: 100%;
}
.event-actions ul ul {
  padding-left: 0;
}
.event-actions ul ul li {
  border: 0;
  margin-right: 5%;
  width: auto;
}
.event-actions ul ul li.title {
  margin-right: 0;
  width: 50%;
}
.event-actions ul ul li a.fb {
  width: 9px;
}
.event-actions ul ul li a.tt {
  width: 17px;
}
.event-actions ul ul li a.tw {
  width: 19px;
}
.event-actions ul ul li a.em {
  width: 18px;
}
@media only screen and (max-width: 720px) {
  .event-actions li {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 620px) {
  .event-actions li {
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
  }
  .event-actions li:last-child {
    border-bottom: 0;
  }
}
#main-content form.internal-grid .input {
  margin-bottom: 1em;
}
#main-content form#FAForm ul {
  margin: 0;
  padding: 0;
}
#main-content form#FAForm ul li {
  background: none;
  background-color: #fff;
  margin-bottom: 1em;
  padding: 1em;
}
#main-content form#FAForm ul li label {
  width: 200px;
  float: left;
}
#main-content form .input {
  margin-bottom: 2em;
}
#main-content form .input label {
  display: block;
}
#main-content form .input input,
#main-content form .input textarea {
  border: 1px solid #e9e9e9;
  display: block;
  font-weight: 400;
  padding: 12px 24px;
  width: 100%;
}
#main-content form .input input:focus,
#main-content form .input textarea:focus {
  background-color: transparent;
  border-color: #aaa;
  box-shadow: 0 0 1px 3px #b4defa;
  outline: none;
}
#main-content form .input input.error,
#main-content form .input textarea.error {
  color: #d52b1e;
}
#main-content form .input input.valid,
#main-content form .input textarea.valid {
  color: #00704a;
}
#main-content form .input .radio label,
#main-content form .input .checkbox label {
  font-size: 0.875em;
  display: inline;
  font-style: italic;
  margin-right: 20px;
  position: relative;
}
#main-content form .input .radio label:after,
#main-content form .input .checkbox label:after {
  background: url("https://www.ggc.edu/sebin/b/v/radio.png") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 20px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 21px;
  white-space: nowrap;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
#main-content form .input .radio label.checked:after,
#main-content form .input .checkbox label.checked:after {
  background-position: left bottom;
}
#main-content form .input .radio input,
#main-content form .input .checkbox input {
  display: inline;
  margin-left: 12px;
  padding: 0;
  visibility: hidden;
  width: auto;
}
#main-content form .input .checkbox label:after {
  background-image: url('https://www.ggc.edu/sebin/t/i/checkbox.png');
}
#main-content form label {
  font-size: 1em;
}
#main-content form input,
#main-content form select,
#main-content form textarea {
  font-size: 1em;
}
#main-content form fieldset {
  display: block;
}
.ie7 #main-content form fieldset {
  display: inline-block;
}
#main-content form fieldset:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #main-content form fieldset {
  display: block;
}
* html #main-content form fieldset {
  height: 1%;
}
#main-content form textarea {
  height: 250px;
}
#main-content form .row {
  display: block;
}
.ie7 #main-content form .row {
  display: inline-block;
}
#main-content form .row:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #main-content form .row {
  display: block;
}
* html #main-content form .row {
  height: 1%;
}
#main-content form .row .input {
  float: left;
  width: 48.94%;
}
#main-content form .row .input:last-child {
  float: right;
}
#main-content form .submit {
  display: block;
  clear: both;
}
.ie7 #main-content form .submit {
  display: inline-block;
}
#main-content form .submit:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #main-content form .submit {
  display: block;
}
* html #main-content form .submit {
  height: 1%;
}
#main-content form .submit button {
  font-size: 1.5em;
  background: transparent url('https://www.ggc.edu/sebin/f/n/arrow-lightgreen-right.svg') no-repeat right center;
  background-size: 32px 20px;
  border: 0;
  color: #00704a;
  float: right;
  padding: 0 55px 0 0;
}
.no-svg #main-content form .submit button {
  background-image: url('https://www.ggc.edu/sebin/p/o/arrow-lightgreen-right.png');
}
@media only screen and (max-width: 900px) {
  #main-content form .input {
    margin-bottom: 1em;
  }
  #main-content form .input input,
  #main-content form .input textarea {
    padding: 8px 12px;
  }
  #main-content form .submit {
    padding: 1em 0;
  }
  #main-content form .submit button {
    font-size: 1.125em;
    background-size: 26px 16px;
    padding: 0 40px 0 0;
  }
}
@media only screen and (max-width: 620px) {
  #main-content form .row .input,
  #main-content form .row .input:last-child {
    float: none;
    width: 100%;
  }
}
#main-content .form-alert,
#main-content .form-error {
  background: #fffdf7 url('https://www.ggc.edu/sebin/x/u/alert-orange.svg') no-repeat 26px center;
  background-size: 26px 24px;
  border: 1px solid #e7a931;
  border-radius: 2px;
  margin-bottom: 1em;
  position: relative;
}
#main-content .form-alert:after,
#main-content .form-error:after {
  background-color: #e7a931;
  bottom: 12px;
  content: '';
  display: block;
  left: 78px;
  position: absolute;
  top: 12px;
  width: 1px;
}
#main-content .form-alert p,
#main-content .form-error p {
  margin: 0;
  padding: 1.25em 1em 1.25em 114px;
}
.no-svg #main-content .form-alert,
.no-svg #main-content .form-error {
  background-image: url('https://www.ggc.edu/sebin/v/x/alert-orange.png');
}
#main-content .form-error {
  background-color: #fff7f7;
  background-image: url('https://www.ggc.edu/sebin/t/s/alert-red.svg');
  border-color: #d52b1e;
}
#main-content .form-error:after {
  background-color: #d52b1e;
}
.no-svg #main-content .form-error {
  background-image: url('https://www.ggc.edu/sebin/n/j/alert-red.png');
}
@media only screen and (max-width: 620px) {
  #main-content .form-alert,
  #main-content .form-error {
    background-position: 16px center;
  }
  #main-content .form-alert:after,
  #main-content .form-error:after {
    left: 56px;
  }
  #main-content .form-alert p,
  #main-content .form-error p {
    line-height: 1.5;
    padding: 1em 1em 1em 75px;
  }
}
/***********************************************************
 * Below are custom select styles that allow the form select to be styled with pure css. A div wrapper with the class of "select" is required
 * Based on https://github.com/filamentgroup/select-css
 **********************************************************/
.select {
  border: 1px solid #e9e9e9;
  position: relative;
}
.select select {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  border: 1px solid transparent;
  margin: 0;
  outline: none;
  padding: 11px 24px;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .select select {
    padding: 8px 12px;
  }
}
.select::after {
  background: url('https://www.ggc.edu/sebin/v/z/select-arrow.png') no-repeat center;
  content: '';
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 1em;
  top: 50%;
  width: 10px;
  z-index: 2;
}
.ie .select::after {
  display: none;
}
.select select:focus {
  background-color: transparent;
  border: 1px solid #aaa;
  box-shadow: 0 0 1px 3px #b4defa;
  outline: none;
}
.select option {
  font-weight: normal;
}
/*****************************************************************
  Browser hacks required to support CSS-only select customization
 ******************************************************************/
x:-o-prefocus,
.select::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select select::-ms-expand {
    display: none;
  }
  .select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}
@-moz-document url-prefix() {
  .select {
    overflow: hidden;
  }
  .select select {
    width: 120%;
    width: -moz-calc(103%);
    width: calc(110%);
  }
}
.select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/**************************************************
  seForm - Hank added 02/25/2016 : SE Form styles 
 **************************************************/
.seform {
  font-size: 12px;
}
.seform .seHeaderTitle {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  padding: 20px 0 10px;
}
.seform .seLabelCell {
  color: #00704a;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  vertical-align: top;
}
.seform label {
  color: #00704a;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
}
.seform .seRequiredMarker {
  color: #ff0000;
  font-size: 19px;
}
.seform .seInput {
  border: 1px solid #a5a8ab;
  border-radius: 5px;
  min-width: 200px;
}
.seform textarea {
  border: 1px solid #a5a8ab;
  border-radius: 5px;
}
.seform select {
  border: 1px solid #a5a8ab;
  border-radius: 5px;
  font-size: 12px;
  padding: 2px 4px;
}
.seform .horizontal label {
  display: inline-block;
  width: 150px;
}
.seform label.seRadioLabel {
  color: inherit;
  display: inline;
  font-weight: normal;
  width: auto;
}
.seform .horizontal {
  padding-top: 5px;
}
.seform .form_field_wide {
  width: 500px;
}
.seform .seButton {
  background-color: #0b7dbc;
  border-radius: 5px;
  border: 1px solid #0b7dbc;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  margin: 20px 0;
  padding: 10px 20px;
  text-transform: uppercase;
  width: auto !important;
}
.seform .seButton:hover {
  background-color: transparent;
  border: 1px solid #0b7dbc;
  color: #0b7dbc;
}
.seform img.dateSelector {
  padding: 0px;
}
iframe.calendar {
  width: 150px !important;
}
@media only screen and (max-width: 1000px) {
  .directory-filter .alphabet {
    text-align: left !important;
  }
}
.directory-filter .alphabet {
  margin: 2em 0 3em;
  text-align: center;
  width: 100%;
  word-wrap: break-word;
}
.directory-filter .alphabet li {
  display: inline;
}
.directory-filter .alphabet a {
  color: #000000;
  padding: 0 10px;
}
.directory-filter .alphabet .active a {
  color: #77bc1f;
  font-weight: 500;
}
.directory-filter form {
  margin: 0 auto;
  max-width: 1000px;
  width: 94%;
}
.directory-filter form .input {
  float: left;
  margin-left: 2%;
  width: 23.5%;
}
.directory-filter form .input:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 900px) {
  .directory-filter {
    padding: 24px;
  }
  .directory-filter form .input {
    width: 49%;
  }
  .directory-filter form .input:nth-child(3) {
    margin-left: 0;
  }
}
.directory {
  display: block;
  margin: 6em auto 0;
  max-width: 1050px;
}
.ie7 .directory {
  display: inline-block;
}
.directory:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .directory {
  display: block;
}
* html .directory {
  height: 1%;
}
.directory .directory-item {
  color: #000000;
  display: block;
  float: left;
  height: 454px;
  margin: 0 2.38% 0;
  padding: 0 0 20px;
  text-align: center;
  width: 28.57%;
}
.directory .directory-item .figure {
  position: relative;
  top: -15px;
  z-index: 3;
}
.directory .directory-item .figure img {
  max-width: 220px;
  width: 100%;
}
.directory .directory-item p {
  font-size: 0.875em;
  margin: 0.5em 0 0;
  padding: 0 10%;
}
.directory .directory-item p.name {
  color: #000000;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 900px) {
  .directory .directory-item {
    width: 45.24%;
  }
}
@media only screen and (max-width: 620px) {
  .directory .directory-item {
    margin: 0;
    width: 100%;
  }
}
#main-content.interior .directory-item,
#main-content.interior .staff-info {
  margin-bottom: 5em;
}
@media only screen and (max-width: 900px) {
  #main-content.interior .directory-item,
  #main-content.interior .staff-info {
    margin-bottom: 3em;
  }
}
.staff-info {
  margin-top: 200px;
  padding-left: 300px;
  position: relative;
}
.staff-info .figure {
  left: 40px;
  position: absolute;
  top: -15px;
  z-index: 3;
}
.staff-info .figure img {
  display: block;
}
.staff-info .figure .figcaption {
  font-size: 0.6875em;
  background-color: #005437;
  color: #fff;
  letter-spacing: 1px;
  padding: 1.5em 10px;
  text-align: center;
  text-transform: uppercase;
}
.staff-info hgroup {
  padding-right: 80px;
}
.staff-info h1 {
  font-size: 1.125em;
  letter-spacing: 2px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.staff-info h1:after {
  display: none;
}
.staff-info p {
  font-size: 0.875em;
  margin: 0.25em 0 2.5em;
}
.staff-info ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1.5em;
}
.ie7 .staff-info ul {
  display: inline-block;
}
.staff-info ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .staff-info ul {
  display: block;
}
* html .staff-info ul {
  height: 1%;
}
.staff-info ul li,
.staff-info ul a {
  display: block;
  float: left;
}
.staff-info ul li {
  font-size: 1em;
  width: 25%;
}
.staff-info ul strong {
  font-size: 0.8125em;
  color: #000000;
  display: block;
  font-weight: 100;
  letter-spacing: 2px;
  margin-bottom: 0.25em;
  text-transform: uppercase;
}
.staff-info a.vcard {
  font-size: 0.75em;
  color: #77bc1f;
  letter-spacing: 1px;
  position: absolute;
  right: 100px;
  text-decoration: underline;
  text-transform: uppercase;
  top: 68px;
}
.staff-info a.vCardDownload {
  font-size: 0.75em;
  color: #77bc1f;
  letter-spacing: 1px;
  position: absolute;
  right: 100px;
  text-decoration: underline;
  text-transform: uppercase;
  top: 68px;
}
@media only screen and (max-width: 1000px) {
  .staff-info .figure {
    top: 25px;
  }
  .staff-info hgroup {
    padding-right: 0;
  }
  .staff-info ul {
    margin-bottom: 0;
  }
  .staff-info ul li {
    margin-bottom: 1em;
    width: 50%;
  }
  .staff-info a.vcard {
    position: static;
  }
  .staff-info a.vCardDownload {
    position: static;
  }
}
@media only screen and (max-width: 900px) {
  .staff-info {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 720px) {
  .staff-info {
    padding-left: 48px;
  }
  .staff-info .figure {
    display: inline-block;
    left: 0;
    margin-bottom: 2em;
    position: relative;
    top: 0;
  }
}
@media only screen and (max-width: 380px) {
  .staff-info ul li,
  .staff-info ul a {
    float: none;
  }
  .staff-info ul li {
    width: 100%;
  }
}
/******************************/
/* event calendar             */
/******************************/
/* from ec_styles.css*/
.SEClear {
  clear: both;
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 0;
}
.interior-content-box ul li,
.interior-content-box ol li {
  margin-bottom: 0.25em;
  padding-left: 0;
}
/* from viewlet.css */
.eventcalwrapper .SECalendarViewletItem {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  padding: 0 5px 0 0;
  max-width: 310px;
  overflow: auto;
}
.eventcalwrapper .SECalendarViewletItem .SECalendarViewletThumb {
  float: left;
  margin: 0 8px 8px 0;
}
.eventcalwrapper .SECalendarViewletItem .SECalendarViewletThumb img {
  height: auto;
  max-width: 80px;
}
.eventcalwrapper .SECalendarViewletDetails > ul {
  margin: 0px;
  padding: 0px;
}
.eventcalwrapper div.SECalendarViewletDetails > ul > li {
  list-style: none;
  margin-top: 2px;
}
.eventcalwrapper div.SECalendarViewletDetails ul li ul li {
  list-style: disc;
  margin-top: 2px;
}
.eventcalwrapper .SECalendarViewletDetails .eventcalevent {
  font-weight: bold;
}
.eventcalwrapper .SEClear {
  clear: both;
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 0;
}
.eventcalwrapper .eventcalevent span a {
  text-decoration: none;
}
.eventcalwrapper ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  font-size: 16px;
  margin-bottom: 10px;
  overflow: auto;
  padding-bottom: 10px;
}
.eventcalwrapper .eventcalitem {
  display: inline;
}
.eventcalwrapper h2 {
  display: none;
}
.eventcalwrapper .eventcalevent,
.eventcaltime {
  display: block;
  float: right;
  margin-right: 0;
  width: 87%;
  font-size: 90%;
  padding-left: .5em;
}
.eventcalwrapper .eventcalevent a {
  text-decoration: none;
}
.eventcalwrapper .eventcaldate {
  /*calendar icon */
  display: block;
  float: left;
  font-weight: bold;
  margin-top: 0;
  width: 34px;
  line-height: 1em;
  border: 1px solid #cdcccc;
  text-align: center;
  border-radius: 5px;
  padding: 2px;
  -webkit-box-shadow: 2px 3px 3px 0 #D9D9D9;
  box-shadow: 2px 3px 3px 0 #D9D9D9;
  font-size: 83%;
}
.eventcaldate {
  float: none;
}
/******************************/
/* syndicated content classes */
/******************************/
.SESyndicationModule {
  font-size: 80%;
  font-weight: normal;
  padding: 0;
}
.SESyndicationModule h1 a {
  /*rss feed title*/
  display: none;
  height: 0;
}
.SESyndicationModule .feedDetails h1 {
  display: none;
  height: 0;
}
.SESyndicationModule .feedDetails .description {
  /*Description of Rss feed*/
  display: none;
  height: 0;
}
.SESyndicationModule h3 {
  margin: 15px auto 0;
}
.SESyndicationModule h3 a {
  /*each line item title*/
  font-size: 93%;
  text-decoration: none;
}
.SESyndicationModule ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.SESyndicationModule ol li.item {
  /* separator */
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px;
}
.SESyndicationModule .description div {
  display: none;
  height: 0;
}
.description {
  display: block;
  line-height: 1.35em;
}
span .pubDate {
  /* hide*/
  display: none;
  height: 0;
}
div .extras {
  /* hide*/
  display: none;
  height: 0;
}
/**************************/
/* responsive definitions */
/**************************/
@media only screen and (max-width: 1400px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 83%;
  }
}
@media only screen and (max-width: 1200px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 81%;
  }
}
@media only screen and (max-width: 1000px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 86%;
  }
}
@media only screen and (max-width: 900px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 84%;
  }
}
@media only screen and (max-width: 720px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 80%;
  }
}
@media only screen and (max-width: 620px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 83%;
  }
}
@media only screen and (max-width: 500px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 82%;
  }
}
@media only screen and (max-width: 380px) {
  .eventcalwrapper .eventcalevent,
  .eventcaltime {
    width: 79%;
  }
}
#main-content h2.gmojis:after,
#main-content h3.gmojis:after,
#main-content h4.gmojis:after,
#main-content h5.gmojis:after,
#main-content h6.gmojis:after {
  background: url("https://www.ggc.edu/sebin/x/s/g-mojis_studentLife_grizzlypaw.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.35s all ease;
  -moz-transition: 0.35s all ease;
  -ms-transition: 0.35s all ease;
  -webkit-transition: 0.35s all ease;
  display: inline-block;
  content: '';
  z-index: 2;
  top: 15px;
  left: 15px;
}
.no-svg #main-content h2.gmojis:after,
.no-svg #main-content h3.gmojis:after,
.no-svg #main-content h4.gmojis:after,
.no-svg #main-content h5.gmojis:after,
.no-svg #main-content h6.gmojis:after {
  background-image: url('https://www.ggc.edu/sebin/h/u/g-mojis_studentLife_grizzlypaw.png');
}
#main-content h2.gmojis.gmojis-adminman:after,
#main-content h3.gmojis.gmojis-adminman:after,
#main-content h4.gmojis.gmojis-adminman:after,
#main-content h5.gmojis.gmojis-adminman:after,
#main-content h6.gmojis.gmojis-adminman:after {
  background: url("https://www.ggc.edu/sebin/x/c/g-mojis_academics_businessAdmin-Man.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-adminwoman:after,
#main-content h3.gmojis.gmojis-adminwoman:after,
#main-content h4.gmojis.gmojis-adminwoman:after,
#main-content h5.gmojis.gmojis-adminwoman:after,
#main-content h6.gmojis.gmojis-adminwoman:after {
  background: url("https://www.ggc.edu/sebin/j/t/g-mojis_academics_businessAdmin-Woman.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-calculator:after,
#main-content h3.gmojis.gmojis-calculator:after,
#main-content h4.gmojis.gmojis-calculator:after,
#main-content h5.gmojis.gmojis-calculator:after,
#main-content h6.gmojis.gmojis-calculator:after {
  background: url("https://www.ggc.edu/sebin/t/u/g-mojis_academics_calculator.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
  transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
}
#main-content h2.gmojis.gmojis-clipboard:after,
#main-content h3.gmojis.gmojis-clipboard:after,
#main-content h4.gmojis.gmojis-clipboard:after,
#main-content h5.gmojis.gmojis-clipboard:after,
#main-content h6.gmojis.gmojis-clipboard:after {
  background: url("https://www.ggc.edu/sebin/l/e/g-mojis_academics_clipboard.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
}
#main-content h2.gmojis.gmojis-englishnotebook:after,
#main-content h3.gmojis.gmojis-englishnotebook:after,
#main-content h4.gmojis.gmojis-englishnotebook:after,
#main-content h5.gmojis.gmojis-englishnotebook:after,
#main-content h6.gmojis.gmojis-englishnotebook:after {
  background: url("https://www.ggc.edu/sebin/b/l/g-mojis_academics_englishNotebook.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-environmentalscience:after,
#main-content h3.gmojis.gmojis-environmentalscience:after,
#main-content h4.gmojis.gmojis-environmentalscience:after,
#main-content h5.gmojis.gmojis-environmentalscience:after,
#main-content h6.gmojis.gmojis-environmentalscience:after {
  background: url("https://www.ggc.edu/sebin/v/j/g-mojis_academics_environmentalScience.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-exercisescience:after,
#main-content h3.gmojis.gmojis-exercisescience:after,
#main-content h4.gmojis.gmojis-exercisescience:after,
#main-content h5.gmojis.gmojis-exercisescience:after,
#main-content h6.gmojis.gmojis-exercisescience:after {
  background: url("https://www.ggc.edu/sebin/z/n/g-mojis_academics_exerciseScience.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-globe:after,
#main-content h3.gmojis.gmojis-globe:after,
#main-content h4.gmojis.gmojis-globe:after,
#main-content h5.gmojis.gmojis-globe:after,
#main-content h6.gmojis.gmojis-globe:after {
  background: url("https://www.ggc.edu/sebin/v/l/g-mojis_academics_globe.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-laptop:after,
#main-content h3.gmojis.gmojis-laptop:after,
#main-content h4.gmojis.gmojis-laptop:after,
#main-content h5.gmojis.gmojis-laptop:after,
#main-content h6.gmojis.gmojis-laptop:after {
  background: url("https://www.ggc.edu/sebin/z/r/g-mojis_academics_laptop.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-microscope:after,
#main-content h3.gmojis.gmojis-microscope:after,
#main-content h4.gmojis.gmojis-microscope:after,
#main-content h5.gmojis.gmojis-microscope:after,
#main-content h6.gmojis.gmojis-microscope:after {
  background: url("https://www.ggc.edu/sebin/j/v/g-mojis_academics_microscope.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-openbook:after,
#main-content h3.gmojis.gmojis-openbook:after,
#main-content h4.gmojis.gmojis-openbook:after,
#main-content h5.gmojis.gmojis-openbook:after,
#main-content h6.gmojis.gmojis-openbook:after {
  background: url("https://www.ggc.edu/sebin/z/t/g-mojis_academics_openBook.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-blogging:after,
#main-content h3.gmojis.gmojis-blogging:after,
#main-content h4.gmojis.gmojis-blogging:after,
#main-content h5.gmojis.gmojis-blogging:after,
#main-content h6.gmojis.gmojis-blogging:after {
  background: url("https://www.ggc.edu/sebin/v/x/g-mojis_hobbies_blogging.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-general:after,
#main-content h3.gmojis.gmojis-general:after,
#main-content h4.gmojis.gmojis-general:after,
#main-content h5.gmojis.gmojis-general:after,
#main-content h6.gmojis.gmojis-general:after {
  background: url("https://www.ggc.edu/sebin/r/f/g-mojis_hobbies_general.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-nutrition:after,
#main-content h3.gmojis.gmojis-nutrition:after,
#main-content h4.gmojis.gmojis-nutrition:after,
#main-content h5.gmojis.gmojis-nutrition:after,
#main-content h6.gmojis.gmojis-nutrition:after {
  background: url("https://www.ggc.edu/sebin/f/t/g-mojis_hobbies_nutrition.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-plant:after,
#main-content h3.gmojis.gmojis-plant:after,
#main-content h4.gmojis.gmojis-plant:after,
#main-content h5.gmojis.gmojis-plant:after,
#main-content h6.gmojis.gmojis-plant:after {
  background: url("https://www.ggc.edu/sebin/l/k/g-mojis_hobbies_plant.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-reading:after,
#main-content h3.gmojis.gmojis-reading:after,
#main-content h4.gmojis.gmojis-reading:after,
#main-content h5.gmojis.gmojis-reading:after,
#main-content h6.gmojis.gmojis-reading:after {
  background: url("https://www.ggc.edu/sebin/t/s/g-mojis_hobbies_reading.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-running:after,
#main-content h3.gmojis.gmojis-running:after,
#main-content h4.gmojis.gmojis-running:after,
#main-content h5.gmojis.gmojis-running:after,
#main-content h6.gmojis.gmojis-running:after {
  background: url("https://www.ggc.edu/sebin/z/l/g-mojis_hobbies_running.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-traveling:after,
#main-content h3.gmojis.gmojis-traveling:after,
#main-content h4.gmojis.gmojis-traveling:after,
#main-content h5.gmojis.gmojis-traveling:after,
#main-content h6.gmojis.gmojis-traveling:after {
  background: url("https://www.ggc.edu/sebin/d/e/g-mojis_hobbies_traveling.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-walking:after,
#main-content h3.gmojis.gmojis-walking:after,
#main-content h4.gmojis.gmojis-walking:after,
#main-content h5.gmojis.gmojis-walking:after,
#main-content h6.gmojis.gmojis-walking:after {
  background: url("https://www.ggc.edu/sebin/n/p/g-mojis_hobbies_walking.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-writing:after,
#main-content h3.gmojis.gmojis-writing:after,
#main-content h4.gmojis.gmojis-writing:after,
#main-content h5.gmojis.gmojis-writing:after,
#main-content h6.gmojis.gmojis-writing:after {
  background: url("https://www.ggc.edu/sebin/t/k/g-mojis_hobbies_writing.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-arrow-outline1:after,
#main-content h3.gmojis.gmojis-arrow-outline1:after,
#main-content h4.gmojis.gmojis-arrow-outline1:after,
#main-content h5.gmojis.gmojis-arrow-outline1:after,
#main-content h6.gmojis.gmojis-arrow-outline1:after {
  background: url("https://www.ggc.edu/sebin/n/t/g-mojis_others_arrow-outline1.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-star1:after,
#main-content h3.gmojis.gmojis-star1:after,
#main-content h4.gmojis.gmojis-star1:after,
#main-content h5.gmojis.gmojis-star1:after,
#main-content h6.gmojis.gmojis-star1:after {
  background: url("https://www.ggc.edu/sebin/v/h/g-mojis_others_star1.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-alarmclock:after,
#main-content h3.gmojis.gmojis-alarmclock:after,
#main-content h4.gmojis.gmojis-alarmclock:after,
#main-content h5.gmojis.gmojis-alarmclock:after,
#main-content h6.gmojis.gmojis-alarmclock:after {
  background: url("https://www.ggc.edu/sebin/b/t/g-mojis_studentLife_alarmClock.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-dorms:after,
#main-content h3.gmojis.gmojis-dorms:after,
#main-content h4.gmojis.gmojis-dorms:after,
#main-content h5.gmojis.gmojis-dorms:after,
#main-content h6.gmojis.gmojis-dorms:after {
  background: url("https://www.ggc.edu/sebin/r/r/g-mojis_studentLife_dorms.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-doubleG:after,
#main-content h3.gmojis.gmojis-doubleG:after,
#main-content h4.gmojis.gmojis-doubleG:after,
#main-content h5.gmojis.gmojis-doubleG:after,
#main-content h6.gmojis.gmojis-doubleG:after {
  background: url("https://www.ggc.edu/sebin/r/t/g-mojis_studentLife_doubleG.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-graduationcap:after,
#main-content h3.gmojis.gmojis-graduationcap:after,
#main-content h4.gmojis.gmojis-graduationcap:after,
#main-content h5.gmojis.gmojis-graduationcap:after,
#main-content h6.gmojis.gmojis-graduationcap:after {
  background: url("https://www.ggc.edu/sebin/r/z/g-mojis_studentLife_graduationCap.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-grizzlypaw:after,
#main-content h3.gmojis.gmojis-grizzlypaw:after,
#main-content h4.gmojis.gmojis-grizzlypaw:after,
#main-content h5.gmojis.gmojis-grizzlypaw:after,
#main-content h6.gmojis.gmojis-grizzlypaw:after {
  background: url("https://www.ggc.edu/sebin/x/s/g-mojis_studentLife_grizzlypaw.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-homework:after,
#main-content h3.gmojis.gmojis-homework:after,
#main-content h4.gmojis.gmojis-homework:after,
#main-content h5.gmojis.gmojis-homework:after,
#main-content h6.gmojis.gmojis-homework:after {
  background: url("https://www.ggc.edu/sebin/v/z/g-mojis_studentLife_homework.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-hotbeverage:after,
#main-content h3.gmojis.gmojis-hotbeverage:after,
#main-content h4.gmojis.gmojis-hotbeverage:after,
#main-content h5.gmojis.gmojis-hotbeverage:after,
#main-content h6.gmojis.gmojis-hotbeverage:after {
  background: url("https://www.ggc.edu/sebin/v/b/g-mojis_studentLife_hotBeverage.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-keys:after,
#main-content h3.gmojis.gmojis-keys:after,
#main-content h4.gmojis.gmojis-keys:after,
#main-content h5.gmojis.gmojis-keys:after,
#main-content h6.gmojis.gmojis-keys:after {
  background: url("https://www.ggc.edu/sebin/r/p/g-mojis_studentLife_keys.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-pencils:after,
#main-content h3.gmojis.gmojis-pencils:after,
#main-content h4.gmojis.gmojis-pencils:after,
#main-content h5.gmojis.gmojis-pencils:after,
#main-content h6.gmojis.gmojis-pencils:after {
  background: url("https://www.ggc.edu/sebin/x/s/g-mojis_studentLife_pencils.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-presentation:after,
#main-content h3.gmojis.gmojis-presentation:after,
#main-content h4.gmojis.gmojis-presentation:after,
#main-content h5.gmojis.gmojis-presentation:after,
#main-content h6.gmojis.gmojis-presentation:after {
  background: url("https://www.ggc.edu/sebin/f/z/g-mojis_studentLife_presentation.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-phone:after,
#main-content h3.gmojis.gmojis-phone:after,
#main-content h4.gmojis.gmojis-phone:after,
#main-content h5.gmojis.gmojis-phone:after,
#main-content h6.gmojis.gmojis-phone:after {
  background: url("https://www.ggc.edu/sebin/t/m/g-mojis_studentLife_phone.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
}
#main-content h2.gmojis.gmojis-stethoscape:after,
#main-content h3.gmojis.gmojis-stethoscape:after,
#main-content h4.gmojis.gmojis-stethoscape:after,
#main-content h5.gmojis.gmojis-stethoscape:after,
#main-content h6.gmojis.gmojis-stethoscape:after {
  background: url("https://www.ggc.edu/sebin/h/c/g-mojis_academics_stethoscope.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
#main-content h2.gmojis.gmojis-giftbox:after,
#main-content h3.gmojis.gmojis-giftbox:after,
#main-content h4.gmojis.gmojis-giftbox:after,
#main-content h5.gmojis.gmojis-giftbox:after,
#main-content h6.gmojis.gmojis-giftbox:after {
  background: url("https://www.ggc.edu/sebin/l/g/give.svg") no-repeat left top;
  /*    background-size: @x @y;  GGC 08/06/2019 commented out; @x @y are never called with this parameter & background size does not have parameters left top */
  display: block;
  height: 52px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 45px;
  white-space: nowrap;
  display: inline-block;
}
.section-nav {
  position: relative;
  width: 250px;
  z-index: 99;
  line-height: normal;
  padding: 0;
}
.section-nav.explore-nav {
  z-index: 100;
}
.section-nav p {
  margin: 0 30px;
}
.section-nav ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
.section-nav ul li {
  padding: 0 30px;
}
.section-nav li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
  vertical-align: middle;
}
.section-nav li a {
  padding: 15px;
  display: block;
  text-decoration: none;
  color: #777;
  font-size: inherit;
  font-family: inherit;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.section-nav.active > ul {
  display: block;
  padding: 0 1px;
}
.section-nav > ul {
  overflow: visible;
  height: auto;
  display: none;
}
.section-nav > ul > li {
  display: block;
}
.section-nav > ul > li a,
.section-nav > ul > li.has-sub.no-link {
  padding: 20px 0;
}
.section-nav > ul > li.has-sub.no-link {
  color: #fff;
}
.section-nav > ul > li.has-sub.no-link:hover {
  color: #0b7dbc;
}
.section-nav ul li.has-sub.no-link {
  padding-left: 30px;
}
.section-nav ul ul {
  top: 0;
  left: 250px;
  width: 250px;
  position: absolute;
  z-index: 99;
  text-align: left;
  display: none;
  background: #00568d;
  padding: 0 1px;
}
.section-nav.quick-nav ul ul {
  background: #0b7dbc;
}
.section-nav li li {
  display: block;
}
.section-nav ul ul ul {
  top: 0;
  /* dd animtion - change to auto to remove */
  left: 250px;
}
.section-nav > ul > li:hover > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.section-nav > ul > li.drop-left > ul {
  right: 0;
}
.section-nav li.drop-left ul ul {
  left: auto;
  right: 220px;
}
.section-nav.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
body.section-nav-noscroll-x {
  overflow-x: hidden;
}
.section-nav li.has-sub .toggle,
.section-nav li.has-sub.no-link .toggle {
  background-size: left center;
  display: block;
  height: 7px;
  overflow: visible;
  text-indent: 100%;
  width: 14px;
  white-space: nowrap;
  cursor: pointer;
  content: '';
  position: absolute;
  right: 10px;
  top: 0px;
  opacity: 1;
  z-index: 10;
  padding: 30px 10px;
}
.section-nav li.has-sub .toggle {
  background: url("https://www.ggc.edu/sebin/x/a/caret-down-blue.svg") no-repeat center center;
  right: 0;
  background-size: 18px;
  padding: 30px 10px 30px 30px;
}
.section-nav li.has-sub.no-link .toggle {
  background: url("https://www.ggc.edu/sebin/x/c/caret-double-down-blue.svg") no-repeat left center;
}
.section-nav li.has-sub.open .toggle {
  background-image: url('https://www.ggc.edu/sebin/v/b/caret-up-blue.svg');
}
.section-nav li.has-sub.no-link.open .toggle {
  background-image: url('https://www.ggc.edu/sebin/l/i/caret-double-up-blue.svg');
}
.section-nav li.has-sub.open ul li.has-sub .toggle {
  background: url("https://www.ggc.edu/sebin/x/a/caret-down-blue.svg") no-repeat center center;
  background-size: 18px 18px;
  display: block;
  height: 7px;
  overflow: visible;
  position: relative;
  text-indent: 100%;
  width: 14px;
  white-space: nowrap;
  cursor: pointer;
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 1;
  z-index: 10;
  padding: 30px 10px 30px 30px;
}
.section-nav li.has-sub.open > ul li.has-sub.open .toggle {
  background-image: url('https://www.ggc.edu/sebin/v/b/caret-up-blue.svg');
}
.section-nav.mobile li.has-sub .toggle {
  top: 0px;
}
.section-nav.mobile li.has-sub.open {
  padding-bottom: 0;
  border-bottom: transparent;
}
.section-nav.mobile ul ul {
  background: transparent;
}
.section-nav.mobile ul li.open > a {
  padding-bottom: 15px;
}
.section-nav.mobile ul li.open > ul li a {
  padding-left: 50px;
}
.section-nav.mobile ul li.has-sub.no-link.open > ul li a {
  padding-left: 20px;
}
.section-nav.desktop li.open ul li a {
  color: #fff;
}
.section-nav li.open ul li:hover {
  background-color: #eee;
}
.section-nav li.open ul li:hover a {
  color: #333;
}
.section-nav li.open ul li:hover ul li a {
  color: #fff;
}
.section-nav li.open ul li:hover ul li:hover a {
  color: #333;
}
.section-nav li.drop-left li.has-sub > a:after {
  float: left;
  content: '\f104';
  font-family: 'FontAwesome';
  margin-right: 10px;
}
.section-nav.hide-arrows li.has-sub > a:after,
.section-nav.hide-arrows li li.has-sub > a:after,
.section-nav.hide-arrows li.drop-left li.has-sub > a:after {
  display: none;
}
.section-nav .menu-toggle,
.section-nav .close-menu,
.section-nav .call-btn-mobile,
.section-nav .location-btn-mobile {
  display: none;
  text-transform: uppercase;
  text-decoration: none;
}
.section-nav .dd-toggle {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  z-index: 9999;
  border: 0;
}
.section-nav .dd-toggle i {
  position: absolute;
  margin: auto;
  top: 33%;
  left: 0;
  right: 0;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.section-nav.mobile > ul > li > a.dd-toggle {
  padding: 0;
}
.section-nav li.call-btn-mobile,
.section-nav li.location-btn-mobile {
  display: none;
}
.section-nav li.open > a.dd-toggle i {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.section-nav .menu-toggle,
.section-nav .call-btn-mobile,
.section-nav .location-btn-mobile,
.section-nav .close-menu {
  color: #777;
  padding: 15px;
  box-sizing: border-box;
}
.section-nav .full {
  width: 100%;
}
.section-nav .half {
  width: 50%;
}
.section-nav .half {
  width: 50%;
}
.section-nav .third {
  width: 33%;
  text-align: center;
}
.section-nav .location-btn-mobile.third {
  text-align: center;
}
.section-nav .location-btn-mobile.half {
  text-align: right;
}
.section-nav.mobile {
  position: static;
  width: 100%;
}
.section-nav.mobile.fixed {
  position: static;
}
.section-nav.mobile > ul {
  width: 100%;
}
/* Hank added */
.section-nav.mobile ul li {
  padding: 0;
}
.section-nav.mobile ul li a {
  padding: 20px 30px;
}
.section-nav.mobile ul {
  position: relative;
  display: none;
}
.section-nav.mobile.active {
  padding-bottom: 0;
}
.section-nav.mobile.active > ul {
  display: block;
}
.section-nav.mobile ul {
  text-align: left;
}
.section-nav.mobile > ul > li {
  display: block;
}
.section-nav.mobile ul li.has-sub.no-link {
  padding-left: 30px;
}
.section-nav.mobile ul ul {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: auto;
  display: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
.section-nav.mobile ul ul ul {
  left: auto;
  top: auto;
}
.section-nav.mobile ul ul li:hover ul li a {
  color: #333;
}
.section-nav.mobile ul ul li.open ul li:hover {
  background-color: #FFF;
}
.section-nav.mobile li.drop-left ul ul {
  right: auto;
}
.section-nav.mobile.light > ul {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.section-nav.mobile li a.dd-toggle {
  border: 0;
}
.section-nav.mobile.light li a.dd-toggle {
  border: 0;
}
.section-nav.mobile .menu-toggle,
.section-nav.mobile .dd-toggle,
.section-nav.mobile .close-menu,
.section-nav.mobile .call-btn-mobile,
.section-nav.mobile .location-btn-mobile {
  display: inline-block;
}
.section-nav.mobile li.call-btn-mobile {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.section-nav.mobile li.call-btn-mobile,
.section-nav.mobile li.location-btn-mobile {
  display: inline-block;
  width: 50%;
  text-transform: uppercase;
  text-align: center;
}
.section-nav.mobile li.call-btn-mobile.full,
.section-nav.mobile li.location-btn-mobile.full {
  display: block;
  width: 100%;
  text-transform: uppercase;
  border-right: 0;
  text-align: left;
}
.section-nav.mobile li.call-btn-mobile i,
.section-nav.mobile li.location-btn-mobile i {
  margin-right: 5px;
}
.section-nav.mobile.top {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.section-nav.mobile li.has-sub > a:after,
.section-nav.mobile li li.has-sub > a:after,
.section-nav.mobile li.drop-left li.has-sub > a:after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section-nav {
    overflow: hidden;
    display: block;
    width: 100%;
  }
  .section-nav ul {
    position: relative;
    display: none;
  }
  .section-nav.mobile ul ul {
    top: auto;
    left: auto;
  }
}
@media only screen and (max-width: 420px) {
  .section-nav.mobile .call-btn-mobile.third span,
  .section-nav.mobile .location-btn-mobile.third span {
    display: none;
  }
}