.card {
  display: block; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 
}
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.img-card {
  width: 100%;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
  overflow: hidden;
  position: relative;
}
.img-card img{
  width: 100%;
  height: 300px;
  object-fit:cover;
  transition: all .25s ease;
  
  /* Add the blur effect*/
  filter: blur(8px);
  -webkit-filter: blur(8px);
  
   /* Center and scale the image nicely 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
} 

.card-na {
  display: block; 
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
  transition: box-shadow .25s; 
}
.card-na:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.card-img-top {
  display: inline-block;
  position: relative;
  width: 100%;
  background-color: #00407a;
  /*background-image: url('/sites/default/files/news-announcements/background-img.jpg');*/
  /*background-size: cover;*/
  /*backdrop-filter: blur(10px);*/
  /*-webkit-backdrop-filter: blur(10px);*/
}

.background-img {
  margin-top: 70%;
}

.front-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.front-img img {
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 100%;
  /*background-color: white;*/
} 

.card-body {
  padding:15px;
  text-align:left;
  margin-bottom: 10px;
}
.card-title {
  margin-top:0px;
  font-weight: 500;
  font-size: 16px;
}
.card-title a {
  color: #f1f1f1;
  text-decoration: none; !important
  font-size: 16px;
  width: 200px;
}

.card-title-na {
  width: 95%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2ex;
  height: 8ex;
}

.card-title-na a {
  color: #00407a;
  text-decoration: none; !important
  font-size: 16px;
}
.card-title-na a:hover {
  color: #ca1033;
  text-decoration: none; !important
  font-size: 16px;
}
.card-title-cfp {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 25px;
  color: #00407a;
}

.card-title-cfp a {
  text-decoration: none; !important
  font-size: 20px;
  color: #00407a;
}
.card-title-cfp a:hover {
  color: #ca1033;
  text-decoration: none; !important
  font-size: 20px;
}

.card-sous-title-cfp {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;
  text-transform: uppercase;
  color: rgba(0, 64, 122, 7);
}

/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  font-size:16px;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
}
.card-read-more {
  border-top: 1px solid #D4D4D4;
}
.card-read-more a {
  text-decoration: none !important;
  padding:10px;
  font-weight:600;
  text-transform: uppercase
}

.text-warning {
  color: #58585a;
  font-weight: bold;
}

.date-warning {
  color: #ff4c00;
  font-weight: bold;
}

.text-date {
  color: #58585a;
  font-weight: bold;
  font-size: 16px;
}

.text-author {
  max-height: 45px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-cpf {
  color: #58585a;
}

.card-text {
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

#content-content .row {
  margin-top: 20px;
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
  transition: box-shadow .25s; 
}
#content-content .row:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

#content-content .col-md-4 {
  background-color: transparent;
  border-radius: 5px 0 0 5px;
  height: 180px;
  padding: 10px 0 10px 0;
}
#content-content .col-md-4 img {
  background-color: white;
  border-radius: 5px;
  max-height: 150px;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 5px 5px 5px #000;
  width: auto;
}
#content-content .col-md-8 {
  background-color: transparent;
  border-radius: 0 5px 5px 0;
  height: 180px;
}

.view-na-books-frontpage .views-exposed-form,
.view-na-journals-frontpage .views-exposed-form {
	margin-left: 10%;
}