﻿:root {
    --color-theme: #c35d7b;
    --bg-site: #a98260;
    --bg-logo: #fefefc;
}

.backdrop-filter-header {
    backdrop-filter: blur(15px);
}

.btn-theme.btn-theme:hover {
    background: var(--bg-site);
    border-color: var(--bg-site);
    color: var(--color-white);
}

header {
    background-color: transparent;
}

footer .legend {

}

footer p, footer a {
    color: var(--color-white);
}

.bg-header {
    background-color: var(--bg-main);
}

main {
    background: none !important;
}

main p {
    color: var(--color-white);
}

.border-theme {
    border-color: var(--color-black) !important;
}

.legend {

}

.home-gift-cart h2, .home-gift-cart h3 {
    text-shadow: -1px 0 var(--color-black), 0 1px var(--color-black), 1px 0 var(--color-black), 0 -1px var(--color-black);
}

.home-gift-cart p {
    color: var(--color-white);
}

.about-us h2, .about-us h3 {
    color: var(--color-theme);
    text-shadow: -1px 0 var(--color-black), 0 1px var(--color-black), 1px 0 var(--color-black), 0 -1px var(--color-black);
}

.about-us a {
    color: var(--color-white);
}

.about-us p {
    color: var(--color-white);
}

.about-us .box-image {
    padding: 0 20px;
}

.services-images .box-text h2 {
    color: var(--color-theme);
}

.contact h2, .contact h3 {
    color: var(--color-theme);
    text-shadow: -1px 0 var(--color-black), 0 1px var(--color-black), 1px 0 var(--color-black), 0 -1px var(--color-black);
}

.contact a {
    color: var(--color-white);
}

.reviews h2 {
    color: var(--color-theme);
}

.page-contact .box-inner {
    width: 305px;
    height: 305px;
    margin: 0 auto;
}

.page-contact .box-inner .bg-contact-1, .page-contact .box-inner .bg-contact-2, .page-contact .box-inner .bg-contact-3, .page-contact .box-inner .bg-contact-4 {
    height: 100%;
    width: 100%;
}

.page-index h2 {
    color: var(--color-theme);
    font-family: "Gabriela";
    line-height: 1.3em;
    position: relative;
    font-size: 36px;
    text-shadow: -1px 0 var(--color-black), 0 1px var(--color-black), 1px 0 var(--color-black), 0 -1px var(--color-black);
}

@media (max-width: 1199px) {
    .about-us .box-image {
        padding-left: 60px;
    }

    .about-us .box-image .rotate-10 {
        transform: rotate(10deg);
    }

    .page-contact .box-inner {
        width: 450px;
        height: 450px;
    }
}

@media (max-width: 991px) {
    .about-us .box-image {
        padding-left: 50px;
    }

    .contact .address p {
        font-size: 16px;
    }

    .page-contact .box-inner {
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 767px) {
    .navbar-brand img {
        transform: scale(1.275);
        padding: 0;
    }

    main {
        padding-top: calc(175px + 3rem) !important;
    }

    .about-us .box-image {
        padding: 0 30px;
        padding-top: 30px;
    }

    .page-contact .box-inner {
        width: 295px;
        height: 295px;
    }
}
