.btn-champagne {
  background-color: #F0EADC;
  border-color: #D8D2C6 !important;
  color: #333 !important;
}

.btn-champagne:hover,
.btn-champagne:focus {
  background-color: #D8D2C6;
  border-color: #D8D2C6 !important;
  color: #333 !important;
}

.rift {
  font-family: rift, sans-serif;
}

/*Rift Bold*/
.rift-bold {
  font-family: rift, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sheila {
  font-family: sheila, sans-serif;
}

/*Sheila Regular*/
.sheila-regular {
  font-family: sheila, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Sheila Bold*/
.sheila-bold {
  font-family: sheila, sans-serif;
  font-weight: 700;
  font-style: normal;
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
  color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/*styles 2*/
/* ******************* fonts ******************** */
/*Gravesend Sans Inline*/
.gravesend-inline {
  font-family: gravesend-sans, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}

.gravesend-gt-gold-drop {
  color: #782f40;
  font-family: gravesend-sans, sans-serif;
  font-weight: 800;
  text-shadow: 0px 5px 0px #ceb888;
}

@font-face {
  font-family: 'amelya';
  src: url(../fonts/Amelya.ttf);
  font-style: normal;
  font-weight: 900;
}

.amelya {
  font-family: amelya, scriptorama-tradeshow-jf, acumin-pro, sans-serif;
}

.acumin-light {
  font-family: acumin-pro;
  font-weight: 300;
}

.acumin-font {
  font-family: acumin-pro;
}

/* *************************************** fsu 26 ******************************* */
.stats-bkg {
  background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .59), rgb(120, 47, 64, .78));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .36), rgb(120, 47, 64, .15)), url("../img/svg/images/whole/SVG/Asset12.svg");
  background-color: #ceb888;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;
}

.get-involved-bkg {
  background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .59), rgb(120, 47, 64, .78));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .7), rgb(120, 47, 64, .5)), url("../img/get-involved/marching.jpg  ");
  background-color: #ceb888;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;
  padding: 1.333em;
}

.wc-blurb-bkg-2 {
  background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .59), rgb(120, 47, 64, .78));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .36), rgb(120, 47, 64, .15)), url("../img/top-steps-sm.svg");
  background-color: #ffffff;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;
}

.wc-blurb-bkg {
  background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgba(120, 47, 64, 0)), url("../img/top-steps-sm-r.svg");
  /*transform: rotate(10deg);*/
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
  padding: 1em;
}

.ff-sp {
  background: url("../img/ffwc.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-emphasis-box {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 12px 1px rgba(29, 17, 51, .04), 0 3px 16px 2px rgba(9, 32, 77, .12), 0 5px 10px -3px rgba(29, 17, 51, .12);
  margin: 16px;
  padding: 32px;
}

.rain {
  background-color: #e4d5b4;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23782f40' fill-opacity='0.68' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* ********************* my florida future - banner - image & text *********************** */
.mff-container {
  display: flex;
  margin: 22px auto;

}

.mff-item {
  padding: 15px;
  margin: auto;
}

.mff-item-1 {
  /*image*/
}

.mff-item-2 {
  /*text*/
}

.mff-img {
  transition: outline .05s ease-in-out;
  /*  transition: transform .5s, filter 1.5s ease-in-out;
  filter: grayscale(100%);*/
}

.mff-img:hover,
.mff-img:focus {
  /*  filter: grayscale(0);
  transform: scale(1.1);*/
  outline: #782f40 solid 3px;
}

.mff-img:active {
  outline: #782f40 solid 3px;
}

/* ************* media queries for MFF banner ************************ */
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
  .mff-container {
    /* flex-direction:column; */
    flex-wrap: wrap-reverse;
  }

  .mff-item {
    padding: 10px;
    margin: auto;
  }

  .mff-item-1 {
    /*image*/
    width: 40%;
  }
}

/*end @media*/
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 879px) {
  .mff-container {
    /* flex-direction:column; */
    flex-wrap: wrap-reverse;
  }

  .mff-item {
    padding: 10px;
    margin: auto;
  }

  .mff-item-1 {
    /*image*/
    width: 40%;
  }

  .mff-item-2 {
    /*text*/
    /* width:65%; */
    width: 85%;

  }
}

