/* Gradient Clip */
.gradient-clip {
  background: linear-gradient(90deg, #0064A4 0%, #0094A8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---- New Button Styles ---- */

/* Gradient Button Styles */
@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 90deg;
}

/* .wp-block-buttons > .wp-block-button {
    display: flex;
} */

.wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link,
.editor-styles-wrapper .wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link,
.wp-block-group:not(.black-buttons) .wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link,
.wp-block-button.is-style-with-gradient .wp-block-button__link,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link,
.gform_button,
.editor-styles-wrapper .wp-block-button.is-style-with-gradient .wp-block-button__link,
.editor-styles-wrapper .gform_button,
#footer-donate form a:not(.amount-container).active,
#footer-donate form a:not(.amount-container):hover,
#footer-donate form a:not(.amount-container):focus,
#footer-donate form button[type=submit],
ul#menu-primary-menu li.nav-button.donate a{       
    position: relative;    
    background-image: linear-gradient(90deg, #0064A4 0%, #0094A8 100%);    
    color: #fff !important;
    border-radius: 1px;
    overflow: hidden;
    border: none !important;
    text-decoration: none !important;
    padding: 1rem 2rem;    
}
#footer-donate form .toggle-contain a.active,
#footer-donate form .toggle-contain a:hover,
#footer-donate form .toggle-contain a:focus {
    padding: 10px;
}

#footer-donate a.amount-container.active,
#footer-donate a.amount-container:hover,
#footer-donate a.amount-container:focus {
    position: relative;    
    background-image: linear-gradient(90deg, #0064A4 0%, #0094A8 100%);
    color: #fff;
    border-radius: 1px;
    overflow: hidden;
}

/* .wp-block-button.is-style-with-gradient .wp-block-button__link,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link,
.gform_button,
.wp-block-button.is-style-hollow-with-gradient .wp-block-button__link, 
.tribe-common .wp-block-button.is-style-hollow-with-gradient .wp-block-button__link, 
.editor-styles-wrapper .wp-block-button.is-style-with-gradient .wp-block-button__link,
.editor-styles-wrapper .gform_button,
.editor-styles-wrapper .wp-block-button.is-style-hollow-with-gradient .wp-block-button__link  {    
    padding: 1rem 2rem;    
} */

.wp-block-button.is-style-with-gradient .wp-block-button__link::before,
.wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link::before,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link::before,
.tribe-common .wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link::before,
.editor-styles-wrapper .wp-block-button.is-style-with-gradient .wp-block-button__link::before,
.editor-styles-wrapper .wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link::before,
.full-width-button.has-rady-gradient-background .wp-block-group__inner-container a.absolute + .wp-block-heading::before,
ul#menu-primary-menu li.nav-button.donate a::before,
#footer-donate form button[type=submit]::before,
#footer-donate form a.active::before,
.wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link::before,
.editor-styles-wrapper .wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link::before{
     content: '';
    position: absolute;
    top: 0; 
    left: -100%;
    width: 100%; 
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: all 0.5s ease;
    pointer-events: none;
}  

@media (min-width: 782px){
    .full-width-button.has-rady-gradient-background .wp-block-group__inner-container a.absolute + .wp-block-heading::before {
        transition: all 1s ease;
    }  
}

.wp-block-button.is-style-with-gradient:hover,
.wp-block-button.is-style-with-gradient .wp-block-button__link:hover,
.tribe-common .wp-block-button.is-style-with-gradient:hover,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link:hover,
.wp-block-button.is-style-with-gradient:focus,
.wp-block-button.is-style-with-gradient .wp-block-button__link:focus,
.tribe-common .wp-block-button.is-style-with-gradient:focus,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link:focus,
ul#menu-primary-menu li.nav-button.donate a:hover,
ul#menu-primary-menu li.nav-button.donate a:focus {
    border: none !important;        
}

