/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: not-allowed;
    background-color: #dbdbdb;
    opacity: 8;

}

.placeholder-xs {
    min-height: .6em;
}

.placeholder-sm {
    min-height: .8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.error {
    color: red;
}




  .post-title a {
     text-decoration: none !important;
 }
 .secondary-section,
 .box-posts-section{
     grid-template-columns: 2fr 1.5fr !important;
     column-gap: 20px;
     display: grid;
     align-items: center;
     justify-content: center;
 }
 div#deals-discounts-posts .posts-section {
    display: grid !important;
 }
 .secondary-section {
     width: 100% !important; 
 }
 .posts-section .post-featured-image img, .posts-section .post-featured-image a{
     height: 170px !important;
     object-fit: cover;
     width: 100%;
     border-radius: 0;
 }
 .posts-section:nth-child(1),
 .box-posts-section:nth-child(1) {
    padding: 0 !important;
    border-top: none !important;
}
 .posts-section:nth-child(even),
 .box-posts-section:nth-child(even)
{
    background-color: #eceff6;
}
 .posts-section,
 .box-posts-section {
    border-top: 1px solid #eaeaea;
    padding: 40px 15px !important;
    background-color: #f8f8f8;
    
}


 div#local-news-posts .posts-section:nth-child(1),
 div#Peoples-posts .posts-section:nth-child(1),
 div#Products-posts .posts-section:nth-child(1),
 div#travel-posts .posts-section:nth-child(1),
 div#deals-discounts-posts .box-posts-section:nth-child(1){
    grid-template-columns: 2fr 1.5fr !important;
    margin-top: 15px;
    background-color: transparent;
}

div#classified-posts .box-posts-section img  {
    height: 200px !important;
     object-fit: cover;
     width: 100%;
     border-radius: 0;
}
 div#classified-posts .box-posts-section:nth-child(1){
    padding: 40px 15px !important;
}

 div#classified-posts .box-posts-section {
    grid-template-columns: 2fr 2fr !important;
}
 div#classified-posts .box-posts-section:nth-child(even) .post-featured-image {
    order: 2;
}


 div#local-news-posts .posts-section:nth-child(1) .post-featured-image img, 
 div#local-news-posts .posts-section:nth-child(1) .post-featured-image a ,

 div#local-news-posts .posts-section:nth-child(1) .post-featured-image img,
 div#local-news-posts .posts-section:nth-child(1) .post-featured-image a,

 div#travel-posts .posts-section:nth-child(1) .post-featured-image img,
 div#travel-posts .posts-section:nth-child(1) .post-featured-image a

{
    height: 400px !important;
    width: 500px;
    object-fit: cover;
    object-position: center;
}
 div#Peoples-posts .posts-section:nth-child(1) .post-featured-image img,
 div#Peoples-posts .posts-section:nth-child(1) .post-featured-image a,

 div#Products-posts .posts-section:nth-child(1)  .post-featured-image img,
 div#Products-posts .posts-section:nth-child(1)  .post-featured-image a,

 div#deals-discounts-posts .box-posts-section:nth-child(1) .post-featured-image img,
 div#deals-discounts-posts .box-posts-section:nth-child(1) .post-featured-image a
 {
    height: 265px !important;
}


 div#events-posts .main-section .post-featured-image img,
 div#events-posts .main-section .post-featured-image a
{
    height: 350px !important;
}
.common-widget h2{
    font-family: 'Montserrat', sans-serif;
}
 .post-content {
    font-family: "Kanit", Sans-serif !important;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .2px;
    -webkit-line-clamp: 3 !important;
}
 div#homepage-widgets p,  .common-widget p {
    font-family: "Kanit", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .2px;
}
 div#deals-discounts-posts .posts-section,
 div#classified-posts .posts-section {
    display: grid !important;
    grid-template: none !important;
    grid-template-columns: none !important;
    grid-gap: 0;
}

 div#Services-posts {
    position: relative;
    margin-top: 37px;
}
 .slide-arrow {
    width: 60px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    position: absolute;
    top: -8%;
    right: 0;
}

 div#Services-posts .slick-slide .box-posts-section {
    background-color:#fff;
    position: relative;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}
 div#Services-posts .slick-slide .box-posts-section .post-description {
    flex-direction: column;
    display: flex;
    position: absolute;
    bottom: 0;
    background-color:  #ffffffdb;
    padding: 10px;
}
 div#Services-posts .slick-slide .box-posts-section .post-description .post-title h2 {
    font-size: 18px !important;
    line-height: 1.4;
}

 div#events-posts .secondary-section {
    grid-template-columns: 1.5fr 2fr !important;
}
 div#events-posts .secondary-section .left-section {
    order: 1;
}


 div#travel-posts .posts-section{
    grid-template-columns: 2fr  1.5fr  !important;
}

 div#deals-discounts-posts .posts-section .box-posts-section {
    grid-template-columns: 1.5fr  2fr  !important;
}
 div#travel-posts  .post-description {
    order: 1;
}
 div#travel-posts .posts-section:nth-child(1) .post-description  {
    background-color: #ffffffdb;
    position: absolute;
    width: 70%;
    right: 0;
    padding: 40px 0px 40px 40px;
}
 div#deals-discounts-posts .posts-section .box-posts-section:nth-child(1) .post-description {
    order: 0;
    margin-left: 15px;
}

 div#deals-discounts-posts .posts-section {
    grid-gap:0;
}
 div#deals-discounts-posts .posts-section .box-posts-section .post-description {
    order: 1;
}

