/* Header */
.nds-header {
    background-color: var(--color-gray-50);
}

.nds-header > .container {
    padding-block: 1.125rem 1.4375rem;
}

.nds-header .block-join .nds-btn {
    white-space: nowrap;
}

.section-hero-banner {
    background-color: var(--color-gray-50);
    text-align: center;

    @media (width >=601px) {
         text-align: left;
    }
}

.section-hero-banner .wp-block-media-text>.wp-block-media-text__content {
    padding-block: 3rem;
    padding-inline: 0;
}

.section-hero-banner .wp-block-media-text>.wp-block-media-text__media {
    align-self: flex-end;
}

.section-hero-banner h2.wp-block-heading {
    margin-bottom: 1rem;
    font-size: var(--text-2xl);
    letter-spacing: 0.1px;
    line-height: 1;

    @media (width >=1024px) {
        margin-bottom: 2rem;
        max-width: 38.75rem;
        font-size: var(--text-3xl);
        line-height: 1.14;
    }
}

.section-hero-banner p {
    margin-bottom: 1.5rem;

    @media (width >=601px) {
        max-width: 30.625rem;
    }

    @media (width >=1024px) {
        margin-bottom: 2.2rem;
        font-size: var(--text-base-lg);
    }
}

.section-hero-banner .wp-block-buttons {
    justify-content: center;

    @media (width >=601px) {
        justify-content: left;
    }
}

.section-songwriting-journey  .wp-block-columns {
    margin-inline: auto;
    margin-bottom: 0;

    @media (width >=1024px) {
        max-width: 79rem;
    }
}

.section-songwriting-journey .wp-block-column {
    padding-top: 2.5rem;
    background-color: var(--color-gray-50);

    @media (width >=769px) {
        display: flex;
        flex-direction: column;
    }
}

.section-songwriting-journey h2.wp-block-heading {
    font-size: var(--text-2xl);
    letter-spacing: 0.1px;

    @media (width >=1024px) {
        margin-inline: auto;
        max-width: 62.1875rem;
        margin-bottom: 5.2rem; 
    }
}

.section-songwriting-journey h2.wp-block-heading em {
    color: var(--color-blue-400);
    font-style: normal;
}

.section-songwriting-journey .block-title {
    margin-inline: auto;
    padding-block: 1rem;
    font-family: var(--font-family-title);
    font-size: var(--text-md-lg);
    font-weight: var(--font-weight-semibold);
    line-height: 1.4;
}

.section-songwriting-journey .block-title em {
    display: block;
    font-style: normal;
}

.section-songwriting-journey .wp-block-buttons {
    flex-direction: column;
    flex: 1;
    margin-top: auto;
}

.section-songwriting-journey .nds-btn-rect .wp-block-button__link {
    border-radius: 0;
    padding: 1.25rem 0.5rem;
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: 300ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.section-songwriting-journey .nds-btn-rect .wp-block-button__link em {
    font-style: normal;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.section-songwriting-journey .wp-block-button__link em::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-bottom: 5.5px solid transparent;
    border-left: 6px solid var(--color-white);
}

.section-songwriting-journey .block-start .wp-block-button__link {
    background-color: var(--color-yellow-100);
    color: var(--color-black);

    &:hover {
		@media (hover: hover) {
			background-color: oklch(82% 0.19 96);
		}
	}
}

.section-songwriting-journey .block-start .wp-block-button__link em::after {
    border-left-color: var(--color-black);
}

.section-songwriting-journey .block-practice .wp-block-button__link {
    background-color: var(--color-orange-400);

    &:hover {
		@media (hover: hover) {
			background-color: oklch(66% 0.21 55);
		}
	}
}

.section-songwriting-journey .block-finish .wp-block-button__link {
    background-color: var(--color-blue-400);

    &:hover {
		@media (hover: hover) {
			background-color: oklch(67% 0.19 230);
		}
	}
}

.section-songwriting-journey .block-style .wp-block-button__link {
    background-color: var(--color-primary);

    &:hover {
		@media (hover: hover) {
			background-color: var(--color-indigo-400);
		}
	}
}

.section-quiz {
    position: relative;
    background-color: var(--color-indigo-100);
}

.section-quiz::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0; 
    transform: translateX(-50%);
    width: 66px;
    height: 32px;
    background: var(--color-white);

    /* Chevron / arrow shape */
    clip-path: polygon(
        0 0,
        100% 0,
        50% 100%
    );

    z-index: 2;
}

.section-quiz h2.wp-block-heading {
    font-size: var(--text-2xl);
    line-height: 1.1;

    @media (width >=1024px) {
        margin-inline: auto;
        max-width: 72.125rem;
        font-size: var(--text-3xl);
    }
}

.section-resources {
    background-color: var(--color-gray-50);
}

.section-resources h2.wp-block-heading {
    font-size: var(--text-2xl);   
}

.section-resources h2.wp-block-heading em {
    font-size: calc(var(--text-2xl) - 5px);
}

