/* MENU */

@media screen and (min-width: 991px) {
    .the_post_thumbnail_page_post,
    .the_post_content_page_post{width: 50%;}
    .modal-search-content-links .nav{column-count: 3 !important;}
}

@media screen and (max-width: 991px) {
    .navbar-collapse-menu{ position: absolute; width: 100%; }   
    .navbar-collapse-menu.collapse{height: 0; transition: .6s;}
    .navbar-collapse-menu.collapse.show{ height: auto;}
    .navbar-collapse-content .dropdown-menu{ position: absolute; width: 100%;left: 0;}
    .navbar-collapse-menu .row{flex-direction: column;}
}

@media screen and (max-width: 767px) {
    .navbar-collapse-menu.collapse.show{  height: 100vh;}
}

@media screen and (min-width: 767px) {
    .modal-search-content-links .nav{column-count: 2;}
}


/* POSTS */
@media screen and (min-width: 1200px) {
   .the_post_thumbnail_page_post{width: 40%;}
   .the_post_content_page_post{width: 60%;}
}

@media screen and (max-width: 1200px) {
   
}

.services-post-effect .the_post_card,
.services-post-effect .the_post_card .the_post_excerpt,
.services-post-effect .the_post_card .the_post_card_effect  {transition: .5s ease;}
.services-post-effect .the_post_card .the_post_excerpt{ opacity: 0; }
.services-post-effect .the_post_card .the_post_card_effect { background-color: white; overflow: hidden; height: 5rem;} 
.services-post-effect .the_post_card:hover .the_post_card_effect {height: 100%;}
.services-post-effect .the_post_card:hover .the_post_card_effect .the_post_excerpt{ opacity: 1;}

/* SIDEBAR STICKY */
@media screen and (min-width: 767px) {
    .sidebar-sticky.sticky-top{z-index: 900 !important;}
    .sidebar-sticky.sticky-top{top: 15%;}
}

@media screen and (max-width: 767px) {
    .sidebar-sticky.sticky-top{position: relative !important; z-index: 900;}
}

/* CATALOGO */
@media screen and (min-width: 991px) {
    .product-categories-list{position: sticky; top: 14%;}
}

.redes .btn{
    width: 2.5rem; height: 2.5rem;
    display: flex;
    place-content: center;
}

.parallax{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 60vh;
}

.parallax-first{background: url(../images/wallpaper/parallax/parallax-first.jpg);}