@import url("https://use.typekit.net/kha2agh.css");
.zoneWAbranding {
    display: none;
  }
.blockShadow {
    border-radius: 20px; 
    box-shadow: 0 0 15px 10px rgba(0,0,0,.06); 
    padding: 20px;
    border-top: 2px solid #00529C;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blockShadow:hover  {
    border-top: 2px solid #fdc730;
      transform: scale(1.05); 
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.imgBorder {
    padding: 10px;
    border: 2px solid #fdc730;
}
/* Vertical Align Middle */

.vertAlign td {
  vertical-align: middle; 
}
/* Vertical Align Middle */
/* CUSTOM BLOG */
.blogTitleContainer {
    margin-top: 60px;
    margin-left: -30px;
}
.custom-title {
    font-family: 'bagatela';
    font-size: 36px;
    display: block;
}
.custom-date {
font-weight: 800;
    font-family: sofia-pro;
    color: #ffc72c;
    }

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer {
    display: none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer {
    display: none;
}
.pagerOuterContainer .linkCurrent {
  color: #fdc730;
}
/* END CUSTOM BLOG */


/* PAST EVENTS */
.pastEvents #idEventViewSwitcher {
    display: none;
}


.pastEvents .pastEventsOuterContainer {
    margin: 0px 0 0;
    padding: 0px 0 0;
    border-top: 0px solid #c1c1c1;
}
.pastEvents  .pageTitleOuterContainer+p {
    display: none;
}
/* END PAST EVENTS */

/* CUSTOM STYLES */
.pagetitleContainer {
    padding-top: 100px;
    padding-bottom: 80px;
}
.WaContentDivider.dividerStyle001 {
  height: 3px;
  margin: 1em 0;
  background: #00529c;
}
.ctaBlock {
    margin-top: -200px;
    margin-bottom: 100px;
}
.topbarMenu {
    text-align: right;
}
.topbarMenu a{
        font-size: 14px!important;
}
.boxShadow {
    box-shadow: 0 0 20px 5px rgba(0,0,0,.1)
}
.blueGradient {
     background: rgb(0,15,160);
background: -moz-linear-gradient(90deg, rgba(0,15,160,1) 0%, rgba(8,20,124,1) 52%);
background: -webkit-linear-gradient(90deg, rgba(0,15,160,1) 0%, rgba(8,20,124,1) 52%);
background: linear-gradient(90deg, rgba(0,15,160,1) 0%, rgba(8,20,124,1) 52%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000fa0",endColorstr="#08147c",GradientType=1); 
}
/* END CUSTOM STYLES */

/* SLIDER */
.camera_wrap {
    background: #00529c;
}
.camera_thumbs_cont {
      background: #00529c;  
}
.camera_commands, .camera_next, .camera_prev {
    background: #f9c42f;
    border-radius: 50px;
}

.camera_commands:hover, .camera_next:hover, .camera_prev:hover {
    background: #00529c;
    border-radius: 50px;
}
.camera_thumbs {
    display: none;
}
/* END SLIDER */

  /* INFO CONTAINER */
.infoOuterContainer {
    background: #f0f0f0;
    border-radius: 20px;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
     background: #f0f0f0;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
     background: #f0f0f0;
}

  /* END INFO CONTAINER */

/* UPCOMING EVENT GADGET */
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title a{
    font-size: 21px;
}
/* END UPCOMING EVENT GADGET */

/* Quotes */
.quotedText {
    border-left: 0px solid #0f948f;
font-size: clamp(21px, 4.5vw, 28px);
}
.quotedText::after, .gadgetStyle002 .quotedText::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
font-size: 4em;
font-family: open;
}
.quotedText:before, .gadgetStyle002 .quotedText:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 45px;
  color: #ccc;
font-size: 4em;
font-family: open;
}
/* END QUOTES */


/* BLOG */

.WaGadgetBlog .pageTitleOuterContainer {
    display: none;
}
#hero-banner { 
    height: 450px; 
background-size: contain; 
background-position: top center; 
background-color: #1e2859;
background-repeat: no-repeat;
}
.WaGadgetBlog .pageTitleOuterContainer {
    margin: 0 0 15px;
}
.WaGadgetBlog .blogEntryOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    margin: 0 0 20px;
    border-bottom: 2px solid #fec72f;
    padding-bottom: 20px;
}