/*end @media*/

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 880px) and (max-width: 991px) {
  .mff-item-1 {
    /*image*/
    width: 45%;
  }

  .mff-item-2 {
    /*text*/
    /* width:70%; */
    width: 85%;

  }
}

/*end @media*/
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1074px) {}

/*end @media*/

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1075px) and (max-width: 1399) {
  .mff-container {
    width: 1170px;
  }

  .mff-img {
    max-width: 100%;
    height: auto;
  }
}

/*end @media*/
/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .mff-container {
    width: 1170px;
  }

  .mff-img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}

/* ***************************************** quick links custom image icon ********************************* */
/*Rollover Image - quick links Career and College Planning - My Florida Future */
.icon-fl {
  position: relative;
  width: 25px;
  /* can be omitted for a regular non-lazy image */
  max-width: 100%;
}

.icon-fl img.image-hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: contain;
  opacity: 0;
  transition: opacity .2s;
}

.icon-fl:hover img.image-hover {
  opacity: 1;
}

.icon-fl:focus img.image-hover {
  opacity: 1;
}

.icon-fl:active img.image-hover {
  opacity: 1;
}

.image-hover-fl:hover img.image-hover {
  opacity: 1;
}

.image-hover-fl:focus img.image-hover {
  opacity: 1;
}

.image-hover-fl:active img.image-hover {
  opacity: 1;
}

/* acumin pro black*/
.stats-number {
  font-family: acumin-pro, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-weight: 800;
  font-size: 5em;
  line-height: 0.9em;
}

.stats-number::after {
  content: '';
  display: block;
  margin: 18px auto 12px auto;
  height: 1px;
  width: 2em;
  background-color: #782f40;
  opacity: 0.35;
}

.gradient-text-block {
  background: linear-gradient(to bottom, rgb(206, 184, 136, .36), rgb(120, 47, 64, .15));
}

.gradient-stats {
  /* Fallback: Set a background color. */
  background-color: #782f40;
  /* Create the gradient. linear-gradient(45deg, #f3ec78, #af4261);*/
  background-image: linear-gradient(to top left, rgba(206, 184, 136, 1), rgba(120, 47, 64, 1));
  background-image: -webkit-linear-gradient(to top left, rgba(206, 184, 136), rgba(120, 47, 64));
  /* Set the background size and repeat properties. */
  background-size: 100%;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.gradient-stats-na {
  /* Fallback: Set a background color. */
  background-color: #782f40;
  /* Create the gradient. linear-gradient(45deg, #f3ec78, #af4261);*/
  background-image: linear-gradient(to top left, rgb(206, 184, 136), rgb(120, 47, 64));
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  /*padding-top: 10px;*/
}

.stats-text-na {
  font-family: acumin-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2em;
  line-height: 0.5em;
  font-size: 2em;
  line-height: .8em;
  padding-top: 10px;
}
/* first-year/finances - best value college*/
.stats-text-na-val {
  font-size: 1em;
  margin-bottom: -8px;
  color: #782f40;
  font-family: rift, acumin-pro, sans-serif;
  font-size: 1.3em;
color: #782f40;
font-family: rift, acumin-pro, sans-serif;
font-weight: 900;
line-height: .84em;

}
/* first-year/finances - among fl public universities*/
.stats-text-na-flpub {
  color: black;
  font-family: rift, acumin-pro, sans-serif;
  font-size:.7em;
}
/* first-year/finances - us news & world report*/
.stats-text-na-news {
  text-align: left !important;
  font-size: .74em;
  font-size: 0.5em;
  font-weight: 400;
  font-family: rift, acumin-pro, sans-serif;

}

.stats-text-na-date {
  text-align: center !important;
  font-size: .64em;
  font-weight: 400;
}

/* acumin pro black*/
.stats-number-na {
  font-family: acumin-pro, sans-serif;
  font-family: rift, acumin-pro, sans-serif;

  font-weight: 800;
  font-style: normal;
  font-weight: 800;
  /*font-size: 5em;
  font-size: 4.5em;*/
  line-height: 0.9em;
  line-height: 1em;
}

.stats-flex-container {
  display: flex;
  justify-content: center;
  padding: 22px;
  align-items: center;
}

.stats-flex-container {
  display: flex;
  justify-content: center;
  /*padding: 22px;*/
  align-items: center;
  background-color: #e5e5e5;
  margin:0 auto;
  margin-bottom:22px;
  border-radius: 15px;
  /*padding: 18px 45px;*/
  border: 1px solid #782f40;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px;
  box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.48) !important;
  box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.48) !important;
}

