body {
    font-family: "Source Sans 3", sans-serif !important;
    background-color: #f0f0f0;
}

h2.title, h1, h2, h3, h3.title, p{
    font-family: "Source Sans 3", sans-serif !important;
}

.cityname-links {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 375;
}

#nav {
    border-top: 1px solid #f5f5f5;
}

.title {
    font-family: "Source Sans 3", sans-serif;
}

.card-snippet-left img {
    border-radius: 4px;
    width: 145px;
}

.card-snippet-left {
    width: 150px;
}

.media-left-lg img {
    border-radius: 4px;
}

#body {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.section-cards .card{
    border: 0px;
}
.widget-area .section-cards > .card{
    margin-bottom: 15px;
}

h1.title{
    /*border-bottom: 1pt solid #7d7d7d;
    margin-bottom: 10px !important;*/
    font-weight: 700;
    padding-bottom: 10px;
}
h2.title {
    font-size: 1.4em;
    font-weight: 700;
    border-bottom: 1pt solid #7d7d7d;
    margin-bottom: 15px !important;
    padding-bottom: 5px;
}

h3 {
    font-size: 1.3em;
}

.card-snippet-body .card-title {
    font-weight: 600;
    font-size: 1.2em;
}

.section-time {
    font-weight: 350;
}

.navitem {
    font-weight: 375;
}

.breaking-ratio img {
    aspect-ratio: 400 / 200;
}

.card {
    color: #555;
    font-weight: 400;
    font-size: 14px;
}
.card .h2, .card .h3, .card h2, .card h3{
    color: #333;
}

#category-items.cards.cards-grid{
    border-bottom:0px;
}

aside .card-list > li .card-title {
    font-weight: 400 !important;
    letter-spacing: inherit;
}
.details-body {
    line-height: 1.6;
    font-size: 125%;
    font-weight: 400;
}

.comment-ad-wrapper, .widget-injected.widget-dfp.widget-inject-centre, .slot-fixed{
    background: #fff;
}

.card-list .card-text.mb-1{
    margin-bottom: 0 !important;
}

.tablist-items{
    gap:30px;
}

/*  -----------------------------------------------------------------  */

.cards.cards-grid .card {
    border-radius: 0px;
    margin-bottom: 15px;
}
.cards.cards-grid{
    border-bottom: 1px solid #e8e8e8;
}
.cards.cards-grid > a {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #e8e8e8;
}

.card-img {
    border-radius: 4px;
}
a.card.card-block:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}
.card-footer {
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.card-list > li {
    padding: 10px 0px;
    border-bottom: 1px solid #e8e8e8;
}

.card-list > li .card-title{
    
    font-weight: 600;
    letter-spacing: -0.02em;
}
.card-list > li:last-child {
    border-bottom: 0px;
}
.card .card-list {
    border-top: 0px;
}
.cards.cards-grid .card-body{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}
/*.cards.cards-grid .card:has(.card-footer) .card-body {
  padding-bottom: 10px;
}*/

.card-list li:first-child:has(.card-snippet-left) {
    padding-top: 10px !important;
}

.card .card-footer > a{
    line-height: 16px;
    padding-top: 5px;
    display: inline-block;
}
.cards.cards-grid .card:after{
    display: none;
}





/*  -----  Directory page css  --------------------  */


.advs-area{
    border-radius: 0px;
}
.advs-area h2.title, .advs-area h3.title{
    border-bottom: 0pt solid #7d7d7d;
    margin-bottom: 0px !important;
}
body:has(.advs-area) h1.title{
    border-bottom: 0pt solid #7d7d7d;
    margin-bottom: 0px !important;
}

/*  -----  widget-cards single card  --------------------  */

.widget-cards .card{
    border:0px;
    margin-bottom:0px;
}
.widget-cards{
    position: relative;
}
.widget-cards .card:after{
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #e8e8e8;
    right: 0px;
    bottom: 0px;
    position: absolute;
}
.widget-cards .card .card-body{
    padding-left: 0px;
    padding-right: 0px;
}



/*  -----  Category-items Css  --------------------  */

#category-items > .media.media-bordered{
    margin-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}

/*  -----  Poll Css  */

.card .poll{
    border: 0px solid transparent;
    padding: 0px;
}

.card:has(.poll) {
    border: 0px;
}


