/* Import CSS variables from style.candice.css */
@import url('./style.candice.css');

/* your styles go here */
/* body {
  background-color: #333;
} */

p.author-category {
  color: var(--muted-color);
}

a {
  text-decoration: underline;
}

.heading-light h1:after, .panel-heading-light h1:after, .heading-light h2:after, .panel-heading-light h2:after, .heading-light h3:after, .panel-heading-light h3:after, .heading-light h4:after, .panel-heading-light h4:after, .heading-light h5:after, .panel-heading-light h5:after, .heading-light h6:after, .panel-heading-light h6:after {
  background: #fff;
}

.bg-gray {
  background: #FBFAF8 !important;
}

footer.main-footer .copyrights {
  margin-top: 0px;
}

footer.main-footer {
  padding: 0;
}

footer.main-footer .copyrights a {
    color: var(--faded-color);
}

footer.main-footer .copyrights {
  padding: 30px 0;
  color: var(--faded-color);
}

.text-dark-red {
  color: #872434
}

.mb-half {
  margin-bottom: 0.5rem;
}

.mb-medium {
  margin-bottom: 30px !important;
}

.mt-small {
  margin-top: 20px !important;
}

.mt-medium {
  margin-top: 30px !important;
}

hr.line-small-light {
  width: 30%;
  border-top: 2px solid #fff;
}

.bar.padding-medium {
  padding: 30px 0;
}

/* Figure consistency - ensure all figures have the same height */
.image1 {
  height: 300px;
  width: 100%;
  object-fit: contain;
  object-position: top;
}

.embed-responsive {
  height: 300px;
}

.embed-responsive .embed-responsive-item,
.embed-responsive video {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: top;
}

/* START push footer to the bottom */
html, body {
  height: 100%;
}

.buttons a {
    margin: 3px 3px;
}

#all {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* This class makes the object fill all the remaining height */
.filler {
  flex: 1;
}
/* END push footer to the bottom */


.embed-responsive-8by1::before {
  padding-top: 12.5%;
}

.embed-responsive-2by1::before {
  padding-top: 50%;
}

.embed-responsive-16by7::before {
  padding-top: 43.75%;
}

.text-decoration-none {
  text-decoration: none;
}

/* Mobile responsive - change object-position to bottom on narrow screens */
@media (max-width: 767.98px) {
  .image1 {
    object-position: bottom;
  }
  
  .image1,
  .embed-responsive .embed-responsive-item,
  .embed-responsive video {
    object-position: bottom;
    padding-bottom: 15px;
  }
}