.stats-flex-container-container {
  display: flex;
  justify-content: center;
  padding: 22px;
  align-items: center;
  background-color: #ffffff;
  margin: 22px auto;
  /*width: max-content;*/
  /* width: 66%; */
  border-radius: 15px;
  padding: 18px 45px;
  box-shadow:
    0 0 0 10px #ee6352,
    0 0 0 20px #d45479,
    0 0 0 30px #a4558f,
    0 0 0 40px #6d588e,
    0 0 0 50px #405378;
  box-shadow: 0 0 0 5px #ceb888, 0 0 0 10px #bca36f, 0 0 0 15px #a28956, 0 0 0 20px #782f40, 0 0 0 25px #5e202f;
  /*text-shadow: text-shadow: 1px 1px 0 #ee6352, 2px 2px 0 #d45479, 3px 3px 0 #a4558f, 4px 4px 0 #6d588e, 5px 5px 0 #405378;*/
}

.stats-flex-item {
  text-align: left;

}

.stats-flex-number {
  margin: 0 11px;
}

.stamp {
  transform: rotate(12deg);
  color: #555;
  font-size: 3rem;
  font-weight: 700;
  border: 0.25rem solid #555;
  display: inline-block;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  border-radius: 1rem;
  font-family: 'Courier';
  -webkit-mask-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png');
  -webkit-mask-size: 944px 604px;
  mix-blend-mode: multiply;
}

.is-nope {
  color: #952C35;
  border: 0.5rem double #B75B63;
  transform: rotate(3deg);
  -webkit-mask-position: 2rem 3rem;
  font-size: 2rem;
}

.old-stats-bkg {
  background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .59), rgb(120, 47, 64, .78));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .36), rgb(120, 47, 64, .15)),
    url("../img/GMA_0422.jpg");
  background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136));
  background: linear-gradient(to bottom, rgb(206, 184, 136, .3), rgb(120, 47, 64, .3)), url("../img/GMA_0422.JPG");
  background-color: #ceb888;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;
  padding: 22px !important;
}