/*  -----  gradient-background CSS  --------------------  */

.gradient-background {
  background: linear-gradient(300deg,#0e6b37,#212121,#0e6b37,#232323);
  background-size: 240% 240%;
  animation: gradient-animation-new 24s ease infinite;
}

@keyframes gradient-animation-new {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


/*  -----  Form Hr  --------------------  */

form hr, hr#details-shares, #details-widgets hr{
    border:0px;
}


/*  -----  Media Query for the desktop versions  --------------------  */


@media (min-width: 680px) {
    .col-md-4 {
        padding-left: 15px;
    }
    .widget-area.widget-area-full .widget-area-row{
        /*border-right: 1px solid #ebebeb;*/
    }

    .cards.cards-grid {
        display: flex;
        flex-flow: row wrap;
        margin: 0px;
    }
    .card.cards-grid {
        border-bottom: 0;
    }
    .cards-grid > a.card {
        border: 0px;
    }
    .cards-grid > a:first-child {
        margin-left: 0px;
    }
    .cards-grid > a:last-child {
        border-right: 0px;
        margin-right: 0px;
    }
    a.card.card-block:before {
        content: "";
        height: 100%;
        width: 1px;
        display: block;
        background-color: #e8e8e8;
        right: -15px;
        top: 0;
        position: absolute;
    }
    a.card.card-block:last-child:before {
        display: none;
    }
    .cards-grid .card {
        width: calc(50% - 15px);
    }

    .cards-grid.cards-grid-2 .card:nth-child(odd), .cards-grid .card:nth-child(odd){
        margin-left: 0px;
    }
    .cards-grid.cards-grid-2 .card:nth-child(even), .cards-grid .card:nth-child(even) {
        margin-right: 0px;
    }
    .cards-grid.cards-grid-2 .card:nth-child(even):before {
        display: none;
    }



    .cards-grid-3 .card, .cards-grid-sm.cards-grid-3 .card {
        width: calc(33.33% - 20px)
    }

    .cards-grid.cards-grid-3 .card, .cards-grid-sm.cards-grid-3 .card {
        margin-left: 15px;
        margin-right: 15px;
    }

    .cards-grid.cards-grid-3 .card:first-child, .cards-grid-sm.cards-grid-3 .card:first-child{
        margin-left: 0px;
    }
    .cards-grid.cards-grid-3 .card:last-child, .cards-grid-sm.cards-grid-3 .card:last-child{
        margin-right: 0px;
    }

    .cards-grid-4 .card, .cards-grid-sm.cards-grid-4 .card {
        width: calc(25% - 23px)
    }

    .cards-grid.cards-grid-4 .card, .cards-grid-sm.cards-grid-4 .card {
        margin-left: 15px;
        margin-right: 15px;
    }

    .cards-grid.cards-grid-4 .card:first-child, .cards-grid-sm.cards-grid-4 .card:first-child{
        margin-left: 0px;
    }
    .cards-grid.cards-grid-4 .card:last-child, .cards-grid-sm.cards-grid-4 .card:last-child{
        margin-right: 0px;
    }


    .cards-grid-5 .card,.cards-grid-sm.cards-grid-5 .card {
        width: calc(20% - 24px)
    }
    .cards-grid.cards-grid-5 .card, .cards-grid-sm.cards-grid-5 .card {
        margin-left: 15px;
        margin-right: 15px;
    }

    .cards-grid.cards-grid-5 .card:first-child, .cards-grid-sm.cards-grid-5 .card:first-child{
        margin-left: 0px;
    }
    .cards-grid.cards-grid-5 .card:last-child, .cards-grid-sm.cards-grid-5 .card:last-child{
        margin-right: 0px;
    }




    a.card.card-block:last-child {
        margin-bottom: 10px;
    }
}


.cards-grid .card{
    border: 0px;
    border-bottom: 1px solid #ebebeb;
}



@media (min-width: 992px) {
    .card-list > li:first-child{
        padding-top: 0px;
    }
    section.col-md-8 {
        padding-right: 15px;
    }
    #nav-home>.navitem {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%234c4c4c'%3E%3Cpath d='M186.87-135.87v-468.2L480-826.28l296.13 222.13v468.28H553.91v-274.04H406.09v274.04H183.87Z'/%3E%3C/svg%3E");
        width: 18px;
        height: 17px;
    }
    .topnav>li:nth-child(2):before{
        display: none;
    }
    .topnav>li:first-child{
        margin-right: 0 !important;
    }

    #body > .row > .col-md-8,
    #body > .widget-area > .row > .col-md-8{
        position: relative;
    }
    #body > .row > .col-md-8:after,
    #body > .widget-area > .row > .col-md-8:after{
        content: "";
        position: absolute;
        border-right: 1px solid #ebebeb;
        height: 100%;
        width: 1px;
        top: 0;
        right: 0px;
    }
    #body > .row > .col-md-4:after,
    #body > .widget-area > .row > .col-md-4:after{
        content: "";
        position: absolute;
        border-right: 1px solid #ebebeb;
        height: 100%;
        width: 1px;
        top: 0;
        left: -1px;
    }

    .widget-cards .card:after{
        content: "";
        height: 100%;
        width: 1px;
        display: block;
        background-color: #e8e8e8;
        right: -15px;
        top: 0;
        position: absolute;
    }

    .widget-area-col .section-cards .card:after{
        content: "";
        height: 100%;
        width: 1px;
        display: block;
        background-color: #e8e8e8;
        left: -16px;
        top: 0;
        position: absolute;
    }

    .card .card-list{
        border-top: 1px solid #e8e8e8;
    }
    .cards.cards-grid{
        border-bottom: 0px;
    }
    .widget-area-col.col-md-6 .card .card-list{
        border-top: 0px;
    }
    aside.col-md-4 .widget-area-col .section-cards .card:after{
        display: none;
    }

    .widget-cards .card{
        margin-bottom:15px;
    }
}

