.card-footer .btn {background:#fff !important} .ads {margin:15px 0; text-align:center}  @media (min-width:1300px) {   .container{  max-width:1200px;   } } @media (min-width:1500px) {   .container{  max-width:1500px;   } }   @media (min-width:992px) {   .card-columns {  column-count:3;   } } @media (min-width:1500px) {   .card-columns {  column-count:4;   } } body {color:#333} h1 {font-size:32px; } h2 {font-size:28px; margin-bottom:25px} #navbar {background-color:#2874f0; color:#FFFFFF; padding-top:15px} #navbar a {color:#fff} .autoria {font-size:.8em; font-style:italic;} .card-footer {padding:.25em} .row1 {padding-top:10px;} .list-group{margin-bottom:20px} .fa-chevron-circle-down:before {margin-right:15px} .largenav {margin-left:-15px; padding-top:0; font-size:28px; font-weight:500} h1 .largenav {padding-top:5px} .row2 {padding-bottom:15px;} .navbar-input {padding:12px 16px; border-radius:2px 0 0 2px; border:0 none; outline:0 none; font-size:15px; width:89%;} .navbar-button {background-color:#ffe11b; border:1px solid #ffe11b; border-radius:0 2px 2px 0; color:#565656; padding:10px 0; cursor:pointer; width:10%;} .upper-links { display:inline-block; padding:0 11px; line-height:23px; font-family:'Roboto', sans-serif; letter-spacing:0; color:inherit; border:none; outline:none; font-size:12px;} .dropdown {position:relative; display:inline-block; margin-bottom:0px;} .dropdown:hover {background-color:#fff;} .dropdown:hover .links { color:#000;} .navbar-menu a {color:#fff} .navbar-menu {margin-top:10px; padding-left:25px} .navbar-menu li {margin-left:20px} .dropdown:hover .dropdown-menu {display:block;} .dropdown .dropdown-menu {position:absolute; top:100%; display:none; background-color:#fff; color:#333; left:0px; border:0; border-radius:0; box-shadow:0 4px 8px -3px #555454; margin:0; padding:0px; } .home {margin-top:60px} .listas .card img {margin-bottom:0} .listas .card-body {min-height:120px; font-weight:bold; font-size:1.1em} .done {display:none} .alm-load-more-btn {background:#2874f0; color:#fff; padding:15px 30px; border:0; border-radius:3px; margin:20px 0; cursor:pointer; font-weight:bold} .topo {border-bottom:1px solid #ccc; margin-bottom:20px} .links {color:#fff; text-decoration:none;} .links:hover {color:#fff; text-decoration:none;} .profile-links {font-size:12px; font-family:'Roboto', sans-serif; border-bottom:1px solid #e9e9e9; box-sizing:border-box; display:block; padding:0 11px; line-height:23px;} .profile-li {padding-top:2px;} .largenav {display:none;} .card-columns .card {margin-bottom:20px} .smallnav {display:block;} .smallsearch {margin-left:15px; margin-top:15px;} .menu {cursor:pointer;} .dropdown-menu {min-width:100% !important;} .head {margin:15px 0 0 -15px} .card {box-shadow:0 3px 5px rgba(0,0,0,.1);} .buttons {background:#fff; margin:15px -15px 0 0; text-align:right; padding-right:0;} .btn-primary {background:#fff; border:1px solid rgba(0,0,0,.125); color:#999} .social .btn-primary {margin:0 5px} .card .blockquote p {margin-bottom:0; font-size:18px} .card a {color:#333; display:inline-block; } .card a:hover {text-decoration:none} .card img {max-width:100%; margin-bottom:15px; height:auto} .card .social .btn {font-size:14px; border:0;} .card .author {font-size:14px; margin:0;} .card .author a {color:#2874f0} .card .author a:hover {color:#2874f0; text-decoration:underline} .card p {margin-bottom:5px; font-size:1.1em} .social {margin-top:15px;} .list {margin-right:0; padding-right:0; padding-left:0;} .card-columns {column-break-inside:avoid} .home {margin-top:20px; padding-left:0;} .chamada {margin-bottom:15px; margin-top:15px;} .frases {padding-left:0;} .single {margin-top:20px} .single h1 {font-size:20px} .single .card .frase p {font-size:2em; } .single .card .author {margin-left:10px} .single .card .social {margin-top:15px; font-size:1em} .single .infos {margin-top:20px; font-size:1em} .single a {color:#2874f0} .single .blockquote-footer .author {font-size:20px} .related .heading p {text-align:center; font-size:2em; margin:50px auto} .related h2 {margin:60px 0} .related a {color:#333} .related .author a {font-size:14px} .single-lista h1 { margin:30px 0; font-weight:700; font-size:50px !important} .single-lista .card {margin-bottom:20px} .single-lista .social {margin-bottom:30px} .single-lista .icons {} .single-lista .icons li {width:70px; float:left} .single-lista .intro {line-height:2em} .single-lista .social a {padding:10px 20px} .single-lista .social p {font-family:2em; font-weight:700} .single-lista .card-footer {background:#fff} .social .f {background:#3b5998; color:#fff !important; border:0;} .social .t {background:#1da1f2; color:#fff !important; border:0;} .social .p {background:#bd081c; color:#fff !important; border:0;} .card .social .c span {margin-left:5px} .card .social .f {background:#fff !important; color:#999 !important} .card .social .t {background:#fff !important; color:#999 !important} .card .social .p {background:#fff !important; color:#999 !important} .card .social .c:hover {background:#2874f0 !important; color:#fff !important} .card .social .f:hover {background:#3b5998 !important; color:#fff !important} .card .social .t:hover {background:#1da1f2 !important; color:#fff !important} .card .social .p:hover {background:#bd081c !important; color:#fff !important} #test-list {margin-top:20px;} #test-list .list {list-style-type:none; padding:0; margin:20px 0; border:1px solid #eee; border-radius:3px;} #test-list .list li {padding:10px 10px 0 10px; border-bottom:1px solid #eee} #test-list .list li:last-child {border-bottom:0} .pagination { padding-left:0; margin:20px 0; border-radius:4px; padding-top:20px} #test-list .search {background:#fff!important; width:100%; font-size:16px; padding:12px 20px 12px 15px; border:1px solid #eee; margin-bottom:12px;} .pagination>li>a {color:#2874f0; padding:15px; border:1px solid #eee; margin-right:5px} .pagination>li>a:hover {background:#2874f0; color:#fff } .pagination>li>span {color:#ccc } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>a:active {background:#fff; color:#ccc;} .autores-lista {margin-top:20px; margin-bottom:30px} .infos .card p {font-size:1em} .card .social .btn {background:#fff; color:#999} .autores .card .card-body {font-size:14px !important; padding:0; text-align:center; padding-bottom:20px} .autores .card {margin-bottom:20px} .autores .card a:hover {text-decoration:none} .autores .head img {margin-right:20px;} .autores .more2 {height:140px; padding-top:65px; background:#2874f0; color:#fff; text-transform:uppercase; font-weight:500} .autores .more2 a {color:#fff} .autores-lista h1 {margin-bottom:20px} .alm-listing {padding-left:0;} #mySidenav .small {font-size:14px !important} form {width:100%}  .page h2 {margin-top:30px}  @media screen and (min-width:768px) {   .largenav {  display:block;   }   .smallnav{  display:none;   }   .smallsearch{  margin:0px;   } }   .sidenav {   height:100%;   width:0;   position:fixed;   z-index:1;   top:0;   left:0;   background-color:#fff;   overflow-x:hidden;   transition:0.5s;   box-shadow:0 4px 8px -3px #555454;   padding-top:0px; } .sidenav a {   padding:8px 8px 8px 32px;   text-decoration:none;   font-size:25px;   color:#818181;   display:block;   transition:0.3s } .sidenav .closebtn {   position:absolute;   top:0;   right:25px;   font-size:36px;   margin-left:50px;   color:#fff;  } @media screen and (max-height:550px) {  .sidenav a {font-size:18px;}  } .sidenav-heading{   font-size:36px;   color:#fff; }  .card-columns {  @include media-breakpoint-only(xl) {   column-count:5;  }  @include media-breakpoint-only(lg) {   column-count:5;  }  @include media-breakpoint-only(md) {   column-count:5;  }  @include media-breakpoint-only(sm) {   column-count:1;  } }  @media screen and (max-width:768px) { body {font-size:14px}  .head {margin:15px 0 0 0;}  .social {margin-bottom:15px}  .head .small {font-size:14px; margin-bottom:0;}  .row2 {margin-right:0px}  .card-columns {padding:0 15px}  .home .card-columns {padding:0;}  .home {padding-right:15px}  .card .social {margin-bottom:0; margin-top:10px}  .card .social h1 {font-size:1em}  .card p {font-size:1.3em}  .home-autores {padding-right:0}  .related h2 {margin:30px 0}  .single {padding:0}  h1 {font-size:24px}  .autores .more2 {height:120px; padding-top:45px}  .related a {color:#333}  .single .card .frase p {font-size:1.4em}  .single h1 {font-size:1.2em}  .single .card .author a {font-size:14px}   .single .infos p {font-size:16px}  .card img {margin-bottom:10px}  .autores .card .card-body {padding-bottom:10px}  .navbar-input {width:88%; padding:10px 16px 11px;}  .single .card-body {padding:15px}  .relacionados a {color:#2874f0 !important; margin-bottom:10px; font-size:16px}  .single-lista h1 {font-size:1.8em !important; margin:15px 0; font-weight:700}  .single-lista .col-md-6 {padding:0}  .single-lista .card .blockquote p {font-size:14px}  .single-lista .icons .btn {background:#fff}  .single-lista {margin-bottom:20px}  .blockquote-footer {font-size:14px}   }  .ad {  background:#fff; box-shadow:none; padding:10px 0;  border:0; } .ad span {color:#999; font-size:10px; margin-bottom:10px; text-transform:uppercase}