.blazeface {
  font-family: ohno-blazeface, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.stats-number-na {
  /*font-family: kansasnew, serif;*/
  font-family: acumin-pro, sans-serif;
  font-family: rift, acumin-pro, sans-serif;

  font-weight: 100;
  font-weight: 800;
  font-size: 6em;
  line-height: 0.9em;
  line-height: 1em;
}

.stats-text-na-val-top {
  /*font-family: kansasnew, serif;*/
  font-family: acumin-pro, sans-serif;
  font-family: rift, acumin-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2em;
  line-height: 0.5em;
  font-size: 2em;
  line-height: .8em;
  padding-top: 10px;
}
.stats-text-na-val-mid {
    /*font-family: kansasnew, serif;*/
    font-family: acumin-pro, sans-serif;
    font-family: rift, acumin-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2em;
    line-height: 0.5em;
    font-size: 2em;
    line-height: .8em;
    padding-top: 10px;
}
.stats-text-na-val-bottom {
  /*font-family: kansasnew, serif;*/
  font-family: rift, acumin-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2em;
  line-height: 0.5em;
  font-size: 2em;
  line-height: .8em;
  padding-top: 10px;

  text-align: left !important;
  font-size: .74em;
  font-size: 0.6em;
  font-weight: 400;
}

.kansasnew {
  font-family: kansasnew, serif;
}

.kn-bold {
  font-family: kansasnew, serif;
  font-weight: 800;
  font-size: 3.8em !important;
}

.omnes {
  font-family: omnes-pro, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.fairwater {
  font-family: fairwater-script, sans-serif;
}

.kn-shadow {
  padding: 0px 10px;
  text-shadow: 0 1px 0 #ceb888, 0 2px 0 #ceb888, 0 3px 0 #ceb888, 0 4px 0 #ceb888, 0 6px 0 #e7dcc4;
}

.gravesend-gold-shadow {
  text-shadow: 1px 1px 2px #ceb888;
}

.brush-highlight {
  background: url("../img/brush-stroke-banner-outer-gold.svg");
  background-repeat: no-repeat;
  background-size: 100% 95%;
  padding: 8px;
}

.gt-text {
  color: #782f40 !important;
}

.wlcome-text p::first-word {
  font-size: 3em;
  line-height: .8;
  padding: 0px 8px;
}

.welcome-text {
  font-family: amelya, scriptorama-tradeshow-jf, acumin-pro, sans-serif;
  line-height: .2;
  font-size: 3em;
  float: left;
  margin-right: 15px;
  border-radius: 71% 14% / 48%;
  padding: 20px;
  background-color: #e9e0cb;
}

.intro-bkg {
  background-color: #ffffffba;
  border-radius: 20px;
}

.intro-inner-bkg {
  padding: 22px 22px 3px 22px;
}

.welc {
  font-size: 15rem;
  text-align: center;
  height: 90vh;
  line-height: 90vh;
  color: #fcedd8;
  background: #d52e3f;
  font-family: 'Niconne', cursive;
  font-weight: 700;
  text-shadow: 5px 5px 0px #eb452b,
    10px 10px 0px #efa032,
    15px 15px 0px #46b59b,
    20px 20px 0px #017e7f,
    25px 25px 0px #052939,
    30px 30px 0px #c11a2b,
    35px 35px 0px #c11a2b,
    40px 40px 0px #c11a2b,
    45px 45px 0px #c11a2b;
}

.stroke {
  -webkit-text-stroke-width: 2px;
  -moz-text-stroke-width: 2px;
  -webkit-text-stroke-color: #111827;
  -moz-text-stroke-color: #111827;
  color: transparent;
}

.shadow {
  text-shadow: 6px 6px #db2777;
}

.stroke-shadow {
  color: #fef3c7;
  text-shadow: -2px 0 #111827, 0 -2px #111827, 2px 0 #111827, 0 2px #111827,
    2px 2px #111827, -2px -2px #111827, -2px 2px #111827, 2px -2px #111827,
    6px 6px #db2777;
}

.shadow {
  text-shadow: 6px 6px #db2777;
}

.stroke {
  -webkit-text-stroke-width: 2px;
  -moz-text-stroke-width: 2px;
  -webkit-text-stroke-color: #111827;
  -moz-text-stroke-color: #111827;
  color: transparent;
}

/* ************************ fade in text ************ */
.fade-in-text {
  display: inline-block;
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

/* ************************ fade in image ************ */
.fade-in-image {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.congrats-text-bkg {
  background: #e9e0cb;
  padding: 22px;
  border-radius: 71% 14% / 48%;
}

.congrats-text-test {
  font-family: bello-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 8rem !important;
  font-family: calgary-script-ot, sans-serif;
}

.congrats-text-bkg {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes effect {
  0% {
    background: linear-gradient(#008000, #00FF00);
    -webkit-background-clip: text;
  }

  100% {
    background: linear-gradient(#3CE7D7, #000FFF);
    -webkit-background-clip: text;
  }
}

/* *********** percentage margins ***************** */

.module.academics .content,
.module.academics .module-content,
.section.academics .content,
.section.academics .module-content {
  width: 82.91667%;
  min-height: 1px;
  margin-right: 2.5%;
  margin: 0 8.54167%;
  padding: 8.54167% 0 2em 0
}

@media only screen and (min-width:54em) {

  .module.baltimore p,
  .section.baltimore p {
    font-size: 1.77778em
  }
}

.module.baltimore .button,
.section.baltimore .button {
  background-color: rgba(49, 38, 29, .33);
  border-color: #fff;
  color: #fff
}

.module.baltimore .dot-matrix,
.section.baltimore .dot-matrix {
  display: block
}

.module.baltimore .content,
.module.baltimore .module-content,
.section.baltimore .content,
.section.baltimore .module-content {
  width: 82.91667%;
  min-height: 1px;
  margin-right: 2.5%;
  margin: 0 8.54167%;
  padding: 8.54167% 0 0 0
}

@media only screen and (min-width:54em) {

  .module.baltimore .content,
  .module.baltimore .module-content,
  .section.baltimore .content,
  .section.baltimore .module-content {
    width: 65.83333%;
    min-height: 1px;
    margin-right: 2.5%;
    margin: 0 17.08333%
  }
}

@media only screen and (min-width:108em) {

  .module.baltimore .content,
  .module.baltimore .module-content,
  .section.baltimore .content,
  .section.baltimore .module-content {
    width: 82.91667%;
    min-height: 1px;
    margin-right: 2.5%;
    margin: 0 8.54167%
  }
}

@media only screen and (min-width:108em) {

  .module.brand p,
  .section.brand p {
    margin-right: 8.54167%
  }
}

.module.brand .dot-matrix,
.section.brand .dot-matrix {
  display: block
}

.module.brand .content,
.module.brand .module-content,
.section.brand .content,
.section.brand .module-content,
.content-container {
  width: 82.91667%;
  min-height: 1px;
  margin-right: 2.5%;
  margin: 0 8.54167%;
  padding: 17.08333% 0
}

@media only screen and (min-width:54em) {

  .module.brand .content,
  .module.brand .module-content,
  .section.brand .content,
  .section.brand .module-content,
  .content-container {
    padding: 8.54167% 0
  }
}

@media only screen and (min-width:81em) {

  .module.brand .content,
  .module.brand .module-content,
  .section.brand .content,
  .section.brand .module-content,
  .content-container {
    padding: 14.58333% 0
  }
}

@media only screen and (min-width:108em) {

  .module.brand .content,
  .module.brand .module-content,
  .section.brand .content,
  .section.brand .module-content,
  .content-container {
    width: 100%;
    min-height: 1px;
    margin-right: 0;
    margin: 0;
    padding: 17.08333% 0
  }
}

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

  .module.links .marker-stroke,
  .section.list-of-links .marker-stroke {
    background-image: url(/assets/themes/machado/assets/images/homepage/links/links-bg-1-4k-c7b198fdf6.png)
  }
}

.module.links .marker-stroke img,
.section.list-of-links .marker-stroke img {
  display: block;
  height: auto;
  width: 100%
}

.module.links .content,
.module.links .module-content,
.section.list-of-links .content,
.section.list-of-links .module-content {
  width: 82.91667%;
  min-height: 1px;
  margin-right: 2.5%;
  margin: 0 8.54167%;
  padding: 2em 0 3em 0
}

@media only screen and (min-width:108em) {

  .module.links .content,
  .module.links .module-content,
  .section.list-of-links .content,
  .section.list-of-links .module-content {
    width: 100%;
    min-height: 1px;
    margin-right: 0;
    margin: 0
  }
}

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

  .module.news::before,
  .section.featured-content::before {
    background-image: url(/assets/themes/machado/assets/images/textures/textured_paper_increased_contrast@2X-4d6c820937.jpg);
    background-size: 500px 500px
  }
}

.module.news .center,
.section.featured-content .center {
  position: static;
  z-index: initial
}

.module.news .center::before,
.section.featured-content .center::before {
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 0
}

.module.news .content,
.module.news .module-content,
.section.featured-content .content,
.section.featured-content .module-content {
  width: 82.91667%;
  min-height: 1px;
  margin-right: 2.5%;
  margin: 0 8.54167%;
  padding: 8.54167% 0;
  z-index: initial
}

@media only screen and (min-width:108em) {

  .module.news .content,
  .module.news .module-content,
  .section.featured-content .content,
  .section.featured-content .module-content {
    width: 100%;
    min-height: 1px;
    margin-right: 0;
    margin-left: 0
  }
}

@media only screen and (min-width:54em) {

  .module.news.layout-no_lead .content,
  .module.news.layout-no_lead .module-content,
  .section.featured-content.layout-no_lead .content,
  .section.featured-content.layout-no_lead .module-content {
    padding: 4.27083% 0
  }
}

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

  .module.profiles .marble,
  .section.profiles .marble {
    background-image: url(/assets/themes/machado/assets/images/homepage/profiles/profiles-marble-bg-4k-c35850b9d4.jpg)
  }
}

.module.profiles .content,
.module.profiles .module-content,
.section.profiles .content,
.section.profiles .module-content {
  width: 100%;
  min-height: 1px;
  margin-right: 0;
  padding-bottom: 68.33333%;
  padding-top: 42.70833%;
  position: relative;
  z-index: initial
}

@media only screen and (min-width:36em) {

  .module.profiles .content,
  .module.profiles .module-content,
  .section.profiles .content,
  .section.profiles .module-content {
    padding-bottom: 51.25%
  }
}

@media only screen and (min-width:54em) {

  .module.profiles .content,
  .module.profiles .module-content,
  .section.profiles .content,
  .section.profiles .module-content {
    padding-bottom: 25.625%;
    padding-top: 17.08333%
  }
}

@media only screen and (min-width:81em) {

  .module.profiles .content,
  .module.profiles .module-content,
  .section.profiles .content,
  .section.profiles .module-content {
    padding-bottom: 17.08333%
  }
}

@media only screen and (min-width:81em) {

  .module.social-media figcaption,
  .section.social-media figcaption {
    font-size: .875em;
    padding: 0 1.14286em
  }
}

.module.social-media .center,
.section.social-media .center {
  max-width: none
}

.module.social-media .content,
.section.social-media .content {
  width: 100%;
  min-height: 1px;
  margin-right: 0
}

.page-template-homepage .hero .content {
  position: relative;
  overflow: hidden
}

.js .page-template-homepage .hero .backup-mobile,
.js .page-template-homepage .hero .content {
  height: 100%;
  width: 100%
}

.welcome-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  min-height: 100%;
  max-width: 1470px;
  margin: 0px auto;
}

.welcome-flex-item {
  flex: 1;
  flex-basis: auto;
  margin: 22px;
  flex: 1;
  margin: 12px;
  min-height: 100%;
  border-radius: 20px;
  ;
}

.welcome-flex-item-1 {
  width: 70%;
}

.welcome-flex-item-2 {
  width: 30%;
}

.parent {
  display: flex;
}

.child {
  flex: 1 0 auto;
  height: auto;
}

.child:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.flex-container-involved {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  /*max-width: 1470px;*/
  margin: 0px auto;
  padding: 30px 0;
  position: relative;
}

.flex-item-involved {
  position: relative;
  font-family: kansasnew, serif;
  font-weight: 600;
  text-shadow: 1px 1px 1px #5f1f2e;
  flex: 0 23%;
  margin-bottom: 2%;
  border-radius: 20px;
  margin: 6px;
  min-width: 170px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.p-num {
  font-family: kansasnew, serif;
  font-weight: 200;
}

.flex-item-involved img {
  border-radius: 20px;
  padding: 22px 22px 5px 22px;
  width: 70% !important;
  filter: drop-shadow(0.4rem 0.4rem 0.45rem rgba(0, 0, 30, 0.5));
  filter: drop-shadow(0.1rem 0.1rem 0.1rem rgba(0, 0, 30, 0.5));
}

.flex-item-involved:hover img {
  transform: translateY(-10px);
}

.flex-item-involved img {
  margin: 0 auto;
  position: relative;
  top: 0;
  right: auto;
  transform: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.flex-item-involved p {
  padding: 10px;
  font-size: 1.3em;
}

.grow {
  transition: all .2s ease-in-out;
}

.grow:hover,
.grow:focus {
  transform: scale(1.1);
}

.grow:active {
  transform: scale(1);
}

.card-shp {
  background-color: #782f40;
  color: white;
}

@media (max-width: 1114px) and (min-width:970px) {
  .nav-mid-li ul li a {
    padding: 14px;
  }
}

/* this is where the text gets too small - make text bigger make padding smaller */
@media (max-width: 969px) and (min-width:824px) {
  .nav-mid-li ul li a {
    padding: 12px;
  }

  .vis-banner {
    font-size: 1.9rem;
  }

  .stats-number {
    font-family: acumin-pro, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-weight: 800;
    font-size: 4em;
    line-height: 0.9em;
  }
}

@media (max-width: 825px) {
  .nav-mid-li ul li a {
    padding: 10px;
  }

  .vis-banner {
    font-size: 1.9rem;
  }

  .stats-number {
    font-family: acumin-pro, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-weight: 800;
    font-size: 4em;
    line-height: 0.9em;
  }
}

@media (max-width: 1017px) {
  .welcome-flex-container {
    flex-direction: column;
  }

  .welcome-flex-item-1 {
    width: 95%;
  }

  .welcome-flex-item-2 {
    width: 90%;
  }
}

@media (max-width: 1017px) {
  .welcome-flex-item-1 {
    width: 95%;
    flex-grow: 1;
  }
}

@media (max-width: 900px) {
  .flex-item-involved {
    flex: 0 45%;
  }
}

@media (max-width: 992px) {
  .flex-item-involved {
    flex: 0 45%;
  }
}

@media (max-width: 732px) {
  .stats-flex-container {
    padding: 4px;
  }
}

@media (max-width: 644px) {
  .stats-flex-container {
    padding: 4px;
  }

  .stats-text-na {
    font-size: 1.8em;
  }

  .stats-number-na {
    font-size: 4em;
  }

  .stats-flex-container {
    flex-direction: column;
  }

  .welcome-flex-item-1 {
    width: 100%;
  }

  .welcome-flex-item-2 {
    width: 92%;
  }

  .welcome-text {
    width: 100%;
    text-align: center;
    padding-bottom: 24px
  }
}

@media (max-width: 600px) {
  .header-content {
    padding: 10px !important;
  }

  .header-container {
    padding: 5px !important;
  }

  .font-congrats {
    font-size: 2.3em !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 563px) {
  .flex-container-involved {
    flex-direction: row;
  }

  .flex-item-involved {
    flex: 0 80%;
    font-size: 1em;
  }

  .flex-item-involved img {
    border-radius: 20px;
    padding: 22px 22px 5px 22px;
    width: 63% !important;
  }

  .kn-bold {
    font-family: kansasnew, serif;
    font-weight: 800;
    font-size: 3em !important;
  }
}

@media (max-width: 472px) {
  .stats-flex-container {
    width: fit-content;
    text-align: center;
  }

  .stats-flex-item {
    text-align: center;
  }

  .stats-text-na-val {
    line-height: 1em;
  }

  .kn-bold {
    font-family: kansasnew, serif;
    font-weight: 800;
    font-size: 2.5em !important;
  }

  .fullscreen-video-wrap video {
    display: none;
  }

  .airplane-banner {
    width: 95%;
  }

  .welcome-flex-container {
    padding-bottom: 22px;
  }
}

@media (max-width: 400px) {
  .font-congrats {
    font-size: 1.9em !important;
    font-weight: 700 !important;
  }

  .header-container {
    padding: 5px !important;
  }

  .wc-blurb-bkg {
    padding: 0;
  }

}

@media (max-width: 370px) {
  .kn-bold {
    font-family: kansasnew, serif;
    font-weight: 800;
    font-size: 2.1em !important;
  }

  .welcome-text {
    font-size: 6rem !important;
  }

  .congrats-text-test {
    font-size: 6rem !important;
  }

  .get-involved-bkg {
    padding: 0;
  }

  .get-connected {
    padding: 0;
  }
}
























.campus-resources {

  /*background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136));*/
  background: linear-gradient(to right top, rgb(255, 255, 255) 50%, rgba(120, 47, 64, 0)), url("../img/top-side-4.svg");
  /*120, 47, 64, 0.15*/
  background: linear-gradient(to right top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.71)), url("../img/top-bottom-4.svg");
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.71)), url("../img/corner2.svg");
  background-color: #ffffff;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  /* background-size: auto, auto;*/
  background-color: #ceb888;
  background-color: #ffffff;

  /*background-attachment: fixed;*/
  background-size: cover;
  background-position: top right;
  /*height: 100%;*/
  /*max-height: 350px;*/
  padding-top: 30px;

  padding-bottom: 2.369em;

}

.campus-resources {
  /* background: linear-gradient(to bottom, rgb(238, 227, 202), rgb(206, 184, 136)); */
  background: linear-gradient(to right top, rgb(255, 255, 255) 40%, rgba(120, 47, 64, 0)), url("../img/top-side-4.svg");
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.71)), url("../img/corner10.svg");
  background-color: #ffffff;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  /* background-size: auto, auto; */
  background-color: #ceb888;
  background-color: #e4d8be;
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: bottom;
  /* height: 100%; */
  /* max-height: 350px; */
  padding-top: 30px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  border-bottom: 2px solid #493232;
}


/* accepted student grid */
/* .ac-parent {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  }
  
  .ac-div1 { grid-area: 1 / 1 / 2 / 3; }
  .ac-div2 { grid-area: 1 / 3 / 2 / 5; }
  .ac-div3 { grid-area: 1 / 5 / 2 / 7; }
  .ac-div4 { grid-area: 2 / 1 / 3 / 4; }
  .ac-div5 { grid-area: 2 / 4 / 3 / 7; }
   */
.ac-parent {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /*grid-template-rows: repeat(3, 1fr);*/
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  margin: 9px;

}

.ac-div {
  width: 100%;
  display: block;
  box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.3);
  border-radius: 12px !important;

  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;

  font-size: 18px;
  line-height: 1.3333333;

  display: inline-block;
  word-wrap: break-word;
  white-space: normal;

  background-color: #782f40;

  background-image: none;
  transition: 0.3s;
  box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.3);

  display: flex;
  align-items: center;
  color: #ffffff !important;

}

