@font-face {
  font-family: gotham__light;
  src: url(/assets/fonts/Gotham-Light.otf);
}

@font-face {
  font-family: gotham__medium;
  src: url(/assets/fonts/GothamMedium.ttf);
}

@font-face {
  font-family: gotham__book;
  src: url(/assets/fonts/GothamBook.ttf);
}

@font-face {
  font-family: placeholder__light__font;
  src: url(/assets/fonts/Polly-light.otf);
}

body {
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
  font-family: gotham__medium;
}

.active {
  font-weight: bold;
  color: #ca271d !important;
}

body {
  width: 100%;
  height: 100%;
}

.view_blog {
  height: 100vh;
  width: 100vw;
  padding: 0vw 3vw;
}

.view_blog .blog-text .text {
  margin: 30vh auto 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.view_blog .blog-text .text h3 {
  font-size: 3vw;
  text-transform: uppercase;
  color: #ca271d;
  margin-bottom: 3px;
}

.view_blog .blog-text .text .red-underline {
  width: 85%;
  border: 1px solid #ca271d;
  background-color: #ca271d;
  padding: 0.1vw;
  float: right;
}

.view_blog .blogs-list .collection {
  margin: auto;
  width: 100%;
}

.view_blog .blogs-list .collection .text {
  width: 100%;
  margin-bottom: 50px;
}

.view_blog .blogs-list .collection .text h5 {
  font-size: 2vw;
  color: #707070;
  margin: auto;
}

.view_blog .blogs-list .collection .blog-container {
  height: 60vh;
  width: 100%;
  border: 1px solid #707070;
  border-radius: 10px;
}

.view_blog .blogs-list .collection .blog-container button {
  margin: auto;
  background-color: transparent;
  color: #ca271d;
  border: none;
  outline: none;
  font-size: 1.5vw;
}

.view_blog .blogs-list .collection .blog-container .top {
  height: 10%;
}

.view_blog .blogs-list .collection .blog-container .blogs {
  height: 80%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.view_blog .blogs-list .collection .blog-container .blogs::-webkit-scrollbar {
  display: none;
}

.view_blog .blogs-list .collection .blog-container .blogs h3 {
  margin: auto;
  color: #707070;
}

.view_blog .blogs-list .collection .blog-container .bottom {
  height: 10%;
}

@media only screen and (max-width: 991px) {
  .view_blog .blog-text .text {
    margin: 100px auto auto auto;
  }
  .view_blog .blog-text .text h3 {
    font-size: 5vw;
  }
  .view_blog .blog-text .text .red-underline {
    padding: 0.1vw;
  }
  .view_blog .blogs-list {
    margin-top: 20px;
  }
  .view_blog .blogs-list .collection {
    margin: 0;
  }
  .view_blog .blogs-list .collection .text {
    width: 100%;
    margin-bottom: 50px;
  }
  .view_blog .blogs-list .collection .text h5 {
    font-size: 3vw;
  }
  .view_blog .blogs-list .collection .blog-container {
    height: 60vh;
  }
  .view_blog .blogs-list .collection .blog-container button {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .view_blog .blog-text .text {
    margin: 100px auto auto auto;
  }
  .view_blog .blog-text .text h3 {
    font-size: 7vw;
  }
  .view_blog .blog-text .text .red-underline {
    padding: 0.1vw;
  }
  .view_blog .blogs-list .collection {
    margin: 0;
  }
  .view_blog .blogs-list .collection .text {
    width: 100%;
    margin-bottom: 50px;
  }
  .view_blog .blogs-list .collection .text h5 {
    font-size: 5vw;
  }
  .view_blog .blogs-list .collection .blog-container {
    height: 60vh;
  }
  .view_blog .blogs-list .collection .blog-container button {
    font-size: 5vw;
  }
}

@media only screen and (max-width: 599px) {
  .view_blog .blog-text .text {
    margin: 70px auto auto auto;
  }
  .view_blog .blog-text .text h3 {
    font-size: 7vw;
  }
  .view_blog .blog-text .text .red-underline {
    padding: 0.1vw;
  }
  .view_blog .blogs-list .collection {
    margin: 0;
  }
  .view_blog .blogs-list .collection .text {
    width: 100%;
    margin-bottom: 50px;
  }
  .view_blog .blogs-list .collection .text h5 {
    font-size: 5vw;
  }
  .view_blog .blogs-list .collection .blog-container {
    height: 60vh;
  }
  .view_blog .blogs-list .collection .blog-container button {
    font-size: 5vw;
  }
}

.active {
  font-weight: bold;
  -webkit-transition: 1ms;
  transition: 1ms;
  color: #ca271d !important;
}
/*# sourceMappingURL=viewblogs.css.map */