/* END BLOG */




/* EVENTS */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer {
    display: none;
}
.WaGadgetEventsStateDetails .pageTitleOuterContainer {
    padding-bottom: 20px;
}
.WaGadgetEventsStateList .boxesList .boxesListItem {
    margin-bottom: 60px;
}

.WaGadgetEventsStateList .boxesList .boxBodyContainer{
    margin: 0;
    padding: 30px;
    box-shadow: 0 25px 20px 2px rgba(0, 0, 0, .1);
}

/* END EVENTS */

/* Page title edit */
.pageTitle {

    padding-bottom: 30px;
   max-width: 1250px;

}

.pageTitle.WaGadgetBreadcrumbs ul li + li::before {
display: none;
}
.pageTitle.borul li+li:before {
display: none;
}
.pageTitle li:not(:last-child) {
display: none;
}
.pageTitle li 
{
Font-size: 3em;
color: #fff;
font-weight: 800;
text-transform: none;
border-bottom: 0px solid #cc9933; 
font-style: none;
font-family: 'bagatela', serif;
}
.pageTitle ul li+li:before {
    display: none;
}
/* End Page Title */



/* BUTTONS */
a.buttonStyle001, a:link.buttonStyle001 {
    background: #00529c;
    color: white;
    font-family: 'sofia-pro', 'Arial', sans-serif;
    font-size: 18px;
    white-space: pre-wrap;
    border-radius: 5px;
    margin-bottom: 10px;
}
a.buttonStyle001:hover, a:link.buttonStyle001:hover {
background: #000da2;
}
a.buttonStyle002, a:link.buttonStyle002 {
    margin: 0;
    padding: 8px 25px;
    background: #f8ec65;
    color: #000;
    font-family: 'sofia-pro', 'Arial', sans-serif;
    font-size: 20px;
    border-radius: 15px;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
    white-space: pre-wrap;
    margin-bottom: 10px;
}
a.buttonStyle002:hover, a:link.buttonStyle002:hover {
        background: #f8ec65;
    color: #000da2;
}
a.buttonStyle003, a:link.buttonStyle003 {
    background: #fdb827;
    color: white;
    font-family: 'sofia-pro', 'Arial', sans-serif;
    font-size: 18px;
    white-space: pre-wrap;
    border-radius: 5px;
    margin-bottom: 10px;
}
a.buttonStyle003:hover, a:link.buttonStyle003:hover {
    background: #e8a81d;
}
a.buttonStyle004, a:link.buttonStyle004 {
    padding: 8px 30px;
    background: #000da2;
    border: 1px solid #000da2;
    color: #fff;
    font-family: 'sofia-pro', 'Arial', sans-serif;
    font-size: 21px;
    white-space: pre-wrap;
    border-radius: 10px;
    margin-bottom: 10px;
}
a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    background:#00529c;
    border: 1px solid #000da2;
    color: #fff;
}
a.buttonStyle005, a:link.buttonStyle005 {
        padding: 8px 0px;
    background: transparent;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 5px solid #000da2;
    color: #000;
    font-family: 'sofia-pro', 'Arial', sans-serif;
    font-size: 21px;
    white-space: pre-wrap;
margin-bottom: 10px;
}
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
background: #000da2;
color: #fff;
border-bottom: 5px solid #000da2;
}

/* END BUTTONS */

