.box-wrapper.themeCustom {
  background-color: #111c4e !important; /* this controls background color of the whole thing  */
  background-image: url(https://www.uaf.edu/_resources/images/themes/Troth-Yeddha-topo-border_2766.svg) !important; /* This is the geographical lines of Troth Yeddha campus on top of the background color */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 0;
  margin-bottom: 3rem;
}
.box-wrapper.themeCustom .multicolumn-container {
  padding: 0;
}
.box-wrapper.themeCustom .multicolumn-container .row .mb-3 {
  margin-bottom: 0 !important;
}
.box-wrapper.themeCustom .ou-component-icon-card .card:hover {
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  background-color: #ffcd00;
  color: #000000;
}
.box-wrapper.themeCustom .ou-component-icon-card .card:hover a {
  color: #000000 !important;
}
.box-wrapper.themeCustom .ou-component-icon-card {height:100%;}
.box-wrapper.themeCustom .customicon-card-transparent {height:100%;}
.customicon-card-transparent {
  background-color: transparent;
  color: #fff; /* color of text inside the components */
  padding: 1rem;
}
.customicon-card-transparent .h3 {
  font-family: 'Factoria', serif;
  font-size: xx-large;
}
.customicon-card-transparent .h3 a:link, .customicon-card-transparent .h3 a:visited {
  color: #fff !important;  /* color of text link inside the components */
}
.customicon-card-transparent .h3 a:hover, .customicon-card-transparent .h3 a:active {
  color: #ffcd00 !important; /* color of hover on text link inside the components */
}