.posts-section:nth-child(1) .left-section,
 .posts-section:nth-child(1) .post-featured-image , 
 .box-posts-section:nth-child(1) .post-featured-image  {
    order: 1;
}
 .posts-section .left-section,
 .posts-section .post-featured-image, 
 .box-posts-section .post-featured-image
 {
    order: 2;
}
.posts-section  .right-section,
 .posts-section .post-description , 
 .box-posts-section .post-description 
{
    order: 1;
}

 .posts-section:nth-child(1) .right-section {
    background-color: #ffffffdb;
    position: absolute;
    width: 70%;
    right: 0;
    padding: 40px 0px 40px 40px;
}
div#events-posts .main-section {
    position: relative;
}

 div#events-posts .posts-section:nth-child(1) .right-section {
    background-color: #000000;
    position: absolute;
    width: 100%;
    right: 0;
    padding: 20px;
    bottom: 0;
}
 div#events-posts .posts-section:nth-child(1) .right-section .post-title a h2,
 div#events-posts .posts-section:nth-child(1) .right-section .post-content,

 div#Products-posts .posts-section:nth-child(1) .post-description .post-title a h2,
 div#Products-posts .posts-section:nth-child(1) .post-description .post-content,

 div#deals-discounts-posts .box-posts-section:nth-child(1) .post-title a h2,
 div#deals-discounts-posts .box-posts-section:nth-child(1) .post-content
 {
    color: #fff;
 }

 .post-date {
    color: var(--e-global-color-primary) !important;
 }
 
 /* .common-button {
    text-decoration: none !important;
    background-color: transparent;
    text-transform: capitalize;
    border-radius: 0;
    font-size: 20px !important;
    width: 100%;
    padding: 0;
    position: relative;
    display: block;
    font-weight: 500 !important;
    margin: auto;
    text-align: center;
} */
.common-button {
    text-decoration: none !important;
    background-color: #000;
    text-transform: capitalize;
    border-radius: 0;
    font-size: 20px !important;
    padding: 8px 20px;
    position: relative;
    display: block;
    font-weight: 500 !important;
    margin: auto;
    text-align: left;
    border: 2px solid;
    border-radius: 100px;
    color: #fff !important;
    opacity: .7;
}
.common-button:after {
    /* content: url(/wp-content/uploads/2024/02/btn-arrow-right-black.svg); */
    content: url(/wp-content/uploads/2024/01/btn-white-arrow-right.svg);
    left: auto;
    margin-left: 10px;
    opacity: .7;
}
 .common-button:hover:after {
    opacity: 1;
    margin-left: 30px;
}
 .common-button:hover {
    opacity: 1;
}
  /* .more-button {
    width: 100%;
    border-top: 1px solid!important;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid;
    border-color: #000000;
    padding: 12px 0;
    margin: 20px auto 80px;
} */
.more-button {
    display: none;
    width: auto;
    /* border-top: 1px solid!important; */
    position: relative;
    /* display: inline-block; */
    /* border-bottom: 3px solid; */
    /* border-color: #000000; */
    /* padding: 12px 0; */
    margin: 20px auto 80px;
}



div#heading-link h2 {
    position: relative;
}
div#heading-link h2 a {
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 25px 0;
}
div#heading-link h2:hover a:after {
    transform: translateX(50%);
}
div#heading-link h2 a:after {
    top: 2.3rem;
    content: '';
    background-image: url(/wp-content/uploads/2024/02/arrow-right-boldv3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: auto;
    margin-left: 20px;
    position: absolute;
    width: 30px;
    display: inline-block;
    height: 30px;
    transform: translateX(20%);
    transition: .5s;
}

 .elementor-divider {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.multiple-city-posts {
    margin-top: 30px;
}
/*
.post-title h2 {
    font-size: 22px !important;
} */




/********************************************************************************************/



  div#Products-posts .posts-section:nth-child(1),
  div#deals-discounts-posts .box-posts-section:nth-child(1) {
    background-color: #000000;
    grid-template-columns: 2fr 1.8fr !important;    
}

 div#cities-section .city-section{
    font-family: "Kanit", Sans-seri !important;
    font-weight: 400;
    letter-spacing: 0.2px;
}

 div#deals-discounts-posts .box-posts-section:nth-child(1) .post-date {
    color: #fff !important;
}

 div#homepage-widgets h2 {
    font-size: 24px;
    font-weight: 600;
}

