@import url('./all.css');

:root {
    --background: #ffffff;
    --foreground: #171717;
}

img {
    height: auto;
}
main {
    min-height: 700px;
}
.w-full {
    width: 100%;
}
.table-of-content li {list-style: none;}

.review-wrapper img {
    max-width: 100%;
    height: auto;
}
.news-posts-container {
    min-height: 500px;
}

@theme inline {
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
}

.banner-section .box .title a:hover {
    color: #ecb32a !important;
}
.banner-section .info .time a:hover {
    color: #26a72c !important;
}

.copyright_row {background: #262620;text-align: center;color: rgba(255, 255, 255, 0.6);padding: 24px 0 20px;border-top: 1px solid rgba(204, 204, 204, 0.5);font-size: 13px;font-weight: 500; margin-top: 50px;}
.lazyload,.lazyloading,.lazyloaded {transition: opacity 0.7s ease, transform 0.5s ease;}
.lazyload,.lazyloading {opacity: 0;transform: scale(1.1);}
.lazyloaded {opacity: 1;transform: scale(1);}

div#u_content_html_1 {
    padding: 0 !important;
}

html {
    scroll-behavior: smooth;
}

/*.container,*/
/*.container-fluid,*/
/*.container-lg,*/
/*.container-md,*/
/*.container-sm,*/
/*.container-xl,*/
/*.container-xxl,*/
#u_content_html_2{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.navbar .collapse, .navbar .nav-item {
    text-align: left !important;
}

@media (max-width: 1024px) {
    li.Navbar-module__eVzsNW__dealsItem{
        width: 85px;
        padding: 5px;
    }
}

.page-heading {
    color: #262620;
    text-align: left;
    font-family: Permanent Marker;
    font-weight: 400;
    font-style: normal;
}

.background-green {
    background: #26a72c;
}
.toc-list li {
    list-style: none !important;
}

ol.breadcrumb,
ul.breadcrumb {
    padding-left: 0 !important;
    margin-bottom: 0;
}

.breadcrumb .breadcrumb-item li span.active {
    color: #26A72C !important;
}

.toc-list li.active a {
    color: #2563eb; /* Tailwind blue-600 */
    font-weight: 600; /* semi-bold */
}

.table-of-content li::marker {
    color: #000000;
    font-weight: 500;
}

.table-of-content li a {
    margin-left: 5px;
    font-size: 100%;
    font-weight: 500;
}
.u_row .container {
    padding: 0 !important;
}

.tborder {
    border-top: 3px solid rgba(255,255,255,.3);
    margin-bottom: 20px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    margin-top: 20px;
}

.active.tborder {
    border-color: #fff;
}

.banner-selected-content .text {
    display: none;
}

.banner-selected-content .text.active {
    display: block;
}
.main-img img {
    border-radius: 15px;
}
.box.categories ul li {
    list-style: none !important;
}
.banner-selected-content a.tag,
.box a.tag {
    font-size: 12px;
    font-weight: 500;
}
.banner-selected-content a.tag:hover,
.box a.tag:hover {
    background-color: #363636;
}
.info .tag {
    border: 1px solid #a8a8a8;
    background-color: transparent;
}
.info .tag:hover {
    background-color: rgb(38, 167, 44);
    border-color: rgb(38, 167, 44);
}
.info .tag:hover a {
    color: #fff;
}
.info .tag a, .info .time{
    color: #363636;
    font-weight: 500;
    font-size: 12px;
}
.info .time svg {
    fill: #363636;
}

.thumbnail-card h3.title a {
    text-decoration: none;
}
.thumbnail-card h3.title a:hover{
    color: rgb(38, 167, 44);
    text-decoration: none;
}
.popular .item .detail .info a {
    font-size: 10px;
    color: #fff;
}
.popular .item .detail .title a:hover {
    text-decoration: none;
    color: rgb(38, 167, 44);
}
.banner-selected-content .info .time,
.banner-selected-content .info .time svg,
.bs-bullets .info .time,
.bs-bullets .info .time svg {
    color: #fff;
    fill: #fff;
}

.pros-and-cons h3 {
    font-family: Poppins,serif;
    font-weight: 700;
    font-size: 24px;
}

.pros-and-cons li {
    list-style: outside !important;
    margin-left: 20px;
    margin-bottom: 5px;
    font-family: Poppins;
    font-weight: 500;
}

