/* - GENERAL - */

.mobile-hidden{display: none;}

/* - END GENERAL - */


img{
    height: auto;
}
a:hover{
    color: #ffb71b;
}
/*BLOG
--------------*/
/* Intro Posts Homepage
--------------------------*/
#intro-homepage{
    width: 100%;
    padding: 0px 0 0px;
    background-repeat: no-repeat;
    background-position: center 100%;
}
#intro-homepage .intro-post{
    position: relative;
    overflow: hidden; 
    height: 250px;
    transition: all ease 0.4s; 
    background-color: #fab71b;
}


.intro-post__category.blog{
    background: #FB5C73;
    color: #fff;
}

#intro-homepage .blog-dest-brown .intro-post{
    background-color: #197aff;
}



.intro-post.estrategia-digital h2{
    color: #232122 !important;
}

.intro-post__category.estrategia-digital{
    background: #0a5757;
    color: #fff;
}



@media (min-width: 602px) {
    .intro-marginl{ 
        margin-left: 10px;
    }
    .intro-marginr{
    margin-right: 10px;
    }

    .intro-margint{
    margin-top: 10px;   
    }
}

#intro-homepage a.intro-post:hover{
    opacity: 0.9;
    transition: all ease 1s; 
}
#intro-homepage .intro-post img{
    top: 0;
    left:0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 1;
}

#intro-homepage .intro-post .intro-post__title{
    z-index: 2;
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    bottom: 25px;
    margin-bottom: 15px;
}


#intro-homepage  .overlay-intro{
    width: 100%;
    height: 100%;
    z-index: 11;
    background-image: linear-gradient(0deg, #000000 0%, rgb(0 0 0 / 11%) 100%);
}


/* List Posts
--------------------------*/
.posts-list{
    margin: 50px 0; 
}
.posts-list__item img{
    width: 300px;
    height: 250px;
    margin-left: 50px;
    object-fit: cover;
}
.posts-list__item{
    padding: 50px 20px;
    border-top: 1px solid #DDDDDD; 
}

.posts-list__item a.posts-list__category{
        text-transform: uppercase;
    font-size: 14px;
    color: #d3cdcd;
    font-weight: normal;
    margin-bottom: 10px;
    display: block;
}
.posts-list__item p{
    color: #644B4B;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px; 
}
.posts-list__item a{
    opacity: 1;
    transition: all ease 0.3s;
       color: #333333;
}
.posts-list__item a:hover{
    opacity: 0.6;
    transition: all ease 0.3s;
}
.posts-list__item h2{
    font-weight: bold;
    font-size: 25px;
    color: #333;
    transition: all ease 0.3s;
}
.posts-list__item h2:hover{
    opacity: 0.8;
    transition: all ease 0.3s;
}

.btn-allposts{
    margin: 0px auto 60px;
    display: block;
    border-radius: 30px;
    border-bottom: 3px solid #d2d2d2;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #fff;
    background: #644B4B;
    font-weight: 500;
    transition: all ease 0.4s;
}
.btn-allposts:hover{
    background: #FB5C73;
    border-bottom: 3px solid #dc6677;
    transition: all ease 0.4s;
}

.main-single-post{
    margin-top: 120px;
}
.post-page h1{
    font-size: 35px;
    color: #333;
}
.post-page{
    margin-top: 30px;
    color: #333;
    line-height: 180%;
    font-size: 16px;
}
.post-page img{
    border-radius: 7px !important;
}
.post-page strong{
    font-weight: bold;
}
.post-page ul li{
    list-style: disc;
}


@media only screen and (max-width: 600px) {
     .posts-list__item img{
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        height: 200px;
     }
     .posts-list{
        padding: 0 0;
        margin: 20px 0; 
     }
     #intro-homepage .intro-post .intro-post__title{
        font-size: 1.3em;
     }
    .intro-marginl{ 
         margin-left: 0px;
    }
    #intro-homepage .intro-post{
        height: 150px;
        margin-bottom: 10px;
        margin-left: 0;
    }
    .posts-list__item h2{
        font-size: 1.4em;
    }
    .posts-list__item p{
        font-size: 1em;
        margin-top: 10px;
    }
    #header .rc-actions button{
        margin-left: 0;
    }
}



/* WIDGTES
---------------=*/
.widget-author{
    padding: 30px;
    text-align: center;
}
.widget-author img{
    margin-bottom: 15px
}
.widget-author a{
    color: #FB5C73;
}
.widget-author p{
    font-size: 16px;
}

aside{
    margin-top: 20px;
}

aside .widget{
    width: 300px;
    height: auto;
    background: #F5F5F5;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 29px;
}
aside .widget h2{
    font-size: 15px;
    color: #A2A2A2;
    letter-spacing: 3.41px;
    text-align: center;
    text-transform: uppercase;
}


aside .wp-block-tag-cloud a{
    font-size: 14px !important;
      background: #FFFFFF;
    box-shadow: 0 0 5px -2px rgba(0,0,0,0.50);
    border-radius: 6px;
    text-align: center;
    padding: 5px;
    margin: 3px;
    display: inline-block;
}
aside a{
    color: #333;
    line-height: 160%;
    margin-bottom: 15px;
    display: block;
    font-size: 18px;
}


aside .widget-popularposts {
    padding: 35px 45px;
}
aside .widget ol {
  counter-reset: my-awesome-counter;
  list-style: none;
    margin-bottom: 0;
}

aside .widget ol li {
  margin-bottom: 20px;
  counter-increment: my-awesome-counter;
  position: relative;
}
aside .widget ol li:last-child {
    margin-bottom: 0;
}
aside .widget ol li::before {
  content: counter(my-awesome-counter);
  color: #FB5C73;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  width: var(--size);
  height: var(--size);
  top: 0px;
  text-align: center;
  
}

aside .widget ul li{
  list-style: number;
    margin-bottom: 0;
    margin-left: 20px;
}

aside .widget ul li::marker {
    color: #1a7aff; /* Muda a cor do número */
    font-weight: bold;
        font-size: 22px;
}

aside .wp-block-search .wp-block-search__input{
  border: none;
  background: transparent;
  padding: 0;
}
aside .wp-block-search .wp-block-search__button{
    border: none;
    background: transparent;
    padding: 0;
}
aside .wp-block-search .wp-block-search__button svg{
    min-width: 40px;
    min-height: 38px;
    fill: #1a7aff;
}



aside .wp-block-search .wp-block-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a4a4a4;
  opacity: 1; /* Firefox */
}

aside .wp-block-search .wp-block-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a4a4a4;
}

aside .wp-block-search .wp-block-search__input::-ms-input-placeholder { /* Microsoft Edge */
  color: #a4a4a4;
}


.wp-block-search__inside-wrapper{
    border: none;
}


.ac:hover .ac-trigger::after{
    color: #ffc549;
}