* {
  font-family:'Fira sans';
}

html, body {
  overflow-x:clip;
}


html {
  background-color:rgb(246, 244, 244);
}

body {
  max-width:2000px;
  margin: 0 auto !important;
  box-shadow:2px 2px 8px rgba(53, 53, 53, 0.264);
}

/* Header */

/* --- skip to content link hide & bring into focus ---- */

.skip-to-main-content-link {
position: absolute;
left: -9999px;
z-index: 999;
padding: 1em;
background-color: #fff;
color: #862633;
opacity: 0;
}
.skip-to-main-content-link:focus {
left: 50%;
transform: translateX(-50%);
opacity: 1;
}


/* Top Nav */

/* li a#applynowlink-new {
padding:10px 18px;
background-color:#ffb500;
font-weight:600;
color:#00123b !important;
border-radius:6px;
  } */
  .applynowlinkbutton {
    padding:3px 20px !important;
    border-radius:8px;
    background-color:#ffb500;
    color:#00123b !important;
    /* color:#ffb500 !important; */
    font-weight:800; 
    margin-top:5px;
  }

  .applynowlinkbutton:hover {
    color:#862633 !important;
  }


#topRightNavBar {
box-shadow:2px 2px 12px rgba(116, 116, 116, 0.533);
}

@media screen and (max-width:1024px) {
#topRightNavBar {
  box-shadow:none;
  font-size:smaller;
}
}

#topRightNavBar ul li a:hover {
color:#862633 !important;
}

#topRightNavBar ul li {
  text-decoration:none;
  display:inline;
  text-align:right;
  color:#001e60;
  border:none;
}



#topRightNavBar ul {
text-align:right;
padding:0.8em;
}

#topRightNavBar ul li a {
padding:1em;
line-height:2.5em;
color:#001e60;
}

#topRightNavBar ul li:hover {
font-weight:600;
}

.logoSection {
text-align:center;
padding:2em;
}

#headerLogo {
max-width:420px;
margin:1em;
}

@media screen and (max-width: 600px) {
#topRightNavBar ul li a {
font-size:1.1em;
}
}

/*links*/

a {
text-decoration:none;
}

a:hover {
font-weight:600;
text-decoration:none;
}


/* responsive main nav */

#responsive-nav {
  padding:0.7em 1.7em;
  background: rgb(0,18,59), url("../images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
  background: linear-gradient(323deg, rgba(0,18,59,0.9) 36%, rgba(0,15,47,0.9) 63%), url("../images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
  background-position:center bottom;
  background-repeat:none;
  background-size:cover;
  color:#fff;
  margin:0;
  box-shadow:2px 2px 12px rgba(105, 105, 105, 0.494);
}

.navbar {
border-bottom:solid 4px #ffb500;
}

#responsive-nav a {
  color:#fff;
}

#navbardrop:hover {
color:#ffb500;
}

.dropdown-menu {
  background-color:#00123b;
  color:#fff;
}

.nav-item {
  padding:0em 1em;
}

.nav-link.dropdown-toggle.active {
background-color:#00123b;
}

.dropdown-item:hover {
background-color:#001e60 !important;
color:#fff !important;
}

.dropdown-toggle:after { 
  content: none 
}


@media screen and (max-width: 1024px) {
#headerLogo {
  padding:0.5em;
  width:300px;
}
.logoSection {
  padding:0em;
}
#topRightNavBar ul li a {
  font-size:1em;
}
#topRightNavBar ul {
  padding:0.5em;
}
}



  /* -------- Google Search Bar Test --------- */


  /* GSC Search Bar */


  td.gsc-clear-button {
    display:none;
  }

  div.gcse-searchbox-only {
    display:flex-end;
  }
  
  .gsc-input-box {
    display:inline-block;
    width:170px;
    border-radius:8px;
    box-shadow:2px 2px 2px rgba(108, 108, 108, 0.239);
    margin-top:0.3em;
  }

  .gsc-input-box:hover, .gsc-input-box:active {
    box-shadow:2px 2px 10px rgba(82, 82, 82, 0.239);
  }