/********************** Directory demo Page **************************/

.directory-searched-posts {
    margin-top: 30px;
}

.page-info-section .page-title h1 {
    color: var(--e-global-color-secondary );
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size );
    font-weight: var(--e-global-typography-primary-font-weight );
    line-height: var(--e-global-typography-primary-line-height );
    letter-spacing: var(--e-global-typography-primary-letter-spacing );
    text-decoration: none;
    line-height: 1.2;
}
#main-category-posts .page-info-section .cs-divider {
    height: 4px;
    background-color: #000;
    margin: 10px 0;
}
#directory-search-filter input {
    border: none;
    border-bottom: 2px solid #000;
    font-family: "Kanit", Sans-serif !important;
    text-indent: 15px;
}

.directory-searched-posts .right-section .post-featured-image img {
    height: 160px;
    width: 300px;
    object-fit: cover;
}

#directory-search-filter input:focus::placeholder {
    color: transparent;
}
.page-info-section .page-description p {
    font-weight: 300;
    font-size: 16px;
}

#directory-search-filter input::placeholder  {
    font-family: "Kanit", Sans-serif !important; 
    font-size: 20px;
    color: #666666;
}
div#directory-search-filter small {
    font-family: "Kanit", Sans-serif !important; 
    color: #000;
}
div#search-box {
    display: flex;
    align-items: center;
}
div#search-box:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    color: #000;
    font-size: 20px;
    position: absolute;
}
div#searched-posts-count span {
    font-family: "Kanit", Sans-serif !important; 
    color: #000;
}

.directory-searched-posts .post-featured-image img {
    border-radius: 5px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.directory-inner-section .left-section .post-title h3
 {
    font-family: 'Montserrat', sans-serif !important;
}

div#others-widgets h2,
div#others-widgets p.widget-title ,
div#others-widgets .widget-date,
.directory-inner-section .left-section .post-title small,
.directory-inner-section .left-section .post-content  {
    font-family: "Kanit", Sans-serif !important; 
    color: #000;
}
.directory-inner-section .left-section .post-content {
    font-weight: 300;
    font-size: 16px;
}
div#others-widgets .widget-type {
    font-family: "Kanit", Sans-serif !important; 
    color: #fff;
    font-weight: 500; 
}
div#others-widgets .widget-date {
    color: var(--e-global-color-primary );
    font-weight: 400;
}

div#others-widgets h2 {
    font-size: 24px;
    font-weight: 500;
}
div#others-widgets p.widget-title ,
div#others-widgets .widget-date , 
div#others-widgets .common-widget .widget-type {
    font-weight: 400; 
}
div#searched-posts-count {
    padding: 15px;
    background-color: #eceff6;
}
.directory-inner-section .left-section .post-title a {
    text-decoration: none;
}
.directory-inner-section .left-section .post-title h3 {
    font-size: 24px;
    line-height: 1.4;
}

.directory-inner-section:nth-child(even)
{
    background-color: #eceff6;
}

.directory-inner-section {
    display: grid;
    grid-template-columns: 3fr 1.5fr !important;
    align-items: center;
    background-color: #f8f8f8;
    padding: 20px;
    column-gap: 20px;
}
.directory-inner-section .left-section .post-title small {
    color: var( --e-global-color-primary )
}

 /* Style the tab container */
 .custom-tab-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* Style the individual tab */
.custom-tab-container .cs-tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0 5px;
    width: 100%;
    background-color: #eceff6;
    font-family: "Kanit", Sans-serif !important;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 4px;
    text-align: center;
    font-weight: 500;
}

/* Hide the content of all tabs */
.custom-tab-container .cs-tab-content {
    display: none;
    padding-top: 20px;
}

/* Show the content of the selected tab */
.custom-tab-container .cs-active-tab {
    display: block;
    background-color: var( --e-global-color-primary );
    border-bottom: none;
    color: #fff;
}
.loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}





/******* Card Css ************/

.head-shot-card{
    display: flex;
    flex-wrap: wrap;
}
 /* Three equal columns */
 .head-shot-card .column {
    width: 33%;
    padding: 15px;
    box-sizing: border-box;
}

