html, body {
  height: 100%;
  background-color:white;
  font-family: 'Assistant';
    /*position: absolute;*/
  /*left: 50%;*/

}

/*********************

  GENERAL: UTILS & NAVBAR
  
******************/

.rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px;
  width: 200px;
  height: 150px;
}


.btn-kondado {
  background-color: #383e51;
  color:#FFF;
  /*margin: 1%;*/
}

.btn-extra {
  background-color: white;
  color:#55607b;
  border: 1px solid #383e51;
  text-decoration: none;
  /*margin: 1%*/
}

#wrap {
  min-height: 100%;
  font-family: 'Slabo+27px';
  /*padding-top: 800px*/
  /*margin-top: 5%;*/
}
#main {
  overflow:auto;
  padding-bottom:120px; /* this needs to be bigger than footer height*/
/*  padding-top:5%;*/

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
  body {  
    padding-top: 50px
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body {  
    padding-top: 50px
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {  
    padding-top: 50px
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {  
    padding-top: 60px
  }
}

#navbar-link-blog {
  color:blue
}
#navbar-link-app {
  color:green
}

#navbar-btn-newsletter {
  color:white
}

/*********************

  BLOG INDEX

******************/
.container-image-post-preview {
  /*min-height: 18em*/
  background-color: white;

}
.container-image-post-preview img{
  /*object-fit: cover;*/
  /*overflow-x: hidden;*/
  /*min-width: 200px;*/
  /*height: 200px*/
  /*min-height: 50%*/
}

.post-thumbnail {
  max-width: 100%;
  height: auto;
}



.card-row {
  /*height: 18px*/
  min-height: 18em
}
.card-row-img {
  /*height: 18px*/
  min-height: 9em
}
.card-row-txt {
  /*height: 18px*/
  min-height: 9em
}

.post-card a:link, a:visited, a:hover, a:hover, a:active {
  color:#383e51;
  text-decoration: none;
}

.post-card{
  background-color: white;
}

.post-card .card-body {
  background-color: white;
  width:100%;
  bottom:0;
  position: absolute;
  font-family: 'Assistant';
}

.post-card .card-body h5{
  bottom:0;
}

.post-card-cta{
  font-family: 'Assistant';
  background-color: #55607b;
  color: white;
  cursor: pointer;
}
.post-card-cta h1 {
  background-color: #55607b;
  color: white;
}
.post-card-cta h2,h3,h4 {
  color: white;
}
.post-card-cta h6 {
  /*background-color: #55607b;*/
  color: white;
  /*font-weight: bold;*/
  border: 1px
}

.post-card-cta .btn-extra {
  border: 0;
  background-color: #17a34a;
  color: white;
}




/*********************

  BLOG POST

******************/
.blog-post {
  color: #55607b;
  font-size: 1.3em;
  line-height: 1.5;
  font-family: 'Assistant';
}
.blog-post a{
  color: #383e51;
  /*font-size: 1.4em;*/
  /*line-height: 1.5;*/
  /*text-decoration: underline blue;*/
  border-bottom: 2px solid #686156
}
.blog-post .blog-title {
  color: #383e51;
  /*line-height: 1.5;*/
}
.blog-content p, h1,h2,h3,h4,h5,h6,table{
  margin-bottom:5%;
}

.blog-content h1,h2,h3,h4,h5,h6{
  color: #383e51;
}

.blog-content center {
  margin-bottom:5%;
  margin-top:5%;
}

.blog-author {
  color: #383e51;
  margin-top: 10%;
}

.blog-post blockquote{
  /*color: #55607b;*/
  /*background-color: black*/
  font-size: 0.6em;
  /*max-width:70%;*/
  justify-content: right;
  border-left: 5px solid #686156;
  padding-left: 10px
}

.blog-post blockquote p{
  margin-bottom:2%;
}

.blog-post-follow-us-lg{
  position: fixed;
  color: #55607b;
  padding-left: 4%;
  max-width: 15%;
  top:25%;
  /*background-color: pink;*/

}
.blog-post-follow-us-lg .section{
  
}

.blog-post-follow-us-lg .header{
  /*margin-bottom-top: 0;*/
  margin-bottom: 0;
  font-weight: bold;
  font-size: .9em;
  /*font-weight: bold;*/
}

.blog-post-follow-us-lg .header-newsletter{
  margin-left: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: .9em;
}

.blog-post-follow-us-lg hr {
  margin-top: 20%;
  margin-bottom: 20%;
}

.blog-post-follow-us-lg .header-social{
  
  margin-bottom: 0;
  font-weight: bold;
  font-size: .9em;
}
.blog-post-follow-us-lg .btn-subscribe{
  cursor: pointer;
  /*margin-top: 30%;
  margin-bottom: 0;
  font-weight: bold;
  font-size: .8em;*/
}

.blog-post-follow-us-lg .text{
  font-size: .75em;
  padding-left: 2%;
  margin: 0;
}
.blog-post-follow-us-lg .text-btn{
  font-size: .75em;
  padding-left: 2%;
  margin: 0;
  margin-top:10%;
}
.blog-post-follow-us-lg .social{
  border: 0;
  padding-left: 2%;
}

.col-centered{
  float: none;
  margin: 0 auto;
}







/*********************

  contato.html

******************/

.contact-div-spacer{
  margin-top:10%;
}
.contact-div{
  /*padding-top:5%;*/

}
.contact-div h1{
  color:#383e51; 
  font-family:'Anton';
}
.contact-div h5{
  color:#55607b; 
  font-family:'Assistant';
}

