﻿
#blog-articles img {
  /* min-width: 100%; */
  max-width: 100%;
  height: auto;
}

#blog-articles .card {
  margin: 15px 15px;
  padding: 0;
  flex: 0 1 380px;
  height: auto;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background-color: #FFF;
  box-shadow: 0 19px 48px rgb(239 232 232 / 30%), 0 15px 32px rgb(221 219 219 / 22%)
}
#blog-articles .card .header {
  height: 250px;
  width: 100%;
  background-color:  #111b55;
  position: relative;
  overflow: hidden;
  background-image: none;
  background-size: cover;
  background-position: center top;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}
/* .card .header::before {
	content: " ";
	position: absolute;
	display: block;
	width:100%;
	top: 0;
	left: 0;
	height: 100%;
	background: #111b55;
} */

#blog-articles .img-background img {
    height: auto;
    width: 100%;
    max-width: 100%;
	  top: 50%;
    transform: translateY(-50%);
	min-height: 100%;
}

#blog-articles .img-background {
	display: block;
	min-height: 250px;
	width: 100%;
	margin-bottom: 15px;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	opacity: .2;
	mix-blend-mode: luminosity;
}

#blog-articles .card .header.collapse {
  height: 0px;
}
#blog-articles .card .header .title {
  height: 250px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0px 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  flex-direction: column;
}
#blog-articles .card .header .title h1 {
  margin: 0px;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
}
#blog-articles .card .header .title h6 {
  font-size: 16px;
  color: #fbb710;
  margin: 0;
}
#blog-articles .card .header .title h6 span {
  color: rgba(255, 255, 255, 0.8);
}
#blog-articles .card .header:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0idmlzdWFsIiB2aWV3Qm94PSIwIDAgNTAwIDUwIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Ik0wIDI0TDYuMyAyMy41QzEyLjcgMjMgMjUuMyAyMiAzOC4yIDIwQzUxIDE4IDY0IDE1IDc2LjggMTYuOEM4OS43IDE4LjcgMTAyLjMgMjUuMyAxMTUuMiAyNi4yQzEyOCAyNyAxNDEgMjIgMTUzLjggMTkuM0MxNjYuNyAxNi43IDE3OS4zIDE2LjMgMTkyLjIgMTYuMkMyMDUgMTYgMjE4IDE2IDIzMC44IDE2QzI0My43IDE2IDI1Ni4zIDE2IDI2OS4yIDE0LjVDMjgyIDEzIDI5NSAxMCAzMDcuOCAxMS43QzMyMC43IDEzLjMgMzMzLjMgMTkuNyAzNDYuMiAyMC4yQzM1OSAyMC43IDM3MiAxNS4zIDM4NC44IDEyLjVDMzk3LjcgOS43IDQxMC4zIDkuMyA0MjMuMiAxMi4yQzQzNiAxNSA0NDkgMjEgNDYxLjggMjMuNUM0NzQuNyAyNiA0ODcuMyAyNSA0OTMuNyAyNC41TDUwMCAyNEw1MDAgNTFMNDkzLjcgNTFDNDg3LjMgNTEgNDc0LjcgNTEgNDYxLjggNTFDNDQ5IDUxIDQzNiA1MSA0MjMuMiA1MUM0MTAuMyA1MSAzOTcuNyA1MSAzODQuOCA1MUMzNzIgNTEgMzU5IDUxIDM0Ni4yIDUxQzMzMy4zIDUxIDMyMC43IDUxIDMwNy44IDUxQzI5NSA1MSAyODIgNTEgMjY5LjIgNTFDMjU2LjMgNTEgMjQzLjcgNTEgMjMwLjggNTFDMjE4IDUxIDIwNSA1MSAxOTIuMiA1MUMxNzkuMyA1MSAxNjYuNyA1MSAxNTMuOCA1MUMxNDEgNTEgMTI4IDUxIDExNS4yIDUxQzEwMi4zIDUxIDg5LjcgNTEgNzYuOCA1MUM2NCA1MSA1MSA1MSAzOC4yIDUxQzI1LjMgNTEgMTIuNyA1MSA2LjMgNTFMMCA1MVoiIGZpbGw9IiM0MmE2ZTAiPjwvcGF0aD48cGF0aCBkPSJNMCAyOUw2LjMgMjcuNUMxMi43IDI2IDI1LjMgMjMgMzguMiAyM0M1MSAyMyA2NCAyNiA3Ni44IDI4LjhDODkuNyAzMS43IDEwMi4zIDM0LjMgMTE1LjIgMzQuN0MxMjggMzUgMTQxIDMzIDE1My44IDMyLjNDMTY2LjcgMzEuNyAxNzkuMyAzMi4zIDE5Mi4yIDMzQzIwNSAzMy43IDIxOCAzNC4zIDIzMC44IDMyQzI0My43IDI5LjcgMjU2LjMgMjQuMyAyNjkuMiAyMy4zQzI4MiAyMi4zIDI5NSAyNS43IDMwNy44IDI2LjVDMzIwLjcgMjcuMyAzMzMuMyAyNS43IDM0Ni4yIDI0LjJDMzU5IDIyLjcgMzcyIDIxLjMgMzg0LjggMjFDMzk3LjcgMjAuNyA0MTAuMyAyMS4zIDQyMy4yIDIxLjNDNDM2IDIxLjMgNDQ5IDIwLjcgNDYxLjggMTkuN0M0NzQuNyAxOC43IDQ4Ny4zIDE3LjMgNDkzLjcgMTYuN0w1MDAgMTZMNTAwIDUxTDQ5My43IDUxQzQ4Ny4zIDUxIDQ3NC43IDUxIDQ2MS44IDUxQzQ0OSA1MSA0MzYgNTEgNDIzLjIgNTFDNDEwLjMgNTEgMzk3LjcgNTEgMzg0LjggNTFDMzcyIDUxIDM1OSA1MSAzNDYuMiA1MUMzMzMuMyA1MSAzMjAuNyA1MSAzMDcuOCA1MUMyOTUgNTEgMjgyIDUxIDI2OS4yIDUxQzI1Ni4zIDUxIDI0My43IDUxIDIzMC44IDUxQzIxOCA1MSAyMDUgNTEgMTkyLjIgNTFDMTc5LjMgNTEgMTY2LjcgNTEgMTUzLjggNTFDMTQxIDUxIDEyOCA1MSAxMTUuMiA1MUMxMDIuMyA1MSA4OS43IDUxIDc2LjggNTFDNjQgNTEgNTEgNTEgMzguMiA1MUMyNS4zIDUxIDEyLjcgNTEgNi4zIDUxTDAgNTFaIiBmaWxsPSIjYWRkMmYwIj48L3BhdGg+PHBhdGggZD0iTTAgMzVMNi4zIDM0LjVDMTIuNyAzNCAyNS4zIDMzIDM4LjIgMzEuOEM1MSAzMC43IDY0IDI5LjMgNzYuOCAyOS4zQzg5LjcgMjkuMyAxMDIuMyAzMC43IDExNS4yIDMxLjdDMTI4IDMyLjcgMTQxIDMzLjMgMTUzLjggMzMuNUMxNjYuNyAzMy43IDE3OS4zIDMzLjMgMTkyLjIgMzMuM0MyMDUgMzMuMyAyMTggMzMuNyAyMzAuOCAzNC41QzI0My43IDM1LjMgMjU2LjMgMzYuNyAyNjkuMiAzNi44QzI4MiAzNyAyOTUgMzYgMzA3LjggMzYuMkMzMjAuNyAzNi4zIDMzMy4zIDM3LjcgMzQ2LjIgMzkuNUMzNTkgNDEuMyAzNzIgNDMuNyAzODQuOCA0My41QzM5Ny43IDQzLjMgNDEwLjMgNDAuNyA0MjMuMiA0MC4yQzQzNiAzOS43IDQ0OSA0MS4zIDQ2MS44IDM5LjhDNDc0LjcgMzguMyA0ODcuMyAzMy43IDQ5My43IDMxLjNMNTAwIDI5TDUwMCA1MUw0OTMuNyA1MUM0ODcuMyA1MSA0NzQuNyA1MSA0NjEuOCA1MUM0NDkgNTEgNDM2IDUxIDQyMy4yIDUxQzQxMC4zIDUxIDM5Ny43IDUxIDM4NC44IDUxQzM3MiA1MSAzNTkgNTEgMzQ2LjIgNTFDMzMzLjMgNTEgMzIwLjcgNTEgMzA3LjggNTFDMjk1IDUxIDI4MiA1MSAyNjkuMiA1MUMyNTYuMyA1MSAyNDMuNyA1MSAyMzAuOCA1MUMyMTggNTEgMjA1IDUxIDE5Mi4yIDUxQzE3OS4zIDUxIDE2Ni43IDUxIDE1My44IDUxQzE0MSA1MSAxMjggNTEgMTE1LjIgNTFDMTAyLjMgNTEgODkuNyA1MSA3Ni44IDUxQzY0IDUxIDUxIDUxIDM4LjIgNTFDMjUuMyA1MSAxMi43IDUxIDYuMyA1MUwwIDUxWiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
background-size: cover;
background-position: bottom;
background-blend-mode: multiply;
}
#blog-articles .card .content {
  height: auto;
  width: 100%;
  overflow-x: hidden;
  padding: 20px 30px 0 30px;
  position: relative;
  background-color: #ffffff;
  overflow-y: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  text-align: justify;
}
#blog-articles nav {
    margin: 3rem auto;
}
#blog-articles .card  .articlemeta {
	background: #ffffff;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

#blog-articles .card .articlemeta .btn.amado-btn.btn-small{
	font-size: 16px;
	line-height: 40px;
	height: 40px;
}
#blog-articles .card  .articlemeta ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#blog-articles .card  .articlemeta ul.left i {
  margin-right: 5px;
}
#blog-articles .card  .articlemeta ul li {
  display: inline-block;
  padding: 12px 5px 16px;
  cursor: pointer;
}
#blog-articles .card  .articlemeta ul i {
  margin-left: 5px;
}

#blog-articles .card .content p {
  line-height: 1.5;
}
#blog-articles .card .content p:first-of-type {
  margin-top: 0px;
}