/* Responsive layout */
@media screen and (max-width: 768px) {
    .head-shot-card .column {
        width: 100% !important;
        padding: 10px;
    }
}

/* Card */
.head-shot-card .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
        
}

.head-shot-card .card:hover {
    transform: translateY(-5px);
}

/* Card content */
.head-shot-card .card-content {
    padding: 10px;
}

.head-shot-card .card-content h2 {
    margin: 0;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.head-shot-card .card-content small {
    color: var(--e-global-color-primary );
    font-family: "Kanit", Sans-serif !important;
}

.head-shot-card .card-content p {
    margin: 8px 0;
    font-size: 14px;
}

@media only screen and (max-width:991px) {
    .head-shot-card .column {
        width: 50%;
        padding: 10px;
    }
     div#local-news-posts .posts-section:nth-child(1) .post-featured-image img, 
     div#local-news-posts .posts-section:nth-child(1) .post-featured-image a, 
     div#local-news-posts .posts-section:nth-child(1) .post-featured-image img, 
     div#local-news-posts .posts-section:nth-child(1) .post-featured-image a, 
     div#travel-posts .posts-section:nth-child(1) .post-featured-image img, 
     div#travel-posts .posts-section:nth-child(1) .post-featured-image a {
        height:auto !important;
        width: 100%;
    }
     .posts-section:nth-child(1) .right-section .post-content {
        display: -webkit-box;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
     div#local-news-posts .posts-section:nth-child(1), 
     div#Peoples-posts .posts-section:nth-child(1), 
     div#Products-posts .posts-section:nth-child(1), 
     div#travel-posts .posts-section:nth-child(1), 
     div#deals-discounts-posts .box-posts-section:nth-child(1) {
        grid-template-columns: auto !important;
    }
     .posts-section:nth-child(1) .right-section {
        padding: 20px !important;
    }
     .posts-section .post-featured-image img,  .posts-section .post-featured-image a {
        height: 120px !important;
    }
     .posts-section,  .box-posts-section {
        padding: 15px 15px !important;
    }
     .post-title h2 {
        font-size: 16px !important;
    }
     .post-content {
        font-size: 14px !important;
    }
     .common-button {
        width: 80%;
    }
     div#Peoples-posts .posts-section:nth-child(1) .post-featured-image img, 
     div#Peoples-posts .posts-section:nth-child(1) .post-featured-image a, 
     div#Products-posts .posts-section:nth-child(1) .post-featured-image img, 
     div#Products-posts .posts-section:nth-child(1) .post-featured-image a, 
     div#deals-discounts-posts .box-posts-section:nth-child(1) .post-featured-image img, 
     div#deals-discounts-posts .box-posts-section:nth-child(1) .post-featured-image a {
        height: 150px!important;
    }
    
     div#Peoples-posts .posts-section:nth-child(1) .post-description {
        margin-bottom: 20px;
    }
     .secondary-section .post-content {
        width: 100%; 
    }
     div#Products-posts .posts-section:nth-child(1) .post-description {
        padding: 0 16px 20px;
    }
     div#classified-posts .box-posts-section img {
        height: 100px !important;
    }
     div#deals-discounts-posts .posts-section .box-posts-section:nth-child(1) .post-description {
        order: 2 !important;;
        margin-left: 0 !important;;
        padding: 16px !important;;
    }

    /****************** Directory Page *****************/

    #main-category-posts .page-info-section h1 {
        font-size: 30px;
    }
    .directory-inner-section {
        grid-template-columns: auto !important;
        position: relative;
        padding: 0;
    }
    .directory-inner-section .left-section .post-title small {
        position: absolute;
        top: 0px;
        background-color: var( --e-global-color-primary );
        left: 0px;
        border-top-left-radius: 2px;
        padding: 5px;
        color: #fff;
    }
    .directory-searched-posts .right-section .post-featured-image img {
        height: 200px !important;
        width: 100% !important;
    }
    .directory-inner-section .left-section {
        order: 2;
        padding: 10px 10px 30px 10px;
    }
    .directory-inner-section .left-section .post-title {
        margin-top: 10px;
    }
    .directory-inner-section .left-section .post-title h3 {
        margin: 0;
        font-size: 20px;
    }
    
    .custom-tab-container {
        flex-wrap: wrap;
    }
}

 /*  div#homepage-widgets p,  .common-widget p {
     -webkit-line-clamp: 3;
     font-size: 16px;
     font-weight: bold;
     line-height: 1.2;;
 }
  p,
  .post-content {
    font-family: 'Bitter', serif !important;
 } */