.section-resources h2.wp-block-heading + p {
    @media (width >=1024px) {
        margin-inline: auto;
        max-width: 47.2rem;
        font-size: var(--text-base-lg);
        letter-spacing: 0.1px;
        line-height: 1.5;
    }
}

.section-mentors .wp-block-columns {
    padding-block: 1rem;
}

.section-mentors h2.wp-block-heading {
    margin-block: -0.375rem 2rem;
    font-size: var(--text-2xl);
    text-align: center;

    @media (width >=782px) {
        text-align: left;
    }
}

.section-mentors h2.wp-block-heading em {
    font-size: calc(var(--text-2xl) + 5px);
    font-weight: normal;
}

.section-mentors .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    @media (width >=1024px) {
        width: 50%;
        flex-basis: auto;
    }
}

.section-mentors .wp-block-column.block-mentors-intro {
    margin-bottom: 2rem;

    @media (width >=1401px) {
        margin-bottom: 0;
        padding-left: 8rem;
    }
}

.section-mentors .wp-block-column.block-mentors-intro p {
    margin-bottom: 1.5rem;
    margin-inline: auto;
    max-width: 30.75rem;
    letter-spacing: 0.2px;
    line-height: 1.5;
    text-align: center;

    @media (width >=782px) {
        margin-inline: unset;
        text-align: left;
    }
    
    @media (width >=1024px) {
        font-size: var(--text-base-lg);
    }
}

.section-mentors .block-mentors-intro .wp-block-buttons {
    justify-content: center;

    @media (width >=782px) {
        justify-content: left;
    }
}

.section-ebook {
    background-color: var(--color-gray-50);
}

.section-ebook .container {
    padding-block: 8px ;
    max-width: 1380px;
}

.section-ebook .wp-block-media-text {
    gap: 24px;

    @media (width >=601px) {
        gap: 0;
    }

    @media (width >=1800px) {
        padding-left: 2.4rem;
    }
}

.section-ebook .wp-block-media-text>.wp-block-media-text__content {
    padding-inline: 0;

    @media (width >=601px) {
        padding-left: 2rem;
    }

    @media (width >=1800px) {
        padding-left: 13%;
    }
}

.section-ebook h2.wp-block-heading {
    margin-inline: auto;
    max-width: 450px;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);

    @media (width >=601px) {
        margin-inline: unset;
        max-width: none;
        text-align: left;
    }
}

.section-ebook h2.wp-block-heading em {
    font-weight: var(--font-weight-medium);
}

.section-ebook p {
    margin-bottom: 1.7rem;

    @media (width >=601px) {
        text-align: left;
    }

    @media (width >=1024px) {
        font-size: var(--text-base-lg);
        line-height: 1.4;
    }
}

.section-ebook .wp-block-buttons.is-content-justification-center {
    @media (width >=601px) {
        justify-content: left;
    }
}

.section-events-workshops h2.wp-block-heading {
    font-size: var(--text-2xl);
}

.section-events-workshops h2.wp-block-heading em {
    font-weight: var(--font-weight-medium);
}

.section-events-workshops h2.wp-block-heading + p {
    @media (width >=1024px) {
        font-size: var(--text-base-lg);
    }
}

.section-songwriting-hub h2.wp-block-heading {
    font-size: calc(var(--text-2xl) + 3px);
    letter-spacing: -1px;

    @media (width >=1024px) {
        margin-bottom: 2.4rem;
    }
}

.section-songwriting-hub h2.wp-block-heading em {
    font-weight: var(--font-weight-medium);
}

.section-songwriting-hub h2.wp-block-heading + p {
    margin-bottom: 1.5rem;

    @media (width >=1024px) {
        margin-inline: auto;
        margin-bottom: 2.7rem;
        max-width: 45.5625rem;
        font-size: var(--text-base-lg);
    }   
}

.section-songwriting-hub .block-video-background {
    margin-bottom: 1.5rem;

    @media (width >=1024px) {
        max-width: 1520px;
        margin-inline: auto;
        margin-bottom: 2.7rem;
    }
}

.section-songwriting-hub .wp-block-cover video.wp-block-cover__video-background {
    object-fit: contain;
    width: 50%;
    top: 49.5%;
    left: 50%;
    transform: translate(-50%, -50%);

    @media (width >= 600px) {
        top: 49%;
        width: 51%;
    }

    @media (width >= 1024px) {
        width: 52%;
    }
}

.section-songwriting-hub .block-video-background img {
    @media (width >=1024px) {
        width: 100%;
    }
}

.section-songwriting-hub h3.wp-block-heading {
    margin-bottom: 2rem;
    font-size: calc(var(--text-lg-sm) - 1px);
       
    @media (width >=1024px) {
        margin-bottom: 3.4rem;
    }
}

.section-songwriting-hub .block-access {
    margin-bottom: 2.5rem;

    @media (width >=1024px) {
        gap: 0;
        margin-inline: auto;
        max-width: 62.5rem;
    }
}

.section-songwriting-hub .wp-block-column {
    @media (width >=1024px) {
       min-width: 200px;
    }
}