.wp-block-button.is-style-with-gradient .wp-block-button__link:hover::before,
.wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link:hover::before,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link:hover::before,
.tribe-common .wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link:hover::before,
.editor-styles-wrapper .wp-block-button.is-style-with-gradient .wp-block-button__link:hover::before,
.editor-styles-wrapper .wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link:hover::before,
.full-width-button.has-rady-gradient-background .wp-block-group__inner-container a.absolute:hover + .wp-block-heading::before,
#footer-donate form a.active:hover::before,
#footer-donate form button[type=submit]:hover::before,
.wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link:hover::before,
.editor-styles-wrapper .wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link:hover::before,
.wp-block-button.is-style-with-gradient .wp-block-button__link:focus::before,
.wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link:focus::before,
.tribe-common .wp-block-button.is-style-with-gradient .wp-block-button__link:focus::before,
.tribe-common .wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link:focus::before,
.editor-styles-wrapper .wp-block-button.is-style-with-gradient .wp-block-button__link:focus::before,
.editor-styles-wrapper .wp-block-button.is-style-hollow-with-gradient:not(.with-arrow) .wp-block-button__link:focus::before,
.full-width-button.has-rady-gradient-background .wp-block-group__inner-container a.absolute:focus + .wp-block-heading::before,
#footer-donate form a.active:focus::before,
#footer-donate form button[type=submit]:focus::before,
.wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link:focus::before,
.editor-styles-wrapper .wp-block-button:not(.is-style-with-gradient):not(.is-style-hollow-with-gradient):not(.is-style-no-bg) .wp-block-button__link:focus::before,
ul#menu-primary-menu li.nav-button.donate a:hover::before {
    left: 100%;
}

.wp-block-button.is-style-with-gradient,
.wp-block-button.is-style-hollow-with-gradient,
.wp-block-button.is-style-fill,
.tribe-common .wp-block-button.is-style-with-gradient,
.tribe-common .wp-block-button.is-style-hollow-with-gradient {
    display: flex;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: inherit;    
}

/* Hollow Button Styles  */
.wp-block-button.is-style-hollow-with-gradient .wp-block-button__link,
.tribe-common .wp-block-button.is-style-hollow-with-gradient .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-hollow-with-gradient .wp-block-button__link {
    border: none;
    box-shadow: inset 0 0 0 1px var(--is-style-theme-primary);
    background-color: unset;
    background-image: transparent;
    color: var(--wp--preset--color--theme-primary);
    overflow: hidden;
    border-radius: 0;
    transition: color 300ms ease;
    position: relative;
    z-index: 1;    
    padding: 1rem 2rem;
    
    &.has-text-color.has-link-color {
        color: currentColor;
        box-shadow: inset 0 0 0 1px currentColor;
    }
    
    &:hover,
    &:focus{         
        color: #fff !important;
    }
}



.wp-block-button.is-style-hollow-with-gradient,
.tribe-common .wp-block-button.is-style-hollow-with-gradient,
.editor-styles-wrapper .wp-block-button.is-style-hollow-with-gradient{

    &.with-arrow .wp-block-button__link {

        &::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-image: linear-gradient(90deg, #0064A4 0%, #0094A8 100%);
            opacity: 0;
            transition: opacity 300ms ease;
            z-index: -1;
        }

        &:hover::before,
        &:focus::before {
            opacity: 1;
        }
    }

    &:not(.with-arrow) .wp-block-button__link {
        &::after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-image: linear-gradient(90deg, #0064A4 0%, #0094A8 100%);
            opacity: 0;
            transition: opacity 300ms ease;
            z-index: -1;
        }
    
        &:hover::after,
        &:focus::after {
            opacity: 1;
        }
    }

}

/* no background button */
.wp-block-button.is-style-no-bg .wp-block-button__link,
.wp-block-button.is-style-no-bg .wp-block-button__link.has-background,
.tribe-common .wp-block-button.is-style-no-bg .wp-block-button__link,
.fb-embed-link {

    color: var(--wp--preset--color--theme-black);
    font-family: Gothamcond, sans-serif !important;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 1rem;
    font-weight: 400;
    border: unset;
    background: unset !important;
    background-color: none !important;
    background-image: unset;
    text-decoration: underline;
    /* text-decoration: none; */
    text-decoration-color: transparent;    
    position: relative;
    transition: text-decoration-color 200ms ease-out;

    /* &::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(100% - (20px + 24px));
        height: 1px;
        background: currentColor;
        transition: width 0.3s ease;
    } */

}

