@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,500&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* .input-group-text {
        background: #ffffff !important;
    }

    .max-w-screen-xl {
        max-width: 1143px !important;
    }


    a {
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    .wrap {
        max-width: 85.375rem;
        margin: 0 auto;
    }

    .image-as-background {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    } */

.overline {
  color: #c3515a;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-transform: uppercase;
  text-decoration: none !important;
}

@font-face {
  font-family: Acta;
  src: url("./font/font.ttf");
}

@font-face {
  font-family: Pro;
  src: url("./font/Proxima.otf") format("opentype");
}

.card-title {
  font-size: 2rem;
  font-family: Acta;
}

.card {
  border: none;
  text-align: start;
}

.card-content {
  font-weight: 350;
}

.date {
  font-size: 0.875rem;
  margin-top: 8px;
}

/* list view csss ----------------------------------------------------------------------------------------------------------------   */

.filter-buttons {
  display: flex;
  margin-bottom: 20px;
}

.list-view-button,
.grid-view-button {
  color: white;
  border: 1px solid white;
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
}

.list-view-button:hover,
.grid-view-button:hover {
  background: white;
  color: #0e2439;
}

.list-view-button {
  margin-right: 10px;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.list h1 {
  color: #141414;
  font-family: "Acta", serif;
  font-size: 24px;
}

li {
  background-color: #fff;
  color: white;
  border-radius: 3px;
  margin-bottom: 10px;
  transition: 0.3s;
}

.list.list-view-filter {
  flex-direction: column;
}

.list.list-view-filter li {
  display: flex;
}

.list.grid-view-filter {
  flex-flow: row wrap;
  justify-content: space-between;
}

.list.grid-view-filter li
 {
  width: 256px !important;
  /* margin-right: 10px; */
  text-align: start;
}

.content-text {
  padding: 0 10px;
}
/* 
img {
  width: 290px;
  object-fit: cover;
} */

/* test cs */

.h4 {
  font-size: 14px;
  font-family: "Acta", serif;
  font-style: italic;
  color: #dd3e3e;
  margin-bottom: 10px;
}

button {
  padding: 8px 20px;
  border: none;
  border-radius: 16px;
  background-color: #ff3f;
  font-family: monospace;
}
.buttons {
  margin-top: 10px;
}
.col-3 {
  background-color: #f3f2f1;
}

.list h6 {
  font-family: "Open sans", serif;
  color: #dd3e3e;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.contents {
  font-size: 16px;
  font-family: "Pro";
  color: #403b3b;
}
p {
  font-size: 16px;
  font-family: "Pro";
  color: #403b3b;
}

.date {
  color: #403b3b;
  font-size: 14px;
}

.thumb-image {
  height: 203px;
  min-width: 260px !important;
}

.thumb-image img {
  height: 200px;
  object-fit: cover;
  width: 260px !important;
}

.cont {
  height: 63px;
}

.list li {
  margin-bottom: 20px;
}

.max-w-screen-xl {
  max-width: 1130px;
}

hr {
  opacity: 1;
}


.banner
{
  
  object-fit: cover
}

 .text-on-img p
 {

  background-color: #ffffff00 !important;
  color: white !important;

 }