/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel {
    background: #fdc730;
    background-image: url(https://afpnyc39.wildapricot.org/resources/Theme/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
        background-position: center;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
    background: #00529c;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"]::placeholder {
    color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
    color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton,.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
        background: #fdc730;
}
/* END MOBILE PANEL */

/* MENU */
#id_6NfRKGL > div > div.menuInner > ul > li:nth-child(1) {
    display: none;
}
  .WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel {
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    display: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item > a, .WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel > li > .item > a {
/* font: bold 18px 'sofia-pro;' */
    font: bold clamp(12px, 1vw + 4px, 18px) 'sofia-pro', sans-serif;

}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    background: #00529c;
    display: flex;
    justify-content: space-around;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    background: #00529C;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.secondLevel > li > .item > a {
    padding: 15px;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.secondLevel > li > .item > a:hover {
    border-left: 4px solid #ffc749;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul li>.item>a {
    font-size: 18px;
}

/* END MENU */




/* SYSTEM BUTTONS */
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton, .navigationOuterContainer input.nextButton, .igationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"], .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"], .WaGadgetBlogStateAddPost .boxFooterOuterContainer input, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton {
    background: #0000b1;
    border-radius: 5px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,.WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type="submit"]:hover, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"]:hover, .WaGadgetBlogStateAddPost .boxFooterOuterContainer input:hover, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input:hover, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover {
background: #000da2;
}
/* END SYSTEM BUTTONS */

/* SOCIAL MEDIA */
.WaGadgetSocialProfile.socialProfileStyle002 a.Facebook:before, .WaGadgetSocialProfile.socialProfileStyle003 a.Facebook:before, .WaGadgetSocialProfile.socialProfileStyle004 a.Facebook:before {
    content: '\f0e1';
}
.WaGadgetSocialProfile.socialProfileStyle002 a.Twitter:before, .WaGadgetSocialProfile.socialProfileStyle003 a.Twitter:before, .WaGadgetSocialProfile.socialProfileStyle004 a.Twitter:before {
    content: '\f09a';
}
.WaGadgetSocialProfile.socialProfileStyle002 a.LinkedIn:before, .WaGadgetSocialProfile.socialProfileStyle003 a.LinkedIn:before, .WaGadgetSocialProfile.socialProfileStyle004 a.LinkedIn:before {
    content: '\f16d';
}
.WaGadgetSocialProfile.socialProfileStyle002 a.YouTube:before {
      content: '\f167';
    background-image: url(/resources/theme/bluesky-drk.png);
    text-indent: -99999px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 0 9px;
    width: 15px;  
}
.WaGadgetSocialProfile.socialProfileStyle003 a.YouTube:before, .WaGadgetSocialProfile.socialProfileStyle004 a.YouTube:before {
    content: '\f167';
    background-image: url(/resources/theme/bluesky-white.png);
    text-indent: -99999px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 0 9px;
    width: 15px;
}
.WaGadgetSocialProfile.socialProfileStyle002 li a, .WaGadgetSocialProfile.socialProfileStyle003 li a, .WaGadgetSocialProfile.socialProfileStyle004 li a {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 23px;
    font-family: 'FontAwesome';
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    line-height: 28px;
    vertical-align: top;
}
.WaGadgetSocialProfile.socialProfileStyle002 .orientationHorizontal li, .WaGadgetSocialProfile.socialProfileStyle003 .orientationHorizontal li, .WaGadgetSocialProfile.socialProfileStyle004 .orientationHorizontal li {
    margin-left: 20px;
}
.WaGadgetSocialProfile.socialProfileStyle003 li a:hover {
    color: #ffc75e;
}
/* END SOCIAL MEDIA */


/* LOGIN */
.WaGadgetLoginForm.LoginFormStyle001 .alignRight, .WaGadgetLoginForm.LoginFormStyle002 .alignRight, .WaGadgetLoginForm.LoginFormStyle001 .authenticated.alignRight .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .authenticated.alignRight .loginPanel {
    text-align: center;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .loginPanel {
background: #f0f0f0;
border: 1px solid #f0f0f0;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {

    position: relative;
    display: inline-block;
    width: 110px;
    height: 35px;
    overflow: hidden;
    background: transparent;
    color: white;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #fdb827;
    border-radius: 10px;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: bold 14px/35px 'sofia-pro', serif;
    text-align: center;
    text-indent: 0;
    content: 'LOGIN';
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: bold 14px/35px 'sofia-pro', serif;
    text-align: center;
    text-indent: 0;
    content: 'MY ACCOUNT';

}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
    background: #fbc52a;
    color: #000;
}

/* END LOGIN */