.wp-block-button.is-style-no-bg[class*="text-decor"] .wp-block-button__link,
.tribe-common .wp-block-button.is-style-no-bg[class*="text-decor"] .wp-block-button__link,
.fb-embed-link {
    text-decoration: none;                
    
    & .text-decor {        
        text-decoration: underline;    
        text-decoration-color: inherit;            
    }
}

.site-container .wp-block-button.is-style-no-bg a.wp-block-button__link:hover,
.site-container .wp-block-button.is-style-no-bg a.wp-block-button__link:focus,
.fb-embed-link:hover,
.fb-embed-link:focus {
    
    text-decoration-color: inherit;
    background-color: none !important;
    border-color: none !important;
    
    /* &::before {
        width: 0;
    } */
}

/* Custom Fill override */
.wp-block-button.is-style-custom-bg .wp-block-button__link.has-background,
.editor-styles-wrapper .wp-block-button.is-style-custom-bg .wp-block-button__link.has-background {
    background-image: unset !important;    
}

.wp-block-button.is-style-custom-bg .wp-block-button__link.has-background:before,
.editor-styles-wrapper .wp-block-button.is-style-custom-bg .wp-block-button__link.has-background:before{
    background: unset !important;
    left: 0 !important;
    top: 0 !important;
    background-color: rgba(255, 255, 255, 0) !important;
    border-radius: inherit !important;
    transition: background-color 0.2s ease !important;
    pointer-events: none !important;
    
}

.wp-block-button.is-style-custom-bg .wp-block-button__link.has-background:hover:before,
.editor-styles-wrapper .wp-block-button.is-style-custom-bg .wp-block-button__link.has-background:hover:before{
    left: 0 !important;
    background-color: rgba(255, 255, 255, 0.15) !important;    
}


/* full width button */


.full-width-button h2{
    padding: 0;
}
.full-width-button h4,
.full-width-button h4 *{
    font-size:28px !important;
}

.full-width-button {
    position: relative;
}

.full-width-button .wp-block-heading{  
    padding: 0.5em 20px;  
}

.full-width-button a.absolute + .wp-block-group__inner-container a,
.full-width-button a.absolute + .wp-block-group__inner-container a,
.full-width-button .wp-block-group__inner-container a.absolute + a,
.full-width-button .wp-block-group__inner-container a.absolute + * > a,
.full-width-button .wp-block-group__inner-container a.absolute a,
.full-width-button .wp-block-group__inner-container a.absolute + * > a{
    text-decoration: underline;
    text-decoration-color: transparent;  
    transition: text-decoration-color 0.5s ease;  
}
.full-width-button .wp-block-group__inner-container a.absolute:hover a,
.full-width-button .wp-block-group__inner-container a.absolute:focus a,
.full-width-button .wp-block-group__inner-container a.absolute:hover + a,
.full-width-button .wp-block-group__inner-container a.absolute:hover + * > a,
.full-width-button .wp-block-group__inner-container a.absolute:focus a,
.full-width-button .wp-block-group__inner-container a.absolute:focus + * > a{
    text-decoration-color: currentColor;
  /* display: flex;  
  justify-content: center;
  align-items: center;
  gap: 10px; */
}

.full-width-button a.absolute:hover + div a {
}
@media (max-width: 768px){
	.full-width-button * {
		font-size: 2rem !important;
	}
	.full-width-button a {
		padding: 0.6em 10px;
	}
}

/* editor */
.editor-styles-wrapper .full-width-button a:hover {
    color: currentColor;
}

/* arrow variant */
.arrow-link a::after, 
.arrow-link .wp-block-button__link::after,
.wp-block-button.with-arrow a::after, 
.wp-block-button.with-arrow .wp-block-button__link::after {
  display: inline-block;
  content: '';
  /* background-image: url(../images/download-arrow.svg); */
  background-color: currentColor;
  background-size: cover;
  /* -webkit-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  transform: rotate(-137deg); */
   mask: url(../images/white-arrow-no-stem.svg) no-repeat center / contain;
  -webkit-mask: url(../images/white-arrow-no-stem.svg) no-repeat center / contain;
  /* margin-left: 10px; */
  margin-top: 2px;
  height: 24px;
  width: 24px;
  vertical-align: sub;
}

