/*
Theme Name: Qi Child
Theme URI: https://qodeinteractive.com/qi-theme
Template: qi
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Description: Qi theme is the latest free offering developed by Qode Interactive, winners of multiple awards and accolades in the fields of web design and development and one of bestselling WordPress theme creators. We approached Qi the same way we do when we develop premium themes - this means that the theme features comprehensive modules for your portfolio, shop, blog, a beautiful selection of contemporary premade inner page templates great for a wide array of purposes, and all the options and functionalities you may ever need to set up a professional website the easy way. Qi theme features 100 beautifully designed starter sites for all types of modern websites. Alongside stunningly designed websites for all types of businesses including spa, beauty salon, medical, SaaS, marketing, gym, and dentist websites, just to name a few, Qi also has a huge collection of sites great for personal uses. Do you wish to create a new CV or a resume, or perhaps you are a restaurant owner, a videographer or an SEO expert? Or maybe you’re just looking for a captivating yet simple way to announce your wedding? Whatever it might be, Qi has you covered! Top all this off with the authentic design style that Qode Interactive collective is known for, and you get a true creative powerhouse that’s fast, reliable and comes with virtually limitless customization options!
Tags: food-and-drink,e-commerce,portfolio,grid-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,featured-images,custom-logo,custom-menu,footer-widgets,post-formats,full-width-template,sticky-post,threaded-comments,translation-ready,editor-style
Version: 1.3.1741721670
Updated: 2025-03-11 16:34:30

*/

.single-post .qodef-page-title {
    background-color: #ffffff;
    height: 100px;
    display: none;
}

.single div#qodef-page-inner {
    margin-top: 10%;
}

span.cat, .uppercase {text-transform:uppercase;    
font-weight: 500;
    letter-spacing: 0.2px;}



.title-column {
    flex: 1; /* Faz a coluna do título ocupar o espaço restante */
}

.title-column  h2.post-title {
    margin: 0;
    line-height: 1;
}

.related-posts-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    margin-bottom: 30px;
    align-items: center;
}


.related-posts h2 {font-size: 2.5em;
    line-height: 1;}
    
.related-posts {margin:5% 25px;    overflow: hidden;}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Espaçamento entre as colunas */
}


.post-thumbnail {overflow: hidden;}
.post-thumbnail img {
    width: 100%; /* Thumbnail ocupa 100% da largura da coluna */
    height: auto; /* Mantém a proporção */transition: transform .4s cubic-bezier(.25,.46,.45,.94);

}
.post-thumbnail img:hover {transition: transform .4s cubic-bezier(.25,.46,.45,.94);
    transform: scale(1.037); }

.posts-container .post-title {
font-family: "Inter";
    font-size: 20px;
    line-height: 26px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin:20px 0;
}

.post-title a {
    text-decoration: none; /* Remove sublinhado do link */
}
.slidearrows button {
    background: #0073e6;
    color: #fff;
    border: none;
    padding: 10px 15px;
    font-size: 16px;   
    margin: 0 5px;
}

button.btnleft, button.btnright {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:30px;
    font-size:0;
    padding:20px;
    background-color:transparent;
}

button.btnleft {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8'/%3E%3C/svg%3E");
}

button.btnright {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");

}

.posts-container {
    display: flex;
    gap: 10px;
    transition: transform 0.5s ease; /* Animação de deslize */
}
.slidearrows {display:none;}
.post-column {
    flex: 0 0 calc(70% - 10px); /* 5 colunas por linha (ajuste conforme necessário) */
    box-sizing: border-box;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
}

.thumbnail-column img {
    width: 100%;
}
.thumbnail-column {margin-bottom:20px;}

.readmore {
font-family: "Karla";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
background-image: url("data:image/svg+xml,%3Csvg class='qodef-theme-button-icon' xmlns='http://www.w3.org/2000/svg' width='20' height='11' viewBox='0 0 20 11'%3E%3Cpath d='M1.074,4.265H17.012L13.55,1.212a0.564,0.564,0,0,1-.025-1A0.762,0.762,0,0,1,14.67.239l4.888,4.248a0.445,0.445,0,0,1,.2.221,0.718,0.718,0,0,1,0,.531,0.443,0.443,0,0,1-.2.221L14.67,9.707a0.761,0.761,0,0,1-1.146.022,0.564,0.564,0,0,1,.025-1l3.463-3.053H1.074a0.86,0.86,0,0,1-.586-0.2A0.644,0.644,0,0,1,.259,4.973V4.663l0.229-.2a0.86,0.86,0,0,1,.586-0.2h0Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:90% 50%;
padding: 0 40px 0 0;
transition: background-position .25s ease-in-out;

}
.readmore:hover{background-position:100% 50%;transition: background-position .25s ease-in-out;}


#qodef-page-footer-top-area .qodef-content-full-width {padding:0;}


.related-posts h2 {
    font-size: 1.8em; }
    
    
    
 .i_whats    {
 font-size:0;
 width:25px;height:25px;
 background-repeat:no-repeat;
 background-size:cover;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-whatsapp'%3E%3Cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3E%3C/svg%3E");
 }
    
    
    
    .qodef-mobile-header-opener {margin-left:-10px;}
    
    
 .posts-container {overflow:scroll;}   
 
nav.qodef-mobile-header-navigation.qodef-mobile-header-navigation-initial {
    border-bottom: 2px solid;
}  



/* Estilos do popup de cookies */
.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 15px 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
}

.cookie-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.cookie-content p {
    margin: 0;
    flex: 1;
    min-width: 250px;
}

.cookie-content a {
    color: #000;
    text-decoration: underline;
}

.cookie-content a:hover {
    text-decoration: underline;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
}

.cookie-btn {
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
}

.cookie-btn.accept {
    background-color: #000;
    color: white;
}

.cookie-btn.accept:hover {
    background-color: #000;
}

.cookie-btn.reject {
    background-color: transparent;
    color: #000;
}


@media (max-width: 600px) {
    .cookie-content {
        flex-direction: column;
        text-align: center;
    }
    
    .cookie-buttons {
        width: 100%;
        justify-content: center;
    }
}



@media only screen and (min-width: 1441px) {

.slidearrows {display:table;}

.posts-container {overflow:initial;}   

li.ag a span {
    position: fixed !important;
    right: 25px;
    border: 2px solid;
    padding: 20px 40px;
    background-color: #000000;
    color: #fff;
}


#qodef-page-footer-top-area .qodef-content-full-width {padding:50px 0;}

#qodef-page-footer-top-area-inner {
    padding: 50px 0 58px 0;}


    .qodef-content-grid-1200 .qodef-content-grid {
        width: 1024px;
    }
    
.post-column {
    flex: 0 0 calc(20% - 10px); 
    box-sizing: border-box;
}

    
.post-container {
    display: flex;
    gap: 40px;
    align-items: flex-end;
    margin-bottom:5%;
}

.thumbnail-column {
    flex: 0 0 auto; 
}

.posts-grid {
    grid-template-columns: repeat(5, 1fr); 

}

}






@media only screen and (min-width: 360px) {

.qodef-mobile-header--standard #qodef-page-mobile-header-inner {
    padding-left: 0;
    padding-right: 0;}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
    width: 180px;}

}