:root {
    --theme-color: #876144;
    --dark-theme-color: #074c98;
    --hover-theme-color: #1e84f4;
    --focus-theme-color: #095fbd;
    --theme-color-rgb: 11, 113, 225;

}

p {
    color: #ababab;
    font-size: 13px;
}

#footer a:not(.btn):not(.no-footer-css) {
    color: #ababab;
    font-size: 13px;

}

#footer .footer-copyright p {
    color: #ababab;
}

#footer {
    margin-top: -8px;
}

.call-to-action.call-to-action-in-footer {
    margin-bottom: 0px !important;
}

.parallax-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    /* Adjust the opacity here */
    z-index: 0;
    /* Ensure the overlay is above the image */
}

.contactPanel {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    background: gray;
    display: none;
    transition: 300ms;
    z-index: 10;
}

.whatsapp {
    background-color: #02b43e;
    transition: 300ms;
}

.contactPanel a {
    color: white !important;
    font-size: 16px !important;
}

.phone {
    background-color: #0059ff;
    transition: 300ms;
}

/* -------------------- */
:root {
    --font-primary: 'Roboto', sans-serif;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --body-line-height: 1.5;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
    --font-weight-light: 400;
    --font-weight-bold: 700;
}

.text-component {
    --component-body-line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
    --component-heading-line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
    --line-height-multiplier: 1;
    --text-vspace-multiplier: 1;
}

.ms-content--portfolio .row {
    margin-right: -15px;
    margin-bottom: calc(calc(5.25 * var(--space-unit)) - 52px);
    margin-left: -15px;
}

.ms-content--portfolio .row>[class*='col-'] {
    padding-right: 15px;
    padding-left: 15px;
}

.ms-content--portfolio .grid-item {
    margin-bottom: 30px;
}

.ms-content--portfolio .grid-item img {
    overflow: hidden;
    border-radius: .55rem;
}

.ms-content--portfolio p {
    font-size: calc(var(--text-xs) * var(--text-scale-ratio));
    line-height: var(--component-body-line-height);
}

.wp-block-blockgallery-carousel,
.wp-block-blockgallery-carousel .blockgallery {
    height: inherit !important;
}

.wp-block-blockgallery-carousel.alignfull {
    margin-bottom: var(--space-lg);
}



.blockgallery {
    margin-bottom: 30px !important;
}

.blocks-gallery-item,
.wp-block-blockgallery-masonry .blockgallery--item {
    -webkit-transition: opacity 250ms cubic-bezier(.23, 1, .32, 1);
    transition: opacity 250ms cubic-bezier(.23, 1, .32, 1);
}

.ms-content--portfolio .grid-item {
    margin-bottom: 30px;
}

.ms-content--portfolio .grid-item img {
    overflow: hidden;
    border-radius: .55rem;
}

.grid-item>figure::after {
    -webkit-transition: -webkit-box-shadow 100ms ease;
    transition: -webkit-box-shadow 100ms ease;
    transition: box-shadow 100ms ease;
    transition: box-shadow 100ms ease, -webkit-box-shadow 100ms ease;
    border-radius: .55rem;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 2px 2px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .15), 0 8px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 2px 2px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .15), 0 8px 8px rgba(0, 0, 0, .15);
}

.text-component a:not(.card__title):not(.has-img):not(.wp-block-button__link):not(.post-edit-link):not(.post-page-numbers),
.link a {
    position: relative;
    display: inline-block;
    color: #B89462;
}

.text-component a:not(.card__title):not(.has-img):not(.wp-block-button__link):not(.post-edit-link):not(.post-page-numbers)::after,
.link a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transition: -webkit-transform .25s cubic-bezier(.25, .8, .25, 1);
    transition: -webkit-transform .25s cubic-bezier(.25, .8, .25, 1);
    transition: transform .25s cubic-bezier(.25, .8, .25, 1);
    transition: transform .25s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    will-change: transform;
}

.text-component a:not(.card__title):not(.has-img):not(.wp-block-button__link):not(.post-edit-link):not(.post-page-numbers):hover::after,
.link a:hover::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.has-img.mfp-img+.blocks-gallery-item__caption {
    visibility: hidden;
}

.has-img.mfp-img {
    -webkit-transition: opacity 250ms ease;
    transition: opacity 250ms ease;
}

.has-img.mfp-img img {


    width: 100% !important;

}

.has-img.mfp-img:hover {
    opacity: .8;
}

.image-custom {
    float: left;
    width: 50%;
    margin-right: 18px;
    margin-bottom: 0px;

}

.flexibility-2 {
    padding-left: 0px;
}

.ssaadd::before {
    background-color: rgba(var(--theme-color-rgb), 0.7) !important;
    /* Adjust the color and opacity as needed */
    border: none;
}

.ssaadd::before:hover {
    background-color: rgba(var(--theme-color-rgb), 0.9) !important;
    /* Adjust the color and opacity as needed */
    border: none;
}

.whatsapp-butonu {
    display: block;
    width: 64px;
    height: 64px;
    opacity: 1;
    z-index: 100;
    position: fixed;
    bottom: 13%;
    right: 20px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(/public/img/whatsapp.png) no-repeat;
    margin-bottom: 20px;
}

.whatsapp-butonu:hover {
    filter: brightness(1.2);


}

@media (max-width: 650px) {

    /* Yalnızca telfonlar için özellik ekle sayın yazılımcı */
    .mobile-breadcumb-centerleme {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 1023px) {
    /* Tablet ve telfonlar için özellik ekle sayın yazılımcı */

    .mobile-header-btn-custom {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mud {
        display: none !important;
    }

    .mob-mar {
        justify-content: center !important;
    }

    .contactPanel {
        display: block;
    }

    .dds {
        margin-bottom: 53px !important;
    }

    .wp-block-blockgallery-masonry.alignfull {
        padding-right: var(--space-md);
        padding-left: var(--space-md);
    }

    .image-custom {
        float: left;
        width: 100%;
        margin-bottom: 1rem;
    }

    .sub-blog-mobile {
        text-align: center;
        width: 100% !important;
        height: 100% !important;
    }

    .mobile-design {
        margin-bottom: 0px !important;
        font-size: 2.5em !important;
    }

    .flexibility-2 {
        padding-left: 7px;
    }

    .mobil-hide {
        display: none !important;
    }

}