.wp-block-button.with-arrow a::after, 
.wp-block-button.with-arrow .wp-block-button__link::after {
  
}




/* paragraph  */
/* pre-heading and blockquote styles */

p.is-style-pre-heading-large,
p.is-style-pre-heading-small,
.editor-styles-wrapper p.is-style-pre-heading-large
.editor-styles-wrapper p.is-style-pre-heading-small,
.blog-template-redesign blockquote p,
.single-redesign blockquote p,
.event-template-redesign blockquote p
 {
    font-weight: 700 !important;
    color: var(--wp--preset--color--theme-primary);
    text-transform: uppercase;
    margin: 0;    
}

p.is-style-pre-heading-large,
.editor-styles-wrapper p.is-style-pre-heading-large,
.editor-styles-wrapper .wp-block-quote p.is-style-pre-heading-large,
.blog-template-redesign blockquote p,
.single-redesign blockquote p,
.event-template-redesign blockquote p{
    font-style: normal;
    font-family: Gothamcond, sans-serif;
    font-size: clamp(36px, 3.6vw, 48px) !important;
    line-height: 130%;
}


p.is-style-pre-heading-small,
.editor-styles-wrapper p.is-style-pre-heading-small,
.editor-styles-wrapper .wp-block-quote p.is-style-pre-heading-small {    
    font-family: Gotham, sans-serif;
    font-size: clamp(16px, 1.6vw, 24px) !important;
    line-height: 100%;
}

p.is-style-pre-heading-for-cards,
.editor-styles-wrapper p.is-style-pre-heading-for-cards {    
    font-weight: 400;
    line-height: 100%;    
    font-size: 12px !important;
    margin: 24px 0 0;
}

p.is-style-pre-heading-small.tt-off {
    text-transform: unset;
}

/* variations  */
p.card-pre-text,
.editor-styles-wrapper p.card-pre-text {
    /* font-family: Gothamcond, sans-serif; */
  
}

/* heading styles */

.is-style-normal,
.editor-styles-wrapper  .is-style-normal{
    font-family: Gotham, sans-serif !important;    
    text-transform: unset;
    margin:0;
}

h3.card-heading,
.editor-styles-wrapper h3.card-heading,
#tribe-events-pg-template .tribe-events-content h3.card-heading,  
h4.card-heading,
.editor-styles-wrapper h4.card-heading,
#tribe-events-pg-template .tribe-events-content h4.card-heading  {
    font-size: 24px;
    margin: 8px 0;
}


/* .is-style-decorated  */

.decoration-div {
    position: relative;

    @media (min-width: 782px){
        &::before {
        content: '';
            width: 100%;
            height: 2px;
            background-color: var(--wp--preset--color--theme-primary);
            position: absolute;
            top: calc(50% - 1px);
            left: 50%;
            transform: translate(-50%);
            z-index: -1;
            max-width: 1184px;
        }


    }
}

.is-style-decorated,
.editor-styles-wrapper .is-style-decorated  {
    position: relative;
    text-align: center !important;
    padding-left: 4%;
    padding-right: 4%;
    width: max-content;
    max-width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 0;

    &.has-background {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 4%; 
        padding-right: 4%; 

         @media (max-width: 781px){
            padding: 16px 0;
        }
    }

    
    &::before,
    &::after {
        content: '';
        position: absolute;        
    }

    &::after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--wp--preset--color--theme-white);
        background-color: inherit;
        z-index: -1;        
    }
    

     @media (max-width: 781px){

        padding: 16px 0;

        &::before,
        &::after {
            width: 30%;
            min-width: 169px;
            height: 2px;        
            left: 50%;
            transform: translate(-50%);
            background-color: var(--wp--preset--color--theme-primary);
            z-index: -1;
        }

        &::before {        
            bottom: 0;
        }

        &::after {            
          
        }

    }
   

}

/* editor only */
.editor-styles-wrapper .is-style-decorated  {
     &::before {
        content: '';
           content: '';
    width: 100vw;
    height: 2px;
    background-color: var(--wp--preset--color--theme-primary);
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
    max-width: 1184px;
        }
}