/* ------------ Hero Image / Jumbotron Styles ------------ */ 

body {
  margin: 0;
  padding: 0;
}

.hero {
  position: relative;
  max-width: 100%;
  display: flex;
  justify-content: left;
  padding-right:24em;
  padding-top:3em;
  padding-bottom:3em;
  padding-left:3em;
  margin:0;
  /* filter: grayscale(100%); */
}

.hero img {
  filter: blur(8px);
  display:block;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url("../landingpages/images/homepage1b.jpg");  */
  background: url("../images/landingpages/images/tablet.jpg");   
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  /* filter: brightness(80%); */
}

.hero-content {
  position: relative;
  color: #00123b;
  text-align: left;
  margin: 0.625rem;
  font-family: 'Fira Sans', sans-serif;
  padding-right:12em;
}

.hero-title {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 0;
}

.hero-subtitle {
  font-size: 2.2rem;
  font-weight: 300;
  margin-top: 1rem;
}

a.hero-button {
  background-color: #ffb500;
  color: #001e60;
  margin:2em 2em 2em 0em;
  padding: 15px;
  font-weight: 600;
  border-radius:8px;
  box-shadow:2px 2px 4px rgba(57, 57, 57, 0.183);
}

.hero-button:hover {
  box-shadow:4px 4px 12px rgba(89, 89, 89, 0.573);
  color:#001e60;
}

 @media screen and (max-width:1200px) {
  .hero-content {
    padding-right:3em;
  }
 }

 @media screen and (max-width:950px) {
  .hero {
    padding-right:8em;
  }
  /* .hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../landingpages/images/tablet.jpg");   
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    /* filter: brightness(80%); */
  .hero-subtitle {
    padding-right:2em;
  }
}

 @media screen and (max-width:750px) {
  .hero {
    padding-right:4.5em;
  }
 }

 @media screen and (max-width:650px) {
  .hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/landingpages/images/newimageKIM1.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* filter: brightness(80%); */
  }
  .hero-title {
    font-size:3em;
  }
  .hero-subtitle {
    font-size:1.6em;
    padding-right:3em;
  }
  .hero-content {
    padding-right:5em;
  }
 }

 @media screen and (max-width:550px) {
  .hero {
    padding-right:4em;
  }
  .hero-content {
    padding-right:2em;
  }
  .hero-title {
    font-size:2.5em;
  }
 }


 @media screen and (max-width:450px) {
  .hero-subtitle {
    padding-right:4em;
    font-size:1.3em;
  }
  .hero {
    padding-right:2em;
    padding-left:0.5em;
    padding-top:1em;
    padding-bottom:1em;
  }
  .hero-content {
    padding-right:0.5em;
  }
  .hero-title {
    font-size:1.4em;
  }
 }

 @media screen and (max-width:390px) {
  .hero-subtitle {
    font-size:1.3em;
    line-height:1.3em;
    padding-right:4em;
  }
  .hero-title {
    font-size:2.3em;
  }
  .hero {
    padding-right:1em;
    padding-left:0.2em;
    padding-bottom:1em;
    padding-top:1em;
  }
  .hero-content {
    padding-right:0.5em;
    padding-left:0.1em;
  }
 }



 @media screen and (max-width:300px) {
  .hero-subtitle {
    padding-right:2em;
    color:#fff;
    font-size:1em;
    line-height:1.5em;
  }
  .hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,18,59), url("../images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
    background: linear-gradient(323deg, rgba(0,18,59,0.9) 36%, rgba(0,15,47,0.9) 63%), url("../images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }
  .hero-title {
    color:#fff;
    font-size:2.1em;
  }
  .hero {
    padding:1em;
  }
  #headerLogo {
    max-width:250px;
  }
 }



/* self-identify */