.wp-block-list li {
    margin-left: 20px;
    font-family: Poppins;
    list-style: outside;
}

.pros-and-cons li, .wp-block-list li {
    margin-bottom: 0 !important;
}

p:empty {
    display: none;
}

figure.aligncenter img {
    display: block;
    margin: 0 auto;
}

strong, b {
    font-weight: 600;
    font-family: Poppins;
}

.content-section ul li {
    margin-bottom: 20px;
    list-style: outside;
    font-family: 'Poppins';
    line-height: 28px !important;
}
.content-section ul li.social {
    list-style: none !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Poppins;
    font-weight: 700;
}
.side-pane .categories ul li {
    margin-bottom: 0;
}
.heading1 .icon {
    display: inline-block;
    vertical-align: middle;
}
.wp-block-list li {
    position: relative;
    padding: 0;
    margin: 0 0 10px;
    line-height: 18px;
    color: #222222;
    border: none;
    font-size: 15px;
}

.pros-and-cons {
    margin-bottom: 30px;
}

.ytcv-videos-slider .ytcv-slide{padding:0 10px}
.ytcv-video-thumbnail{border-radius:10px;position:relative;padding-top:56.25%;overflow:hidden}
.ytcv-video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.content-section .ytcv-video-title{font-size:16px;line-height:1.4;color:red;min-height:65px;margin-bottom:0;padding-top:10px}
.ytcv-video-card h3.ytcv-video-title a{letter-spacing:0}
.ytcv-video-meta{display:flex;align-items:center;gap:30px;margin-top:8px;font-size:13px;color:#6b7280}
.ytcv-video-date,.ytcv-video-views{display:flex;align-items:center;gap:4px}
.ytcv-video-title a,.ytcv-videos-slider .ytcv-video-date,.ytcv-videos-slider .ytcv-video-views{color:#fff}
.yt-slider-wrapper{background-color:#262620;padding:40px 20px;margin:40px 0;border-radius:15px}
.yt-slider-wrapper>h2{font-size:40px;color:#fff;text-align:left;font-family:Permanent Marker;font-weight:400;font-style:normal}
.yt-slider-wrapper>h2 span{color:#26a72c}
.yt-slider-wrapper hr{color:#fff}
.yt-slider-wrapper .ytcv-videos-slider{margin-top:25px;margin-bottom:25px}
.ytcv-videos-slider .slick-next,.ytcv-videos-slider .slick-prev{width:50px;height:50px;z-index:1}
.ytcv-videos-slider .slick-next,.ytcv-videos-slider .slick-prev{top:-25%!important}
.ytcv-videos-slider .slick-prev{left:89%!important}
.ytcv-videos-slider .slick-next{right:-5px}
.ytcv-videos-slider .slick-next:before,.ytcv-videos-slider .slick-prev:before{font-size:40px}
.ytcv-play-icon::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);width:0;height:0;border-top:12px solid transparent;border-left:20px solid #fff;border-bottom:12px solid transparent}
.ytcv-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;opacity:0;transition:opacity .3s}
.ytcv-play-icon{background:#26a72c!important}
.ytcv-video-thumbnail:hover .ytcv-play-icon{opacity:1}

.breadcrumb-item.active {
    color: #26A72C;
}

.side-pane .tag:hover {
    background: #ecb32a!important;
    border-color: #ecb32a!important;
}
.side-pane.blog .tag:hover {
    background: #26a72c!important;
    border-color: #26a72c!important;
}
.pagination button {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0 !important;
}
.count {
    font-size: 16px;
}
.banner-section .box .info .time, .banner-section .active .box .info .time {
    font-size: 16px;
    font-weight: 600;
}

.footer-section .links ul li a
{
    font-weight: 500 !important;
}
@media(min-width: 768px){
    .banner-section {
        padding: 50px 50px 0;
    }
    .navbar .navbar-brand img {
        height: 60px;
        width: 250px;
    }
    .navbar {
        padding: 5px 20px;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --background: #0a0a0a;
        --foreground: #ededed;
    }
}


@media(min-width: 768px){
    .collapse {visibility: visible}
}

@media(max-width: 767px){
    .collapse.show {visibility: visible}
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #26a72c !important;
}