/* stylelint-disable selector-list-comma-newline-after */

body { 
  font-family: 'Open Sans', sans-serif;
}
.blog-header {
  line-height: 1;
}

.blog-header-logo {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, li, button, a {
  font-family: 'Open Sans', sans-serif;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  } 
}

.jumbotron { background:url('../img/vaquinha-online-aniversario.jpg') no-repeat top center !important; }

.rounded { padding:40px !important; }
.font-h2 { font-size:20px !important; }
.font-h4 { font-size:20px !important; font-weight:600; padding-bottom: 10px;}
.fonte-h2 { font-size:18px !important; padding-bottom: 20px; }
.check { display:block; margin:0 auto; padding:10px 0 20px; }
.padding-two { padding-bottom: 30px; }
h2 { font-size:28px !important; padding-bottom: 20px; }
h3 { font-size:22px !important; padding-bottom: 20px; }
.criar-vakinha { background:#5fcb68 !important; color:#fff !Important; font-weight:700; border:none !important;
font-size:15px !important; padding:9px 17px; }
.criar-vakinha:hover { background:#66b76d !important; }
.p-txt { font-size:13px !Important; background:url('../img/star.png') no-repeat center top; padding-top:35px;}
p { padding-bottom: 10px; }
.card-text { font-size:12px !important; }
.padding-low { padding:0 20px 20px 20px; line-height: 24px;}




.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
} 

@media (max-width: 768px) {
   h1 { font-size:24px !Important; font-weight:700 !important; }
   h2 { font-size:20px !important; }
   p, li { font-size: 14px !important; }
   p.lead { font-size:14px !important; }
   .author img { text-align: center !important; }
   .mira, .finish, .popup { display: none !important; }
   .img { width: 100% !important; padding:0 0 20px 0 !important; }
   .banner { padding:5px 0 0 !important; }
   .menu-open { display: block !important; position:fixed; top:0; background:#fff; z-index: 999999; padding:0 2px;}
   .logotipo { width: 90% !important; }
} 

.banner { padding:50px 0; margin:0 auto; }
a { color:#33963c; font-weight:700; }
a:hover { color:#33963c; text-decoration: underline; }
 


.blog { background:#f4f4f4 !important; margin:40px 0 0; }
.blog h2 { padding-bottom: 40px; }
.blog h3 { font-size:16px !Important; }
.blog img { width: 100% }
.blog a { text-decoration: none; color:#333; }
.blog a:hover { color:#33963c; }

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

.img { 
	float: left;
   padding: 0 20px 20px 0;
}

.author { background:#f1f1f1 !Important; border-radius:4px; padding:40px 30px; }
.author img { width: 100px; height: 100px; border-radius:50px; margin:40px 30px; }
.people span { font-size: 16px; font-weight: 700; color:#5fcb68; margin-top:60px; display: inline-block;}
.people p { font-size:12px; }



/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 2rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

ul { padding-bottom:0; padding-left:0; }
ul li { padding-bottom: 10px; list-style: none; background:url('../img/right-arrow.png') no-repeat left 4px; padding-left:26px; }


/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #f9f9f9;
  text-align: center;
  background-color: #4a4a4a;
}
.blog-footer a { color:#fff; font-weight: 600; }

.blog-footer p:last-child {
  margin-bottom: 0;
}



.mira, .finish, .menu { display: none; }
.fixo, .fixo-finish { display: inline-block; position: sticky; top:50px; background:#4a4a4a !important; color:#fff !important; }