/* -------------------------------------------------- *\
|
|  DESKTOP CSS - 1024px
|
\* -------------------------------------------------- */

@media (min-width: 1000px) {
    /* ------------------------- *\
    |  Base
    \* ------------------------- */

    h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 32px;
    }

    h4 {
        font-size: 28px;
    }

    svg.wave {
        height: 80px;
    }
    .btn {
        padding: var(--space-sm) var(--space-md);
    }
    .breadcrumb {
        font-size: 18px;
    }
    .hide-mobile {
        display: block !important;
    }
    .hide-desktop {
        display: none !important;
    }
    .wp-block-table table tr td {
        padding: var(--space-sm);
    }

    /* ------------------------- *\
    |  Page content
    \* ------------------------- */

    .page-content.pad-block {
        padding-block: var(--space-xl);
    }
    .page-content.pad-top {
        padding-top: var(--space-xl);
    }
    .page-content.pad-bot {
        padding-bottom: var(--space-xl);
    }

    /* ------------------------- *\
    |  Nav menu
    \* ------------------------- */

    header .menu-desktop {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        transition: filter 0.4s ease;
    }

    header .menu-desktop.scrolled {
        filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
    }

    header .menu-desktop .menu-content {
        background-color: transparent;
        transition: background-color 0.4s ease;
    }

    header .menu-desktop.scrolled .menu-content {
        background-color: var(--color-bg-light);
    }

    header .menu-desktop .wave {
        height: 20px;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    header .menu-desktop.scrolled .wave {
        opacity: 1;
    }

    header .menu-desktop .menu-content .wrap-content {
        display: flex;
        padding-top: 16px;
        justify-content: space-between;
    }

    header .menu-desktop .menu-content .wrap-content .menu-header {
        display: flex;
        align-items: center;
        gap: 16px;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    header .menu-desktop.scrolled .menu-content .wrap-content .menu-header {
        opacity: 1;
    }

    header .menu-desktop .menu-content .wrap-content .menu-header .logo {
        height: 64px;
    }

    header .menu-desktop .menu-content .wrap-content .menu-header .menu-title {
        font-family: "Tiro Telugu", serif;
        font-size: 32px;
        color: #f19ba4;
        white-space: nowrap;
    }

    header .menu-desktop .menu-content .wrap-content .menu {
        display: flex;
        align-items: center;
        gap: 24px;
        padding-bottom: 16px;
        transform: translateX(-400px);
        transition: all 0.5s ease;
    }

    header .menu-desktop.scrolled .menu-content .wrap-content .menu {
        justify-self: end;
        transform: translateX(0px);
    }

    /* ------------------------- *\
    |  Footer
    \* ------------------------- */

    footer .footer-box {
        background-color: var(--color-bg-light);
        padding-block: var(--space-lg);
    }

    footer .footer-box .content {
        flex-direction: row;
        gap: var(--space-md);
    }

    footer .footer-box .content .footer-col {
        flex-grow: 1;
        flex-basis: 0;
    }

    footer .footer-box .content .footer-col.footer-links h3,
    footer .footer-box .content .footer-col.footer-links ul li {
        text-align: center;
    }

    footer .footer-box .content .footer-col.footer-contact {
        align-items: end;
    }

    /* ------------------------- *\
    |  Home — Hero
    \* ------------------------- */

    .home section.hero .content {
        flex-direction: row;
    }

    .home section.hero .content .hero-infos {
        padding-left: var(--space-lg);
    }

    .home section.hero .content .hero-infos .logo-hero {
        width: 250px;
    }

    .home section.hero .content .hero-infos h1 {
        font-size: 64px;
    }

    .home section.hero .content .hero-infos h1 .hero-top-text {
        font-size: 48px;
    }

    .home section.hero .content .hero-infos .buttons {
        flex-direction: row;
        align-items: center;
        gap: var(--space-md);
    }

    .home section.hero .content .hero-image {
        width: 50%;
        height: 100%;
        border-radius: 50% 0 0 50%;
    }

    .home section.hero .wave-box {
        position: relative;
        background-color: var(--color-bg-dark);
    }

    .home section.hero .wave {
        transform: scale(-1, 1);
    }

    /* ------------------------- *\
    |  Home — Four seasons
    \* ------------------------- */

    section.four-seasons {
        padding-block: var(--space-lg);
    }

    section.four-seasons h2 {
        width: 100%;
        text-align: center;
    }

    section.four-seasons .content {
        flex-direction: row;
    }

    /* ------------------------- *\
    |  Text image
    \* ------------------------- */

    section.simple-text-image.dark-bg {
        background-color: var(--color-bg-dark);
    }

    section.simple-text-image .layout {
        width: 100%;
        flex-direction: row;
    }

    section.simple-text-image .layout.right {
        flex-direction: row-reverse;
    }

    section.simple-text-image .layout .simple-image {
        flex-grow: 1;
        flex-basis: 0;
        align-self: flex-start;
        position: sticky;
        top: 128px;
    }

    section.simple-text-image .layout .simple-image img {
        aspect-ratio: 1.2;
        width: 100%;
        height: auto;
        border-radius: 0 9999px 9999px 0;
    }

    section.simple-text-image .layout.right .simple-image img {
        border-radius: 9999px 0 0 9999px;
    }

    section.simple-text-image .layout .content {
        display: flex;
        flex-grow: 1;
        flex-basis: 0;
        margin: var(--space-lg) 0;
    }

    section.simple-text-image .layout.right .content {
        align-items: end;
    }

    section.simple-text-image .layout .content .wrap {
        max-width: 600px;
    }

    /* ------------------------- *\
    |  Event Details
    \* ------------------------- */

    section.event-details .event-details-layout {
        flex-direction: row;
        min-height: 600px;
        padding-top: 128px;
        padding-bottom: var(--space-lg);
    }

    section.event-details .event-details-image {
        flex: 1;
        align-self: flex-start;
        position: sticky;
        top: 128px;
    }

    section.event-details .event-details-image img {
        aspect-ratio: 1.2;
        border-radius: 0 9999px 9999px 0;
    }

    section.event-details .event-details-body {
        flex: 1;
        justify-content: center;
        padding: var(--space-lg) var(--space-lg);
    }

    section.event-details .event-details-wrap {
        max-width: 600px;
    }

    section.event-details .event-categories {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
    }

    section.event-details .event-details-info {
        margin-top: 0px;
        margin-bottom: 32px;
    }

    section.event-details .event-details-info .event-details-time {
        font-size: 20px;
        color: #b8b8b7;
        font-weight: 300;
    }

    section.event-details h1 {
        font-size: 48px;
    }

    /* ------------------------- *\
    |  Page Header
    \* ------------------------- */

    section.page-header .overlay {
        padding-top: var(--space-xl);
    }

    /* ------------------------- *\
    |  Event Registration
    \* ------------------------- */

    section.event-registration .event-registration-body {
        padding-block: var(--space-lg);
    }

    section.event-registration .form-row {
        flex-direction: row;
    }

    section.event-registration .form-row {
        flex-direction: row;
        gap: var(--space-sm);
    }

    section.event-registration .form-row .form-field {
        flex: 1;
    }

    
    section.event-registration .bottom-section {
        margin-top: var(--space-md);
        flex-direction: row;
        justify-content: space-between;
    }

    /* ------------------------- *\
    |  Contact
    \* ------------------------- */

    section.contact {
    }

    section.contact .contact-info-form {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--space-xl);
    }

    section.contact .contact-info {
        flex: 1;
        position: sticky;
        top: 128px;
    }

    section.contact .contact-form {
        flex: 1.5;
    }

    section.contact .contact-form .form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-sm);
    }

    section.contact .contact-form .form-grid textarea {
        grid-column: 1 / -1;
    }

    section.contact .radio-group {
        flex-direction: row;
    }

    /* ------------------------- *\
    |  Events
    \* ------------------------- */

    section.coming-events {
        padding-block: var(--space-lg);
    }

    section.coming-events .wrap-content {
        max-width: 1500px;
    }

    section.coming-events .events-list {
        display: grid;
        grid-template-columns: minmax(300px, 2fr) repeat(3, minmax(0, 3fr));
    }

    /* ------------------------- *\
    |  EVENT LIST
    \* ------------------------- */

    section.events-list {
    }

    section.events-list .content {
        gap: var(--space-lg);
    }

    section.events-list .content h2 {
        text-align: center;
    }

    section.events-list .content .category-description {
        text-align: center;
    }

    section.events-list .content .events-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    section.events-list .content .events-grid .event-link {
        min-width: 0;
    }

    /* ------------------------- *\
    |  Next Events
    \* ------------------------- */

    section.next-events .events-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-md);
    }

    section.next-events .events-grid a {
        min-width: 0;
    }

    /* ------------------------- *\
    |  Section Full IMage Box
    \* ------------------------- */

    section.full-image-box .wave {
        height: 50px;
    }

    /* ------------------------- *\
    |  Partners
    \* ------------------------- */

    .partners-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--space-md);
    }

    .partners-grid .partner-link {
        width: calc((100% - 3 * var(--space-md)) / 4);
    }

    /* ------------------------- *\
    |  Section Map
    \* ------------------------- */

    section.map {
        padding-top: 32px;
    }
}