html {
  font-size: 1rem;
}

/* overide boostrap primary color */
.text-primary{
  color: #660033 !important;
}

.btn-primary{
  background-color: #660033;
  border-color: #660033;
}

/* used for footer override */
.bg-black{
  background-color: black;
}

.bg-light-grey{
  background-color: whitesmoke;
}
.bg-dark-grey{
  background-color: #F0F0F0	;
}

/* opaque overlays. */
.u-overlay{
  border-radius: 5%;
  background: rgba(112, 110, 110, 0.45); /* Black background with 0.5 opacity */
}
.u-overlay-light{
  border-radius: 5%;
  background: rgba(112, 110, 110, 0.1); /* Black background with 0.5 opacity */
}
.u-overlay-dark{
  background: rgba(0, 0, 0, 0.60); /* Black background with 0.5 opacity */
}
.u-overlay-dark-name{
  border-radius: 5%;
  background: rgba(0, 0, 0, 0.80); /* Black background with 0.5 opacity */
  padding: 30 px;
  /* min-width:  350px; */
  min-height:  210px;
}

/* getting bullets to align correctly */
ul {
  text-align: center;
  list-style-position: inside;
}

/* background images */
.bg-cool{
  background-image: url('/static/img/1920x1080/dark_wood3.jpg');
}
.bg-family{
  background-image: url('/static/img/1920x1080/family.jpg');
}
.bg-family-small{
  background-image: url('/static/img/1920x1080/family_small.jpg')
}

/* box shadow shading */
.u-overlay, .u-promo-block, .shadow{
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}

body {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  color: #1b1e24;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}

p {
  line-height: 1.3;
}

figure {
  margin-bottom: 0;
}

/* hr {
  border-color: #e6e7e9;
} */

[role=button] {
  cursor: pointer;
}

/* headdings line height */
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
  line-height: 1.6;
}

.btn {
  cursor: pointer;
  transition: .2s ease;
}

.u-promo-block {
  position: relative;
  min-height: 100vh;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  
}

/* move the -shadow to its own. to encompass everything it is inlcuded on */
.u-promo-block--mheight-600 {
  min-height: 600px;
  padding-top: 6%;
}
.u-promo-block--mheight-500 {
  min-height: 500px;
  padding-top: 6%;
}

.u-content-space {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

/* navbar */
/* fix to grey */
.navbar-bg-onscroll.fixed-top {
  background-color: black;
  transition: all .3s ease-out;
}

.navbar-bg-onscroll.fixed-top--fade {
  transition: all .4s ease-out;
}

/* change background color of mobile navbar */
@media (max-width: 990px) {
  nav.navbar {
    background: rgba(0, 0, 0, 0.60);
    width:135px;
  }
}

.modal-ku {
  width: 750px;
  margin: auto;
}

/* overide carousel controls color */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23660033' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
 }
 .carousel-control-next-icon { 
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23660033' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
 }