.ac-div:hover,
.ac-div:focus {
  background-color: #ceb888;

}

.ac-div a {
  color: white !important;
  margin: 0 auto;
}

.ac-div:hover a {
  color: #783f40 !important;
  margin: 0 auto;

}

.ac-div1 {
  grid-area: 1 / 1 / 2 / 13;
  margin-bottom: 22px;
}

.ac-div2 {
  grid-area: 2 / 1 / 3 / 3;
  grid-column: 1 / 4;
  grid-row: 2;
}

.ac-div3 {
  grid-area: 2 / 3 / 3 / 5;
  grid-column: 4 / 7;
  grid-row: 2;
}

.ac-div4 {
  grid-area: 2 / 5 / 3 / 7;
  grid-column: 7 / 10;
  grid-row: 2;
}

.ac-div5 {
  grid-area: 3 / 1 / 4 / 4;
  grid-column: 10 / 13;
  grid-row: 2;
}

.ac-div6 {
  grid-area: 3 / 4 / 4 / 7;
  grid-column: 1 / 4;
  grid-row: 2;
}


/*
    .panel-default > .panel-heading:hover {
      color: #333 !important;
      background-color: #e3e3e3 !important;
      border-color: #ddd !important;
      /*border-radius: 5px !important;*/



/********************************************************************************************************************************/

