/*
Theme Name:     Gridlove Child
Theme URI:      https://mekshq.com/theme/gridlove
Description:    Child theme for Gridlove theme
Author:         meks
Author URI:     https://mekshq.com
Template:       gridlove
Version:        0.2.2
*/
.acf-download-group {
    margin-bottom: 10px;
}
.flex-cols-acf-group {
    margin: 5px;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 calc(50% - 10px);

}
.acf-group-w-fl {
    margin: 5px;
}
.widget {
    padding: 25px 15px 20px;
}
ul.pros-ul li span.checkmark {
    display:inline-block;
    margin-right:10px;
    margin-left:10px
}
ul.pros-ul li span.checkmark:after {
    content:"";
    display:block;
    width:6px;
    height:10px;
    border-style:solid;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
    border-color:#009224
}
ul.pros-ul li,
ul.cons-ul li {
    font-size:13px;
    line-height:20px
}
ul.pros-ul li {
    color:#009224
}
.pros-cons-box .info_title {
    font-size:16px
}
.pros-cons-box .info_title .pointer {
    background-position-y:6px
}
.pros-cons-content {
    display:block
}
.pros-title,
.cons-title {
    font-size:18px;
    color:#fff;
    margin-bottom:10px
}
.pros-cons-content>div.items-prc {
    margin-top:5px
}
.pros-title {
    background:#009224
}
.cons-title {
    background:#ed1c24
}
.arrow_box {
    position:relative;
    padding:5px 7px;
    width:90%
}
.arrow_box:after,
.arrow_box:before {
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.pros-title.arrow_box:after,
.pros-title.arrow_box:before {
    border-left-color:#009224
}
.cons-title.arrow_box:after,
.cons-title.arrow_box:before {
    border-left-color:#ed1c24
}
.arrow_box:after {
    border-color:rgba(0,146,36,0);
    border-width:20px;
    margin-top:-20px
}
.arrow_box:before {
    border-color:rgba(0,146,36,0);
    border-width:20px;
    margin-top:-20px
}
ul.cons-ul li {
    color:#ed1c24;
    padding-left:25px;
    position:relative
}
.cons_box {
    position:absolute;
    width:32px;
    height:15px;
    left:0;
    top:4px
}
.cons_box:before,
.cons_box:after {
    position:absolute;
    left:10px;
    content:' ';
    height:12px;
    width:2px;
    background-color:#ed1c24
}
.cons_box:before {
    transform:rotate(45deg)
}
.cons_box:after {
    transform:rotate(-45deg)
}
.rating-prc {
    text-align:center;
    margin-bottom:10px
}
.top-rating,
.rating-link-form {
    font-size:13px
}
.stars-show {
    text-align:center;
    padding:5px 0
}
.stars-show span.rating {
    margin:0 auto
}
.comment-area {
    margin-top:10px
}
.comment-area .form-comment form.program-form .form-field {
    margin-bottom:5px
}
.comment-area .form-comment form.program-form .form-field label,
.comment-area .form-comment form.program-form .form-field input {
    font-size:13px;
    display:block;
    width:99%
}
.comment-area .title-comment-box {
    font-size:18px;
    margin-bottom:10px
}
.alert {
    padding:10px;
    color:#fff;
    margin-bottom:15px;
    font-size:13px
}
.alert-errors {
    background-color:#8b0000
}
.alert ul li:first-child {
    margin-bottom:10px;
    list-style:none
}
.alert ul {
    margin-left:20px
}
.alert ul li {
    font-size:13px;
    list-style:circle
}
.alert-success {
    background-color:#009224
}
.alert-warning {
    background-color:#ffa915;
    padding:10px;
    font-size:13px
}
.lists-comment-high {
    margin-top:10px
}
.lists-comment-high ul.comment-list-items {
    margin:0;
    font-size:13px
}
.lists-comment-high ul.comment-list-items li {
    width:100%;
    margin:7px 0;
    text-align:justify
}
.lists-comment-high ul.comment-list-items li span.cmt-name {
    font-size:11px;
    font-style:italic
}
.lists-comment-high ul.comment-list-items li .content-cmt:before,
.lists-comment-high ul.comment-list-items li .content-cmt:after {
    font-size:20px;
    font-style:italic;
    font-weight:bold
}
.lists-comment-high ul.comment-list-items li .content-cmt:before {
    content:'" '
}
.lists-comment-high ul.comment-list-items li .content-cmt:after {
    content:' "'
}
textarea.input-control {
    resize:none;
    width:99%
}
.btn-comment {
    font-size:13px
}
.text-more,
.reduce-less {
    color:#009224;
    cursor:pointer
}
.pros-cons-box {
    margin:0 5px;
    margin-top:10px;
    max-width:330px
}
.form-field .error {
    margin-left:0
}
@media screen and (max-width:740px) {
    .pros-cons-box {
        max-width:100%
    }
}
.widget_text a.rush-buy {
    display: block;
    border: 0;
    text-decoration: none;
    height: 115px;
    background: url('img/rush_4_buy_button.png') no-repeat left center transparent;
    background-size: contain;
}
.rush-buy span.text-pris-tl {
    display: inline-block;
    margin-top: 50px;
    color: #356AA0;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #356AA0;
    margin-left: 10px;
}
.buybtn-pre-ds {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    margin-left: 10px;
    line-height: 10px;
    font-size: 13px;
    color: #356aa0;
}
.pros_cons_title-widget {
    font-size: 16px;
}
h4.widget-title {
    font-size: 16px;
}
.module-desc {
    width: 100%;
    max-width: 100%;
}
.childtheme-grap-content {
    display: flex;
    gap: 20px;
}
.slick-slider-child-cateSubmenu .step-category {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}

.slick-slider-child-cateSubmenu {
    max-height: 400px; /* Set the height for the vertical slider */
    overflow: hidden;
    overflow-y: auto;
    background-color: #f9f9f9;
}
.slick-slider-child-cateSubmenu .slick-list {
    max-height: 300px; /* Apply max height to the sliding area */
    overflow: hidden; /* Prevent overflow of slides */
    height: 300px !important;
}
.childtheme-content-cat-desc {
    flex: 4; /* 80% width */
}

.childtheme-categories-sub {
    flex: 1; /* 20% width */
    padding: 10px;
    padding-top: 0;
}
.childtheme-categories-sub-childsubs {
    margin-left: 20px;
}

.step-category a {
    text-decoration: none;
    color: black;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border: none;
    background: none;
    border-bottom: 1px dashed #DCDCDC;
}

/* Mobile layout */
@media screen and (max-width: 768px) {
    .childtheme-grap-content {
        flex-direction: column; /* Stack into rows */
    }

    .childtheme-content-cat-desc, .childtheme-categories-sub {
        flex: 1; /* Full width */
    }
    .slick-slider-child-cateSubmenu, .slick-slider-child-cateSubmenu .slick-list {
        height:150px;
        max-height: 150px;
    }
    .gridlove-site-header.custom-mb-gridlove-head {
        height: auto;
    }
}
.slick-prev-cs, .slick-next-cs {
    position: absolute;
    color: #555;            /* Arrow color */
    font-size: 12px;        /* Arrow size */
    border: none;
    border-radius: 50%;     /* Make buttons circular */
    width: 20px;
    height: 20px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

.slick-prev-cs::before, .slick-next-cs::before {
    content: ''; /* Remove default Slick arrows */
}

.slick-prev-cs {
    top: 0; /* Position above the slider */
    right: 0;
    content: '\25BC'; /* Unicode for Down arrow */
}

.slick-next-cs {
    bottom: 0; /* Position below the slider */
    right: 0;
    content: '\25B2'; /* Unicode for Up arrow */
}

.slick-prev-cs:hover, .slick-next-cs:hover {
    background-color: #555; /* Hover effect */
    color: #fff;
}
.step-category .custom-cats {
    font-weight: bold;
}
.downloads-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.downloads-list .highlighted {
    text-align: left;
    background-color: #cfd0f0 !important;
}
.downloads-list li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.item.full_width {
    display: block;
    width: 100%;
}

.left.item-image2 {
    margin-right: 15px;
    float: left;
}

.left.item-description {
    flex: 1;
}

.column3 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.column-item {
    flex: 1;
    margin-right: 10px;
}
#top-sort-form {
    clear: both;
    overflow: hidden;
    text-align: right;
}
#top-sort-form label {
    text-align: right;
}
#top-sort-form select#top-sort-select {
    width: 150px;
    margin-left: 10px;
}
/* Pagination Container */
.pagination {
    text-align: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

/* Pagination Links */
.pagination a,
.pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Active Page */
.pagination .current {
    background-color: #0073aa;
    color: #fff;
    font-weight: bold;
    border-color: #0073aa;
}

/* Hover Effect */
.pagination a:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* First and Last Page Links */
.pagination .prev,
.pagination .next {
    font-weight: bold;
}

/* Remove Link Outline on Focus */
.pagination a:focus {
    outline: none;
}
.gridlove-header-top li {
    padding: 0 5px;
}
.menu-item-type-custom img:hover {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}

.pros-ul li,
ul.cons-ul li {
    margin-left: 25px;
}

ul.cons-ul,.pros-ul{
    text-indent: 10px;
}

.pros-ul li::marker {
    content: "\2714";
    /* Custom marker */
    color: #009224;
    margin-left: 5px;
    font-size: 1.2em;
    font-weight: bold;
}

ul.cons-ul li {
    padding-left: 0px !important; 
}

ul.cons-ul li::marker {
    content: "\0058";
    color: #ed1c24;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 5px;
}

ul.pros-ul li span.checkmark::after,.cons_box:before, .cons_box:after,ul.pros-ul li span.checkmark{
    display:none;
    margin:0px!important;
}
.entry-content.n-blog div {
    margin: 0 0 24px;
}

/** List sort items follow top download level. **/
.downloads-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 cột */
    gap: 20px; /* khoảng cách giữa các item */
}