/* Hero Carousel Styles */


/* dots (not hero specific) */
.entry-content .flickity-page-dots {
    margin: 0;
    padding: 0;
    bottom: 5%;
    width: max-content;
    left: 50%;
    transform: translate(-50%);
}
.flickity-enabled .flickity-page-dots .dot {
    display: inline-block;
    width: clamp(16px, 2vw, 24px);
    height: clamp(16px, 2vw, 24px);
    margin: 0 8px;
    background-color: black;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--theme-white);
    opacity: 1;
    cursor: pointer;
}
.flickity-enabled .flickity-page-dots .dot.is-selected {
    background-color: var(--wp--preset--color--theme-primary);
}

/* all flickity buttons */
.flickity-prev-next-button{
    top: unset;
    bottom: 0%;   
    width: 48px;
    height: 48px;
    padding: 0;

    & .flickity-button-icon {

        fill: var(--wp--preset--color--theme-white);
    }

    &.previous {
        left: 50%;
        transform: translate(-250%, -50%);
        background-image: linear-gradient(90deg, var(--rady-gradient))
    }
    &.next {
        right: 50%;
        transform: translate(250%, -50%);
        background-image: linear-gradient(240deg, var(--rady-gradient))
    }
}

@media screen and (max-width: 768px){
    
    /* .entry-content .flickity-page-dots {
        bottom: 0;   
    } */
    .entry-content .flickity-page-dots .dot{
        margin-bottom: 0;
    }
}

/* ------- gradient overrides ----- */
.wp-block-cover .has-background-dim.has-rady-gradient-background,
.has-background.has-rady-gradient-background {
     background-image: linear-gradient(90deg, var(--rady-gradient));
}

/* overlay-mobile-only styles */

/* Hide overlay by default */
.wp-block-cover.is-style-stack-content-on-mobile .wp-block-cover__background.has-background-dim {
    transition: opacity 0.3s ease;
}

/* Show overlay on small screens only */
@media screen and (min-width: 769px){
    .wp-block-cover.wp-block-cover.is-style-overlay-mobile-only .wp-block-cover__background.has-background-dim,
    .wp-block-cover.is-style-stack-content-on-mobile .wp-block-cover__background.has-background-dim {
        opacity: 0 !important;
    }
}



@media screen and (max-width: 768px){
    

      .wp-block-cover.is-style-stack-content-on-mobile .wp-block-cover__background.has-background-dim {
        opacity: 1 !important;
        background: linear-gradient(240deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 59%, rgb(255, 255, 255) 100%) !important;        
    }
    

  
}

@media screen and (max-width: 601px){

    .hero-carousel .wp-block-cover.wp-block-cover.is-style-overlay-mobile-only .wp-block-cover__background.has-background-dim + .wp-block-cover__inner-container {
        margin-bottom: 0;
        position: relative;

        & .wp-block-columns {
            position: relative;
            z-index: 1;
        }
    }


/* if White text, make it black with linear gradient behind on mobile, to blend into the rest of page  */

    .hero-carousel .wp-block-cover.wp-block-cover.is-style-overlay-mobile-only.has-theme-white-color .wp-block-heading,
    .hero-carousel .wp-block-cover.wp-block-cover.is-style-overlay-mobile-only.has-theme-white-color p {
        color: var(--wp--preset--color--theme-black) !important;
    } 

    .hero-carousel .wp-block-cover.wp-block-cover.is-style-overlay-mobile-only.has-theme-white-color .wp-block-cover__background.has-background-dim + .wp-block-cover__inner-container::after {
        content: '';
        width: 100%;
        height: 140%;
        background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 59%, rgb(255, 255, 255) 100%) !important;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
    }
    
    .wp-block-cover.is-style-stack-content-on-mobile .wp-block-cover__background.has-background-dim {
        background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 59%, rgb(255, 255, 255) 100%) !important;
    }

    .wp-block-cover.is-style-stack-content-on-mobile {
        align-items: flex-end !important;        
    }
    .wp-block-cover.is-style-stack-content-on-mobile .wp-block-cover__inner-container{
        margin: unset !important;
    }

    .wp-block-cover.is-style-stack-content-on-mobile {
        & .wp-block-cover__image-background {        
            height: 320px !important;
        }

        &.subjects-on-right  .wp-block-cover__image-background {            
            /* object-position: 80% 0% !important; */            
        }

        &.subjects-on-left  .wp-block-cover__image-background {            
            /* object-position: 80% 0% !important; */            
        }

    } 
    
    
    .full-width-content .entry-content .flickity-slider .alignfull .wp-block-media-text {

        & .wp-block-media-text__content {        
            grid-row: span 2;
            align-self: end;
            padding-top: 40px;
            padding-bottom: 0px;
            max-width: 400px;
            margin: 0 0 0 auto;
        }
    
        &.has-media-on-the-right .wp-block-media-text__content {
            margin: 0;
            
        }        
    } 
}