.section-songwriting-hub .block-access p {
    margin-top: 1.5rem;
    white-space: nowrap;
}

.section-songwriting-hub .powered-by {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.2rem;
}

.section-songwriting-hub .powered-by img {
    display: inline-block;
    margin-left: 0.3125rem;
}

.section-testimonials h2.wp-block-heading {
    margin-inline: auto;
    max-width: 37.5rem;
    letter-spacing: 0.7px;
    font-size: var(--text-2xl);

    @media (width >=1024px) {
       max-width: none;
    }
}

.section-popular-videos {
    position: relative;
    background-color: var(--color-red-500);
    overflow-x: hidden;
}

.section-popular-videos h2.wp-block-heading {
    margin-bottom: 2rem;
    color: var(--color-white);
    font-size: calc(var(--text-2xl) + 3px);

    @media (width >=1024px) {
        margin-bottom: 5rem;
        text-align: left;
        padding-right: 10rem;
    }
}

.section-popular-videos h2.wp-block-heading em {
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
}

.section-popular-videos h2.wp-block-heading em::after {
    display: inline-block;
    width: 57px;
    height: 40px;
    margin-left: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width='57'%20height='40'%20viewBox='0%200%2057%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7.68658%200.671021C20.1005%20-0.207845%2032.597%20-0.104244%2044.9835%200.305786C46.2916%200.343373%2047.6086%200.549488%2048.8985%200.783325C55.2659%201.92391%2055.4213%208.36495%2055.834%2013.7872C56.2457%2019.2655%2056.072%2024.7721%2055.2852%2030.213C54.654%2034.7179%2053.4461%2038.4958%2048.3497%2038.8605C41.9641%2039.3374%2035.7249%2039.721%2029.3214%2039.5988C29.3215%2039.5699%2029.2849%2039.5695%2029.2667%2039.5695L17.7676%2039.3546C14.0444%2039.2797%2010.3114%2039.4293%206.66119%2038.6534C1.10897%2037.494%200.71538%2031.8107%200.303772%2027.0431C-0.263414%2020.3402%20-0.0439233%2013.5152%201.02643%206.86829C1.63068%203.13865%204.00914%200.913197%207.68658%200.671021ZM22.5059%2028.1642C27.318%2025.3407%2032.0387%2022.5644%2036.8233%2019.7599C32.0023%2016.9364%2027.2905%2014.1601%2022.5059%2011.3556V28.1642Z'%20fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
}

/* New Trending */
.section-new-trending h2.wp-block-heading {
    @media (width >=1024px) {
       font-size: calc(var(--text-2xl) + 3px);
    }
}

.section-new-trending .wp-block-query {
    margin-bottom: 2.5rem;
}

.wp-block-post-template {
    display: grid;
    gap: 1.5rem;

    @media (width >=769px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (width >=1024px) {
        grid-template-columns: repeat(3, 1fr);
    }
}

.section-new-trending .wp-block-post-template .wp-block-post {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 1.875rem; 
    margin-block-start: 0;
    background-color: var(--color-gray-50);
}

.section-new-trending .wp-block-post-template .wp-block-post-terms__prefix,
.section-new-trending .wp-block-post-template .wp-block-post-terms__separator {
    display: none;
}

.section-new-trending .wp-block-post-template .wp-block-post-featured-image {
    margin-bottom: 1.2rem;
}

.section-new-trending .wp-block-post-template .taxonomy-category {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 1.4rem;
}

.section-new-trending .wp-block-post-template .taxonomy-category a {
    padding: 10px 15px 8px 15px;
    background-color: var(--color-yellow-100);
    color: var(--color-black);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    text-decoration: none;
}

.section-new-trending .wp-block-post-template h2.wp-block-post-title {
    font-size: var(--text-md-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
}

.section-new-trending .wp-block-post-template h2.wp-block-post-title > a {
    color: var(--color-black);
}


.section-new-trending .wp-block-post-template .wp-block-post-date {
    margin-bottom: 1.2rem;
    font-weight: var(--font-weight-semibold);
}

.section-new-trending .wp-block-post-template .wp-block-post-excerpt {
	grid-row: 5;
	display: flex;
	flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
}

.section-new-trending .wp-block-post-template .wp-block-post-excerpt__excerpt {
    margin-bottom: 1.9rem;
}

.section-new-trending .wp-block-post-template .wp-block-post-excerpt__more-text {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
}

.section-new-trending .wp-block-post-template .wp-block-post-excerpt__more-link {
    display: flex;
    align-items: center;
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    text-decoration: none;

    &:hover {
		@media (hover: hover) {
			color: var(--color-indigo-400);
		}
	}
}

.section-new-trending .wp-block-post-template  .wp-block-post-excerpt__more-link::after {
    content: "";
    display: inline-block;
    margin-left: 0.9rem;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-bottom: 5.5px solid transparent;
    border-left: 6px solid var(--color-primary);
}

.section-new-trending .wp-block-post-template  .wp-block-post-excerpt__more-link:hover::after {
    @media (hover: hover) {
        border-left-color: var(--color-indigo-400);
    }
}