/* Link Page Banner Styles */
.link-page-banner {
    position: relative;
    overflow: hidden;
    background: var(--wp--preset--color--stark, #fff);
    color: var(--wp--preset--color--slate, #37332D);
    font-family: var(--wp--preset--font-family--montserrat, Montserrat, sans-serif);
}

.link-page-banner .banner-content {
    position: relative;
    z-index: 2;
}

.link-page-banner .banner-logo {
    margin-bottom: var(--wp--preset--spacing--l, 2rem);
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.link-page-banner .banner-logo img {
    width: 100%;
    height: auto;
}

.link-page-banner .banner-title {
    margin-bottom: var(--wp--preset--spacing--m, 1.5rem);
    font-size: var(--wp--preset--font-size--large, 2.5rem);
    font-family: var(--wp--preset--font-family--montserrat, Montserrat, sans-serif);
    color: var(--wp--preset--color--putty, #faf7f3);
}

.link-page-banner .banner-description {
    margin-bottom: var(--wp--preset--spacing--xl, 2.5rem);
    font-size: var(--wp--preset--font-size--normal, 1.2rem);
    line-height: 1.6;
    color: var(--wp--preset--color--putty, #faf7f3);
}

.link-page-banner .social-icons {
    margin-bottom: var(--wp--preset--spacing--xl, 2.5rem);
}

.link-page-banner .social-icons .wp-block-social-links {
    gap: var(--wp--preset--spacing--m, 1rem);
}

.link-page-banner .social-icons .wp-block-social-link {
    transition: transform 0.3s ease;
}

.link-page-banner .social-icons .wp-block-social-link:hover {
    transform: translateY(-3px);
}

.link-page-banner .banner-buttons {
    gap: var(--wp--preset--spacing--m, 1rem);
    display: flex;
    justify-content: center;
}

.link-page-banner .banner-buttons .wp-block-button {
    margin: 0;
}

.link-page-banner .banner-buttons .wp-block-button__link {
    padding: 0.8rem 2rem;
    border-width: 2px;
    transition: all 0.3s ease;
    background: var(--wp--preset--color--blue-pencil, #344199);
    color: var(--wp--preset--color--stark, #fff);
}

.link-page-banner .banner-buttons .wp-block-button__link:hover, .social-icons a.social-link .dashicons:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.social-icons a.social-link{
    text-decoration: none;
}
.social-icons a.social-link .dashicons::before {
    color: var(--wp--preset--color--putty);
}
.social-icons a.social-link .dashicons {
    font-size: 50px;
    width: auto;
    height: auto;
     transition: all 0.3s ease;
}

/* Animation Keyframes */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.link-page-banner .banner-logo,
.link-page-banner .banner-title,
.link-page-banner .banner-description,
.link-page-banner .social-icons,
.link-page-banner .banner-buttons {
    opacity: 0;
    animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.link-page-banner .banner-logo {
    animation-delay: 0.1s;
}
.link-page-banner .banner-title {
    animation-delay: 0.3s;
}
.link-page-banner .banner-description {
    animation-delay: 0.5s;
}
.link-page-banner .social-icons {
    animation-delay: 0.7s;
}
.link-page-banner .banner-buttons {
    animation-delay: 0.9s;
    max-width: 900px;
    margin: 0 auto;
}
.link-page-banner source, .link-page-banner img {
    width: 100%;
    object-fit: cover;
    display: inline-block;
}
/* Responsive Styles */
@media (max-width: 1024px) {
.link-page-banner .banner-buttons {
    gap: 2rem !important;
}

.link-page-banner .social-icons {
    margin: 2.5rem 0 !important;
}
section.link-page-banner {
    padding: 18% 4% 10% 4% !important;
}
}
@media (max-width: 768px) {
    .link-page-banner {
        min-height: 60vh !important;
    }
    .link-page-banner .banner-logo {
        max-width: 150px !important;
    }
    .link-page-banner .banner-title {
    font-size: 2rem !important;
}
    .link-page-banner .banner-description {
    font-size: 1rem !important;
}
    .link-page-banner .banner-buttons {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem !important;
    }
    .social-icons a.social-link .dashicons {
    font-size: 38px;
}

.link-page-banner .social-icons {
    gap: 1rem !important;
}
.link-page-banner .banner-buttons .wp-block-button__link {
    padding: 0.4rem 1.3rem !important;
}
} 

@media (max-width: 640px) {
section.link-page-banner {
    padding: 30% 4% 10% 4% !important;
}
.link-page-banner .banner-logo {
    margin: 0 auto 3rem !important;
}
}