.front-card-pull {
  float: left;
}

.front-card-push {
  float: right;
}

.front-card-container {
  width: 100%;
  max-width: 960px;
  margin: 100px auto;
}

.front-card-img {
  width: 100%;
  display: block;
}

/*Card Styling*/

.front-card {
  border: 1px solid #dedede;
  background-color: white;

}


.front-card__wrap--inner {
  padding: 12px;
}

.front-card__item {
  padding: 12px 18px 12px 18px;
}

.front-card__sub {
  padding: 0 18px;
}

.front-card__footer {
  padding: 18px;
  overflow: hidden;
  border-top: 1px solid #dedede;
}

/*Card Flex Code*/

.front-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.front-card__wrap--outer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.front-card__wrap--inner {
  display: flex;
  flex-direction: row;
  width: 100%;
}

@media (min-width: 480px) {
  .front-card__wrap--inner {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .front-card__wrap--inner {
    width: 33.33%;
  }
}

.front-card-flexible {
  flex-grow: 1;
}

.card-grow:hover {
  transform: scale(1.05);
}

/********************************************************************************************************************************/

.vam-bk {
  background: linear-gradient(to bottom, rgb(206, 184, 136, .41), rgb(120, 47, 64, .37)), url("../../img/GMA_0171_2.jpg");
  background: linear-gradient(to bottom, rgb(206, 184, 136, .41), rgb(120, 47, 64, .37)), url("../../img/brochure-torches.png");
  background-color: #ceb888;
  background-attachment: fixed;
  background-position: top;
  background-color: #dfd1b1;
}

.pattern.cross-dots-display {
  background-image: radial-gradient(currentColor 8px, transparent 8px), radial-gradient(currentColor 8px, transparent 8px);
  background-size: calc(40 * 1px) calc(40 * 1px);
  background-position: 0 0, calc(20 * 5px) calc(20 * 5px);
}

.vam-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 22px;

}

.vam-text {
  font-family: rift, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  font-size: 90px;
  text-shadow: 2px 2px #782f40;

}

.vam-item {
  padding: 0 22px;
  margin: 10px;
}


/*** font display from Bootstrap 5.1.3 ***/
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

/* @media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
   */
@media (min-width: 1200px) {
  /* .display-1 {
    font-size: 5rem;
  } */
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.gradient-traci-5 {
  background: rgb(80, 16, 33);
  background: linear-gradient(90deg, rgba(80, 16, 33, 1) 0%, rgba(111, 25, 49, 1) 9%, rgba(120, 47, 64, 1) 37%, rgba(209, 165, 98, 1) 80%, rgba(206, 184, 136, 1) 100%);
}


.s3-gd a:focus {
  color: #000000;
}






.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}







.d-block {
  display: block !important;
}

.m-auto {
  margin: auto !important;
}