/*Header icon*/
div.center-ball {height: 1px; width: 50%;position: relative;background: rgb(255,255,255);
background: linear-gradient(256deg, rgba(255,255,255,1) 0%, rgba(0,137,110,1) 53%, rgba(255,255,255,1) 100%);;display: flex;margin: 0px auto;justify-content: center;}
div.center-ball .img {padding: 14px;
    border-radius: 15%;
    position: absolute;
    background: #00896E;
    top: -35px;}
div.center-ball [class^="ico"] {width: 40px; height: 40px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(179deg) brightness(104%) contrast(102%);}
/*Fin Header icon*/
.page-node-type-newsletter-page h1 span{font-family: 'OpenSans SemiBold', sans-serif;}

div[class^="field__label"],div[class^="field__item"] {font-family: 'OpenSans Regular', sans-serif;font-weight: 400;font-size: 16px;line-height: 28px;letter-spacing: .03rem;color: #3c4043!important;}
div[class^="field__label"]{font-weight: bold;color: #000!important;}
div[class^="field__item"]{margin-bottom: 20px;border-bottom: 1px dotted #cccccc;}
.path-events .cont-event{display: flex;margin-right: 10px; margin-bottom: 20px;}

.b-content{background-color: #f1f1f17a; border-bottom: 2px solid #00896E;}
.cont-event .b-content{text-align: left;}
.b-content{padding: 10px;}




.cont-event .body{border-top: 1px #57b6b2 solid;padding-top: 16px;}

.cont-event .mn-icon-1127{font-size: 30px;color:#000;margin-bottom: 10px;}


.cont-event .title {display: flex;align-items: center;}
.cont-event .title a{font-weight: bold;font-size: 1.2rem;padding-right: 4px;color: #000!important;padding-bottom: 8px;text-decoration: none;text-align: left;}
.cont-event .title a:hover{color:#000!important;border-bottom: 2px solid #57b6b2;}
main a.link{border-bottom: 1px solid #57b6b2;}


.newsletter-card__actions{
  width: 100%;
  border-left: 3px solid #004169;
   border-right: 3px solid #004169;
   border-bottom: 3px solid #004169;
}

@media (min-width: 768px){
.path-events .cont-event .cont-left{margin-right: 10px;}
}
@media (min-width: 991px){
.container-blog{max-width: 860px}
}
@media (max-width: 425px){
hr.res{min-width: 80%}
.container {max-width: 375px;}}
@media (max-width: 375px){
.container {max-width: 325px;}

}
@media (max-width: 320px){
.container {
max-width: 313px;}
}