html,body,div,span,object,iframe,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;;outline:0}

/* html{scroll-behavior: smooth;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;font-display:swap;outline:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:kern 1;font-feature-settings:kern 1;-webkit-font-kerning:normal;font-kerning:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

body {
    background-color: var(--white-bg);
    overflow-x: clip !important;
    font-family: var(--font);
    font-weight: 400;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
} */
 html {
    height: 100%;
    overflow: hidden;
    scroll-behavior: smooth;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    font-display: swap;
    outline: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: kern 1;
    font-feature-settings: kern 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background-color: var(--white);
    overflow-x: clip !important;
    font-family: var(--font);
    font-weight: 400;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100%;
    /* cursor: none; */
}
p, h1, h2, h3, h4, h5, h6{margin:0}

/* html {
    overflow-x: clip;
} */

a {
    text-decoration: none;
}

/* section {
    min-height: 100vh;
    scroll-snap-align: start;
} */

#fullpage {
    height: 100vh;
    height: 100svh;
}
.section {
    height: 100vh;
    height: 100svh;
    /* height: calc(var(--vh, 1vh) * 100); */
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}

.maxgridrow {
    width:100%;
    /* max-width:1375px; */
    max-width:1775px;
    margin-inline:auto;
    padding-inline:30px;
    margin: auto !important;
}
@media (max-width:1550px) {
.maxgridrow {
    padding-inline:30px;
}
}

@media (max-width: 992px) {
.maxgridrow {
    padding-inline: 20px;  
    width: 100%;
}
}
@media (max-width: 768px) {
body {
    cursor: none;
}
}


#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    background: var(--white) !important;
    border: 1px solid var(--green-light) !important;
    animation: pulsing 1s infinite;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: var(--green-light) !important;
}
@keyframes pulsing {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

#fp-nav {
    display: none;
}

/* .custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    mix-blend-mode: difference;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: width 0.25s ease, height 0.25s ease, background-color 0.25s ease;
    will-change: transform;
}
.custom-cursor.hover {
    width: 50px;
    height: 50px;
} */
/* a, button, .wpforms-submit {
    cursor: none;
} */
@media (hover: none) and (pointer: coarse) {
    .custom-cursor {
        display: none;
    }
}

.fp-watermark {
    display: none !important;
}


.post-type-archive-artists .header .right,
.page-template-workshops_past .header .right,
.page-template-workshops_coming .header .right,
.single-artists .header .right,
.page-template-palmtree_page .header .right,
.page-template-scholarships .header .right {
    max-width: calc(50vw - 60px);
}

.post-type-archive-artists .header,
.single-artists .header {
    background-color: var(--white) !important;
    border-bottom: 1px solid var(--green-text);
}

@media (min-width: 1501px) and (max-width: 1775px) {
.page-template-workshops_past .header .right,
.page-template-workshops_coming .header .right {
    max-width: calc(50vw - 30px);
}
}

@media (min-width: 1900px) {
.page-template-workshops_past .header .right,
.page-template-workshops_coming .header .right {
    padding-left: 60px;
}
}

@media (min-width: 1776px) and (max-width: 1819px) {
.page-template-workshops_past .header .right,
.page-template-workshops_coming .header .right {
    max-width: calc(50vw - 30px);
    padding-left: 30px;
}
}

@media (min-width: 1820px) and (max-width: 1899px) {
.page-template-workshops_past .header .right,
.page-template-workshops_coming .header .right {
    max-width: calc(50vw - 30px);
    padding-left: 55px;
}
}

@media (min-width: 1500px) {
 .single-artists .header .right {
    padding-left: 0px;
  }
}

.single-artists .header .right {
    padding-left: 0px;
}

@media (min-width: 1776px) {
.single-artists .header .right, .page-template-palmtree_page .header .right {
    max-width: 50vw !important;
}
.single-artists .header .right, .page-template-palmtree_page .header .right {
    padding-left: 60px !important;
}
}



.maximize_icon {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: block;
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
}
.maximize_icon svg {
    width: 100%;
    height: 100%;
    max-width: 50px;
}