/* front end */
.greenDot {
    font-size: 24px;
    margin-left: 7px;
    margin-right: 8px;
    top: 2px;
}

.blog-item-card .card-image {
    width: 50%;
}

.blog-item-card .card-details {
    width: 50%;
    padding: 2px 8px 2px 8px;
}

.blog-item-card .card-details h2 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5rem;
}

.container.blog {
    padding: 1.5rem 0.75rem;
}

.container.blog.detail {
    padding: 1.5rem 1rem;
}

.blog-post-content p {
    margin-bottom: 1rem;
}

.blog-post-content ul li {
	list-style: disc !important;
}

.blog-post-content ol li {
	list-style: decimal !important;
}

.blog-post-content ul, .blog-post-content ol {
    margin-bottom: 1rem;
	white-space: normal !important;
	margin-left: 18px;
}

/* Blog post tables: bordered and responsive */
.blog-post-content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #cbd5e1; /* slate-300 */
    table-layout: fixed; /* make columns share full width */
    word-break: break-word;
    overflow-wrap: anywhere;
}

.blog-post-content th,
.blog-post-content td {
    border: 1px solid #cbd5e1;
    padding: 8px;
}

/* On small screens, allow horizontal scroll rather than overflowing the page */
@media (max-width: 640px) {
    .blog-post-content table {
        display: table;                   /* normal table rendering */
        table-layout: fixed;              /* equal column widths */
        width: 100%;                      /* always fit container */
        max-width: 100%;
        border-collapse: collapse;
    }
    .blog-post-content th,
    .blog-post-content td {
        white-space: normal;              /* allow wrapping */
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

.blog-youtube-container::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.blog-similar-description, .blog-similar-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-similar-title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

@media(min-width: 768px){
    .blog-item-card .card-image {
        width: 33%;
    }
    
    .blog-item-card .card-details {
        width: 66%;
        padding: 2px 18px 16px 14px;

    }
}

@media(min-width: 768px) and (max-width: 1199px){
    .blog-item-card .card-details .description {
        font-size: 14px;
    }
}


@media(min-width: 1200px){
    .container.blog, .container.blog.detail {
        padding-top: 1.5rem;
        padding-left: 0;
        padding-right: 0;
    }

    .blog-detail-side {
        padding-top: 75px;
    }

    .blog-item-card .card-details .description {
        display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .blog-item-card .card-image {
        width: 44%;
    }
    
    .blog-item-card .card-details {
        width: 56%;
    }

    .blog-item-card .card-details h2 {
        font-size: 1.15rem;
        font-weight: 500;
    }
    
    .similarListings.container.blog > div {
        width: 66.666666%;
    }

    .similarListings.container.blog > .swiper-container {
        margin-left: 0;
        margin-right: 0;
    }

    
}


/* admin */
.horizontal-accordion > ul {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.accordion--horizontal {
    width: auto;
    height: 925px;
}

.accordion__heading {
    width: 925px !important;
}

.horizontal-accordion input, .horizontal-accordion textarea {
    color: black;
    padding-left: 8px;
}

.horizontal-accordion textarea {
    padding-top: 8px;
}

#list_actionButtons {
    width: 60px !important;
}

tr.jqgfirstrow td:nth-child(2) {
    width: 60px !important;
}

.ui-jqgrid .table>tbody>tr>td {
    vertical-align: middle;
}