/* .blogHome {
  border: 1px solid red;
} */

.blogHome .post{
  color: #02025E;
  display: inline-block;
  width: 26%;
  margin: 0 37px;
  font-family: "Roboto", Sans-serif;
  vertical-align: top;
}

@media ( max-width: 768px ){
  .blogHome .post{
    width: 70%;
    margin: 30px 37px;
  }
}

.blogHome .post .fondo{
  height: 200px;
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blogHome .post .content{
  height: 200px;
  border-radius: 30px;
  padding: 20px 28px;
  position: relative;
  top: -50px;
  left: 35px;
  background-color: #f2f2f2;
  transition: ease-in-out .2s;
}

.blogHome .post .content:hover{
  top: -80px;
}

.blogHome .post .content h3{
  font-size: 20px;
  line-height: 22px;
  font-family: "Roboto", Sans-serif;
  color: #02025E;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blogHome .post .content .btnMore{
  position: absolute;
  left: 11%;
  bottom: -24px;
  display: inline-block;
  padding: 10px 15px;
  width: 80%;
  border: 1px solid #1a37f8;
  background-color: #1a37f8;
  color: #ffffffff;
  border-radius: 30px;
  font-size: 20px;
  text-align: center;
}

.blogHome .post .content:hover > .btnMore{
  background-color: #ffffffff;
  color: #1a37f8;
}

.blogHome .post .content .btnMore p{
  margin: 0;
}

.blogHome .post .content p a{
  color: #02025E;
}


/* Blog Index */
/* .blogIndex {
  border: 1px solid red;
} */

.blogIndex .post{
  color: #02025E;
  display: inline-block;
  width: 40%;
  margin: 0 37px 50px;
  font-family: "Roboto", Sans-serif;
  vertical-align: top;
}

@media ( max-width: 768px ){
  .blogIndex .post{
    width: 70%;
    margin: 30px 37px;
  }
}


.blogIndex .post:last-child{
  margin-bottom: 0;
}

.blogIndex .post .fondo{
  height: 200px;
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blogIndex .post .content{
  height: 200px;
  border-radius: 30px;
  padding: 20px 28px;
  position: relative;
  top: -50px;
  left: 35px;
  background-color: #f2f2f2;
  transition: ease-in-out .2s;
}

.blogIndex .post .content:hover{
  top: -80px;
}

.blogIndex .post .content h3{
  font-size: 20px;
  line-height: 22px;
  font-family: "Roboto", Sans-serif;
  color: #02025E;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blogIndex .post .content .btnMore{
  position: absolute;
  left: 11%;
  bottom: -24px;
  display: inline-block;
  padding: 10px 15px;
  width: 80%;
  border: 1px solid #1a37f8;
  background-color: #1a37f8;
  color: #ffffffff;
  border-radius: 30px;
  font-size: 20px;
  text-align: center;
}

.blogIndex .post .content:hover > .btnMore{
  background-color: #ffffffff;
  color: #1a37f8;
}

.blogIndex .post .content .btnMore p{
  margin: 0;
}

.blogIndex .post .content p a{
  color: #02025E;
}


/* Blog Tags */
/* .blogTags{
  border: 1px solid blue;
} */

.blogTags h3{
  margin: 0 0 10px;
  color: #02025E;
  font-weight: 800;
  font-family: "Roboto", Sans-serif;
  font-size: 34px;
}

.blogTags ul li{
  display: block;
  border-bottom: 1px solid #02025E;
  padding: 14px 0;
  margin: 0;
}

.blogTags ul li a{
  color: #6f6f6e !important;
  font-family: "Roboto", Sans-serif;
}

.blogTags ul li a span{
  color: #6f6f6e;
  font-size: 18px;
  transition: all .3s;
}

.blogTags ul li:hover > a span{
  color: #02025E;
}
/*
     FILE ARCHIVED ON 02:35:31 Jun 20, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:45:31 Aug 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.662
  exclusion.robots: 0.084
  exclusion.robots.policy: 0.07
  esindex: 0.009
  cdx.remote: 507.927
  LoadShardBlock: 210.897 (3)
  PetaboxLoader3.datanode: 88.57 (4)
  PetaboxLoader3.resolve: 281.109 (3)
  load_resource: 301.897
*/