.elementor-2967 .elementor-element.elementor-element-4c70e17{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2967 .elementor-element.elementor-element-3a3dfbb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:5em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-2967 .elementor-element.elementor-element-7077b2fe{--display:flex;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:2em;}.elementor-2967 .elementor-element.elementor-element-558bb94{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2967 .elementor-element.elementor-element-558bb94:after{content:"0.66";}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-post__thumbnail__link{width:100%;}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-post__meta-data span + span:before{content:"•";}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-post__text{margin-top:20px;}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-post__badge{right:0;}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:1024px) and (min-width:768px){.elementor-2967 .elementor-element.elementor-element-7077b2fe{--width:100%;}}@media(max-width:1024px){.elementor-2967 .elementor-element.elementor-element-3a3dfbb7{--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-2967 .elementor-element.elementor-element-7077b2fe{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}}@media(max-width:767px){.elementor-2967 .elementor-element.elementor-element-3a3dfbb7{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-2967 .elementor-element.elementor-element-7077b2fe{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2967 .elementor-element.elementor-element-558bb94:after{content:"0.5";}.elementor-2967 .elementor-element.elementor-element-558bb94 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-3a3dfbb7 *//* =========================================================
   MOTTOCUP BLOG GRID
========================================================= */

.motto-blog-grid {
    --mb-orange: #e67d20;
    --mb-orange-dark: #cf6c15;
    --mb-brown: #4b3022;
    --mb-dark: #302823;
    --mb-text: #706761;
    --mb-muted: #9b918b;
    --mb-border: #e7ded7;
    --mb-soft: #faf7f4;
}


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

.motto-blog-grid .elementor-posts-container {
    align-items: stretch;
}


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

.motto-blog-grid .elementor-post__card {

    height: 100%;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border: 1px solid var(--mb-border) !important;
    border-radius: 13px !important;

    background: #fff;

    box-shadow:
        0 8px 25px rgba(64, 43, 30, .055) !important;

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


.motto-blog-grid .elementor-post__card:hover {

    transform: translateY(-4px);

    border-color: rgba(230,125,32,.27) !important;

    box-shadow:
        0 16px 35px rgba(64,43,30,.09) !important;
}


/* =========================================================
   GÖRSEL
========================================================= */

.motto-blog-grid .elementor-post__thumbnail__link {

    width: 100%;

    display: block;

    margin: 0 !important;

    overflow: hidden;
}


.motto-blog-grid .elementor-post__thumbnail {

    height: 250px !important;

    padding-bottom: 0 !important;

    overflow: hidden;

    background: #f4efeb;
}


.motto-blog-grid .elementor-post__thumbnail img {

    position: static !important;

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

    display: block;

    object-fit: cover;

    transform: none !important;

    transition: transform .35s ease;
}


.motto-blog-grid .elementor-post__card:hover
.elementor-post__thumbnail img {

    transform: scale(1.035) !important;
}


/* =========================================================
   BLOG BADGE
========================================================= */

.motto-blog-grid .elementor-post__badge {

    top: 15px !important;
    right: 15px !important;

    padding: 7px 12px !important;

    border-radius: 20px !important;

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

    color: #fff !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: .06em;

    text-transform: uppercase;

    box-shadow: none !important;
}


/* =========================================================
   TEXT AREA
========================================================= */

.motto-blog-grid .elementor-post__text {

    flex: 1;

    display: flex;
    flex-direction: column;

    margin: 0 !important;

    padding: 26px 27px 20px !important;
}


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

.motto-blog-grid .elementor-post__title {

    min-height: 58px;

    margin: 0 !important;

    font-size: 19px !important;
    line-height: 1.35 !important;

    font-weight: 600 !important;
}


.motto-blog-grid .elementor-post__title a {

    color: var(--mb-dark) !important;

    transition: color .18s ease;
}


.motto-blog-grid .elementor-post__title a:hover,
.motto-blog-grid .elementor-post__card:hover
.elementor-post__title a {

    color: var(--mb-orange) !important;
}


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

.motto-blog-grid .elementor-post__excerpt {

    margin-top: 12px !important;
    margin-bottom: 0 !important;

    color: var(--mb-text) !important;

    font-size: 11.5px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   READ MORE VARSA
========================================================= */

.motto-blog-grid .elementor-post__read-more {

    width: fit-content;

    margin-top: 17px !important;

    color: var(--mb-brown) !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    transition: color .18s ease;
}


.motto-blog-grid .elementor-post__read-more:hover {
    color: var(--mb-orange) !important;
}


/* =========================================================
   META
========================================================= */

.motto-blog-grid .elementor-post__meta-data {

    margin-top: auto !important;

    padding: 13px 27px !important;

    border-top: 1px solid var(--mb-border) !important;

    background: var(--mb-soft);

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

    font-size: 9px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   CARD SKIN BOŞLUK DÜZELTMELERİ
========================================================= */

.motto-blog-grid
.elementor-posts--skin-cards
.elementor-post__card
.elementor-post__text {

    margin-top: 0 !important;
}


.motto-blog-grid
.elementor-posts--skin-cards
.elementor-post__card
.elementor-post__meta-data {

    border-top-color: var(--mb-border) !important;
}


/* =========================================================
   PAGINATION VARSA
========================================================= */

.motto-blog-grid .elementor-pagination {

    margin-top: 38px;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 7px;
}


.motto-blog-grid .elementor-pagination a,
.motto-blog-grid .elementor-pagination span {

    min-width: 36px;
    height: 36px;

    padding: 0 10px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--mb-border);
    border-radius: 6px;

    background: #fff;

    color: var(--mb-brown);

    font-size: 10px;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease;
}


.motto-blog-grid .elementor-pagination .current {

    border-color: var(--mb-orange);

    background: var(--mb-orange);

    color: #fff;
}


.motto-blog-grid .elementor-pagination a:hover {

    border-color: var(--mb-orange);

    color: var(--mb-orange);
}


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

@media (max-width: 1024px) {

    .motto-blog-grid .elementor-post__thumbnail,
    .motto-blog-grid .elementor-post__thumbnail img {

        height: 215px !important;
    }


    .motto-blog-grid .elementor-post__text {

        padding: 22px 21px 17px !important;
    }


    .motto-blog-grid .elementor-post__title {

        min-height: 52px;

        font-size: 17px !important;
    }


    .motto-blog-grid .elementor-post__meta-data {

        padding: 12px 21px !important;
    }

}


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

@media (max-width: 767px) {

    .motto-blog-grid .elementor-post__card {

        border-radius: 11px !important;
    }


    .motto-blog-grid .elementor-post__thumbnail,
    .motto-blog-grid .elementor-post__thumbnail img {

        height: 220px !important;
    }


    .motto-blog-grid .elementor-post__text {

        padding: 20px 18px 16px !important;
    }


    .motto-blog-grid .elementor-post__title {

        min-height: auto;

        font-size: 16px !important;
    }


    .motto-blog-grid .elementor-post__meta-data {

        padding: 11px 18px !important;

        font-size: 8.5px !important;
    }


    .motto-blog-grid .elementor-post__badge {

        top: 12px !important;
        right: 12px !important;

        padding: 6px 10px !important;

        font-size: 8px !important;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .motto-blog-grid .elementor-post__card,
    .motto-blog-grid .elementor-post__thumbnail img,
    .motto-blog-grid .elementor-post__title a {

        transition: none !important;
    }

}/* End custom CSS */