#selfIdentify {
  text-align:center;
  padding:1em 3em;

  background: rgb(0,18,59), url("../images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
  background: linear-gradient(323deg, rgba(0,18,59,0.9) 36%, rgba(0,15,47,0.9) 63%), url("../images/TC20-010_frontof920_CAMPUS08_landscape.jpg");


  background-position:center bottom;
  background-repeat:none;
  background-size:cover;
  color:#fff;
}

i.fa-chevron-down {
  color:#ffb500 !important;
}

#self-identification {
  background-color:transparent;
  color:#ffb500;
  font-size:1rem;
  border: solid 1px #fff;
  border-radius:5px;
  padding:0.5em 3em;
}

#self-identification:hover {
  border:solid 2px #ffb500;
}

#dropdown-identify {
  padding:0.5em 3em;
}

#dropdown-identify a {
  color:#fff;
}

@media screen and (max-width:800px) {
  #selfIdentify {
    padding:0.5em 1em;
    align-items:center;
  }
  #self-identification {
    align-items:center;
    padding:0.5em 1em;
  }
}


/* ------------ Main 4 Squares ------------ */

h5.card-title a {
  color:#001e60;
  font-weight:600;
}

.card-title {
  padding:0.5em 0em;
}

h5.card-title a:hover {
  text-decoration:none;
}

/* hr#enroll {
  border:solid 3px #ffb500;
  width:30%;
  margin-left:0;
} */

.card {
  box-shadow:2px 2px 12px rgba(0, 0, 0, 0.434);
  margin:1em;
  background-color:#efefef;
}

p.cardtext {
  color:rgba(255, 255, 255, 0.73);
  padding:0em 4em;
}

.card img {
  transition: transform .4s; /* Animation */
}

.card img:hover {
  transform: scale(1.03);
}

.card-img-top {
  border-bottom: solid 5px #ffb500;
}

@media only screen and (max-width:1024px) {
  p.cardtext {
    padding:0.5em 1em;
  }
}

/* ----------- Secondary Container ---------- */

#secondaryContainer {
  padding:2.8em 18em;
  background-repeat:none;
  background:fixed;
  background-size:cover;
  background-position:center;
  /* background-color: #005F86; */
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='1666.7' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); */
  
  background-color: #005F86;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='1666.7' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
  
  }

  @media only screen and (max-width: 1440px) {
    #secondaryContainer {
      /* margin:0em 0.5em; */
      padding:1em 2em;
    }
  

@media only screen and (max-width: 1024px) {
  #secondaryContainer {
    /* margin:2em 0.5em; */
    padding:4em 0.8em;
  }
}

}


/* normal CSS */


@media only screen and (max-width: 1024px) {
  .responsiveSquare1, .responsiveSquare2, .responsiveSquare3, .responsiveSquare4 {
    max-width: 50%;
    margin: 6px 0;
  }
  div.gallerySquare1, div.gallerySquare2, div.gallerySquare3, div.gallerySquare4 {
    margin:1em;
    padding:0.2em;
  }
}

@media only screen and (max-width: 600px) {
  .responsiveSquare1, .responsiveSquare2, .responsiveSquare3, .responsiveSquare4 {
    max-width: 100%;
  }
}

@media only screen and (max-width:1024px) {
  #secondaryContainer {
    /* margin:0em 1em; */
    padding:0em 0.5em;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.btn-galleryPrimary, .btn-gallerySecondary {
  margin:0em 1em 1em 0em;
  padding:0.5em 2em;
  border-radius:8px;
}

.btn-galleryPrimary, .btn-galleryPrimary:hover {
  background-color:#0f1d3a;
  color:#fff;
}

.btn-gallerySecondary, .btn-gallerySecondary:hover {
  background-color:transparent;
  border:solid 1px #00123be5;
  color:#00123be5;
}

.btn-gallerySecondary:hover, .btn-galleryPrimary:hover {
  box-shadow:2px 2px 12px rgba(103, 103, 103, 0.51);
}




/* ----- Four Circles ----- */

#fourCircles {
  /* margin:4em 0em; */
  padding:8em 12em;
  text-align:center;
  /* background: rgb(0,104,134), url("../images/TC20-010_frontof920_CAMPUS08_landscape.png");
  background: linear-gradient(90deg, rgba(0,104,134,0.9700393907563025) 0%, rgba(0,59,83,0.9828405112044818) 100%), url("../images/TC20-010_frontof920_CAMPUS08_landscape.png"); */
  background-color:#00123b;
}

