/* Import Font Family */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");

/* Common CSS */
* {
  margin: 0;
  padding: 0;
}
body,
html {
  width: 100%;
  height: 100%;
  font-family: "Josefin Sans", serif !important;
  font-optical-sizing: auto;
  --bs-body-bg: #000;
}
.common_text {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
}
.common_text h1,
.common_text h2 {
  font-size: 30px;
  font-weight: 300;
  color: #fff;
}
.common_text p {
  font-size: 22px;
  color: #fff;
  font-weight: 200;
  line-height: 35px;
  margin: 0;
}
.common_text p a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}
/* Loop_video */
.loop_video {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 20px;
  padding: 50px 55px;
}
.loop_video video {
  width: 100%;
  height: 500px;
  box-shadow: 0 10px 70px 0px #8a0000;
  border-radius: 20px;
  object-fit: cover;
}
/* logo & text */
.UDS_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 285px;
  height: 100%;
  background-image: url("../images/Logo_BG.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 0;
}
.UDS_logo img {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
}
/* Issues */
.common_space {
  padding: 50px 0;
}
.common_text_space {
  margin-top: 50px;
}
.issues .card-body {
  padding: 5px 0 30px;
}
.btn-group.custom_buttons .btn {
  color: #696969;
  border-right: 1px solid #da0026 !important;
  padding: 3px 10px;
  border-radius: 0px !important;
  font-weight: 300;
  line-height: 15px;
}
.btn-group.custom_buttons .btn:last-child {
  border-right: 0 !important;
}
.btn-group.custom_buttons .btn:hover {
  background-color: #da0026;
  color: #fff;
}
.row.no-card-padding .card-body {
  padding: 5px 0 0px;
}

/* Static Image */
.static_img {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.static_img img {
  max-width: 100%;
  height: auto;
}

/* Album */
.custom_album img {
  border-radius: 0px !important;
}

/*RH_logo*/
.RH_logo {
  width: 100%;
  height: 100%;
  background-image: url("../images/RH_BG.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.RH_logo img {
  width: 320px;
  margin: 30px auto;
  display: inline-block;
}
/*footer*/
.footer {
  padding: 50px 0;
}
.footer p {
  color: #696969;
  text-decoration: none;
  font-weight: 200;
  font-size: 18px;
}
.footer p a {
  color: #696969;
  text-decoration: none;
  border-bottom: 1px solid #da0026;
}
.footer p a:hover,
.footer p a:focus {
  color: #fff;
}

/* Mobile styles (for screens 768px wide or smaller) */
@media screen and (max-width: 768px) {
  .UDS_logo {
    background-size: cover;
    padding: 0;
  }
  .loop_video {
    padding: 25px 10px;
  }
  .loop_video video {
    height: 100%;
    min-height: 235px;
  }
  .common_text h1,
  .common_text h2 {
    font-size: 22px;
  }
  .common_text p {
    font-size: 18px;
  }
  .RH_logo {
    background-size: cover;
  }
}