/* Mobile View */
@media screen and (max-width: 766px) {
        img[align="left"],
    img[align="right"] {
        float: none;
        display: block;
        margin: 0 auto 10px auto; /* Center align */
        max-width: 100%; /* Ensure it fits within the screen */
    }
    .blogTitleContainer {
    margin-top: -60px;
    margin-left: 0px;
}
    .underline {
        display: block!important;
        width: auto!important;
        border-bottom: 0px!important;
    }
    .underline::before {
        display: none;
    }
    .pageTitle li {
        font-size: 2em;
    }
    .pagetitleContainer {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .ctaBlock {
        margin-top: -25px;
        margin-bottom: 50px;
    }
 .mobileText {
     text-align: center;
 }
.non-mobile {
    display: none;
}
.topbarMenu {
    text-align: center;
}
}
















/* TYPOGRAPHY */
body, p, [class*='EditableArea'] ul li, span, HTML {
    /* font-size: clamp(18px, 2.2vw, 20px);
        font-weight: 300; */
        font-family: 'sofia-pro';
}
[class*='EditableArea'] ul {
margin: 1em 0 1em 35px;
}
h1, h2, h3, h4, h5, .header, h1.header,.gadgetStyle002 h1, .gadgetStyle002 h2, .gadgetStyle002 h3, h4, .gadgetStyle002 h5, .gadgetStyle002 .header, .gadgetStyle002 h1.header {
    text-transform: none;
    font-family: 'bagatela';
}
.WaGadgetEventsStateCalendar .sectionTitle {
    color: #000;
    font-family: 'bagatela';
    text-transform: none;
}
.promo, h1.promo, .gadgetStyle002 H1.promo, .promo,.gadgetStyle002 h1.promo {
        font-family:"bagatela";
    text-transform: none;
    font-weight: 100;
        font-weight: 800;
    font-size: clamp(28px, 4vw, 42px);
}
h1, .h1, h1.header, .gadgetStyle002 h1, .gadgetStyle002 .header, .gadgetStyle002 h1.header, .gadgetStyle002 H1:not(.promo):not(.header):not(.h1Alt)  
{
    font-family:"bagatela";
    text-transform: none;
    font-weight: 100;
        font-weight: 400;
    font-size: clamp(28px, 2vw, 48px);
}

h2,.h2, .gadgetStyle002 h2 {
    font-size: clamp(28px, 4.5vw, 32px);
    font-weight: 400;
    text-transform: none;
}
h3, .h3, .gadgetStyle002 h3 {
    margin: .66em 0 .66em;
       font-family: bagatela;
       text-transform: none;
       font-size: clamp(28px, 4.5vw, 24px);
       font-weight: 400;
}
h4, .gadgetStyle002 h4 {
       text-transform: none;
    font-family: bagatela; 
    font-size: clamp(24px, 4.5vw, 24px);
    font-weight: 400;
}
.gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt) {
        font-family: bagatela; 
}
h5, .gadgetStyle002 h5 {
       text-transform: none;
    font-family: bagatela; 
 font-size: clamp(24px, 2.2vw, 20px);
    
}

H4:not(.gadgetTitleH4):not(.h4Alt), .gadgetStyleNone H4:not(.gadgetTitleH4):not(.h4Alt){
       font-family: bagatela;
    color: #000;
    font-weight: 400;
    font-size: clamp(24px, 4.5vw, 24px);
    font-weight: 400;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
       font-family: bagatela;
    text-transform: none;
       color: #000;
       font-size: clamp(24px, 4.5vw, 32px);
       font-weight: 400;
}

/* Mobile View */
@media screen and (max-width: 766px) {
    html:not([class*="WaPlaceHolder"]) .h2, html:not([class*="WaPlaceHolder"]) h2 {
        font-size: 28px;
        line-height: 1.18;
    }

}
/* END TYPOGRAPHY */



/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #0000b1;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e8a81d;
}
#back-to-top.show {
    opacity: 1;
}

/* END BACK TO TOP */

/* ANIMATIONS */
.underline {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    width: fit-content;
}

.underline::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 0;
    background-color: #f8ec65;
    animation: underlineAnimation 1s cubic-bezier(0.6, 0.05, 0.1, 1) forwards;
}

@keyframes underlineAnimation {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* END ANIMATIONS */