.galleryCircle img {
    max-width:60%;
    border-radius:50%;
    border:8px solid #ffb500;
    box-shadow:2px 2px 2px rgba(97, 97, 97, 0.507);
}

.galleryCircle img:hover {
    border:solid 10px #ffb500;
}
  
  div#circleText {
    padding: 15px;
    font-size:1.6em;
    font-weight:400;
    text-align:center;
    text-decoration:none;
  }

  div#circleText a {
    text-decoration:none;
    color:#fff;
    font-weight:600;
  }

  div#circleText a:hover {
    text-decoration:none;
    color:#ffb500;
  }
  
  * {
    box-sizing: border-box;
  }
  
  .responsiveCircle {
    float: left;
    width: 24.999%;
    margin-bottom:1em;
  }
  
  @media only screen and (max-width: 1024px) {
    .responsiveCircle {
      width: 47.9%;
      padding:0.5em;
    }
    #fourCircles {
      padding:2em;
    }
  }

  @media only screen and (max-width: 850px) {
    .responsiveCircle {
      width: 49.9%;
      padding:0.5em;
    }
    #fourCircles {
      padding:1em;
    }
  }


  @media only screen and (max-width: 780px) {
    .responsiveCircle {
      width: 49%;
      padding:0.5em;
    }
    #fourCircles {
      padding:1em;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .responsiveCircle {
      width: 100%;
      padding:2em;
    }
  }


  .clearfix:after {
    content: "";
    display: table;
    clear: both;
  }


    /* ----------- News Section ------------- */ 

    #newsSection {
      margin:2em 12em;
      padding:2em 6em;
    }
  
    h2#news {
      padding-bottom:0.5em;
      color:#001e60;
    }

    li.media {
      padding:1em 2em;
    }

    li.media a {
      color:#001e60;
    }

    h5.mb-0, h5.mb-1 {
      color:#001e60;
    }

    li.media a:hover {
      text-decoration:none;
    }
  
    li.media img {
      max-width:17%;
      min-width:100px;
      border-radius:10px;
      transition: transform .2s; /* Animation */
    }
  
    li.media img:hover {
      transform: scale(1.03);
    }
  
    @media screen and (max-width:600px) {
      #newsSection {
        margin:1.5em;
        padding:1.5em;
      }
    }

    @media screen and (max-width:950px) {
      #newsSection {
        margin:0.5em;
        padding:0.5em;
      }
    }

    @media screen and (max-width:300px) {
      li.media img {
        display:none;
      }
    }



/* ------ Areas of Interest ------*/

.AOIbus {
background: #19975d;
}

.AOIed {
background: #ff6b2a;
}

.AOIcic {
background: #5d83db;
}

.AOIem {
background: #235ba8;
}

.AOIhum {
background: #c84687;
}

.AOIit {
background: #99c221;
}

.AOIlaw {
background: #84a3c4;
}

.AOImm {
background: #ffb838;
}

.AOIart {
background: #ec392c;
}

.AOIut {
background: #6857b2;
}


/* ----- Icon Circles ----- */


#iconCircles {
  padding:6em 20em;
  text-align:center;
  background-color:rgb(239, 239, 239);
}