ul.downloads-list .highlighted {
    text-align: left;
    background-color: #cfd0f0 !important;
}

.downloads-list li {
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
    border: 0;
    padding-left: 0;
    list-style: list-item;
}
.downloads-list li:nth-child(odd) {
    margin-right: 10px;
}
.downloads-list li::marker {
    font-size: 1.5em;   /* tăng kích thước số */
    font-weight: bold;  /* in đậm */
    color: #0073aa;     /* đổi màu nếu muốn */
}


.item.full_width {
    display: block;
    width: 100%;
}

.left.item-image2 {
    margin-right: 15px;
    float: left;
}

.left.item-description {
    flex: 1;
}

.column3 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.column-item {
    flex: 1;
    margin-right: 10px;
}

#top-sort-form {
    clear: both;
    overflow: hidden;
    text-align: right;
}
#top-sort-form label {
    text-align: right;
}
#top-sort-form select#top-sort-select {
    width: 150px;
    margin-left: 10px;
}

/* Pagination Container */
.pagination {
    text-align: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

/* Pagination Links */
.pagination a,
.pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Active Page */
.pagination .current {
    background-color: #0073aa;
    color: #fff;
    font-weight: bold;
    border-color: #0073aa;
}

/* Hover Effect */
.pagination a:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* First and Last Page Links */
.pagination .prev,
.pagination .next {
    font-weight: bold;
}

/* Remove Link Outline on Focus */
.pagination a:focus {
    outline: none;
}

.gridlove-header-top li {
    padding: 0 5px;
}

.menu-item-type-custom img:hover {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}

.pros-ul li,
ul.cons-ul li {
    margin-left: 25px;
}

ul.cons-ul,
.pros-ul {
    text-indent: 10px;
}

.pros-ul li::marker {
    content: "\2714";
    /* Custom marker */
    color: #009224;
    margin-left: 5px;
    font-size: 1.2em;
    font-weight: bold;
}

ul.cons-ul li {
    padding-left: 0px !important;
}

ul.cons-ul li::marker {
    content: "\0058";
    color: #ed1c24;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 5px;
}

ul.pros-ul li span.checkmark::after,
.cons_box:before,
.cons_box:after,
ul.pros-ul li span.checkmark {
    display: none;
    margin: 0px !important;
}
/* Responsive: về 1 cột trên mobile */
@media (max-width: 768px) {
    .downloads-list {
        grid-template-columns: 1fr;
    }
}

.responsive-img {
    width: 100%;
    height: auto;
    display: block;
}
/*
.gridlove-cover-bg {
    min-height: 300px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
body.single .gridlove-cover-area .gridlove-cover-bg img:first-of-type {
    object-fit: cover !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
}
@media screen and (max-width: 768px) {
    .gridlove-cover-bg img {
        display: none !important;
    }
}*/