Middlebury Canvas Catalog Custom CSS

catalog.css

h1,
h2,
h3,
h4,
h5,
.h1 {
  font-family: Domine, georgia, serif;
}

#app-header {
  background-color: #022543;
}

.Dropdown__Toggle--header:hover,
.Dropdown__Toggle--cog:hover,
.Dropdown__Toggle--header:focus,
.Dropdown__Toggle--cog:focus {
  color: #fff;
}

.feature-region {
  display: none; /*revisit*/
}

#search-form .search-form-container {
  background-color: #0d395f;
}

.header-nav li a {
  color: #fff;
}


/*individual course view*/
#c-holder {
  display: flex;
justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 60px;
}

#c-left,
#c-right {
  width: 520px;
  max-width: 100%;
}

#c-left {
  padding-left: 50px;
}

#c-left p,
#c-left li,
#c-right p,
#c-right li,
.full p {
  font-size: 1.2rem;
}

#c-left iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
}

#mailing {
  background-color: #022543;
  color: #fff;
  padding: 10px 15px;
  border-radius: 50px;
}

.excite {
  border: 3px solid #022543;
  padding: 20px;
  box-shadow: -5px 5px #b9cddf;
  display: block;
  font-size: 1.2rem;
  margin: 20px auto 40px auto;
  max-width: 600px;
}

.bio {
  background: #e5f1fa;
  padding: 50px;
}

.full {
  height: 100%;
  margin: 50px 0;
}

.bio-pic {
  float: left;
  margin: 0 30px 30px 0;
}

.outcomes {
  color: #fff;
  background-color: #0d395f;
  padding: 50px 40px;
  margin-top: 40px;
}

.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media (max-width: 576px) {
  .bio-pic {
    margin: 40px auto;
    display: block;
    width: 100%;
    height: auto;
  }
}