@charset "UTF-8";
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: 0;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
  background: #fff;
}
.flickity-prev-next-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
  opacity: 0.6;
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button:disabled {
  opacity: .3;
  cursor: auto;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-prev-next-button .arrow {
  fill: #333;
}
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  /*40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }*/
  /*60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }*/
  /*80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }*/
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
/*gh#93 aktiv-grotesk*/
/*gh#94*/
/*! Basscss | http://basscss.com | MIT License */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.font-family-inherit {
  font-family: inherit;
}
.font-size-inherit {
  font-size: inherit;
}
.text-decoration-none {
  text-decoration: none;
}
.bold {
  font-weight: bold;
}
.regular {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.caps {
  text-transform: uppercase;
  letter-spacing: .2em;
}
.left-align {
  text-align: left;
}
.center {
  text-align: center;
}
.right-align {
  text-align: right;
}
.justify {
  text-align: justify;
}
.nowrap {
  white-space: nowrap;
}
.break-word {
  word-wrap: break-word;
}
.line-height-1 {
  line-height: 1;
}
.line-height-2 {
  line-height: 1.125;
}
.line-height-3 {
  line-height: 1.25;
}
.line-height-4 {
  line-height: 1.5;
}
.list-style-none {
  list-style: none;
}
.underline {
  text-decoration: underline;
}
.list-reset {
  list-style: none;
  padding-left: 0;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}

/* NEW */ .table-title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: 25px;
    line-height: 28px;
        padding: 10px 0;
    }

/* NEW */  .table-heading
    {
        font-weight: bold;
        /* text-align: center; */
        background: #51237f;
        color: #fff;
    }

/* NEW */ #main-content .table.content-table {
  width : 100%;
}



.table-cell {
  display: table-cell;
}

/* NEW */ #main-content .table.content-table .table-cell {
  display: table-cell;
  padding: 10px ;
  line-height: 1.2em;
  border-top: 1px solid #ddd;
}

/* NEW */ #main-content .table.content-table .table-cell p, .table-title p {
  margin: 0 0 10px 0;
  line-height: 1.2em;
}

/* NEW */ #main-content .table.content-table .table-cell p:last-child, .table-title p:last-child {
  margin: 0 0 0 0;
}

/* NEW */ .row {  display: table-row;  }

/* NEW */ .row:nth-child(odd) {
  background-color: #f6f6f6;  }


.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.left {
  float: left;
}

img[style*="float: left"] { /* NEW added styles to target inline float left images in the OU editor */
  margin-right: 20px;
  margin-bottom: 20px;
}

img[style*="float: right"] { /* NEW added styles to target inline float left images in the OU editor */
  margin-left: 20px;
  margin-bottom: 20px;
}

.right {
  float: right;
}
.fit {
  max-width: 100%;
}
.border-box {
  box-sizing: border-box;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0px;
}
@media (min-width: 880px) {
  /*gh#97, gh#112*/
  .mt0 {
    margin-top: 5px;
  }
  /*end gh#97, gh#112*/
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0 {
  margin-left: 0;
}
.mx0 {
  margin-left: 0;
  margin-right: 0;
}
.my0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m1 {
  margin: 8px;
}
.mt1 {
  margin-top: 8px;
}
.mr1 {
  margin-right: 8px;
}
.mb1 {
  margin-bottom: 8px;
}
.ml1 {
  margin-left: 8px;
}
.mx1 {
  margin-left: 8px;
  margin-right: 8px;
}
.my1 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.m2 {
  margin: 16px;
}
.mt2 {
  margin-top: 16px;
}
/*gh#96*/
.mr2 {
  margin-right: 12px;
}
.ml2 {
  margin-left: 0px;
}
/*end gh#96*/
@media (min-width: 768px) {
  /*gh#96*/
  .mr2 {
    margin-right: 16px;
  }
  .ml2 {
    margin-left: 16px;
  }
  /*end gh#96*/
}
.mb2 {
  margin-bottom: 16px !important;
}
.mx2 {
  margin-left: 16px;
  margin-right: 16px;
}
.my2 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.m3 {
  margin: 32px;
}
.mt3 {
  margin-top: 32px;
}
.mr3 {
  margin-right: 32px;
}
.mb3 {
  margin-bottom: 32px;
}
.ml3 {
  margin-left: 32px;
}
.mx3 {
  margin-left: 32px;
  margin-right: 32px;
}
.my3 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.m4 {
  margin: 64px;
}
.mt4 {
  margin-top: 64px;
}
.mr4 {
  margin-right: 64px;
}
.mb4 {
  margin-bottom: 64px;
}
.ml4 {
  margin-left: 64px;
}
.mx4 {
  margin-left: 64px;
  margin-right: 64px;
}
.my4 {
  margin-top: 64px;
  margin-bottom: 64px;
}
.mxn1 {
  margin-left: -8px;
  margin-right: -8px;
}
.mxn2 {
  margin-left: -16px;
  margin-right: -16px;
}
.mxn3 {
  margin-left: -32px;
  margin-right: -32px;
}
.mxn4 {
  margin-left: -64px;
  margin-right: -64px;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.p0 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pr0 {
  padding-right: 0;
}
.pb0 {
  padding-bottom: 0;
}
.pl0 {
  padding-left: 0;
}
.px0 {
  padding-left: 0;
  padding-right: 0;
}
.py0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p1 {
  padding: 9px 17px 7px 17px;
}
.pt1 {
  padding-top: 8px;
}
.pr1 {
  padding-right: 8px;
}
.pb1 {
  padding-bottom: 8px;
}
.pl1 {
  padding-left: 8px;
}
.py1 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.px1 {
  padding-left: 8px;
  padding-right: 8px;
}
.p2 {
  padding: 16px;
}
.pt2 {
  padding-top: 16px;
}
.pr2 {
  padding-right: 16px;
}
.pb2 {
  padding-bottom: 16px;
}
.pl2 {
  padding-left: 16px;
}
.py2 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.px2 {
  padding-left: 16px;
  padding-right: 16px;
}
.p3 {
  padding: 32px;
}
.pt3 {
  padding-top: 32px;
}
.pr3 {
  padding-right: 32px;
}
.pb3 {
  padding-bottom: 32px;
}
.pl3 {
  padding-left: 32px;
}
.py3 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.px3 {
  padding-left: 32px;
  padding-right: 32px;
}
.p4 {
  padding: 64px;
}
.pt4 {
  padding-top: 64px;
}
.pr4 {
  padding-right: 64px;
}
.pb4 {
  padding-bottom: 64px;
}
.pl4 {
  padding-left: 64px;
}
.py4 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.px4 {
  padding-left: 64px;
  padding-right: 64px;
}
.col {
  float: left;
  box-sizing: border-box;
}
.col-right {
  float: right;
  box-sizing: border-box;
}
.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.66667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333%;
}
.col-5 {
  width: 41.66667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333%;
}
.col-8 {
  width: 66.66667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333%;
}
.col-11 {
  width: 91.66667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 768px) {
  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: 8.33333%;
  }
  .sm-col-2 {
    width: 16.66667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.33333%;
  }
  .sm-col-5 {
    width: 41.66667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.33333%;
  }
  .sm-col-8 {
    width: 66.66667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.33333%;
  }
  .sm-col-11 {
    width: 91.66667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
/*begin gh#142*/
@media (min-width: 880px) {
  .sd-col {
    float: left;
    box-sizing: border-box;
  }
  .sd-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sd-col-1 {
    width: 8.33333%;
  }
  .sd-col-2 {
    width: 16.66667%;
  }
  .sd-col-3 {
    width: 25%;
  }
  .sd-col-4 {
    width: 33.33333%;
  }
  .sd-col-5 {
    width: 41.66667%;
  }
  .sd-col-6 {
    width: 50%;
  }
  .sd-col-7 {
    width: 58.33333%;
  }
  .sd-col-8 {
    width: 66.66667%;
  }
  .sd-col-9 {
    width: 75%;
  }
  .sd-col-10 {
    width: 83.33333%;
  }
  .sd-col-11 {
    width: 91.66667%;
  }
  .sd-col-12 {
    width: 100%;
  }
}
/*end gh#142*/
@media (min-width: 1280px) {
  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: 8.33333%;
  }
  .md-col-2 {
    width: 16.66667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.33333%;
  }
  .md-col-5 {
    width: 41.66667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.33333%;
  }
  .md-col-8 {
    width: 66.66667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.33333%;
  }
  .md-col-11 {
    width: 91.66667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: 8.33333%;
  }
  .lg-col-2 {
    width: 16.66667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.33333%;
  }
  .lg-col-5 {
    width: 41.66667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.33333%;
  }
  .lg-col-8 {
    width: 66.66667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.33333%;
  }
  .lg-col-11 {
    width: 91.66667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.flex {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .sm-flex {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1280px) {
  .md-flex {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1600px) {
  .lg-flex {
    display: -ms-flexbox;
    display: flex;
  }
}
.flex-column {
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
.items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}
.items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.self-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.justify-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-center {
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
.content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}
.content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.flex-auto {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-none {
  -ms-flex: none;
  flex: none;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-last {
  -ms-flex-order: 99999;
  order: 99999;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.border {
  border-style: solid;
  border-width: 1px;
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none {
  border: 0;
}
.rounded {
  border-radius: 3px;
}
.circle {
  border-radius: 50%;
}
.rounded-top {
  border-radius: 3px 3px 0 0;
}
.rounded-right {
  border-radius: 0 3px 3px 0;
}
.rounded-bottom {
  border-radius: 0 0 3px 3px;
}
.rounded-left {
  border-radius: 3px 0 0 3px;
}
.not-rounded {
  border-radius: 0;
}
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (max-width: 767px) {
  .xs-hide {
    display: none;
  }

  .xs-center {text-align: center;} /* NEW added to center align on xs */
	.contact__quick .left {float: none;}

}
@media (min-width: 768px) and (max-width: 79.9375em) {
  /*1279px*/
  .sm-hide {
    display: none !important;
  }
}
/*gh#142*/
@media (max-width: 54.9375em) {
  /*879px*/
  .sm-hide-alt {
    display: none !important;
  }
  .sm-block-alt {
    display: block !important;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .lg-hide {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}

figcaption p {
  margin: 0!important;
}
figcaption.large p {
  font-size: 20px;
}
figcaption.none {
  display: none;
}
.layout-container {
  width: 100%;
}
.layout-container .layout-container__block__wrapper {
  width: 100%;
}
.layout-container--full {
  display: block;
}
.layout-container--full .layout-container__block {
  width: 100%;
}
.layout-container--with-sidebar {
  /* NEW LAYOUT FIX */
  /* removed flex styles to prevent content overlap on mobile created by flex */
	/* display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; */ 
/* new styles to prevent content overlap on mobile created by flex */	
  display: block; 
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
 
	  /* NEW LAYOUT FIX */
	/* new styles to prevent content overlap on mobile created by flex */
    display: -ms-flexbox;
  display: flex;
   -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  }
}
.layout-container--with-sidebar .layout-container__block:nth-child(1) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar .layout-container__block:nth-child(1) {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	  
	  	  /* NEW LAYOUT FIX */
    min-width: 500px;
  }
}
.layout-container--with-sidebar .layout-container__block:nth-child(2) {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar .layout-container__block:nth-child(2) {
    -ms-flex: 0 0 410px;
    flex: 0 0 410px;
    padding-left: 30px;
    padding-right: 30px;
	  
	  	   /* NEW LAYOUT FIX */
    max-width: 410px;
  }
}
.layout-container--with-sidebar-and-full {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout-container--with-sidebar-and-full .layout-container__block:nth-child(1) {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar-and-full .layout-container__block:nth-child(1) {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
.layout-container--with-sidebar-and-full .layout-container__block:nth-child(2) {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-order: 3;
  order: 3;
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar-and-full .layout-container__block:nth-child(2) {
    -ms-flex: 0 0 410px;
    flex: 0 0 410px;
    -ms-flex-order: 2;
    order: 2;
  }
}
.layout-container--with-sidebar-and-full .layout-container__block:nth-child(3) {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-order: 2;
  order: 2;
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar-and-full .layout-container__block:nth-child(3) {
    -ms-flex-order: 3;
    order: 3;
  }
}
.spacing-guide div {
  background-color: rgba(238, 130, 238, 0.2);
}
.spacing-guide code {
  border: 0px solid lightgray;
  background-color: transparent;
}
.touch {
  min-height: 44px;
  min-width: 44px;
}
.hide-text {
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
}
.show-text {
  text-indent: 0;
  white-space: normal;
  overflow: auto;
}
.sm-show-text,
.md-show-text,
.lg-show-text {
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-csstransforms .absolute-center {
  top: 0;
  left: 0;
}
.absolute-center-x {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.absolute-center-y {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* Usage: .ir(16/9, 100); */
.fill {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .sm-static {
    position: static;
  }
  .sm-relative {
    position: relative;
  }
  .sm-absolute {
    position: absolute;
  }
  .sm-fixed {
    position: fixed;
  }
}
@media (min-width: 880px) {
  /* add 55em for gh97*/
  .md-static {
    position: static;
  }
}
@media (min-width: 1280px) {
  .md-static {
    position: static;
  }
  .md-relative {
    position: relative;
  }
  .md-absolute {
    position: absolute;
  }
  .md-fixed {
    position: fixed;
  }
}
@media (min-width: 1600px) {
  .lg-static {
    position: static;
  }
  .lg-relative {
    position: relative;
  }
  .lg-absolute {
    position: absolute;
  }
  .lg-fixed {
    position: fixed;
  }
}
@media (min-width: 768px) {
  .sm-left {
    float: left;
  }
  .sm-right {
    float: right;
  }
  .sm-float-none {
    float: none;
  }
}
@media (min-width: 1280px) {
  .md-left {
    float: left;
  }
  .md-right {
    float: right;
  }
  .md-float-none {
    float: none;
  }
}
@media (min-width: 1600px) {
  .lg-left {
    float: left;
  }
  .lg-right {
    float: right;
  }
  .lg-float-none {
    float: none;
  }
}
.table-fixed {
  table-layout: fixed;
}
@media (min-width: 768px) {
  .sm-block {
    display: block;
  }
  .sm-inline-block {
    display: inline-block;
  }
  .sm-inline {
    display: inline;
  }
  .sm-table {
    display: table;
  }
  .sm-table-cell {
    display: table-cell;
  }
  .sm-hide-text {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
  }
  .sm-show-text {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
  }
}
@media (min-width: 880px) {
  /*add 55em for small desk for gh#97*/
  /*.md-block { display: block !important }*/
  .md-inline-block {
    display: inline-block;
  }
  .md-inline {
    display: inline;
  }
  .md-table {
    display: table;
  }
  .md-table-cell {
    display: table-cell;
  }
  .md-hide-text {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
  }
  .md-show-text {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
  }
  .sd-table {
    display: table;
  }
  .sd-table-cell {
    display: block;
  }
  .sd-hide {
    display: none;
  }
  .sd-block {
    display: block;
  }
  /*end gh#97*/
}
@media (min-width: 1280px) {
  .md-block {
    display: block !important;
  }
  .md-inline-block {
    display: inline-block;
  }
  .md-inline {
    display: inline;
  }
  .md-table {
    display: table;
  }
  .md-table-cell {
    display: table-cell;
  }
  .md-hide-text {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
  }
  .md-show-text {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
  }
}
@media (min-width: 1600px) {
  .lg-block {
    display: block;
  }
  .lg-inline-block {
    display: inline-block;
  }
  .lg-inline {
    display: inline;
  }
  .lg-table {
    display: table;
  }
  .lg-table-cell {
    display: table-cell;
  }
  .lg-hide-text {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
  }
  .lg-show-text {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
  }
}




/* NEW for column layouts */
@media (max-width: 47.99em) {
  .xs-p0 {
    padding: 0;
  }
  .xs-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xs-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }


   /* NEW for column layouts */
.xs-pr0 {
  padding-right: 0px;
}

.xs-pt1 {
  padding-top: 8px;
}
.xs-pr1 {
  padding-right: 8px;
}
.xs-pb1 {
  padding-bottom: 8px;
}
.xs-p2 {
  padding: 16px;
}
.xs-pt2 {
  padding-top: 16px;
}
.xs-pr2 {
  padding-right: 16px;
}
.xs-pb2 {
  padding-bottom: 16px;
}
.xs-pl2 {
  padding-left: 16px;
}

.xs-p3 {
  padding: 32px;
}
.xs-pt3 {
  padding-top: 32px;
}
.xs-pr3 {
  padding-right: 32px;
}
.xs-pb3 {
  padding-bottom: 32px;
}
.xs-pl3 {
  padding-left: 32px;
}

.xs-p4 {
  padding: 64px;
}
.xs-pt4 {
  padding-top: 64px;
}
.xs-pr4 {
  padding-right: 64px;
}
.xs-pb4 {
  padding-bottom: 64px;
}
.xs-pl4 {
  padding-left: 64px;
}
/* END for column layouts */
 }






@media (min-width: 768px) {
  .sm-p0 {
    padding: 0;
  }
  .sm-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }


   /* NEW for column layouts */
.sm-pt1 {
  padding-top: 8px;
}
.sm-pr1 {
  padding-right: 8px;
}
.sm-pb1 {
  padding-bottom: 8px;
}
.sm-p2 {
  padding: 16px;
}
.sm-pt2 {
  padding-top: 16px;
}
.sm-pr2 {
  padding-right: 16px;
}
.sm-pb2 {
  padding-bottom: 16px;
}
.sm-pl2 {
  padding-left: 16px;
}

.sm-p3 {
  padding: 32px;
}
.sm-pt3 {
  padding-top: 32px;
}
.sm-pr3 {
  padding-right: 32px;
}
.sm-pb3 {
  padding-bottom: 32px;
}
.sm-pl3 {
  padding-left: 32px;
}

.sm-p4 {
  padding: 64px;
}
.sm-pt4 {
  padding-top: 64px;
}
.sm-pr4 {
  padding-right: 64px;
}
.sm-pb4 {
  padding-bottom: 64px;
}
.sm-pl4 {
  padding-left: 64px;
}
/* END for column layouts */
}

@media (min-width: 1280px) {
  .md-p0 {
    padding: 0;
  }
  .md-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }



 /* NEW for column layouts */
.md-pt1 {
  padding-top: 8px;
}
.md-pr1 {
  padding-right: 8px;
}
.md-pb1 {
  padding-bottom: 8px;
}
.md-p2 {
  padding: 16px;
}
.md-pt2 {
  padding-top: 16px;
}
.md-pr2 {
  padding-right: 16px;
}
.md-pb2 {
  padding-bottom: 16px;
}
.md-pl2 {
  padding-left: 16px;
}

.md-p3 {
  padding: 32px;
}
.md-pt3 {
  padding-top: 32px;
}
.md-pr3 {
  padding-right: 32px;
}
.md-pb3 {
  padding-bottom: 32px;
}
.md-pl3 {
  padding-left: 32px;
}

.md-p4 {
  padding: 64px;
}
.md-pt4 {
  padding-top: 64px;
}
.md-pr4 {
  padding-right: 64px;
}
.md-pb4 {
  padding-bottom: 64px;
}
.md-pl4 {
  padding-left: 64px;
}
/* END for column layouts */

}

@media (min-width: 1600px) {
  .lg-p0 {
    padding: 0;
  }
  .lg-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .sm-left-align {
    text-align: left;
  }
  .sm-right-align {
    text-align: right;
  }
  .sm-center {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .md-left-align {
    text-align: left;
  }
  .md-right-align {
    text-align: right;
  }
  .md-center {
    text-align: center;
  }
}
@media (min-width: 1600px) {
  .lg-left-align {
    text-align: left;
  }
  .lg-right-align {
    text-align: right;
  }
  .lg-center {
    text-align: center;
  }
}
.border {
  border-style: solid;
  border-width: 1px;
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none {
  border: 0;
}
* {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
body {
  margin: 0;
  background: #f0f0f0;
  overflow-x: hidden;
}
section {
  background: #ffffff;
}
a,
button {
  transition: background 0.3s,
    color 0.3s;
}
a {
  text-decoration: none;
  color: #51237f;
  font-weight: 600;
}

/* focus ADA styles */
a:foucs {
  outline: 1px dotted;
  outline-offset: 0px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
p a,
ul:not(.list-reset) a,
ol:not(.list-reset) a,
.universal-page-container .accordion-item__content a,
.universal-page-container .panel-body a,
.universal-page-container .read-more-target a,
.universal-page-container .tab-content a,
.columns a,
blockquote a,
a.acalog,
.callout-content a {
  font-weight: 700;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
p a:hover,
ul:not(.list-reset) a:hover,
ol:not(.list-reset) a:hover,
.universal-page-container .accordion-item__content a:hover,
.universal-page-container .panel-body a:hover,
.universal-page-container .read-more-target a:hover,
.universal-page-container .tab-content a:hover,
.home .campuses__card__content a:hover,
.columns a:hover,
blockquote a:hover,
a.acalog:hover,
.callout-content a:hover {
  text-decoration: underline;
}

 

/* .universal-page-container .accordion-item__content a:hover,
.universal-page-container .panel-body a:hover,
.universal-page-container .read-more-target a:hover,
.universal-page-container .tab-content a:hover,
.home .campuses__card__content a:hover
{text-decoration: underline;} */
 
.universal-page-container .accordion-item__content .btn:hover,
.universal-page-container .panel-body .btn:hover,
.universal-page-container .read-more-target .btn:hover,
.universal-page-container .tab-content .btn:hover,
.columns .pod__cta-container  a:hover
{text-decoration: none;}



img {
  max-width: 100%;
  border: none;
}

/* img.fixed-size,
img.no-respond,
img.fixed-width {
  max-width: none;
  border: none;
  width: auto;
} */

/* NEW */
#main-content img.w350 {
  max-width: 200px;
  border: none;
}

#main-content img.w300 {
  max-width: 200px;
  border: none;
}

#main-content img.w250 {
  max-width: 250px;
  border: none;
}

#main-content img.w200 {
  max-width: 200px;
  border: none;
}

#main-content img.w150 {
  max-width: 150px !important;
  border: none;
}

#main-content img.w100 {
  max-width: 200px;
  border: none;
}


button {
  border: none;
  cursor: pointer;
}
:focus {
  /* outline-color: inherit;  breaks focus outline in IE */ 
}
label {
  line-height: 2;
}
input,
textarea,
select {
  color: #666666;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 22px;
  border-radius: 0;
  font-family: "open-sans",sans-serif; /* NEW */
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #333333;
  opacity: 1;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #333333;
  opacity: 1;
}
@media (min-width: 1280px) {
  input,
  textarea,
  select {
    padding: 10px 36px;
  }
}
input,
textarea {
  border: none;
}
textarea {
  resize: none;
  height: 140px;
}
body {
  /*gh#112, set mobile to 50px*/
  padding-top: 50px;
}
@media (min-width: 768px) {
  body {
    padding-top: 0;
  }
}
body {
  font-size: 15px;
  font-family: "open-sans", sans-serif;
  font-weight: 400;
  letter-spacing: -0.023em;
  line-height: 1.625;
  color: #333333;
}
body p {
  line-height: 1.875;
}
@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
li,
p {
  margin: 0;
}

.h1,
.h2,
.h3, 
.h5,
.h6  { text-transform: none;}

[class*="wf"] h1,
[class*="wf"] h2,
[class*="wf"] h3,
[class*="wf"] h4,
[class*="wf"] h5,
[class*="wf"] h6,
[class*="wf"] .h1,
[class*="wf"] .h2,
[class*="wf"] .h3,
[class*="wf"] .h4,
[class*="wf"] .h5,
[class*="wf"] .h6,
[class*="wf"] li,
[class*="wf"] p {
  transition: opacity 0.15s;
}
.wf-loading h1:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading h2:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading h3:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading h4:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading h5:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading h6:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading .h1:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading .h2:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading .h3:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading .h4:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading .h5:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading .h6:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading li:not([class*="sm"]):not([class*="md"]):not([class*="lg"]),
.wf-loading p:not([class*="sm"]):not([class*="md"]):not([class*="lg"]) {
  opacity: 0;
}
h1 .wf-inactive,
h2 .wf-inactive,
h3 .wf-inactive,
h4 .wf-inactive,
h5 .wf-inactive,
h6 .wf-inactive,
.h1 .wf-inactive,
.h2 .wf-inactive,
.h3 .wf-inactive,
.h4 .wf-inactive,
.h5 .wf-inactive,
.h6 .wf-inactive,
li .wf-inactive,
p .wf-inactive,
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active .h1,
.wf-active .h2,
.wf-active .h3,
.wf-active .h4,
.wf-active .h5,
.wf-active .h6,
.wf-active li,
.wf-active p {
  opacity: 1;
}
article p {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  article p {
    margin-bottom: 42px;
  }
}
@media (min-width: 1280px) {
  article h1,
  article h2,
  article h3,
  article h4,
  article h5,
  article h6,
  article p {
    margin-right: 60px;
  }
  article p {
    margin-bottom: 26px;
  }
}
h1,
.h1 {
  font-family: "roboto", sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.03571429em;
  /*gh#98*/
  /*gh#93*/
}
@media (min-width: 880px) {
  h1,
  .h1 {
    font-weight: 200;
    font-size: 45px;
    line-height: 50px;
  }
}
@media (min-width: 1280px) {
  h1,
  .h1 {
    font-weight: 200;
    font-size: 70px;
    line-height: 75px;
  }
} 
 

/* NEW heading mod styles 20181213 */
h2,
.h2,
 .layout-container__block:nth-child(1) h3.h2,
.layout-container__block:nth-child(1) h4.h2,
.layout-container__block:nth-child(1) h5.h2,
.layout-container__block:nth-child(1) h6.h2 {
  font-family: "roboto", sans-serif;
   font-weight: 300 !important;  
   /* font-size: 30px; */
  /* NEW HEADING STYLE CHANGES */ 
  font-size: 32px;
  line-height: 35px;
}


 /* NEW HEADING STYLE CHANGES */ 
 .layout-container__block__wrapper:first-child h2,
.layout-container__block__wrapper:first-child .h2  {padding-top: 15px; }
 
 
/* NEW HEADING STYLE CHANGES */ 
.layout-container__block__wrapper:first-child .page-headline__sub-header.h2,
.layout-container__block__wrapper:first-child h2.page-headline__sub-header,
.gray-section-background .h2,
.gray-section-background h2,
.row-card  .h2,
.row-card  h2,
.cards .h2,
.cards h2,
.columns .h2,
.columns h2,
.accordion-items .h2,
.accordion-items h2,
.accordion-list .h2,
.accordion-list h2,
blockquote .h2,
blockquote h2,
.layout-container__block__wrapper:first-child .interstitial .h2,
.layout-container__block__wrapper:first-child .interstitial h2  {padding-top: 0px; }


.interstitial-glance .interstitial__wrapper .h2 {
	font-weight: 800 !important;
}


@media (min-width: 768px) {
	/* NEW heading mod styles 20181213 */
	h2,
	.h2,
	.layout-container__block:nth-child(1) h3.h2,
	.layout-container__block:nth-child(1) h4.h2,
	.layout-container__block:nth-child(1) h5.h2,
	.layout-container__block:nth-child(1) h6.h2 {
		font-size: 40px;
		line-height: 45px;
		font-weight: 200;
	}
}

/* NEW HEADING STYLE CHANGES */ 
@media (min-width: 1280px) {
	/* NEW heading mod styles 20181213 */
	h2,
	.h2, 
	.layout-container__block:nth-child(1) h3.h2,
	.layout-container__block:nth-child(1) h4.h2,
	.layout-container__block:nth-child(1) h5.h2,
	.layout-container__block:nth-child(1) h6.h2 {
		/* font-size: 50px; */
		font-size: 43px;
		line-height: 55px;;
	}

	/* NEW HEADING STYLE CHANGES */ 
	.home h2,
	.home .h2 { font-size: 50px; }


}


h3,
.h3 {
  font-family: "roboto", sans-serif;
  font-weight: 300 !important;
  font-size: 25px;
  line-height: 30px;
}
@media (min-width: 768px) {
	h3,
	.h3 {
		font-size: 30px;
		line-height: 35px;
	}
}
@media (min-width: 880px) {
	/* NEW heading mod styles 20181213 */
	h3,
	.h3,
	.layout-container__block:nth-child(1) h2.h3, 
	.layout-container__block:nth-child(1) h4.h3,
	.layout-container__block:nth-child(1) h5.h3,
	.layout-container__block:nth-child(1) h6.h3 {
		font-size: 35px;
		line-height: 40px;
	}

	.page-headline__sub-header.h2 {
		font-size: 30px;
		line-height: 35px;
	}
}



.h3-alt {
  font-family: "roboto", sans-serif;
  font-size: 40px;
  line-height: 45px;
  font-weight: 200;
}
@media (min-width: 1280px) {
  .h3-alt {
    font-size: 60px;
    line-height: 55px;
  }
}
/* NEW heading mod styles 20181213 */
h4,
.h4,
.layout-container__block:nth-child(1) h2.h4,
.layout-container__block:nth-child(1) h3.h4,
.layout-container__block:nth-child(1) h5.h4,
.layout-container__block:nth-child(1) h6.h4  {
  font-family: "open-sans", sans-serif;
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: bold; 
}

/* NEW heading mod styles 20181213 */
.layout-container__block:nth-child(1) h2.h4,
.layout-container__block:nth-child(1) h3.h4,
.layout-container__block:nth-child(1) h5.h4   { 
  font-weight: bold !important; 
}
@media (min-width: 768px) {
 /* NEW heading mod styles 20181213 */
  h4,
  .h4,
  .layout-container__block:nth-child(1) h2.h4,
  .layout-container__block:nth-child(1) h3.h4,
  .layout-container__block:nth-child(1) h5.h4,
  .layout-container__block:nth-child(1) h6.h4 {
    font-size: 25px;
    line-height: 30px;
  }

  /* reduced font size of homepage widget text to keep the text from wrapping to three lines */
	.educationForYou__item__caption  .h4 {
    font-size: 22px;
    line-height: 27px;
  }

}
 /* NEW heading mod styles 20181213 */
h5,
.h5,
.layout-container__block:nth-child(1) h2.h5,
.layout-container__block:nth-child(1) h3.h5,
.layout-container__block:nth-child(1) h4.h5,
.layout-container__block:nth-child(1) h6.h5 {
  font-family: "open-sans", sans-serif;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.02em;
  /* font-weight: bold; */
	font-weight: normal !important;  
}
@media (min-width: 768px) {
   /* NEW heading mod styles 20181213 */
h5,
.h5,
.layout-container__block:nth-child(1) h2.h5,
.layout-container__block:nth-child(1) h3.h5,
.layout-container__block:nth-child(1) h4.h5,
.layout-container__block:nth-child(1) h6.h5 {
    font-size: 25px;
    line-height: 30px;
  }
}

@media (min-width: 1280px) {

	/* increased font size of homepage widget text */
	.educationForYou__item__caption  .h4 {
    font-size: 25px;
    line-height: 30px;
  }

}


 /* NEW heading mod styles 20181213 */
h6,
.h6,
.layout-container__block:nth-child(1) h2.h6,
.layout-container__block:nth-child(1) h3.h6,
.layout-container__block:nth-child(1) h4.h6,
.layout-container__block:nth-child(1) h5.h6 {
  font-family: "open-sans", sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
}

/* NEW HEADING STYLE CHANGES */ 
.universal-page-container h6,
.universal-page-container .h6 {  
  font-weight: bold !important;
}

@media (min-width: 768px) {
 /* NEW heading mod styles 20181213 */
h6,
.h6,
.layout-container__block:nth-child(1) h2.h6,
.layout-container__block:nth-child(1) h3.h6,
.layout-container__block:nth-child(1) h4.h6,
.layout-container__block:nth-child(1) h5.h6 {
    /* gh#97*/
    font-size: 15px;
    line-height: 16px;
    /* end gh#97*/
  }


   /* increases font size of h6 titles footer area */
   .contact__quick h6,
 .contact__quick .h6 {
    font-size: 20px;
    line-height: 23px;
  }


}
@media (min-width: 1280px) {
   /* NEW heading mod styles 20181213 */
h6,
.h6,
.layout-container__block:nth-child(1) h2.h6,
.layout-container__block:nth-child(1) h3.h6,
.layout-container__block:nth-child(1) h4.h6,
.layout-container__block:nth-child(1) h5.h6 { 
    font-size: 20px;
    line-height: 23px;
  }
}

.universal-page-container .h1, .universal-page-container .h2, .universal-page-container .h3,
.universal-page-container .h4, .universal-page-container .h5, .universal-page-container .h6,
.universal-page-container h1, .universal-page-container h2, .universal-page-container h3,
.universal-page-container h4, .universal-page-container h5, .universal-page-container h6,
.universal-page-container p   {
 margin-bottom: 15px;
}

.universal-page-container .row-card__text__description p  {
 margin: 0px;
}


@media (min-width: 1280px) {
  small,
  .small {
    font-size: 0.75em;
  }
}
.normal {
  font-size: 15px;
}
@media (min-width: 768px) {
  .normal {
    font-size: 16px;
  }
}
strong,
.strong {
  font-weight: 700;
}
.medium {
  font-weight: 600;
}
.regular {
  font-weight: 400;
}
.light {
  font-weight: 200;
}
.thin {
  font-weight: 100 ;
}
.uppercase {
  text-transform: uppercase;
}
/*gh#93*/
.fwhite {
  color: #ffffff !important;
}
/**
 *  Styles below are updated global styles, initially separated from global legacy.
 */
a {
  cursor: pointer;
}
input {
  color: #333333;
  font-family: "open-sans", sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding: 10px 20px;
}
input[type="submit"] {
  -webkit-appearance: none;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* h3 {
  font-size: 30px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 40px;
  }
}
@media (min-width: 880px) {
  h3 {
    font-size: 45px;
  }
}
@media (min-width: 1280px) {
  h3 {
    font-size: 50px;
  }
} */
.page-container--has-sidebar {
  position: relative;
  margin-right: 0;
}
@media (min-width: 1025px) {
  .page-container--has-sidebar {
    margin-right: 410px;
  }
}
.mouse {
  line-height: 1.25;
  font-size: 10px;
  letter-spacing: 0;
}
.mouse a {
  color: #ffffff;
  display: inline-block;
  border-bottom: 1px solid #d0d0d0;
}
.mouse a:hover {
  border-bottom: 1px solid transparent;
  text-decoration: none;
}
.btn.blue
/* .virtualtour_embed  created button for virtual tour link */
  {
  /* background-color: #0e8ad9 !important; */
	  background-color: #0c7bc0 !important;
  color: #ffffff;
  padding: 10px 20px;
  font-size: 13px;
  transition: background-color 0.25s ease-in-out;
}
.btn.blue:hover
/* .virtualtour_embed:hover   created button for virtual tour link */ {
  background-color: #056bab !important;
}
.btn.blue.full-width {
  width: 100%;
}
.btn.blue.large,
.btn.blue.btn-blue--large {
  font-size: 15px;
  padding: 15px 30px;
}
.btn.blue.btn-blue--large--tight {
  font-size: 15px;
  padding: 15px 25px;
}
@media (min-width: 1025px) {
  .btn.blue.btn-blue--large--tight {
    padding: 10px 20px;
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .btn.blue.btn-blue--large--tight {
    font-size: 15px;
    padding: 15px 25px;
  }
}
.btn.blue.cta {
  display: block;
}
@media (min-width: 768px) {
  .btn.blue.cta {
    display: inline-block;
  }
}
@media (min-width: 1025px) {
  .two-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .two-column > div,
  .two-column > ul {
    width: 50%;
  }
}
.cta-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.cta-container .cta {
  width: 100%;
}
@media (min-width: 768px) {
  .cta-container .cta {
    width: auto;
  }
}
.hover-underline:hover {
  text-decoration: underline;
}
.border-bottom-hr {
  border-bottom: 1px solid #e2e2e2;
}
.universal-page-container hr,
#main-content hr  {  
	border: 0;
    height: 0;
	border-bottom: 1px solid #e2e2e2;
  clear: both;
  margin: 20px 0;
}

.storytelling-container ul {
  margin: 0;
  padding: 0;
  list-style-position: outside;
}
.storytelling-container ul li {
  position: relative;
  left: 1em;
  margin: 15px 0;
}
.storytelling-container .half-list {
  display: block;
  padding: 0;
  list-style-position: outside;
  margin: 0;
  width: 100%;
}
@media (min-width: 880px) {
  .storytelling-container .half-list {
    width: 50%;
    margin: 0 0 30px;
    display: inline-block;
    float: left;
  }
}
.storytelling-container .half-list li {
  padding-right: 30px;
}
.storytelling-container .half-list li:first-child {
  margin: 0 0 15px;
}
@media (min-width: 880px) {
  .storytelling-container .half-list li:first-child {
    margin: 15px 0;
  }
}
.storytelling-container .read-more-cta.btn.blue {
  width: 100%;
}
@media (min-width: 768px) {
  .storytelling-container .read-more-cta.btn.blue {
    width: auto;
  }
}
.cta-arrow.cta-arrow--mobile-button {
  background-color: #51237f;
  color: #ffffff;
  padding: 20px 0;
  margin: 0 auto;
  width: 100%;
  display: block;
  transition: background-color 0.3s ease;
}
@media (min-width: 768px) {
  .cta-arrow.cta-arrow--mobile-button {
    background-color: transparent;
    color: #51237f;
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
  }
}
.cta-arrow.cta-arrow--mobile-button:after {
  content: none;
  top: 7px;
}
@media (min-width: 768px) {
  .cta-arrow.cta-arrow--mobile-button:after {
    content: '';
  }
}
.cta-arrow.cta-arrow--mobile-button:hover {
  background-color: #412062;
}
@media (min-width: 768px) {
  .cta-arrow.cta-arrow--mobile-button:hover {
    background-color: transparent;
  }
}
.cta-block {
  display: block;
  margin: 0;
}
.cta-block--centered {
  text-align: center;
  display: block;
  margin: 0;
}
.icon.icon-play {
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/btn_play.svg'); */
	background-image: url('/_images/global/btn_play.svg');
}
.section-padding-top {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .section-padding-top {
    padding-top: 45px;
  }
}
@media (min-width: 1025px) {
  .section-padding-top {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .section-padding-top {
    padding-top: 80px;
  }
}
.section-padding-bottom {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .section-padding-bottom {
    padding-bottom: 45px;
  }
}
@media (min-width: 1025px) {
  .section-padding-bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .section-padding-bottom {
    padding-bottom: 80px;
  }
}
.section-padding-bottom-short {
  padding-bottom: 30px;
}
@media (min-width: 1025px) {
  .section-padding-bottom-short {
    padding-bottom: 45px;
  }
}
.section-padding-top-short {
  padding-top: 30px;
}
@media (min-width: 1025px) {
  .section-padding-top-short {
    padding-top: 45px;
  }
}
.section-padding-vertical-short {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 1025px) {
  .section-padding-vertical-short {
    padding-top: 45px;
  }
}
@media (min-width: 1025px) {
  .section-padding-vertical-short {
    padding-bottom: 45px;
  }
}
.section-padding-vertical {
  padding-top: 30px;
  padding-bottom: 30px;
}

.universal-page-container .tripod-section.section-padding-vertical   {
  padding-top: 0px;
  padding-bottom: 5px;
}

@media (min-width: 768px) {
  .section-padding-vertical {
    padding-top: 45px;
  }

  .universal-page-container .tripod-section.section-padding-vertical   {
  padding-top: 0px;
  padding-bottom: 24px;
}

}
@media (min-width: 1025px) {
  .section-padding-vertical {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .section-padding-vertical {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .section-padding-vertical {
    padding-bottom: 45px;
  }
}
@media (min-width: 1025px) {
  .section-padding-vertical {
    padding-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .section-padding-vertical {
    padding-bottom: 80px;
  }
}
.section-padding-left {
  padding-left: 5vw;
}
.section-padding-right {
  padding-right: 5vw;
}
.section-padding-horizontal  {
  padding-left: 5vw;
  padding-right: 5vw;
}
.section-padding-horizontal-narrow {
  padding-left: 3vw;
  padding-right: 3vw;
}
.section-padding-all {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 5vw;
  padding-right: 5vw;
}

.universal-page-container .cards-section.section-padding-all  {
  padding-top: 0px;
  padding-bottom: 20px;

  padding-left: 0px;
  padding-right: 0px;
}

.universal-page-container .cards-section.section-padding-all.announcements-wrapper {
    padding: 2vw 2vw;

}

@media (min-width: 768px) {
  .section-padding-all {
    padding-top: 45px;
  }
}
@media (min-width: 1025px) {
  .section-padding-all {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .section-padding-all {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .section-padding-all {
    padding-bottom: 45px;
  }

    .universal-page-container .cards-section.section-padding-all  {
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0vw;
  padding-right: 0vw;
}

}
@media (min-width: 1025px) {
  .section-padding-all {
    padding-bottom: 60px;
  }



  .universal-page-container .cards-section.section-padding-all {
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0vw;
  padding-right: 0vw;
}
}


@media (min-width: 1280px) {
	.universal-page-container .cards-section.section-padding-all   {
		padding-top: 0px;
		padding-bottom: 11px;
		padding-left: 0vw;
		padding-right: 0vw;

		/* NEW column margin fix */ 
		margin-right: -5px;
		margin-left: -5px;
	}
}


@media (min-width: 1600px) {
	.section-padding-all {
		padding-bottom: 80px;
	}
	.universal-page-container .cards-section.section-padding-all  {
		padding-top: 0px;
		padding-bottom: 19px;
		padding-left: 0vw;
		padding-right: 0vw;

		/* NEW column margin fix */ 
		margin-right: -10px;
		margin-left: -10px;
	}

}
.section-padding-horizontal-above-tablet-small {
	padding-left: 0;
	padding-right: 0;
}


.universal-page-container .row-card.section-padding-horizontal-above-tablet-small,
.universal-page-container .tripod.section-padding-horizontal-above-tablet-small    {
  margin-left: -5vw;
    margin-right: -5vw;
}

@media (max-width: 768px) {
  .universal-page-container .tab-content .tripod.section-padding-horizontal-above-tablet-small    { margin-left: 1vw; margin-right: 1vw; }

  }




@media (min-width: 768px) {
  .section-padding-horizontal-above-tablet-small {
    padding-left: 5vw;
    padding-right: 5vw;
  }

 
.universal-page-container .tripod.section-padding-horizontal-above-tablet-small    {
  margin-left: 0vw;
    margin-right: 0vw;
}
 

}
.section-padding-horizontal-above-tablet-large {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 880px) {
  .section-padding-horizontal-above-tablet-large {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
.section-padding-horizontal-below-tablet-small {
  padding-left: 5vw;
  padding-right: 5vw;
}
@media (min-width: 768px) {
  .section-padding-horizontal-below-tablet-small {
    padding-left: 0;
    padding-right: 0;
  }
}
.section-padding-horizontal-below-desktop-small {
  padding-left: 5vw;
  padding-right: 5vw;
}
@media (min-width: 1025px) {
  .section-padding-horizontal-below-desktop-small {
    padding-left: 0;
    padding-right: 0;
  }
}
.sidebar-padding-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.sidebar-padding-horizontal-below-desktop-small {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1025px) {
  .sidebar-padding-horizontal-below-desktop-small {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .sidebar-padding-horizontal-breakpoint-tablet-large-only, .sidebar-padding-horizontal-tablet-only {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1025px) {
  .sidebar-padding-horizontal-tablet-only {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 880px) {
  .sidebar-padding-horizontal-breakpoint-tablet-large-only {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .sidebar-padding-horizontal-desktop-medium-only {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .sidebar-padding-horizontal-desktop-medium-only {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .sidebar-padding-horizontal-desktop-small-only {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1025px) {
  .sidebar-padding-horizontal-desktop-small-only {
    padding-left: 0;
    padding-right: 0;
  }
}
.sidebar-padding-bottom {
  padding-bottom: 30px;
}
.sidebar-padding-top {
  padding-top: 30px;
}
.sidebar-padding-vertical {
  padding-top: 30px;
  padding-bottom: 30px;
}
.space-between-sidebar-components > * {
  margin-top: 0;
}
@media (min-width: 0px) {
  .space-between-sidebar-components > * {
    margin-top: 30px;
  }
}
@media (min-width: 0px) {
  .space-between-sidebar-components > *:first-child {
    margin-top: 0;
  }
}
.space-between-sidebar-components-with-top > * {
  margin-top: 0;
}
@media (min-width: 0px) {
  .space-between-sidebar-components-with-top > * {
    margin-top: 30px;
  }
}
.space-between-sidebar-components-with-top > *:first-child {
  margin-top: 30px;
}
@media (min-width: 0px) {
  .space-between-sidebar-components-with-top > *:first-child {
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .space-between-sidebar-components-with-top > *:first-child {
    margin-top: 30px;
  }
}
.space-between-sidebar-components-with-top-desktop-small > * {
  margin-top: 0;
}
@media (min-width: 1025px) {
  .space-between-sidebar-components-with-top-desktop-small > * {
    margin-top: 30px;
  }
}
.space-between-sidebar-components-with-top-desktop-small > *:first-child {
  margin-top: 30px;
}
@media (min-width: 1025px) {
  .space-between-sidebar-components-with-top-desktop-small > *:first-child {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .space-between-sidebar-components-with-top-desktop-small > *:first-child {
    margin-top: 30px;
  }
}
.white {
  color: #ffffff;
}
.gray {
  color: #666666;
}
.bg-gray-lightest {
  background-color: #f0f0f0;
}
.icon, .icon svg {
  width: 23px;
  height: 23px;
  display: inline-block;
  background-position: center;
  background-size: contain;
}
.no-csstransforms .icon {
  -ms-behavior: url('../js/backgroundsize.min.htc');
}
.no-csstransforms .icon img {
  border: none;
}
.no-csstransforms.ie8 .icon {
  -ms-behavior: none;
}
 
.icon-hamburger {
  height: 14px;
}
.icon-2 {
  width: 23px;
  height: 23px;
}
 
@media (min-width: 768px) { 
	  .icon,
	.icon svg /*  Social wall single row */ {
    width: 30px;
    height: 30px;
  }
	
 
  .icon-hamburger {
    height: 19px;
  }
  .icon-2 {
    width: 24px;
    height: 24px;
  }
}
.icon-3 {
  width: 15px;
  height: 15px;
}
.icon-4 {
  width: 12px;
  height: 12px;
}
.globalNavigation {
  background: #51237f;
  color: #ffffff; 
}
.globalNavigation a {
  color: #ffffff;
}
@media (max-width: 54.9375em) {
  .globalNavigation {
    position: fixed;
  }
}
.globalHeader {
  background: #ffffff;
  color: #666666;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.globalHeader a {
  color: #666666;
}
.globalHeader a:not(.btn) {
  font-weight: 400;
}
@media (min-width: 880px) {
  .globalHeader { 
    padding-top: 9px;
    padding-bottom: 9px;
    box-shadow: none;
  }
}
@media (min-width: 1600px) {
  .globalHeader { 
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.globalHeader__logo {
 
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/mc_horiz_rgb.svg'); */
	background-image: url('/_images/global/mc_horiz_rgb.svg');
  background-repeat: no-repeat;
  width: 170px;
  height: 28px;
  margin-left: 15px;
  margin-top: 13px;
  background-size: 90% 90%; 
}

/* for MC Info site */ 
body.info .globalHeader__logo {
/* background-image: url('http://info.montgomerycollege.edu/_resources/images/global/mc-info-logo.svg'); */
	background-image: url('https://info.montgomerycollege.edu/_images/global/mc-info-logo.svg');
  background-repeat: no-repeat;
  width: 150px;
  height: 28px;
  margin-left: 15px;
  margin-top: 13px;
  background-size: 90% 90%;
}


@media (min-width: 768px) {
  .globalHeader__logo { 
    width: 280px;
    height: 49px;
    margin-left: 30px;
    margin-top: 20px;
    background-size: 90% 90%; 
  }

 body.info   .globalHeader__logo {
    width: 265px;
    height: 50px;
    margin-left: 30px;
    margin-top: 20px;
    background-size: 90% 90%;
  }


}
@media (min-width: 880px) {
  .globalHeader__logo { 
    width: 275px;
    height: 45px;
    margin-left: 50px;
    margin-top: 20px;
    background-size: 75% 75%; 
  }

  body.info .globalHeader__logo { 
    width: 245px;
    height: 45px;
    margin-left: 50px;
    margin-top: 15px;
    background-size: 75% 75%; 
  }


}
@media (min-width: 1600px) {
  .globalHeader__logo {
    width: 305px;
    height: 50px;
    background-size: 85% 85%;
  }
}
@media (min-width: 880px) {
  .globalHeader__logo { 
    margin-top: 10px;
  }
}
[class*="globalHeader__link"] { 
  width: 30px;
  height: 50px; 
}
[class*="globalHeader__link"]:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  [class*="globalHeader__link"] {
    width: 40px;
    height: 86px;
  }
}
[class*="globalHeader__link"].globalHeader__link--apply {
  width: auto;
  height: 45px;
  padding: 12px 23px 12px 23px;
  font-size: 16px !important;
}
@media (min-width: 1600px) {
  [class*="globalHeader__link"].globalHeader__link--apply {
    width: auto;
    height: 60px;
    padding: 17px 23px 12px 23px;
    font-size: 18px !important;
    margin: -2px 0 2px 0;
  }
}
@media (min-width: 880px) {
  [class*="globalHeader__link"] { 
    width: auto;
    height: auto;
  }
  [class*="globalHeader__link"]:not(.globalHeader__link--search) {
    margin-left: 15px;
  }
  [class*="globalHeader__link"].globalHeader__link--search .icon {
    margin-left: 20px;
  }
  [class*="globalHeader__link"] .icon {
    transform: none;
    margin-right: 5px;
    position: relative;
    left: 0;
    top: -2px;
  }
}
@media (min-width: 1600px) {
  [class*="globalHeader__link"]:not(.globalHeader__link--search) {
    margin-left: 80px;
  }
  [class*="globalHeader__link"].globalHeader__link--search .icon {
    margin-left: 40px;
  }
  [class*="globalHeader__link"] .icon {
    transform: none;
    margin-right: 10px;
  }
}
.searching .globalHeader__link--search {
  opacity: 0.75;
}
.globalNavigation__primary {
  line-height: 19px;
  background: #333333;
}
.globalNavigation__primary .selected,
.global-header .global-header__primary .selected  {
  background: #ffffff;
  color: #666666; 
  font-weight: 400;
}

.globalNavigation__primary .selected a,
.global-header .global-header__primary .selected a { color: #666;} /*   makes link text gray when white bg */

 

@media (min-width: 1600px) {
  .globalNavigation__primary { 
    line-height: 24px;
  }
}
.globalNavigation__primary a {
  font-weight: normal;
  font-weight: 400;
}
.globalNavigation__primary a:hover {
  background-color: #4c4c4c;
  background-color: rgba(255, 255, 255, 0.1);
}
.globalNavigation__primary__link {
  border-color: #4a4a4a;
  border-color: rgba(255, 255, 255, 0.25);
}
.globalNavigation__primary__link[href^="http://mymc.montgomerycollege.edu"], .globalNavigation__primary__link[href^="http://mymc.glb.montgomerycollege.edu"] /* NEW added a new url for target */  {
  /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
}
.globalNavigation__primary__link[href^="http://mymc.montgomerycollege.edu"]:hover, .globalNavigation__primary__link[href^="http://mymc.glb.montgomerycollege.edu"]:hover /* NEW added a new url for target */ {
  background-color: #29a3f1;
}
.globalNavigation__secondary {
 
  /*transform: rotate3d(1, 0, 0, 90deg);*/
  transform: translateY(-150%);
  transition: transform 0.5s;
  opacity: 1;
   
  top: 50px;
  background-color: #51237f;
  background-color: rgba(81, 35, 127, 0.95);
  height: calc(100vh - 50px);
  overflow: scroll;
  width: 100%;
  right: 0; 
}

/* NEW for MC Info site */
body.info .globalNavigation__secondary {
    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
	/* background-color: rgba(14, 141, 215, 0.95); */
	background-color: rgba(12, 123, 192, 0.95);
}

.globalNavigation__secondary.flipInX.animated {
  animation-duration: 0.175s;
  transform: perspective(400px);
  opacity: 1;
}
.globalNavigation__secondary.animatedmenus {
  opacity: 1;
  transform: translateY(0);
}
.globalNavigation__secondary li {
  border-bottom: 1px solid #5b3087;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.globalNavigation__secondary a {
  font-weight: 600;
}
.globalNavigation__secondary a.regular {
  font-weight: normal;
  font-weight: 400;
}
.globalNavigation__secondary a .icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
}
.globalNavigation__secondary a:hover {
  text-decoration: underline;
}
.globalNavigation__secondary .selected,
.global-navigation__main-nav__menu .selected /* NEW */ {
  background: #412062;
}

body.info .globalNavigation__secondary .selected,
body.info .global-navigation__main-nav__menu .selected {
	/* background: #0072b4; */
	background: #04629c; 
}


.globalNavigation__secondary .selected a {
  color: #ffffff;
}
.globalNavigation__secondary .selected a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .globalNavigation__secondary {
    top: 116px;
    height: calc(100vh - 86px);
    /*height: auto;*/
    overflow: hidden;
    transform: translateY(-300%);
  }
}
@media (min-width: 880px) {
  .globalNavigation__secondary { 
    font-weight: normal;
    font-weight: 400;
    white-space: nowrap;
    opacity: 1;
    transform: none;
    background-color: transparent;
    height: auto;
  }
  .globalNavigation__secondary li {
    padding: 18px 0;
  }
  .globalNavigation__secondary a { 
    font-size: 15px;
     display: block; /*   makes the entire row in the dropdown a link */
  }
}
@media (min-width: 1600px) {
  .globalNavigation__secondary {
  
  }
  .globalNavigation__secondary a {
    font-size: 16px;
  }
  .globalNavigation__secondary li {
    padding: 16px;
  }
  .globalNavigation__secondary .p1 {
    padding: 7px 33px 7px 33px;
  }
}
.globalNavigation__breadcrumb {
  background-color: #f0f0f0;
  color: #51237f;
  padding: 18px;
  padding-left: 50px;
  font-size: 13px;
}
.globalNavigation__breadcrumb li {
  color: #666666;
} 
/* NEW added anchor here to fix link issues in chrome */
.globalNavigation__breadcrumb li a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.globalNavigation .globalNavigation__breadcrumb a,
.breadcrumbs ul.breadcrumbs__list a.breadcrumbs_crumb-link /*  old template fix */ {
  font-weight: 600;
  color: #51237f;
}

 .breadcrumbs ul.breadcrumbs__list   /* old template fix */ {
  color: #51237f;
}
 

.globalNavigation__breadcrumb li:not(:last-child):after {
  content: '/';
  display: inline-block;
  margin: 0 10px;
} 
.mob {
  font-size: 18px !important;
}
@media (min-width: 880px) {
  .mob {
    font-size: 15px !important;
  }
}
.mobileContent {
  width: 100%;
  float: left;
  margin-top: 0px;
  height: 320px;
}
.mob-accordion {
  background: #51237f;
  list-style-type: none;
  padding: 0;
}
.mob-accordion ul {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}
.mob-accordion li {
  background: #51237f;
  cursor: pointer;
  list-style-type: none;
  padding: 8px;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
}
.mob-accordion a {
  text-transform: capitalize !important;
  text-decoration: none;
  font-size: 15px;
    /* font-weight: 400 !important; */
	font-weight: 200 !important;/*   changes to dropdown menu text style */
  font-weight: 400 !important;
  color: #fff;
  padding: 18px 45px 18px 15px;
  display: block;
  cursor: pointer;
}
.mob-accordion .adown {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/arrow-down.gif') no-repeat center right; */
	  background: url('/_images/global/arrow-down.gif') no-repeat center right;
	
}
.mob-accordion .aup {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/arrow-up.gif') no-repeat center right; */
	background: url('/_images/global/arrow-up.gif') no-repeat center right;
}
.mob-accordion .f-hr {
  width: 510px;
  margin: 0 auto;
  height: 1px;
  background-color: #67448a;
  border: none;
}
.mob-accordion .fmenu-fix {
  text-decoration: none;
  font-size: 18px;
  padding: 8px 0px 8px 10px !important;
  display: block;
  cursor: pointer;
  background: none;
}
.mob-accordion li.al-no a {
  text-transform: uppercase !important;
  text-decoration: none;
  font-size: 15px;
    /* font-weight: 400 !important; */
	font-weight: 200 !important;/*   changes to dropdown menu text style */
  padding: 8px 20px 8px 40px;
  display: block;
  cursor: pointer;
  background: none;
}
.mob-accordion li.al-no.active > a {
  background: none;
}
.mob-accordion li.al-no a:hover {
  text-decoration: underline;
}
.mob-accordion li ul li {
  background: #51237f;
  text-transform: uppercase !important;
  border-bottom: 1px solid transparent;
}
 
/* for tablet only gh#95*/
@media (min-width: 48em) and (max-width: 54.9375em) {
  .globalNavigation__secondary {
    max-width: 590px;
    top: 86px;
  }
  .globalNavigation__secondary li {
    border-bottom: 0px solid #5b3087 !important;
  }
  .tablet-hide {
    display: none;
  }
  .mymc-fix .btn-tab { 
    width: 500px;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-left: 0px;
    text-transform: capitalize !important;
  }
  .mymc-fix .a-fix {
    padding-left: 45px !important;
  }

 
	.tbl-accordion  .fmenu-fix  .f-hr, .tbl-accordion .smenu  .f-hr {
    margin: 0;
} 
	.tbl-accordion  .fmenu-fix  a, .tbl-accordion .smenu a {
     padding-top: 25px;
	padding-bottom: 25px;
}
  
}
 
.tabletContent {
  width: 100%;
  float: right;
  max-width: 590px;
  margin-top: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 86px);
}
.tbl-accordion {
  background: #51237f;
  list-style-type: none;
  padding: 0;
  margin: 35px 0 30px 0;
}
.tbl-accordion ul {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}
.tbl-accordion li {
  background: #51237f;
  cursor: pointer;
  list-style-type: none;
  padding-left: 40px;
  margin: 0px;
  float: left;
  display: block;
  width: 100%;
  text-align: left;
}

/*   for MC Info site */
body.info .tbl-accordion li {
 /* background: #0e8ad9; 
	background-color: rgba(14, 141, 215, 0); */
	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
	background-color: rgba(12, 123, 192, 0);
  cursor: pointer;
  list-style-type: none;
  padding-left: 40px;
  margin: 0px;
  float: left;
  display: block;
  width: 100%;
  text-align: left;
}

.tbl-accordion a {
  text-transform: capitalize !important;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold !important;
  color: #fff;
  padding: 15px 45px 15px 0px;
  display: block;
  cursor: pointer;
}

 body.info .globalNavigation__secondary .tbl-accordion a {
  text-transform: uppercase !important;
}
.tbl-accordion .adown {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/arrow-down.gif') no-repeat center right; */
	background: url('/_images/global/arrow-down.gif') no-repeat center right;
  margin-right: 75px;
}
.tbl-accordion .aup {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/arrow-up.gif') no-repeat center right; */
	background: url('/_images/global/arrow-up.gif') no-repeat center right;
  margin-right: 75px;
}
.tbl-accordion .f-hr {
  width: 500px;
  margin-left: 0;
  height: 1px;
  background-color: #67448a;
  border: none;
}

/*   for MC Info site */
body.info .tbl-accordion .f-hr { 
		/* background: #0072b4; */
	background: #04629c; 
}

.tbl-accordion .f-hr-fix {
  margin-left: 40px !important;
}
.tbl-accordion .fmenu-fix {
  text-decoration: none;
  font-size: 18px;
  padding: 0px 73px 0px 40px !important;
  display: block;
  cursor: pointer;
  background: none;
}
.tbl-accordion li.al-no a {
  text-transform: uppercase !important;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400 !important;
  padding: 13px 118px 13px 0px;
  display: block;
  cursor: pointer;
  background: none;
}


/*   changes to dropdown menu text style */
.globalNavigation__secondary .tbl-accordion li.al-no a, .globalNavigation__secondary .mob-accordion li.al-no a {
  text-transform: none !important; /*   changes to dropdown menu text style */
   /* font-weight: 400 !important; */
	font-weight: 400 !important;/*   changes to dropdown menu text style */
}


.tbl-accordion li.al-no.active > a {
  background: none;
}
.tbl-accordion li.al-no a:hover {
  text-decoration: underline;
}
.tbl-accordion li ul li {
  background: #51237f;
  text-transform: uppercase !important;
}
 
.menu-ms,
.menu-md {
  display: none;
}
.menu-ms a {
  cursor: pointer;
}
 
.ms-show-1,
.ms-show-2,
.ms-show-3,
.ms-show-4 {
  display: none;
}
.psp-menu a {
   /* color: #666;  */
	color: #fff; /*   fixes color of this menu for expanded state */
  font-weight: 400 !important;
}

/* NEW removed query so top dropdown persists on all sizes */
/* @media (min-width: 55em) and (max-width: 99.9375em) { */

  .globalNavigation__secondary li {
    border-bottom: 0px solid #5b3087;
    border-bottom: 0px solid rgba(255, 255, 255, 0.15);
  }
  /*   adding anchor makes the entire row in the dropdown a link */
   #top  .drop-li a {
    padding: 10px 0 10px 0;
  }
   #top  .drop-li a:hover {
    text-decoration: underline;
  }
 
  #top .menu-md,
  #top .menu-ms,
  #top .ms-show-1 {
    display: block;
  }
  #top .dropdown-menu-top a {
    color: #666;
  }
 
  .caret-grey {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 1px;
    /* background: url('http://www.montgomerycollege.edu/_resources/images/global/down_arrow_grey.svg') no-repeat; */
	  background: url('/_images/global/down_arrow_grey.svg') no-repeat;
  }
  .caret-white {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -2px;
   /* background: url('http://www.montgomerycollege.edu/_resources/images/global/down_arrow_white.svg') no-repeat; */
	  background: url('/_images/global/down_arrow_white.svg') no-repeat; 
  }
   #top .psp-menu a {
    cursor: pointer;
    color: #666; /*   adds darker color only to consolidated menu state */
  }



  /*   fixes state for selected top menu dropdown */
  #top.globalNavigation__primary li.selected.psp-menu a.globalNavigation__primary__link:hover,
#top.globalNavigation__primary li.selected.psp-menu a.globalNavigation__primary__link {
  background-color: #fff;
	color: #666 ;
}

/*   fixes state for selected top menu dropdown */
  #top.globalNavigation__primary li.all-audience.psp-menu a.globalNavigation__primary__link:hover,
#top.globalNavigation__primary li.all-audience.psp-menu a.globalNavigation__primary__link {
  background-color: #fff;
	color: #666 ;
}



/*   fixes state for nonselected top menu dropdown */
  #top.globalNavigation__primary .psp-menu a.globalNavigation__primary__link:hover,
#top.globalNavigation__primary .psp-menu a.globalNavigation__primary__link {
  color: #fff;
}
/*   fixes caret state for nonselected top menu dropdown */
#top.globalNavigation__primary .psp-menu a.globalNavigation__primary__link .caret-grey {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/down_arrow_white.svg') no-repeat; */
	  background: url('/_images/global/down_arrow_white.svg') no-repeat;
}
/*   fixes caret state for non selected top menu dropdown */
#top.globalNavigation__primary li.selected.psp-menu a.globalNavigation__primary__link .caret-grey,
#top.globalNavigation__primary li.all-audience.psp-menu a.globalNavigation__primary__link .caret-grey {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/down_arrow_grey.svg') no-repeat; */
	background: url('/_images/global/down_arrow_grey.svg') no-repeat;
}
 

 
  #top .dropdown-menu-top {
    position: absolute;
    top: 35px;
    left: 0;
    float: left;
    display: none;
    min-width: 360px;
    /* height: 119px; NEW removed to have auto height */
    height: auto; /*   auto height to accomodate more menu items */
    /* padding: 10px 0 0px 0px; */
	    padding: 10px 0 10px 0px; /*   added padding to the bottom of the dropdown */
    font-weight: 400 !important;
    font-size: 0.75em;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    /*border: 1px solid #959595;
    border: 0px solid rgba(0, 0, 0, .15);*/
    border-right: 1px solid #959595;
    border-radius: 0px;
    box-shadow: 5px 0 3px -3px rgba(0, 0, 0, 0.3);
  }
 

  /*   removed white space pre wrap to fix line height issues in dropdown */
#top  .dropdown-menu-top li {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    text-align: left;
  }
/*   fixes sub menu list element */
#top  .dropdown-menu-top li ul li,
#top  .dropdown-menu-top li ul li:hover {
    border: none;
	list-style: none outside none;
  }



  #top .dropdown-menu-top li:hover {
    background-color: #f0f0f0;
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
  }
  #top .dropdown-menu-top li a {
        /* margin-left: 30px; */
     padding-left: 30px; /*   makes the entire row in the dropdown a link */
    font-size: 15px !important;
    display: block; /*   makes the entire row in the dropdown a link */
  }


 /* added new media query here */

 @media (min-width: 55em)  and (max-width: 99.9375em) {

 /*   added these back in this query */
   .ms-drop-1 {
    display: none;
  }
  .menu-md,
  .menu-ms,
  .ms-show-1 {
    display: block;
  }
  /* end new */

	 /*   for MC Info site */
body.info .dropdown-more:hover { 
		/* background: #0072b4 !important; */
	background: #04629c !important; 
  }



  .dropdown-more:hover {
    background-color: #412062 !important;
  }


		 /*   for MC Info site */
body.info .dropdown-menu-more { 
		/* background: #0072b4; */
	background: #04629c; 
	/* background: linear-gradient(#0072b4, rgba(0, 114, 180, 0.95)); */ 
	background: linear-gradient(#04629c, rgba(4, 98, 156, 0.95));  
  }



  .dropdown-menu-more {
    position: absolute; 
    top: 150px;
    right: 0;
    z-index: 1000;
    float: left;
    width: 260px;
    /*gh#131*/
    padding: 20px 0 30px 0px;
    font-weight: 400 !important;
    font-size: 15px !important;
    text-align: left;
    list-style: none;
    background-color: #412062;
    display: none;
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#412062, rgba(65, 32, 98, 0.95));
    /* Standard syntax (must be last) */
  }
  /* .dropdown-menu-more li {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    white-space: pre-wrap;

    white-space: -moz-pre-wrap;

    white-space: -pre-wrap;

    white-space: -o-pre-wrap;

    word-wrap: break-word;

    text-align: left;
    padding: 16px !important;
  }
  .dropdown-menu-more li:hover {
    background-color: #2f0e50;
    border-bottom: 1px solid #593b77;
    border-top: 1px solid #593b77;
  } */


  /* NEW makes the entire row in the dropdown a link */
    .dropdown-menu-more li a {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    text-align: left;
    padding: 16px !important;
  }

	 		 /* NEW for MC Info site */
body.info .dropdown-menu-more li a:hover {
    background-color: #005e95;
    border-bottom: 1px solid #0376b8;
    border-top: 1px solid #0376b8;
  }


  .dropdown-menu-more li a:hover {
    background-color: #2f0e50;
    border-bottom: 1px solid #593b77;
    border-top: 1px solid #593b77;
  }

    /* END NEW makes the entire row in the dropdown a link */



  /*gh#111*/
  .dropdown-menu-more li a {
        /* margin-left: 15px; */
     padding-left: 15px; /*  NEW makes the entire row in the dropdown a link */
    font-size: 15px !important;
      /* NEW reduces font weight */
	  font-weight: 400;
  }
}


/* NEW increase height of dropdown */
@media  (min-width: 99.9375em) {

	/*gh#109, gh#132*/
  #top .dropdown-menu-top {
    top: 40px;
  }
}



@media (min-width: 55em) and (max-width: 99.9375em) and (max-width: 79.9375em) {
  .ms-drop-2 {
    display: none;
  }
  .ms-show-2 {
    display: block;
  }
}
@media (min-width: 55em) and (max-width: 99.9375em) and (max-width: 75em) {
  .ms-drop-3 {
    display: none;
  }
  .ms-show-3 {
    display: block;
  }
  .dropdown-menu-top a {
    font-size: 15px;
  }
}
@media (min-width: 55em) and (max-width: 99.9375em) and (max-width: 68em) {
  .ms-drop-4 {
    display: none;
  }
  .ms-show-4 {
    display: block;
  }
}
/* NEW added more dropdown triggers */
.dropdown-menu-ap, .dropdown-menu-ap2, .dropdown-menu-ap3, .dropdown-menu-ap4, .dropdown-menu-ap5, .dropdown-menu-ap6, .dropdown-menu-ap7  {
  position: absolute;
  /*gh#130 */
  top: 150px;
  z-index: 1000;
  float: left;
  padding: 20px 0 30px 0px;
  /* font-weight: 400 !important; */

	font-weight: 200 !important; /* NEW changes to dropdown menu text style */
    text-transform: none; /* NEW changes to dropdown menu text style */

  text-align: left;
  list-style: none;
  background-color: #412062;
  display: none;
  background: -webkit-linear-gradient(#412062, rgba(65, 32, 98, 0.95));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#412062, rgba(65, 32, 98, 0.95));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#412062, rgba(65, 32, 98, 0.95));
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, left bottom, from(#412062), to(rgba(65, 32, 98, 0.95)));
  background: linear-gradient(#412062, rgba(65, 32, 98, 0.95));
  /* Standard syntax (must be last) */

	width: auto !important; /* NEW added to make the dropdowns the same width as the content */
}

/* NEW for MC Info site */
body.info .dropdown-menu-ap, body.info .dropdown-menu-ap2, body.info .dropdown-menu-ap3, body.info .dropdown-menu-ap4, body.info .dropdown-menu-ap5, body.info .dropdown-menu-ap6, body.info .dropdown-menu-ap7  {
  /* background: #0072b4; */
	background: #04629c; 
	/* background: linear-gradient(#0072b4, rgba(0, 114, 180, 0.95)); */ 
	background: linear-gradient(#04629c, rgba(4, 98, 156, 0.95)); 

}

@media (min-width: 880px) {
  /* NEW added more dropdown triggers */
  .dropdown-ap:hover, .dropdown-ap2:hover, .dropdown-ap3:hover, .dropdown-ap4:hover, .dropdown-ap5:hover, .dropdown-ap6:hover, .dropdown-ap7:hover {
    background-color: #412062;
  }
	/* NEW for MC Info site */
	body.info .dropdown-ap:hover, body.info .dropdown-ap2:hover, body.info .dropdown-ap3:hover, body.info .dropdown-ap4:hover, body.info .dropdown-ap5:hover, body.info .dropdown-ap6:hover, body.info .dropdown-ap7:hover {
    		/* background: #0072b4; */
	background: #04629c; 
  }

}
/* .dropdown-menu-ap li {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  text-align: left;
  padding: 16px !important;
}
.dropdown-menu-ap li:hover {
  background-color: #2f0e50;
  border-bottom: 1px solid #593b77;
  border-top: 1px solid #593b77;
}
.dropdown-menu-ap li {
  padding: 16px 32px !important;
  white-space: normal;
} */
/* .dropdown-menu-ap lia {
  font-size: 15px !important;
  white-space: normal;
} */


/* NEW makes the entire row in the dropdown a link */
/* NEW added more dropdown triggers */
.dropdown-menu-ap li a, .dropdown-menu-ap2 li a, .dropdown-menu-ap3 li a, .dropdown-menu-ap4 li a, .dropdown-menu-ap5 li a, .dropdown-menu-ap6 li a, .dropdown-menu-ap7 li a {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  text-align: left;
  padding: 16px !important;
}


	 /* NEW for MC Info site */
body.info .dropdown-menu-ap li a:hover, body.info .dropdown-menu-ap2 li a:hover, body.info .dropdown-menu-ap3 li a:hover, body.info .dropdown-menu-ap4 li a:hover, body.info .dropdown-menu-ap5 li a:hover, body.info .dropdown-menu-ap6 li a:hover, body.info .dropdown-menu-ap7 li a:hover {
  background-color: #005e95;
  border-bottom: 1px solid #0376b8;
  border-top: 1px solid #0376b8;
}


/* NEW added more dropdown triggers */
.dropdown-menu-ap li a:hover, .dropdown-menu-ap2 li a:hover, .dropdown-menu-ap3 li a:hover, .dropdown-menu-ap4 li a:hover, .dropdown-menu-ap5 li a:hover, .dropdown-menu-ap6 li a:hover, .dropdown-menu-ap7 li a:hover {
  background-color: #2f0e50;
  border-bottom: 1px solid #593b77;
  border-top: 1px solid #593b77;
}
/* NEW added more dropdown triggers */
.dropdown-menu-ap li a, .dropdown-menu-ap2 li a, .dropdown-menu-ap3 li a, .dropdown-menu-ap4 li a, .dropdown-menu-ap5 li a, .dropdown-menu-ap6 li a, .dropdown-menu-ap7 li a  {
  padding: 16px 32px !important;
  white-space: normal;

	font-weight: 400 !important;/* NEW changes to dropdown menu text style */
}
/* END NEW makes the entire row in the dropdown a link */

/* NEW added more dropdown triggers */
.dropdown-menu-ap lia, .dropdown-menu-ap2 lia, .dropdown-menu-ap3 lia, .dropdown-menu-ap4 lia, .dropdown-menu-ap5 lia, .dropdown-menu-ap6 lia, .dropdown-menu-ap7 lia {
  font-size: 15px !important;
  white-space: normal;
}


@media (min-width: 880px) {
  .globalNavigation__secondary li {
    padding: 1px 0 1px 0;
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 1600px) {
  /*gh#162*/
  /* NEW added more dropdown triggers */
  .dropdown-menu-ap, .dropdown-menu-ap2, .dropdown-menu-ap3, .dropdown-menu-ap4, .dropdown-menu-ap5, .dropdown-menu-ap6, .dropdown-menu-ap7 {
    /* top: 172px; */
	  top: 176px; /* NEW prevents overlap of menu with dropdown */
  }
	/* NEW for MC Info site */
	body.info .dropdown-menu-ap, body.info .dropdown-menu-ap2, body.info .dropdown-menu-ap3, body.info .dropdown-menu-ap4, body.info .dropdown-menu-ap5, body.info .dropdown-menu-ap6, body.info .dropdown-menu-ap7 {
     top: 172px;
  }


  .globalNavigation__secondary li {
    /*gh#110 from 3 to 4*/
    padding: 5px 0 2px 0;
    border-bottom: 1px solid transparent;
  }


	 /* NEW for MC Info site */
body.info .dropdown-ap:hover, body.info .dropdown-ap2:hover, body.info .dropdown-ap3:hover, body.info .dropdown-ap4:hover, body.info .dropdown-ap5:hover, body.info .dropdown-ap6:hover, body.info .dropdown-ap7:hover {
    border-bottom: 1px solid #0376b8;
  }



  /* NEW added more dropdown triggers */
  .dropdown-ap:hover, .dropdown-ap2:hover, .dropdown-ap3:hover, .dropdown-ap4:hover, .dropdown-ap5:hover, .dropdown-ap6:hover, .dropdown-ap7:hover {
    border-bottom: 1px solid #412062;
  }
  /* NEW added more dropdown triggers */
  .dropdown-menu-ap li a, .dropdown-menu-ap2 li a, .dropdown-menu-ap3 li a, .dropdown-menu-ap4 li a, .dropdown-menu-ap5 li a, .dropdown-menu-ap6 li a, .dropdown-menu-ap7 li a {
    /*gh#118*/
    /* font-weight: 400 !important; */


	  font-weight: 400 !important; /* NEW changes to dropdown menu text style */
    text-transform: none; /* NEW changes to dropdown menu text style */
  }
}



/* NEW decreased padding and font size of top menu md size */
@media (min-width: 80em) and (max-width: 100em) {
  #top.globalNavigation__primary .globalNavigation__primary__link.px3 {
    padding-left: 20px;
    padding-right: 20px;
}

#top.globalNavigation__primary .globalNavigation__primary__link.small {
    font-size: 0.7em;
}

	#top .dropdown-menu-top { min-width: 317px;  }

}



/* end gh#82 and gh#92*/
/*gh#105*/
.icon-btn_x {
  width: 20px;
  height: 20px;
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/x_mobile.svg') no-repeat; */
	background: url('/_images/global/x_mobile.svg') no-repeat;
}
.icon-btn_x:hover {
  opacity: 0.6;
}
@media (min-width: 768px) {
  .icon-btn_x {
    width: 25px;
    height: 25px;
  }
}
.icon-search:hover {
  opacity: 0.6;
}

.global-header .icon-search {background-image: none !important;}

/***** MODAL PROPERTIES *****/
.modal-content {
  box-shadow: none;
  background: transparent;
  border: none;
  outline: none;
}
.modal-content iframe {
  border: none;
  padding: 0;
  margin: 0;
}
.close {
  font-size: 80px;
  margin: -20px 0 0 0;
}
/***** MEDIA QUERIES *****/
@media only screen and (max-width: 641px) {
  /***** MODAL PROPERTIES *****/
  .modal-body {
    height: 100px;
    padding: 0;
    margin: 0;
  }
  .modal-content {
    padding: 0;
    margin: 0;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 15px;
  }
  .close {
    margin: -12px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  /***** MODAL PROPERTIES *****/
  .close {
    font-size: 30px;
    color: white;
    margin: 30px -43px -20px 100px;
  }
}
.hero {
  overflow: hidden;
}
.hero img {
  min-width: 100%;
  /* remove min-height gh#74*/
  /*min-height: 100%;*/
  /* gh#74*/
  display: block;
}
.hero iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero .hero__caption_landing {
  padding: 60px 60px 50px 75px;
}
.hero__landing {
  width: 100%;
  height: 0;
  padding-bottom: 93.75%;
  overflow: hidden;
  padding-bottom: 64.75%;
  /*gh#170*/
}
.hero__landing img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.hero__landing .landinghero {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/WhyMC_large-top_1920x500.jpg'); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  min-height: 500px;
  margin: -24px 0px 0px -76px;
}

/* NEW had to adjust because MC is not using background images for hero images in the CMS
 .hero__landing .landinghero img {
  object-fit: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  min-height: 500px;
  margin: -24px 0px 0px -76px;
}    */

@media (min-width: 768px) {
  .hero__landing .landinghero {
    margin: 86px 0px 0px -76px;
  }

  /* NEW had to adjust because MC is not using background images for hero images in the CMS
 .hero__landing .landinghero img {
     margin: 86px 0px 0px 0px;
  }
*/

}
@media (min-width: 880px) {
  .hero__landing .landinghero {
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .hero__landing {
    width: 100%;
    height: 0;
    padding-bottom: 65.10416667%;
    overflow: hidden;
    padding-bottom: 68.5%;
    background-color: #ffffff;
  }
  .hero__landing img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -42%);
  }
}
@media (min-width: 768px) {
  .hero__landing {
    padding-bottom: 0;
    height: auto;
  }
  .hero__landing img {
    position: relative;
    transform: none;
    z-index: 1;
    left: auto;
    top: auto;
  }
  .hero__landing:before {
    content: '';
    position: absolute;
    height: 80%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 2;
  }
}
.heroSlider {
  background: #000000;
  /*gh#94*/
  /*iphone4*/
  /*iphone6*/
  /*iphone5*/
  /*iphone6*/
  /*iphone6/7plus*/
  /*tablet*/
  /*end gh#94*/
  /*gh#121*/
  /*gh#122*/
}
.heroSlider .gallery-cell {
  width: 100%;
}
.heroSlider .gallery-cell:nth-child(1n+2) {
  display: none;
}
.heroSlider .prevNext-container {
  transition: opacity 0.2s;
  height: 100%;
  width: 75px;
  /*gh#94*/
  opacity: 1;
  /*end gh#94*/
  display: none;
}
.heroSlider .prevNext-container button {
  /* gh#94*/
  width: 57px;
  height: 85px;
  /*end gh#94*/
  border-radius: 0;
  padding: 0;
}
.heroSlider .prevNext-container button:focus {
  outline: none;
}
.heroSlider .prevNext-container:hover {
  opacity: 1;
}
.heroSlider.flickity-enabled .gallery-cell {
  display: block;
}
.heroSlider .hero__caption {
  position: static;
  text-align: left;
}
.heroSlider .btn {
  display: none;
}
.heroSlider .video-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 93.75%;
  position: relative;
  overflow: hidden;
}
.heroSlider .video-wrapper iframe {
  width: 100%;
  height: 100%;
}
.heroSlider .gallery-cell__image,
.heroSlider .gallery-cell__video {
  width: 100%;
  height: 0;
  padding-bottom: 93.75%;
  position: relative;
  margin-top: -32.1%;
}
@media (min-width: 768px) {
  .heroSlider .gallery-cell__image,
  .heroSlider .gallery-cell__video {
    /*gh94, gh#121*/
    margin-top: -24%;
  }
}
.heroSlider .gallery-cell__image img,
.heroSlider .gallery-cell__video img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* max-width: none;
      max-height: 100%;*/
  transform: translate(-50%, -22.7%);
}
.no-csstransforms .heroSlider .gallery-cell__image img,
.no-csstransforms .heroSlider .gallery-cell__video img {
  top: 0;
  left: 0;
}
@media (min-width: 880px) {
  .heroSlider .gallery-cell__image,
  .heroSlider .gallery-cell__video {
    min-height: 500px;
  }
}
@media (min-width: 768px) {
  .heroSlider .hero__caption.hero__caption--alt {
    bottom: auto;
    top: 50%;
    transform: translateY(0%);
    /*gh#121*/
  }
    .heroSlider .hero__caption.hero__caption--alt .btn, .heroSlider .hero__caption .btn /* NEW added for other slider buttons */ {
    margin-bottom: 40px;
  }
}
.heroSlider .prevNext-container {
  display: block;
}
.heroSlider .btn {
  display: inline-block;
}
.heroSlider .absolute-center-y {
  top: 86px;
  transform: translate(0%, -20%);
}
.heroSlider .icon-btn_next {
  width: 32px !important;
  height: 47px !important;
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/next_arrow_default.png'); */
	background-image: url('/_images/global/next_arrow_default.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.heroSlider .icon-btn_next:hover {
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/next_arrow_hover.png'); */
	background-image: url('/_images/global/next_arrow_hover.png');
}
.heroSlider .icon-btn_prev {
  width: 32px !important;
  height: 47px !important; 
	/* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/prev_arrow_default.png'); */
	 background-image: url('/_images/global/prev_arrow_default.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.heroSlider .icon-btn_prev_hover:hover {
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/prev_arrow_hover.png'); */
	background-image: url('/_images/global/prev_arrow_hover.png');
}
@media (min-width: 320pxem) {
  .heroSlider .absolute-center-y {
    top: 86px;
  }
}
@media (min-width: 375px) {
  .heroSlider .absolute-center-y {
    top: 105px;
  }
}
@media (min-width: 414px) {
  .heroSlider .absolute-center-y {
    top: 110px;
  }
}
@media (min-width: 480px) {
  .heroSlider .absolute-center-y {
    top: 130px;
  }
}
@media (min-width: 568px) {
  .heroSlider .absolute-center-y {
    top: 155px;
  }
}
@media (min-width: 667px) {
  .heroSlider .absolute-center-y {
    top: 188px;
  }
}
@media (min-width: 736px) {
  .heroSlider .absolute-center-y {
    top: 210px;
  }
}
@media (min-width: 48em) and (max-width: 54.9375em) {
  .heroSlider .icon-btn_next,
  .heroSlider .icon-btn_next:hover {
    width: 57px !important;
    height: 85px !important;
  }
  .heroSlider .icon-btn_prev,
  .heroSlider .icon-btn_prev_hover:hover {
    width: 57px !important;
    height: 85px !important;
  }
  .heroSlider .absolute-center-y {
    top: 270px;
    transform: translate(0%, -20%);
  }
}
@media (min-width: 800px) {
  .heroSlider .absolute-center-y {
    top: 280px;
  }
}
@media (min-width: 880px) {
  .heroSlider .icon-btn_next,
  .heroSlider .icon-btn_next:hover {
    width: 57px !important;
    height: 85px !important;
    margin-top: 0 !important;
  }
  .heroSlider .icon-btn_prev,
  .heroSlider .icon-btn_prev_hover:hover {
    width: 57px !important;
    height: 85px !important;
    margin-top: 0 !important;
  }
  .heroSlider .absolute-center-y {
    top: 45%;
    transform: translate(0%, -20%);
  }
}
.heroSlider .hero__caption.hero__caption--alt .btn, .heroSlider .hero__caption .btn /* NEW added for other slider buttons */ {
  margin-top: 25px;
  font-size: 16px;
  line-height: 22px;
  height: 56px;
  background-color: #28a689;
}
.heroSlider .hero__caption.hero__caption--alt .btn i, .heroSlider .hero__caption .btn i /* NEW added for other slider buttons */ {
  width: 15px;
  height: 15px;
  margin-left: 20px;
}
.heroSlider .hero__caption.hero__caption--alt .btn:hover, .heroSlider .hero__caption .btn:hover /* NEW added for other slider buttons */  {
  background-color: #1e7d67;
}
@media (min-width: 880px) {
  .heroSlider {
    /*change 80em to 55em for gh#97 */
  }
  .heroSlider .gallery-cell__image,
  .heroSlider .gallery-cell__video {
    margin-top: 0%;
  }
  .heroSlider .gallery-cell__image img,
  .heroSlider .gallery-cell__video img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: 100%;
    transform: translate(-60%, -50%);
  }
  .no-csstransforms .heroSlider .gallery-cell__image img,
  .no-csstransforms .heroSlider .gallery-cell__video img {
    top: 0;
    left: 0;
  }
  .heroSlider .gallery-cell__image:before {
    content: '';
    position: absolute;
    height: 80%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 1;
  }
  .heroSlider .gallery-cell__image--alt:before {
    display: none;
  }
  .heroSlider .gallery-cell__image,
  .heroSlider .gallery-cell__video {
    width: 100%;
    height: 0;
    padding-bottom: 36.45833333%;
  }
  .heroSlider .video-wrapper {
    position: static;
    height: auto;
  }
  .heroSlider .hero__caption {
    position: absolute;
  }
  .heroSlider .hero__caption.hero__caption--alt {
    background: none;
    max-width: 1100px;
    padding-right: 0;
    transform: translateY(-50%);
  }
  .heroSlider .hero__caption.hero__caption--alt h3,
  .heroSlider .hero__caption.hero__caption--alt .h3 {
    font-family: "kepler-std-display", serif;
    font-weight: 500;
    font-size: 110px;
    line-height: 0.8;
    width: 70%;
  }
  .heroSlider .hero__caption.hero__caption--alt p {
    /*gh#94*/
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    width: 65%;
  }
  .heroSlider .hero__caption.hero__caption--alt .btn, .heroSlider .hero__caption .btn /* NEW added for other slider buttons */ {
    margin-top: 25px;
    font-size: 16px;
    line-height: 22px;
    height: 56px;
    /*gh#121*/
    margin-bottom: 0px;
    background-color: #28a689;
  }
  	  .heroSlider .hero__caption.hero__caption--alt .btn[href^="/admissions-registration/application.html"]:hover, .heroSlider .hero__caption .btn[href^="/admissions-registration/application.html"]:hover /* NEW added orange button for apply link */ {
    background-color: #ff3407;
  }


  .heroSlider .hero__caption.hero__caption--alt .btn i, .heroSlider .hero__caption .btn i /* NEW added for other slider buttons */ {
    width: 15px;
    height: 15px;
    margin-left: 20px;
  }
  .heroSlider .hero__caption.hero__caption--alt .btn:hover, .heroSlider .hero__caption .btn:hover /* NEW added for other slider buttons */ {
    background-color: #1e7d67;
  }
}

  .heroSlider .hero__caption.hero__caption--alt .btn[href^="/admissions-registration/application.html"], .heroSlider .hero__caption .btn[href^="/admissions-registration/application.html"] /* NEW added orange button for apply link */ {
    background-color: #ff5e3a;
  }



@media (min-width: 880px) and (min-width: 65em) {
  .heroSlider .gallery-cell__image img,
  .heroSlider .gallery-cell__video img {
    transform: translate(-53.5%, -50%);
  }
}
@media (min-width: 880px) and (min-width: 1280px) {
  .heroSlider .gallery-cell__image img,
  .heroSlider .gallery-cell__video img {
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 1280px) {
  .heroSlider .hero__caption.hero__caption--alt h3,
  .heroSlider .hero__caption.hero__caption--alt .h3 {
    font-family: "kepler-std-display", serif;
    font-weight: 500;
    font-size: 145px;
    /* line-height: 0.8; */
    line-height: 1; /* NEW decender clears text below */
    width: 80%;
  }
  .heroSlider .hero__caption.hero__caption--alt p {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    width: 65%;
  }
}
@media (min-width: 1600px) {
  .heroSlider .hero__caption.hero__caption--alt {
    max-width: 85%;
  }
  .heroSlider .hero__caption.hero__caption--alt h3,
  .heroSlider .hero__caption.hero__caption--alt .h3 {
    font-size: 175px;
    font-size: 9.5vw;
         /* line-height: 0.80; */
    line-height: 1; /* NEW decender clears text below */
    width: 70%;
  }
  .heroSlider .hero__caption.hero__caption--alt p {
    font-size: 15px;
    font-size: .95vw;
    line-height: 1.5;
    font-weight: 400;
    width: 55%;
  }
  .heroSlider .hero__caption.hero__caption--alt .no-csstransforms h3,
  .heroSlider .hero__caption.hero__caption--alt .no-csstransforms .h3 {
    font-size: 175px;
    line-height: 0.80;
    width: 80%;
  }
  .heroSlider .hero__caption.hero__caption--alt .no-csstransforms p {
    font-size: 15px;
    line-height: 1.5;
    width: 50%;
  }
  .no-ie8compat.no-csstransitions .heroSlider .hero__caption.hero__caption--alt h3,
  .no-ie8compat.no-csstransitions .heroSlider .hero__caption.hero__caption--alt .h3 {
    font-size: 175px;
    line-height: 0.80;
    width: 80%;
  }
  .no-ie8compat.no-csstransitions .heroSlider .hero__caption.hero__caption--alt p {
    font-size: 15px;
    line-height: 1.5;
    width: 50%;
  }
}
.hero__caption {
  background: #000000;
  color: #ffffff;
  padding: 30px 20px;
}
.hero__caption h3,
.hero__caption .h3 {
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .hero__caption {
    background: none;
    position: absolute;
    /* gh#121 */
    bottom: 50px;
    left: 0;
    text-align: left;
    padding: 0px 36px;
    /*gh#130*/
    z-index: 2;
  }
}
@media (min-width: 880px) {
  .hero__caption {
    /*gh#97 change from 88em to 55em*/
    /*gh#121, gh#97 change from 75 to 105*/
    bottom: 0px;
    padding: 60px 60px 50px 105px;
  }
   > .hero__caption h1,
   > .hero__caption h2,
   > .hero__caption h3,
   > .hero__caption h4,
   > .hero__caption h5,
   > .hero__caption h6,
   > .hero__caption p,
   > .hero__caption .h1,
   > .hero__caption .h2,
   > .hero__caption .h3,
   > .hero__caption .h4,
   > .hero__caption .h5,
   > .hero__caption .h6,
   > .hero__caption p {
    width: 80%;
    max-width: 820px;
  }
  .gallery-cell__video + .hero__caption {
    transform: translateY(-50%);
    text-align: center;
    padding: 0 190px;
    top: 50%;
    bottom: auto;
    background: none;
  }
   > .gallery-cell__video + .hero__caption h1,
   > .gallery-cell__video + .hero__caption h2,
   > .gallery-cell__video + .hero__caption h3,
   > .gallery-cell__video + .hero__caption h4,
   > .gallery-cell__video + .hero__caption h5,
   > .gallery-cell__video + .hero__caption h6,
   > .gallery-cell__video + .hero__caption p,
   > .gallery-cell__video + .hero__caption .h1,
   > .gallery-cell__video + .hero__caption .h2,
   > .gallery-cell__video + .hero__caption .h3,
   > .gallery-cell__video + .hero__caption .h4,
   > .gallery-cell__video + .hero__caption .h5,
   > .gallery-cell__video + .hero__caption .h6,
   > .gallery-cell__video + .hero__caption p {
    width: 100%;
    max-width: 100%;
  }
  .gallery-cell__video + .hero__caption .playVideo {
    position: relative;
    width: 52px;
    height: 52px;
    display: block;
    margin: 1em auto;
  }
  .gallery-cell__video + .hero__caption .playVideo .icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media (max-width: 768px) {
  /* NEW sets title size for the first slide only on mobile */
	.heroSlider .hero__caption.hero__caption--alt .h3  {
    font-size: 40px;
    line-height: 45px;
  }

}

.heroSlider-nav {
  border: 1px solid #ffffff;
  display: none;
  /*gh#119*/
  z-index: 2;
}
.heroSlider-nav.flickity-enabled {
  /*gh#94*/
  display: none;
}
@media (min-width: 880px) {
  .heroSlider-nav.flickity-enabled {
    /*gh#94, gh#119*/
    display: block;
    max-height: 110px;
    height: 100%;
    /*gh#94*/
  }
}
.heroSlider-nav .playVideo {
  width: 100%;
  height: 0;
  padding-bottom: 68.42105263%;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.heroSlider-nav .playVideo .icon {
  width: 45px;
  height: 45px;
}
.heroSlider-nav small {
  line-height: 1.666666667;
  letter-spacing: -0.03em;
}
.heroSlider-nav .gallery-cell__image,
.heroSlider-nav .gallery-cell__video {
  transition: opacity 0.175s,
      width 0.175s,
      height 0.175s,
      top 0.175s,
      bottom 0.175s;
}
.heroSlider-nav .gallery-cell {
  width: 43.75%;
  height: 0;
  padding-bottom: 33.40053763%;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.heroSlider-nav .gallery-cell.is-selected:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(81, 35, 127, 0.75);
  z-index: 1;
}
.heroSlider-nav .gallery-cell.is-selected:hover:before {
  display: none;
}
@media (min-width: 880px) {
  .heroSlider-nav .gallery-cell {
    /*gh#97 change 80em to 55em*/
    /*gh#119*/
    width: 16.6667%;
    height: 0;
    padding-bottom: 6.2500125%;
    height: 100%;
    padding-bottom: 110px;
    /*gh#119*/
  }
  .heroSlider-nav .gallery-cell:hover {
    z-index: 2;
    overflow: visible;
  }
  .heroSlider-nav .gallery-cell:hover .playVideo {
    top: 0;
    transform: translateY(0);
  }
  .heroSlider-nav .gallery-cell:hover .playVideo .icon {
    width: 60px;
    height: 60px;
  }
  .heroSlider-nav .gallery-cell:hover .p3 {
    padding: 32px 30px 32px 30px;
  }
  .heroSlider-nav .gallery-cell:hover .gallery-cell__caption {
    min-height: 40%;
  }
  .heroSlider-nav .gallery-cell:hover .gallery-cell__caption,
  .heroSlider-nav .gallery-cell:hover .gallery-cell__caption > * {
    opacity: 1 !important;
  }
  .heroSlider-nav .gallery-cell:hover .gallery-cell__caption small {
    font-weight: 100;
    margin-top: -20px;
  }
  .heroSlider-nav .gallery-cell:hover .gallery-cell__image,
  .heroSlider-nav .gallery-cell:hover .gallery-cell__video {
    height: 380%;
    width: 115%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    background-color: #51237f;
  }
}
@media (min-width: 880px) and (min-width: 1600px) {
  .heroSlider-nav .gallery-cell {
    padding-bottom: 120px;
  }
}
@media (min-width: 880px) and (min-width: 1920px) {
  .heroSlider-nav .gallery-cell {
    padding-bottom: 6%;
  }
}
.heroSlider-nav .flickity-viewport {
  overflow: visible;
}
@media (min-width: 1280px) {
  .heroSlider-nav .flickity-prev-next-button {
    display: none;
  }
}
.gallery-cell__image,
.gallery-cell__video {
  overflow: hidden;
}
.gallery-cell__image img,
.gallery-cell__video img {
  max-width: 100%;
}
.gallery-cell__caption {
  color: #ffffff;
  background: #51237f;
  opacity: 0;
}
.gallery-cell__caption > * {
  transition: opacity 0.175s 0.175s !important;
  opacity: 0 !important;
}
.heading {
  background-color: #ffffff;
}
.heading h1,
.heading .h1,
.heading h2,
.heading .h2,
.heading h3,
.heading .h3,
.heading h4,
.heading .h4,
.heading h5,
.heading .h5,
.heading h6,
.heading .h6 {
  font-family: "roboto", sans-serif;
  font-weight: 200;
  color: #333333;
}
.home .heading h1,
.home .heading .h1 {
  padding-top: .571428571em;
}
.heading p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.heading .btn {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.heading__wrapper {
  width: 83.75%;
  max-width: 840px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .heading__wrapper {
    /*gh#98*/
    width: 70%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .heading__wrapper {
    /*gh#98*/
    width: 60%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.deck {
  background-color: #f0f0f0;
}
.deck .learn-more {
  margin: 25px;
}
.deck__wrapper {
  max-width: 1440px;
}
.deck__card__back {
  display: none;
}
.deck__card__wrapper {
  overflow: hidden;
}
.deck__card__wrapper img {
  display: block;
  min-width: 100%;
}
a.deck__card__front {
  color: #666666;
  font-weight: inherit;
}
a.deck__card__front:hover h5 {
  text-decoration: none;
}
@media (min-width: 1280px) {
  a.deck__card__front:hover h5 {
    text-decoration: underline;
  }
}
a.deck__card {
  color: #666666;
  font-weight: inherit;
}
@media (min-width: 1280px) {
  a.deck__card:hover h5,
  a.deck__card:hover .learn-more {
    text-decoration: underline;
  }
}
.deck__card__back {
  font-family: "roboto", sans-serif;
  background: #333333;
  font-size: 30px;
  line-height: 2;
  z-index: 1;
}
.deck__card__back li:after {
  content: '';
  display: block;
  width: 78%;
  border-bottom: 1px solid rgba(139, 139, 139, 0.24);
  margin: 0 auto;
}
.deck__card__back li:last-child:after {
  display: none;
}
.deck__card__back a {
  font-weight: 200;
  /*gh#93*/
  transition: background 0.2s;
  color: #ffffff;
  padding: 8px;
  display: block;
}
.deck__card__back a:hover {
  background-color: #28a689;
}
.deck__card__content {
  background-color: #51237f;
  color: #ffffff;
  font-size: 15px;
  /*gh#124*/
  height: 73px;
  line-height: 73px;
}
.deck__card__content p {
  line-height: 25px;
  letter-spacing: -0.01em;
}
.deck__card__content h5,
.deck__card__content .h5 {
  /*gh#124*/
  font-family: "open-sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: -0.02em;
  font-size: 18px;
  vertical-align: middle;
  line-height: normal;
  padding: 0 20px 0 20px;
}
@media (min-width: 768px) {
  .deck {
    padding: 24px;
  }
  .deck__card {
    border: 24px solid transparent;
  }
}
@media (min-width: 1280px) {
  .deck {
    padding-top: 60px;
  }
  .deck__card {
    border: none;
  }
  .deck__card__content {
    /* padding: 25px; */
	padding: 5px 25px 25px 25px; /* reduced top padding to prevent overlap when larger learn more links were added */
    background-color: transparent;
    color: inherit;
    text-align: left;
    line-height: normal; 
  }
	.deck__card__content p {
     line-height: 1.55; /* reduced line height to prevent overlap when larger learn more links were added */
}
	
	
  .deck__card__content h5,
  .deck__card__content .h5 {
    font-family: "open-sans", sans-serif;
    text-transform: none;
    font-size: 20px; 
    padding: 24px 0 6px 0;
    margin-bottom: 4px;
  }
  .deck__card:nth-child(1n+4) {
    margin-top: 15px;
  }
  .deck__card {
    padding: 10px;
    perspective: 1000;
    transform-style: preserve-3d;
  }
  .deck__card__wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 130%;
    transition: 0.4s;
    position: relative;
    overflow: visible;
  }
  .deck__card__front,
  .deck__card__back {
    transition: 0.8s;
    /*gh#123 from 0.4s*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    transform-style: preserve-3d;
  }
  .deck__card__front {
    transform: translateZ(0) rotateY(0deg);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: #ffffff;
  }
  .deck__card__back {
    transform: translateZ(0) rotateY(-180deg);
    display: block;
    opacity: 0;
  }
  .no-csstransitions .deck__card__back {
    display: none;
  }
  div.deck__card:hover .deck__card__front {
    transform: translateZ(0) rotateY(-180deg);
  }
  div.deck__card:hover .deck__card__back {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
.campuses__card__wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 81.74603175%;
  /*gh#126 -686*/
  padding-bottom: 0px;
}
.campuses__card__content {
  /*gh#125*/
  background: rgba(255, 255, 255, 0.9);
  min-height: auto;
  float: left;
  position: static;
  padding: 10px 10px;
  border-bottom: 1px solid rgba(92, 92, 92, 0.1);
  /*end gh#125*/
}

.campuses__card__content .py1  p {
    line-height: 1.3;
    padding-bottom: 7px;
}

.campuses__card__content .py1  p:last-child { 
    padding-bottom: 0px;
}


.campuses__card__content h1,
.campuses__card__content .h1,
.campuses__card__content h2,
.campuses__card__content .h2,
.campuses__card__content h3,
.campuses__card__content .h3,
.campuses__card__content h4,
.campuses__card__content .h4,
.campuses__card__content h5,
.campuses__card__content .h5,
.campuses__card__content h6,
.campuses__card__content .h6 {
  font-family: "open-sans", sans-serif;
  font-weight: 700;
}
.campuses__card__content h6,
.campuses__card__content .h6 {
  padding-top: 23px;
}
.campuses__card__content a {
  display: block;
  color: #666666;
  font-weight: bold;
  padding-bottom: 13px;
}
@media (min-width: 768px) {
  .campuses__card__wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 67.05729167%;
    /*gh#126-686*/
  }
  .campuses__card__wrapper .fill {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
  }
  .campuses__card__wrapper img {
    position: relative;
  }
  /*gh#125*/
  .campuses__card__content {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 30px;
    position: relative;
    /*gh#126*/
    border-bottom: 0px solid rgba(92, 92, 92, 0.1);
    /*end gh#125*/
  }
  .campuses__card__content h6,
  .campuses__card__content .h6 {
    padding-top: 0px;
  }
  .campuses__card__content a {
    padding-bottom: 0px;
  }
  .campuses__card:nth-child(1) {
    padding-right: 4px;
  }
  .campuses__card:nth-child(2) {
    padding-left: 2px;
    padding-right: 2px;
  }
	.campuses__card:nth-child(3) {
		/* NEW camuses *//* padding-right: 2px;
		padding-top: 6px; */

		padding-right: 0px;
		padding-top: 0px;
		padding-left: 4px;
	}
	.campuses__card:nth-child(4) {
		/* NEW camuses */
		/* padding-left: 4px; */
		padding-top: 6px;
		/* NEW camuses */
		padding-right: 4px;
		clear: left;
	}
  .campuses__card:nth-child(5) {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
  }
  .campuses__card:nth-child(6) {
    padding-left: 4px;
    padding-top: 6px;
  }
  /*end gh#125*/
}
@media (min-width: 880px) {
  .campuses__card__wrapper .fill {
    width: 100%;
    height: auto;
    max-height: 290px;
    object-fit: cover;
  }
  .campuses__card:nth-child(1) {
    padding-right: 4px;
  }
  .campuses__card:nth-child(2) {
    padding-left: 2px;
    padding-right: 2px;
  }
  .campuses__card:nth-child(3) {
    padding-left: 4px;
    /* NEW camuses */ /* padding-top: 2px; */
  }
  .campuses__card:nth-child(4) {
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 6px;
	  	  /* NEW camuses */
	  clear: left;
  }
  .campuses__card:nth-child(5) {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
  }
  .campuses__card:nth-child(6) {
    padding-left: 4px;
    padding-top: 6px;
  }
}
@media (min-width: 1280px) {
  .campuses__card__wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 81.74603175%;
    /*gh#126 - 686*/
  }
  .campuses__card__wrapper .fill {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: initial;
  }
  .campuses__card__wrapper img {
    position: absolute;
  }
  .campuses__card:nth-child(1) {
    padding-right: 6px;
  }
  .campuses__card:nth-child(2) {
    padding-left: 3px;
    padding-right: 3px;
  }
  .campuses__card:nth-child(3) {
    padding-left: 6px;
  }
  /*gh#125*/
  .campuses__card:nth-child(4) {
    padding-right: 6px;
    padding-top: 9px;
  }
  .campuses__card:nth-child(5) {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 9px;
  }
  .campuses__card:nth-child(6) {
    padding-left: 6px;
    padding-top: 9px;
  }
  /*end gh#125*/
  .campuses__card__content {
    /*gh#126*/
    padding: 28px 20px 18px 20px;
    position: absolute;
  }
}
.newsEvents {
  padding-top: 25px;
  padding-bottom: 25px;
}
.newsEvents hr {
  border: none;
  border-bottom: 1px solid rgba(92, 92, 92, 0.1);
  padding: 10px 0;
}
.newsEvents h1,
.newsEvents .h1,
.newsEvents h2,
.newsEvents .h2,
.newsEvents h3,
.newsEvents .h3,
.newsEvents h4,
.newsEvents .h4,
.newsEvents h5,
.newsEvents .h5,
.newsEvents h6,
.newsEvents .h6 {
  font-family: "roboto", sans-serif;
  margin-bottom: 20px;
}
.newsEvents h3,
.newsEvents .h3 {
  padding-left: 16px;
  padding-right: 16px;
}
.newsEvents__wrapper {
  max-width: 1600px;
}
.newsEvents-block .newsEvents__item {
  display: block;
}
.newsEvents-block .newsEvents__item h1,
.newsEvents-block .newsEvents__item .h1,
.newsEvents-block .newsEvents__item h2,
.newsEvents-block .newsEvents__item .h2,
.newsEvents-block .newsEvents__item h3,
.newsEvents-block .newsEvents__item .h3,
.newsEvents-block .newsEvents__item h4,
.newsEvents-block .newsEvents__item .h4,
.newsEvents-block .newsEvents__item h5,
.newsEvents-block .newsEvents__item .h5,
.newsEvents-block .newsEvents__item h6,
.newsEvents-block .newsEvents__item .h6 {
  font-family: "open-sans", sans-serif;
  font-weight: 600;
  line-height: 1.166666667;
  margin-bottom: 6px;
}
.newsEvents-block a {
  color: #666666;
}
.newsEvents__events .newsEvents__item {
  background: #f0f0f0;
  margin-bottom: 18px;
  /*gh#127*/
  display: none;
}
.newsEvents__events .newsEvents__item:nth-of-type(1),
.newsEvents__events .newsEvents__item:nth-of-type(2) {
  display: block;
}
.newsEvents__events .newsEvents__item a {
  transition: background 0.2s, color 0.2s;
}
.newsEvents__events .newsEvents__item a:hover {
  background-color: #333333;
  color: #ffffff;
}
.newsEvents__events .newsEvents__item a:hover .newsEvents__event__date {
  background-color: #333333;
}
.newsEvents__item {
  background-color: #ffffff;
}
.detailSidebar__section .newsEvents__item {
  margin-bottom: 9px;
}
.newsEvents__event__date {
  transition: background 0.2s;
  padding: 10px;
  background-color: #51237f;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
}
.newsEvents__event__date strong {
  font-size: 59px;
  display: block;
}
.newsEvents__event__description {
  padding: 20px 25px;
  line-height: 1.25;
}
.newsEvents__news {
  padding-top: 25px;
}
.newsEvents__news .newsEvents__item {
  padding-left: 16px;
  padding-right: 16px;
  /*gh#127*/
  display: none;
  /*gh#127*/
}
.newsEvents__news .newsEvents__item a {
  border-bottom: 1px solid rgba(92, 92, 92, 0.1);
  padding-bottom: 18px;
}
.newsEvents__news .newsEvents__item:nth-of-type(1),
.newsEvents__news .newsEvents__item:nth-of-type(2) {
  display: block;
}
.newsEvents__news .newsEvents__item:nth-child(1n+2) a {
  padding-top: 18px;
}
.newsEvents__news .newsEvents__item:last-child a {
  border-bottom: none;
}
.newsEvents__news a:hover .newsEvents__item__title {
  text-decoration: underline;
}
.newsEvents__news__category {
  display: inline-block;
  line-height: 30px;
  color: #ffffff;
  border-radius: 3px;
  text-align: center;
  padding-left: 14px;
  padding-right: 14px;
  /* background: #d0d0d0; */
  /* background: #666666; */
	background: #28a689; /* NEW changes for news rss feeds */
  margin-bottom: 10px;
}


/* NEW changes for news rss feeds */

.newsEvents-block .newsEvents__item small.newsEvents__news__category   {margin-right: 1px;}
.newsEvents-block .newsEvents__item small.newsEvents__news__category:hover   {opacity: .9;}

.newsEvents__news__category.featured,
.newsEvents__news__category.uncategorized,
.newsEvents__news__category.press-releases,
.newsEvents__news__category.mc-in-the-news { display: none; }

.newsEvents__news__category.student-life,
.newsEvents__news__category.student-success  {
  /* background-color: #ff5e3a; */
	background-color: #28a689;
}


.newsEvents__news__category.scholarships,
.newsEvents__news__category.honors {
  /* background-color: #ff5e3a; */
	background-color: #d0d0d0;
	color: #666666;
}


.newsEvents__news__category.athletics,
.newsEvents__news__category.sports,
.newsEvents__news__category.events {
  background-color: #51237f;
}
.newsEvents__news__category.arts {
  	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
}
.newsEvents__news__category.alumni {
  background-color: #666666;
}

/* END NEW changes for news rss feeds */



.newsEvents__news__category.category-student-life {
  background-color: #ff5e3a;
}
.newsEvents__news__category.category-athletics {
  background-color: #51237f;
}
.newsEvents__news__category.category-wellness {
  	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
}
@media (min-width: 768px) {
  .newsEvents-block h3,
  .newsEvents-block .h3 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 26px;
    color: #333333;
    /*gh#93*/
  }
  .newsEvents__event__date {
    padding: 14px;
  }
  .newsEvents__events {
    padding-left: 40px;
    padding-right: 20px;
  }
  .newsEvents__news {
    padding-top: 0;
    padding-right: 40px;
    padding-left: 20px;
  }
  .newsEvents__news .newsEvents__item {
    padding: 0;
    /*gh#127*/
    display: block;
  }
  /*gh#127*/
  .newsEvents__events .newsEvents__item {
    display: block;
  }
}
@media (min-width: 1280px) {
  .newsEvents__news__category {
    line-height: 25px;
    border-radius: 0;
  }
  .truncate {
    white-space: normal;
  }
  .newsEvents-block {
    padding: 0 80px;
  }
  .newsEvents {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.educationForYou__wrapper {
  width: 100%;
  max-width: 1800px;
}
@media (min-width: 768px) {
  .educationForYou__wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.educationForYou__item {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/mobile_btn_bar.png'); */
	background: url('/_images/global/mobile_btn_bar.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 20px;
  margin-bottom: 13px;
  min-height: 92px;
}
.educationForYou__item a {
  font-weight: 700;
}
.educationForYou__item p {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.01em;
  padding-top: 7px;
}
.educationForYou__item .icon {
  width: 60px;
  height: 60px;
}
.educationForYou__item p {
  display: none;
}
@media (min-width: 768px) {
  .educationForYou__item {
    border: 10px solid transparent;
  }
  .educationForYou__item .icon {
    width: 56px;
    height: 56px;
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 1280px) {
  .educationForYou__item {
    background: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 55px;
    border: none;
  }
  .educationForYou__item p {
    display: block;
  }
  .educationForYou__item .icon {
    width: 70px;
    height: 70px;
    margin: 24px 0 24px 24px;
  }
  .educationForYou__item .icon__wrapper {
    /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/desktop_btn_circle.png'); */
	  background-image: url('/_images/global/desktop_btn_circle.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    text-align: left;
  }
}
@media (min-width: 1600px) {
  .educationForYou__item {
    padding-left: 100px;
    padding-right: 100px;
  }
  .educationForYou__item .icon {
    margin: 40px 0 40px 40px;
  }
}
.educationForYou__item__caption {
  padding-left: 15px;
}
.educationForYou__item__caption h4,
.educationForYou__item__caption .h4 {
  color: #51237f;
  text-transform: capitalize;
}
@media (min-width: 1280px) {
  .educationForYou__item__caption {
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .educationForYou__item__caption {
    padding-left: 15px;
  }
}
/* .socialWall {
  padding: 5px 0;
}
.socialWall p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .socialWall__item {
    border: 5px solid #ffffff;
  }
  .socialWall__item__wrapper:first-of-type .socialWall__item {
    border-left: none;
  }
  .socialWall__item__wrapper:last-of-type .socialWall__item {
    border-right: none;
  }
}
@media (min-width: 1280px) {
  .socialWall__item {
    width: 100%;
    height: 0;
    padding-bottom: 57.29166667%;
  }
  .md-col-3 .socialWall__item {
    width: 100%;
    height: 0;
    padding-bottom: 114.58333333%;
  }
}
.socialWall__item-video {
  color: #666666;
}
.socialWall__item-video iframe {
  width: 100%;
}
.socialWall__item-video .socialWall__item__title {
  color: #ff5e3a;
  margin-bottom: 20px;
}
.socialWall__item-video a {
  color: #28a689;
}
.socialWall__item-video a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .socialWall__item-video {
    margin-bottom: 0;
  }
  .socialWall__item-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
.socialWall__video__caption {
  height: 100%;
  padding: 30px 25px;
  top: 100%;
}
.socialWall__item-media {
  background: #666666;
  color: #ffffff;
  padding-top: 20px;
}
.socialWall__item-media .btn {
  margin-top: 10px;
  margin-bottom: 20px;
}
.socialWall__item-media img {
  margin: 25px 0;
}
.socialWall__item-media h6,
.socialWall__item-media .h6,
.socialWall__item-media p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.socialWall__item-media .h6 {
  font-weight: bold;
}
@media (min-width: 768px) {
  .socialWall__item-media {
    padding-top: 0;
  }
  .socialWall__item-media .btn {
    width: 85%;
  }
  .socialWall__item-media img {
    margin: 10px  0;
  }
}
@media (min-width: 1280px) {
  .socialWall__item-media img {
    display: none;
  }
  .socialWall__item-media .btn {
    width: auto;
  }
  .socialWall__item-media > .md-absolute {
    padding-bottom: 75px;
    padding-top: 0;
  }
} */
.socialWall__mediaLinks {
  margin-top: 25px;
  background-color: #f0f0f0;
  color: #666666;
}
.socialWall__mediaLinks a {
  border-left: 1px solid #ccc;
  border-left: 1px solid rgba(102, 102, 102, 0.1);
  height: 75px;
}
.socialWall__mediaLinks a:first-child {
  border: none;
}
.socialWall__mediaLinks a:hover {
  background-color: #ffffff;
}
.socialWall__mediaLinks img {
  display: block !important;
  visibility: visible !important;
  position: static !important;
  width: 80% !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
}
/* .socialWall__item-figure {
  background: #51237f;
  color: #ffffff;
}
.socialWall__item-figure .table {
  padding: 44px;
}
.socialWall__item-figure .figure-value {
  font-size: 136px;
  font-family: "open-sans", sans-serif;
  line-height: 1;
}
@media (min-width: 1280px) {
  .socialWall__item-figure .figure-value {
    font-size: 65px;
  }
  .socialWall__item-figure h2,
  .socialWall__item-figure .h2 {
    font-size: 30px;
  }
}
.socialWall__item-quote {
  background: #0e8ad9;
  color: #ffffff;
  padding-top: 75px;
  padding-bottom: 75px;
  margin-top: 5px;
}
.socialWall__item-quote img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.socialWall__item-quote blockquote {
  font-family: "roboto", sans-serif;
  font-style: italic;
  line-height: 1.666666667;
  text-transform: none;
}
.socialWall__item-quote .cite {
  font-size: 16px;
  text-transform: none;
  font-style: italic;
}
.socialWall__item-quote .cite strong {
  font-size: 106.25%;
  font-family: "open-sans", sans-serif;
  display: block;
  font-style: normal;
}
@media (min-width: 1280px) {
  .socialWall__item-quote {
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 57.29166667%;
  }
  .socialWall__item-quote .quoteMark {
    font-size: 98px;
  }
}
.socialWall__item-student-life {
  color: #666666;
}
.socialWall__item-student-life img {
  display: none;
}
@media (min-width: 1600px) {
  .socialWall__item-student-life img {
    width: 100%;
    display: block;
  }
}
.socialWall__studentLife__caption {
  padding: 20px;
}
.socialWall__studentLife__caption .socialWall__item__title {
  color: #ffc600;
  margin-bottom: 20px;
}
.socialWall__item__title {
  padding-top: 12px;
  border-top: 4px solid;
} */


/* NEW TINT social wall styles - HAVE TO REPOPULATE CHANGES INTO MAIN STYLES */
.first-social-row .socialWall__item { 
   /* height: 400px !important; */
	height: 300px !important; /* NEW NEW Social wall single row */
}

.socialWall .table .socialWall__item__wrapper {
     /* height: 400px !important; */
	height: 300px !important; /* NEW NEW Social wall single row */
    overflow: hidden;
}

.socialWall .table.second-social-row .socialWall__item__wrapper, .second-social-row .socialWall__item {
    height: 310px !important;
}

.socialWall .table.second-social-row  { border-top: 5px solid #fff; } 

.socialWall__item-media h6,  .socialWall__item-media div.h6 {
    font-size: 40px;
    line-height: 43px;
    margin-left: auto;
    margin-right: auto;
   /* padding-bottom: 40px;  new */
	padding-bottom: 20px; /* NEW NEW Social wall single row */
	padding-top: 12%; /* NEW NEW Social wall single row */
    text-transform: uppercase;
    width: 90%;
    font-weight: 100;
}

.first-social-row {padding-bottom: 10px;} /* NEW NEW Social wall single row */


@media (max-width: 47.99em) {
.socialWall__item-media, .socialWall .table .socialWall-media .sm-table-cell, .socialWall .table .socialWall__item__wrapper, .first-social-row .socialWall__item  {
    height: auto !important;
}
	
.first-social-row {padding-bottom: 3px;} /* NEW NEW Social wall single row */


 .socialWall__item-media h6,  .socialWall__item-media div.h6 {
      padding-bottom: 10px; /* new */
      /* padding-top: 30px; */
	 padding-top: 6%; /* NEW NEW Social wall single row */
}
}


.socialWall__item-media {
    /* background: #0e8ad9 none repeat scroll 0 0 !important; */
	background: #0c7bc0 none repeat scroll 0 0 !important;
    color: #fff;
    /* padding-top: 20px; */
    padding-top: 0px;
}


@media (min-width: 80em) {
  .socialWall__item {
    width: 100%;
    height: 0;
   /*  padding-bottom: 57.29166667%; */
      padding-bottom: 0;
  }
  .md-col-3 .socialWall__item {
    width: 100%;
    height: 0;
   /* padding-bottom: 114.58333333%; */
      padding-bottom: 0;
  }
}

.socialWall__item {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.socialWall-media {
    border: 5px solid #fff;
    border-bottom: none;
}

.socialWall__item-figure {
    background: #fff none repeat scroll 0 0;
    color: #fff;
}

/* END TINT social wall styles */

 
.contact__quick a {color: #fff; font-weight: 300; }
.contact__quick a:hover {text-decoration: underline; }
.contact h3, .contact .h3, .contact h2, .contact .h2 { /* white-space: nowrap; fixes footer wrapping */ white-space: normal; }  
.formFixer {display:none;}

.contact {
  background: #273a43;
  color: #ffffff;
  padding-top: 18px;
  font-size: 15px;
}
/* .contact h3,
.contact .h3 {
  white-space: nowrap;
} */
.contact,
.contact p {
  line-height: 25px;
}
.contact .contact__learn label {
  padding-bottom: 10px;
}
.contact .contact__learn label,
.contact .contact__learn .heading {
  padding-left: 18px;
  padding-right: 18px;
}
.contact .contact__ready h5,
.contact .contact__ready p {
  padding-left: 18px;
  padding-right: 18px;
}
.contact .contact__ready .heading__wrapper {
  padding-bottom: 0;
}
.contact .contact__ready .btn {
  margin-bottom: 0;
}
.contact p a {
  color: #28a689;
  font-weight: normal;
}
.contact .heading {
  background-color: transparent;
}
.contact .heading__wrapper {
  width: 100%;
}
.contact .btn {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .contact {
    padding: 40px;
  }
  .contact .heading {
    text-align: left;
  }
  .contact .heading p {
    color: #ffffff;
  }
  .contact .contact__learn label,
  .contact .contact__learn .heading {
    padding-left: 0;
    padding-right: 0;
  }
  .contact .contact__ready p {
    padding-left: 0;
  }

  /* NEW added when new name field was added */
    .contact [for="first_name"] {
    border-right: 9px solid transparent;
  }
  .contact [for="last_name"] {
    border-left: 9px solid transparent;
  }



  .contact [for="email"] {
    border-right: 9px solid transparent;
  }
  .contact [for="phone"] {
    border-left: 9px solid transparent;
  }
  .contact .btn {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .contact {
    padding: 40px 60px;
  }
	
/* NEW heading changes */
  .contact h3,
  .contact .h3,
	.contact h2,
  .contact .h2 {
    position: relative;
  }
	
	/* NEW heading changes */
  .contact h3:before,
  .contact .h3:before,
	.contact h2:before,
  .contact .h2:before {
    content: '';
    width: 3px;
    height: 100%;
    background: #ff5e3a;
    position: absolute;
    left: -28px;
  }
  .contact .heading__wrapper {
    max-width: none;
  }
}
@media (min-width: 1600px) {
  .contact .heading__wrapper {
    padding-right: 150px;
  }
}
.contact__wrapper {
  max-width: 1670px;
}
@media (min-width: 1280px) {
  .contact__learn .heading__wrapper {
    padding-right: 50px;
  }
}
@media (min-width: 1600px) {
  .contact__learn {
    padding-left: 150px;
  }
}
.contact__quick {
  background-color: #314048;
  background-color: rgba(102, 102, 102, 0.18);
  padding: 40px 30px;
  margin-bottom: 30px;
}
.contact__quick h6,
.contact__quick .h6 {
  text-transform: uppercase;
}
.contact__quick .left {
  padding-right: 20px;
}
.contact__quick .right {
  padding-left: 20px;
}
@media (min-width: 1280px) {
  .contact__quick {
    padding: 30px;
  }
  .contact__quick dl {
    white-space: normal;
  }
  .contact__quick dd {
    margin-right: 0;
  }
  .contact__quick .left,
  .contact__quick .right {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .contact__quick .right {
    padding-top: 20px;
  }
}




/* NEW contact us form styles */
.contact .contact__learn input, .contact .contact__learn select, .contact .contact__learn textarea {
	margin-top: 5px;
}

.contact .contact__learn .select-field  { 
	position: relative;
	display: inline-block;
} 

.contact .contact__learn label { 
	line-height: 1.25; 
} 

.contact .contact__learn select { 
	position: relative; 
} 
 

.contact .contact__learn textarea { 
	color: #333;
	font-size: 15px;
	padding: 10px 22px !important;
}

.contact .contact__learn .select-field:after { 
    height: 20px;
    width: 20px; 
    bottom: 25px;  
	top: auto;
	right: 40px;
}

.contact .contact__learn .select-field select { 
  line-height: 1.4; 
}

@media (min-width: 768px) {
  .contact .contact__learn .select-field:after { 
    right: 18px; 
}
}
 

/* END NEW contact us form styles */  




.interstitial {
  background: #777;
  background: rgba(0, 0, 0, 0.85);
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/quickfacts-background2.jpg'); */
	background-image: url('/_images/global/quickfacts-background2.jpg'); 
  background-size: cover;
  color: #ffffff;
  /* height: 550px; */
	height: auto; /* added to accomodate wrapped text on mobile */
  /* margin-bottom: 10px; NEW added padding to bottom of the widget */
}

.universal-page-container .interstitial {
  margin-bottom: 10px; /* NEW */
}

.interstitial img {
  height: 550px;
}
.interstitial .heading {
  background-color: transparent;
}
.landingRow + .interstitial {
  border-top: 10px solid #ffffff;
}
.interstitial-block {
  vertical-align: top;
}
.interstitial-block:nth-of-type(1) .circle {
  transition-delay: 0.5s;
}
.interstitial-block:nth-of-type(2) .circle {
  transition-delay: 1.5s;
}
.interstitial-block:nth-of-type(3) .circle {
  transition-delay: 2s;
}
.interstitial-block:nth-of-type(4) .circle {
  transition-delay: 2.5s;
} 
.interstitial svg g {
  transition: all 0.6s;
  opacity: 0;
}
.interstitial.in-view svg g {
  opacity: 1;
}
.interstitial i {
  position: relative;
  display: block;
  width: 157px;
  height: 157px;
  margin: 0 auto 10px; 
}

/* NEW */
.interstitial span {
  position: relative;
  display: block;
  width: 157px;
  height: 157px;
  margin: 0 auto 20px;
}

.interstitial .icon-countries img {
  transition: all 0.3s 4s;
  opacity: 0;
}
.interstitial.in-view .icon-countries img {
  opacity: 1;
}
.interstitial .circle {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  transition: all 1.8s;
  transform: rotate(-90deg);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.interstitial.in-view .circle {
  stroke-dashoffset: 10;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.interstitial.in-view .interstitial-block {
  transform: translateY(0);
}
.interstitial .svg-students g {
  transform: translateY(100%);
  transition-delay: 1s;
}
.interstitial .svg-students .gray-group {
  transition-delay: 0.35s;
}
.interstitial .svg-students .white-group {
  transition-delay: 1s;
}
.interstitial.in-view .svg-students .gray-group,
.interstitial.in-view .svg-students .white-group {
  transform: translateY(0);
}
.interstitial .svg-financial g {
  transition-delay: 1.5s;
}
.interstitial .svg-financial .grad-group {
  transform: translateY(100%);
}
.interstitial .svg-financial .coin-group {
  transform-origin: 50% 50%;
  transform: translateY(-300%);
  transition-delay: 2s;
}
.interstitial.in-view .svg-financial .grad-group {
  transform: translateY(0);
}
.interstitial.in-view .svg-financial .coin-group {
  transform: translateY(0);
}
.interstitial .svg-globe .globe-group {
  transition: all 3s 2.5s;
  transform-origin: 50% 50%;
}
.interstitial .svg-globe .stand-group {
  transform: translateY(100%);
  transition-delay: 2s;
}
.interstitial.in-view .svg-globe .stand-group {
  transform: translateY(0);
}
.interstitial .svg-ratio .group-teacher,
.interstitial .svg-ratio .group-students {
  transform: translateY(100%);
}
.interstitial .svg-ratio .group-teacher {
  transition-delay: 3s;
}
.interstitial .svg-ratio .group-students {
  transition-delay: 2.5s;
}
.interstitial .svg-ratio .group-presentation {
  transition-delay: 3.5s;
}
.interstitial.in-view .svg-ratio .group-teacher,
.interstitial.in-view .svg-ratio .group-students {
  transform: translateY(0);
}
.interstitial-glance svg,
.interstitial-glance img {
  width: 157px;
   /* height: 157px; */
 height: auto;
  display: block;
}
.interstitial-glance .icon {
  width: 120px;
  height: 120px;
}
@media (min-width: 768px) {
  .interstitial-glance .icon {
    width: 157px;
    height: 157px;
  }
}
.interstitial-glance .interstitial__wrapper {
  width: 90%;
  max-width: 1840px;
}
.interstitial-glance .interstitial__wrapper h3,
.interstitial-glance .interstitial__wrapper .h3,
.interstitial-glance .interstitial__wrapper h2, /* NEW heading changes */
.interstitial-glance .interstitial__wrapper .h2 {
  font-family: "open-sans", sans-serif;
   margin-bottom: 0px;
}

.interstitial-glance .heading__wrapper h3,
.interstitial-glance .heading__wrapper .h3 {
   margin-bottom: 0px;
}


.universal-page-container .h1, .universal-page-container .h2, .universal-page-container .h3,
.universal-page-container .h4, .universal-page-container .h5, .universal-page-container .h6,
.universal-page-container h1, .universal-page-container h2, .universal-page-container h3,
.universal-page-container h4, .universal-page-container h5, .universal-page-container h6,
.universal-page-container p /* NEW */ {
 margin-bottom: 15px;
}


.interstitial-glance .interstitial__wrapper .strong,
.interstitial-glance .interstitial__wrapper .h2 /* NEW heading changes */ {
  font-weight: 700 !important;
}
.interstitial-glance strong {
  display: block;
}
@media (min-width: 768px) {
  .interstitial-glance {
    padding-bottom: 90px;
  }
  .interstitial-glance .interstitial-block {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
	
	.interstitial {  /* height: 550px; */ max-height: 600px;  } 
}



/* NEW added for creation of one universal template */
@media (min-width:1280px) and (max-width:1600px){
 .layout-container--with-sidebar-and-full .layout-container__block:first-child .md-hide-sidebar-only,.universal-page-container .page-container--has-sidebar .md-hide-sidebar-only{
 display:none!important}
}
/* NEW added for creation of one universal template */
@media (min-width:1025px) and (max-width:1280px){
 .layout-container--with-sidebar-and-full .layout-container__block:first-child .sm-hide-sidebar-only,.universal-page-container .page-container--has-sidebar .sm-hide-sidebar-only{
 display:none!important}
}

/*
@media only screen and (min-width:776px ) and (max-width: 991px) {
  .interstitial{height: 400px;}
  .interstitial img {height: 400px;}
}
@media only screen and (max-width: 775px) {
  .interstitial{height: 250px;}
  .interstitial img {height: 250px;}
}*/
.detailSection__wrapper.mx-auto.table h4,
.detailSection__wrapper.mx-auto.table .h4 {
  text-transform: uppercase;
}
.newsEvents.detailSidebar__section {
  text-transform: none!important;
}
.active {
  text-decoration: none!important;
  pointer-events: none!important;
}   


.newsEvents__event__date {
  width: 90px;
}
.photoSet__wrapper a:nth-child(4) {
  clear: both;
}
.globalFooter {
  /* background: #273a43 url('http://www.montgomerycollege.edu/_resources/images/_originals/pattern-checkered.png') repeat; */
	background: #273a43 url('/_images/_originals/pattern-checkered.png') repeat;
  color: #ffffff;
  padding: 32px;
}
.globalFooter .icon {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 2px;
}
.globalFooter h6 {
  width: 78px;
  height: 78px;
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/_originals/logo-mc-2.png'); */
	background-image: url('/_images/_originals/logo-mc-2.png');
  background-repeat: no-repeat;
}
.globalFooter li {
  display: block;
}
.globalFooter a {
  color: #ffffff;
}
.globalFooter a:hover {
  text-decoration: underline;
}
.globalFooter a .social-icon {
  height: 17px;
  width: 17px;
  cursor: pointer;
  margin-right: 0;
}
.globalFooter a .social-icon path {
  fill: '#ffffff';
  transition: fill .25s ease-in-out;
}
.globalFooter a .social-icon:hover path {
  fill: 'rgba(255, 255, 255, .75)';
}

/* NEW footer styles */
  .globalFooter   .sub-footer {
    clear: both;  
  }
 .globalFooter .copyright {
    display: table;
}
 .globalFooter   .sub-footer   {
    margin-top:  10px;
}
 .globalFooter   .sub-footer ul  {
    margin-top:  0px;
}

 .globalFooter   .sub-footer ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

 
 .globalFooter   .sub-footer ul a {
    font-weight: 400;
    font-size: 85%;
}
 
 .globalFooter   .sub-footer ul li:before {
  content: '|';
  display: inline-block;
  padding: 0 1px;
}

 .globalFooter .sub-footer ul li:first-child:before {
  content: none;
}
@media (max-width: 550px) { 
   .globalFooter__links .sm-table-cell {
  display: block;
  width: 100%; 
}
	.globalFooter .globalFooter__links .col-6 {
    width: 100%;
}
}
 /* END new footer styles */ 


@media (min-width: 768px) {
  .globalFooter h6 {
    width: 316px;
    height: 36px;
    /* background-image: url('http://www.montgomerycollege.edu/_resources/images/_originals/logo-mc-desktop-2.png'); */
	  background-image: url('/_images/_originals/logo-mc-desktop-2.png');
  }
  .globalFooter .globalFooter__socialMedia {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .globalFooter .icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  .globalFooter .copyright {
       /* margin-left: auto;
    margin-right: auto; */
    /* NEW footer styles */
	  
    display: table;
  }
}
@media (min-width: 1280px) {
  .globalFooter {
    padding: 40px 50px;
  }
  .globalFooter a {
    font-weight: 400;
  }
  .globalFooter h6,
  .globalFooter .globalFooter__socialMedia,
  .globalFooter .globalFooter__contact__quick,
  .globalFooter .copyright {
    float: left;
  }
  .globalFooter .copyright {
    /* transform: translateY(-100%); */ /* NEW footer styles */
    margin-top: 0;
  }
}



/* NEW footer styles */
.globalFooter .copyright {
    float: none;
}


@media (min-width: 1600px) {
  .globalFooter {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.globalFooter__wrapper {
  max-width: 1720px;
}
.globalFooter__contact hr {
  margin: 20px 0;
  height: 0;
  width: 100%;
  border: none;
  border-top: 1px solid #222;
  border-top: 1px solid rgba(0, 0, 0, 0.34);
  border-bottom: 1px solid #273a43;
  border-bottom: 1px solid rgba(208, 208, 208, 0.1);
}
@media (min-width: 1280px) {
  .globalFooter__contact {
    text-align: left;
    padding-bottom: 75px;
  }
  .globalFooter__contact hr {
    border: none;
    border-left: 1px solid #222;
    border-right: 1px solid #273a43;
    border-left: 1px solid rgba(0, 0, 0, 0.34);
    border-right: 1px solid rgba(208, 208, 208, 0.1);
    width: 0;
     /* height: 100%; */
    /* NEW footer styles */
    height: 75%;
	  
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
}
.globalFooter__socialMedia a {
  width: 65px;
  height: 65px;
}
.globalFooter__socialMedia a .icon {
  transition: opacity 0.2s;
}
.globalFooter__socialMedia a:hover .icon {
  opacity: 0.6;
}
@media (min-width: 1280px) {
  .globalFooter__socialMedia {
    margin: 0;
  }
}
.globalFooter__contact__quick {
  white-space: nowrap;
}
.globalFooter__contact__quick .icon {
  display: none;
  vertical-align: middle;
  margin-top: -2px;
}
@media (min-width: 768px) {
  .globalFooter__contact__quick .sm-table-cell {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .globalFooter__contact__quick .sm-table-cell {
    padding-left: 0;
    padding-right: 45px;
  }
}
@media (min-width: 768px) {
  .globalFooter__contact__quick .icon {
    display: inline-block;
  }
}
@media (min-width: 1280px) {
  .globalFooter__contact__quick {
    text-align: left;
  }
}
.globalFooter__links a {
  line-height: 20px;
  padding: 8px 0;
  display: block;
}
.globalFooter__links a:hover {
  text-decoration: none;
}
.globalFooter__links a:hover span {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .globalFooter__links {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .globalFooter__links {
    padding: 0 0 0 50px;
  }
}
.copyright {
  margin-top: 45px;
}
@media (min-width: 1280px) {
  .copyright {
    /* NEW footer styles */ /* transform: translateY(-50%); */
    font-size: 100%;
  }
}
.detailSection {
  padding: 30px 18px;
  overflow: hidden;
   margin-bottom: 10px; /* NEW added to create space at the bottom of the page */
}
.detailSection h1,
.detailSection h2,
.detailSection h3,
.detailSection h4,
.detailSection h5,
.detailSection h6,
.detailSection .h1,
.detailSection .h2,
.detailSection .h3,
.detailSection .h4,
.detailSection .h5,
.detailSection .h6 {
  clear: both;
}
.detailSection h1,
.detailSection .h1 {
  font-size: 70px;
  color: #333;
}
@media (min-width: 1280px) {
  .detailSection h1,
  .detailSection .h1 {
    font-size: 50px;
    line-height: 55px;
  }
}
.detailSection h3,
.detailSection .h3 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 700;
}
.detailSection h4,
.detailSection .h4 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  text-transform: none;
}
@media (min-width: 768px) {
  .detailSection h4,
  .detailSection .h4 {
    font-size: 25px;
    line-height: 28px;
  }
}
@media (min-width: 768px) {
  .detailSection h5,
  .detailSection .h5 {
    font-size: 25px;
    line-height: 28px;
    font-weight: bold;
  }
}
.detailSection figure,
.detailSection img {
  width: 100vw;
  display: block;
  margin-left: -18px;
  max-width: none;
  margin-bottom: 25px;
}
.detailSection figure {
  position: relative;
}
.detailSection figure img {
  float: none;
  margin-left: 0;
  width: 100%;
  margin: 0;
}
.detailSection figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  background-color: #51237f;
  background-color: rgba(81, 35, 127, 0.9);
  padding: 15px 30px;
  line-height: 30px;
  font-size: 16px;
}
.detailSection figure figcaption h1,
.detailSection figure figcaption h2,
.detailSection figure figcaption h3,
.detailSection figure figcaption h4,
.detailSection figure figcaption h5,
.detailSection figure figcaption h6,
.detailSection figure figcaption .h1,
.detailSection figure figcaption .h2,
.detailSection figure figcaption .h3,
.detailSection figure figcaption .h4,
.detailSection figure figcaption .h5,
.detailSection figure figcaption .h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
}
.detailSection blockquote,
#main-content blockquote /* NEW */ {
  padding: 25px;
  background: #f0f0f0;
  margin: 25px 0 30px;
}
.detailSection blockquote p,
#main-content blockquote p /* NEW */ {
  margin-bottom: 0;
}
.detailSection h1,
.detailSection .h1 {
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .detailSection h1,
  .detailSection .h1 {
    padding-bottom: 15px;
  }
}
@media (min-width: 1280px) {
  .detailSection h1,
  .detailSection .h1 {
    padding-bottom: 10px;
  }
}
.detailSection h2,
.detailSection .h2 {
  padding-bottom: 24px;
  margin-right: 60px;
}
.detailSection h4,
.detailSection .h4 {
  text-transform: none;
  padding-bottom: 10px;
}
.detailSection h6,
.detailSection .h6 {
  padding-bottom: 12px;
  font-weight: bold;
}
@media (min-width: 768px) {
	.detailSection {
		padding-left: 50px;
		padding-right: 50px;
	}
	.detailSection img,
	.detailSection figure {
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 0;
		width: auto;
	}
	.detailSection blockquote,
	#main-content blockquote  {
		padding: 50px;
	}

	.detailSection blockquote.p3,
	#main-content blockquote.p3  { 
		padding: 32px;
	}
}
@media (min-width: 1280px) {
  .detailSection {
    padding: 60px 90px;
     /*  margin-bottom: 34px; NEW removed to reduce space */
  }
  .detailSection blockquote,
#main-content blockquote  {
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 60px;
  }
	
	  .detailSection blockquote.p3,
#main-content blockquote.p3  { 
    padding: 32px;
  }
	
  .detailSection img,
  .detailSection figure {
    float: left;
    margin: 8px 25px 5px 0;
  }
  .detailSection figure img {
    float: left;
    margin: 0;
  }
}
.triFold h1,
.triFold h2,
.triFold h3,
.triFold h4,
.triFold h5,
.triFold h6,
.triFold p {
  margin-right: 0;
}
.no-csstransforms .triFold .learn-more {
  position: static;
}
@media (max-width: 768px) {
  .triFold {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .triFold {
    margin-left: -30px;
    margin-right: -30px;
  }
  .triFold .sm-table-cell,
  .triFold .md-table-cell {
    padding-left: 30px;
    padding-right: 30px;
  }
  .triFold .sm-table-cell:nth-child(2) {
    border-left: 1px solid #d0d0d0;
  }
}
@media (min-width: 1280px) {
  .triFold {
    margin-left: -80px;
    margin-right: -80px;
  }
  .triFold .sm-table-cell,
  .triFold .md-table-cell {
    padding-left: 60px;
    padding-right: 60px;
  }
  .triFold .sm-table-cell:nth-child(2) {
    border-right: 1px solid #d0d0d0;
  }
  .triFold .triFold__fold {
    padding-bottom: 1em;
  }
  .triFold .learn-more {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -1em;
  }
}
.detailSection__list ul {
  margin: 0;
}
.detailSidebar {
  background-color: transparent;
}
.detailSidebar img {
  width: 100%;
  display: block;
}
.detailSidebar .newsEvents a {
  color: #666666;
}
.detailSidebar .newsEvents__events {
  padding: 0;
}
.detailSidebar .newsEvents__item {
  background-color: #ffffff;
}
@media (min-width: 1280px) {
  .detailSidebar {
    padding: 0 34px;
  }
}
.detailSidebar__section {
  background-color: transparent;
}
@media (min-width: 768px) {
  .detailSidebar__section {
    margin-bottom: 34px;
  }
}


/* NEW  inline content video */
.detailPrimary .detailSidebar__section.videoContainer.left  {
  max-width: 450px;
  margin-right: 20px;
}
.detailPrimary .detailSidebar__section.videoContainer.right  {
  max-width: 450px;
  margin-left: 20px;
}

.detailPrimary .detailSidebar__section.videoContainer.center-block  {
  max-width: 450px;
}

.detailPrimary .detailSidebar__section.videoContainer figure,
.detailPrimary .detailSidebar__section.videoContainer img {
  margin-left: 0px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 778px) {
 .detailPrimary .detailSidebar__section.videoContainer.left,
.detailPrimary .detailSidebar__section.videoContainer.right,
.detailPrimary .detailSidebar__section.videoContainer.center-block  {
  min-width: 100%;
  margin-right: 0px;
   margin-left: 0px;
   float: none;
}
}

.cards-section.columns .videoContainer.center,
.cards-section.columns .videoContainer.right,
.cards-section.columns .videoContainer.left {
	width: 100%;
	float: none;
	margin: 0 auto;
	padding: 0;
}

@media only screen and (min-width: 1280px) {
.cards-section.columns .videoContainer.center,
.cards-section.columns .videoContainer.right,
.cards-section.columns .videoContainer.left {
	 max-width: 100%;
}
}
 


/* END inline content video */



.detailSidebar__section.videoContainer {
  position: relative;
  display: block;
  width: 100%;
}
.detailSidebar__section.videoContainer .playVideo {
  position: relative;
  display: block;
}
.detailSidebar__section.videoContainer .playVideo img {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  display: block !important;
  transform: none;
  min-height: 200px;
}
@media (min-width: 768px) {
  .detailSidebar__section.videoContainer .playVideo img {
    min-height: 0px;
  }
}
@media (min-width: 1280px) {
  .detailSidebar__section.videoContainer .playVideo .icon {
    width: 60px;
    height: 60px;
  }
}
.highlight {
  color: #ffffff;
  background: #51237f;
  padding: 40px 44px;
  font-size: 17px;
}
.highlight h4,
.highlight .h4 {
  text-transform: none;
}
.highlight h5,
.highlight .h5 {
  font-size: 20px;
  font-weight: 700;
  padding-top: 25px;
  line-height: 30px;
}
.highlight strong {
  font-weight: 600;
  font-size: 16px;
}
.photoSet h4,
.photoSet .h4 {
  font-weight: 400;
  font-family: "roboto", sans-serif;
  text-transform: none;
  padding-bottom: 20px;
}
.photoSet a {
  color: #666666;
}
.photoSet__wrapper a {
  float: left;
  width: 33%;
  padding-bottom: 24px;
}
.photoSet__wrapper a:nth-of-type(3n+1) {
  padding-right: 16px;
}
.photoSet__wrapper a:nth-of-type(3n+2) {
  padding-left: 8px;
  padding-right: 8px;
}
.photoSet__wrapper a:nth-of-type(3n+3) {
  padding-left: 16px;
}
.detailSecondary {
  padding-bottom: 0;
}
@media (max-width: 766px) {
  .detailSecondary .learn-more {
    display: block;
    color: #ffffff;
    background-color: #51237f;
    text-align: center;
    margin-left: -40px;
    margin-right: -40px;
    padding: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .detailSecondary .learn-more:after {
    display: none;
  }
}
.detailSecondary h3,
.detailSecondary .h3 {
  padding-bottom: 10px;
}
.detailSecondary h5,
.detailSecondary .h5 {
  color: #000000;
  text-transform: uppercase;
}
.detailSecondary h5:after,
.detailSecondary .h5:after {
  content: '';
  display: block;
  margin: 1em auto;
  height: 0;
  width: 50px;
  border-bottom: 4px solid #ff5e3a;
}
@media (min-width: 768px) {
  .detailSecondary {
    padding-bottom: 30px;
  }
  .detailSecondary h3,
  .detailSecondary .h3 {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .detailSecondary h3,
  .detailSecondary .h3 {
    padding-bottom: 10px;
  }
}
.detailTestimonial {
  padding: 0;
  color: #ffffff;
  background-color: #51237f;
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/testimonial-background2.jpg'); */
	background-image: url('/_images/global/testimonial-background2.jpg');
  background-position: bottom left;
  background-size: cover;
  margin-top: 5px;
}
.detailTestimonial .quoteMark {
  line-height: 0;
  position: absolute;
  left: -0.375em;
  top: 0;
  font-size: 100px;
}
.detailTestimonial .quoteMark + .quoteMark {
  left: auto;
  top: auto;
  bottom: 0;
  right: -0.375em;
}
.detailTestimonial h4,
.detailTestimonial .h4 {
  margin-right: 0;
}
.detailTestimonial p {
  margin: 15px 0 0;
  line-height: 30px;
  position: relative;
}
.detailTestimonial .cite {
  margin-top: 15px;
}
.detailTestimonial img {
  display: none;
  margin: 0;
  width: 33.333%;
  float: left;
}
.detailTestimonial .detailSection__wrapper {
  width: 80%;
  padding: 34px 10px;
}
.no-csstransforms .detailTestimonial {
  padding: 0 !important;
}
.no-csstransforms .detailTestimonial img {
  width: 25%;
  margin: 0;
}
@media (min-width: 768px) {
  .detailTestimonial {
    margin-top: 0;
  }
  .detailTestimonial .detailSection__wrapper {
    width: 90%;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .detailTestimonial img {
    display: block;
  }
  .detailTestimonial img:nth-of-type(4) {
    display: none;
  }
}
@media (min-width: 1280px) {
  .detailTestimonial {
    background-size: 100% auto;
  }
  .detailTestimonial .detailSection__wrapper {
    width: 70%;
    max-width: 1000px;
  }
}
@media (min-width: 1600px) {
  .detailTestimonial .quoteMark {
    font-size: 112px;
    top: 0.25em;
  }
  .detailTestimonial .quoteMark + .quoteMark {
    top: auto;
    bottom: -0.25em;
  }
  .detailTestimonial img {
    width: 25%;
  }
  .detailTestimonial img:nth-of-type(4) {
    display: block;
  }
}
.detailComparison {
  background: #f0f0f0;
}
@media (max-width: 768px) {
  .detailComparison,
  .universal-page-container .comparisonSlider /* NEW */ {
    margin-top: -16px;
  }
}
.detailComparison .label,
.universal-page-container .comparisonSlider .label /* NEW */ {
  /* background-color: #0e8ad9; */
  background-color: #48494a; /* NEW */
  color: #ffffff;
  display: inline-block;
  margin: 1em auto;
  text-align: center;
  /* padding: 6px 36px; */
  padding: 6px 20px; /* NEW */
}
.detailComparison h4,
.detailComparison .h4,
.universal-page-container .comparisonSlider .h4 /* NEW */  {
  font-family: "roboto", sans-serif;
  font-weight: 100 ;
}
.detailComparison h6,
.detailComparison .h6,
.universal-page-container .comparisonSlider .h6 /* NEW */  {
  padding-bottom: 30px;
}
.detailComparison .btn {
  background-color: #28a689;
  margin-top: 36px;
}
.detailComparison .btn:hover {
  background-color: #2dbb9a;
}
.detailComparison ul,
.universal-page-container .comparisonSlider ul /* NEW */ {
  margin: 0 15px; /* decreased padding */
}
.detailComparison li,
.universal-page-container .comparisonSlider li /* NEW */ {
  border-bottom: 1px solid #f0f0f0;
  line-height: 2.8125;
}
.no-csstransforms .detailComparison .gallery-cell,
.universal-page-container .comparisonSlider .gallery-cell /* NEW */  {
  /* margin-right: 5vw; */
}
.detailTertiary {
  margin-bottom: 0;
}
.comparisonSlider h3,
.comparisonSlider .h3,
.universal-page-container .comparisonSlider .h3 /* NEW */ {
  font-family: "open-sans", sans-serif;
  font-weight: bold;
  margin: 0;
  font-size: 48px;
  line-height: 1;
  padding-bottom: 30px; /* NEW */
}
.comparisonSlider:after {
  content: 'flickity';
  display: none;
}
.comparisonSlider .gallery-cell {
  background: #ffffff;
  padding-top: 36px;
}
.comparisonSlider.flickity-enabled .gallery-cell {
  width: 100%;
}

/* NEW */
.universal-page-container .comparisonSlider .btn { /* background-color: #0e8ad9 !important;  */
	 background-color: #0c7bc0 !important;}
.universal-page-container .comparisonSlider .btn:hover {
  background-color: #056bab !important;
}


@media (min-width: 768px) {
  .comparisonSlider {
    /* disable Flickity for large devices */
  }
  .comparisonSlider:after {
    content: '';
  }
  .comparisonSlider .gallery-cell {
    width: 48%;
  }
  .comparisonSlider .gallery-cell:nth-of-type(2) {
    float: right;
  }
  .comparisonSlider .gallery-cell:nth-of-type(3) {
    display: none;
  }
}
@media (min-width: 1280px) {
  .comparisonSlider .gallery-cell {
    transition: all 0.3s;
    max-width: 330px;
    box-shadow: 0 0 24px transparent;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0);
    width: 25%;
  }
  .comparisonSlider .gallery-cell:nth-child(1) {
    margin-right: 50px;
  }
  .comparisonSlider .gallery-cell:nth-child(2) {
    margin-left: 25px;
    margin-right: 25px;
    float: left;
  }
  .comparisonSlider .gallery-cell:nth-child(3) {
    margin-left: 50px;
    display: block;
  }
  .comparisonSlider .gallery-cell:hover {
    box-shadow: 0 0 24px #ccc;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.19);
  }
}
@media (min-width: 1600px) {
  .comparisonSlider .gallery-cell:nth-child(1) {
    margin-right: 66px;
  }
  .comparisonSlider .gallery-cell:nth-child(2) {
    margin-left: 33px;
    margin-right: 33px;
    float: left;
  }
  .comparisonSlider .gallery-cell:nth-child(3) {
    margin-left: 66px;
    display: block;
  }
}
/* hz code : for gh#86 */
.pageContent {
  width: 100%;
  margin-top: -34px;
}
.dp-accordion {
  list-style-type: none;
  padding: 0;
  margin: 35px 0 30px 0;
}
.dp-accordion ul {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}
.dp-accordion li {
  background: #333333;
  cursor: pointer;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(102, 102, 102, 0.55);
  border-top: 1px solid #333333;
}
.dp-accordion a {
  text-decoration: none;
  font-size: 18px;
  font-weight: bold !important;
  color: #fff;
  padding: 20px 10px 20px 30px;
  display: block;
  cursor: pointer;
}
.adown {
 /*  background: url('http://www.montgomerycollege.edu/_resources/images/global/arrow-down.gif') no-repeat center right; */
	background: url('/_images/global/arrow-down.gif') no-repeat center right;
  margin-right: 30px;
}
.aup {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/arrow-up.gif') no-repeat center right; */
	background: url('/_images/global/arrow-up.gif') no-repeat center right;
  margin-right: 30px;
}
.f-bg {
  background: #333 !important;
}
.f-selected {
  background: #2a2a2a !important;
}
.fhover-bg {
  background: #434343 !important;
  border-bottom: 1px solid #434343 !important;
  border-top: 1px solid #434343 !important;
}
.fs-selected {
  background: #434343 !important;
  border-bottom: 1px solid rgba(102, 102, 102, 0.55) !important;
  border-top: 1px solid rgba(102, 102, 102, 0.55) !important;
}
.dp-accordion li.active {
  background: #2a2a2a !important;
  text-decoration: none;
}
.dp-accordion li.al-no a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 200 !important;
  padding: 13px 10px 13px 60px;
  display: block;
  cursor: pointer;
  background: none;
}
.dp-accordion li.al-no.active > a {
  background: none;
}
/* Level 2 */
.dp-accordion li ul li {
  background: #2a2a2a;
  border-bottom: 1px solid rgba(102, 102, 102, 0);
  border-top: 1px solid rgba(102, 102, 102, 0);
}
.s-bg {
  background: #2a2a2a !important;
}
.shover-bg {
  text-decoration: underline;
  background: #057ac4 !important;
}
.dp-accordion li.al-left {
  padding-left: 32px;
}
.dp-accordion li.al-left a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 200 !important;
  color: #fff;
  padding: 13px 10px 13px 28px;
  display: block;
  cursor: pointer;
}
.aplus {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/plus.gif') no-repeat center left; */
	background: url('/_images/global/plus.gif') no-repeat center left;
}
.aminus {
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/minus.gif') no-repeat center left; */
	background: url('/_images/global/minus.gif') no-repeat center left;
}
.dp-accordion li.al-left a:hover {
  text-decoration: underline;
}
/*level 3*/
.dp-accordion li.al-left div {
  margin-left: -30px !important;
  background: #2a2a2a;
  color: #fff;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid rgba(102, 102, 102, 0);
  border-top: 1px solid rgba(102, 102, 102, 0);
}
.dp-accordion li.al-left div a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 200 !important;
  color: #fff;
  padding: 13px 10px 13px 115px;
  display: block;
  cursor: pointer;
  background: none;
}
.dp-accordion li.al-left div.submenu:hover {
  text-decoration: underline;
  border-bottom: 1px solid rgba(102, 102, 102, 0.55);
  border-top: 1px solid rgba(102, 102, 102, 0.55);
}
/* end gh#86*/
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
[role="button"] {
  cursor: pointer;
}
.btn
/* .virtualtour_embed  NEW created button for virtual tour link */
 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 768px) {
  .btn
  /* .virtualtour_embed  NEW created button for virtual tour link */ {
    white-space: normal;
  }
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus
/* .virtualtour_embed:focus  NEW created button for virtual tour link */ {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus
/* .virtualtour_embed:hover  NEW created button for virtual tour link */ {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active
/* .virtualtour_embed.active  NEW created button for virtual tour link */ {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after {
  clear: both;
}

/* NEW added for general clearing of floating elements */
.clear {
  clear: both;
}


.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.modal-body {
  height: 355px;
}
.globalNavigation .globalNavigation__breadcrumb a {
  font-weight: 700!important;
  -webkit-font-smoothing: antialiased;
}
.globalNavigation__breadcrumb li {
  font-weight: 700!important;
  -webkit-font-smoothing: antialiased;
}
.detailSection.detailComparison {
  padding-top: 20px!important;
}
.detailSection h3,
.detailSection .h3 {
  padding-bottom: 30px;
}
@media only screen and (max-width: 978px) {
  .detailSection h1,
  .detailSection .h1 {
    line-height: 70px;
  }
}
@media only screen and (max-width: 778px) {
  .detailSection h1,
  .detailSection .h1 {
    font-size: 35px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 879px) {
  .detailSection {
    margin-top: 8em!important;
  }
  ul.globalNavigation__breadcrumb.list-reset.xs-hide.sm-block.m0.uppercase.small {
    display: none!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .detailSection h1,
  .detailSection .h1 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .detailSection h3,
  .detailSection .h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .img-fix {
    height: 250px!important;
  }
  .img-fix-container {
    height: 250px!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .detailSection h3,
  .detailSection .h3 {
    font-size: 40px;
    line-height: 40px;
  }
  .img-fix {
    height: 400px!important;
  }
  .img-fix-container {
    height: 400px!important;
  }
}
@media only screen and (min-width: 1101px) {
  .detailSection h1,
  .detailSection .h1 {
    font-size: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .detailSection h3,
  .detailSection .h3 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer-logo2 {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .footer-logo1 {
    display: none;
  }
  .footer-logo2 {
    display: block;
  }
}
.accordion {
  background-color: #000000;
}
.accordion * {
  transition: background 0.3s, max-height 0.3s, padding 0.3s, opacity 0.3s;
}
.accordion .icon {
  width: 20px;
  height: 20px;
}
.accordion li {
  display: block;
  border-bottom: 1px solid #666666;
  border-top: 1px solid #666666;
  border-bottom: 1px solid rgba(102, 102, 102, 0.55);
  border-top: 1px solid rgba(102, 102, 102, 0.5);
}
.accordion li:first-child {
  border-top: 1px solid transparent;
}
.accordion li:last-child {
  border-bottom: 1px solid transparent;
}
.accordion li:last-child a,
.accordion li:last-child .accordion__title {
  border-bottom: 1px solid transparent;
}
.accordion li.expand a {
  border-bottom: 1px solid transparent;
}
.accordion li.expand ul {
  max-height: 1000px;
  opacity: 1;
}
.accordion li.expand .icon {
  transform: rotate(90deg);
}
.accordion a,
.accordion .accordion__title {
  display: block;
  color: #ffffff;
  background-color: #363636;
  background-color: rgba(102, 102, 102, 0.4);
  font-weight: 700;
  border-bottom: 1px solid #3b3e45;
  border-bottom: 1px solid rgba(102, 102, 102, 0.5);
}
.accordion a {
  padding: 30px 50px;
}
.accordion .accordion__title {
  padding: 30px 20px;
  cursor: pointer;
}
.accordion .accordion__title:hover {
  background-color: #4c4c4c;
}
.accordion .expand .accordion__title {
  background-color: #2a2828;
  background-color: rgba(102, 102, 102, 0.3);
  border-bottom: none;
  padding-bottom: 10px;
}
.accordion .expand .accordion__title:hover {
  text-decoration: underline;
}
.accordion ul ul {
  overflow: hidden;
  background-color: #2a2828;
  background-color: rgba(102, 102, 102, 0.3);
  max-height: 0;
  opacity: 0;
}
.accordion ul ul li {
  border: none;
}
.accordion ul ul a {
  background-color: transparent;
  font-weight: 400;
  padding: 10px 35px;
  border: none;
}
.accordion ul ul a:hover {
  background-color: #28a689;
}
.accordion .expand ul {
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .accordion {
    margin-bottom: 5px;
  }
  .accordion a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .accordion ul ul a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .accordion .expand .accordion__title {
    padding-bottom: 10px;
  }
}
@media (min-width: 1280px) {
  .accordion {
    margin-bottom: 34px;
  }
  .accordion .expand ul {
    padding-bottom: 0;
  }
}
.contactBar {
  background: #000000;
  color: #ffffff;
  margin-bottom: 5px;
  white-space: nowrap;
    display: none; /* NEW added by MC to hide the contact bar on the details page until its ready */
}
.contactBar form {
  height: 45px;
  overflow: hidden;
}
.contactBar h4 {
  font-family: "roboto", sans-serif;
  text-transform: none;
}
.contactBar .btn {
  padding-top: 10px;
  padding-bottom: 10px;
}
.contactBar__wrapper {
  max-width: 1600px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.contactBar__input-email {
    /* border-left: 13px solid transparent; NEW */
	border-left: 8px solid transparent; /* NEW to reduce space in form */
  background-clip: padding-box;
}

/* NEW */
.contactBar input  { padding: 13px 20px; font-size: 18px; line-height: 20px; }


.btn
/* .virtualtour_embed  NEW created button for virtual tour link */{
  font: 600 18px/1.25 "open-sans", sans-serif;
  padding: 16px 32px;
  background-color: #ff5e3a;
  color: #ffffff !important;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  border-radius: 0px;
  -webkit-font-smoothing: antialiased;
}
.btn:hover,
ul:not(.list-reset) .btn:hover {
  text-decoration: none;
  background-color: #ff3407;
}


table .btn {
  font: 700 14px/1.15 "open-sans", sans-serif;
padding: 6px 12px;
	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;  
}

table .btn:hover {  background-color: #0b6ca9; }


@media (min-width: 768px) {
  .btn
/* .virtualtour_embed  NEW created button for virtual tour link */ {
    font-size: 16px;
  }
}

button.btn,
.button.btn {
  	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
}
button.btn:hover,
.button.btn:hover {
  background-color: #0b6ca9;
}

	 /* NEW for MC Info site */
body.info .globalNavigation__secondary   button.btn,
body.info .globalNavigation__secondary   .button.btn {
  	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
	background-color: #0376b8;
}


.landingRow {
  overflow: hidden;
}
.landingRow .playVideo img {
  min-width: 100%;
  max-height: 660px;
}
@media (min-width: 768px) {
  .landingRow .playVideo img {
    min-height: 400px;
  }
}
@media (min-width: 1280px) {
  .no-csstransforms .landingRow-block {
    /* hz code: for gh#74*/
    padding: 60px;
  }
  .no-ie8compat.no-csstransitions .landingRow-block {
    /* hz code: for gh#74*/
    padding: 60px;
  }
}
@media (min-width: 1600px) {
  .no-csstransforms .landingRow-block {
    /* hz code: for gh#74*/
    padding: 110px;
  }
  .no-ie8compat.no-csstransitions .landingRow-block {
    /* hz code: for gh#74*/
    padding: 110px;
  }
}
.landingRow-block {
  padding: 32px 18px 0;
  /*gh#167*/
  /*gh#140*/
}
.landingRow-block h1,
.landingRow-block .h1,
.landingRow-block h2,
.landingRow-block .h2,
.landingRow-block h3,
.landingRow-block .h3,
.landingRow-block h4,
.landingRow-block .h4,
.landingRow-block h5,
.landingRow-block .h5,
.landingRow-block h6,
.landingRow-block .h6,
.landingRow-block p {
  padding-bottom: 20px;
}
.landingRow-block h1,
.landingRow-block .h1 {
  margin-top: 45px;
}
.landingRow-block .lp-h3-mob {
  padding-top: 60px;
}
@media (max-width: 54.9375em) {
  .landingRow-block .learn-more {
    /*gh#142*/
    display: block;
    color: #ffffff;
    background-color: #51237f;
    text-align: center;
    margin-left: -40px;
    margin-right: -40px;
    padding: 20px;
    margin-top: 16px;
    font-size: 0.9375em;
  }
  .landingRow-block .learn-more:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .landingRow-block {
    /* hz code: for gh#74, gh#142*/
    padding: 2.5% 5% 2.5% 5%;
    /* end gh#74*/
    /*gh#167*/
  }
  .landingRow-block .btn {
    position: static;
    width: auto;
    margin-bottom: 32px;
  }
  .landingRow-block h1,
  .landingRow-block .h1 {
    margin-top: 0px;
  }
  .landingRow-block small,
  .landingRow-block .small {
    font-size: 0.9375em;
  }
  .landingRow-block h3,
  .landingRow-block .h3 {
    line-height: 40px;
  }
  .landingRow-block .lp-h3-mob {
    padding-top: 25px;
  }
  .landingRow-block p {
    font-size: 1em;
    line-height: 30px;
  }
}
@media (min-width: 880px) {
  .landingRow-block {
    /*gh#142*/
  }
  .landingRow-block .btn {
    margin-bottom: 0px;
  }
  .landingRow-block small,
  .landingRow-block .small {
    font-size: 0.8em;
  }
  .landingRow-block h3,
  .landingRow-block .h3 {
    font-size: 2.1875em;
    line-height: 40px;
  }
  .landingRow-block .lp-h3-mob {
    padding-top: 0px;
  }
  .landingRow-block p {
    font-size: 0.9375em;
    line-height: 1.8;
  }
  .landingRow-block a {
    font-size: 0.9375em;
  }
}
@media (min-width: 1280px) {
  .landingRow-block {
    /*gh#142*/
    padding: 5%;
    /*gh#142*/
  }
  .landingRow-block .btn {
    margin-bottom: 0;
  }
  .landingRow-block small,
  .landingRow-block .small {
    font-size: 1em;
  }
  .landingRow-block .h3 {
    /* gh#93 */
    font-size: 3.125em;
    line-height: 55px;
    color: #333333;
    font-weight: 200;
    /* end gh#93 */
  }
  .landingRow-block p {
    font-size: 1em;
    line-height: 1.875;
  }
  .landingRow-block a {
    font-size: 1em;
  }
}
@media (min-width: 1600px) {
  .landingRow-block {
    /* hz code: for gh#74*/
    padding: 7%;
    /* end gh#74*/
  }
}
.landingRow-image {
  /*gh#137*/
}
.landingRow-image img {
  min-width: 100%;
  /* hz code: for gh#74*/
  max-height: 660px;
  /* min-height: 400px; NEW removed to keep aspect ratio of images on phone */
  /* end gh#74*/
}
.landingRow-image .no-csstransforms img {
  top: 0;
  left: 0;
  margin-top: -50%;
  transform: none;
  /* hz code: for gh#74*/
  max-height: 660px;
  min-height: 400px;
  /* end gh#74*/
}
.no-ie8compat.no-csstransitions .landingRow-image > img {
  top: 0;
  left: 0;
  transform: none;
  max-width: 100%;
  /* hz code: for gh#74*/
  margin-top: -6%;
  max-height: 660px;
  min-height: 400px;
  /* end gh#74*/
}
@media (min-width: 880px) {
  .landingRow-image {
    overflow: hidden;
  }
  .landingRow-image img {
    position: absolute;
    /* gh#74*/
    /*top: 50%;*/
    /* end gh#74*/
    left: 50%;
    transform: translate(-50%, -50%);
    /*min-height: 100%;*/
    max-width: none;
    /* hz code: for gh#74*/
    max-height: 660px;
    min-height: 400px;
    /* end gh#74*/
  }
}
.topicNav {
  line-height: 30px;
  background-color: #ffffff;
}
.topicNav ul {
  max-width: 768px;
}
.topicNav li {
  display: block;
}
.topicNav a {
  color: #ffffff;
  display: block;
  padding: 18px 24px;
  background-color: #51237f;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
}
.topicNav a:hover {
  text-decoration: underline;
}
.topicNav .selected a {
  background-color: #51237f;
}
.topicNav .selected a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .topicNav {
    padding: 35px 35px 0;
  }
  .topicNav li {
    width: 50%;
    float: left;
    padding-bottom: 35px;
  }
  .topicNav li:nth-child(odd) {
    border-right: 17px solid transparent;
  }
  .topicNav li:nth-child(even) {
    border-left: 17px solid transparent;
  }
}
@media (min-width: 1280px) {
  .topicNav {
    background-color: #51237f;
    /*gh#144*/
    padding: 0px;
    border-top: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff;
  }
  .topicNav ul {
    display: table;
    max-width: none;
    width: 100%;
  }
  .topicNav li {
    float: none;
    width: auto;
    display: table-cell;
    padding-bottom: 0;
  }
  .topicNav li:nth-child(1n+1) {
    border: none;
  }
  .topicNav li:first-child a:before {
    display: none;
  }
  .topicNav a {
    display: block;
    margin: 0;
    line-height: 38px;
  }
  .topicNav a:before {
    content: '';
    height: 36px;
    width: 1px;
    border-left: 1px solid #ffffff;
    display: inline-block;
    float: left;
    opacity: 0.5;
    transform: translateX(-24px);
  }
}
.blog {
 /* background: #666666 url('http://www.montgomerycollege.edu/_resources/images/_originals/pattern-grid.png'); */
	background: #666666 url('/_images/_originals/pattern-grid.png');
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.blog a {
  color: #ffffff;
}
.blog .btn {
  background-color: #28a689;
  margin-top: 16px;
  margin-bottom: 16px;
}
.blog .btn:hover {
  background-color: #1e7d67;
}
@media (min-width: 768px) {
  .blog {
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .blog {
    padding-bottom: 0;
  }
}
.blog__article {
  padding: 24px 16px;
}
.blog__article img {
  display: none;
  max-width: 736px;
}
.blog__article h2,
.blog__article .h2 {
  padding-bottom: 8px;
}
.blog__article .h3 {
  font-size: 30px;
  line-height: 35px;
  padding-bottom: 20px;
}
@media (min-width: 880px) {
  .blog__article .h3 {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 20px;
  }
}
.blog__article h4,
.blog__article .h4,
.blog__article p {
  text-transform: none;
  padding-bottom: 16px;
}
.blog__article .pipe {
  display: inline-block;
  padding: 0 16px;
}
.blog__article .pipe + .pipe {
  opacity: 0;
  display: block;
  height: 0;
}
.blog__article .learn-more .icon {
  display: inline-block;
}
@media (min-width: 768px) {
  .blog__article {
    padding: 32px 40px;
  }
  .blog__article h2,
  .blog__article .h2 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 20px;
  }
  .blog__article h4,
  .blog__article .h4 {
    text-transform: none;
    padding-bottom: 16px;
  }
  .blog__article .pipe + .pipe {
    display: inline-block;
    height: auto;
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .blog__article {
    width: 52.5%;
    float: right;
  }
  .blog__article img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    display: block;
  }
}
@media (min-width: 1600px) {
  .blog__article {
    float: left;
    margin-left: 40%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    max-width: 900px;
  }
  .blog__article p,
  .blog__article h4,
  .blog__article .h4 {
    padding-right: 100px;
  }
  .blog__article img {
    width: 40%;
  }
}
.blog__wrapper img {
  width: 46.875%;
  float: left;
}
.blog__wrapper img + img {
  float: right;
}
.blog__wrapper img + img + img {
  display: none;
}
@media (min-width: 768px) {
  .blog__wrapper .btn {
    width: auto;
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .blog__wrapper img {
    width: 32.5%;
  }
  .blog__wrapper img + img {
    float: none;
  }
  .blog__wrapper img + img + img {
    float: right;
    display: block;
  }
}
@media (min-width: 1280px) {
  .blog__wrapper {
    margin-top: 70px;
    padding: 60px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    float: left;
    width: 100%;
  }
  .blog__wrapper .btn {
    clear: both;
    margin-bottom: 0;
  }
  .blog__wrapper img {
    width: 30%;
    max-width: 375px;
    float: none !important;
    margin: 0 13px;
    display: inline-block !important;
  }
}
@media (min-width: 1600px) {
  .blog__wrapper {
    margin-top: 200px;
  }
}
.learn-more {
  color: #51237f;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.learn-more .icon {
  margin-left: 10px;
  vertical-align: bottom;
  width: 22px;
  height: 22px;
  display: none;
}
@media (min-width: 768px) {
  .learn-more .icon {
    display: inline-block;
  }
}
a.learn-more:hover {
  text-decoration: underline;
}
.view-all {
  font-size: 18px;
  color: #ffffff !important;
  background: #51237f;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 15px;
}
.view-all:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .view-all {
    font-size: 15px;
    padding: 0;
    color: inherit !important;
    background-color: transparent;
    display: inline;
    text-transform: none;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .view-all {
    font-size: 16px;
  }
}
.quoteMark {
  font-family: georgia;
  font-size: 60px;
  padding: 15px 0 5px;
}
.playVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  display: none;
  /*gh#142*/
}
.playVideo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  /*gh#142*/
  max-height: 660px;
  /*max-width: none;*/
}
.no-csstransforms .playVideo img {
  top: 0;
  left: 0;
}
.playVideo .icon {
  transition: opacity 0.3s;
  width: 120px;
  height: 120px;
}
.playVideo .icon:focus {
  outline: 2px dotted;
  outline-offset: 0px;
}
.no-csstransforms .playVideo {
  display: none;
}
@media (min-width: 880px) {
  .playVideo {
    display: block;
  }
  .isPlaying .playVideo {
    display: none;
  }
}
/*gh#142*/
@media (min-width: 880px) {
  .isPlaying .hero__caption {
    display: none;
  }
}
a.playVideo .icon {
  opacity: 0.75;
}
a.playVideo:hover .icon {
  opacity: 1;
}
.landingRow-image .playVideo {
  position: relative;
  /*gh#167*/
  overflow: hidden;
}
@media (min-width: 880px) {
  .landingRow-image .playVideo {
    overflow: visible;
  }
}
/*gh#137*/
.landingRow-image .lp-f-video {
  display: block;
  padding-bottom: 65%;
  margin-bottom: 20px;
}
.videoModal {
   display: none; 
}
.isPlaying .videoModal {
  display: block;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  overflow: visible; 
}
.isPlaying .videoModal:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 4;
}
.videoModal iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.modalWrapper {
  width: 60%;
  height: 0;
  padding-bottom: 33.75%;
  z-index: 99;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.closeModal {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(65px, -65px);
  width: 48px;
  height: 56px;
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/close-modal.png'); */
	background: url('/_images/global/close-modal.png');
  text-indent: 100%;
  overflow: hidden;
}
.closeModal:hover {
  opacity: 0.8;
}
.searchSite {
  background-color: #51237f;
  /*gh#116*/
  /*background-color: fade(@purple, 95%);*/
  /*gh#117 from 86px to 50px*/
  top: 50px;
  color: #ffffff;
  transform: translateY(-150%);
  transition: transform 0.5s;
  height: 100%;
  overflow: scroll;
  z-index: 99;
  position: fixed;
  /*gh#117*/
}
@media (min-width: 880px) {
  .searchSite {
    z-index: 100;
  }
}
.no-csstransforms .searchSite {
  display: none;
}
.searching .searchSite,
[data-active-search="true"] .searchSite {
  transform: translateY(0);
}
.no-csstransforms .searching .searchSite,
.no-csstransforms [data-active-search="true"] .searchSite {
  display: block;
}
.searchSite a.close-search {
  width: 34px;
  height: 34px;
  position: absolute;
  right: 170px;
  /*gh#116 from 47 to 150*/
  top: 150px;
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/searchpanel_close-white.svg'); */
	  background: url('/_images/global/searchpanel_close-white.svg');
  background-size: cover;
  display: none;
}
.searchSite a.close-search:hover {
  opacity: 0.6;
}
@media (min-width: 768px) {
  .searchSite {
    /*gh#117*/
    top: 86px;
    position: absolute;
    height: auto;
    overflow: auto;
  }
  .searchSite .btn {
    display: none;
  }
}
@media (min-width: 880px) {
  .searchSite {
    top: 0;
    padding: 70px 140px 60px 140px;
    /*gh#116 from 100 to 70*/
  }
  .searchSite a.close-search {
    display: block;
    top: 95px;
  }
}
@media (min-width: 1600px) {
  .searchSite {
    padding: 70px 215px 60px 215px;
    /*gh#116 - from 115 to 70*/
  }
  .searchSite a.close-search {
    right: 240px;
    top: 95px;
  }
}
.searchSite__form {
  /*gh#165*/
  /*padding: 50px 17px 32px;*/
  padding: 20px 17px 20px;
  /*gh#116*/
  /*gh#116*/
}
.searchSite__form input {
  font-size: 14px;
  color: #666666;
}
.searchSite__form input::-webkit-input-placeholder {
  color: #666666;
}
.searchSite__form input::-moz-placeholder {
  color: #666666;
}
.searchSite__form input:-ms-input-placeholder {
  color: #666666;
}
.searchSite__form input::placeholder {
  color: #666666;
}
.searchSite__form button {
  position: absolute;
  left: -100%;
  width: 90px;
  height: 90px;
  background-color: transparent;
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/searchpanel_whiteicon.svg'); */
	 background-image: url('/_images/global/searchpanel_whiteicon.svg');
  background-size: 30px;
  background-position: center;
}

/* NEW inline search results box */ 
 .detailSection .search-results__search-block h2, .detailSection .search-results__search-block  .h2 { 
    margin-right: 0px;
}

/* NEW inline search results box */ 
.searchResults.detailSection h3, .searchResults.detailSection .h3 {
  padding-bottom: 5px;
}

 
.searchSite-inline .searchSite__form { 
    padding: 0px 10px 0px 40px;
}
	 
.searchSite-inline .searchSite__form button { 
	position: absolute;
    left: 8px;
    right: 0;
    top: 0px;
    width: 35px;
    height: 47px; 
    background-size: 20px;  
}
 
body .searchSite-inline .searchSite__form input {
    font-size: 16px;
    line-height: 25px;
}

		
.searchSite-inline .searchSite__form input { 
    padding: 10px 20px 10px 8px;
}

/* WebKit browsers */
.searchSite-inline input:focus::-webkit-input-placeholder { color:transparent; }

/* Mozilla Firefox 4 to 18 */
.searchSite-inline input:focus:-moz-placeholder { color:transparent; }

/* Mozilla Firefox 19+ */
.searchSite-inline input:focus::-moz-placeholder { color:transparent; }

/* Internet Explorer 10+ */
.searchSite-inline input:focus:-ms-input-placeholder { color:transparent; }

/* END inline search results box */ 

.searchSite__form button .icon {
  width: 45px;
  height: 45px;
  background-size: 97%;
}
.searchSite__form button:hover {
  opacity: 0.6;
}
@media (min-width: 880px) {
  
	  		/* NEW inline search results box */ 
.searchSite-inline .searchSite__form input { padding: 5px 0 8px 85px; }
	
	/* NEW inline search results box */ 
.searchSite-inline .searchSite__form {  padding: 0px; }
	  
	/* NEW inline search results box */
.searchSite-inline .searchSite__form button { 
	position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    width: 90px;
    height: 68px; 
    background-size: 30px;  
}
	
	/* NEW inline search results box */ 
body .searchSite-inline .searchSite__form input {
    font-size: 40px;
    /* line-height: 1px; */
	height: 65px;
}	
	
	.searchSite__form {
    /*border-bottom: 1px solid @white;*/
    padding: 0;
  }
  .searchSite__form input {
    font-weight: 100 ;
    background: transparent;
    font-family: "roboto", sans-serif;
    font-size: 40px;
    line-height: 64px;
    padding: 12px 0 12px 85px;
    color: #ffffff;
    background-color: #5a3182;
  }
  .searchSite__form input::-webkit-input-placeholder {
    color: #ffffff;
  }
  .searchSite__form input::-moz-placeholder {
    color: #ffffff;
  }
  .searchSite__form input:-ms-input-placeholder {
    color: #ffffff;
  }
  .searchSite__form input::placeholder {
    color: #ffffff;
  }
  .searchSite__form input::-ms-clear {
    /*gh#166*/
    display: none;
  }
  .no-csstransforms .searchSite__form input {
    font-size: 30px;
  }
  .searchSite__form button {
    left: 0;
    /*gh#166*/
    right: 0;
    bottom: 0;
    top: 0;
  }
}
/*gh#116*/
.searchSite__suggestions-title {
  padding: 15px 20px 0 30px;
  font-weight: 100;
}
@media (min-width: 768px) {
  .searchSite__suggestions-title {
    padding-top: 0;
  }
}
@media (min-width: 880px) {
  .searchSite__suggestions-title {
    padding: 25px 0 10px 30px;
    /*gh#116*/
  }
}
.searchSite__suggestions {
  padding: 15px 25px;
  /*gh#116*/
}
.searchSite__suggestions a {
  padding: 10px 10px;
  color: #ffffff;
  font-size: 1.25em;
  line-height: 17px;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 880px) {
  .searchSite__suggestions {
    /*gh#116*/
    padding: 0 0 0 30px;
  }
  .searchSite__suggestions a {
    font-size: 16px;
    padding: 10px 60px 0 0;
    line-height: 23px;
  }
}
@media (min-width: 1280px) {
  .searchSite__suggestions a {
    font-size: 16px;
    padding: 10px 10px 0 0;
  }
}
@media (min-width: 1600px) {
  .searchSite__suggestions {
    white-space: nowrap;
  }
  .searchSite__suggestions a {
    display: inline-block;
    padding-left: 0;
    font-size: 16px;
  }
}
.searchSite__link a:hover {
  text-decoration: underline;
}
@media (min-width: 1280px) {
  .searchSite__link {
    padding-right: 60px;
  }
  .searchSite__link:nth-of-type(1n+5) {
    display: none;
  }
}
@media (min-width: 1280px) {
  .searchSite__link:nth-of-type(1n+5) {
    display: inline-block;
  }
}
/*end gh#116*/
body.searching:before {
  width: 100%;
  height: 100%;
  content: '';
  background-color: #51237f;
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  z-index: 2;
}
 



/* Library Search Styles */ 
body.library .library-search-wrapper input::-webkit-input-placeholder { color: #666666 !important; }
body.library .library-search-wrapper input::-moz-placeholder { color: #666666 !important; }
body.library .library-search-wrapper input:-ms-input-placeholder {  color: #666666 !important; }
body.library .library-search-wrapper input:-moz-placeholder {  color: #666666 !important; }

body.library .searchSite-inline  .h6 {margin-bottom: 0;}
body.library .searchSite-inline .library-instructions  {
	background: #0c7bc0;
	padding: 3px 10px;
	margin: 10px 0px 20px 0px;
	display: inline-block; 
	line-height: 1.4;
}

body.library .library-search-wrapper {   
	background-image: url('https://librarypreview.montgomerycollege.edu/_images/homepage/library-search-background.jpg');
	background-size: cover;
	background-position: center center;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px; 
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

body.library .searchSite-inline-wrapper {
	display: -ms-flexbox;
	display: flex; 
	height: auto;
  }

body.library .library-search-wrapper .searchSite-inline .searchSite__form { 
    margin-left: 5px;
}  

body.library .library-search-wrapper .searchSite-inline   { 
background-color: transparent;
  }
  
body.library  .library-search-wrapper .searchSite-inline.search-results__search-block { 
    color: #fff;
    width: 100%; 
} 

body.library .library-search-wrapper .searchSite-inline .searchSite__form button { 
	position: absolute;
    /* left: 0; */
    left: auto;
    right: 0px; 
    top: 2px;
    width: 60px;
    height: 47px; 
    background-size: 25px;  
	border-left: 1px solid #a2a2a2;
}

/*  body.library .searchSite-inline .searchSite__form button { 
    left: auto;
    right: 0px; 
} */

@media (min-width: 880px) { 
 body.library .searchSite-inline .searchSite__form button { 
    right: 0px !important; 
  }
}


 

body.library .library-search-wrapper .searchSite-inline .searchSite__form input  {
  font-size: 16px; 
  font-family: "open-sans", sans-serif; 
  font-weight: normal;
    line-height: 25px;
    padding: 10px 60px 10px 20px; 
    height: 50px;
}
 
body.library .library-search-wrapper .searchSite-inline .select-field select {  
    line-height: 25px;
    padding: 10px 20px 10px 10px; 
    height: 50px; 
     width: 50px; 
}

body.library .library-search-wrapper .select-field:after  { 
    right: 14px; 
    width: 24px; 
    background-color: #fff; height: 80%; top: 5px; 
} 

body.library .library-search-wrapper .searchSite-inline .searchSite__form {
    padding: 0px;
    flex: 1; 
} 

body.library .library-search-wrapper .searchSite-inline .searchSite__form .search-options input {
	height: auto;
	margin-right: 2px;
	margin-left: 0px; 
	width: 12px;
}
body.library .library-search-wrapper .searchSite-inline .searchSite__form .search-options label {
	margin-right: 30px;
	white-space: nowrap;
	line-height: 1;
}
body.library .library-search-wrapper .searchSite-inline .searchSite__form .search-options {
	font-size: 15px;
	margin-top: 5px;
}
body.library .library-search-wrapper .searchSite-inline .searchSite__form .search-options p {
	margin-bottom: 2px;
	 line-height: 1.4;
	
	display: inline-block;
}  

body.library .library-search-wrapper .searchSite-inline .searchSite__form .search-options a {
	/* font-weight: normal; */
	color: white;
	white-space: nowrap;
	text-decoration: underline;
}
body.library .library-search-wrapper .searchSite-inline .search-options a:hover {
	text-decoration: none;
}

body.library .library-search-wrapper  .searchSite-inline .search-options .select-field select {
	min-width: 100px;
	width: auto; 
	height: 30px;
	padding: 2px 40px 2px 10px;
}
body.library .library-search-wrapper .searchSite-inline  .search-options .select-field:after {
	width: 18px;
} 

body.library .library-search-wrapper .searchSite-inline .search-options .select-field {
    max-width: 115px;
	display: inline-block;
}



/* END Library Search Styles */
   
 
@media (min-width: 880px) {  
 body.library   .library-search-wrapper {   
  height: 400px; 
  padding-top: 5px;
  padding-bottom: 5px; 
} 

body.library .library-search-wrapper .searchSite-inline .select-field select {   
        min-width: 250px;   
}

body.library .library-search-wrapper .select-field:after  {   background-color: transparent; }
  
}


/* pinpoints narrow column if sidebar exists */
@media (min-width: 1025px) and (max-width: 1280px) { 
    body.library .page-container--has-sidebar .library-search-wrapper  .searchSite-inline .searchSite__form { 
    width: 100%;
     /* border: 1px solid red; */
		}

	body.library .library-search-wrapper  .searchSite-inline .select-field select {  min-width: 50px; }

	body.library .library-search-wrapper  .select-field:after  {   background-color: #fff; height: 80%; top: 5px; } 
}


@media (min-width: 1280px) {  
body.library .library-search-wrapper  .searchSite-inline.search-results__search-block {
    padding: 100px 100px;    
  }  
}


@media (min-width: 1600px) {  
body.library .library-search-wrapper  .searchSite-inline.search-results__search-block {
    padding: 100px 15%;    
  }  
}


/* NEW color block styles */

.box-title { background-color: #d0d0d0; padding: 2px 10px; clear: both; border: #eee solid 1px; float: left;  }

p.box-title, span.box-title { float: none; display: inline; padding: 2px 7px; }

.purple { background-color: #51237f; color: #fff; border: none; }
	a.purple, btn.purple, input.purple  { cursor: pointer;}
	a.purple:hover, btn.purple:hover, input.purple:hover { background-color: #452071  !important;}
.black { background-color: #000; color: #fff; border: none; }
	a.black, btn.black, input.black  { cursor: pointer;}
	a.black:hover, btn.black:hover, input.black:hover { background-color: #4c4c4c  !important;}
.gray { background-color: #666666; color: #fff; border: none;}
	a.gray, btn.gray, input.gray  { cursor: pointer;}
	a.gray:hover, btn.gray:hover, input.gray:hover  { background-color: #565353  !important;}
.gray-light { background-color: #d0d0d0; color: #666666 !important; border: none;}
	a.gray-light, btn.gray-light, input.gray-light  { cursor: pointer;}
	a.gray-light:hover, btn.gray-light:hover, input.gray-light:hover  { background-color: #b7b7b7 !important;}
.green { background-color: #28a689; color: #fff; border: none;}
	a.green, btn.green, input.green  { cursor: pointer;}
	a.green:hover, btn.green:hover, input.green:hover  { background-color: #229076  !important;}
.blue { /* background-color: #0e8ad9; */ background-color: #0c7bc0; color: #fff !important; border: none; }
	a.blue, btn.blue, input.blue  { cursor: pointer;}
	a.blue:hover, btn.blue:hover, input.blue:hover  { /* background: #0072b4 !important; */
	background: #04629c !important; }
.orange { background-color: #ff5e3a; color: #fff; border: none;}
	a.orange, btn.orange, input.orange  { cursor: pointer;}
	a.orange:hover, btn.orange:hover, input.orange:hover  { background-color: #ff3407  !important;}


.white-text, .white-text a { color: #fff !important;  }
.purple-text, .purple-text a { color: #51237f;  }
.black-text, .black-text a { color: #000;   }
.gray-text, .gray-text a { color: #666666;  }
.green-text, .green-text a { color: #28a689;   }
.blue-text, .blue-text a { /* color: #0e8ad9; */ color: #0c7bc0; }
.orange-text, .orange-text a { color: #ff5e3a;  }

/* NEW 20161206 PDF reader icon */
span.reader {
	white-space: nowrap;
	font-size: 90%;
	padding-left: 1px;
	/* padding-right: 4px; */
}

span.reader a:hover { opacity: .7; }

span.reader img, .detailSection span.reader img {
  width: 14px !important;
  height: 12px;
  margin: 0 0 -1px 0;
  padding: 0 0 0 2px;
  display: inline !important;
  float: none; }


.sidebar {
  background-color: #f0f0f0;
  padding: 0;
}
@media (min-width: 1025px) {
  .sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 410px;
    padding: 30px;
  }
}
.find-courses {
  background-color: #f0f0f0;
  padding: 5vw;
}

/* NEW */
.columns .find-courses {
    background-color: transparent;
    padding: 0vw;
}

.find-courses .find-courses__header {
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .find-courses .find-courses__description {
    max-width: 80%;
  }
}
.find-courses .find-courses__view-course-catalog {
  margin-top: 10px;
  margin-bottom: 30px;
}
.find-courses .find-courses__search {
  position: relative;
}
@media (min-width: 1025px) {
  .find-courses .find-courses__search {
    max-width: 80%;
  }

  /* NEW */
  .columns .find-courses .find-courses__search {
    max-width: 100%;
}


}
.find-courses .find-courses__search input {
  width: 100%;
  padding: 20px 65px 20px 20px;
  border: 1px solid #ccc;
}
.find-courses .find-courses__search .find-courses__search-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 65px;
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/search.png'); */
	background-image: url('/_images/global/search.png');
  background-repeat: no-repeat;
  background-position: center center;

  background-color: transparent; /* NEW */
}
.find-courses .find-courses__search .find-courses__search-button:hover {
  cursor: pointer;
  opacity: .6;
}
.find-courses .find-courses__search .find-courses__search-button:active {
  opacity: .8;
}
.cta-arrow {
  display: inline-block;
  position: relative;
  border-bottom: 1px solid transparent;
  transition: border 0.25s ease-in-out;
  font-weight: bold;
  line-height: 24px;
}
.cta-arrow::after {
  content: '';
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.014%2013.029%22%3E%3Ctitle%3ESVGs%3C%2Ftitle%3E%3Cpath%20fill%3D%22%2351237f%22%20d%3D%22M15.858%2C0.236a0.822%2C0.822%2C0%2C0%2C1%2C1.153%2C0l5.768%2C5.71%2C0.175%2C0.26%2C0.06%2C0.3v0.02l-0.062.3-0.177.262-5.759%2C5.705a0.822%2C0.822%2C0%2C0%2C1-1.153%2C0%2C0.8%2C0.8%2C0%2C0%2C1-.01-1.131l0.01-.01%2C4.374-4.33H0.837A0.808%2C0.808%2C0%2C0%2C1%2C.779%2C5.707H20.237l-4.374-4.33A0.8%2C0.8%2C0%2C0%2C1%2C15.848.246Zm0%2C0a0.822%2C0.822%2C0%2C0%2C1%2C1.153%2C0l5.768%2C5.71%2C0.175%2C0.26%2C0.06%2C0.3v0.02l-0.062.3-0.177.262-5.759%2C5.705a0.822%2C0.822%2C0%2C0%2C1-1.153%2C0%2C0.8%2C0.8%2C0%2C0%2C1-.01-1.131l0.01-.01%2C4.374-4.33H0.837A0.808%2C0.808%2C0%2C0%2C1%2C.779%2C5.707H20.237l-4.374-4.33A0.8%2C0.8%2C0%2C0%2C1%2C15.848.246Z%22%2F%3E%3C%2Fsvg%3E%0A');
  background-repeat: no-repeat;
  width: 22px;
  height: 14px;
  position: absolute;
  top: 4px;
  margin-left: 10px;
  transition: margin 0.25s ease-in-out;
}
.cta-arrow.white {
  color: #ffffff;
}
.cta-arrow.white::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.014%2013.029%22%3E%3Ctitle%3ESVGs%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M15.858%2C0.236a0.822%2C0.822%2C0%2C0%2C1%2C1.153%2C0l5.768%2C5.71%2C0.175%2C0.26%2C0.06%2C0.3v0.02l-0.062.3-0.177.262-5.759%2C5.705a0.822%2C0.822%2C0%2C0%2C1-1.153%2C0%2C0.8%2C0.8%2C0%2C0%2C1-.01-1.131l0.01-.01%2C4.374-4.33H0.837A0.808%2C0.808%2C0%2C0%2C1%2C.779%2C5.707H20.237l-4.374-4.33A0.8%2C0.8%2C0%2C0%2C1%2C15.848.246Zm0%2C0a0.822%2C0.822%2C0%2C0%2C1%2C1.153%2C0l5.768%2C5.71%2C0.175%2C0.26%2C0.06%2C0.3v0.02l-0.062.3-0.177.262-5.759%2C5.705a0.822%2C0.822%2C0%2C0%2C1-1.153%2C0%2C0.8%2C0.8%2C0%2C0%2C1-.01-1.131l0.01-.01%2C4.374-4.33H0.837A0.808%2C0.808%2C0%2C0%2C1%2C.779%2C5.707H20.237l-4.374-4.33A0.8%2C0.8%2C0%2C0%2C1%2C15.848.246Z%22%2F%3E%3C%2Fsvg%3E%0A');
}
.cta-arrow.white:hover {
  border-bottom: 1px solid #ffffff;
}
.cta-arrow:hover {
  border-bottom: 1px solid #51237f;
}
.cta-arrow:hover:after {
  margin-left: 20px;
}
.testimonial {
  padding: 0 5vw;
  height: 480px;
  background-color: #51237f;
  color: #ffffff;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
 /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/desktop_quoteblock_bg.jpg'); */
	background-image: url('/_images/global/desktop_quoteblock_bg.jpg');
  background-size: cover;
  background-position: center center;
}
.universal-page-container .testimonial {
  margin-bottom: 10px; /* NEW */
}
.testimonial .testimonial__wrapper {
  display: block;
  width: 100%;
}
.testimonial .testimonial__headline {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
  margin-top: 30px;
  margin-bottom: 20px;
}
.testimonial .testimonial__tagline {
  max-width: 100%;
  font-family: 'kepler-std-display', serif;
  font-size: 26px;
  line-height: 1.25;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .testimonial .testimonial__tagline {
    max-width: 800px;
  }
}
.testimonial .testimonial__name {
  padding-left: 20px;
  padding-right: 20px;
}
.testimonial .testimonial__name span {
  display: block;
}
@media (min-width: 768px) {
  .testimonial .testimonial__name span {
    display: inline-block;
  }
}
.testimonial .testimonial__name .no-mobile {
  display: none;
}
@media (min-width: 768px) {
  .testimonial .testimonial__name .no-mobile {
    display: inline-block;
  }
}

/* added to prevent text cutting off on mobile */
@media (max-width: 768px) {
	.testimonial {
		padding:  5vw;
		height: auto; 
	}
}

.cards {
	display: block;
}
@media (min-width: 1025px) {
	.cards {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
.layout-container--with-sidebar .cards {
	display: block;
}
@media (min-width: 1280px) {
	.layout-container--with-sidebar .cards {
		display: -ms-flexbox;
		display: flex;
	}
}
.cards .card {
	padding-top: 20px;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	width: 100%;
}

 
.toolbar-header {background-color: #51237f; color: #fff; font-weight: bold; display: block; width: 100%; text-align: center; padding: 12px;
  margin: 0px 0px 15px 0px;}

 
.columns-2 .cards .card { 
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	
	min-width: 0; /* added to fix hyphens and word wrapping on flex elements 20190321 */
}

.columns-3 .cards .card {  
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
}

.columns.columns-background .cards .card__wrapper {  
	/* border: 1px solid #eee;
	background: #f9f9f9;  */
	background: #f0f0f0;
}

.columns .cards .card__wrapper {  
	border: none;
	background: #fff;
}

.columns.columns-background .cards .card__wrapper .h3,
.columns.columns-background .cards .card__wrapper .h2,
.columns.columns-background .cards .card__wrapper .h1 {  
	font-size: 30px;
	line-height: 35px;
}



/* Word wrapping styles for flex items and anchors. Flex container must have style of min-width: 0 */

.columns .cards .card a[href^="mailto"],
.pod .pod__description-container a[href^="mailto"],
.callout-content a[href^="mailto"],
.card__description a[href^="mailto"] {  
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* -webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; */ 
	word-break:break-all;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}


@media (max-width: 1280px) {
	.columns .cards .card,
	.cards .card,
	.pod .pod__description-container,
	.pod .toolbar-header { 
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto; 
	}
} 

/* added to increase max width for three columned items with a sidebar 20190321 */
@media (max-width: 1920px) {
	.layout-container--with-sidebar .columns.columns-3 .cards .card,
	.layout-container--with-sidebar .cards .card,
	.layout-container--with-sidebar .pod .pod__description-container,
	.layout-container--with-sidebar .pod .toolbar-header { 
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto; 
	}
}

/* added so two columned items will word wrap at a smaller width 20190321 */
@media (min-width: 1500px) {
	.columns.columns-2 .cards .card  { 
		overflow-wrap: normal;
		word-wrap: normal;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;  
	}
}



/* NEW Faculty Snippet 20180911 */
.faculty-listing {
    clear: both;
}

.faculty-listing a[href^="mailto"], .faculty-columns .col   {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; 
}
.faculty-listing .col-md-auto { 
	width: auto;
	max-width: 300px;
	min-width: 200px; }

.faculty-columns {
	display: flex;
	align-items: center;
}


.faculty-listing .faculty-name span {font-size: 22px;}
.faculty-listing .faculty-name .btn {margin-top: 10px;}

.faculty-listing .faculty-columns img {
	max-width: 100px;
	float: left;
	margin-right: 10px; 
}

.faculty-listing .faculty-columns .profile-photo {
	width: 100px;
	/* min-height: 114px; */
	min-height: 100px;
	float: left;
	margin-right: 10px; 
	background-color: #c3c3c3;
	flex: none;
}


.faculty-listing .faculty-columns .col {
	padding-right: 20px; 
}

.faculty-listing .faculty-columns .col:last-child {
	padding-right: 0px; 
}


.faculty-listing .accordion-list .panel-title a { 
	padding: 5px 45px 5px 5px; }


.faculty-listing  .accordion-list .js-tabcollapse-panel-heading .plus-minus__icon { 
	top: 43%;
}



.faculty-listing .accordion-list .panel-title a.js-tabcollapse-panel-heading   .plus-minus__icon::before,
.faculty-listing .accordion-list .panel-title a.js-tabcollapse-panel-heading  .plus-minus__icon::after {
    background-color: #fff; 
} 

.faculty-listing .accordion-list .panel-title a.js-tabcollapse-panel-heading.collapsed   .plus-minus__icon::before,
.faculty-listing .accordion-list .panel-title a.js-tabcollapse-panel-heading.collapsed  .plus-minus__icon::after {
    background-color: #333;
} 

.faculty-listing .accordion-list .panel-title a { 
    color: #fff; ;
    background-color: #333;
    font-weight: normal;
    line-height: 1.4;
}


.universal-page-container .faculty-listing  .cards-section.section-padding-all {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0vw;
    padding-right: 0vw;
}

.faculty-listing  .accordion-list .panel-body {
    padding: 10px 15px 10px 15px;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    line-height: 1.625;
    margin-bottom: 0px;
}

.faculty-listing .accordion-list {
    margin-bottom: 5px;
}

.faculty-listing  .panel-title {font-size: 16px;}
.faculty-listing  .panel-body {font-size: 14px;}
.faculty-listing  p {margin-bottom: 5px;}

 

@media (max-width: 1280px) {
 
 .faculty-listing .faculty-columns .col  {  
    overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; 
  }
  }

@media (max-width: 768px) {
	 
.faculty-columns {
    display: block;
    align-items: center;
}

.faculty-listing .col-md-auto {
display: block;
width: 100%;
max-width: none;
min-width: none; }
 

.faculty-listing .faculty-columns .col {padding-bottom: 8px; }
 .faculty-listing .faculty-columns .col:last-child {
padding-bottom: 0px; 
  }
  
  
  .faculty-listing .accordion-list .js-tabcollapse-panel-heading .plus-minus__icon { 
    bottom: 10px;
    top: auto;
    right: 50%;
}

.faculty-listing .accordion-list .panel-title a {
    padding: 12px 12px 40px 12px;
} 

.faculty-listing .faculty-columns img {
max-width: 80px;
float: none;
display: block;
margin-right: 0px;
margin-bottom: 10px;
} 
	
.faculty-listing .faculty-columns .profile-photo {
width: 80px;
/* min-height: 90px; */
min-height: 80px;
}

.faculty-listing .faculty-columns .profile-photo img { margin-bottom: 0px; }	
	
} 

.faculty-listing .card__wrapper p:last-child {margin-bottom: 0px;}

/* END Faculty Snippet */ 

@media (min-width: 768px) {
 /* NEW NEW */
.columns .btn {
    width: auto;
    word-wrap: break-word;
    white-space: normal;
    margin: 10px auto;
	padding: 16px 32px;
    }
}

@media (min-width: 1025px) {
  .cards .card {
    padding-top: 10px;
  }
}
@media (min-width: 1600px) {
  .cards .card {
    padding-top: 20px;
  }
}
.cards .card:nth-child(1) {
  padding-top: 0;
}
.cards .card:nth-child(2),
.cards .card:nth-child(3) {
  padding-top: 20px;
}
@media (min-width: 1025px) {
  .cards .card:nth-child(2),
  .cards .card:nth-child(3) {
    padding-top: 0;
  }
}
.cards .card:nth-child(3n-2) .card__wrapper {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1025px) {
  .cards .card:nth-child(3n-2) .card__wrapper {
    /* margin-left: 0px; */
    margin-right: 5px;
    
    /* NEW column margin fix */ 
    margin-left: 5px;
  }
}
@media (min-width: 1600px) {
  .cards .card:nth-child(3n-2) .card__wrapper {
    /* margin-left: 0px; */
    margin-right: 10px;
    
    /* NEW column margin fix */ 
    margin-left: 10px;
  }
}
.cards .card:nth-child(3n-1) .card__wrapper {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1025px) {
  .cards .card:nth-child(3n-1) .card__wrapper {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 1600px) {
  .cards .card:nth-child(3n-1) .card__wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.cards .card:nth-child(3n) .card__wrapper {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1025px) {
  .cards .card:nth-child(3n) .card__wrapper {
    margin-left: 5px;
     /* margin-right: 0px; */
    
    /* NEW column margin fix */ 
    margin-right: 5px;
  }
}
@media (min-width: 1600px) {
	.cards .card:nth-child(3n) .card__wrapper {
		margin-left: 10px;
		/* margin-right: 0px; */

		/* NEW column margin fix */ 
		margin-right: 10px;
	}
}
@media (min-width: 1025px) {
  .cards .card {
    width: 33.33%;
    width: auto;
  }
}
.layout-container--with-sidebar .cards .card {
  padding-top: 20px;
  display: block;
  width: 100%;
}
@media (min-width: 1280px) {
  .layout-container--with-sidebar .cards .card {
    padding-top: 10px;
  }
}
@media (min-width: 1600px) {
  .layout-container--with-sidebar .cards .card {
    padding-top: 20px;
  }
}
.layout-container--with-sidebar .cards .card:nth-child(1) {
	padding-top: 0;
}
.layout-container--with-sidebar .cards .card:nth-child(2),
.layout-container--with-sidebar .cards .card:nth-child(3) {
	padding-top: 20px;
}
@media (min-width: 1280px) {
	.layout-container--with-sidebar .cards .card:nth-child(2),
	.layout-container--with-sidebar .cards .card:nth-child(3) {
		padding-top: 0;
	}
}
.layout-container--with-sidebar .cards .card:nth-child(3n-2) .card__wrapper {
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 1280px) {
	.layout-container--with-sidebar .cards .card:nth-child(3n-2) .card__wrapper {
		/* margin-left: 0px;
		margin-right: 5px;*/

		/* NEW column margin fix */ 
		margin-right: 5px;
		margin-left: 5px;
	}

	.layout-container--with-sidebar .tripod .pods-container .pod:nth-child(3n-2),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3n-2)  {
		margin-left: 0px;
		margin-right: 0px;
	}

}
@media (min-width: 1600px) {
	.layout-container--with-sidebar .cards .card:nth-child(3n-2) .card__wrapper {
		/* margin-left: 0px;
		margin-right: 10px; */

		/* NEW column margin fix */ 
		margin-right: 10px;
		margin-left: 10px;
	}

	.layout-container--with-sidebar  .tripod .pods-container .pod:nth-child(3),
	.layout-container--with-sidebar   .tripod .pods-container .pod:nth-child(3n-2),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3n-2) {
		margin-left: 0px;
		margin-right: 10px;
	}

	.layout-container--with-sidebar  .tripod .pods-container .pod:nth-child(3),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3)    {
		margin-left: 10px;
	}


	.layout-container--with-sidebar  .tripod .pods-container .pod:last-child,
	.page-container--full-width .tripod .pods-container .pod:last-child     {
		margin-right: 0px !important;
	}

}
.layout-container--with-sidebar .cards .card:nth-child(3n-1) .card__wrapper {
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 1280px) {
	.layout-container--with-sidebar .cards .card:nth-child(3n-1) .card__wrapper,
	.layout-container--with-sidebar   .tripod .pods-container .pod:nth-child(3n-1),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3n-1) /* NEW NEW NEW NEW */ {
		margin-left: 5px;
		margin-right: 5px;
	}


	.layout-container--with-sidebar   .tripod .pods-container .pod:nth-child(3n-1),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3n-1) {
		margin-left: 10px;
		margin-right: 10px;
	}
}


@media (min-width: 1600px) {
	.layout-container--with-sidebar .cards .card:nth-child(3n-1) .card__wrapper {
		margin-left: 10px;
		margin-right: 10px;
	}

	.layout-container--with-sidebar .tripod .pods-container .pod:nth-child(3n-1),
	.page-container--full-width .tripod .pods-container .pod:nth-child(3n-1)  {
		margin-left: 10px;
		margin-right: 10px;
	}
}
.layout-container--with-sidebar .cards .card:nth-child(3n) .card__wrapper {
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 1280px) {
	.layout-container--with-sidebar .cards .card:nth-child(3n) .card__wrapper {
		margin-left: 5px;

		/* margin-right: 0px; */

		/* NEW column margin fix */ 
		margin-right: 5px;
	}
}
@media (min-width: 1600px) {
	.layout-container--with-sidebar .cards .card:nth-child(3n) .card__wrapper {
		margin-left: 10px;
		/* margin-right: 0px; */

		/* NEW column margin fix */ 
		margin-right: 10px;
	}
}
@media (min-width: 1280px) {
	.layout-container--with-sidebar .cards .card {
		display: -ms-flexbox;
		display: flex;
		width: 33.33%;
		min-width: 0; /* added to fix hyphens and word wrapping on flex elements 20190321 */
	}
}
.layout-container--with-sidebar .cards .card:nth-child(1) {
	padding-top: 0;
}
.cards .card__wrapper {
	display: -ms-flexbox;
	display: flex;  
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 6.945%;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	width: 100%;
	-ms-flex-pack: start;
	justify-content: flex-start;
	overflow: hidden;
}


/* NEW cards-condensed */
.columns-background.cards-condensed-mid  .cards .card__wrapper,
.universal-page-container__bottom  .columns-background.cards-condensed-mid  .cards .card__wrapper { padding: 15px; }
.cards-condensed-mid  .cards .card__wrapper,
.universal-page-container__bottom .cards-condensed-mid  .cards .card__wrapper { padding: 8px; }

.columns-background.cards-condensed-min  .cards .card__wrapper,
.universal-page-container__bottom  .columns-background.cards-condensed-min  .cards .card__wrapper { padding: 10px; }

.cards-condensed-min  .cards .card__wrapper,
.universal-page-container__bottom .cards-condensed-min  .cards .card__wrapper { padding: 0px; } 


/* NEW cards-condensed */
.universal-page-container__bottom .columns.columns-background   .cards .card__wrapper {   background: #fff; }
.universal-page-container__bottom  .columns .cards .card__wrapper { background: transparent; }



.universal-page-container__bottom .cards .card__wrapper {
 padding-top: 25px;
 padding-bottom: 25px;
}

/* NEW cards-condensed */
.universal-page-container__bottom .columns .cards-condensed-min .cards .card__wrapper {
 padding-top: 15px;
 padding-bottom: 15px;
}

/* NEW cards-category */
.cards-category .cards .card__wrapper .image-captioned.center { margin-bottom: 2px; display: block;}
.universal-page-container .cards-category {  padding-bottom: 0px !important; } 
.cards-category .cards .card__wrapper { padding-bottom: 10px; padding-top:10px; }
.cards-category .cards .card__wrapper ul { padding-left: 25px; }
.cards-category .accordion-list {  margin-bottom: 0px; }
.cards-category .accordion-list .panel-title a {
    display: flex;
    align-items: center;
    min-height: 80px;
    padding-left: 20px;
}
.cards-category  .accordion-list .js-tabcollapse-panel-heading .plus-minus__icon { top: 43%; }
.cards-category  .accordion-list .panel-title a span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.2;
}

.cards-category  .accordion-list .panel-title a {
    color: #fff;
    background-color: #333;
    font-weight: normal;
    line-height: 1.4;
} 
 
.cards-category  .accordion-list .panel-title a.js-tabcollapse-panel-heading .plus-minus__icon::before {  background-color: #fff; }

.cards-category  .accordion-list .panel-title a.js-tabcollapse-panel-heading.collapsed .plus-minus__icon::before  {  background-color: #333; }

.cards-category.cards-category-icons .image-captioned  img { 
	height: 150px; 
	width: auto; 
	margin: 0px auto 20px auto;
}

/* END cards-category */


@media (min-width: 768px) {
  .cards .card__wrapper {
    padding: 30px;
  }
	
	/* NEW cards-condensed */
.columns-background.cards-condensed-mid  .cards .card__wrapper,
.universal-page-container__bottom  .columns-background.cards-condensed-mid  .cards .card__wrapper { padding: 20px; }
.cards-condensed-mid  .cards .card__wrapper,
.universal-page-container__bottom .cards-condensed-mid  .cards .card__wrapper { padding: 8px; }

.columns-background.cards-condensed-min  .cards .card__wrapper,
.universal-page-container__bottom  .columns-background.cards-condensed-min  .cards .card__wrapper { padding: 12px; }
.cards-condensed-min  .cards .card__wrapper,
.universal-page-container__bottom .cards-condensed-min  .cards .card__wrapper { padding: 0px; }
	
/* NEW cards-category */
	.cards-category .card__wrapper {max-width: 550px; margin-right: auto; margin-left: auto;}
	
	.cards-category  .cards .card:nth-child(3n-2) .card__wrapper,
	.cards-category  .cards .card:nth-child(3n) .card__wrapper,
	.cards-category .cards .card:nth-child(3n-1) .card__wrapper {
    margin-left: auto;
    margin-right: auto;
}  
.cards-category  .accordion-list .panel-title a span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.2;
}
/* END cards-category */	
	
}


@media (min-width: 1280px) {
  .cards .card__wrapper {
    padding: 35px;
  }
	
	/* NEW cards-condensed */
.columns-background.cards-condensed-mid  .cards .card__wrapper { padding: 23px; }
.cards-condensed-mid  .cards .card__wrapper { padding: 12px; }


/* NEW cards-condensed */
.columns-background.cards-condensed-min  .cards .card__wrapper { padding: 12px; }
.cards-condensed-min  .cards .card__wrapper { padding: 0px; }
	
}
@media (min-width: 1600px) {
  .cards .card__wrapper {
    padding: 40px;
  }
	
	  
/* NEW cards-condensed */
.columns-background.cards-condensed-mid  .cards .card__wrapper { padding: 23px; }
.cards-condensed-mid  .cards .card__wrapper { padding: 12px; }

/* NEW cards-condensed */
.columns-background.cards-condensed-min  .cards .card__wrapper { padding: 12px; }
.cards-condensed-min  .cards .card__wrapper { padding: 0px; }
	
	
}
@media (min-width: 1920px) {
  .cards .card__wrapper {
    padding: 55px;
  }
}
@media (min-width: 768px) {
  .layout-container--with-sidebar .cards .card__wrapper {
    padding: 30px;
  }
	
	/* NEW cards-condensed */
  .layout-container--with-sidebar .columns-background.cards-condensed-min  .cards .card__wrapper { padding: 12px; }
 .layout-container--with-sidebar .cards-condensed-min  .cards .card__wrapper { padding: 0px; }
	
}
@media (min-width: 1280px) {
  .layout-container--with-sidebar .cards .card__wrapper {
    padding: 30px;
  }
	
	
	/* NEW cards-condensed */
.layout-container--with-sidebar .columns-background.cards-condensed-mid  .cards .card__wrapper { padding: 23px; }
.layout-container--with-sidebar .cards-condensed-mid  .cards .card__wrapper { padding: 12px; }


/* NEW cards-condensed */
.layout-container--with-sidebar .columns-background.cards-condensed-min  .cards .card__wrapper { padding: 12px; }
.layout-container--with-sidebar .cards-condensed-min  .cards .card__wrapper { padding: 0px; }

	
	
}
@media (min-width: 1600px) {
	.layout-container--with-sidebar .cards .card__wrapper {
		padding: 40px;
	}

	/* NEW cards-category */
	.cards-category .card__wrapper {max-width: 610px;}
	/* NEW cards-category */
	.layout-container--with-sidebar .cards-category .card__wrapper {  padding: 40px 90px; }

	/* NEW cards-condensed */
	.layout-container--with-sidebar .columns-background.cards-condensed-mid  .cards .card__wrapper { padding: 23px; }
	.layout-container--with-sidebar .cards-condensed-mid  .cards .card__wrapper { padding: 12px; }


	/* NEW cards-condensed */
	.layout-container--with-sidebar .columns-background.cards-condensed-min  .cards .card__wrapper { padding: 12px; }
	.layout-container--with-sidebar .cards-condensed-min  .cards .card__wrapper { padding: 0px; } 
}
@media (min-width: 1920px) {
  .layout-container--with-sidebar .cards .card__wrapper {
    padding: 55px;
  }
}
.cards .card__title {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  display: block;
}
.cards .card__title:hover {
  text-decoration: underline;
}
.cards .card__description {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 25px;
}
.cards .card__cta {
  position: relative;
  margin-top: auto;
}
.cards .card__cta a {
  white-space: pre-wrap;
}
.accordion-item .accordion-item__arrow {
  position: absolute;
  top: 45%;
  font-size: 60px;
  transition: transform 0.5s ease-in-out, 0.25s opacity ease-in-out;
  transform: rotate(180deg);
  right: 5vw;
}
@media (min-width: 768px) {
  .accordion-item .accordion-item__arrow {
    right: 40px;
  }
}
.accordion-item.inactive .accordion-item__arrow {
  transform: rotate(0deg);
}
.accordion-items {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  /* .accordion-items { NEW MC removed because padding was added only to the container
    padding-left: 5vw;
    padding-right: 5vw;
  } */
}

/* NEW added padding to accommodate restructuring in CMS  */
.accordion-items {
  margin-bottom: 20px;
	clear: both; /* NEW to prevent floating elements from overlapping accordions */
}

.accordion-items .accordion-item {
  overflow: hidden;
  border: 1px solid #d0d0d0;
  background-color: #f0f0f0;
  margin-bottom: 20px;
}
.accordion-items .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-items .accordion-item .accordion-item__control {
  cursor: pointer;
  /* padding: 30px 90px 30px 5vw; */
  /* NEW ACCORDION styles */
  padding: 15px 80px 15px 25px;
  position: relative;
}

.accordion-items .accordion-item__content .accordion-item__tagline { display: block;}

@media (min-width: 768px) {
  
	.accordion-items .accordion-item__content .accordion-item__tagline { display: none; }
	.accordion-items .accordion-item .accordion-item__control {
    padding: 30px 100px 30px 40px;
  }
}
.accordion-items .accordion-item .accordion-item__control .accordion-item__arrow {
  opacity: 1;
}
.accordion-items .accordion-item .accordion-item__control:hover .accordion-item__arrow {
  opacity: .4;
}
.accordion-items .accordion-item .accordion-item__control:active .accordion-item__arrow {
  opacity: .6;
}
.accordion-items .accordion-item .accordion-item__control .accordion-item__title {
  text-transform: none;
  color: #51237f;
	/* NEW ACCORDION styles */
   margin-bottom: 0px;
}
.accordion-items .accordion-item .accordion-item__control .accordion-item__tagline {
  display: none;
}

.accordion-items .accordion-item .accordion-item__control p.accordion-item__tagline /* NEW */ {
  margin-bottom: 0;
	
	 /* NEW ACCORDION styles */
   line-height: 1.4;
}

@media (min-width: 768px) {
	
	
	  .accordion-items .accordion-item .accordion-item__control {
    /* padding: 30px 100px 30px 40px; */
    /* NEW ACCORDION styles */
        padding: 15px 80px 15px 25px;
  }
  
      /* NEW ACCORDION styles */
  .accordion-items .accordion-item .accordion-item__control .accordion-item__title {
    margin-bottom: 7px;
}
	
	
	
	
  .accordion-items .accordion-item .accordion-item__control .accordion-item__tagline {
    display: block;
  }
}
.accordion-items .accordion-item .accordion-item__content {
  padding: 20px 40px 40px 40px;
  overflow: hidden;
}


@media (min-width: 1025px) {
  .page-container--full-width .tripod .pods-container {
    display: -ms-flexbox;
    display: flex;
        /* -ms-flex-pack: justify;
    justify-content: space-between; */
     -ms-flex-pack: center;  
    justify-content: center;  
  }
  .page-container--full-width .tripod .pods-container .pod {
    width: 460px;
    padding-left: 0;
    padding-right: 0;
    /* margin: 0; */
     margin-bottom: 0px;
  }
  .page-container--full-width .tripod .pods-container .pod .pod__description-container > p {
    font-size: 15px;
    line-height: 25px;
  }

  /* NEW NEW NEW NEW */
  .page-container--full-width .tripod .pods-container .pod   {
    margin-left: 0px;
    margin-right: 10px;
  }

}
@media (min-width: 1280px) {
  .page-container--has-sidebar .tripod .pods-container {
    display: -ms-flexbox;
    display: flex;
       /* -ms-flex-pack: justify;
    justify-content: space-between; */
     -ms-flex-pack: center;  
    justify-content: center;  
  }
  .page-container--has-sidebar .tripod .pods-container .pod {
    width: 460px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
  .page-container--has-sidebar .tripod .pods-container .pod .pod__description-container > p {
    font-size: 15px;
    line-height: 25px;
  }
}
.tripod {
  padding-left: 0;
  padding-right: 0;
  background-color: #f0f0f0;
}

.universal-page-container .layout-container__block:after /* NEW */ {
  content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   width: 0;
   clear: both;
}

.universal-page-container .universal-page-container__top .tripod,
.universal-page-container .tab-content .tripod  /* NEW added for creation of one universal template */ {
  background-color: #fff;
}

.universal-page-container .universal-page-container__top .tripod .pod,
.universal-page-container .tab-content .tripod .pod /* NEW added for creation of one universal template */ {
  border: 1px solid #d0d0d0;
}

.universal-page-container .universal-page-container__top .gray-section-background .tripod .pod  /* NEW added for creation of one universal template */ {border: none;}
.universal-page-container .universal-page-container__top .gray-section-background  .tripod /* NEW added for creation of one universal template */ {
  background-color: #f0f0f0;
}

@media (min-width: 768px) {
  .tripod {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .universal-page-container   .tripod /* NEW added for creation of one universal template */ {
    padding-left: 0vw;
    padding-right: 0vw;
  }

.universal-page-container  .layout-container--full .tripod /* NEW added for creation of one universal template */ {
    padding-left: 5vw;
    padding-right: 5vw;
  }

}
.tripod .pods-container .pod {
   /* -ms-flex: 0 0 32%;
  flex: 0 0 32%; */

  /* NEW NEW NEW NEW */
  /* -ms-flex: 0 0 32.5%;
  flex: 0 0 32.5%; */
  -ms-flex: 0 0 32.25%;
  flex: 0 0 32.25%;

  margin-bottom: 5px;
  max-width: 100%;
  position: relative;
  width: 100%;
  background-color: #f0f0f0;
}


/* NEW NEW NEW NEW */
.tripod-section .tripod .pods-container .pod:first-child {
  margin-left: 0px;
    /* border: 1px solid red; */
}


/* NEW NEW NEW NEW */
@media (max-width: 1599px) {
.tripod .pods-container .pod {
  -ms-flex: 0 0 32.6%;
  flex: 0 0 32.6%;

  /* border: 1px solid blue; */
}

}

/* NEW NEW NEW NEW */
@media (max-width: 1279px) {
.tripod-section .tripod .pods-container .pod:first-child {
  margin-left: 0px;
    /* border: 1px solid orange; */
}
}

.tripod .pods-container .pod:last-child {
  margin: 0;
}
.tripod .pods-container .pod img {
  width: 100%;
  display: block;
}
.tripod .pods-container .pod .pod__title {
  display: block;
  background: #51237f;
  color: #ffffff;
  padding: 30px;
  text-transform: none;
  margin-bottom: 0px; /* NEW NEW NEW NEW */
}
.tripod .pods-container .pod .pod__title:hover {
  text-decoration: underline;
}
.tripod .pods-container .pod .pod__description-container {
  display: none;
}
.tripod .pods-container .pod .pod__cta-container {
  margin-top: 30px;
  position: absolute;
  bottom: 30px;
}
@media (min-width: 768px) {
  .tripod .pods-container .pod {
    background-color: #ffffff;
    margin-bottom: 30px;
    width: auto;
  }
  .tripod .pods-container .pod img {
    width: 100%;
  }
  .tripod .pods-container .pod .pod__title {
    color: #333333;
    background: #ffffff;
    position: static;
    padding: 25px 30px 10px 30px;
  }
  .tripod .pods-container .pod .pod__description-container {
    display: block;
    padding: 0 30px 30px 30px;
    padding: 0 30px 86px 30px;
  }
}



/* NEW reduce cards title at tablet size */  
 @media (min-width:1280px) and (max-width:1500px) { 
	.tripod .pods-container .pod .pod__title {
		font-size: 19px;
		line-height: 1.35;
	}
}



 .tripod-title .pods-container .pod .pod__description-container {
  display: block;
}

 
 .tripod-title .pods-container .pod .pod__cta-container {
  margin-top: 30px;
  position: relative;
  bottom: 30px;
}

  .tripod.tripod-title  .pods-container .pod {
    background-color: #ffffff;
    margin-bottom: 30px;
    width: auto;
  }
  .tripod.tripod-title  .pods-container .pod img {
    width: 100%;
  }

  .tripod.tripod-title  .pods-container .pod .btn {
    white-space: normal;
  }

  .tripod.tripod-title  .pods-container .pod .pod__title {
    color: #333333;
    background: #ffffff;
    position: static;
    padding: 25px 30px 10px 30px;
  }
  .tripod.tripod-title  .pods-container .pod .pod__description-container {
    display: block;
    padding: 0 30px 30px 30px;
  }


.tripod-show .tripod {
  padding-top: 5px;
}
@media (min-width: 768px) {
  .tripod-show .tripod {
    padding-top: 30px;
  }
}
@media (min-width: 880px) {
  .tripod-show {
    background-color: #f0f0f0;
    padding-top: 10px;
  }
  .tripod-show .tripod {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
.quick-contact-container {
  margin-left: 5vw;
  margin-right: 5vw;
}
.quick-contact-container .quick-contact {
  background-color: #333333;
  color: #ffffff;
  padding: 40px;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .quick-contact-container .quick-contact {
    padding: 40px 80px;
  }
}
.quick-contact-container .quick-contact .quick-contact__title {
  font-size: 30px;
}
@media (min-width: 880px) {
  .quick-contact-container .quick-contact .quick-contact__title {
    font-size: 35px;
    line-height: 40px;
  }
}
.quick-contact-container .quick-contact .quick-contact__description {
  font-size: 15px;
  margin-bottom: 10px;
}
.quick-contact-container .quick-contact .quick-contact__form {
  display: block;
}
.quick-contact-container .quick-contact .quick-contact__form .quick-contact__form__row {
  display: block;
}
@media (min-width: 768px) {
  .quick-contact-container .quick-contact .quick-contact__form .quick-contact__form__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .quick-contact-container .quick-contact .quick-contact__form .quick-contact__form__row:first-child {
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
}
@media (min-width: 880px) {
  .quick-contact-container .quick-contact .quick-contact__form .quick-contact__form__row:first-child input:nth-child(4) {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .quick-contact-container .quick-contact .quick-contact__form .quick-contact__form__row:first-child input:nth-child(4) {
    margin-right: 20px;
  }
}
.quick-contact-container .quick-contact .quick-contact__form input {
  width: 100%;
  margin-right: 20px;
  margin-bottom: 20px;
  height: 45px;
}
.quick-contact-container .quick-contact .quick-contact__form input#quick-contact__form__email {
  margin-right: 0;
}
@media (min-width: 1280px) {
  .quick-contact-container .quick-contact .quick-contact__form input {
    height: 60px;
  }
}
.quick-contact-container .quick-contact .quick-contact__form .btn {
  margin-right: 0px;
  margin-bottom: 20px;
  height: 45px;
  width: 100%;
  min-width: 128px;
  font-size: 15px;
}
@media (min-width: 768px) {
  .quick-contact-container .quick-contact .quick-contact__form .btn {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .quick-contact-container .quick-contact .quick-contact__form .btn {
    height: 60px;
  }
}
@media (min-width: 1280px) {
  .quick-contact-container .quick-contact .quick-contact__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.join-conversation {
  text-align: center;
  padding-left: 5vw;
  padding-right: 5vw;
}

.sidebar-wrapper .join-conversation  .join-conversation__title,
.sidebar-wrapper .join-conversation  .join-conversation__description { text-align: center;}

.universal-page-container .sidebar-wrapper  .join-conversation   { padding-left: 0vw; padding-right: 0vw; }

.join-conversation .join-conversation__description {
  margin-top: 15px;
  margin-bottom: 25px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.join-conversation .join-conversation__social-icons .join-conversation__social-icon {  margin: 12px; }

.universal-page-container .sidebar-wrapper .join-conversation .join-conversation__social-icons .join-conversation__social-icon { margin: 6px; }


.join-conversation .join-conversation__social-icons .join-conversation__social-icon path {
  transition: fill 0.25s ease-in-out;
}
.join-conversation .join-conversation__social-icons .join-conversation__social-icon:hover path {
  fill: #333333;
}
/**
 * Breadcrumbs of page
 *   - Disappears on tablet and mobile
 */
.breadcrumbs {
  width: 100%;
  padding: 2px 20px;
  /* display: none;
  visibility: hidden; *//* NEW enable breadcrumbs on mobile */
  background-color: #f0f0f0; 
}

.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
	margin: 5px 0;
	line-height: 1.35;
}
.breadcrumbs__list li {
  margin: 0;
  padding: 0;
  display: inline-block;
  
}
.breadcrumbs__list li:first-child:before {
  content: none;
}
.breadcrumbs__list li:before {
  content: '/';
  display: inline-block;
  padding: 0 5px;
}
.breadcrumbs__current-crumb {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  color: #666666;
  font-weight: 700;
}
.breadcrumbs_crumb-link {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}
.breadcrumbs_crumb-link:hover {
  text-decoration: underline;
}

/* @media (min-width: 1280px) */
@media (min-width: 1025px) {
  .breadcrumbs {
	 padding: 2px 40px;
    display: block;
    visibility: visible;
  }
.breadcrumbs__list  {  margin: 15px 0; }	 
.breadcrumbs__list li:before {  padding: 0 10px;}
	
}
/* .calendar-dates-container {
  display: block;
}
.calendar-dates-container .important-dates {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .calendar-dates-container {
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
  }
  .calendar-dates-container .calendar {
    width: 50%;
  }
  .calendar-dates-container .important-dates {
    width: 50%;
    padding-left: 30px;
    padding-right: 0;
  }
}
@media (min-width: 1025px) {
  .calendar-dates-container {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .calendar-dates-container .calendar {
    width: 100%;
  }
  .calendar-dates-container .important-dates {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.calendar {
  background-color: #333333;
  color: #ffffff;
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.calendar .calendar__milestone .milestone__title {
  margin-top: 15px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
}
.calendar .calendar__milestone .milestone__title::after {
  content: '';
  width: 20px;
  height: 2px;
  background: #ff5e3a;
  padding-left: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.calendar .calendar__milestone .milestone__day {
  font-size: 150px;
  line-height: 125px;
  font-weight: bold;
  letter-spacing: -8px;
  margin-left: -20px;
}
.calendar .calendar__milestone .milestone__month {
  font-size: 42px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
.calendar .calendar__milestone .milestone__description {
  margin-bottom: 20px;
  font-size: 15px;
}
.calendar .calendar__milestone .milestone__cta {
  margin-bottom: 20px;
}
.calendar .calendar__milestone .milestone__view-all a {
  letter-spacing: 0;
  color: #ffffff;
}
.calendar .calendar__milestone .milestone__view-all a:hover {
  text-decoration: underline;
}
.important-dates {
  margin-bottom: 30px;
}
.important-dates .important-dates__title {
  margin-bottom: 20px;
}
.important-dates .important-date {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  background-color: #ffffff;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.important-dates .important-date:hover {
  background-color: #333333;
  cursor: pointer;
  color: #ffffff;
}
.important-dates .important-date:hover .important-date__day-container {
  background-color: #333333;
}
.important-dates .important-date:hover .important-date__details-container .important-date__title {
  color: #ffffff;
}
.important-dates .important-date .important-date__day-container {
  transition: background-color 0.25s ease-in-out;
  background-color: #51237f;
  color: #ffffff;
  min-width: 80px;
  max-width: 80px;
  height: 90px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.important-dates .important-date .important-date__day-container .important-date__month {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.important-dates .important-date .important-date__day-container .important-date__day {
  font-size: 40px;
  line-height: 36px;
  font-weight: bold;
}
.important-dates .important-date .important-date__details-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 20px;
}
.important-dates .important-date .important-date__details-container .important-date__title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  display: block;
}
.important-dates .important-date .important-date__details-container .important-date__time {
  font-size: 14px;
}
.important-dates .important-date .important-date__details-container .important-date__location {
  font-size: 14px;
}
.important-dates .important-dates__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.important-dates .important-dates__footer a:hover {
  text-decoration: underline;
}
.important-dates .important-dates__footer .important-dates__divider {
  display: inline-block;
  color: #666666;
  font-size: 12px;
}
.important-dates .important-dates__footer .important-dates__map-icon {
  width: 14px;
  height: 21px;
}
.important-dates .important-dates__footer .important-dates__find-near-me {
  padding-left: 10px;
  padding-right: 10px;
}
.important-dates .important-dates__footer .important-dates__view-all {
  padding-left: 10px;
}*/


/* NEW calendar date sidebar styles */

.important-dates .important-date .important-date__details-container,
.highlight.detailSidebar__section {
  text-align: left; /* NEW */
}

.calendar-dates{
 display:block}
@media (min-width:768px){
 .calendar-dates{
 display:-ms-flexbox;display:flex;padding-left:30px;padding-right:30px}
}
@media (min-width:1025px){
 .calendar-dates{
 display:block;padding-left:0;padding-right:0}
}
@media (min-width:768px){
 .calendar-dates .calendar{
 width:50%}
}
@media (min-width:1025px){
 .calendar-dates .calendar{
 width:100%}
}
.calendar-dates .important-dates{
 padding-left:30px;padding-right:30px}
@media (min-width:768px){
 .calendar-dates .important-dates{
 width:50%;padding-left:30px;padding-right:0}
}
@media (min-width:1025px){
 .calendar-dates .important-dates{
 width:100%;padding-left:0;padding-right:0}
}
@media (min-width:768px){
 .calendar-dates .important-dates .important-dates__items{
 display:block;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.calendar-dates .important-dates .important-dates__items .important-date{
 -ms-flex:1 0 100%;flex:1 0 100%}
}
@media (min-width:1025px){
 .calendar-dates .important-dates .important-dates__items{
 display:block}
.calendar-dates .important-dates .important-dates__items .important-date{
 -ms-flex:1 0 100%;flex:1 0 100%}
}
.calendar{
 background-color:#333;color:#fff;padding:30px;text-align:center;margin-bottom:30px}
.calendar .calendar__milestone .milestone__title{
 margin-top:15px;margin-bottom:30px;text-transform:uppercase;font-size:15px;font-weight:700;letter-spacing:0}
.calendar .calendar__milestone .milestone__title::after{
 content:'';width:20px;height:2px;background:#ff5e3a;padding-left:20px;display:block;margin-left:auto;margin-right:auto;margin-top:10px}
.calendar .calendar__milestone .milestone__day{
 font-size:150px;line-height:125px;font-weight:700;letter-spacing:-8px; /* margin-left:-20px; */  margin-left: 0px; }
.calendar .calendar__milestone .milestone__month{
 font-size:42px;line-height:28px;text-transform:uppercase;font-weight:700;margin-bottom:20px}
.calendar .calendar__milestone .milestone__description{
 margin-bottom:20px;font-size:15px}
.calendar .calendar__milestone .milestone__cta{
 margin-bottom:20px}

.calendar .calendar__milestone .milestone__cta .btn{ white-space: normal;}
.calendar .calendar__milestone .milestone__view-all a{
 letter-spacing:0;color:#fff}
.calendar .calendar__milestone .milestone__view-all a:hover{
 text-decoration:underline}
.important-dates{
 margin-bottom:30px;

 padding-left: 30px; /*NEW */
 padding-right: 30px; /*NEW */
 }
.important-dates .important-dates__title{
 margin-bottom:20px;
  padding-left: 0 !important; /* NEW */
  padding-right: 0 !important; /* NEW */
 }

/* Removed flex for calendar feed because a dynamically generated div was causing layout issues  
@media (min-width:768px){
   .important-dates .important-dates__items{
 display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.important-dates .important-dates__items .important-date{
 -ms-flex:0 1 48.8%;flex:0 1 48.8%} 
}
*/

@media (min-width:1025px){  
	
.important-dates{
 padding-left: 0px; /*NEW */
 padding-right: 0px; /*NEW */
 }

 .important-dates .important-dates__items{ display:block; }
.important-dates .important-dates__items .important-date{
 -ms-flex:1 0 100%;flex:1 0 100%}
}

/*NEW */
@media (max-width:1024px){  
/* .calendar .calendar__milestone .milestone__month,
.calendar .calendar__milestone .milestone__day { display: inline-flex; } */	
 .calendar .calendar__milestone .milestone__day {  font-size: 62px; line-height: 60px;  margin-bottom: 3px; letter-spacing: -2px; margin-left:0px }	
 }	
	
.important-dates .important-dates__items .important-date{
 display:-ms-flexbox;display:flex;margin-bottom:20px;background-color:#fff;transition:background-color .25s ease-in-out,color .25s ease-in-out} 

.sidebarB .important-dates .important-dates__items .important-date,
.layout-container__block:first-child .important-dates .important-dates__items .important-date,
.home .important-dates .important-dates__items .important-date {background-color:#f0f0f0;} /* NEW */

.universal-page-container__bottom .layout-container__block:first-child .important-dates .important-dates__items .important-date {background-color: #fff;}

.important-dates .important-dates__items .important-date:hover,
.layout-container__block:first-child .important-dates .important-dates__items .important-date:hover,
.universal-page-container__bottom .layout-container__block:first-child  .important-dates .important-dates__items .important-date:hover,
.home .important-dates .important-dates__items .important-date:hover {
 background-color:#333;cursor:pointer;color:#fff}
.important-dates .important-dates__items .important-date:hover .important-date__day-container{
 background-color:#333}
.important-dates .important-dates__items .important-date:hover .important-date__details-container .important-date__title{
 color:#fff}
.important-dates .important-dates__items .important-date .important-date__day-container{
 transition:background-color .25s ease-in-out;background-color:#51237f;color:#fff;min-width:80px;max-width:80px;height:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.important-dates .important-dates__items .important-date .important-date__day-container .important-date__month{
 font-size:10px;text-transform:uppercase;font-weight:700}
.important-dates .important-dates__items .important-date .important-date__day-container .important-date__day{
 font-size:40px;line-height:36px;font-weight:700}
.important-dates .important-dates__items .important-date .important-date__details-container{
 display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;padding:10px 20px}
.important-dates .important-dates__items .important-date .important-date__details-container .important-date__title{
 font-size:16px;font-weight:700;color:#333;display:block}
.important-dates .important-dates__items .important-date .important-date__details-container .important-date__time{
 font-size:14px}
.important-dates .important-dates__items .important-date .important-date__details-container .important-date__location{
 font-size:14px;
 line-height: 1.3; /* new important date changes */
}
 a .important-date {color: #333; font-weight: normal;}/* new important date changes */
.important-dates .important-dates__footer{
 display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}
.important-dates .important-dates__footer a:hover{
 text-decoration:underline}
.important-dates .important-dates__footer .important-dates__divider{
 display:inline-block;color:#666;font-size:12px}
.important-dates .important-dates__footer .important-dates__map-icon{
 width:14px;height:21px}
.important-dates .important-dates__footer .important-dates__find-near-me{
 padding-left:10px;padding-right:10px}
.important-dates .important-dates__footer .important-dates__view-all{
 padding-left:10px}


.layout-container__block:first-child .important-dates,
.home .important-dates { 
    padding-left: 0px;
    padding-right: 0px;
}

.important-date__title { line-height: 1.3; }

.important-date__time {  padding-top: 4px; }


.important-dates .important-dates__items .important-date .important-date__day-container  {
  padding-bottom: 12px;
 padding-top: 10px;}

.home .important-dates .important-dates__items {display: block;}

/* NEW important dates for announcements  */

body.info .card__wrapper .cta-arrow:hover {
    border-bottom: 1px solid transparent;
}
body.info .card__wrapper .cta-arrow  {
    margin-top: 25px;
}

 @media (max-width:768px){
 .universal-page-container .announcements-wrapper .important-dates,
 .universal-page-container .important-dates.announcements  { padding-left: 0px;  padding-right: 0px; }
}


.announcements.important-dates .important-dates__items .important-date .important-date__details-container {
    padding: 10px 20px;
}

.carousel .announcements.important-dates .important-dates__items .important-date .important-date__details-container {
    /* padding: 10px 0px;
    width: auto; */
}

.announcements.important-dates .important-dates__items .important-date .important-date__day-container {
    max-width: 75px;
    min-width: 75px;
}

.important-dates.announcements {
    margin-bottom: 8px;
}

.important-dates.announcements .important-dates__items .important-date {
    margin-bottom: 0px;
}

.important-dates.announcements .important-dates__items .important-date .important-date__day-container {
   margin-right: 10px;
    max-width: 45px;
    min-width: 45px;
  background-color: #fff;
}

.important-dates.announcements .important-dates__items .important-date .important-date__day-container .important-date__month {
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/star-icon-green.svg'); */
	background-image: url('/_images/global/star-icon-green.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  height: 45px;
    max-width: 45px;
    min-width: 45px;
    border-radius: 50px;
  border: 1px solid #f6f6f6;
}

.important-dates.announcements .important-dates__items .important-date .important-date__details-container .important-date__time {
    color: #333;
    font-weight: normal;
}

 .important-dates.announcements .important-dates__items .important-date .important-date__details-container .important-date__title:hover,
 .important-dates.announcements .important-dates__items .important-date .important-date__details-container:hover .important-date__title  {
    color: #fff;
}


.important-dates.announcements .important-dates__items .important-date .important-date__details-container:hover .important-date__time {
    color: #ddd;
}

.carousel .important-dates.announcements .important-dates__items .important-date .important-date__details-container:hover .important-date__time {
    color: #666666;
}

.important-dates.announcements .important-dates__items .important-date .important-date__details-container:hover .important-date__title,
.important-dates.announcements .important-dates__items .important-date .important-date__details-container  .important-date__title:hover  {
    text-decoration: underline;
}

.carousel .important-dates.announcements .important-dates__items .important-date:hover .important-date__details-container .important-date__title {
    color: #333;
    text-decoration: none;
}

.carousel .important-dates.announcements .important-dates__items .important-date .important-date__details-container .important-date__title:hover,
.carousel .important-dates.announcements .important-dates__items .important-date .important-date__details-container:hover .important-date__title {
    color: #51237f;
    text-decoration: underline;
}

.carousel .important-dates.announcements .important-dates__items .important-date:hover .important-date__day-container,
.carousel .important-dates.announcements .important-dates__items .important-date:hover   {
    background-color: #f7f7f7;
}

.important-dates.announcements .important-dates__items .important-date:hover .important-date__day-container .important-date__month {
    background-color: #f6f6f6;
}


.carousel  .important-dates.announcements .important-dates__items .important-date .important-date__details-container .important-date__time {
    font-size: 14px;
    color: #666666;
}

.important-dates.announcements .important-dates__items .important-date .important-date__details-container .important-date__time .featured {
     /* background-image: url("http://www.montgomerycollege.edu/_resources/images/global/star-icon-green.svg"); */
	background-image: url("/_images/global/star-icon-green.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border-radius: 0px;
    border-right: 1px solid #666666;
    display: inline;
    /* height: 25px; */
    margin-right: 10px;
    padding-left: 25px;
    padding-right: 10px;
}

.important-dates.announcements .important-dates__items .important-date .important-date__details-container .important-date__time .announcement-date {
    display: inline;
}

.important-dates.announcements  .important-dates__items .important-date:hover { cursor: pointer; }

.columns.columns-background.announcements-wrapper .cards .card__wrapper {
    border: none;
}
/* END important dates for announcements  */

/* NEW news feed styles */

.feed-lists {padding-left: 0px;}

.feed-lists .feed-item-image {float: left; max-width: 100px; max-height: 100px; padding: 0; margin: 10px 10px 10px 0; }

.feed-lists .feed-item {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #ddd;
}

.feed-lists .feed-item:first-child  {
  margin-top: 0px;
}

.feed-lists .feed-item:last-child  {
  padding-bottom: 0px;
  border-bottom: none;
}

.feed-lists .feed-description {font-size: 14px; }

/* END news feed styles */


.contact-info {
 background:#51237f;
 color:#fff;
 padding:30px;
 text-align: left; /* NEW */
 }

.contact-info .btn {
     white-space: normal; /* NEW */
 }

.contact-info--dark{
 background:#333}
.contact-info .contact-info__content{
 display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.contact-info .contact-info__content__block:nth-child(1){
 -ms-flex:0 0 100%;flex:0 0 100%}
.contact-info .contact-info__content__block:nth-child(2){
 -ms-flex:0 0 100%;flex:0 0 100%}



/* END new calendar date sidebar styles */


.sidebar-wrapper  .contact-info__content__block p,
.sidebar-wrapper .contact-info__content__block .contact-info__title.h2,
.sidebar-wrapper .contact-info__content__block .contact-info__title.h3,
.sidebar-wrapper .contact-info__content__block .contact-info__header.h6, 
.sidebar-wrapper figcaption .h3    {
  padding-left: 0 !important; /* NEW */
  padding-right: 0 !important; /* NEW */
 }

.contact-info {
  background: #51237f;
  color: #ffffff;
  padding: 30px;
}
.contact-info--dark {
  background: #333333;
}
.contact-info .contact-info__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contact-info .contact-info__content__block:nth-child(1) {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.contact-info .contact-info__content__block:nth-child(2) {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

/* NEW added to make long emails wrap in the sidebar */
.sidebar-wrapper a[href^="mailto"],
.contact-info .contact-info__description a[href^="mailto"] {
overflow-wrap: break-word;
  word-wrap: break-word;
  /* -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; *//* can not have virtual dashes in email addresss */
  }

/* NEW added to make long emails wrap in the sidebar */
 @media (max-width: 1024px) {
  .contact-info .contact-info__content__block:nth-child(2) {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

/* NEW added to make long emails wrap in the sidebar */
@media (max-width: 768px) {
  .contact-info .contact-info__content__block:nth-child(2) {
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
	
}

/* @media (min-width: 768px) {
  .contact-info .contact-info__content__block:nth-child(2) {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
} */
@media (min-width: 1280px) {
  .contact-info .contact-info__content__block:nth-child(2) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.contact-info .contact-info__content__block:nth-child(3) {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .contact-info .contact-info__content__block:nth-child(3) {
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
  }
}
@media (min-width: 1280px) {
  .contact-info .contact-info__content__block:nth-child(3) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.contact-info .contact-info__title {
  margin-bottom: 10px;
}
.contact-info .contact-info__tagline {
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: 0;
}
.contact-info .contact-info__header {
  /* margin-top: 30px; NEW */
  margin-top: 5px;
  margin-bottom: 8px;
}
.contact-info .contact-info__description {
  font-size: 16px;
}
.contact-info .contact-info__description a {
  color: #ffffff;
  font-weight: normal;
}
.contact-info .read-more-cta {
  margin-top: 30px;
  margin-bottom: 12px;
  display: block;
}
@media (min-width: 768px) {
  /* removed class because it hid button on tablet for some reason
	.contact-info .read-more-cta {
    display: none;
  } */
	
	.contact-info .read-more-cta {
    display: inline-block;
  }
}
@media (min-width: 1280px) {
  .contact-info .read-more-cta {
    display: inline-block;
  }
}
.more-information {
  padding: 30px;
  background-color: #ffffff;
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left; /* NEW */
}

   .sidebarB .more-information {
 /*  margin: -30px -30px -30px -30px;
  border: 30px solid #f0f0f0; */
   margin-bottom: 30px;
   margin-top: 0px;
  border-top: none;
  border-bottom: none;
 background-color: #f0f0f0;
}

@media (max-width: 768px) {
    .sidebarB .more-information {
  margin-bottom: -30px;
   margin-top: -30px;
  border-top: 30px solid #f0f0f0;
  border-bottom: 30px solid #f0f0f0;
  background-color: #fff;
}
}



.more-information .more-information__title {
  margin-bottom: 10px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0 !important; /* NEW */
  padding-right: 0 !important; /* NEW */
}
.more-information .more-information__item {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .more-information .more-information__item {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
}
@media (min-width: 1025px) {
  .more-information .more-information__item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.more-information .more-information__item:last-child {
  border-bottom: 1px solid transparent;
}
.more-information .more-information__item a {
  line-height: 1.4;
}
.more-information .more-information__item a:hover {
  text-decoration: underline;
}
.more-information.more-information--gray {
  background-color: #f0f0f0;
}
.more-information.more-information--gray .more-information__item {
  border-bottom: 1px solid #d0d0d0;
}
.more-information.more-information--gray .more-information__item:last-child {
  border-bottom: 1px solid transparent;
}

.sidebar-wrapper .sidebar-content-area { padding: 30px; background: #fff; text-align: left; } 

.sidebar-wrapper .sidebar-content-area h1,
.sidebar-wrapper .sidebar-content-area .h1,
.sidebar-wrapper .sidebar-content-area h2,
.sidebar-wrapper .sidebar-content-area .h2,
.sidebar-wrapper .sidebar-content-area h3,
.sidebar-wrapper .sidebar-content-area .h3,
.sidebar-wrapper .sidebar-content-area h4,
.sidebar-wrapper .sidebar-content-area .h4,
.sidebar-wrapper .sidebar-content-area h5,
.sidebar-wrapper .sidebar-content-area .h5,
.sidebar-wrapper .sidebar-content-area h6,
.sidebar-wrapper .sidebar-content-area .h6,
.sidebar-wrapper .sidebar-content-area li,
.sidebar-wrapper .sidebar-content-area p {
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar-wrapper .sidebar-content-area p:last-child { margin-bottom: 0px; }


.stay-informed {
  background-color: #333333;
  color: #ffffff;
  padding: 30px;
}
.stay-informed .stay-informed__title {
  margin-bottom: 5px;
}
.stay-informed .stay-informed__description {
  line-height: 1.25;
  margin-bottom: 20px;
  font-size: 15px;
  letter-spacing: 0;
}
.stay-informed input {
  width: 100%;
  margin-bottom: 10px;
}
.page-introduction {
  max-width: 90%;
}
.page-introduction .page-introduction__header {
  margin-bottom: 15px;
}

/* NEW */ .collapse  div.page-introduction__continue-content {line-height: 1.875;}

/* NEW added style without parent class */
.page-introduction .page-introduction__description,  .page-introduction__description {
  margin-bottom: 25px;
}

/* NEW added style without parent class */
.page-introduction .page-introduction__continue-button,  .page-introduction__continue-button {
  font-weight: bold;
}

/* NEW added style without parent class */
.page-introduction .page-introduction__continue-button::after,  .page-introduction__continue-button::after {
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/plus-purple.png'); */
	 background-image: url('/_images/global/plus-purple.png');
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
  content: ' ';
  padding-left: 13px;
  margin-left: 10px;
  display: inline-block;
}

 .universal-page-container .join-conversation-section,
.universal-page-container .interstitial,
.universal-page-container .flexspace--with-sidebar,
.universal-page-container .row-card.inverted,
.universal-page-container .testimonial,
.universal-page-container .row-card.inverted,
.universal-page-container .tripod-show-section,
.universal-page-container .gray-section-background,
.universal-page-container  .mlr0,
.universal-page-container  .virtual-tour-full,
.universal-page-container .socialWall   {
    margin-left: -5vw;
    margin-right: -5vw;
  }

.universal-page-container .sidebar-wrapper .socialWall   {
    margin-left: 0vw;
    margin-right: 0vw;
  }

.universal-page-container .sidebar-wrapper .socialWall .h5,
.universal-page-container .sidebar-wrapper .socialWall .h6 {
    text-align: center;
  }

.universal-page-container .sidebar-wrapper  .join-conversation-section   { margin-left: 0vw; margin-right: 0vw; }

.universal-page-container  .virtual-tour-full, .universal-page-container .virtual-tour-sidebar {
    height: 250px;
  }

.universal-page-container .gray-section-background  /* NEW added for creation of one universal template */  {
  background-color: #f0f0f0;
  /* margin-top: 60px;
  margin-bottom: 60px; */
  padding: 60px 5vw;
}

.universal-page-container  .row-card.inverted /* NEW added for creation of one universal template */  {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .universal-page-container  .row-card  /* NEW added for creation of one universal template */  {
    clear: both;
  }

/* NEW */
.universal-page-container  a.light-link,
.universal-page-container  .light-link a,
.universal-page-container  .row-card a,
.universal-page-container .flexspace a  {
    color: #28a689;
  }


@media (min-width: 1025px) {
  .page-container--full-width .row-card {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
  }
  .page-container--full-width .row-card .row-card__image {
    width: 60%;
    min-height: 375px;
  }
  .page-container--full-width .row-card .row-card__text {
    width: 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3vw;
  }
  .page-container--full-width .row-card .row-card__text .row-card__text__title {
    font-size: 40px;
    line-height: 45px;
  }
  .page-container--full-width .row-card .row-card__text .row-card__text__description {
    font-size: 15px;
  }
  .page-container--full-width .row-card.reverse .row-card__image {
    -ms-flex-order: 2;
    order: 2;
  }
  .page-container--full-width .row-card.reverse .row-card__text {
    -ms-flex-order: 1;
    order: 1;
  }
  .page-container--full-width .row-card.inverted .row-card__image {
    width: 33%;
  }
  .page-container--full-width .row-card.inverted .row-card__text {
    width: 67%;
    padding: 5vw;
  }
}
@media (min-width: 1600px) {
  .page-container--full-width .row-card .row-card__text {
    padding: 5vw;
  }
  .page-container--full-width .row-card .row-card__image {
    min-height: 470px;
  }
}
@media (min-width: 1280px) {
  .page-container--has-sidebar .row-card {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
  }
  .page-container--has-sidebar .row-card .row-card__image {
    width: 60%;
    min-height: 375px;
  }
  .page-container--has-sidebar .row-card .row-card__text {
    width: 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3vw;
  }
  .page-container--has-sidebar .row-card .row-card__text .row-card__text__title {
    font-size: 40px;
    line-height: 45px;
  }
  .page-container--has-sidebar .row-card .row-card__text .row-card__text__description {
    font-size: 15px;
  }
  .page-container--has-sidebar .row-card.reverse .row-card__image {
    -ms-flex-order: 2;
    order: 2;
  }
  .page-container--has-sidebar .row-card.reverse .row-card__text {
    -ms-flex-order: 1;
    order: 1;
  }
  .page-container--has-sidebar .row-card.inverted .row-card__image {
    width: 33%;
  }
  .page-container--has-sidebar .row-card.inverted .row-card__text {
    width: 67%;
    padding: 5vw;
  }
}
@media (min-width: 1600px) {
  .page-container--has-sidebar .row-card .row-card__text {
    padding: 5vw;
  }
  .page-container--has-sidebar .row-card .row-card__image {
    min-height: 470px;
  }
}
.row-card {
  margin-bottom: 10px;
}
.row-card:last-child {
  margin-bottom: 0;
}
   /* NEW added to accomodate skip nav which is the last element
  .row-card:nth-last-child(2) {
    margin-bottom: 0;
  } */



@media (min-width: 768px) {
  .row-card {
    margin-bottom: 30px;
  }
}
.row-card.inverted .row-card__image {
  display: block;
  min-height: 370px;
  background-position: top center;
}
.row-card.inverted .row-card__text {
  /* background: #666666 url('http://www.montgomerycollege.edu/_resources/images/global/pattern-grid.png'); */
	background: #666666 url('/_images/global/pattern-grid.png');
  padding-bottom: 0;
}
.row-card.inverted .row-card__text .row-card__text__description {
  padding-left: 0;
  padding-right: 0;
}
.row-card.inverted .row-card__text .row-card__text__description .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .row-card.inverted .row-card__text {
    padding: 5vw;
  }
  .row-card.inverted .row-card__text .row-card__text__description p {
    padding-left: 0;
    padding-right: 0;
  }
  .row-card.inverted .row-card__text .row-card__text__description .btn {
    width: auto;
  }
}
.row-card .row-card__image {
  display: none;
  background-size: cover;
}
@media (min-width: 768px) {
  .row-card .row-card__image {
    display: block;
    background-position: top center;
    width: 100%;
    min-height: 470px;
  }
}
.row-card .row-card__text {
  background: #333333;
  color: #ffffff;
  padding: 5vw;
}
.row-card .row-card__text .row-card__text__title {
  margin-bottom: 20px;
}
@media (min-width: 1600px) {
  .row-card .row-card__text .row-card__text__title {
    font-size: 50px;
    line-height: 55px;
  }
}
.row-card .row-card__text .row-card__text__description {
  font-size: 16px;
}
@media (min-width: 1600px) {
  .row-card .row-card__text .row-card__text__description {
    font-size: 16px;
  }
}
.row-card .row-card__text .row-card__text__description .btn {
  margin-top: 20px;
  white-space: normal; /* NEW */
}

.page-headline {
  margin: 0;
  width: 100%;
}

/* NEW added for creation of one universal template and removal of section-padding-all around titles */
.universal-page-container .page-headline {
  margin: 0;
  width: 100%;
  padding-bottom: 30px;
  padding-top: 60px;
      padding-left: 5vw;
    padding-right: 5vw;
}

.page-headline .h1 {
	margin: 0;
	/* font-size: 35px;*/ 
	/* NEW HEADING STYLE CHANGES */
	font-size: 40px;
	line-height: 1.1em;
}
@media (min-width: 768px) {
	.page-headline .h1 {
		/* font-size: 45px; */ 
		/* NEW HEADING STYLE CHANGES */
		font-size: 50px;
	}
}
@media (min-width: 1280px) {
  .page-headline .h1 {
    font-size: 52px;
  }
}
.page-headline .h2 {
  margin: 5px 0;
}
.split-content {
  width: 100%;
}
.split-content__text {
  width: auto;
  display: block;
  vertical-align: top;
  margin: 30px 0 35px;
}
@media (min-width: 768px) {
  .split-content__text {
    margin: 0;
  }
}
.split-content__text p {
  margin: 25px 0;
  clear: left;
}
.split-content__text p:first-child {
  margin: 0 0 25px;
}
.split-content__media,
.videoContainer, /* NEW */
.videoContainer.right, /* NEW */
.videoContainer.left /* NEW */ {
  width: 100%;
  padding: 0;
}


/* NEW callout content and image fix */
.callout-content {padding: 32px; background-color: #f0f0f0; width: 100%; margin-bottom: 15px; }
.callout-content p:last-child {margin-bottom: 0;}
.callout-content.center {text-align: left;}
 
 .callout-content.gray {color: #333;  background-color: #f0f0f0;   }
 .callout-content.black {color: #fff; background-color: #333;   }
 .callout-content.purple {color: #fff; background-color: #51237f;   }
 .callout-content.blue {color: #fff; /* background-color: #0e8ad9;  */ background-color: #0c7bc0;   }
   .callout-content.green {color: #fff; background-color: #28a689;   }
  .callout-content.blue a,
  .callout-content.purple a,
  .callout-content.black a,
  .callout-content.green a {color: #fff;  } 

  .callout-content.left .image-captioned.medium-width.right,
  .callout-content.right .image-captioned.medium-width.right,
  .callout-content.center .image-captioned.medium-width.right  {  max-width: 200px; } 
  
  
  
@media (max-width: 600px) {  
.callout-content .image-captioned.medium-width,
.callout-content .image-captioned.small-width  {  max-width: none; margin-bottom: 30px !important; }

  .callout-content.left .image-captioned.medium-width.right,
  .callout-content.right .image-captioned.medium-width.right,
  .callout-content.center .image-captioned.medium-width.right  {  max-width: none; }  
 }
 
/* END NEW callout content and image fix */


.videoContainer .video-with-caption-block__caption ,
.videoContainer.right .video-with-caption-block__caption,
.videoContainer.left .video-with-caption-block__caption  {
  text-align: left;
  line-height: 1.4em !important;
  font-size: 14px;
}

/* image-captioned in cards fix 
.image-captioned.right   {
	float: right;
	margin: 0 0 10px 25px;
	max-width: 500px;
}

.image-captioned.left   {
	float: left;
	margin: 0 25px 10px 0;
	max-width: 500px;
}
  END image-captioned in cards fix */

@media (min-width: 768px) {
	
	
	
	.image-captioned.right,
.callout-content.right /* NEW callout content and image fix */   {
	/* float: right; */
	margin: 0 0 10px 25px;
	max-width: 500px;
}

.image-captioned.left,
.callout-content.left /* NEW callout content and image fix */   {
	/* float: left; */
	margin: 0 25px 10px 0;
	max-width: 500px;
}
	
	 
	
	.split-content__media   {
		width: 40%;
		float: right;
		padding: 0 0 10px 25px;
	}

	 
	.videoContainer,
	.videoContainer.center,
	.videoContainer.right,
	.videoContainer.left   {
		width: 50%;
	}

	 
	.page-container--full-width  .videoContainer,
	.page-container--full-width  .videoContainer.center,
	.page-container--full-width  .videoContainer.right,
	.page-container--full-width  .videoContainer.left   {
		width: 40%;
	}

	.videoContainer.right,
	.image-captioned.right   {
		float: right;
		margin: 0 0 10px 25px;
		max-width: 500px;
	}

	.videoContainer.center    {
		float: none;
		margin: 10px auto;
		width: 50%;
	}

	.image-captioned.center,
	.callout-content.center /* NEW callout content and image fix */  {
		float: none;
		margin: 10px auto;
		max-width: 500px; 
		text-align: left;
	}

	.cards .image-captioned  /* NEW IE spacing fix for inline image snippet */  { flex: none;  }

	.universal-page-container__top .layout-container__block:first-child .image-captioned.center,
	.universal-page-container__bottom .layout-container__block:first-child .image-captioned.center /* NEW */  {
		display: block;
	} 

	.image-captioned.left,
	.videoContainer.left,
	.videoContainer,
	.callout-content.left /* NEW callout content and image fix */   {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 500px;
	}


	.sidebar-wrapper .videoContainer /* NEW */  { float: none;  margin: 0; max-width: 100%;  }
	.image-captioned.medium-width {max-width: 300px;} 

} 

.image-captioned.small-width {max-width: 200px;}
.image-captioned.thumbnail-width {max-width: 100px;}

.image-captioned.small-width.left,
.image-captioned.medium-width.left,
.image-captioned.thumbnail-width.left { float: left; display: block; margin: 0 25px 10px 0; /* image-captioned in cards fix */}

/* .image-captioned.small-width.left  { margin: 0 25px 10px 0;} */

.image-captioned.small-width.right,
.image-captioned.medium-width.right,
.image-captioned.thumbnail-width.right { float: right; display: block; margin: 0 0 10px 25px; /* image-captioned in cards fix */}

/* .image-captioned.small-width.right  { margin: 0 0 10px 25px;} */

.image-captioned.small-width.center,
.image-captioned.medium-width.center,
.image-captioned.thumbnail-width.center { float: none; margin: 10px auto; display: block;}


/* image-captioned in cards fix */
.columns .cards .card__wrapper { display: block; } 

.columns .cards .card__wrapper .image-captioned.medium-width,
.columns .cards .card__wrapper .image-captioned  {float: none; margin-left: 0px;}
.columns .cards .card__wrapper .image-captioned.center   {margin-left: auto; margin-top: 0px;}
.columns .cards .card__wrapper .image-captioned.small-width.left {float: left;}
.columns .cards .card__wrapper .image-captioned.small-width.right {float: right; margin-left: 10px;  }

.image-captioned.medium-width {  max-width: 300px; } 
/* END image-captioned in cards fix */

	
/* @media (max-width: 480px) { */
@media (max-width: 600px) {

	.image-captioned.small-width.left,
	.image-captioned.medium-width.left,
	.image-captioned.thumbnail-width.left,
	.image-captioned.small-width.right,
	.image-captioned.medium-width.right,
	.image-captioned.thumbnail-width.right { float: none; /* margin: 10px auto; */ margin-left: 0px; margin-right: 0px; display: block;}

	/* image-captioned in cards fix 
	.image-captioned.right   { margin: 0 10px 10px 0;}
	.image-captioned.left  { margin: 0 10px 10px 0 !important;} */
	.image-captioned.left, .callout-content.left  /* NEW callout content and image fix */   {float: none; margin-right: 0; display: block;}
	.image-captioned.right, .callout-content.right /* NEW callout content and image fix */  {float: none; margin-left: 0; display: block;} 
	/* .image-captioned.right   { margin-bottom: 10px;}
	.image-captioned.left  { margin-bottom: 10px; margin-right: 0  !important;} */
	.columns .cards .card__wrapper .image-captioned.small-width.left,
	.image-captioned.small-width.left {float: none;}
	.columns .cards .card__wrapper .image-captioned.small-width.right,
	.image-captioned.small-width.right {float: none; margin-left: 0px;}
	
	/* END image-captioned in cards fix */	 	 


}

@media (min-width: 1280px) {
	.split-content__media,
	.videoContainer.right /* NEW */  {
		padding: 0 0 30px 40px;
	}


	.videoContainer.left,
	.videoContainer /* NEW */  {
		padding: 0 40px 30px 0;
	}
}

.split-content__split-list {
	width: 100%;
}

@media (min-width: 880px) {
  .split-content__split-list {
    width: 60%;
  }
}
.split-content .video-block,
.videoContainer .video-block /* NEW */ {
  height: 55vw;
}

@media (max-width: 1024px) {
  /* NEW */
  .sidebarB .split-content .video-block, .sidebarB .videoContainer .video-block,
  .sidebarA .split-content .video-block, .sidebarA .videoContainer .video-block  {
   height: 52vw !important;
  }
}

@media (min-width: 1600px) {
  /* NEW */
  .sidebarB .split-content .video-block, .sidebarB .videoContainer .video-block,
  .sidebarA .split-content .video-block, .sidebarA .videoContainer .video-block  {
   /* height: 12vw; */
   height: 12vw !important;
  }
}
 


/* NEW */
@media (min-width: 768px) and (max-width: 1024px) {
  .split-content .video-block,
  .videoContainer .video-block  {
    height: 25vw !important;
  }

} 

@media (min-width: 1024px) {
  .split-content .video-block,
  .videoContainer .video-block   {
    height: 18vw !important;
  }

}


  .sidebarA, .sidebarB  {
    text-align: center; /* NEW added to center images that are not full width. I had to designate left align for all other areas with left aligned text */
    padding-bottom: 30px;
  }




.sidebarA  h1, .sidebarB h1,
.sidebarA  h2, .sidebarB h2,
.sidebarA  h3, .sidebarB h3,
.sidebarA  h4, .sidebarB h4,
.sidebarA  h5, .sidebarB h5,
.sidebarA  h6, .sidebarB h6,
.sidebarA  .h1, .sidebarB .h1,
.sidebarA  .h2, .sidebarB .h2,
.sidebarA  .h3, .sidebarB .h3,
.sidebarA  .h4, .sidebarB .h4,
.sidebarA  .h5, .sidebarB .h5,
.sidebarA  .h6, .sidebarB .h6,
.sidebarA  li, .sidebarB li,
.sidebarA  p, .sidebarB p  {
    text-align: left;  
    padding-left: 30px;
    padding-right: 30px;  
  }



.sidebarA figcaption, .sidebarB figcaption  {text-align: left;}  

 .sidebarA  p > img, .sidebarB p > img  {
    margin-left: auto; 
    margin-right: auto;  
       display: block;  
  }

@media (min-width: 1025px) {


  .sidebarA  h1, .sidebarB h1,
.sidebarA  h2, .sidebarB h2,
.sidebarA  h3, .sidebarB h3,
.sidebarA  h4, .sidebarB h4,
.sidebarA  h5, .sidebarB h5,
.sidebarA  h6, .sidebarB h6,
.sidebarA  .h1, .sidebarB .h1,
.sidebarA  .h2, .sidebarB .h2,
.sidebarA  .h3, .sidebarB .h3,
.sidebarA  .h4, .sidebarB .h4,
.sidebarA  .h5, .sidebarB .h5,
.sidebarA  .h6, .sidebarB .h6,
.sidebarA  li, .sidebarB li,
.sidebarA  p, .sidebarB p  {
    padding-left: 0px;
    padding-right: 0px; /* NEW */
  }


}

/* NEW */
  .sidebarB  .videoContainer.center,
  .sidebarB  .videoContainer.left,
  .sidebarB  .videoContainer.right,
  .sidebarB  .videoContainer,
  .sidebarA  .videoContainer.center,
  .sidebarA  .videoContainer.left,
  .sidebarA  .videoContainer.right,
  .sidebarA  .videoContainer    {
    width: auto;
    margin: 30px auto;
    padding: 0;
    float: none;
  }


/* NEW */
 .sidebarB  .image-captioned.center,
  .sidebarB  .image-captioned.left,
  .sidebarB  .image-captioned.right,
  .sidebarB  .image-captioned,
  .sidebarA  .image-captioned.center,
  .sidebarA  .image-captioned.left,
  .sidebarA  .image-captioned.right,
  .sidebarA  .image-captioned    {
     width: auto;
    /* width: 400px; */
    margin: 30px 0;
    padding: 0;
    float: none;
  }

 .sidebarB  .image-captioned.center img,
  .sidebarB  .image-captioned.left img,
  .sidebarB  .image-captioned.right img,
  .sidebarB  .image-captioned img,
  .sidebarA  .image-captioned.center img,
  .sidebarA  .image-captioned.left img,
  .sidebarA  .image-captioned.right img,
  .sidebarA  .image-captioned img   {
    /* display: block; */
    margin-right:  auto !important;
    margin-left:  auto !important;
  }

/* NEW mobile image fix */
@media (max-width: 768px) {
   .sidebarB  .image-captioned.center,
  .sidebarB  .image-captioned.left,
  .sidebarB  .image-captioned.right,
  .sidebarB  .image-captioned,
  .sidebarA  .image-captioned.center,
  .sidebarA  .image-captioned.left,
  .sidebarA  .image-captioned.right,
  .sidebarA  .image-captioned   {
    /* display: block; */
    width: auto !important;
       display: inline-block;
     margin-right:  0 !important;
    margin-left:  0 !important;
  }
 }

/**
 * Serves as the video styles for the template video macros.
 * If the video does not serve the full width of the viewport, override
 * 'height: 44vw' separately.
 */
.video-block {
  display: inline-block;
  width: 100%;
  height: 55vw;
  position: relative;
}
.video-block__video-box {
  height: 100%;
  width: 100%;
}
.video-block__video-iframe {
  height: 100%;
  width: 100%;
}
.video-block iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.video-block .video-block__play-cta {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.video-block .video-block__play-cta:hover .icon {
  opacity: 1;
}
.video-block .video-block__play-cta div {
  height: 100%;
  width: 100%;
  background-size: cover;
  top: 0;
  position: absolute;
}
.isPlaying.video-block .video-block__play-cta {
  opacity: 0;
  z-index: -10;
  visibility: hidden;
}
.video-with-caption-block {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.video-with-caption-block__caption {
  background-color: #51237f;
  color: #ffffff;
  line-height: 1em;
  padding: 20px;
}
@media (min-width: 1280px) {
  .video-with-caption-block__caption {
    padding: 20px 25px;
  }
}
.video-with-caption-block__caption strong {
  font-weight: bold;
  line-height: 1.3em;
  letter-spacing: 0px;
  font-size: 16px;
  display: block;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .video-with-caption-block__caption strong {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1280px) {
  .video-with-caption-block__caption strong {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.video-with-caption-block__caption p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4em;
  letter-spacing: 0px;
}
@media (min-width: 768px) {
  .video-with-caption-block__caption p {
    font-size: 12px;
  }
}
@media (min-width: 1280px) {
  .video-with-caption-block__caption p {
    font-size: 14px;
  }
}
.video-block__close-modal {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(65px, -65px);
  width: 48px;
  height: 56px;
  /* background: url('http://www.montgomerycollege.edu/_resources/images/global/close-modal.png'); */
	background: url('/_images/global/close-modal.png');
  text-indent: 100%;
  overflow: hidden;
}
.video-block__close-modal:hover {
  opacity: 0.8;
}
.video-block .icon-play {
  width: 65px;
  height: 65px;
  opacity: 0.75;
  transition: opacity 0.2s ease;
	/* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/btn_play.svg'); */
  background-image: url('/_images/global/btn_play.svg');
}
@media (min-width: 768px) {
  .video-block .icon-play {
    width: 75px;
    height: 75px;
  }
}
@media (min-width: 1280px) {
  .video-block .icon-play {
    width: 95px;
    height: 95px;
  }
}
.contact-remark {
  background: #273a43;
  color: #ffffff;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.contact-remark .contact-remark-inner {
  display: block;
}
@media (min-width: 768px) {
  .contact-remark .contact-remark-inner {
    display: -ms-flexbox;
    display: flex;
    padding: 40px 32px 0 32px;
  }
}
@media (min-width: 768px) {
  .contact-remark .contact-remark-inner {
    padding: 30px 50px;
  }
}
@media (min-width: 1600px) {
  .contact-remark .contact-remark-inner {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.contact-remark .contact-remark-inner .contact-remark__text {
  padding-right: 30px;
  margin: 45px 5vw 40px;
  max-width: 900px;
}
@media (min-width: 768px) {
  .contact-remark .contact-remark-inner .contact-remark__text {
    margin: 0;
  }
}
.contact-remark .contact-remark-inner .contact-remark__text .contact-remark__text__title {
  border-left: none;
  text-align: center;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .contact-remark .contact-remark-inner .contact-remark__text .contact-remark__text__title {
    border-left: 3px solid #ff5e3a;
    text-align: left;
    padding-left: 15px;
  }
}
.contact-remark .contact-remark-inner .contact-remark__text .contact-remark__text__description {
  text-align: center;
}
@media (min-width: 768px) {
  .contact-remark .contact-remark-inner .contact-remark__text .contact-remark__text__description {
    text-align: left;
    padding-left: 17px;
  }
}
.contact-remark .contact-remark-inner .contact-remark__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
}
.contact-remark .contact-remark-inner .contact-remark__cta .btn {
  padding: 16px 32px;
  font-size: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-remark .contact-remark-inner .contact-remark__cta .btn {
    max-width: 180px;
    margin-left: 0;
    margin-right: 0;
  }
}
.hero-banner {
  position: relative;
  overflow: hidden;
  height: auto;
}
@media (min-width: 768px) {
  .hero-banner--full {
    height: 500px;
  }
}
@media (min-width: 1280px) {
  .hero-banner--full {
    height: 630px;
  }
}
@media (min-width: 768px) {
  .hero-banner--short {
    height: 500px;
  }
}
.hero-banner__image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  background-size: 0;
  background-position: center;
  max-height: 500px;
  height: auto;
}
@media (min-width: 768px) {
  .hero-banner__image {
    height: 70.313vw;
    background-size: cover;
    position: absolute;
    z-index: 0;
    height: 100%;
    max-height: none;
  }
}
.hero-banner__image img {
  opacity: 1;
  visibility: visible;
  display: block;
}
@media (min-width: 768px) {
  .hero-banner__image img {
    opacity: 0;
    visibility: hidden;
  }
}
.hero-banner__content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
  background-color: #000000;
  bottom: 0;
}
@media (min-width: 768px) {
  .hero-banner__content {
    padding-top: 45px;
  }
}
@media (min-width: 1025px) {
  .hero-banner__content {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .hero-banner__content {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .hero-banner__content {
    padding-bottom: 45px;
  }
}
@media (min-width: 1025px) {
  .hero-banner__content {
    padding-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .hero-banner__content {
    padding-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .hero-banner__content {
    position: absolute;
    background-color: transparent;
  }
}
@media (min-width: 1280px) {
  .hero-banner__content {
    z-index: 1;
  }
}
.hero-banner__headline {
  color: #ffffff;
  font-family: 'kepler-std-display', serif;
  letter-spacing: -2px;
  font-size: 50px;
  line-height: 55px;
}

.universal-page-container h1.hero-banner__headline  { 
	  margin-bottom: 0px;
	  padding-bottom: 0px;
  }

@media (min-width: 880px) {
  .hero-banner__headline {
    font-size: 50px;
    line-height: 55px;
  }
}
@media (min-width: 1280px) {
  .hero-banner__headline {
    font-size: 80px;
    line-height: 85px;
  }
}
@media (min-width: 1600px) {
  .hero-banner__headline {
    font-size: 90px;
    line-height: 90px; 
  } 
}
@media (min-width: 880px) {
  .hero-banner__description {
    font-size: 15px;
  }
}
@media (min-width: 1025px) {
  .hero-banner__description {
    font-size: 16px;
  }
}
.hero-banner__description p,
.hero-banner__description {
  color: #ffffff;
}

/* NEW */
.hero-banner__description a {
  color: #28a689;
  font-weight: bold;
}

/* NEW */
.hero-banner__description a:hover {
  text-decoration: underline;
}

.hero-banner__screen {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: none;
}
@media (min-width: 768px) {
  .hero-banner__screen {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.7) 100%);
  }

  /* NEW */
  .hero-banner__description a {
  color: #fff;
}
}
.hero-image .hero-image--desktop {
  display: none;
  width: 100%;
}
@media (min-width: 1025px) {
  .hero-image .hero-image--desktop {
    display: block;
  }
}
.hero-image .hero-image--mobile {
  display: block;
  width: 100%;
}
@media (min-width: 1025px) {
  .hero-image .hero-image--mobile {
    display: none;
  }
}
.callout-row {
  margin: 0;
}
@media (min-width: 768px) {
  .callout-row {
    margin: 40px 0;
  }
}
@media (min-width: 1025px) {
  .callout-row {
    margin: 50px 0 115px;
  }
}
.callout-row .callout-row__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .callout-row .callout-row__wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.callout-row__callout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 28px 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .callout-row__callout {
    margin: 25px 0;
  }
}
@media (min-width: 1025px) {
  .callout-row__callout {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    margin: 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.callout-row__callout__wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .callout-row__callout__wrapper {
    padding: 0 50px;
  }
}
@media (min-width: 1025px) {
  .callout-row__callout__wrapper {
    padding: 0 10px;
    max-width: 325px;
  }
}
.callout-row__callout .h4:after {
  content: '';
  height: 3px;
  width: 45px;
  background-color: #ff5e3a;
  display: block;
  margin: 25px auto;
}
.callout-row__callout p {
  display: block;
  margin: 0 auto 20px;
  line-height: 1.8em;
  color: #666666;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@include @tablet-small {
  color: #333333;
}
@include @desktop-small {
  margin: 28px auto;
}
.callout-row__callout {
  border-left: 0px solid transparent;
}
@media (min-width: 1025px) {
  .callout-row__callout {
    border-left: 1px solid #d0d0d0;
  }
}
.callout-row__callout:first-child {
  border-left: 0px solid transparent;
}
.callout-row__callout:first-child:before {
  content: none;
}
.callout-row__callout:before {
  content: '';
  width: 68%;
  background-color: #d0d0d0;
  height: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .callout-row__callout:before {
    height: 1px;
    margin: 0 auto 53px;
  }
}
@media (min-width: 1025px) {
  .callout-row__callout:before {
    width: auto;
    height: 0;
    margin: 0;
  }
}
.callout-row__callout .cta-arrow {
  display: block;
}
@media (min-width: 768px) {
  .callout-row__callout .cta-arrow {
    display: inline;
  }
}

.flexspace--with-sidebar p{
 margin:10px 0;line-height:1.65}
@media (min-width:1600px){
 .flexspace--with-sidebar p{
 margin:30px 0}
}


.flexspace {
  display: -ms-flexbox;
  display: flex;
  /* background: #666666 url('http://www.montgomerycollege.edu/_resources/images/global/pattern-grid.png'); */
	background: #666666 url('/_images/global/pattern-grid.png');
}
.flexspace__media {
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  display: none;
  visibility: hidden;
  opacity: 0;
  width: 0;
  position: relative;
}
@media (min-width: 1280px) {
  .flexspace__media {
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    width: 38%;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    margin: 0 2%;
  }
}
.flexspace__media__wrapper {
  position: absolute;
  height: 105%;
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  /* background-image: url('http://www.montgomerycollege.edu/_resources/images/global/blog-guy.gif'); */
	background-image: url('/_images/global/blog-guy.gif');
  background-size: contain;
  background-position: 50% 100%;
}
.flexspace__content {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
}

.flexspace--with-sidebar p {
    margin: 30px 0;
}
.flexspace--with-sidebar p {
    line-height: 1.65;
    margin: 10px 0;
}


@media (min-width: 1280px) {
  .flexspace__content {
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    width: 58%;
  }
}
.flexspace__content__wrapper {
  display: block;
  width: 100%;
  margin: 40px 0;
  padding: 0 30px;
}
@media (min-width: 768px) {
  .flexspace__content__wrapper {
    margin: 60px 0;
    padding: 0 40px;
  }
}
@media (min-width: 1280px) {
  .flexspace__content__wrapper {
    max-width: 870px;
    margin: 118px 0 100px;
    padding: 0 40px 0 0;
  }
}
.flexspace__content .h1 {
  color: #ffffff;
  font-size: 35px;
  line-height: 1.3em;
  margin: 20px 0;
}
@media (min-width: 880px) {
  .flexspace__content .h1 {
    font-size: 45px;
  }
}
@media (min-width: 1280px) {
  .flexspace__content .h1 {
    font-size: 50px;
  }
}
.flexspace__content .h5 {
  color: #ffffff;
  margin: 20px 0;
}
.flexspace__content p {
  color: #ffffff;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .flexspace__content p {
    margin: 30px 0;
  }
}
.flexspace__content p br {
  display: none;
}
.flexspace__content .btn {
  margin: 20px 0 0;
}

.sidebarB li.accordion-menu__list-item, .sidebarA li.accordion-menu__list-item {
     padding-left: 0px;  
     padding-right: 0px;  
} 

.accordion-menu {
  background-color: #333333;
}
.accordion-menu .accordion-menu__list,
.accordion-menu.nav-include-temp ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.accordion-menu .accordion-menu__list[data-level="1"] { 
	padding-bottom: 5px;
}
 
.accordion-menu .accordion-menu__list-item__wrapper   div.accordion-menu__list-item__items:last-child {  
     padding-bottom: 20px;
}


.accordion-menu .accordion-menu__list-item,
.accordion-menu.nav-include-temp li {
  display: -ms-flexbox;
  display: flex; 
  position: relative;
  left: 0;
  margin: 0;
}
.accordion-menu .accordion-menu__list-item[data-has-items="false"][data-selected="true"] {
  background-color: #333333;
  border-bottom: 1px solid #454545;
  border-top: 1px solid #454545;
}
.accordion-menu .accordion-menu__list-item[data-has-items="false"][data-selected="true"] a {
  text-decoration: underline;
}
.accordion-menu .accordion-menu__list-item[data-has-items="false"]:hover,
.accordion-menu.nav-include-temp li:hover { 
	 background-color: #0c7bc0;
}
.accordion-menu .accordion-menu__list-item[data-has-items="false"]:hover a {
  text-decoration: underline;
}
.accordion-menu .accordion-menu__list-item[data-level="0"],
.accordion-menu.nav-include-temp li {
  border-bottom: 1px solid #48494a;
}

.accordion-menu.nav-include-temp a { padding: 17px 40px; }

.accordion-menu .accordion-menu__list-item[data-level="0"][data-selected="true"],
.accordion-menu.nav-include-temp li[data-selected="true"] {
  border-top: 0; 
	background-color: #1a1818;
  transition: background 0.2s ease;
  border-top: 1px solid #1c1d20;
}
.accordion-menu .accordion-menu__list-item[data-level="0"] .accordion-menu__list-item__text-toggle[data-level="0"] {
  padding-left: 40px;  
}

 
.accordion-menu .accordion-menu__list-item[data-level="0"][data-name="apply-now"] .accordion-menu__list-item__text-toggle[data-level="0"],
.accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"] .accordion-menu__list-item__text-toggle[data-level="0"]{
    padding-left: 0px;
    padding-right: 0px;
} 

.accordion-menu .accordion-menu__list-item[data-level="0"] .accordion-menu__list-item__text-toggle[data-level="0"] .accordion-menu__list-item__text { 
    padding-top: 17px;
    padding-bottom: 17px;
}


 


.accordion-menu .accordion-menu__list-item[data-level="1"]:first-child .accordion-menu__list-item__text-toggle[data-level="1"] .accordion-menu__list-item__toggle-button {
   /* padding-bottom: 11px; */ 
    /* new reduced menu padding */
     padding-bottom: 5px;
}
.accordion-menu .accordion-menu__list-item[data-level="1"] .accordion-menu__list-item__text-toggle[data-level="1"] {
  padding-left: 40px;
  /* padding-right: 40px; */
  padding-right: 20px; /* NEW modified to make the toggle click span width of accordion */
}
.accordion-menu .accordion-menu__list-item[data-level="1"] .accordion-menu__list-item__text-toggle[data-level="1"] .accordion-menu__list-item__text {
    /* padding: 11px 0; */
  /* padding: 11px 0 11px 25px;  NEW modified to make the toggle click span width of accordion */
	
	 /* new reduced menu padding */
     padding: 7px 0 7px 25px;
}


/* NEW adjusts left padding if there isnt a toggle button */
.accordion-menu .accordion-menu__list-item[data-level="1"]   .accordion-menu__list-item__text-toggle[data-level="1"] .accordion-menu__list-item__toggle-button .accordion-menu__list-item__text {
   /* padding: 11px 0 11px 10px;  
	  new reduced menu padding */
     padding: 7px 0 7px 10px;
}


.accordion-menu .accordion-menu__list-item[data-level="2"] .accordion-menu__list-item__text-toggle[data-level="2"] {
  padding-left: 85px;
  padding-bottom: 2px;
  padding-right: 40px;
}
.accordion-menu .accordion-menu__list-item[data-level="2"] .accordion-menu__list-item__text-toggle[data-level="2"] .accordion-menu__list-item__text {
   /* padding: 13px 0;
	 new reduced menu padding */
     padding: 7px 0;
}
.accordion-menu__list-item__wrapper {
  width: 100%;
}
.accordion-menu__list-item__text-toggle {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.accordion-menu__list-item__text-toggle[data-level="0"] {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.accordion-menu__list-item__toggle-spacer {
  /* width: 26px; */
  width: 0px; /* NEW */
  display: none; /* NEW */
}
.accordion-menu__list-item__toggle-button {
  cursor: pointer;
  color: #ffffff;
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-align: center;
  align-items: center;
  /* width: auto; */
  width: 100%; /* NEW modified to make the toggle click span width of accordion */
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /* padding-right: 16px; */ /* NEW modified to make the toggle click span width of accordion */
}
.accordion-menu__list-item__text-toggle[data-level="0"] .accordion-menu__list-item__toggle-button {
 /*  width: auto; */
  width: 100%; /* NEW modified to make the toggle click span width of accordion */
  /* -ms-flex: 0 0 80px;
  flex: 0 0 80px; */ /* NEW modified to make the toggle click span width of accordion */
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding-right: 0; */
	/*  padding-right: 30px;   */
	 padding-right: 55px; /* NEW NEW */
}
[data-has-items="false"] > .accordion-menu__list-item__wrapper > .accordion-menu__list-item__toggle-button {
  display: none;
  width: 0;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
}
/* .accordion-menu__list-item__toggle-button img {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  position: relative;
  left: -8px;
  width: 15px;
  height: 9px;
} */


/* NEW */ 
.accordion-menu__list-item__toggle-button img { 
	position: absolute;
	right: 20px;
	transform: rotate(0deg);
	transition: transform 0.3s ease; 
	width: 15px;
	height: 9px;
	/* top: 30px;  */ 
	/* new reduced menu padding */
	top: 27px;
}

/* NEW */ 
 .sidebar-wrapper .accordion-menu__list-item__toggle-button img {  
  right: 30px;   
}


[data-selected="true"] .accordion-menu__list-item__toggle-button img {
  transform: rotate(-180deg);
}
.accordion-menu__list-item__text {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-align: center;
  align-items: center;
}
[data-has-items="false"] > .accordion-menu__list-item__wrapper > .accordion-menu__list-item__text {
  width: 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.accordion-menu__list-item__toggle-button .accordion-menu__list-item__text a {
 /* width: 100%; */
  width: auto; /* NEW modified to make the toggle click span width of accordion */
  text-align: left; /* NEW modified to make the toggle click span width of accordion */
  }


.accordion-menu__list-item__text a,
.accordion-menu.nav-include-temp a {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
   width: 100%;
  vertical-align: middle;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
}




[data-level="1"] .accordion-menu__list-item__text a {
  font-weight: 400;
}
[data-level="2"] .accordion-menu__list-item__text a {
  font-size: 16px;
  font-weight: 400;
}
.accordion-menu__list-item__items {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  
	  /* background-color: #2a2828; NEW color contrast changes */
	background-color: #1a1818;
}
[data-selected="false"] > .accordion-menu__list-item__wrapper > .accordion-menu__list-item__items {
  display: none;
}
.accordion-menu__list-item:first-child .plus-minus {
  /* top: 5px; */ /* NEW modified to make the toggle click span width of accordion */
}
.plus-minus {
  position: relative;
}
[data-selected="true"] > .accordion-menu__list-item__wrapper > .accordion-menu__list-item__text-toggle .plus-minus .plus-minus__icon {
  cursor: pointer;
}
[data-selected="true"] > .accordion-menu__list-item__wrapper > .accordion-menu__list-item__text-toggle .plus-minus .plus-minus__icon:before {
  transform: rotate(90deg);
}
[data-selected="true"] > .accordion-menu__list-item__wrapper > .accordion-menu__list-item__text-toggle .plus-minus .plus-minus__icon:after {
  transform: rotate(180deg);
}
.plus-minus__icon {
  position: relative;
  width: 18px;
  height: 18px;
  /* vertical line */
  /* horizontal line */
}
@media (min-width: 1280px) {
  .plus-minus__icon {
    width: 10px;
    height: 10px;
  }

.accordion-menu .accordion-menu__list-item[data-level="1"] .accordion-menu__list-item__text-toggle[data-level="1"] .accordion-menu__list-item__text {
		/* padding: 11px 0; */
		/* padding: 11px 0 11px 20px;  NEW modified to make the toggle click span width of accordion */
		/* new reduced menu padding */
		padding: 7px 0 7px 20px;
	}

/* NEW */	
.accordion-menu .accordion-menu__list-item[data-level="0"] .accordion-menu__list-item__text-toggle[data-level="0"] {
  padding-left: 40px; 
} 
}


/* NEW */ 
@media (max-width: 768px) {
	
.accordion-menu.nav-include-temp a { padding: 22px 10px; }	
	
 .sidebar-wrapper .accordion-menu .accordion-menu__list-item[data-level="0"] .accordion-menu__list-item__text-toggle[data-level="0"] {
  padding-left: 10px; 
}
	
 .sidebar-wrapper 	.accordion-menu .accordion-menu__list-item[data-level="1"] .accordion-menu__list-item__text-toggle[data-level="1"] {
    padding-left: 0px; 
	 padding-right 0px;
}
	
.sidebar-wrapper	.accordion-menu .accordion-menu__list-item[data-level="2"] .accordion-menu__list-item__text-toggle[data-level="2"] { 
    padding-left: 35px; 
}
	
/* .sidebar-wrapper	.accordion-menu .accordion-menu__list-item {
  
	
	 padding-left: 10px;
	padding-right: 10px;
} */
	
	
.sidebar-wrapper .accordion-menu-section li   { 
    padding-left: 10px;
    padding-right: 10px;  
  } 
 
	
}

/* added to remove sub nav items when linking to a section with an automatically added nav file 
div.nav-include-temp span.hide-nav-menu li {display: none;} 
div.nav-include-temp span.hide-nav-menu li:first-child {display: block;} */


.plus-minus__icon:before,
.plus-minus__icon:after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  transition: transform 0.1s ease-out;
}
.plus-minus__icon:before {
  top: 0;
  left: 50%;
  height: 100%;
  margin-left: -1px;
  width: 2px;
}
.plus-minus__icon:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
.section-introduction .section-introduction__header {
  margin-bottom: 15px;
  max-width: 100%;
}
@media (min-width: 1600px) {
  .section-introduction .section-introduction__header {
    max-width: 80%;
  }
}
.section-introduction .section-introduction__description {
  max-width: 100%;
}
@media (min-width: 1600px) {
  .section-introduction .section-introduction__description {
    max-width: 80%;
  }
}
.section-introduction.center {
  text-align: center;
}
.section-introduction.center .section-introduction__header,
.section-introduction.center .section-introduction__description {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .image-figure {
    display: -ms-flexbox;
    display: flex;
  }
  .image-figure.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .image-figure.reverse .image-figure__text {
    padding-left: 0;
    padding-right: 30px;
  }
  .image-figure .image-figure__image {
    -ms-flex: 2;
    flex: 2;
  }
  .image-figure .image-figure__image img {
    width: 100%;
    margin-right: 40px;
    margin-bottom: 20px;
  }
  .image-figure .image-figure__text {
    -ms-flex: 3;
    flex: 3;
    padding-left: 30px;
  }
}
.section-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 200px 50px;
  border: 1px solid #d0d0d0;
}
.section-placeholder .section-placeholder__title {
  text-transform: uppercase;
  font-size: 60px;
  color: #d0d0d0;
  font-weight: bold;
}
.image-captioned {
  position: relative;
  display: inline-block;
	/* new clear element 
	clear: both; */
	width: 100%; /* NEW callout content and image fix */
	margin-bottom: 15px; /* NEW callout content and image fix */
}
.image-captioned img {
  display: block; 
 width: 100%; /*  IE fix */
}
 

/*.image-captioned p    {
  opacity: .9;
  background: #51237f;
  color: #ffffff;
  font-size: 11px;
  padding: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
} */

.image-captioned div.image-captioned__caption   {
  opacity: .9;
  background: #51237f;
  color: #ffffff;
  /* font-size: 11px; */
	font-size: 14px;
  padding: 7px;
 /*  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;  NEW */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left !important; /* NEW */
}

/*
.image-captioned p,
.image-captioned div    {
  opacity: .9;
  background: #51237f;
  color: #ffffff;
  font-size: 11px;
  padding: 7px;

}

 .image-captioned div    {

  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}


 .image-captioned p   {
  opacity: 1;
}
*/

.universal-page-container .image-captioned p {
 margin-bottom: 10px; /* NEW */
}

.universal-page-container .image-captioned p:last-child  {
  margin-bottom: 0;
}

.contact-campus {
  background-color: #51237f;
  color: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
}
.contact-campus .contact-campus__item {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.contact-campus .contact-campus__item .contact-campus__item__title {
  font-family: "roboto", sans-serif;
  font-size: 30px;
  line-height: 1;
  padding-bottom: 15px;
}
.contact-campus .contact-campus__item .contact-campus__item__description {
  font-weight: bold;
}
.contact-campus .contact-campus__item .contact-campus__item__description a {
  color: #ffffff;
  font-weight: bold;
}
.contact-campus .contact-campus__item .contact-campus__item__description a:hover {
  text-decoration: underline;
}
.contact-campus .contact-campus__item:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .contact-campus .contact-campus__item {
    display: inline-block;
    width: 49%;
    border-bottom: none;
  }
}
@media (min-width: 1025px) {
  .contact-campus .contact-campus__item {
    display: block;
    width: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .contact-campus .contact-campus__item:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .image-wrap .image-captioned {
    float: left;
    margin-right: 15px;
  }
}
.image-wrap .image-captioned .image-captioned__image {
  width: 100%;
}
@media (min-width: 768px) {
  .image-wrap .image-captioned .image-captioned__image {
    width: auto;
  }
}
 

.search-bar__label {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
@media (min-width: 768px) {
  .search-bar__label {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.search-bar__label label {
  padding-right: 0;
  font-weight: bold;
  display: block;
  font-size: 16px;
  padding: 15px 0 0;
  line-height: 1.6em;
}

/* NEW inline search results box */ 
.searchSite-inline .search-bar__label label { 
  padding: 0px 0 0; 
}

@media (min-width: 768px) {
  .search-bar__label label {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .search-bar__label {
    padding: 15px 20px 15px 0;
  }
	
/* NEW inline search results box */ 
.searchSite-inline .search-bar__label {
    padding: 0px 20px 15px 0;
  }	
	
}
 


.search-bar__input-wrapper {
  position: relative;
}
.search-bar input {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 20px 30px;
}
.search-bar button {
  position: absolute;
  background-color: transparent;
  height: 100%;
  top: 0;
  right: 0;
  padding: 0;
  width: 65px;
}
.search-bar button img {
  height: 25px;
  width: 25px;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.search-bar button img:hover {
  opacity: 0.6;
}
.layout-container--with-sidebar .cta-icon-grid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar .cta-icon-grid {
    padding-left: 0;
    padding-right: 0;
  }
}
.cta-icon-grid__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cta-icon-grid__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding: 0;
  background-color: #ffffff;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cta-icon-grid__item {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 10px 0 0;
    background-color: transparent;
  }
}
@media (min-width: 1025px) {
  .cta-icon-grid__item {
    padding: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    background-color: #ffffff;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.cta-icon-grid__item:first-child:before {
  content: none;
}
.cta-icon-grid__item:nth-child(1),
.cta-icon-grid__item:nth-child(2) {
  padding-top: 0;
}
.cta-icon-grid__item:before {
  content: '';
  height: 1px;
  background-color: #f0f0f0;
  display: block;
  margin: 0 20px;
  width: auto;
}
@media (min-width: 768px) {
  .cta-icon-grid__item:before {
    width: 78%;
    margin: 0 auto;
    content: none;
  }
}
@media (min-width: 1025px) {
  .cta-icon-grid__item:before {
    content: '';
  }
}
.cta-icon-grid__item__wrapper {
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  height: auto;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 20px 57px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .cta-icon-grid__item__wrapper {
    margin-right: 5px;
    padding: 4.82312vw 3.158vw 6.431vw;
  }
}
@media (min-width: 1025px) {
  .cta-icon-grid__item__wrapper {
    padding: 37px 50px 42px;
    margin-right: 0;
  }
}
.cta-icon-grid__item__wrapper--inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.cta-icon-grid__item:nth-child(2n) .cta-icon-grid__item__wrapper {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  .cta-icon-grid__item:nth-child(2n) .cta-icon-grid__item__wrapper {
    margin-left: 5px;
    margin-right: 0;
  }
}
@media (min-width: 1025px) {
  .cta-icon-grid__item:nth-child(2n) .cta-icon-grid__item__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.cta-icon-grid__item__icon {
  width: 65px;
  height: 55px;
  display: inline-block;
  margin-bottom: 10px;
}
.cta-icon-grid__item__icon img {
  height: 100%;
  width: auto;
}
.cta-icon-grid__item__title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 6px 0;
  display: block;
  width: 100%;
}
.cta-icon-grid__item__text {
  display: block;
  width: 100%;
  line-height: 1.325;
}
.cta-icon-grid__item__cta {
  width: 100%;
}
.cta-icon-grid__item__cta a {
  width: 100%;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .cta-icon-grid__item__cta a {
    max-width: 250px;
  }
}
.pagination {
  display: block;
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
  padding-left: 7px;
  padding-right: 7px;
}
@media (min-width: 768px) {
  .pagination {
    padding-left: 0;
    padding-right: 0;
  }
}
.pagination .pagination__page-numbers__list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pagination .pagination__page-numbers__list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 25px;
  flex: 1 0 25px;
}
@media (min-width: 768px) {
  .pagination .pagination__page-numbers__list li {
    -ms-flex: 1 0 30px;
    flex: 1 0 30px;
  }
}
.pagination .pagination__page-numbers__list li a {
  display: block;
  margin: 0 auto;
  font-size: 16px;
  height: 30px;
  width: 100%;
  max-width: 30px;
  line-height: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .pagination .pagination__page-numbers__list li a {
    width: 30px;
  }
}
.pagination .pagination__page-numbers__list .pagination__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-transform: uppercase;
}
.pagination .pagination__page-numbers__list .pagination__cta--prev {
  display: block;
  text-align: left;
  width: 100%;
  line-height: 30px;
}
.pagination .pagination__page-numbers__list .pagination__cta--prev a {
  width: 100%;
  max-width: none;
  line-height: 30px;
}
.pagination .pagination__page-numbers__list .pagination__cta--next {
  display: block;
  text-align: right;
  width: 100%;
}
.pagination .pagination__page-numbers__list .pagination__cta--next a {
  width: 100%;
  line-height: 30px;
  max-width: none;
}
.pagination .pagination__page-numbers__list .pagination__ellipse {
  -ms-flex: 0 1 15px;
  flex: 0 1 15px;
  padding: 0;
}
.pagination .pagination__page-numbers__list .pagination__ellipse span {
  display: block;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.pagination .pagination__page-numbers__list .pagination__page-number {
  display: none;
  visibility: hidden;
  cursor: pointer;
}
.pagination .pagination__page-numbers__list .pagination__page-number:hover a {
  background-color: #e2e2e2;
  text-decoration: none;
}
.pagination .pagination__page-numbers__list .pagination__page-number--first-child {
  -ms-flex: 1 0 25px;
  flex: 1 0 25px;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
@media (min-width: 768px) {
  .pagination .pagination__page-numbers__list .pagination__page-number--first-child {
    -ms-flex: 1 0 30px;
    flex: 1 0 30px;
  }
}
.pagination .pagination__page-numbers__list .pagination__page-number--last-child {
  -ms-flex: 1 0 25px;
  flex: 1 0 25px;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
@media (min-width: 768px) {
  .pagination .pagination__page-numbers__list .pagination__page-number--last-child {
    -ms-flex: 1 0 30px;
    flex: 1 0 30px;
  }
}
.pagination .pagination__page-numbers__list .pagination__page-number__selected-page {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  cursor: default;
}
.pagination .pagination__page-numbers__list .pagination__page-number__selected-page a {
  pointer-events: none;
  color: #333333;
  background-color: #e2e2e2;
}
.pagination .pagination__page-numbers__list .pagination__page-number__trailing-page {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.pagination .pagination__page-numbers__list .pagination__page-number__trailing-page[data-visible-count="5"],
.pagination .pagination__page-numbers__list .pagination__page-number__trailing-page[data-visible-count="6"] {
  display: none;
  visibility: hidden;
}
@media (min-width: 768px) {
  .pagination .pagination__page-numbers__list .pagination__page-number__trailing-page[data-visible-count="5"],
  .pagination .pagination__page-numbers__list .pagination__page-number__trailing-page[data-visible-count="6"] {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
}
.select-field {
  position: relative;
  width: 100%;
}
.select-field:after,
.search_results__tab-group .nav-tabs li.dropdown:after {
  content: '';
  /* background-image: url(https://www.montgomerycollege.edu/_resources/images/global/arrow-tab-down.svg); */
	background-image: url('/_images/global/arrow-tab-down.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 20px;
  position: absolute;
  top: 0;
  right: 18px;
  pointer-events: none;
}


 


.select-field select {
  border: 1px solid #e2e2e2;
  background-color: #ffffff;
  border-radius: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #333333;
  font-size: 15px;
  line-height: 1em;
  height: 50px;
  width: 100%;
  padding: 0 23px;
}
.select-field select::-ms-expand {
  display: none;
}
.select-field select:focus::-ms-value {
  background-color: transparent;
  color: #333333;
}
.anchor-nav {
  padding: 25px 0 0 0;
}
@media (min-width: 1280px) {
  .anchor-nav {
    padding: 25px 0;
  }
}
.anchor-nav a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
}
.anchor-nav a:hover {
  text-decoration: underline;
}
.anchor-nav a:first-child {
  padding-left: 0;
}
.anchor-nav a:last-child {
  padding-right: 0;
}
@media (min-width: 768px) {
  .anchor-nav a {
    display: inline-block;
    border-right: 1px solid #d0d0d0;
  }
  .anchor-nav a:last-child {
    border-right: none;
  }
}
.tab-nav {
  margin: 10px 0 30px;
}
@media (min-width: 768px) {
  .tab-nav {
    margin: 35px 0 30px;
  }
}
.tab-nav--mobile {
  display: block;
}
@media (min-width: 768px) {
  .tab-nav--mobile {
    display: none;
  }
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar .tab-nav--mobile {
    display: block;
  }
}
@media (min-width: 1280px) {
  .layout-container--with-sidebar .tab-nav--mobile {
    display: none;
  }
}
.tab-nav--mobile span {
  padding-right: 0;
  font-weight: bold;
  display: block;
  font-size: 16px;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .tab-nav--mobile span {
    font-size: 18px;
    padding: 20px 0;
  }
}
.tab-nav--desktop {
  display: none;
}
@media (min-width: 768px) {
  .tab-nav--desktop {
    display: block;
  }
}
@media (min-width: 1025px) {
  .layout-container--with-sidebar .tab-nav--desktop {
    display: none;
  }
}
@media (min-width: 1280px) {
  .layout-container--with-sidebar .tab-nav--desktop {
    display: block;
  }
}
.tab-nav__list {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.tab-nav__list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0;
  cursor: pointer;
}
.tab-nav .tab-nav__list__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.tab-nav .tab-nav__list__item a:hover {
  text-decoration: none;
}
.tab-nav .tab-nav__list__item a:hover .tab-nav__list__item__icon svg path,
.search_results__tab-group .tab-nav .tab-nav__list__item.active .tab-nav__list__item__icon svg path {
  fill: #333333;
}
.tab-nav .tab-nav__list__item a:hover span,
.search_results__tab-group .tab-nav__list__item.active a span {
  color: #333333;
}
.tab-nav .tab-nav__list__item a span {
  color: #51237f;
  transition: all 0.3s ease;
}
.tab-nav__list__item__icon {
  transition: all 0.3s ease;
  height: 38px;
  width: 45px;
  display: -ms-flexbox;
  display: flex;
}
.tab-nav__list__item__icon svg {
  height: 100%;
  width: auto;
}
.tab-nav__list__item__icon svg path {
  fill: #51237f;
  transition: all 0.3s ease;
}
.enable-tab-state-animation .animation-bar {
  width: 100%;
  transition: all 0.5s ease;
  background-color: #e2e2e2;
  height: 3px;
}
.enable-tab-state-animation .animation-bar__bar {
	transition: all 0.5s ease;
	position: relative;
	height: 100%;
	width: 1px; 
	/* background-color: #0e8ad9;  */
	background-color: #0c7bc0;

	margin-left: -5vw !important;
}
@media (min-width: 1025px) {
  .page-container--full-width .dual-pane {
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
  }
  .page-container--full-width .dual-pane .dual-pane__pane {
    margin-right: 20px;
  }
  .page-container--full-width .dual-pane .dual-pane__pane:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .page-container--has-sidebar .dual-pane {
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
  }
  .page-container--has-sidebar .dual-pane .dual-pane__pane {
    margin-right: 20px;
  }
  .page-container--has-sidebar .dual-pane .dual-pane__pane:last-child {
    margin-right: 0;
  }
}
.dual-pane {
  display: block;
}
.dual-pane .dual-pane__pane {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 5vw;
  padding-right: 5vw;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .dual-pane .dual-pane__pane {
    padding-top: 45px;
  }
}
@media (min-width: 1025px) {
  .dual-pane .dual-pane__pane {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .dual-pane .dual-pane__pane {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .dual-pane .dual-pane__pane {
    padding-bottom: 45px;
  }
}
@media (min-width: 1025px) {
  .dual-pane .dual-pane__pane {
    padding-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .dual-pane .dual-pane__pane {
    padding-bottom: 80px;
  }
}
.dual-pane .dual-pane__pane:last-child {
  margin-bottom: 0;
}
.dual-pane .dual-pane__pane ul {
  list-style-type: none;
  padding-left: 0;
}
.dual-pane .dual-pane__pane ul li {
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0;
}


.location-list{
	background-color:#51237f;padding:30px 20px;transition:all .3s ease;overflow:hidden}
@media (min-width:768px){
	.location-list{
		padding:30px}
}
.location-list .location-list__title{
	color:#fff;font-size:30px;transition:all .3s ease}
@media (min-width:768px){
	.location-list .location-list__title{
		font-size:35px;margin-bottom:40px}
}
@media (min-width:1025px){
	.location-list .location-list__title{
		margin-bottom:0}
}
.location-list .location-list__list{
	margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.location-list .location-list__item{
	display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;color:#fff;border-top:1px solid rgba(255,255,255,.2);padding:26px 0 33px;-ms-flex-pack:justify;justify-content:space-between;transition:all .3s ease}
@media (min-width:768px){
	.location-list .location-list__item{
		-ms-flex:0 0 49%;flex:0 0 49%;width:49%;border-top:0 solid transparent;padding:0;margin-bottom:50px}
	
	
	/* NEW contact snippet */
  .location-list.multiple-contacts .location-list__item {margin-bottom: 5px;}
	
}
@media (min-width:1025px){
	.location-list .location-list__item{
		-ms-flex:0 0 100%;flex:0 0 100%;border-top:1px solid rgba(255,255,255,.2);padding:26px 0 33px;margin-bottom:0;line-height:1.5em}
}
.location-list .location-list__item:first-child{
	border-top:0 solid transparent}
.location-list .location-list__item:nth-child(2n+1) .location-list__item__wrapper{
	padding-right:0}
@media (min-width:768px){
	.location-list .location-list__item:nth-child(2n+1) .location-list__item__wrapper{
		padding-right:20px}
}
@media (min-width:1025px){
	.location-list .location-list__item:nth-child(2n+1) .location-list__item__wrapper{
		padding-right:0}
}
.location-list .location-list__item--location-name{
	font-size:25px;margin-bottom:15px;line-height:1.1em}
@media (min-width:768px){
	.location-list .location-list__item--location-name{
		font-size:30px}
}
.location-list .location-list__item--contact-title{
	display:inline-block}
.location-list .location-list__item--office-name{
	font-weight:700}
.location-list .location-list__item--email{
	font-weight:700}
.location-list .location-list__item--email a{
	color:#fff;word-break:break-all;display:inline-block}
.location-list .location-list__item--phone{
	font-weight:700;padding-top:10px}
.location-list .location-list__item--phone a,.location-list .location-list__item--phone a:active,.location-list .location-list__item--phone a:hover,.location-list .location-list__item--phone a:visited{
	color:#fff}
.location-list .location-list__item--direction a{
	font-weight:700;color:#fff}
.location-list .location-list__item .location-list__item__wrapper{
	display:block;width:100%}




/* NEW contact snippet  */  
.multiple-contacts .btn { white-space: normal;}
 
.multiple-contacts .read-more-cta { 
  display: block;
} 
.multiple-contacts  .contact-info__header.h6 {
	font-size: 17px; line-height: 22px;}

@media (min-width:768px){
	.multiple-contacts  .contact-info__header.h6 {font-size: 20px; line-height: 23px;}
	 .multiple-contacts .read-more-cta {  display: inline-block  }
}

.location-list.multiple-contacts .location-list__item {padding: 12px 0; line-height:1.3em; } 

.sidebar-wrapper .multiple-contacts .location-list__item--email  a,
.sidebar-wrapper .multiple-contacts .location-list__item--phone  a {font-weight: normal;} 

.multiple-contacts .contact-info__tagline {
	font-size: 17px;
	line-height: 1.25;
	letter-spacing: 0;
	color: #fff;
	margin-top: 12px;
}

.sidebar-wrapper .multiple-contacts  .location-list__title.h3,
.sidebar-wrapper .multiple-contacts .contact-info__header.h6,
.sidebar-wrapper .multiple-contacts .contact-info__tagline {padding-left: 0;}


.multiple-contacts   .location-list__item:last-child { padding-bottom: 0; }

.multiple-contacts  .contact-info  .contact-info__description {margin-bottom: 0;}

.multiple-contacts  .contact-info  .contact-info__description span {font-weight: bold;}
.multiple-contacts .contact-info__header.h6 {/* margin-bottom: 0px; */ margin-bottom: 10px;}
.multiple-contacts .location-list__item--contact  { margin-top: -10px;}

.multiple-contacts .location-list__item--contact-title,
.multiple-contacts .location-list__item--phone,
.multiple-contacts.location-list .location-list__item--email {/* margin-bottom: 7px; */ margin-bottom: 12px;}  

.multiple-contacts.location-list .location-list__item--phone {  padding-top: 0px; }
.multiple-contacts .location-list__item--direction a{
	font-weight:normal;color:#fff} 
.multiple-contacts  .icon {width: 23px; height: 23px; margin-right: 7px; float: left;}



/* END NEW contact snippet */



.contact-manifold{
	/* background: #2a2828 url('http://www.montgomerycollege.edu/_resources/images/_originals/pattern-grid.png'); */
	background: #2a2828 url('/_images/_originals/pattern-grid.png');
	padding:0;
	transition:all .2s ease;
	margin-bottom:5px
}

@media (min-width:768px){
 .contact-manifold{
 padding:40px}
}
@media (min-width:1025px){
 .contact-manifold{
 margin-bottom:10px}
}
@media (min-width:1280px){
 .contact-manifold{
 padding:50px 80px}
}
@media (min-width:1920px){
 .contact-manifold{
 padding:65px 95px 65px 100px}
}
.contact-manifold__wrapper{
 display:block;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-manifold__learn-more{
 -ms-flex:1 1 100%;flex:1 1 100%;padding:35px 20px 0 20px}
@media (min-width:768px){
 .contact-manifold__learn-more{
 padding:0}
}
@media (min-width:1280px){
 .contact-manifold__learn-more{
 -ms-flex:0 0 52%;flex:0 0 52%}
}
.contact-manifold__learn-more .h2{
 color:#fff;font-size:30px;margin-bottom:10px}
@media (min-width:768px){
 .contact-manifold__learn-more .h2{
 margin-bottom:15px;font-size:40px}
}
.contact-manifold__learn-more p{
 color:#fff;line-height:1.5em}
.contact-manifold__learn-more__fine-print{
 color:#fff;font-size:10px}
.contact-manifold__learn-more__fine-print a{
 color:#fff;text-decoration:underline;font-weight:700}
.contact-manifold__contact{
 -ms-flex:1 1 100%;flex:1 1 100%;margin-top:40px;padding:0 20px 10px 20px;width:100%}
@media (min-width:768px){
 .contact-manifold__contact{
 padding:0 0 10px 0}
}
@media (min-width:1025px){
 .contact-manifold__contact{
 -ms-flex:0 0 49%;flex:0 0 49%;width:49%}
}
@media (min-width:1280px){
 .contact-manifold__contact{
 -ms-flex:0 0 18%;flex:0 0 18%;margin-top:0;width:18%}
}
@media (min-width:1920px){
 .contact-manifold__contact{
 -ms-flex:0 0 13%;flex:0 0 13%;width:13%}
}
.contact-manifold__contact__wrapper{
 border-bottom:1px solid #666;padding-bottom:12px}
@media (min-width:1025px){
 .contact-manifold__contact__wrapper{
 border-bottom:1px solid transparent}
}
.contact-manifold__contact .h3{
 color:#fff;margin-bottom:5px;font-size:30px;line-height:1.2em}
.contact-manifold__contact p{
 color:#fff}
.contact-manifold__contact__content{
 display:block}
@media (min-width:768px){
 .contact-manifold__contact__content{
 display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
}
@media (min-width:1025px){
 .contact-manifold__contact__content{
 display:block}
}
.contact-manifold__contact__content p{
 display:block;margin-bottom:18px}
@media (min-width:768px){
 .contact-manifold__contact__content p{
 display:-ms-flexbox;display:flex;-ms-flex:0 0 48%;flex:0 0 48%}
}
@media (min-width:1025px){
 .contact-manifold__contact__content p{
 display:block}
}
.contact-manifold__contact__content a,.contact-manifold__contact__content a.active,.contact-manifold__contact__content a:hover,.contact-manifold__contact__content a:visited{
 color:#fff}
.contact-manifold__act{
 -ms-flex:1 1 100%;flex:1 1 100%;width:100%;border-left:0 solid transparent;margin-top:23px}
@media (min-width:1025px){
 .contact-manifold__act{
 -ms-flex:0 0 49%;flex:0 0 49%;width:49%;border-left:1px solid #363636}
}
@media (min-width:1280px){
 .contact-manifold__act{
 -ms-flex:0 0 22%;flex:0 0 22%;width:22%;margin-top:0}
}
.contact-manifold__act__content{
 padding:0 20px}
@media (min-width:768px){
 .contact-manifold__act__content{
 padding:0}
}
@media (min-width:1025px){
 .contact-manifold__act__content{
 padding-left:3vw}
}
@media (min-width:1920px){
 .contact-manifold__act__content{
 padding-left:5.2vw}
}
.contact-manifold__act .h3{
 color:#fff;margin-bottom:10px;font-size:30px;line-height:1.2em}
.contact-manifold__act p{
 color:#fff;line-height:1.5em}
.contact-manifold__act .btn{
 width:100%;margin-top:30px}
@media (min-width:768px){
 .contact-manifold__act .btn{
 width:auto;margin:20px 0 0}
}
@media (min-width:1025px){
 .contact-manifold__act .btn{
 margin-left:3vw}
}
@media (min-width:1920px){
 .contact-manifold__act .btn{
 margin-left:5.2vw}
}
.contact-manifold .contact-manifold__learn-more-form{
 margin:20px 0 5px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.contact-manifold .contact-manifold__learn-more-form__field{
 display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;padding-bottom:10px}
@media (min-width:768px){
 .contact-manifold .contact-manifold__learn-more-form__field{
 -ms-flex:0 0 49%;flex:0 0 49%;padding-bottom:15px}
}
.contact-manifold .contact-manifold__learn-more-form__field label{
 display:none;visibility:hidden;opacity:0}
.contact-manifold .contact-manifold__learn-more-form__field input{
 width:100%;margin:0;padding:0 15px;height:40px}
@media (min-width:1280px){
 .contact-manifold .contact-manifold__learn-more-form__field input{
 height:60px}
}
.contact-manifold .contact-manifold__learn-more-form__field--phone-submit{
 -ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-manifold .contact-manifold__learn-more-form__field--phone-submit--phone{
 display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%}
@media (min-width:768px){
 .contact-manifold .contact-manifold__learn-more-form__field--phone-submit--phone{
 -ms-flex:1 0 75%;flex:1 0 75%;width:75%}
}
@media (min-width:1280px){
 .contact-manifold .contact-manifold__learn-more-form__field--phone-submit--phone{
 -ms-flex:0 0 65%;flex:0 0 65%;width:65%}
}
.contact-manifold .contact-manifold__learn-more-form__field--phone-submit--submit{
 -ms-flex:0 0 100%;flex:0 0 100%;width:100%}
@media (min-width:768px){
 .contact-manifold .contact-manifold__learn-more-form__field--phone-submit--submit{
 -ms-flex:0 0 25%;flex:0 0 25%;width:25%}
}
@media (min-width:1280px){
 .contact-manifold .contact-manifold__learn-more-form__field--phone-submit--submit{
 -ms-flex:0 0 35%;flex:0 0 35%;width:35%}
}
.contact-manifold .contact-manifold__learn-more-form__field--phone-submit--submit button[type=submit]{
 -ms-flex-pack:center;justify-content:center;
	 /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
	color:#fff;text-transform:uppercase;font-weight:700;margin-top:10px;width:100%;height:40px;font-size:13px}
@media (min-width:768px){
 .contact-manifold .contact-manifold__learn-more-form__field--phone-submit--submit button[type=submit]{
 margin-top:0;font-size:15px;padding:0}
}
@media (min-width:1280px){
 .contact-manifold .contact-manifold__learn-more-form__field--phone-submit--submit button[type=submit]{
 height:60px}
}



.index-container {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.styleguide-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.styleguide-container textarea {
  width: 800px;
  height: 1111px;
}
.styleguide__headline {
  background-color: #333333;
  text-align: center;
  padding: 30px;
  color: #ffffff;
}
.styleguide__headline .styleguide__headline__subhead {
  font-size: 40px;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
}
.styleguide__header {
  background-color: #d0d0d0;
  padding: 12px 10px;
  border-top: 2px solid darkgray;
}
.styleguide__header h3 {
  color: #000000;
  font-weight: bold;
}
.color-palette {
  width: 100%;
  margin: 0 auto;
}
.color-palette__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.color-palette__color {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}
.color-palette__name {
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  padding-right: 25px;
  text-align: right;
  font-size: 14px;
}
.color-palette__hex {
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  padding-left: 25px;
  font-size: 14px;
}
.color-palette__swatch {
  width: 90px;
  height: 30px;
}
.landing-page-container {
  position: relative;
  margin: 0;
}
@media (min-width: 768px) {
  .landing-page-container {
    margin: 86px 0 0;
  }
}
@media (min-width: 880px) {
  .landing-page-container {
    margin: 0;
  }
}
.landing-page-container .sidebar {
  padding-top: 30px;
  padding-bottom: 30px;
}
.landing-page-container .sidebar > * {
  margin-top: 0;
}
@media (min-width: 0px) {
  .landing-page-container .sidebar > * {
    margin-top: 30px;
  }
}
@media (min-width: 0px) {
 .landing-page-container .sidebar > *:first-child {
    margin-top: 0;
  }
  /* NEW added to accomodate skip nav which is the first element in the sidebar */
  .landing-page-container .sidebar > *:nth-child(2) {
    margin-top: 0;
  }
}
.landing-page-container__top {
  background-color: #ffffff;
}
.landing-page-container__bottom,
.universal-page-container__bottom /* NEW added for creation of one universal template */  {
  background-color: #f0f0f0;
}
.detail-page-container__top,
.universal-page-container__top /* NEW added for creation of one universal template */  {
  background-color: #ffffff;
  padding-bottom: 0px; /* NEWNEW added for creation of one universal template */

  background-color: #f0f0f0 !important; /* NEWNEW added for creation of one universal template */
}


.universal-page-container__top .layout-container__block:first-child /* NEWNEW added for creation of one universal template */  {
  background-color: #ffffff !important;
  padding-bottom: 30px;

}

.universal-page-container__bottom .layout-container__block:first-child /* NEWNEW added for creation of one universal template */  {
  background-color: #f0f0f0 !important;
}


.detail-page-container,
.universal-page-container /* NEW added for creation of one universal template */ {
  position: relative;
  margin: 0;
}
@media (min-width: 768px) {
  .detail-page-container, .universal-page-container /* NEW added for creation of one universal template */  {
    margin: 86px 0 0;
  }
}
@media (min-width: 880px) {
  .detail-page-container, .universal-page-container /* NEW added for creation of one universal template */  {
    margin: 0;
  }
}
.detail-page-container .page-headline .h1,
  .universal-page-container .detail-hero__headline .page-headline .h1  /* NEW added for creation of one universal template */   {
    padding-bottom: 10px; /* NEW */
  }
@media (min-width: 1600px) {
  /* .detail-page-container .page-headline .h1, */ /* NEW HEADING STYLE CHANGES */ 
  .universal-page-container .detail-hero__headline .page-headline .h1  /* NEW added for creation of one universal template */   {
    /* font-size: 70px; */
    font-size: 52px;
  }
	
	/* NEW HEADING STYLE CHANGES */ 
   .detail-page-container .page-headline .h1     {
    /* font-size: 52px; */
    font-size: 55px;
  }
	
}
.detail-page-container .detail-hero__image--desktop,
 .universal-page-container .detail-hero__image--desktop  /* NEW added for creation of one universal template */ {
  display: none;
}
@media (min-width: 1025px) {
  .detail-page-container .detail-hero__image--desktop,
  .universal-page-container .detail-hero__image--desktop  /* NEW added for creation of one universal template */ {
    display: block;
  }
}
.detail-page-container .detail-hero__image--mobile,
.universal-page-container .detail-hero__image--mobile  /* NEW added for creation of one universal template */ {
  display: block;
  width: 100%;
}
@media (min-width: 1025px) {
  .detail-page-container .detail-hero__image--mobile,
  .universal-page-container .detail-hero__image--mobile  /* NEW added for creation of one universal template */ {
    display: none;
  }
}
.detail-page-container .tripod-show-section,
 .universal-page-container .tripod-show-section  /* NEW added for creation of one universal template */  {
  background-color: #f0f0f0;
}
.detail-page-container .show-all-container,
.universal-page-container .show-all-container  /* NEW added for creation of one universal template */   {
  background-color: #f0f0f0;
}
.detail-page-container .sidebar > * {
  margin-top: 0;
}
@media (min-width: 0px) {
  .detail-page-container .sidebar > *,
  .universal-page-container .sidebar > *  /* NEW added for creation of one universal template */ {
    margin-top: 30px;
  }
}
@media (min-width: 0px) {
  .detail-page-container .sidebar > *:first-child {
    margin-top: 0;
  }
   /* NEW added to accomodate skip nav which is the first element in the sidebar */
  .detail-page-container .sidebar > *:nth-child(2),
  .universal-page-container .sidebar > *:nth-child(2)  /* NEW added for creation of one universal template */ {
    margin-top: 0;
  }
}
@media (min-width: 880px) {
  .detail-page-container .sidebar,
.universal-page-container .sidebar.sidebar-top-padding  /* NEW added for creation of one universal template */ {
    padding-top: 60px;
  }



}
.storytelling-container,
.universal-page-container .layout-container /* NEW added for creation of one universal template */
/*  .universal-page-container .page-container--full-width NEW added for creation of one universal template */ {
  background-color: #ffffff;
}
.storytelling-container__top > p,
.storytelling-container__top > [class^="section-padding-"] > p {
  margin: 30px 0;
}
.universal-container__bottom-main { /* NEW added for creation of one universal template */
  /* background-color: #f0f0f0; */
  padding-top: 40px;
  padding-bottom: 20px;
}
.storytelling-container__bottom-sidebar > *,
.sidebarB > * /* NEW added for creation of one universal template */ {
  margin-top: 0;
}


@media (min-width: 0px) {
  .storytelling-container__bottom-sidebar > *,
  .sidebarB > *   /* NEW added for creation of one universal template */   {
    margin-top: 30px;
  }

  .sidebarA > *  /* NEW added for creation of one universal template */ {
    margin-top: 30px;
  }
	
	.sidebar-wrapper .accordion-menu-section .accordion-menu { margin-top: 56px;  }

}

.storytelling-container__bottom-sidebar > *:first-child,
.sidebarB > *:first-child, /* NEW added for creation of one universal template */
.universal-page-container__top .sidebarA > *:first-child /* NEW added for creation of one universal template */ {
  margin-top: 30px;
}

@media (min-width: 0px) {
  .storytelling-container__bottom-sidebar > *:first-child,
  .sidebarB > *:first-child, /* NEW added for creation of one universal template */
   .universal-page-container__top .sidebarA > *:first-child /* NEW added for creation of one universal template */ {
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .storytelling-container__bottom-sidebar > *:first-child,
  .sidebarB > *:first-child, /* NEW added for creation of one universal template */
   .universal-page-container__top .sidebarA > *:first-child /* NEW added for creation of one universal template */ {
    margin-top: 30px;
  }
}
.storytelling-container .split-content__text {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .storytelling-container .split-content__text {
    padding-left: 0;
    padding-right: 0;
  }
}
.storytelling-container .tripod .pods-container .pod,
.universal-page-container .page-container--has-sidebar .tripod .pods-container .pod /* NEW added for creation of one universal template */ {
  width: auto;
	min-width: 0; /* added to fix hyphens and word wrapping on flex elements 20190321 */
}
.storytelling-container .cards-section .section-introduction,
.universal-page-container .page-container--has-sidebar .cards-section .section-introduction /* NEW added for creation of one universal template */ {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .storytelling-container .cards-section .section-introduction,
  .universal-page-container .page-container--has-sidebar  .cards-section .section-introduction /* NEW added for creation of one universal template */ {
    padding-bottom: 45px;
  }
}
@media (min-width: 1025px) {
  .storytelling-container .cards-section .section-introduction,
  .universal-page-container .page-container--has-sidebar .cards-section .section-introduction /* NEW added for creation of one universal template */ {
    padding-bottom: 60px;
  }
}

@media (min-width: 1280px) {
  .universal-page-container .universal-page-container__top  .sidebarA.sidebar-top-padding  > *:nth-child(2)   /* NEWNEW added for creation of one universal template */  { margin-top: 56px; }
}


@media (min-width: 1600px) {
  .storytelling-container .cards-section .section-introduction,
  .universal-page-container .page-container--has-sidebar .cards-section .section-introduction /* NEW added for creation of one universal template */  {
    padding-bottom: 80px;
  }
}
.storytelling-container .socialWall {
  display: none;
}
@media (min-width: 768px) {
  .storytelling-container .socialWall {
    display: block;
  }
}
.storytelling-container .socialWall__wrapper {
  overflow: hidden;
}
.component-index .component-index__title {
  text-align: center;
  margin: 100px 0 0;
}
.component-index .component-index__subtitle {
  font-size: 40px;
  display: block;
  width: 100%;
  text-align: center;
  font-style: italic;
}
.component-index .component-label {
  background: #000000;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 150px;
  color: white;
  padding: 20px;
}
.component-index .component-label span,
.component-index .component-label p {
  font-size: 18px;
  padding: 0 20px;
  letter-spacing: 0px;
}
.component-index .component-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.layout-container-view__mini-view__screens {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.layout-container-view__mini-view__screen {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  -ms-flex-pack: center;
  justify-content: center;
}
.layout-container-view__mini-view__screen__wrapper {
  display: block;
  border: 2px solid #4c4c4c;
}
.layout-container-view__mini-view__screen__wrapper:before {
  background-color: lightgray;
  height: 8px;
  top: 0;
  left: 0;
  position: relative;
  width: 100%;
  display: block;
  border-bottom: 1px solid #4c4c4c;
  font-size: 8px;
  line-height: 1.1em;
  font-weight: bold;
  text-align: right;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 0 100 100' xmlns='//www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='1' fill='red'/%3E%3Ccircle cx='4' cy='1' r='1' fill='orange'/%3E%3Ccircle cx='7' cy='1' r='1' fill='green'/%3E%3C/svg%3E");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
[data-type="desktop"] .layout-container-view__mini-view__screen__wrapper {
  width: 100%;
}
[data-type="desktop"] .layout-container-view__mini-view__screen__wrapper:before {
  content: 'desktop';
}
[data-type="tablet"] .layout-container-view__mini-view__screen__wrapper {
  width: 60%;
}
[data-type="tablet"] .layout-container-view__mini-view__screen__wrapper:before {
  content: 'tablet';
}
[data-type="mobile"] .layout-container-view__mini-view__screen__wrapper {
  width: 40%;
}
[data-type="mobile"] .layout-container-view__mini-view__screen__wrapper:before {
  content: 'mobile';
}
.layout-container-view__mini-view__screen .layout-container__block {
  text-align: center;
  color: #4d4d4d;
  -ms-flex-pack: center;
  justify-content: center;
}
.layout-container-view__mini-view__screen .layout-container--full .layout-container__block {
  padding: 20px 0;
  background-color: #77DD77;
}
.layout-container-view__mini-view__screen .layout-container--with-sidebar {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dropdown-menu,
.dropdown-menu-duplicate {
  width: 100%;
  height: 43px;
  position: relative;
}
@media (min-width: 1600px) {
  .dropdown-menu,
  .dropdown-menu-duplicate {
    height: 48px;
  }
}
.dropdown-menu ul,
.dropdown-menu-duplicate ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: auto;
	min-width: 200px; /* NEW */
}

.global-header__primary .dropdown-menu ul,
.global-header__primary .dropdown-menu-duplicate ul { min-width: auto; /* NEW sets info for menu at auto width */ }


.dropdown-menu li,
.dropdown-menu-duplicate li {
  margin: 0;
  padding: 0;
  position: relative;
}
.dropdown-menu li[data-hamburger-menu-only="true"],
.dropdown-menu-duplicate li[data-hamburger-menu-only="true"] {
  display: block;
}
@media (min-width: 768px) {
  .dropdown-menu li[data-hamburger-menu-only="true"],
	.dropdown-menu-duplicate li[data-hamburger-menu-only="true"]{
    display: none;
  }
}
.dropdown-menu__wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dropdown-menu .dropdown-menu__first-level-list,
.dropdown-menu-duplicate .dropdown-menu__first-level-list{
  display: -ms-flexbox;
  display: flex;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  animation: fadein 1s;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dropdown-menu__first-level-list__item {
  position: relative;
  margin-right: 10px;
  white-space: nowrap;
  -ms-flex-order: 1;
  order: 1;
}
.dropdown-menu__first-level-list__item[data-bumped="true"] {
  opacity: 0;
  -ms-flex-order: 2;
  order: 2;
  position: fixed; 
}

/* NEW Chrome more menu zindex fix */
.global-header__main-nav .dropdown-menu ul.dropdown-menu__first-level-list .dropdown-menu__first-level-list__item[data-bumped="true"] { 
	z-index: -1;
}


.dropdown-menu__first-level-list__item__link {
  display: block;
  background-color: #2c2c2c;
  padding: 8px 14px;
  text-decoration: none;
  color: #aaaaaa;
  position: relative;
}
[data-bumped="true"] .dropdown-menu__first-level-list__item__link {
  position: absolute;
}
.dropdown-menu__first-level-list__item__link img,
.dropdown-menu__first-level-list__item__link b {
  pointer-events: none;
  cursor: pointer;
}
.dropdown-menu__first-level-list__item__link:hover {
  background-color: #666666;
  color: #eeeeee;
}
.dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more {
  opacity: 1;
  -ms-flex-order: 1;
  order: 1;
}
.dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more[data-bumped="true"] {
  opacity: 1;
  -ms-flex-order: 1;
  order: 1;
}
.dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more[data-bumped="true"] .dropdown-menu__first-level-list__item__link {
  position: relative;
  top: 7px;
  padding: 0 4px;
  border: 1px solid #e2e2e2;
  background-color: #f0f0f0;
}
.dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more[data-visible="false"] {
  display: none;
  visibility: hidden;
}



.dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more .dropdown-menu__second-level-list__wrapper {
  right: -20px;
}
@media (min-width: 880px) {
  .dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more .dropdown-menu__second-level-list__wrapper {
    right: 0;
    width: 260px;
  }
}
.dropdown-menu__first-level-list__item.dropdown-menu__first-level-list__item--more .dropdown-menu__second-level-list__item[data-bumped="false"] {
  display: none;
  visibility: hidden;
}
.dropdown-menu__second-level-list__wrapper {
  background-color: gray;
  position: absolute;
  z-index: 100;
  height: auto;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.6s ease;
  /* box-shadow: 6px 6px 5px -1px rgba(0, 0, 0, 0.4); */
  box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.3); /* NEW */
}
/* don't display tertiary box yet */
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper,
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper {
  height: 0;
  max-height: 0px;
}
.touch-menu .dropdown-menu__first-level-list__item[data-is-expanded="false"] .dropdown-menu__second-level-list__wrapper,
.touch-menu .dropdown-menu__first-level-list__item[data-tablet-dropdown="false"] .dropdown-menu__second-level-list__wrapper {
  height: 0 !important;
  max-height: 0px !important;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper,
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper,
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper,
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list,
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list {
  height: auto;
  /* max-height: 500px; */
  max-height: 700px; /* NEW removed to prevent dropdown menu from getting cut off */
  transition: all 0.5s ease;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="1"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="1"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="1"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="1"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="1"] {
  max-height: 224px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="2"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="2"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="2"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="2"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="2"] {
  max-height: 282px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="3"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="3"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="3"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="3"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="3"] {
  max-height: 340px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="4"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="4"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="4"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="4"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="4"] {
  max-height: 398px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="5"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="5"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="5"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="5"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="5"] {
  max-height: 456px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="6"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="6"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="6"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="6"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="6"] {
  max-height: 514px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="7"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="7"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="7"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="7"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="7"] {
  max-height: 572px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="8"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="8"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="8"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="8"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="8"] {
  max-height: 630px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="9"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="9"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="9"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="9"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="9"] {
  max-height: 688px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="10"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="10"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="10"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="10"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="10"] {
  max-height: 746px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="11"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="11"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="11"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="11"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="11"] {
  max-height: 804px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="12"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="12"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="12"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="12"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="12"] {
  max-height: 862px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="13"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="13"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="13"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="13"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="13"] {
  max-height: 920px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="14"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="14"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="14"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="14"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="14"] {
  max-height: 978px;
}
.dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="15"],
.dropdown-menu__first-level-list__item[data-is-expanded="true"] .dropdown-menu__second-level-list__wrapper[data-item-count="15"],
.dropdown-menu__first-level-list__item__link:hover .dropdown-menu__second-level-list__wrapper[data-item-count="15"],
.dropdown-menu__second-level-list__wrapper li:hover > .dropdown-menu__third-level-list[data-item-count="15"],
.dropdown-menu__second-level-list__wrapper li a:hover > .dropdown-menu__third-level-list[data-item-count="15"] {
  max-height: 1036px;
}
.dropdown-menu__second-level-list__item {
  background-color: #eaeaea;
  width: 100%;
  transition: background-color 0.5s ease;
}
.dropdown-menu__second-level-list__item a {
  display: block;
}
.dropdown-menu__second-level-list__item:hover {
  background-color: #999;
}
.dropdown-menu__second-level-list__item__link {
  display: block;
  text-decoration: none;
  padding: 5px 0;
}
.dropdown-menu__second-level-list li a:hover,
.dropdown-menu__second-level-list__item:hover > a {
  color: #ffffff;
}
/* tertiary drop-down box */
.dropdown-menu__third-level-list {
  left: 170px;
  width: 170px;
}
[data-hamburger-menu-only="true"] {
  display: block;
   font-weight: 700;
   padding-bottom: 0px;
   color: #51237f;
}
@media (min-width: 768px) {
  [data-hamburger-menu-only="true"] {
    display: none;
  }
}
.icon--hamburger .icon--hamburger__wrapper {
  width: 23px;
  height: 23px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (min-width: 768px) {
  .icon--hamburger .icon--hamburger__wrapper {
    height: 30px;
    width: 30px;
  }
}
.icon--hamburger .icon--hamburger__wrapper span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #666666;
  border-radius: 20px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .icon--hamburger .icon--hamburger__wrapper span {
    height: 4px;
  }
}
.icon--hamburger .icon--hamburger__wrapper span:nth-child(1) {
  top: 4px;
  transform-origin: left center;
}
@media (min-width: 768px) {
  .icon--hamburger .icon--hamburger__wrapper span:nth-child(1) {
    top: 5px;
  }
}
[data-active="true"].icon--hamburger .icon--hamburger__wrapper span:nth-child(1) {
  transform: rotate(45deg);
  top: 2px;
  left: 3px;
}
@media (min-width: 768px) {
  [data-active="true"].icon--hamburger .icon--hamburger__wrapper span:nth-child(1) {
    transform: rotate(45deg);
    top: 2px;
    left: 3px;
  }
}
.icon--hamburger .icon--hamburger__wrapper span:nth-child(2) {
  top: 10px;
  transform-origin: left center;
}
@media (min-width: 768px) {
  .icon--hamburger .icon--hamburger__wrapper span:nth-child(2) {
    top: 13px;
  }
}
[data-active="true"].icon--hamburger .icon--hamburger__wrapper span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
@media (min-width: 768px) {
  [data-active="true"].icon--hamburger .icon--hamburger__wrapper span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
}
.icon--hamburger .icon--hamburger__wrapper span:nth-child(3) {
  top: 16px;
  transform-origin: left center;
}
@media (min-width: 768px) {
  .icon--hamburger .icon--hamburger__wrapper span:nth-child(3) {
    top: 21px;
  }
}
[data-active="true"].icon--hamburger .icon--hamburger__wrapper span:nth-child(3) {
  transform: rotate(-45deg);
  top: 18px;
  left: 3px;
}
@media (min-width: 768px) {
  [data-active="true"].icon--hamburger .icon--hamburger__wrapper span:nth-child(3) {
    transform: rotate(-45deg);
    top: 23px;
    left: 3px;
  }
}
[data-slide-menu-active="true"],
[data-active-search="true"] {
  overflow: hidden;
}
.slide-menu {
  overflow: hidden;
  left: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
  position: fixed;
}
.slide-menu[data-active="true"] {
  pointer-events: auto;
  overflow: scroll;
}
.slide-menu__content {
  position: absolute;
  top: -4000px;
  width: 100%;
  transition: top 0.9s ease;
}
[data-active="true"] .slide-menu__content {
  top: 0;
  transition: top 0.6s ease;
}
.global-header {
  transition: all 0.2s ease;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  position: fixed;
  /* z-index: 100; */
	z-index: 99; /* NEW set so header will show behind the video modal */
  width: 100%;
  top: 0;
}
@media (min-width: 880px) {
  .global-header {
    position: relative;
  }
}
.global-header .global-header__primary {
  background-color: #333333;
  line-height: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 35px;
  display: none;
}
@media (min-width: 880px) {
  .global-header .global-header__primary {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1600px) {
  .global-header .global-header__primary {
    height: 40px;
  }
}
.global-header .global-header__primary__main-items {
  height: 100%;
  /* background-color: #ffffff; NEW */
}
.global-header .global-header__primary__main-items--inactive {
  display: none;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/* NEW */
.global-navigation__tab-menu-all {
    display: block; 
  }
  
 /* NEW */ 
  .global-navigation__tab-menu.global-navigation__tab-menu-all .dropdown-menu__third-level-list {
  display: block;
  visibility: visible;
  opacity: 1;
  height: auto; 
  padding: 0; 
}

 /* NEW */ 
  .global-navigation__tab-menu.global-navigation__tab-menu-all .dropdown-menu__third-level-list li a { 
  padding-left: 60px; 
}

 /* NEW */ 
  .global-navigation__tab-menu.global-navigation__tab-menu-all .dropdown-menu__second-level-list:first-child { 
  padding-bottom: 0;
}
  
  
  
  
 /* NEW */ 
 .global-navigation__tab-menu.global-navigation__tab-menu-all .dropdown-menu__first-level-list__item__link { 
    width: auto !important;
	 
	     background-color: #fff;
    color: #666666;
  } 

  
 /* NEW */
.global-navigation__tab-menu-less {
    display: none; 
  } 
  
 /* NEW */  
 .global-navigation__tab-menu-less  .dropdown-menu  .dropdown-menu__first-level-list,
   .global-navigation__tab-menu-all  .dropdown-menu  .dropdown-menu__first-level-list,
 .global-navigation__tab-menu-less  .dropdown-menu-duplicate  .dropdown-menu__first-level-list,
   .global-navigation__tab-menu-all  .dropdown-menu-duplicate  .dropdown-menu__first-level-list { 
    animation: none !important; 
  }


  
/* @media (min-width: 1600px) {
  .global-header .global-header__primary__main-items--inactive {
    display: -ms-flexbox;
    display: flex;
  } */



	
/* NEW reduced breakpoint for top nav */
@media (min-width: 1280px) {
  .global-header .global-header__primary__main-items--inactive {
    display: -ms-flexbox;
    display: flex;
  }
	

  
/* NEW */
.global-navigation__tab-menu-less {
    display: block;
  }
 /* NEW */ 
  .global-navigation__tab-menu-all {
    display: none;
  }
  
}

/* NEW for MC Info site */
  body.info .global-header .global-header__primary__main-items--inactive {
    display: -ms-flexbox;
    display: flex;
  }



.global-header .global-header__primary__main-items--inactive__item {
  display: -ms-flexbox;
  display: flex;
}
.global-header .global-header__primary__main-items--inactive__item:first-child a {
  border-left: 0px solid transparent;
}
.global-header .global-header__primary__main-items--inactive__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 32px;
  color: #ffffff;
  line-height: 1em;
  border-left: 1px solid #666666;
  white-space: nowrap;
  font-weight: normal;
  font-size: 15px;
}

/* NEW */
.global-header .global-header__primary__main-items--inactive__item.selected a:hover {
    background-color: #fff;
	/* cursor: text; */
	text-decoration: none;
}

.global-header .global-header__primary__main-items--inactive__item a:hover,
.global-header .global-header__primary__main-items--inactive__item a:focus {
  background-color: #666666;
	text-decoration: underline;
}
.global-header .global-header__primary__secondary-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item {
  display: -ms-flexbox;
  display: flex;
}
.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item:first-child a {
  border-left: 0px solid transparent;
}
.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 32px;
  color: #ffffff;
  line-height: 1em;
  border-left: 1px solid #666666;
  white-space: nowrap;
  font-weight: normal;
  font-size: 15px;
}
.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item a:hover,
.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item a:focus {
  background-color: #666666;
  text-decoration: underline;
}
.global-header .global-header__primary__blue-items {
  display: -ms-flexbox;
  display: flex;
}
.global-header .global-header__primary__blue-items .global-header__primary__blue-item {
	display: -ms-flexbox;
	display: flex;
}
.global-header .global-header__primary__blue-items .global-header__primary__blue-item a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 32px;
	/* background-color: #0e8ad9;  */
	background-color: #0c7bc0;
	color: #ffffff;
	line-height: 1em;
	white-space: nowrap;
	font-weight: normal;
	font-size: 15px;
}
.global-header .global-header__primary__blue-items .global-header__primary__blue-item a:hover,
.global-header .global-header__primary__blue-items .global-header__primary__blue-item a:focus {
  /* background-color: #29a3f1; */
	background-color: #04629c;
  text-decoration: underline;
}
.global-header .global-header__primary__blue-items .global-header__primary__blue-item .global-header__primary__blue-item__icon {
  height: 12px;
  width: 12px;
  margin: 0 0 0 16px;
  line-height: 0;
}
.global-header .global-header__primary__blue-items .global-header__primary__blue-item .global-header__primary__blue-item__icon svg {
  fill: #ffffff;
}
.global-header .global-header__cta-area {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ffffff;
  z-index: 1;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area {
    height: 86px;
  }
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area {
    height: 73px;
  }
}
@media (min-width: 1600px) {
  .global-header .global-header__cta-area {
    height: 89px;
  }
}
.global-header .global-header__cta-area__logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.global-header .global-header__cta-area__logo a {
	margin: 0 0 0 15px;
	background-position: center;
	height: auto;
	width: 100%;
	max-width: 155px;
	/* NEW header logo image styles 	background-image: url('/_images/global/mc_horiz_rgb.svg');
	background-repeat: no-repeat;
	background-size: 100%; 
	background-position: center;
	background-position: 0 center; */ 
}

/* NEW header logo image styles MUST REPLACE INFO LOGO AS WELL */
.global-header .global-header__cta-area__logo a { 
    display: flex;
    align-items: center;
	background-image: none !important;
}

.global-header__cta-area__logo a img {
	height: 50px;
    width: 306px;
    display: block;
}
/* END NEW header logo image styles */


/* NEW for MC Info site */ 
body.info .global-header .global-header__cta-area__logo a {
/* background-image: url('http://info.montgomerycollege.edu/_resources/images/global/mc-info-logo-final.svg'); 
	background-image: url('https://info.montgomerycollege.edu/_images/global/mc-info-logo-final.svg'); */
	/* background-image: url('//info.montgomerycollege.edu/_images/global/mc-info-logo-final.svg'); */
	 /* NEW header logo image styles 
	background-image: url('//info.montgomerycollege.edu/_images/global/mc-info-logo-final.svg'); */ 
	 max-width: 175px;
}

body.info.library .global-header .global-header__cta-area__logo a { 
	 max-width: 250px;
}



@media (min-width: 768px) {
  .global-header .global-header__cta-area__logo a {
    margin: 0 0 0 30px;
    max-width: 260px;
  }
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area__logo a {
    margin: 0 0 0 50px;
  }
}
.global-header .global-header__cta-area__cta-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  height: 45px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.global-header .global-header__cta-area__cta-group ul {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  list-style: none;
  width: 100%;
  transition: all 0.3s ease;
  max-width: 145px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group ul {
    max-width: 400px;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area__cta-group ul {
    max-width: 350px;
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .global-header .global-header__cta-area__cta-group ul {
    max-width: 585px;
  }
}
@media (min-width: 1600px) {
  .global-header .global-header__cta-area__cta-group ul {
    max-width: 830px;
  }
}
.global-header .global-header__cta-area__cta-group__item {
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1280px) {
  .global-header .global-header__cta-area__cta-group__item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.global-header .global-header__cta-area__cta-group__item--cta {
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  display: none;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group__item--cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.global-header .global-header__cta-area__cta-group__item--menu {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area__cta-group__item--menu {
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    display: none;
  }
}
.global-header .global-header__cta-area__cta-group__cta {
  display: block;
}
.global-header .global-header__cta-area__cta-group__cta:hover {
  text-decoration: none;
}
.global-header .global-header__cta-area__cta-group__cta:hover svg {
  fill: #666666;
}
.global-header .global-header__cta-area__cta-group__cta:hover svg path {
  fill: #666666;
}
.global-header .global-header__cta-area__cta-group__cta:hover span {
  text-decoration: underline;
}
.global-header .global-header__cta-area__cta-group__cta svg {
  fill: #4c4c4c;
  transition: all 0.3s ease;
  height: 23px;
  /* width: 23px; */
	 width: 24px; /* NEW */
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group__cta svg {
    /* height: 30px; */
	   height: 31px; /* NEW */
    width: 30px;
  }
}
.global-header .global-header__cta-area__cta-group__cta svg path {
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group__cta--phone,
  .global-header .global-header__cta-area__cta-group__cta--email {
    padding-right: 20px;
  }
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area__cta-group__cta--phone,
  .global-header .global-header__cta-area__cta-group__cta--email {
    padding-right: 25px;
  }
	
	
	body.library .global-header .global-header__cta-area__cta-group__cta--phone,
  body.library  .global-header .global-header__cta-area__cta-group__cta--email {
    padding-right: 45px;
  }
	
}
@media (min-width: 1600px) {
  .global-header .global-header__cta-area__cta-group__cta--phone,
  .global-header .global-header__cta-area__cta-group__cta--email {
    padding-right: 4vw;
  }
}
.global-header .global-header__cta-area__cta-group__cta--phone svg,
.global-header .global-header__cta-area__cta-group__cta--email svg {
  width: 23px;
  height: 23px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group__cta--phone svg,
  .global-header .global-header__cta-area__cta-group__cta--email svg {
    width: 24px;
    height: 24px;
  }
	
	body.library .global-header .global-header__cta-area__cta-group__cta--phone svg,
  	body.library .global-header .global-header__cta-area__cta-group__cta--email svg {
    width: 32px;
    height: 32px;
  }
}
.global-header .global-header__cta-area__cta-group__cta--phone span,
.global-header .global-header__cta-area__cta-group__cta--email span {
  vertical-align: top;
  line-height: 30px;
  color: #666666;
  font-weight: 500;
  margin-left: 5px;
  display: none;
}


@media (min-width: 1280px) {
  .global-header .global-header__cta-area__cta-group__cta--phone span,
  .global-header .global-header__cta-area__cta-group__cta--email span {
    display: inline-block;
  }
}

@media (min-width: 768px) {
 body.library .global-header .global-header__cta-area__cta-group__cta--phone span,
 body.library .global-header .global-header__cta-area__cta-group__cta--email span {
    display: inline-block;
  }
}


@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group__cta--search {
    margin-right: 10px;
  }
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area__cta-group__cta--search {
    margin-right: 40px;
  }
}
/* NEW hides the phone icon on mobile */
@media (max-width: 767px) {
 /*  .global-header .global-header__cta-area__cta-group__cta--phone  {
    display: none;
  } */
.global-header__cta-area__cta-group__item:nth-child(2)  {
    display: none;
}
	
/* NEW for MC Info site */
body.info .global-header__cta-area__cta-group__item:nth-child(2)  {
    display: block;
}

 .global-header .global-header__cta-area__cta-group ul { 
	max-width: 130px; 
} 	
/*	.global-header .global-header__cta-area__cta-group__cta--email  { padding-right: 0px;  } */ 	 
	
}
.global-header .global-header__cta-area__cta-group__cta--primary-cta {
  background-color: #ff5e3a;
  cursor: pointer;
  height: 45px;
  width: 140px;
  white-space: nowrap;
  display: none;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .global-header .global-header__cta-area__cta-group__cta--primary-cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
  }
}
@media (min-width: 880px) {
  .global-header .global-header__cta-area__cta-group__cta--primary-cta {
    margin-right: 40px;
  }
}
@media (min-width: 1600px) {
  .global-header .global-header__cta-area__cta-group__cta--primary-cta {
    height: 60px;
    width: 152px;
    margin-right: 50px;
  }
}
.global-header .global-header__cta-area__cta-group__cta--primary-cta:hover {
  background-color: #ff3407;
}
.global-header .global-header__cta-area__cta-group__cta--primary-cta a {
  padding: 0;
  display: inline;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  text-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
@media (min-width: 1600px) {
  .global-header .global-header__cta-area__cta-group__cta--primary-cta a {
    font-size: 18px;
  }
}
.global-header .global-header__cta-area__cta-group__cta--primary-cta a:hover,
.global-header .global-header__cta-area__cta-group__cta--primary-cta a:visited,
.global-header .global-header__cta-area__cta-group__cta--primary-cta a:active {
  color: #ffffff;
  text-decoration: none;
}
.global-navigation__main-nav__menu {
  background-color: #51237f;
  display: none;
}

/* NEW for MC Info site */ 
body.info .global-navigation__main-nav__menu { 
	 background-color: #0c7bc0; 
}

/* NEW for MC Info site */ 
body.info .global-navigation__main-nav__menu .dropdown-menu__first-level-list__item:hover,
body.info .global-navigation__main-nav__menu .dropdown-menu__first-level-list__item[data-selected="true"] /* NEW adds persistent highlight to main nav dropdown */ { 
	background: #04629c; 
}

@media (min-width: 880px) {
  .global-navigation__main-nav__menu {
    display: block;
  }
}
.global-navigation__main-nav__menu .dropdown-menu__first-level-list__item {
  transition: background-color 0.3s ease;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
}

.global-navigation__main-nav__menu .dropdown-menu__first-level-list__item:hover,
.global-navigation__main-nav__menu .dropdown-menu__first-level-list__item[data-selected="true"] /* NEW adds persistent highlight to main nav dropdown */ {
  background-color: #412062;
  transition: background-color 0.3s ease;
}
.global-navigation__main-nav__menu .dropdown-menu__first-level-list__item__link {
  color: #ffffff;
  height: 100%;
  line-height: 27px;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  padding-left: 17px;
  padding-right: 17px;
  text-align: center;
  display: inline-block;
}
@media (min-width: 1600px) {
  .global-navigation__main-nav__menu .dropdown-menu__first-level-list__item__link {
    font-size: 16px;
    line-height: 32px;
    padding-left: 33px;
    padding-right: 33px;
  }
}
.global-navigation__main-nav__menu .dropdown-menu__first-level-list__item__link:hover {
  background-color: transparent;
}
.global-navigation__main-nav__menu .dropdown-menu__first-level-list__item__link img {
  width: 15px;
  height: 10px;
  margin: 0 0 0 10px;
}
.global-navigation__main-nav__menu .dropdown-menu__second-level-list__wrapper {
  background-color: rgba(65, 32, 98, 0.97);
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease;
  width: 100%;
	width: auto; /* NEW */	
}

/* NEW for MC Info site */ 
body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__wrapper {
  background-color: rgba(0, 114, 180, 0.97);  
}

body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__wrapper { 
	width: 100%;
}

body.info .global-navigation__main-nav__menu .dropdown-menu ul { 
    min-width: auto;
}
 
body.info .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper { 
    max-height: 800px;  }

/* NEW for MC Info site */ 
body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__item:hover,
body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__item[data-selected="true"] /* NEW adds persistent highlight to main nav dropdown */ {
  background-color: #005e94;
  border-bottom: 1px solid #087fc3;
  border-top: 1px solid #087fc3; 
} 

body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__item.menu-title:hover,
body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__item.menu-title[data-selected="true"],
body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__item.menu-title  {
  padding: 10px 32px;
    font-weight: bold;
    text-transform: uppercase; 
    background-color: #04629c;
    margin-top: 15px;
	border: none;
	color: #fff;
} 

body.info .global-navigation__main-nav .accordion-menu .accordion-menu__list-item .accordion-menu__list-item__text.menu-title {
  padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;  
    margin-top: 15px;
	border: none;
	color: #fff;
}

body.info .global-navigation__main-nav__menu .dropdown-menu__second-level-list__item.menu-title:first-child,
body.info .global-navigation__main-nav .accordion-menu .accordion-menu__list-item .accordion-menu__list-item__text.menu-title:first-child { 
    margin-top: 0px; 
}




.global-navigation__main-nav__menu .dropdown-menu__second-level-list {
	/*  padding: 10px 0 30px; */ 
	/* new reduced menu padding */
	padding: 10px 0 15px;
}
.global-navigation__main-nav__menu .dropdown-menu__second-level-list__item {
  background-color: transparent;
  color: #ffffff;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  transition: all 0.4s ease;
 /*  padding: 16px 32px; */
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.global-navigation__main-nav__menu .dropdown-menu__second-level-list__item:hover,
.global-navigation__main-nav__menu .dropdown-menu__second-level-list__item[data-selected="true"] /* NEW adds persistent highlight to main nav dropdown */ {
  background-color: #2f0e50;
  border-bottom: 1px solid #51237f;
  border-top: 1px solid #51237f;
  transition: all 0.4s ease;
}

/* NEW FOCUS STYLES */ 
 body .dropdown-menu__first-level-list__item.hover .dropdown-menu__second-level-list__wrapper   { 
	height: auto !important; 
	visibility: visible !important;
	max-height: 700px;
    
} 


.global-navigation__main-nav__menu .dropdown-menu__second-level-list__item a {
  color: #ffffff;
  transition: all 0.4s ease;
  /* text-transform: uppercase; NEW */ 
	font-weight: normal; /* NEW */
  white-space: normal;
  font-size: 15px;
  text-align: left;
  line-height: 1.325;
	
	width: 100%; /* NEW */
	/* padding: 16px 32px; */
	/* new reduced menu padding */
    padding: 10px 32px;
}

.global-navigation__main-nav__menu  .dropdown-menu__first-level-list__item--more .dropdown-menu__second-level-list__item a {
	 text-transform: uppercase;  /* NEW */ 
	font-weight: 600;
}


.global-navigation__main-nav .accordion-menu {
  background-color: rgba(81, 35, 127, 0.97);
}
@media (min-width: 768px) {
  .global-navigation__main-nav .accordion-menu {
    padding: 30px 40px;
  }
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item {
  transition: all 0.4s ease;
  text-transform: uppercase;
}

/* NEW */
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item .accordion-menu__list-item__toggle-button .accordion-menu__list-item__text { 
  text-transform: uppercase;
} 

/* NEW */
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="1"] .accordion-menu__list-item__text,
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item .info-for .accordion-menu__list-item__toggle-button .accordion-menu__list-item__text { 
  text-transform: none;
} 


.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-has-items="false"]:hover {
  background-color: transparent;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.global-navigation__main-nav .accordion-menu__list-item__items {
  background-color: transparent;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="apply-now"] {
  background-color: #ff5e3a;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="apply-now"]:hover {
  background-color: #ff3407;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="apply-now"] a,
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"] a{
  /* width: auto; */
	width: 100%; /* NEW NEW NEW */
  margin: 0 auto;
	display: block;
	 padding-top: 14px;
  padding-bottom: 14px;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="apply-now"] .accordion-menu__list-item__text-toggle .accordion-menu__list-item__text,
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"] .accordion-menu__list-item__text-toggle .accordion-menu__list-item__text{
  padding-top: 0px;
  padding-bottom: 0px;
	text-align: center; /* NEW NEW NEW */
}




.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"] {
  	    /* background-color: #0e8ad9;  */
	 background-color: #0c7bc0;
  /* color: #ffffff;
  line-height: 1em;
  white-space: nowrap;
  font-weight: normal;
  font-size: 15px; */
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"]:hover {
  /* background-color: #056bab; */ 
	 background-color: #04629c;
}
/* .global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"] a {
  width: auto;
  margin: 0 auto;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-name="access-mymc"] .accordion-menu__list-item__text-toggle .accordion-menu__list-item__text {
  padding-top: 14px;
  padding-bottom: 14px;
}  */
@media (min-width: 768px) {
  .global-navigation__main-nav .slide-menu {
    width: 590px;
    left: auto;
    right: 0;
  }
}
@media (min-width: 880px) {
  .global-navigation__main-nav .slide-menu {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
.global-navigation__main-nav .slide-menu .slide-menu__content > .accordion-menu > .accordion-menu__list {
  padding-bottom: 150px;
}
.slide-menu__toggle-button {
  display: block;
  width: 100%;
}
@media (min-width: 880px) {
  .slide-menu__toggle-button {
    display: none;
  }
}
.global-navigation__tab-menu {
  height: 100%;
}
.global-navigation__tab-menu .dropdown-menu,
.global-navigation__tab-menu .dropdown-menu-duplicate {
  height: 100%;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list {
  height: 100%;
  /* list-style: none;
  width: 100%;
  transition: all 0.3s ease;
  max-width: 145px;
  padding-right: 15px; */
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item--more {
  display: none;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item[data-bumped="true"] {
  opacity: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper {
  height: auto;
  max-height: 500px;
  transition: max-height 0.5s ease;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="1"] {
  max-height: 163px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="2"] {
  max-height: 204px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="3"] {
  max-height: 245px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="4"] {
  max-height: 286px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="5"] {
  max-height: 327px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="6"] {
  max-height: 368px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="7"] {
  max-height: 409px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="8"] {
  max-height: 450px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="9"] {
  max-height: 491px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="10"] {
  max-height: 532px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="11"] {
  max-height: 573px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="12"] {
  max-height: 614px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="13"] {
  max-height: 655px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="14"] {
  max-height: 696px;
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper[data-item-count="15"] {
  max-height: 737px;
}
/* NEW removed so the audience dropdown shows at all sizes

 @media (min-width: 1600px) {
  .global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list__wrapper {
    height: 0;
    max-height: 0;
  }
} */
.global-navigation__tab-menu .dropdown-menu__first-level-list__item:hover .dropdown-menu__second-level-list {
  transition: max-height 0.5s ease;
  border: 0px solid transparent;
}

/* .global-navigation__tab-menu .dropdown-menu__first-level-list__item__link {
  color: #666666;
  font-weight: 500;
  background-color: #ffffff;
  padding: 8px 32px;
  font-size: 15px;
  position: relative;
  height: 100%;
  line-height: 1.2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 360px;
} */


.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link {
  color: #fff;
  font-weight: 500;
  background-color: transparent;
  padding: 8px 32px;
  font-size: 15px;
  position: relative;
  height: 100%;
  line-height: 1.2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /* width: 360px; */
	width: auto;
}



/* NEW Language-icon */
 .language-icon svg { fill: #333; width: 40px; }

/* NEW Language-icon */
.global-navigation__tab-menu.language-icon-wrapper .dropdown-menu__first-level-list__item__link { 
  width: auto;
	padding: 8px 17px;
} 

.global-header .global-header__primary__secondary-items .global-navigation__tab-menu.language-icon-wrapper a.dropdown-menu__first-level-list__item__link  {border-left: 1px solid #666666;}


.global-navigation__tab-menu.language-icon-wrapper .caret-grey {
     margin-left: 0px; width: 10px; }

.global-navigation__tab-menu.language-icon-wrapper .language-icon,
.accordion-menu__list-item__text .language-icon { 
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
	 margin-right: 8px;
    vertical-align: middle;
    margin-top: 1px;
   /*  background: url('http://www.montgomerycollege.edu/_resources/images/global/language-icon-white.svg') no-repeat; */
	background: url('/_images/global/language-icon-white.svg') no-repeat;
  } 

.global-navigation__tab-menu.language-icon-wrapper .dropdown-menu__second-level-list__item { 
    min-width: 250px; 
	height: auto;
}

/* .global-navigation__tab-menu.language-icon-wrapper  .dropdown-menu__second-level-list__item a { 
    height: auto;
} */

.global-header .language-icon-wrapper .dropdown-menu__first-level-list__item {
    white-space: normal; 
}


.global-navigation__tab-menu.language-icon-wrapper .dropdown-menu__first-level-list__item__link:hover .language-icon ,
.global-navigation__tab-menu.language-icon-wrapper .dropdown-menu__first-level-list__item.selected .language-icon ,
 .global-navigation__tab-menu.global-navigation__tab-menu-all .dropdown-menu__first-level-list__item__link .language-icon   {  
    /* background: url('http://www.montgomerycollege.edu/_resources/images/global/language-icon-gray.svg') no-repeat; */
	 background: url('/_images/global/language-icon-gray.svg') no-repeat;
}

.language-icon-wrapper  .dropdown-menu  .dropdown-menu__first-level-list,
.language-icon-wrapper  .dropdown-menu-duplicate  .dropdown-menu__first-level-list { 
    animation: none !important; 
  }

.global-navigation__tab-menu.language-icon-wrapper .dropdown-menu__second-level-list__item { min-width: 200px; }

/* END Language-icon */


 

/* NEW */
.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link.selected {
  color: #666666;
  font-weight: 500;
  background-color: #ffffff;
   
}

/* NEW decreased padding and font size of top menu md size */
@media (min-width: 80em) and (max-width: 100em) {  
 
	.global-header .global-header__primary__main-items--inactive__item a,
	.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link,
	.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item a,
	.global-header .global-header__primary__blue-items .global-header__primary__blue-item a {
    font-size: 14px;
}
	
	
	.global-header .global-header__primary__main-items--inactive__item a,
	.global-header .global-header__primary__secondary-items .global-header__primary__secondary-item a,
	.global-header .global-header__primary__blue-items .global-header__primary__blue-item a { 
    padding-right: 20px;
		padding-left: 20px;
} 
	 
	
.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link { 
   /*  font-size: 13px; */
    padding: 8px 20px; 
		/* width: 360px; */
		width: auto;
}
}
	
.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link .caret-grey {  
   /*  background: url('http://www.montgomerycollege.edu/_resources/images/global/down_arrow_white.svg') no-repeat; */
	background: url('/_images/global/down_arrow_white.svg') no-repeat;
}

/* NEW */
.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link:hover .caret-grey,
.global-navigation__tab-menu .dropdown-menu__first-level-list__item.selected .caret-grey,
 .global-navigation__tab-menu.global-navigation__tab-menu-all .dropdown-menu__first-level-list__item__link .caret-grey  {  
   /* background: url('http://www.montgomerycollege.edu/_resources/images/global/down_arrow_grey.svg') no-repeat; */
	  background: url('/_images/global/down_arrow_grey.svg') no-repeat;
}

.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link:hover {
  background-color: #ffffff;
	color: #666666; /* NEW */
}
.global-navigation__tab-menu .dropdown-menu__first-level-list__item__link .caret-grey {
  height: 10px;
  margin-top: 4px;
}
.global-navigation__tab-menu:hover .dropdown-menu__second-level-list {
  border: 1px solid #f0f0f0;
}
@media (min-width: 1600px) {
  .global-navigation__tab-menu:hover .dropdown-menu__second-level-list {
    border: 0px solid transparent;
  }
}
.global-navigation__tab-menu .dropdown-menu__second-level-list {
  background-color: #ffffff;
  color: #666666;
  font-weight: 500;
  border: 0px solid transparent;
  padding: 10px 0 30px;
}
.global-navigation__tab-menu .dropdown-menu__second-level-list__item {
  transition: all 0.3s ease;
  background-color: #ffffff;
  border: 1px solid transparent;
  min-width: 360px;
  font-size: 15px;
  height: 41px;
}
.global-navigation__tab-menu .dropdown-menu__second-level-list__item:hover {
  border: 1px solid #d0d0d0;
}
.global-navigation__tab-menu .dropdown-menu__second-level-list__item a {
  color: #666666;
  font-weight: 500;
  padding: 10px 0 10px 30px;
  background-color: transparent;
  line-height: 1em;
  height: 100%;
}
.global-navigation__tab-menu .dropdown-menu__second-level-list__item a:hover {
  color: #666666;
  background-color: #f0f0f0;
}
.global-navigation__tab-menu .dropdown-menu__third-level-list {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.global-navigation__main-nav .accordion-menu__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-level="0"][data-selected="true"] {
  background-color: transparent;
  border-top: 0;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item {
  -ms-flex-order: 1;
  order: 1;
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-name="apply-now"] {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-name="apply-now"] {
    display: none;
  }
}
.global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-name="access-mymc"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 768px) {
  .global-navigation__main-nav .accordion-menu .accordion-menu__list-item[data-name="access-mymc"] {
   /*  -ms-flex-order: 100;
    order: 100; */
	-ms-flex-order: 1;
    order: 1;
    /* margin: 40px; */
	  margin: 15px 40px 20px 40px;
  }
}
.index-container {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.styleguide-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.styleguide-container textarea {
  width: 800px;
  height: 1111px;
}
.styleguide__headline {
  background-color: #333333;
  text-align: center;
  padding: 30px;
  color: #ffffff;
}
.styleguide__headline .styleguide__headline__subhead {
  font-size: 40px;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  height: 100%;
  line-height: 27px;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  padding-left: 17px;
  padding-right: 17px;
  text-align: center;
  display: inline-block;
}
.styleguide__header {
  background-color: #d0d0d0;
  padding: 12px 10px;
  border-top: 2px solid darkgray;
}
.styleguide__header h3 {
  color: #000000;
  font-weight: bold;
}
.color-palette {
  width: 100%;
  margin: 0 auto;
}
.color-palette__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.color-palette__color {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}
.color-palette__name {
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  padding-right: 25px;
  text-align: right;
  font-size: 14px;
}
.color-palette__hex {
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  padding-left: 25px;
  font-size: 14px;
}
.color-palette__swatch {
  width: 90px;
  height: 30px;
}

/* search results styles */

.search-results {
  margin: 0;
}
@media (min-width: 768px) {
  .search-results {
    margin: 86px 0 0;
  }
}
@media (min-width: 880px) {
  .search-results {
    margin: 0;
  }
}
.search-results__main {
  background-color: #ffffff;
}
.search-results__sidebar {
  background-color: #f0f0f0;
}
.search-results__sidebar > * {
  margin-top: 0;
}
@media (min-width: 0px) {
  .search-results__sidebar > * {
    margin-top: 30px;
  }
}
.search-results__sidebar > *:first-child {
  margin-top: 30px;
}
@media (min-width: 0px) {
  .search-results__sidebar > *:first-child {
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .search-results__sidebar > *:first-child {
    margin-top: 30px;
  }
}
.search-results .page-headline__header {
  padding-bottom: 30px;
}
@media (min-width: 1025px) {
  .search-results .page-headline__header {
    padding-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .search-results .page-headline__header {
    padding-bottom: 60px;
  }
}
.search-results__search-block {
  background-color: #f0f0f0;
  padding: 35px 20px 40px;
}

/* NEW inline search results box */ 
.searchSite-inline.search-results__search-block {
  background-color: #0c7bc0; 
	color: #fff;
}

@media (min-width: 768px) {
  .search-results__search-block {
    padding: 40px 35px;
  }
}
@media (min-width: 1280px) {
  .search-results__search-block {
    padding: 40px 50px 40px;
  }
	
	/* NEW inline search results box */ 
.searchSite-inline.search-results__search-block {
    padding-top: 30px;
  }
	
}
.search-results__search-block .h2 {
  font-size: 25px;
	margin-bottom: 0px;
}
@media (min-width: 768px) {
  .search-results__search-block .h2 {
    font-size: 35px;
  }
}
@media (min-width: 1280px) {
  .search-results__search-block .h2 {
    font-size: 40px;
  }
}
.search-results__search-block__content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.search-results__search-block__content .search-bar {
  width: 100%;
  max-width: 445px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-right: 20px;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .search-results__search-block__content .search-bar {
    max-width: 85%;
  }
}
@media (min-width: 1280px) {
  .search-results__search-block__content .search-bar {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.search-results__search-block__content .search-results__search-block__content__suggestion {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 100%;
}
@media (min-width: 1280px) {
  .search-results__search-block__content .search-results__search-block__content__suggestion {
    width: auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 18px;
  }
}
.search-results__search-block__content .search-results__search-block__content__suggestion span {
  padding-left: 0;
  padding: 15px 0;
  display: block;
  font-size: 16px;
}
.search-results__search-block__content .search-results__search-block__content__suggestion span a {
  font-style: italic;
}
.search-results__search-block__content .search-results__search-block__content__suggestion span a:hover {
  text-decoration: underline;
}
 .search-results__recommend-content {
  background-color: #f0f0f0;
  padding: 32px 20px;
}
@media (min-width: 768px) {
   .search-results__recommend-content {
    padding: 40px;
  }
}
@media (min-width: 1280px) {
   .search-results__recommend-content {
    padding: 40px 47px;
  }
}
  .search-results__recommend-content h5 {
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 768px) {
    .search-results__recommend-content h5 {
    font-size: 20px;
  }
}
 .search-results__recommend-content p {
  font-size: 14px;
}
@media (min-width: 768px) {
    .search-results__recommend-content p {
    font-size: 15px;
  }
}
  .search-results__recommend-content__item {
  max-width: none;
  margin-top: 25px;
}
@media (min-width: 768px) {
   .search-results__recommend-content__item {
    margin-top: 30px;
  }
}
@media (min-width: 1280px) {
    .search-results__recommend-content__item {
    max-width: 890px;
  }
}
  .search-results__recommend-content__item__title {
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 768px) {
   .search-results__recommend-content__item__title {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
   .search-results__recommend-content__item__title {
    font-size: 16px;
  }
}
 .search-results__recommend-content__item__title:hover {
  text-decoration: underline;
}
 .search-results__recommend-content__item__url {
  font-size: 15px;
  word-break: break-all;
  font-weight: 700;
}
  .search-results__recommend-content__item__url:hover {
  text-decoration: underline;
}
  .search-results__results__list__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
   .search-results__results__list__header {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1025px) {
    .search-results__results__list__header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 1280px) {
    .search-results__results__list__header {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
  .search-results__results__list__header h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 25px;
}
@media (min-width: 768px) {
    .search-results__results__list__header h2 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    margin-bottom: 0;
    font-size: 35px;
  }
}
@media (min-width: 1025px) {
    .search-results__results__list__header h2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 1280px) {
    .search-results__results__list__header h2 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    font-size: 40px;
  }
}
  .search-results__results__list__header__sort {
  width: 100%;
}
  .search-results__results__list__header__sort form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}
@media (min-width: 768px) {
    .search-results__results__list__header__sort form {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 30px;
    width: auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 15px;
  }
}
@media (min-width: 1025px) {
    .search-results__results__list__header__sort form {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
    .search-results__results__list__header__sort form {
    width: auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 30px;
  }
}
  .search-results__results__list__header__sort label {
  line-height: 1.3em;
}
  .search-results__results__list__header__sort__text {
  font-weight: bold;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 12px 0;
}
@media (min-width: 768px) {
    .search-results__results__list__header__sort__text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
@media (min-width: 1025px) {
   .search-results__results__list__header__sort__text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 1280px) {
    .search-results__results__list__header__sort__text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.search-results__results__list__header__sort__select {
  padding-left: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: none;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 768px) {
  .search-results__results__list__header__sort__select {
    padding-left: 20px;
    max-width: 390px;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media (min-width: 1025px) {
  .search-results__results__list__header__sort__select {
    padding-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: none;
  }
}
@media (min-width: 1280px) {
  .search-results__results__list__header__sort__select {
    padding-left: 20px;
    max-width: 390px;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
.search-results__results__list__item {
  padding: 25px 0;
  border-top: 1px solid #e2e2e2;
}
@media (min-width: 768px) {
  .search-results__results__list__item {
    padding: 30px 0;
  }
}
@media (min-width: 1280px) {
  .search-results__results__list__item {
    padding: 50px 0;
  }
}
.search-results__results__list__item:first-child {
  border: 0px solid transparent;
	padding-top: 0px;
}
.search-results__results__list__item__title {
  font-size: 18px;
  font-weight: 700;
}

@media (min-width: 1600px)  {
.search_results__tab-group .section-padding-top {
    padding-top: 50px;
}
}

@media (max-width: 600px)  { 
.search-results__results__list__item__text { 
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;  
}
}

@media (min-width: 1280px) {
  .search-results__results__list__item__title {
    font-size: 20px;
  }
}
.search-results__results__list__item__title:hover {
  text-decoration: underline;
}
.search-results__results__list__item__url  {
  word-break: break-all;
  font-weight: 700;
}
.search-results__results__list__item__url:hover {
  text-decoration: underline;
}
.search-results__results__list__item p {
  font-size: 15px;
}
/* END search results styles */ 



/* NEW */
.universal-page-container .nav::before, .universal-page-container .nav::after  {
    content: " ";
    display: table;
}

/* NEW */
.universal-page-container .nav::after, .universal-page-container .navbar::after  {
    clear: both;
} 



/* 
.universal-page-container .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.universal-page-container .nav > li {
  position: relative;
  display: block; }

.universal-page-container .search_results__tab-group .nav > li.dropdown {
  position: relative;
  display: block;
width: 99%;}

.universal-page-container .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.universal-page-container .nav > li > a:hover,
.universal-page-container .nav > li > a:focus {
  text-decoration: none;  }

.universal-page-container .nav > li.disabled > a {
  color: #777; }

.universal-page-container .nav > li.disabled > a:hover,
.universal-page-container .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent; }

.universal-page-container .nav .open > a,
.universal-page-container .nav .open > a:hover,
.universal-page-container .nav .open > a:focus,
.universal-page-container .dropdown-toggle { 
  color: #333; text-transform: uppercase; }

.universal-page-container .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.universal-page-container .nav > li > a > img {
  max-width: none; }

.universal-page-container .nav-tabs {
  border-bottom: 1px solid #ddd; }

.universal-page-container .search_results__tab-group .nav-tabs {
  border-bottom: none; }

.universal-page-container .nav-tabs > li {
  float: left;
  margin-bottom: -1px; 
border: 1px solid #d0d0d0;   
	margin-left: -1px;
}

.universal-page-container .nav-tabs > li:last-child {  
}

.universal-page-container .nav-tabs > li > a { 
  line-height: 1.42857143; 
  border-radius: 0;

  font-weight: normal;
  border-bottom: 2px solid transparent; }


.universal-page-container .search_results__tab-group  .nav-tabs > li.dropdown > a {  
  border-bottom: none; }



.nav-tabs > li > a:hover {
  border-color: transparent; }

.universal-page-container .nav-tabs > li.active > a,
.universal-page-container .nav-tabs > li.active > a:hover,
.universal-page-container .nav-tabs > li.active > a:focus {
  color: #333333;
  cursor: default;
  background-color: transparent; 
   border: none; 
  border-bottom: 2px solid #0e8ad9;
    }

.universal-page-container .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.universal-page-container .nav-tabs.nav-justified > li {
  float: none; }

.universal-page-container .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.universal-page-container .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
 .universal-page-container .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }

 .universal-page-container .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; }

    }


.universal-page-container .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.universal-page-container .nav-tabs.nav-justified > .active > a,
.universal-page-container .nav-tabs.nav-justified > .active > a:hover,
.universal-page-container .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }


@media (min-width: 768px) {
 .universal-page-container .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }

 .universal-page-container .nav-tabs.nav-justified > .active > a,
 .universal-page-container .nav-tabs.nav-justified > .active > a:hover,
 .universal-page-container .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }
.universal-page-container .nav-pills > li {
  float: left; }

.universal-page-container .nav-pills > li > a {
  border-radius: 4px; }

.universal-page-container .nav-pills > li + li {
  margin-left: 2px; }

.universal-page-container .nav-pills > li.active > a,
.universal-page-container .nav-pills > li.active > a:hover,
.universal-page-container .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7; }

.universal-page-container .nav-stacked > li {
  float: none; }

.universal-page-container .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.universal-page-container .nav-justified {
  width: 100%; }

.universal-page-container .nav-justified > li {
  float: none; }

.universal-page-container .nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.universal-page-container .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

*/





/* NEW tab styles */ 
.accordion-list {  margin-bottom: 20px; clear: both; } 

.accordion-list .visible-xs,
.accordion-list .visible-sm,
.accordion-list .visible-md,
.accordion-list .visible-lg {
    display: none !important;
} 

@media (max-width: 767px) {
   .accordion-list .visible-xs {
        display: block !important;
    }   
}
  
 
@media (max-width: 767px) {
   .accordion-list .hidden-xs {
        display: none !important;
    }
} 



.universal-page-container .nav > li > a:focus { 
  outline-offset: 0px; 
    outline: 0;
}

 
.universal-page-container .nav {
  padding-left: 0; 
  list-style: none;  
    margin-bottom: 1px;
  }

.universal-page-container .nav > li {
  position: relative;
  display: block; }

.universal-page-container .search_results__tab-group .nav > li.dropdown {
  position: relative;
  display: block;
width: 99%;}

.universal-page-container .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.universal-page-container .nav > li > a:hover,
.universal-page-container .nav > li > a:focus {
  text-decoration: none;  }

.universal-page-container .nav > li.disabled > a {
  color: #777; }

.universal-page-container .nav > li.disabled > a:hover,
.universal-page-container .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent; }

.universal-page-container .nav .open > a,
.universal-page-container .nav .open > a:hover,
.universal-page-container .nav .open > a:focus,
.universal-page-container .dropdown-toggle { 
  color: #333; text-transform: uppercase; }

.universal-page-container .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.universal-page-container .nav > li > a > img {
  max-width: none; }

.universal-page-container .nav-tabs { 
  border-bottom: none;
      margin-right: 1px;
   }

.universal-page-container .search_results__tab-group .nav-tabs {
  border-bottom: none; }

.universal-page-container .nav-tabs > li {
  float: left;
   border: 1px solid #d0d0d0;   
	margin-left: -1px;
	  margin-bottom: -1px;
	background: #eeeeee; 
}

 

.universal-page-container .nav-tabs > li a {
  color: #666666;
  height: 100%;
}
 

.universal-page-container .nav-tabs > li > a { 
  line-height: 1.42857143; 
  border-radius: 0;

  font-weight: normal; 
   border-top: 2px solid transparent; 
   }
   
     
 
.universal-page-container .nav-tabs > li.active > a,
.universal-page-container .nav-tabs > li.active > a:hover,
.universal-page-container .nav-tabs > li.active > a:focus {
  color: #333333;
  cursor: default;
  background-color: transparent; 
   border: none; 
    border-bottom: none;
   /* border-top: 2px solid #0e8ad9; */
	border-top: 2px solid #0c7bc0;
	
   background-color: #fff;
   font-weight: bold;
    }
 


 
 
    
 
.universal-page-container .tab-content > .tab-pane {
  display: none;
  visibility: hidden; }  

.universal-page-container .tab-content > .active {
  display: block;
  visibility: visible; }

  .universal-page-container .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0; }

.universal-page-container .search_results__tab-group .nav-tabs .dropdown-menu {
   padding: 10px 20px 10px 20px;
    height: auto; }

.universal-page-container .search_results__tab-group .nav-tabs .dropdown-menu a.dropdown-item {
   padding: 5px 0;
    height: auto;
width: 100%;
    display: block;
}  


 

.universal-page-container .nav-pills > li.active > a, .universal-page-container .nav-pills > li.active > a:hover, .universal-page-container .nav-pills > li.active > a:focus {
    background-color: #51237f;
    color: #fff;
    text-decoration: none;
}

.universal-page-container .nav-pills > li > a {
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
     background-color: #e8e8e8;
     text-decoration: none;
     font-weight: 600;
}
.universal-page-container .nav > li > a:hover, .universal-page-container .nav > li > a:focus {
    text-decoration: none; 
     background-color: #f8f8f8;
    color: #333; 
    	 border-top: 2px solid #666666;
}
 
.universal-page-container .search_results__tab-group .nav > li.dropdown > a:hover {
   border-bottom: none;}

.universal-page-container .nav-tabs > li.active > a, .universal-page-container .nav-tabs > li.active > a:hover, .universal-page-container .nav-tabs > li.active > a:focus { 
      background-color: #fff;
}

.universal-page-container__bottom .nav-tabs > li.active > a,
.universal-page-container__bottom .nav-tabs > li.active > a:hover,
.universal-page-container__bottom .nav-tabs > li.active > a:focus {
    background-color: #fff;
}  


 
  .header-wrapper #header .nav > li > a:hover, .header-wrapper #header .nav > li > a:focus {
    background-color: transparent;
}

.universal-page-container .tab-content {
	width: 100%; 
	border: 1px solid #dddddd; 
	margin: -1px auto 20px -1px;
	background: #fff;
	border-radius: 0px; 
	padding: 25px; 

}

.universal-page-container .search_results__tab-group .tab-content {
	border-top: none;
	border-bottom: none; margin: 0px auto 0px auto;  
}

.tab-pane  {  padding: 0px; min-height: 150px;}

.universal-page-container .search_results__tab-group .tab-pane  {  padding: 0px 0px; min-height: 150px;}

.tab-pane p {margin-bottom: 20px;}
.tab-pane p:last-child {margin-bottom: 0px;}

/* .tabbable  .active   {
text-decoration: auto !important;
pointer-events: visible !important; 
border-bottom-color: #fff !important;
} */ 

.accordion-list .tab-content .active,
.tabbable .tab-content .active { pointer-events: visible !important; text-decoration: auto !important; }


.universal-page-container  .nav-tabs > li {
	float: left; 
	border: 1px solid #d0d0d0; 
	margin-left: -1px;
	background: #eeeeee;
	margin-right: 0px;
	border-bottom: 1px solid #d0d0d0;
	/*  text-align: center; */
}

.universal-page-container   .nav-tabs > li.active { border-bottom: 1px solid #fff; }


.universal-page-container  .nav {
	padding-left: 0; 
	list-style: none;
	display: flex;  
} 
 

@media (max-width: 767px) { 
	/* for old tab layout before transform to accordions on mobile makes tags go fullwidth */
	.universal-page-container  .tabbable   .nav { display: block; }   
	/* .universal-page-container  .tabbable   .nav-tabs > li { float: none; } */
}      
   

.search_results__tab-group.tabbable .tab-nav--desktop .active {
    text-decoration: auto !important;
    pointer-events: visible !important;
    /* border-bottom: 3px solid #0e8ad9; */
	border-bottom: 3px solid #0c7bc0;
    margin-bottom: -3px;
}

 

 

/* END NEW tab styles */


/* NEW accordion list styles */ 
.accordion-list .panel-title {position: relative; } 
.accordion-list .plus-minus__icon:before,  .accordion-list  .plus-minus__icon:after { background-color: #333; }
 
 
.accordion-list .js-tabcollapse-panel-heading.collapsed  .plus-minus__icon {
  /* cursor: pointer; */
}
.accordion-list .js-tabcollapse-panel-heading    .plus-minus__icon:after {
  transform: rotate(180deg);
}
.accordion-list .js-tabcollapse-panel-heading.collapsed   .plus-minus__icon:before {
  transform: rotate(180deg);
}

 
.accordion-list  .js-tabcollapse-panel-heading  .plus-minus__icon:after {
  top: 0;
  left: 50%;
  height: 100%;
  margin-left: -1px;
  width: 0px;
   
}

.accordion-list .js-tabcollapse-panel-heading.collapsed    .plus-minus__icon:after {
  /* top: 0;
  left: 50%;
  height: 100%;
  margin-left: -1px; */
  width: 2px;
   margin-top: 0px;
}


.accordion-list  .js-tabcollapse-panel-heading   .plus-minus__icon:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  margin-left: 0px; 
} 


.accordion-list  .js-tabcollapse-panel-heading .plus-minus__icon {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 20px;
    top: 30%;
} 

.accordion-list .accordion-item__arrow {
    position: absolute;
    top: 25%;
    font-size: 60px;
    transition: transform 0.5s ease-in-out, 0.25s opacity ease-in-out;
    transform: rotate(180deg);
    right: 5vw; 
    width: 19px;
}

.accordion-list .panel-heading:hover .accordion-item__arrow {
    opacity: .4;
}


.accordion-list .panel-title a { 
	width: 100%;
	display: block; 
	color: #333;
	font-weight: bold;
	padding: 5px 60px 5px 15px;
	position: relative; 
	background-color: #f8f8f8;
}


@media (max-width: 768px) { 
	.accordion-list .panel-title a {  
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;  
	}
}



.accordion-list .panel-title a.js-tabcollapse-panel-heading.collapsed:hover,
.accordion-list .panel-title a.js-tabcollapse-panel-heading.collapsed:focus {  
	/* background-color: #f8f8f8; */
	background-color: #fcfcfc;
} 


.accordion-list .panel-title a.js-tabcollapse-panel-heading.collapsed {  
    color: #333;
    font-weight: normal; 
    background-color: #f0f0f0;
}

.accordion-list .panel-title a span { display: block; }
.faculty-listing .faculty-name span { font-size: 22px; }
 

.accordion-list .tab-pane figure, .accordion-list .tab-pane img {
    display: block;
    margin-bottom: 15px;
    margin-left: 0px;
    max-width: auto;
    width: 100%;
    float: left;
    margin: 0px 20px 15px 0px;
}


@media (min-width: 48em) {

.accordion-list .tab-pane  img, .accordion-list .tab-pane  figure {
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: 10px;
    width: auto;
}
}

 

 
.accordion-list .panel-body {
padding: 10px 15px 10px 15px;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
line-height: 1.625;
    margin-bottom: -1px;
}

.accordion-list .panel-body p,
.universal-page-container .tab-content p { 
line-height: 1.625;
}

.accordion-list .panel-default > .panel-heading { 
  overflow: hidden;
    border: 1px solid #d0d0d0;
    background-color: #f0f0f0;
    margin-bottom: -1px; 
}

.accordion-list .panel-default > .panel-heading:hover { 
    background-color: #f6f6f6; 
}

.accordion-list .panel-group .panel {
    border-radius: 0px;
}


/* needed for accordion list */
.collapse {
  display: none;
  visibility: hidden; }

.collapse.in {
  display: block;
  visibility: visible; }

tr.collapse.in { display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility; }

  










/* bootstrap responsive video embed styles */

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
	max-width: 1000px;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}








 /*!
 * Tab drop for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *





.universal-page-container .nav-tabs,
.universal-page-container .nav-pills {
  position: relative !important;
}  */


/* END nav tabs */



/*
.universal-page-container .dropup,
.universal-page-container .dropdown {
  position: relative;
}
.universal-page-container .dropdown-toggle:focus {
  outline: 0;
}
.universal-page-container .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .175);
          box-shadow: 0 4px 6px rgba(0, 0, 0, .175);
}
.universal-page-container .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.universal-page-container .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #f6f6f6;
}
.universal-page-container .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.universal-page-container .dropdown-menu > li > a:hover,
.universal-page-container .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.universal-page-container .dropdown-menu > .active > a,
.universal-page-container .dropdown-menu > .active > a:hover,
.universal-page-container .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0e8ad9;
  outline: 0;
}
.universal-page-container .dropdown-menu > .disabled > a,
.universal-page-container .dropdown-menu > .disabled > a:hover,
.universal-page-container .dropdown-menu > .disabled > a:focus {
  color: #777;
}
.universal-page-container .dropdown-menu > .disabled > a:hover,
.universal-page-container .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.universal-page-container .open > .dropdown-menu {
  display: block;
}
.universal-page-container .open > a {
  outline: 0;
}
.universal-page-container .dropdown-menu-right {
  right: 0;
  left: auto;
}
.universal-page-container .dropdown-menu-left {
  right: auto;
  left: 0;
}
.universal-page-container .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.universal-page-container .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.universal-page-container .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.universal-page-container .dropup .caret,
.universal-page-container .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.universal-page-container .dropup .dropdown-menu,
.universal-page-container .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
 .universal-page-container .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
 .universal-page-container .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

*/


/* END */


/*

@media (min-width: 768px) {
 .universal-page-container .nav-justified > li {
    display: table-cell;
    width: 1%; }

 .universal-page-container .nav-justified > li > a {
    margin-bottom: 0; } }
.nav-tabs-justified {
  border-bottom: 0; }

.universal-page-container .nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.universal-page-container .nav-tabs-justified > .active > a,
.universal-page-container .nav-tabs-justified > .active > a:hover,
.universal-page-container .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
 .universal-page-container .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }

 .universal-page-container .nav-tabs-justified > .active > a,
 .universal-page-container .nav-tabs-justified > .active > a:hover,
 .universal-page-container .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff; } }
.universal-page-container .tab-content > .tab-pane {
  display: none;
  visibility: hidden; }

.universal-page-container .tab-content > .active {
  display: block;
  visibility: visible; }

.universal-page-container .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0; }

.universal-page-container .search_results__tab-group .nav-tabs .dropdown-menu {
   padding: 10px 20px 10px 20px;
    height: auto; }

.universal-page-container .search_results__tab-group .nav-tabs .dropdown-menu a.dropdown-item {
   padding: 5px 0;
    height: auto;
width: 100%;
    display: block;
}

  end tab styles */


/* 

.universal-page-container .nav-pills > li.active > a, .universal-page-container .nav-pills > li.active > a:hover, .universal-page-container .nav-pills > li.active > a:focus {
    background-color: #51237f;
    color: #fff;
    text-decoration: none;
}

.universal-page-container .nav-pills > li > a {
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
     background-color: #e8e8e8;
     text-decoration: none;
     font-weight: 600;
}
.universal-page-container .nav > li > a:hover, .universal-page-container .nav > li > a:focus {
    text-decoration: none; 
     background-color: #f6f6f6;
    color: #333;
    border-bottom: 2px solid #666666;
} */
 /*

.universal-page-container .search_results__tab-group .nav > li.dropdown > a:hover {
   border-bottom: none;}

 .universal-page-container .nav-tabs > li.active > a, .universal-page-container .nav-tabs > li.active > a:hover, .universal-page-container .nav-tabs > li.active > a:focus {
    background-color: #f6f6f6;
}

.universal-page-container__bottom .nav-tabs > li.active > a,
.universal-page-container__bottom .nav-tabs > li.active > a:hover,
.universal-page-container__bottom .nav-tabs > li.active > a:focus {
    background-color: #fff;
}

.nav > li > a:focus {
    outline: #ccc 1px dotted;
  outline-offset: 0px;
}
.header-wrapper #header .nav > li > a:hover, .header-wrapper #header .nav > li > a:focus {
    background-color: transparent;
}

.universal-page-container .tab-content {
	width: 100%; border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd; margin: -1px auto 20px auto;
	background: #fff;
  border-radius: 0px;
 }

.universal-page-container .search_results__tab-group .tab-content {
	 border-top: none;
	border-bottom: none; margin: 0px auto 0px auto;  
 }

.tab-pane  {  padding: 20px 20px; min-height: 150px;}

.universal-page-container .search_results__tab-group .tab-pane  {  padding: 0px 0px; min-height: 150px;}

 .tab-pane p {margin-bottom: 20px;}
 .tab-pane p:last-child {margin-bottom: 0px;}

 .tabbable  .active   {
  text-decoration: auto !important;
  pointer-events: visible !important;
}

.accordion-list .tab-content .active { pointer-events: visible !important; text-decoration: auto !important; }

.search_results__tab-group.tabbable .tab-nav--desktop .active {
    text-decoration: auto !important;
    pointer-events: visible !important;
    border-bottom: 3px solid #0e8ad9;
    margin-bottom: -3px;
}

 .tab-pane figure, .tab-pane img {
    display: block;
    margin-bottom: 15px;
    margin-left: 0px;
    max-width: auto;
    width: 100%;
    float: left;
    margin: 0px 20px 15px 0px;
}


@media (min-width: 48em) {

 .tab-pane  img,  .tab-pane  figure {
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: 10px;
    width: auto;
}
}

.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 0px;
    background: #333;
     border-bottom: 1px solid rgba(102, 102, 102, 0.55);
  border-top: 1px solid #333333;
}

.panel-default > .panel-heading {
      background: #333;
     border-bottom: 1px solid rgba(102, 102, 102, 0.55);
  border-top: 1px solid #333333;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel-title a {
    text-decoration: none;
    color: #fff;
}

#content .panel-title a:hover {
   color: #d0d0d0;
}

#content .nav-tabs > li.active > a, #content .nav-tabs > li.active > a:hover, #content .nav-tabs > li.active > a:focus {
    background-color: #51237f;
    color: #fff;
    text-decoration: none;
    border-color: #51237f;
}


#content .nav > li > a:hover, #content .nav > li > a:focus {
    background-color: #383838;
    color: #eee;
    text-decoration: none;
    border-color: #383838;
}
  #content .nav-tabs a {
  text-decoration: none;
}

 #content .nav-tabs > li > a {
    border-radius: 0;
}

.list-group:before {
    content: '';
    display: block;
    clear: both;
}

.list-group:after {
    content: '';
    display: block;
    clear: both;
}
 */




/* table styles */

table  {
  border-spacing: 0;
  border-collapse: collapse;  margin-bottom: 15px; }

table a:hover  {
  text-decoration: underline;
}

td,
th {
  padding: 0; }


.detailSection table img {
    display: block;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: 5px;
    max-width: none;
    width: auto;
}

caption {
  padding-top: 8px;
  padding-bottom: 4px; 
  text-align: left;
font-weight: bold;
}

th {
  text-align: left; }

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: transparent; }


table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  /* line-height: 1.42857143; */
  line-height: 1.25;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align: left; }

table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0; }

table > tbody + tbody {
  border-top: 2px solid #ddd; }


.table > thead > tr > th, thead th, tr th   {
    background-color: #333;
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
    color: #eee;
}
 

/* .table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th, */
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 4px; font-size: 85%; }


/* .table-bordered {
  border: 1px solid #ddd; } */

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

table > tbody > tr:nth-child(odd) {
  background-color: #f6f6f6; }

.table-nostriped > tbody > tr:nth-child(odd) {
  background-color: transparent; }

 

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none; }

.table-condensed tr:nth-child(odd) th[scope="row"],
tr:nth-child(odd) th[scope="row"]{ 
    background-color: #565555; 
}

.table-condensed th[scope="row"],
th[scope="row"] { 
    background-color: #666666; 
	border-bottom: 1px solid #ddd;
	color: #fff;
} 
.table-condensed th[scope="row"] { padding: 4px; font-size: 85%; }


 
.table-responsive {
  display: block;
  width: 100%;
  min-height: .01%;
  overflow-x: auto; 
}

div.table-responsive table {
margin-top: 0px;
margin-bottom: 0px;
}

/* .table-responsive {
    overflow-x: inherit;
    margin-bottom: 15px;
} */


.table-responsive .table-note {display: none;} 

@media screen and (max-width: 500px) {  
	.table-responsive .table-note {display: block; margin-bottom: 0; padding: 5px; text-align: center; font-style: italic; } 
	.table-responsive {  border: 1px solid #ddd; } 
}

@media screen and (max-width: 767px) {  
	
	  .table-responsive a[href^="mailto"] {
 overflow-wrap: break-word;
  word-wrap: break-word; 
   max-width: 150px;  
  display: block;  
  }
	
	
	.table-responsive {
    width: 100%;
    margin-bottom: 20px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* border: 1px solid #ddd; */ }

  .table-responsive > .table {
    margin-bottom: 0; margin-top: 0; }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }

  .table-responsive > .table-bordered {
    border: 0; }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; }
}

    .directory-td-center {text-align: center;}






/* search result styles */

.searchResults .box-title { float: none; display: block; }

.searchResults .h1 {
  font-size: 35px;
  line-height: 40px;
   margin-bottom: 1px !important; 
	/*margin-bottom: 50px !important; */
  border-bottom: none;
}

.searchResults .h1 span { font-weight: bold;}

.searchResults .h1 .icon {height: 23px; margin-top: -7px; }

@media (min-width: 48em) {
  .searchResults .h1 {
    font-size: 50px;
    line-height: 55px;
  }

  .searchResults .h1 .icon { height: 37px; width: 55px; }
  }

@media (min-width: 80em) {
  .searchResults .h1 {
    font-size: 70px;
    line-height: 75px;
      margin-bottom: 50px !important;	
	 /*  margin-bottom: 10px !important;  */ /* NEW inline search results box */
 	/* border-bottom: 1px solid #d0d0d0; */
  }

   .searchResults .h1 .icon { height: 50px; width: 70px; margin-top: -14px; }
}

.searchResults  p  {font-size: 14px; line-height: 1.25em; margin-bottom: .4em;}
.searchResults h6, .searchResults  div.h6 {  font-size: 16px; line-height: 21px; padding-bottom: 10px; }

.searchResults p.resultDetail {font-size: 12px; line-height: 1.25em; /* margin-bottom: .4em; margin-top: .2em; */ margin-bottom: 15px; margin-top: 15px;}
.searchResults p.resultStat { margin-bottom: 2em; margin-top: .35em; /* color: #0E8AD9; */ color: #0c7bc0; font-size: 16px; line-height: 1.4em;}

.searchResults #peopleSearchResults, .searchResults #deptSearchResults { margin-top: 2em;}

.searchResults .individualDepartmentResult .icon, .searchResults .individualPeopleResult .icon { width: 15px; height: 12px; margin: 0 5px 0 0; padding: 0;}
.searchResults .individualPeopleResult .resultEmail { white-space: pre; }
.searchResults .individualPeopleResult p:first-of-type { color: #28a689; }
.searchResults .individualPeopleResult p { margin-bottom: .2em; }
.searchResults .individualPeopleResult p:last-child,
.searchResults .individualDepartmentResult p:last-child { margin-bottom: 15px; }

.searchPreviousButton {margin-right: 30px;}

@media (max-width: 500px) { .searchPreviousButton {display: block; width: 100%;} }

.searchPreviousButton .learn-more .icon { margin-left: 0px; }

.searchResults .learn-more .icon { display: inline-block !important; }

.searchResults .individualWebResult, .searchResults .individualPeopleResult, .searchResults .individualDepartmentResult {border-bottom: 1px solid #d0d0d0; margin-bottom: 2em;}

/* NEW */

/* NEW filtered-results styles */

.filtered-results  .search-bar__label { 
  font-weight: bold; 
  font-size: 16px;
  padding: 0 0 5px 0; 
}
@media (min-width: 768px) {
  .filtered-results  .search-bar__label {
    font-size: 18px;
  }
} 

.filtered-results {margin-top: 40px; width: 100%;}
.filtered-results  input {font-weight: bold;}
.filtered-results .search-bar__input-wrapper {display: inline-flex; flex-wrap: wrap;   margin-top: 15px; }
.filtered-results div:nth-child(2) { margin-top: 0px; }
.filtered-results .search-bar__input-wrapper div {   padding-right: 33px;  } 
.filtered-results .search-bar__input-wrapper .search-bar__label {padding: 0; font-weight: normal;}



#main-content .breadcrumb {
	color: #666;
	margin-bottom: 30px;
}
#main-content .breadcrumb a {
  font-weight: 600;
  color: #28a689;
}

#main-content .breadcrumb a:hover { text-decoration: underline; }

#main-content .breadcrumb li a  {
	padding: 10px;
	border-right: 1px solid rgba(102, 102, 102, 0.8);
	color: #fff;
	display: block;
	font-weight: 700;
	background-color: #292929;
	margin-top: 2px;
}

#main-content .breadcrumb li a:hover { background-color: #4c4c4c; }

.accordion li.expand .icon, #main-content .breadcrumb a:hover .icon { transform: rotate(90deg); }

#main-content .breadcrumb .icon {
    height: 15px;
    width: 15px;
    margin: 4px 0 -2px 8px;
}

@media (max-width: 610px) {
	#main-content .breadcrumb li   {display: block; width: 100%; }
	#main-content .breadcrumb li  a { border-bottom: 1px solid rgba(102, 102, 102, 0.8); border-right: none; margin-top: 0px; }
	#main-content .breadcrumb .icon { float: right;  }
}


/* table fixes for surveygizmo JS embeds */

.sg-body table {
    width: auto;
	max-width: auto;
	margin-bottom: 0px;
	margin-top: 0px; 
}  

.sg-body thead th, .sg-body tr th {
    color: #333;
    border: none;
} 

.sg-body .sg-question-options .sg-odd-row, .sg-body .sg-table td  {background: #fff;  background-color: #fff ; border: none;}  

.sg-button-bar {text-align: left;}

/* NEW Surveygizmo Marketing Landing Page form styles */

.sg-form .form-title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 10px;
	color: #fff;
}

.sg-form iframe {width: 100% !important; height: 420px !important;} /* NEW */

.sg-form .fine-print {
	font-size: 13px;
	margin-top: 10px;
	color: #fff;
	text-align: left;
}
.sg-form .fine-print .ready {
	display: inline-block;
	font-weight: bold;
	transition: border .25s ease-in-out;
	text-decoration: underline;
}
.sg-form .fine-print .ready:hover {
	color: #fff;
	text-decoration: underline;
}
.sg-form .fine-print a {
	color: #fff;
	font-weight: 700;
}
.sg-form .fine-print a:hover {
	color: rgba(255,255,255,.75);
}

/* NEW Show Hide styles */

.read-more-state {
	display: none; 
}

.read-more-target {
	opacity: 0;
	/* max-height: 0; */
	display: none;
	font-size: 0;
	transition: .05s ease; 
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	/* max-height: 999em; */
	display: block; 
} 

.read-more-state ~ .read-more-trigger:before {
	/* content: 'Read more'; */
	content: '';
	/* background-image: url(http://www.montgomerycollege.edu/_resources/images/global/plus-purple.png); */
	background-image: url('/_images/global/plus-purple.png');
	background-repeat: no-repeat;
	/* background-position: right 4px; */
	background-position: left 4px;
	padding-right: 20px; 
}

.read-more-state ~ .read-more-trigger .read-more-trigger-inner {display: inline-flex;}
.read-more-state:checked ~ .read-more-trigger  .read-more-trigger-inner {display: none;}

.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Show less';
	/* background-image: url(http://www.montgomerycollege.edu/_resources/images/global/minus-purple.png); */
	background-image: url(/_images/global/minus-purple.png);
	background-repeat: no-repeat;
	/* background-position: right 4px; */
	background-position: left 4px;
	padding-right: 20px; 
	padding-left: 20px;
}

.read-more-trigger {
	cursor: pointer; 
	/* display: inline-block; */
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #51237f;
	transition: background 0.3s, color 0.3s;
	clear: both;  
}

/* Acalog API feed styles */
.catalog-wrapper ul {margin-top: 0px; margin-bottom: 0px;} 

.universal-page-container .catalog-wrapper .h1, .universal-page-container .catalog-wrapper .h2, .universal-page-container .catalog-wrapper .h3,
.universal-page-container .catalog-wrapper .h4, .universal-page-container .catalog-wrapper .h5, .universal-page-container .catalog-wrapper .h6,
.universal-page-container .catalog-wrapper h1, .universal-page-container .catalog-wrapper h2, .universal-page-container .catalog-wrapper h3,
.universal-page-container .catalog-wrapper h4, .universal-page-container .catalog-wrapper h5, .universal-page-container .catalog-wrapper h6  { 
   margin-top: 10px;  
}
/* END Acalog API feed styles */

/* NEW INFO SEARCH STYLES */ 

body .searchSite__link.md-inline-block { display: inline-block; }

body.searching:before {  
  /* background-color: rgba(0, 0, 0, 0.65); */
	background-color: transparent;
}

body .searchSite__link {
	padding-right: 10px;
	padding-bottom: 10px;
}  


body .searchSite .btn {
	display: none;
	text-align: left;
}


@media (max-width: 500px) { 
	body .searchSite__link.md-inline-block { display: block; } 
	body .searchSite__link.md-inline-block a.btn { width: 100%; }  
	body .searchSite__link { padding-right: 0px; } 
	body .searchSite .btn { text-align: center; }
} 

body .searchSite .searchSite__link .btn {
	display: inline-block;
	font-size: 16px;
	white-space: normal;
} 

body .searchSite__link .btn.blue {
	/* background-color: #333 !important; */
	background-color: #000 !important; 
}
body .searchSite__link .btn.blue:hover {
	background-color: #232323 !important; 
	text-decoration: none;
}

@media (min-width: 1280px) { 
	body .searchSite__link.md-inline-block { display: inline-block; }
}

body .searchSite {
	/*  background-color: rgba(14, 141, 215, 0.95); blue 
	background-color: rgba(000, 000, 000, 0.9); black */
	background-color: rgba(81, 35, 127, 0.95);
} 

body .searchSite__form input { 
	background-color: #fff;
	color: #333;
} 

body .searchSite__form button {   
	background-image: url('/_images/global/searchpanel_blackicon.svg'); 

} 

body .searchSite__suggestions-title {
	padding: 10px 20px 0 20px;
	font-weight: 400;
	font-size: 1.5em
}

body .searchSite__suggestions {
	padding: 15px 20px 40px 20px;
	flex: 1 0 auto;
}

body .searchSite a.close-search {
	width: 35px;
	height: 34px;
	position: absolute;
	right: 170px; 
	top: 150px;
	background: url('/_images/global/searchpanel_close-black.svg'); 
	background-size: cover;
	display: none;
}
body .searchSite a.close-search:hover {
	opacity: 0.6;
}

body .searchSite__form input { 
	font-size: 16px;
	line-height: 25px; 
} 

@media (min-width: 880px) { 
	
	/* body.info  .searchSite__form button { 
    top: -5px;
  } */
	
	body .searchSite a.close-search {
		display: block;
		top: 95px;
	}

	body .searchSite__suggestions { padding: 15px 0 0 0px; } 

	body .searchSite__suggestions-title { padding: 40px 0px 0 0px;  }

	body .searchSite__form input {
		font-weight: 100 ;
		background: transparent;
		font-family: "roboto", sans-serif;
		font-size: 40px;
		line-height: 64px;
		padding: 12px 0 12px 85px;
		color: #333;
		background-color: #fff;
	}
	body .searchSite__form input::-webkit-input-placeholder {  color: #333; }
	body .searchSite__form input::-moz-placeholder { color: #333; }
	body .searchSite__form input:-ms-input-placeholder { color: #333; }
	body .searchSite__form input::placeholder { color: #333;  }  
}
@media (min-width: 1600px) { 
	body .searchSite a.close-search {
		right: 240px;
		top: 95px;
	}

	body  .searchSite__suggestions { white-space: normal; } 
} 

/* END INFO SEARCH STYLES */


/* NEW INFO SEARCH STYLES  

body.info .searchSite__link.md-inline-block { display: inline-block; }

body.info.searching:before {   
	background-color: transparent;
}

body.info .searchSite__link {
	padding-right: 10px;
	padding-bottom: 10px;
}  


body.info .searchSite .btn {
	display: none;
	text-align: left;
}


@media (max-width: 500px) { 
	body.info .searchSite__link.md-inline-block { display: block; } 
	body.info .searchSite__link.md-inline-block a.btn { width: 100%; }  
	body.info .searchSite__link { padding-right: 0px; } 
	body.info .searchSite .btn { text-align: center; }
} 

body.info .searchSite .searchSite__link .btn {
	display: inline-block;
	font-size: 16px;
	white-space: normal;
} 

body.info .searchSite__link .btn.blue { 
	background-color: #000 !important; 
}
body.info .searchSite__link .btn.blue:hover {
	background-color: #232323 !important; 
	text-decoration: none;
}

@media (min-width: 1280px) { 
	body.info .searchSite__link.md-inline-block { display: inline-block; }
}

body.info .searchSite { 
	background-color: rgba(81, 35, 127, 0.95);
} 

body.info .searchSite__form input { 
	background-color: #fff;
	color: #333;
} 

body.info .searchSite__form button {   
	background-image: url('/_images/global/searchpanel_blackicon.svg'); 

} 

body.info .searchSite__suggestions-title {
	padding: 10px 20px 0 20px;
	font-weight: 400;
	font-size: 1.5em
}

body.info .searchSite__suggestions {
	padding: 15px 20px 40px 20px;
	flex: 1 0 auto;
}

body.info .searchSite a.close-search {
	width: 35px;
	height: 34px;
	position: absolute;
	right: 170px; 
	top: 150px;
	background: url('/_images/global/searchpanel_close-black.svg'); 
	background-size: cover;
	display: none;
}
body.info .searchSite a.close-search:hover {
	opacity: 0.6;
}

body.info .searchSite__form input { 
	font-size: 16px;
	line-height: 25px; 
} 

@media (min-width: 880px) { 
	 
	
	body.info .searchSite a.close-search {
		display: block;
		top: 95px;
	}

	body.info .searchSite__suggestions { padding: 15px 0 0 0px; } 

	body.info .searchSite__suggestions-title { padding: 40px 0px 0 0px;  }

	body.info .searchSite__form input {
		font-weight: 100 ;
		background: transparent;
		font-family: "roboto", sans-serif;
		font-size: 40px;
		line-height: 64px;
		padding: 12px 0 12px 85px;
		color: #333;
		background-color: #fff;
	}
	body.info .searchSite__form input::-webkit-input-placeholder {  color: #333; }
	body.info .searchSite__form input::-moz-placeholder { color: #333; }
	body.info .searchSite__form input:-ms-input-placeholder { color: #333; }
	body.info .searchSite__form input::placeholder { color: #333;  }  
}
@media (min-width: 1600px) { 
	body.info .searchSite a.close-search {
		right: 240px;
		top: 95px;
	}

	body.info  .searchSite__suggestions { white-space: normal; } 
} 

 END INFO SEARCH STYLES */




/* NEW print styles */
.visible-print { display: none !important; }

@media print {
	body {
	font: 12pt Georgia, "Times New Roman", Times, serif !important;
	line-height: 1.3;
	}

	@page { margin: 1cm 0.75cm !important; }

	.visible-print { display: block !important; }

	*,
	*:before,
	*:after {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	-webkit-box-shadow: none !important;
			box-shadow: none !important;

		float: none !important;
	}
	a,
	a:visited {
	text-decoration: underline;
	}
	a[href]:after {
	content: " (" attr(href) ")"; font-weight: 200;
	}
	abbr[title]:after {
	content: " (" attr(title) ")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
	content: "";
	}
	pre,
	blockquote {
	border: 1px solid #999;

	page-break-inside: avoid;
	}
	thead {
	display: table-header-group;
	}
	tr,
	img {
	page-break-inside: avoid;
	}
	img {
	max-width: 100% !important;
	}
	p,
	h2,
	h3 {
	orphans: 3;
	widows: 3;
	}
	h2,
	h3 {
	page-break-after: avoid;
	}
	.btn > .caret,
	.dropup > .btn > .caret {
	border-top-color: #000 !important;
	}
	.label {
	border: 1px solid #000;
	}
	.table {
	border-collapse: collapse !important;
	}
	.table td,
	.table th {
	background-color: #fff !important;
	}
	.table-bordered th,
	.table-bordered td {
	border: 1px solid #ddd !important;
	}

	.contact__learn .md-col-5 {width: 95%;}

	.detailSection  {
	margin: 2cm 0 1cm 0 !important;
	padding: 0px !important;
		width: 100% !important;
	}

	.md-col-9 {
    width: 100% !important;
}
.md-col {
    float: none !important;
}


	.deck__card__content .xs-hide, .deck__card__content  .sm-hide {
	display: block !important;
	}

	.campuses__card .campuses__card__content {padding: 0px !important; position: relative !important; width: 100% !important;}
	.campuses__card__wrapper { height: auto !important; padding-bottom: 1cm !important; display: block !important; width: 100% !important;}

	#main-content, .layout-container__block { width: 100% !important; clear: both !important;  padding: none !important; }
	.print-header {margin-bottom: 2cm !important; padding-bottom: .5cm !important; border-bottom: 1px solid #d0d0d0; display: table;  width: 100%; height: 1.5cm !important; clear: both !important; float: left !important;}
	.print-header p {margin-top: 0px; font-size: 8pt;}

	.print-header img {width: 6cm !important;}


	.triFold .triFold__fold, .comparisonSlider .gallery-cell {
    width: 2.5in  !important;
	page-break-inside: avoid;
	float: none   !important;
    display: inline-block !important;
    vertical-align: top;
    padding: 0 .5cm 1cm 0 !important;
	font-size: 10pt !important;

	margin-left: 0cm !important;
	margin-right: 0cm !important;
	}

	.triFold .sm-table-cell  {
	border: none !important;
	}



.universal-page-container__bottom .layout-container__block:first-child {
    background-color: #fff !important;
}

.accordion-items, .accordion-item__content, .accordion-items .accordion-item .accordion-item__content {display: block !important; visibility: visible !important;}
	.accordion-item__tagline {color: #000000 !important; display: block !important;  }
.collapse {display: block !important; visibility: visible !important;}

	/* resets for print */
	.newsEvents .col, .educationForYou__wrapper .col, .campuses__wrapper .col, .campuses__wrapper .col, .deck__wrapper .deck__card {
	float: none !important;
	width: 100% !important;
	}

		body, .center { text-align: left !important;  }

	 .heading__wrapper { width: 100% !important; }

	.mx-auto {margin-left: 0; margin-right: 0; }

	img { width: auto !important; }


.testimonial, .pod__image-container, .layout-container--with-sidebar .layout-container__block:nth-child(2), .row-card, .hero-banner,	.globalNavigation__secondary, .globalNavigation, .globalNavigation .globalNavigation__primary, .globalNavigation .globalHeader, .globalNavigation .globalNavigation__secondary, .globalNavigation .globalNavigation__breadcrumb, .hero, .socialWall, .contact .contact__form, .contactBar, .detailSidebar__section, .globalFooter, .campuses__wrapper .col img, .deck__wrapper img, .searchSite, .learn-more, .landingRow-video, .video-wrapper, .hero__landing, .interstitial, .hero, .global-header  {
	display: none !important;
	}

	h1, .h1 { font-size: 50px !important; }
	h2, .h2 { font-size: 40px !important; }
	h3, .h3 { font-size: 30px !important; }
	h4, .h4 { font-size: 20px !important; }
	h5, .h5 { font-size: 15px !important; }
	h6, .h6 { font-size: 15px !important; }


	 .layout-container, .universal-page-container .layout-container__block,
	.layout-container--with-sidebar .layout-container__block:nth-child(2),
	.mission {
    float: none !important; display: block !important; width: 100%;
}
	
}
/* END print styles */

/* NEW closing emergency message styles */

#closingInfo {  
	width: 100%;
	margin: 0 0 15px 0;
	padding:0px;
	background: #e30000;  
	border-bottom: 1px dotted #fff;  
	z-index: 35000;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.5); 
	font-size: 1.45em;
	line-height: 1.25em; 
	color: #ffffff;
	text-align:center;
	}
	
#closingInfo-inner {width: 100%; max-width: 1000px; margin: 0 auto; padding: 20px 20px; position: relative; min-height: 100px; }	

 #closingInfo p  {
	margin:6px;
	padding:0px; 
	line-height: 1.15em; 
}

 #closingInfo .closeButton  {
	width:27px;
	height:26px;
	float: right !important;
	margin: 2px 0 20px 10px; 
}

 #closingInfo .mc-urgent  {
	 width: 300px;
	float: none ;
	margin: 0px auto 10px auto; 
}

 #closingInfo .closeButton a,
 #closingInfo .closeButton a  img{ cursor: pointer;} 

 #closingInfo a {color: #fff;}
 #closingInfo a:hover {text-decoration: underline;}

 @media screen and (max-width: 80em) {   
	 #closingInfo .mc-urgent  { width: 200px; }
	 #closingInfo { font-size: 1.35em; }  
} 

 @media screen and (max-width: 48em) {   
	 #closingInfo .mc-urgent  { margin: 0px 20px 10px 0;}
	 #closingInfo { text-align:left; font-size: 1.2em; }   
} 

@media (min-width: 768px) {
	#closingInfo {
		margin: 86px 0 -86px 0; /* margin adjustment for fixed menu bar */
		position: relative; /* adjustment to position alert above homepage slider */
		z-index: 1;
	} 
}


@media (min-width: 880px) { #closingInfo { margin: 0 0 15px 0; } }

.browserupgrade {display: block; text-align: center; background-color: #666666; padding: 40px 20px; font-size: 1.35em; line-height: 1.3em;  }
/* END closing emergency message styles */



/* Editor specific styles */
.ou-justedit-region caption.sr-only {
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.ou-justedit-region .layout-columns > div {border: 1px dotted blue !important;}

.ou-justedit-region table.ou-snippets {
	/* float: left; */
	margin: 1em 20px;
	width: 95%;
}

.ou-justedit-region {
	padding: 20px;
} 

/* .ou-justedit-region */ .variables {
	/* clear: both;
	font-size: 90%;
	line-height: 1.2;
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	background-color: white; */
	display: none;
}

/* .ou-justedit-region .variables span {
padding-bottom: 5px;
display: block; 
}

.ou-justedit-region  .image-captioned div.image-captioned__caption { 
position: relative; 
} */

.component-edit-toolbar { left: 0 !important;}

.ou-justedit-region .ou-je-component:before,
.ou-justedit-region .ou-je-component:after {
	content: " ";
	display: table;
}

.ou-justedit-region .ou-je-component:after {   clear: both;}


/* language menu fix after js failed - remove when js is fixed */
a.dropdown-menu__first-level-list__item__link span#language-text-en,
.accordion-menu__list-item__text	a  span#language-text-en2 {
    display: block !important;
	position: relative !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip:  auto; 
}