img#conference-services, img#es, img#apprenticeships, img#wt {
  width:110px;
}
  
  div#iconText {
    padding: 15px;
    font-size:1em;
    font-weight:600;
    text-align:center;
    text-decoration:none;
  }

  div#iconText a {
      color:#001e60;
  }

  p.icontext {
    padding:0em 4em;
    color:rgba(89, 89, 89, 0.778);
  }

  div#iconText a:hover {
    text-decoration:none;
    color:#005f86;
  }
  
  * {
    box-sizing: border-box;
  }
  
  .iconList {
    float: left;
    width: 24.999%;
    margin-bottom:1em;
  }

  i.fa-solid {
    color:#4E81B0;
  }

  h3#quicklinks {
    text-align:center;
    color:#00123b;
    font-weight:600;
    padding:0em 0em 3em 0em;
  }

  /* @media only screen and (max-width:1280px) {
    .iconList {
      padding:0em 7em;
    }
  } */
  
  @media only screen and (max-width: 1024px) {
    .iconList {
      width: 49.999%;
      margin: auto;
      padding:1em 6em;
    }
    #iconCircles {
      padding:1em;
      margin:auto;
    }
    p.icontext {
      padding:0em 1em;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .iconList {
      width: 49.99%;
      margin:auto;
      padding:1em;
    }
    p.icontext {
      padding:0em 1em;
    }
  }
  
  .clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  
  /* ----- Footer //Use Default Footer ----- */


  /*campuses test */

  .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
  }
  
  /* Create four equal columns that sits next to each other */
  .column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
  }

  img.campusphotos {
    max-width:19.5%;
  }
  
  .campuses {
    text-align:center;
    filter:brightness(50%);
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
    .column {
      flex: 50%;
      max-width: 50%;
    }
    img.campusphotos {
      max-width:100%;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column {
      flex: 100%;
      max-width: 100%;
    }
  }

#footer-background {
  /* background: rgb(0,59,83), url("../images/TC20-010_frontof920_CAMPUS08_landscape.png");
  background: linear-gradient(323deg, rgba(0,59,83,0.97) 0%, rgba(0,95,134,0.90) 90%), url("../images/TC20-010_frontof920_CAMPUS08_landscape.png"); */
  background: #00123b, url("/images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
  background: linear-gradient(323deg, rgba(0,18,59,0.9) 36%, rgba(0,15,47,0.9) 63%), url("/images/TC20-010_frontof920_CAMPUS08_landscape.jpg");
  background-position:center bottom;
  background-repeat:none;
  background-size:cover;
  color:#fff;
  padding:4em 8em;
  text-align:center;
  border-bottom:solid 4px #ffb500;
  box-shadow:2px 2px 12px rgba(105, 105, 105, 0.494);
}
  img#footerLogo {
  width:350px;
  padding:2em;
}

.fa-brands {
  margin:0.5em 1em 1em 0em;
  color:#fff;
  font-size:2em;
}

.fa-brands:hover {
  color:#ffb500;
}

.socialMedia {
  text-align:center;
}

#footerLinks {
  padding:1em 2em;
  color:#fff;
}

footer ul li a, footer a {
  color:#fff !important;
}

footer ul li a:hover, footer a:hover {
  color:#ffb500 !important;
  font-weight:600;
  text-decoration:none;
}

footer ul li {
  line-height:2.3em;
}

footer #address {
  line-height:2.3em;
}

@media only screen and (max-width: 1024px) {
  footer {
    text-align:center;
    margin:0em;
    padding:0.5em;
  }
  img#footerLogo {
    margin:auto;
  }
  footer .col-lg-3 {
    margin:1em 0em;
  }
  #footer-background {
    margin:0em;
    padding:1.5em 0.5em;
  }
}

@media screen and (max-width:300px) {
  img#footerLogo {
    max-width:250px;
  }
  .fa-brands {
    margin:0.3em;
  }
}

.copyright {
  padding:1em;
  text-align:center;
  font-size:1.2em;
  color:#862633;
  font-weight:600 !important;
}