.contact-div .contact_card{
  padding-top:5%;
  color:#55607b; 
  font-family:'Assistant';
}

.contact-div .contact_card .after_submission{
  margin-top: 5%
}

.contact-div .contact_card .after_submission h6{
  margin-top: 5%
}

.contact-div .contact_card .after_submission a{
  margin-top: 5%;
  margin-bottom: 5%;
}

/*********************

  conectores.html
  
******************/

.content-header-sources {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  margin-bottom: 2.5%;
  background-color: #383e51;
  color:white;
}

.sources-list {
  color:#383e51;
}

.sources-list-search-container {
  
}

.sources-list-search-results{
  margin-top: 2.5%;

}

.sources-list-search-results a{
  text-decoration: none;
}

.card-source {
  min-height: 100px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 30px;
  padding-top: 30px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  &:hover {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
}

.card-source img{
  height: 100px
}

.card-source h5{
  color:#383e51;
}

.card-source .source-text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    margin: auto;
}


/*********************

  plataforma.html
  
******************/

.screenshots-section {

}

.screenshots-section a{
  font-family: 'Times'
  
}


/*********************

  index.html
  
******************/

.cta {
  /*padding-top:-100%;*/
  font-family: 'Assistant';
  margin-bottom:5%;
}
.cta .row {
  margin-top: 30px;
}
.cta h1{  
  color:#383e51; 
  font-family:'Anton';
  /*font-weight: bold*/
}
    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
      .cta h1{  
        font-size: 40px;    
      }    
    }
    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
      .cta h1{  
        font-size: 50px;
      }    
    }

    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
      .cta h1{  
        font-size: 50px;
      }    
    }
.cta h5 {
  color:#55607b; 
  font-family:'Assistant';
}

.cta .btn-contact {
  background-color: #383e51;
  color:#fff;
  /*border-color: #2F3E48;*/
}

.cta img {
  width: 70%;
}

.content-header {
  padding-top: 5%;
  padding-bottom: 5%;
  background-color: #383e51;
  margin-bottom: 5%;
}

.content-header h2 {
  font-family: 'Assistant';
  color: #efeaee; 
}



.content-sections {
  margin-bottom: 5%;
}
.content-sections img {
  width: 80%;
}
.content-sections h3 {
  font-family: 'Assistant';
  font-weight: bold;
  color: #383e51; 
}
.content-sections h5 {
  margin-top:5%;
  font-family: 'Assistant';
  color: #55607b; 
  line-height: 2;
}

.content-sections .btn-cta {
  margin-top:5%;
  background-color: #383e51;
  color:#FFF;
  border-color: #2F3E48;
}

.content-customers {
  background-color: #efeaee;
  padding-bottom: 2.5%;
}

.content-customers h2{
  margin-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
}

.content-customers h4{
  margin-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
}
.content-customers h5{
  margin-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
}

.img_container{
  height: 100px;      /* Equals maximum image height */
  line-height: 100px;
  width: 120px;
  text-align: center;
}
.content-customers img{
  vertical-align: middle;
  max-height: 100px;
  max-width: 120px;
  width: 80%
}

.content-articles img{
  vertical-align: middle;
  max-height: 100px;
  max-width: 120px;
  width: 80%
}

#customers_form{
  margin-top:2.5%;
}

.content-articles {
  margin-top:2.5%;
  margin-bottom:2.5%;
}

.content-articles h2 {
  /*margin-top: 2.5%;*/
  font-family: 'Assistant';
  color: #383e51; 
  margin-bottom: 2.5%;
}

.content-articles .card {
  /*margin-top: 2.5%;*/
  padding-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
  margin-bottom: 2.5%;
  height: 350px;
}

.content-articles .card h5{
  color: #383e51;
}
.content-articles .card h6{
  color: #55607b;
}

.content-articles .card .row{
  margin-top:5%;
  margin-bottom:5%;
  padding-right:5%;
  padding-left:5%;
  
}
.content-articles .card .btn-article{
  color:#55607b;
  border: 1px solid #383e51;
  width: 70%;
}



/*******************

FOOTER

*********************/

/*==================== 
  Footer 
====================== */

/* Main Footer */
footer .main-footer{  padding: 20px 0;  background:white; text-transform: uppercase;}
footer ul{  padding-left: 0;  list-style: none;}

/* Copy Right Footer */
.footer-copyright { background: white; padding: 5px 0;}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {  list-style: none; margin: 0;  padding: 0;}
.footer-copyright nav ul li { border-left: 1px solid #55607b; display: inline-block;  line-height: 12px;  margin: 0;  padding: 0 8px;}
.footer-copyright nav ul li a{  color: #55607b;}
.footer-copyright nav ul li:first-child { border: medium none;  padding-left: 0;}
.footer-copyright p { color: #55607b; margin: 2px 0 0;}

/* Footer Top */
.footer-top{  background: #55607b;  padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 3px solid #55607b;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{  background: transparent;}
footer.transparent .footer-copyright{ background: none repeat scroll 0 0 #55607b ;}

/* Footer light */
footer.light .footer-top{ background: #55607b;}
footer.light .main-footer{  background: #55607b;}
footer.light .footer-copyright{ background: none repeat scroll 0 0 #55607b ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 1.2em; justify-content: center; }
.wp-block-button__link {
  display: inline-block; padding: 10px 24px; border-radius: 4px;
  font-size: 15px; font-weight: 600; text-decoration: none;
  border: none; cursor: pointer; line-height: 1.6;
  color: #fff !important;
}
.wp-block-button__link:hover { opacity: 0.85; text-decoration: none; color: inherit; }

.responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 1.2em 0; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }