.elementor-1100 .elementor-element.elementor-element-2b976f4{--display:flex;}.elementor-1100 .elementor-element.elementor-element-2b976f4:not(.elementor-motion-effects-element-type-background), .elementor-1100 .elementor-element.elementor-element-2b976f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-accent ) 0%, var( --e-global-color-e777cd9 ) 100%);}.elementor-1100 .elementor-element.elementor-element-fe452cb{padding:50px 0px 50px 0px;text-align:center;}.elementor-1100 .elementor-element.elementor-element-8e9699d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1100 .elementor-element.elementor-element-4b7a1f5{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1100 .elementor-element.elementor-element-4b7a1f5:after{content:"0.66";}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__thumbnail__link{width:100%;}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__text{margin-top:20px;}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__badge{right:0;}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__title, .elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__title a{font-size:32px;}@media(max-width:767px){.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1100 .elementor-element.elementor-element-4b7a1f5:after{content:"0.5";}.elementor-1100 .elementor-element.elementor-element-4b7a1f5 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-4b7a1f5 *//* =========================================================
   CAR CARE GUY - BUYING GUIDE POST CARDS
   Elementor Posts Widget
   Class: ccg-buying-guides
   ========================================================= */

.ccg-buying-guides {
    --ccg-navy: #0d1b2a;
    --ccg-orange: #ff7a00;
    --ccg-muted: #667085;
    --ccg-border: #e6e9ee;
    --ccg-white: #ffffff;
    --ccg-image-height: 225px;
}


/* =========================================================
   GRID
   ========================================================= */

.ccg-buying-guides .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;

    margin: 0 !important;
}


/* =========================================================
   CARD
   ========================================================= */

.ccg-buying-guides .elementor-post {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    background: var(--ccg-white) !important;

    border: 1px solid var(--ccg-border) !important;
    border-radius: 22px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 25px rgba(13, 27, 42, 0.04) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.ccg-buying-guides .elementor-post:hover {
    transform: translateY(-4px);

    border-color: #d9dee5 !important;

    box-shadow:
        0 16px 36px rgba(13, 27, 42, 0.09) !important;
}


/* =========================================================
   FEATURED IMAGE
   IMPORTANT: IMAGE REMAINS VISIBLE
   ========================================================= */

.ccg-buying-guides .elementor-post__thumbnail__link {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    background: #eef2f6 !important;
}


/* Elementor normally controls image ratio using
   padding-bottom. This overrides it. */

.ccg-buying-guides .elementor-post__thumbnail {
    position: relative !important;

    width: 100% !important;
    height: var(--ccg-image-height) !important;

    padding-bottom: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;

    background: #eef2f6 !important;
}


/* ACTUAL FEATURED IMAGE */

.ccg-buying-guides .elementor-post__thumbnail img {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    opacity: 1 !important;

    visibility: visible !important;

    filter: none !important;

    transform: none !important;

    transition: transform .35s ease !important;
}


/* NO dark overlay */

.ccg-buying-guides .elementor-post__thumbnail::before,
.ccg-buying-guides .elementor-post__thumbnail::after {
    display: none !important;

    content: none !important;

    opacity: 0 !important;

    background: transparent !important;
}


/* Image hover */

.ccg-buying-guides
.elementor-post:hover
.elementor-post__thumbnail img {
    opacity: 1 !important;

    transform: scale(1.035) !important;
}


/* =========================================================
   CATEGORY BADGE
   ========================================================= */

.ccg-buying-guides .elementor-post__badge {
    position: absolute !important;

    z-index: 10 !important;

    top: calc(var(--ccg-image-height) - 67px) !important;
    left: 28px !important;

    right: auto !important;
    bottom: auto !important;

    width: auto !important;

    margin: 0 !important;

    padding: 7px 11px !important;

    background: var(--ccg-orange) !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
   CONTENT AREA
   ========================================================= */

.ccg-buying-guides .elementor-post__text {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    flex-grow: 1 !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        28px
        28px
        64px
        28px !important;

    text-align: left !important;

    background: #ffffff !important;
}


/* =========================================================
   POST TITLE
   ========================================================= */

.ccg-buying-guides .elementor-post__title {
    margin: 0 0 12px 0 !important;

    padding: 0 !important;
}


.ccg-buying-guides .elementor-post__title,
.ccg-buying-guides .elementor-post__title a {
    color: var(--ccg-navy) !important;

    font-size: 21px !important;

    font-weight: 800 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.3px !important;

    text-decoration: none !important;
}


.ccg-buying-guides .elementor-post__title a:hover {
    color: var(--ccg-orange) !important;
}


/* =========================================================
   EXCERPT
   ========================================================= */

.ccg-buying-guides .elementor-post__excerpt {
    margin: 0 !important;

    padding: 0 !important;
}


.ccg-buying-guides .elementor-post__excerpt p {
    margin: 0 !important;

    color: var(--ccg-muted) !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.65 !important;
}


/* =========================================================
   META - BOTTOM LEFT
   ========================================================= */

.ccg-buying-guides .elementor-post__meta-data {
    position: absolute !important;

    left: 28px !important;
    bottom: 27px !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    color: var(--ccg-muted) !important;

    font-size: 13px !important;

    line-height: 1.4 !important;
}


.ccg-buying-guides
.elementor-post__meta-data span {
    color: var(--ccg-muted) !important;
}


/* Remove Elementor meta separators if present */

.ccg-buying-guides
.elementor-post__meta-data
.elementor-post-date::before,
.ccg-buying-guides
.elementor-post__meta-data
.elementor-post-avatar::before {
    display: none !important;
}


/* =========================================================
   READ MORE - BOTTOM RIGHT
   ========================================================= */

.ccg-buying-guides .elementor-post__read-more {
    position: absolute !important;

    right: 28px !important;
    bottom: 27px !important;

    margin: 0 !important;

    color: var(--ccg-orange) !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;
}


.ccg-buying-guides
.elementor-post__read-more:hover {
    color: #e86f00 !important;
}


/* =========================================================
   REMOVE ELEMENTOR DEFAULT CARD STYLING
   ========================================================= */

.ccg-buying-guides
.elementor-posts--skin-cards
.elementor-post {
    background: #ffffff !important;

    border-radius: 22px !important;
}


.ccg-buying-guides
.elementor-posts--skin-cards
.elementor-post__text {
    margin-top: 0 !important;
}


.ccg-buying-guides
.elementor-posts--skin-cards
.elementor-post__badge {
    margin: 0 !important;
}


/* Remove author avatar */

.ccg-buying-guides .elementor-post__avatar {
    display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .ccg-buying-guides {
        --ccg-image-height: 210px;
    }


    .ccg-buying-guides
    .elementor-posts-container {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ccg-buying-guides {
        --ccg-image-height: 210px;
    }


    .ccg-buying-guides
    .elementor-posts-container {
        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }


    .ccg-buying-guides
    .elementor-post__text {
        padding:
            22px
            22px
            60px
            22px !important;
    }


    .ccg-buying-guides
    .elementor-post__badge {
        left: 20px !important;

        top:
            calc(
                var(--ccg-image-height) - 59px
            ) !important;
    }


    .ccg-buying-guides
    .elementor-post__meta-data {
        left: 22px !important;

        bottom: 23px !important;
    }


    .ccg-buying-guides
    .elementor-post__read-more {
        right: 22px !important;

        bottom: 23px !important;
    }


    .ccg-buying-guides
    .elementor-post__title,
    .ccg-buying-guides
    .elementor-post__title a {
        font-size: 20px !important;
    }

}/* End custom CSS */