#content .archive-subtitle, 
#content .archive-title, 
#content .entry-title {
    color: var(--font-color-default);
}

.custom-archive-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .custom-archive-feed {
        width: 61.6%;
    }

        .custom-archive-feed-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 100px;
        }
        
            .custom-archive-feed-item {
                position: relative;
            }
            
                .custom-archive-feed-item-photo {}
                
                    .custom-archive-feed-item-photo-inner {
                        padding-top: 20px;
                        padding-right: 20px;
                        position: relative;
                    }

                        .custom-archive-feed-item-photo-inner a{
                            display: block;
                            position: relative;
                        }
                    
                            .image-canvas-overlay {
                                position: relative;
                            }
                            
                                .image-canvas-overlay canvas {
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                }
                                
                                .image-canvas-overlay img {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    object-position: center;
                                }
                            
                        .custom-archive-feed-item-photo-inner::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            right: 0;
                            background: var(--primary-color);
                            width: calc(100% - 20px);
                            height: calc(100% - 20px);
                        }
                        
                .custom-archive-feed-item-details {}
                
                    .custom-archive-feed-item-details > div {
                        padding-top: 20px;
                    }
                    
                    .custom-archive-feed-item-date {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                    }
                    
                        .custom-archive-feed-item-date span, 
                        .custom-archive-feed-item-author span {
                            color: var(--primary-color);
                            font-size: 14px;
                            font-weight: 500;
                            line-height: 1;
                        }

                    .custom-archive-feed-item-title,
                    .custom-archive-feed-item-description{
                        padding-right: 8%;
                    }
                        
                        #content .custom-archive-feed-item-title h2 {
                            font-size: 34px;
                            line-height: 1.2;
                            margin: 0;
                            color: var(--font-color-default);
                            font-weight: 500;
                            transition: var(--default-transition);
                        }

                        #content .custom-archive-feed-item-title a:hover h2{
                            color: var(--primary-color);
                        }
                        
                    .custom-archive-feed-item-author {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                    }

                        .custom-archive-feed-item-author img.avatar {
                            width: 51px;
                            height: auto;
                        }
                        
                        .custom-archive-feed-item-author img {
                            border-radius: 50%;
                        }

                    .custom-archive-feed-item-description{}
                        
                        #content .custom-archive-feed-item-description p {
                            margin: 0;
                            line-height: 2;
                            font-size: 14px;
                        }
                        
                    .custom-archive-feed-item-button{}

                        .site-btn a, .site-btn button {
                            padding: 13px 5px;
                        }
                        
                        .custom-archive-feed-item-button .wc-btn {
                            margin-top: 35px;
                        }

    .custom-archive-sidebar {
        width: 25.6%;
        padding: 35px 25px 60px;
        position: relative;
    }

        .custom-archive-sidebar-inner {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 45px;
        }

            .custom-archive-sidebar-bg, 
            .custom-archive-sidebar-bg canvas {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
            }

            .custom-archive-sidebar-bg {
                background: var(--primary-color);
            }
            
                .custom-archive-sidebar-bg canvas {
                    background-position: center;
                    background-size: cover;
                    filter: grayscale(1);
                    opacity: 0.1;
                }

            .custom-archive-sidebar-search-inner {
                padding-top: 15px;
            }

            #content .custom-archive-sidebar-search-inner{}

                #content .custom-archive-sidebar-inner h3 {
                    display: block;
                    font-size: 18px;
                    letter-spacing: 0.100em;
                    color: #fff;
                    font-weight: 500;
                    border-bottom: 1px solid rgba(255,255,255,0.5);
                    margin: 0;
                    padding-bottom: 15px;
                }
                
                #content .custom-archive-sidebar-search-inner form {
                    margin: 0;
                    display: flex;
                }

                    #content .custom-archive-sidebar-search-inner form .sidebar-search-field-group {
                        width: calc(100% - 40px);
                    }

                        #content .custom-archive-sidebar-search-inner form .sidebar-search-field-group label {
                            display: none;
                        }

                    #content .custom-archive-sidebar-search-inner form .sidebar-search-field-group.submit-field {
                        width: 40px;
                    }

                        #content .custom-archive-sidebar-search-inner form .sidebar-search-field-group button {
                            padding: 0;
                            width: 40px;
                            height: 40px;
                            border: 1px solid #fff;
                            background: #fff;
                            font-size: 17px;
                            outline: none;
                            transition: var(--default-transition);
                        }

                        #content .custom-archive-sidebar-search-inner form .sidebar-search-field-group input {
                            height: 40px;
                            width: 100%;
                            border: 0;
                            border-bottom: 1px solid #fff;
                            background: transparent;
                            color: #ffff;
                            opacity: 0.5;
                            font-size: 14px;
                            font-weight: 400;
                            letter-spacing: 0.100em;
                            outline: none;
                        }

                        #content .custom-archive-sidebar-search-inner form .sidebar-search-field-group button:hover {
                            background: var(--hover-color);
                            border-color: var(--hover-color);
                            color: #fff;
                        }

            .custom-archive-sidebar-smi-inner {
                padding-top: 15px;
            }

                #content .custom-archive-sidebar-smi-inner ul {
                    display: flex;
                    align-items: center;
                    margin: 0;
                    list-style-type: none;
                    gap: 18px;
                }

                    #content .custom-archive-sidebar-smi-inner ul li {}

                        #content .custom-archive-sidebar-smi-inner ul li a {
                            color: #fff;
                            font-size: 23px;
                        }

                        #content .custom-archive-sidebar-smi-inner ul li a:hover{
                            opacity: 0.7;
                        }

                            #content .custom-archive-sidebar-smi-inner ul li a i {
                                font-style: normal;
                            }

                            #content .custom-archive-sidebar-smi-inner ul li a i.ai-font-tiktok {
                                font-size: 19px;
                                position: relative;
                                top: -3px;
                            }

            .custom-archive-sidebar-categories-inner {
                padding-top: 15px;
            }
            
                #content .custom-archive-sidebar-categories-inner ul {
                    list-style-type: none;
                    margin: 0;
                }
                
                    .custom-archive-sidebar-categories-inner ul li {}
                    
                        .custom-archive-sidebar-categories-inner ul li a {
                            color: #fff;
                            font-size: 14px;
                            line-height: 2.143;
                            letter-spacing: 0.050em;
                            font-weight: 500;
                        }

            .custom-archive-feed-pagination {
                padding: 50px 0 0;
            }

                .custom-archive-feed-pagination-inner {
                    text-align: center;
                }

                    #content .custom-archive-feed-pagination-inner ul {
                        margin: 0;
                        list-style-type: none;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        #content .custom-archive-feed-pagination-inner ul li {
                            padding: 3px;
                        }

                            #content .custom-archive-feed-pagination-inner ul li a {
                                width: 30px;
                                height: 30px;
                                font-size: 13px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                background: var(--primary-color);
                                color: #fff;
                            }

                            #content .custom-archive-feed-pagination-inner ul li a.active, 
                            #content .custom-archive-feed-pagination-inner ul li a:hover {
                                background: var(--hover-color);
                            }

                            .custom-archive-feed-pagination-inner .page-numbers {
                                font-size: 13px;
                                background: var(--primary-color);
                                color: #fff;
                                padding: 3px;
                                display: inline-block;
                                width: 30px;
                                height: 30px;
                            }

                            .custom-archive-feed-pagination-inner .page-numbers:hover {
                                color: #fff;
                            }

                            .custom-archive-feed-pagination-inner .page-numbers:hover,
                            .custom-archive-feed-pagination-inner span.page-numbers.current {
                                background: var(--hover-color);
                            }

                            .custom-archive-feed-pagination-inner a.prev.page-numbers,
                            .custom-archive-feed-pagination-inner a.next.page-numbers {
                                display: none;
                            }

@media only screen and (max-width: 991px) {
    .custom-archive-feed, .custom-archive-sidebar {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    
    .custom-archive-sidebar {
        max-width: 400px;
    }
    
    .custom-archive-wrap {
        justify-content: center;
        flex-direction: column;
        gap: 50px;
    }
    
    #content .archive-subtitle, 
    #content .archive-title, #content .entry-title {
        text-align: center;
    }
}