 /*
Theme Name: (Portfolio lovers)
*/
*{font-family: "Montserrat", sans-serif;}
body{background-color: #f9f9f9 !important;}
p{color: #1a1c1e;}
.container{width: 100%!important;padding: 0 2rem;}
ul{padding: 0;list-style: none;}
nav{position: relative;}
.navigation{background-color: transparent!important;box-shadow: none!important;}
.nav-links{max-width: 180px;width: 100%;display: flex;line-height: normal;align-items: center;height: 100%;margin-top: 40px;}
.nav-links span, .nav-links a{display: block;float: left;color: #2e2e2e;padding: 0 13px;margin-right: -1px;background: #f3f3f3;line-height: 35px;border: 1px solid #e6e6e6;font-size: 15px;}
.nav-links span.current{background-color: #b93434;color: #f3f3f3;}
.nav-links a:hover{background-color: #b93434;color: #f3f3f3;}
nav ul li a{font-family: Oswald, sans-serif!important;}
nav ul li a:hover{background-color: #b93434!important;color: #f3f3f3!important;}
.search-form{position: absolute;height: 100%;top: 50%;transform: translateY(-50%);margin: 0;padding: 5px 10px;display: inline-block;right: 20px;z-index:2;width:200px;text-align:right;}
.search-form label{flex: 80%;}
.search-form .search-field{height: 100%!important;padding-left: 10px;}
.search-form .search-submit{background-color:#b93434;}
.search-form i{height:auto!important;}
.search .nav-links{max-width: inherit;}
.busca{display: flex;}
.busca input{border-radius:0!important;}
.box-search li{height:100%;}
/* Banner */
.static-banner{padding: 40px 40px;}
.carousel .indicators .indicator-item.active{background-color:#b93434!important;}
.carousel .indicators .indicator-item{background-color: #ba9d9d!important;}
.destaque{position:absolute;text-transform:uppercase;background-color:#b93434;padding:10px;font-size:1.3rem;left:0;}
.carousel-box h3{   
    background: rgba(22, 22, 22, 0.5);
    position: absolute;
    bottom: 37px;
    display: block;
    left: 24px;
    z-index: 1;
    padding: 19px 10px;
    font-size: 20px;
    margin: 0;
    -webkit-box-shadow: 7px 0 0 rgba(34, 32, 32, 0.5), -7px 0 0 rgba(22, 22, 22, 0.5);
    box-shadow: 7px 0 0 rgba(22, 22, 22, 0.5), -7px 0 0 rgba(22, 22, 22, 0.5);
    box-decoration-break: clone;
    text-align: left;
    text-transform: uppercase;
}
.carousel-box h3 a{font-size: 20px;text-align: left;}
.carousel-box .carousel .indicators{top: 0;right: 0;text-align: right;padding: 0 40px;height:80px;}
.carousel-box .carousel .indicators .indicator-item{height: 15px;width: 15px;}
nav ul li a{transition: ease-in-out .3s;}
nav ul li a:hover{background-color: #b93434;}

/* Corpo dos posts */
.body-posts{border-right: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;padding:2rem 4rem;}
.main-links{display: flex;justify-content: space-between;align-items: center;margin: 70px 0;border-bottom: 2px solid #b93434;}
.see-more-button{background-color: #f3f3f3;transition: ease-in-out .8s;padding: 10px;font-size: 12px;color: #9e9e9e;font-weight: 550;}
.see-more-button:hover{background-color: #000;color: #fff;}
.main-links .category-main-title{background-color: #b93434;color: #fff;border-radius: 5px 5px 0 0;padding: 10px;font-weight: 550;}
.title-post,.title-post a{font-size: 1.1rem;letter-spacing: 0.9px;font-family: "Oswald", sans-serif;text-transform: uppercase;font-weight: normal;margin: 0;line-height: 1.6rem;}
.title-post a:hover{border-bottom: 2px solid #000;}
.title-post strong{font-weight: 700;}
.loop-posts{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 2rem;padding-bottom: 40px;border-bottom: 1px solid #e0e0e0;}
.loop-posts.row{grid-gap: 2rem;}
.loop-posts li{border-bottom: 1px solid #e0e0e0;padding-bottom: 40px;position: relative;}
.loop-posts li:nth-child(10),.loop-posts li:nth-child(11),.loop-posts li:nth-child(12){border-bottom: none;}
.loop-posts figure img{width: 100%;display: block;box-sizing: border-box;height: 300px;object-fit: cover;}
.loop-posts li p{font-size: .9rem;line-height: 1.5rem;}
.loop-posts li small{margin: 7px 0;display: inline-block;font-size: 1rem;}
.loop-posts li .float{position: absolute;left: 0;top: 0;background: #161616;background: rgba(22, 22, 22, 0.5);color: #fff;display: inline;margin: 0;box-decoration-break: clone;padding: 2px 8px;text-transform: uppercase;}
.loop-posts li .read-more{display: inline-block;background-color: #b93434;padding: 1rem;color: #fff;}
.search .loop-posts li .read-more{display: inline-block;background-color: #b93434;padding: 1rem;color: #fff;}
.single p{font-size: 1.3rem;line-height: 2rem;}
.single p iframe{width: 100%;height: 548px;}
/* todos os posts */
.all-of-posts .loop-posts{grid-template-columns: repeat(2, 1fr);border-bottom: none;grid-gap: 0;}
.all-of-posts .loop-posts li{padding: 2rem 2rem 2rem 0px;border-bottom: 1px solid #e0e0e0;}
.all-of-posts .loop-posts figure{margin: 0;}
.all-of-posts .loop-posts img{height: 100%;}
.navegacao nav a{color: #000!important;font-size: .8rem;font-family: Oswald, sans-serif;}
.top-box-post .title-post{font-size: 24px;}
.author-box{padding: 25px 0;}
.post-author a{color: #010101;font-family: Oswald, sans-serif;}
.post-meta{padding: 13px 0;}
.top-box-post{margin-top: 20px;}
.page-post .post-thumbnail img{display: block;width: 100%;}
.post-tags a{display: inline-block;font-size: 12px;background: #f9edaa;margin-left: 7px;margin-bottom: 7px;padding: 8px 7px;line-height: inherit;color: #010101;font-weight: 500;}
.share-buttons i{font-size: 1.7rem;}
.share-buttons a{margin: 0 4px;}
.share-buttons a .fa-facebook{color: #0000ff!important;}
.share-buttons a .fa-linkedin{color: #0e76a8!important;}
/* Rodapé */
.footer{padding: 70px 2rem;background-color: #161616!important;}
.footer p{font-weight: 550;text-transform: uppercase;}
.term-list li{border-bottom: 1px solid #e6e6e6;padding: 7px 0;border-bottom-color: #1e1e1e;border-top-color: #1e1e1e;transition: ease-in-out .3s;}
.term-list li:hover{transform: translateY(-5px);}
.term-list li a{color: #ddd;}
.term-list li span{color: #ddd;float: right;}
.social-network li{display: inline-block;transition: ease-in-out .3s;}
.social-network li a{margin-right: 10px;}
.social-network li a i{font-size: 2rem;color: #ddd;}
.social-network li:hover{transform: translateY(-10px);}
.carousel-box .carousel{height: 500px!important;}
.carousel .carousel-item>img{height: 100%;object-fit: cover;}

.search .page-title{padding: 1rem;font-size: 1.5rem;}
@media only screen and (max-width : 992px){
    main.container,footer.container,header.container{padding: 0;}
    .body-posts{padding: 2rem;}
    .loop-posts{grid-template-columns: repeat(2, 1fr);}
    .search .loop-posts{grid-template-columns: 1fr;padding: 1rem;}
   
    .search-form{width: 68%;}
    .sidenav li{width: 100%;display: block!important;}
    .sidenav li>a{margin: 0!important;border-radius: 0!important;}
    .all-of-posts .loop-posts li{padding: 20px 0;}
    .all-of-posts .loop-posts li .row{height: 100%;}
    .all-of-posts .loop-posts{grid-gap: 30px;grid-template-columns: 1fr;}
}

@media only screen and (max-width : 767px){
    main.container,footer.container,header.container{padding: 0;}
    .body-posts{padding: 1rem;}
    .sidenav li{width: 100%;display: block!important;}
    .sidenav li>a{margin: 0!important;border-radius: 0!important;width: 100%;}
    .page-post .post-thumbnail img{object-fit: cover;}
}
@media only screen and (max-width : 580px){
    .all-of-posts .loop-posts figure {height: 350px;}
    .loop-posts figure img{height: 150px;}
    /* .all-of-posts .loop-posts li .row {height: 100%;display: grid;grid-template-rows: 1fr 1fr;} */
}
