/*
 Theme Name: Neighbors
 Theme URI: https://example.com/
 Description: Child theme of Astra for Neighbors website.
 Author: Aries
 Author URI: https://example.com/
 Template: astra
 Version: 1.0.0
 Text Domain: neighbors
*/

@font-face {
    font-family: 'GoodDog';
    src: url('./fonts/GoodDog-webfont.woff2') format('woff2'),
        url('./fonts/GoodDog-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ligurino';
    src: url('./fonts/ligurino.woff2') format('woff2'),
        url('./fonts/ligurino.woff') format('woff');
    font-display: swap;
}

.elementor-widget-text-editor {
    font-family: 'ligurino', sans-serif !important;
    font-weight:500;
}

h1,
.elementor-heading-title {
    font-family: 'GoodDog', sans-serif !important;
    letter-spacing: 2px;
    font-weight: 400 !important;
}
.sub-top a, .sub-top {
    font-family: 'GoodDog', sans-serif !important;
    text-decoration: none !important;
}
.resources-box:hover:hover .elementor-heading-title, .resources-box:hover:hover p, .resources-box:hover:hover a {
    color:#fff !important;
}
.resources-box:hover:hover svg {
    fill: #fff !important;
}
ul.footer-quick-link {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    text-align: left;
    gap: 7px;
}
ul.footer-quick-link a {
    color:#fff;
}
.nb-btn {
    background: rgb(231 16 25);
    padding: .5rem 2rem;
    color: #fff;
    border-radius: 10px;
    border: 1px solid rgb(231 16 25);
    text-transform: uppercase;
    font-size:20px;
}
.nb-btn:hover {
    background: #fff;
    color: rgb(231 16 25);
}
.main-header-menu .menu-link,
.main-header-menu>a {
    padding: 0 0.75em;
    text-transform: uppercase;
    font-weight: 600;
}

.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu>.menu-item {
    line-height: 0;
}

@media (min-width: 992px) {
    #menu-item-47 a {
        background: rgb(231 16 25);
        padding: 1.25rem 2.25rem;
        color: #fff;
        border-radius: 10px;
        border: 1px solid rgb(231 16 25);
    }

    #menu-item-47 a:hover {
        background: #fff;
        color: rgb(231 16 25);
    }

    #menu-item-47 {
        margin-left: 0.75em;
    }
}
.site-footer-primary-section-3 {
    display:flex;
    flex-direction: column;
    gap:20px;
    align-items: center;
}
#block-9 img {
    max-width: 250px;
}
#block-9 .wp-block-media-text__content {
    color:#fff;
    margin-top:30px;
    max-width:320px;
}
.ast-footer-copyright {
    color:#fff;
    text-align:left;
    font-size: 13px;
}
.site-footer-primary-section-2 {
    display: flex;
    justify-content: space-between;
}
.site-footer-primary-section-2 .footer-widget-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.site-footer-primary-section-2 .footer-widget-area .wp-block-social-links {
    gap:10px;
}
.site-footer-primary-section-2 .footer-widget-area .wp-social-link svg {
    padding: 5px;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.site-footer-primary-section-2 .footer-widget-area .wp-social-link svg:hover {
    background:#d04f4f;
    color:#fff;
    fill:#fff;
}
header.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
}
@media (max-width: 544px) {
    .site-primary-footer-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-widget-area.widget-area.site-footer-focus-item {
        margin-bottom: 30px;
    }
    .wp-block-social-links {
        justify-content: flex-start !important;
    }
    .ast-footer-copyright {
        padding: 10px;
    }
}

.pet-slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    margin:0 auto;
    max-width:800px;
}
.pet-image img {
    width: 100%;
    height: auto;
    max-width:400px !important;
}

.pet-content h2 {
    margin-bottom: 10px;
}

.pet-content p {
    margin-bottom: 15px;
}

.pet-btn {
    display: inline-block;
    padding: 0.5rem 2rem;;
    background: transparent;
    border: 1px solid rgb(231 16 25);
    color: rgb(231 16 25) !important;
    text-decoration: none !important;
    border-radius: 25px;
}

.pet-btn:hover {
    background: rgb(231 16 25);
    color:#fff !important;
}

@media (max-width: 768px) {
    .pet-slide {
        grid-template-columns: 1fr;
    }
}
.swiper-button-next,
.swiper-button-prev {
    width: 60px !important;
    height: 60px !important;
    color: #f97316;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #ea580c;
}
.swiper-button-next,
.swiper-button-prev {
    transition: transform 0.3s ease;
}

.swiper-button-next:hover {
    transform: translateX(5px);
}

.swiper-button-prev:hover {
    transform: translateX(-5px);
}
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
    content: none !important;
}