/* SPACER STYLES */
.wp-block-spacer.is-style-small-spacer {
    height: clamp(24px, 3vw, 36px) !important
}
.wp-block-spacer.is-style-regular-spacer {    
    height: clamp(48px, 6vw, 64px) !important    
}
.wp-block-spacer.is-style-large-spacer {
    height: clamp(48px, 12vw, 128px) !important    
}


@media (max-width: 781px){

    /* .wp-block-spacer.is-style-small-spacer {
        height: 24px !important;        
    } */
    .wp-block-spacer.is-style-regular-spacer {
        /* height: 56px !important;
        height: clamp(36px, 12vw, 40px) !important */
    }
    /* .wp-block-spacer.is-style-large-spacer {
        height: clamp(48px, 12vw, 80px) !important
    }    */
}




/* Hide Spacer block's height control by default */
.components-panel .block-editor-block-inspector  .tools-panel-item-spacing {
  /* display: none; */
}

/* Show it again if the block has is-style-custom-height */
/* .components-panel .block-editor-block-inspector
  .is-style-custom-height
  .tools-panel-item-spacing {
  display: block;
} */




/* ------ ACF Blocks -------- */
/* featured-post */
.featured-post .wp-block-group__inner-container{
    /* display: flex;
    gap: 48px */
}
.featured-post .wp-block-group__inner-container > *{
    /* flex-basis: calc(50% - 48px); */
}

.featured-post .wp-block-group__inner-container {
    & p {
        font-size: 20px;
    }

    & .post-pre-heading{        
        font-size: 20px;        
        margin: 0 0 24px;
    }

    & .post-title {
        margin: 0 0 24px;
    }
}

.featured-post .wp-block-group__inner-container .featured-post-image{
    height: 30vw;
    /* height: 25vw; */
    min-height: 477px;
    
    @media (max-width: 781px){
        min-height: 247px;
        height: unset;
    }
    
    & img {
        height: 100%;
        max-height: 100%;
        /* object-fit: contain; */
        /* object-fit: cover; */
        /* object-position: center; */
    }

}

.tribe-block__additional-field__textarea {
    display: none; 
}

.tribe-common.tribe-events .featured-event,
.latest-issue {

    & .featured-event-content,
    & .latest-issue-content {
        
        padding: clamp(24px, 6.4vw, 64px) !important;
  }
    & h2.post-title {
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    & h2.issue-title {
        text-transform: capitalize;
        margin-bottom: 8px;
    }

    & p.sub-heading {
        /* margin-bottom: 10px ; */
        margin-bottom: 0px ;
    }
    & p.sub-heading + p {
        margin-top: 0;
    }



    & .featured-event-image,
    & .magazine-image {
        max-height: 50vw;
        height: 100%;
        
        & img {            
            height: 100%;
            object-fit: cover;            
        }
    }
    
    & .magazine-image {
        box-shadow: 0px 5px 15px 2px #06808E80;
    }

    & .details {
        display: flex;
        gap: 10px;
        
        font-family: Gotham, sans-serif;
        font-weight: 600;        
        margin-top: 24px;

        &.where .icon {
            margin-top: 20px;
        }

        &.when {
            align-items: cneter;
        }     

    }

    & .wp-block-button {
        margin-top: 10px;

        a:not(.fb-embed-link) {
            height: unset;
        }

        .fb-embed-link {            
            font-size: 23px !important;
        }
    }

    @media (max-width: 781px){
        & .featured-event-image {
            height: 60vw;
            max-height: unset;
        }
    }
    @media (max-width: 768px){
        & .latest-issue-content {
            margin-bottom: 0;
            padding-bottom: 60px !important;
        }
    }

    & .mag-container {
        display: flex;
        padding: 0 20px 20px;

        > * {
            flex-grow: 1;
        }
    }

    & #latest-issue-trigger {
        display: none;
    }
}