.card-body .card-title.title{
    border-bottom: 0px;
}


.title + .cards-grid {
    margin-top: 10px;
}

.title + .section-cards .card-list {
    border-top: 0px;
}
.title + .section-cards .card-list li:first-child{
    padding-top: 0px !important;
}

.card-list {
  container-type: inline-size;
}

@container (max-width: 400px) {
  .card-title {
    font-size: 16px; color: #333;
  }
}

@container (max-width: 400px) {
  .card-title {
    font-size: 16px; color: #333;
  }
}

@container (min-width: 401px) and (max-width: 992px) {
  .card-title {
    font-size: 1.25em;
    color: #333;
  }
}

@container (min-width: 992px) {
  .card-title {
    font-size: 16px; color: #333;
  }
}

@media (min-width: 680px) {
    .card-block {
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* Direcory Card Block  */


.businesses-sort.cards-grid .card {
    border:1px solid #ebebeb;
}

.businesses-sort.cards.cards-grid .card-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.businesses-sort.cards.cards-grid .card-footer{
    border-top: 1px solid #e8e8e8;
    padding: 5px 15px 10px 15px;
}

.widget+.widget {
    margin-top: 15px;
}

.widget.hidden-xxs + .widget,
.widget.hidden-xs + .widget,
.widget.hidden-sm + .widget,
.widget.hidden-md + .widget{
    margin-top: 0px;
}

@media (min-width: 580px) {
    .tablist-item-4 {
        width: calc(25% - 23px) !important;
        min-width: calc(25% - 23px) !important;
    }
}

.card-header, .card-body, .card-footer {
    padding-left: 0px;
    padding-right: 0px;
}

.tablist-item img{
    margin-bottom: 0px;
}

.tablist-cards .card{
    color: #333;
}

@media (max-width: 992px) {
    .tablist-cards .card:after{
        content: "";
        height: 100%;
        width: 1px;
        display: block;
        background-color: #e8e8e8;
        right: -15px;
        top: 0;
        position: absolute;
    }
    .tablist-cards .card:last-child:after,
    .tablist-cards .card:nth-last-child(-n+3):after{
        display: none;
    }
    .widget-area-full .gam .slot-widget{
        padding: 15px 0px;
    }
}



.slot-fixed .slot-close{
    background-color: #fff;
}

.gam.widget-inject{
    padding:15px 0px;
}

.slot-footer.slot-show{
    padding: 10px 0px;
}

.slot-footer.slot-show > span > div{
    margin: 0px auto;
}


.widget-area-col.col-md-4 .card-list > li .card-title{
    font-weight: 400 !important;
}