/* Media text Block defaults */
.wp-block-media-text {
    &.has-media-on-the-right .wp-block-media-text__content {
        padding-left: 0;
    }
}


/* block quote defaults */
.event-template-redesign .wp-block-pullquote,
.single-redesign .wp-block-pullquote,
 .blog-template-redesign .wp-block-pullquote{
    padding-top: 1px;
}

.wp-block-quote,
.editor-styles-wrapper .wp-block-quote{
    margin-left: 0;
    margin-right: 0;

    & p.is-style-pre-heading-large {
        font-style: normal;
        line-height: 106%;
    }
    & p.is-style-pre-heading-small {        
        font-style: normal;
    }
}

.blog-template-redesign blockquote p,
.single-redesign blockquote p,
.event-template-redesign blockquote p {
    text-transform: unset;
}

.blog-template-redesign blockquote cite,
.single-redesign blockquote p,
.event-template-redesign blockquote p,
.event-template-redesign blockquote cite {
    margin-top: 10px;
    /* font-weight: 600; */
}

@media (max-width: 768px){
    .blog-template-redesign blockquote cite,
    .event-template-redesign blockquote cite{
        font-size: 18px;
    } 
}


/* group block styles */

@media (max-width: 768px){
  .wp-block-group.alignfull-on-mobile > .wp-block-group__inner-container,
  .wp-block-group.is-style-alignfull-on-mobile > .wp-block-group__inner-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Smooth accordion animation for wp-block-details */

/* Convert the container to tabbed layout */
      /* Convert the container to tabbed layout */
        .magazine-accordion.first-accordion {
            margin-top: 48px;
            & > .wp-block-group__inner-container {
                
                &:before {
                    content: '';
                    position: absolute;
                    top: 0px;
                    height: 0px;
                    width: calc(100% - 96px);
                    border-top: 2px solid var(--wp--preset--color--theme-primary);
                    left: 48px;  
                }
            }
        }

        /* Create the triggers row from summary elements */
        .magazine-accordion > .wp-block-group__inner-container {
            position: relative;
            padding-top: 48px;
            padding-bottom: 48px;            
            overflow: hidden;
            
        }

        .magazine-accordion > .wp-block-group__inner-container:after {
            content: '';
            position: absolute;
            bottom: 0px;
            height: 48px;
            width: calc(100% - 96px);
            border-bottom: 2px solid var(--wp--preset--color--theme-primary);
            left: 48px;      
        }

        /* Triggers container */
        .accordion-triggers-row {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;            
        }

        /* Style the summary as a trigger button */
        .magazine-accordion .wp-block-details,
        .magazine-accordion .wp-block-group.issues-row-heading {
            border: none;
            margin: 0;                        
        }
        
        .magazine-accordion .wp-block-details {
            flex-basis: calc(15% - 48px);
            min-width: 150px;
        }
        .magazine-accordion .wp-block-group.issues-row-heading {
            display: flex;
            align-items: center;
            flex-basis: calc(25% - 48px);
            min-width: 236px;            
        }

        .magazine-accordion .wp-block-group.issues-row-heading .row-sub-heading {
            font-size: 20px;
            font-family: Gotham Book, sans-serif;
            display: block;
            margin-top: 10px;
        }

        .magazine-accordion .wp-block-details summary {
            flex: 1;                     
            /* border-right: 1px solid #ddd; */
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            color: #666;
            transition: all 0.3s ease;
            position: relative;
            list-style: none;
            user-select: none;
            max-width: 100%;
            padding: 0;
            margin: 0;
        }   

        
        .magazine-accordion .wp-block-details summary .wp-block-group__inner-container,
        .magazine-accordion .issues-row-heading .wp-block-group__inner-container{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .magazine-accordion .wp-block-details summary .wp-block-group__inner-container{            
            padding: 0 0 10px !important;
        }
        .magazine-accordion .wp-block-details summary .wp-block-group__inner-container h3,
        .magazine-accordion .wp-block-details summary .wp-block-group__inner-container p{
            margin: 10px 0; 
            text-align: center;
        }
        .magazine-accordion .wp-block-details summary::-webkit-details-marker {
            display: none;
        }

        .magazine-accordion .wp-block-details summary {
            position: relative;
            overflow: hidden;
        }
        
        .magazine-accordion .wp-block-details summary .wp-block-image,
        .magazine-accordion .wp-block-details summary .wp-block-image img{
            width: 100%;
            height: auto
        }

        .magazine-accordion .wp-block-details summary:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: -100%;
            height: 2px;
            width: 100%;
            background-color: var(--wp--preset--color--theme-primary);
            transition: left .2s ease-out;        
        }
        .magazine-accordion .wp-block-details summary:hover:after,
        .magazine-accordion .wp-block-details.active summary:after  {
            /* background-color: #e8e8e8; */
            left: 0;            
        }
    

        .magazine-accordion .wp-block-details.active summary {
            
            /* background-color: var(--wp--preset--color--theme-light-teal);  */
            /* color: #000; */
            
        }

     

        /* Content area */
        .accordion-content-area {
            background-color: #fff;
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.4s ease-out;            
            
        }        

        .accordion-content-area.open {
            max-height: 800px;
        }

        .accordion-content-area figure {
            display: none;
            padding: 20px 0;
        }

        .accordion-content-area figure.active {
            display: block;
            animation: fadeIn 0.4s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Keep the iframe responsive */
        .magazine-accordion .wp-block-embed__wrapper {display: flex;}
        .magazine-accordion .wp-block-embed__wrapper > div {flex-grow: 1;}
        .magazine-accordion .wp-block-embed__wrapper > div[data-fbo-id] > div {
            padding-top: 56.25% !important;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .magazine-accordion.wp-block-group{
                margin-top: 38px;

                &.first-accordion {
                    margin-top: 0;
                }
            }
            .magazine-accordion > .wp-block-group__inner-container {
                padding: 0 !important;
            }

            .magazine-accordion > .wp-block-group__inner-container::after {
                content: none; 
            }

            .magazine-accordion .wp-block-group.issues-row-heading {
                flex-basis: 100%;
                margin: 0;

                & h2.wp-block-heading {
                    display: flex;
                    gap: 8px;
                    margin: 20px;
                }
                & h2.wp-block-heading p {
                    font-size: inherit !important;
                    font-family: inherit;
                    font-style: inherit;
                    font-weight: inherit;
                    margin: 0;
                }
            }

            .accordion-triggers-row {
                gap : 0;
            }
            .accordion-triggers-row > *:not(.issues-row-heading){
                flex-basis: calc(50% - 57px);
                margin-top: 38px;
                margin-left: 38px;
                min-width: 120px;

                &:nth-child(2n + 3){                
                    margin-right: 38px;
                }

            }

            .magazine-accordion .wp-block-details summary > .wp-block-group {
                margin-top: 0px;
                
            }

            .magazine-accordion .wp-block-details:last-child summary {
                /* border-bottom: none; */
            }

            .magazine-accordion .wp-block-details.active summary::after {
                /* bottom: 0;
                left: -2px;
                right: auto;
                width: 2px;
                height: 100%; */
            }
        }

        @media (max-width: 768px){
    
            
        }

/* EDITOR ONLY */
.editor-styles-wrapper .magazine-accordion > .wp-block-group__inner-container {
    display: flex;
    gap: 10px;
}

.editor-styles-wrapper .wp-block-cover.is-style-overlay-mobile-only::after,
.editor-styles-wrapper .wp-block-cover.is-style-stack-content-on-mobile::after {
  content: 'Overlay shows on mobile only';
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  padding: 0.2em 0.5em;
  background: rgba(0,0,0,0.6);
  color: #fff;
  z-index: 10;
}