#wpadminbar { display: none !important; }
#html { margin-top: 0 !important; }
.acchide { display: none; }

/* Mobile Navigation */
.bottom-menu ul li a .icon { font-size: 16px !important; }

/* All pages */
.general-content { padding-top: 50px; }
@media (min-width: 1024px) {
    .general-content { padding-top: 70px; }
}

/* Registration */
.ui-datepicker-calendar td, .ui-datepicker-calendar th { background: #fff; }
#ssologinbtn { height: auto; }

/* Back Button */
#header-v2 .btn-back { display: inline-block; }
@media (min-width: 768px) { #header-v2 .btn-back { display: none; } }

/* Feature image banner */
#featured_image_banner { display: block; width: 100%; height: 250px; background-position: center center; background-size: cover; border-bottom: 1px solid #00588b;; }
@media (min-width: 1250px) { #featured_image_banner { height: 325px; }}

/* Alerts */
.notifications-area { background: rgba(0, 88, 139, 1); }

/* Breadcrumbs */
.breadcrumbs { display: none; }
@media (min-width: 1024px) {
    .breadcrumbs { display: block; position: relative; margin: 40px 0; }
    .breadcrumbs.hero_image_active { margin: 0; }
    .breadcrumbs.hero_image_active > .wrapper { position: absolute; left: 0; top: 40px; z-index: 99; width: 100%; }
    .breadcrumbs * { font-size: 16px; color: #000; }
    .breadcrumbs a:hover { text-decoration: underline; }
    .breadcrumbs span { display: inline-block; margin: 0 10px; }
}

/* Info Bubble */
.speech-bubble-wrapper { width: 300px; position: absolute; right: -30px; top: -70px; z-index: 99; }
.speech-bubble-wrapper.bottom { width: 300px; position: absolute; right: -30px; top: 55px; z-index: 99; }
.speech-bubble-wrapper.bottomright { width: 300px; position: absolute; right: unset; left: -30px; top: 55px; z-index: 99; color: #000 !important; }
@media (min-width: 768px) {
    .speech-bubble-wrapper.bottomright { top: 75px; }
}
.speech-bubble-wrapper.left { width: 300px; position: absolute; right: 50px; top: 0; z-index: 99; }
.speech-bubble, .speech-bubble * { box-sizing: border-box }

.speech-bubble {
    --bbColor: #f1860d;
    --bbArrowSize: 1.5rem;
    --bbBorderRadius: 0.25rem;
    --bbPadding: 1rem;
    background: var(--bbColor);
    border-radius: var(--bbBorderRadius);
    padding: var(--bbPadding);
    position: relative;
    margin-bottom: var(--bbArrowSize);
    margin-right: var(--bbArrowSize);
    font-size: 12px;
}

.speech-bubble::before{
    content: ''; 
    position: absolute;
    background: var(--bbColor);
    --width: calc(var(--bbArrowSize) / 2 * 3);
    height: var(--bbArrowSize);
    width: var(--width);
    top: calc(100% - 2px);
    right: 1rem;
    -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%);
            clip-path: polygon(0 0, 75% 0, 100% 100%)
}
.bottom > .speech-bubble::before {
    right: var(--bbPadding);
    -webkit-clip-path: polygon(0 100%, 100% 0, 75% 100%);
            clip-path: polygon(0 100%, 100% 0, 75% 100%);
    top: calc(-1.5rem + 2px);
}
.left > .speech-bubble::before {
    right: calc(var(--width)*-1);
    -webkit-clip-path: polygon(0 25%, 100% 0, 0 100%);
            clip-path: polygon(0 25%, 100% 0, 0 100%);
    top: 40%;
}
.bottomright > .speech-bubble::before {
    left: var(--bbPadding);
    right: unset;
    -webkit-clip-path: polygon(0 100%, 100% 0, 75% 100%);
            clip-path: polygon(0 100%, 100% 0, 75% 100%);
    top: calc(-1.5rem + 2px);
}

.container.bookmark { position: relative; }
.bookmark_wrapper { position: absolute; top: 0; right: 0; }
.notifypage_wrapper { position: absolute; top: 0; right: 35px; }
.pagelike_wrapper { position: absolute; top: 0; right: 55px; }

body.admin-bar #bookmarkpage { margin-top: 0; }

/* Page Notify */
#bookmarkpage.bookmark-btn { right: 0; top: 10px; }
#notifypage.notifypage-btn {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 11;
    font-size: 25px;
    color: #00588b;
    text-shadow: none;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 0; }
#notifypage.notifypage-btn.active {
      background: -webkit-linear-gradient(135deg, #f2b408 0%, #f1860d 100%);
      background: linear-gradient(-45deg, #f2b408 0%, #f1860d 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
#notifypage.notifypage-btn.active .icon-alert-o:before {
        content: '\e94b'; }

/* Page Like */
#pagelikepage.pagelike-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 10;
    font-size: 25px;
    color: #00588b;
    text-shadow: none;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 0; }
#pagelikepage.pagelike-btn.active {
      background: -webkit-linear-gradient(135deg, #f2b408 0%, #f1860d 100%);
      background: linear-gradient(-45deg, #f2b408 0%, #f1860d 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
#pagelikepage.pagelike-btn.active .icon-heart:before {
        content: '\e951'; }


/* Registration Form */
#sizewellemailalert { border: 2px solid #00588b; border-radius: 5px; padding: 15px 20px; text-align: center; background: #fff; color: #000; margin-top: 10px; font-size: 14px; }
.gfield--type-honeypot { display: none; }
.gfield--type-remember_me { display: none !important; }
body.page-template-template-new-account-password section.detail-block .form-holder { margin-top: 50px; margin-bottom: 50px; }
@media (min-width: 1024px) {
    .form-block input[type="submit"] { position: unset; right: unset; bottom: unset; } 
}

/* Hide admin bar on mobiles */
@media (max-width: 1023px) { #wpadminbar { display: none !important; } }

/* Polls */
.poll .answer-holder.hide { display: none; }

/* Profile Page */
.fmd_alert { border-radius: 6px; border: 3px solid #00588b; padding: 15px; text-align: center; font-weight: 700; background: #fff; font-size: 18px; margin-bottom: 30px; color: #000; font-size: 14px; }
.fmd_alert.hide { display: none; }
input[type='file'] { width: 100%; background: #fff; border: solid 1px #979797; border-radius: 8px; color: #000; font-weight: 400; }
.formsection { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #00588b; }
.formsection.last { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#delete-popup .fancybox-close-small { display: none; }

/* Welcome box */
.welcome-box .text-holder { width: 100% !important; max-width: 100% !important; }
.welcome-box .text-holder h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.welcome-box .avatar .image-holder { border-radius: 100%; overflow: hidden; }
.welcome-box .heading-area { justify-content: flex-start; gap: 30px; }
.welcome-box .heading-area .title { text-transform: capitalize; }
.link-boxes li a span.title { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.link-boxes li a.emptybookmark { background: rgba(0,0,0,0.1); color: #F2B708; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset; cursor: default; }
.link-boxes li a.emptybookmark .icon { color: #F2B708; -webkit-text-fill-color: unset; }

/* Homepage Quick Links */
#quick_links { margin-top: 40px; }

/* Homepage news slider */
.slider-block.v2 .ctabox .caption p { display: none; }
@media (min-width: 1024px) {
    .slider-block.v2 .ctabox .caption p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
}

/* Search Results */
body.search a.news-box .image { width: 100%; height: auto; aspect-ratio: 16 / 9; background-size: cover !important; }
body.search a.news-box .image.contain { background-size: 80% !important; }
body.search a.news-box .text { background: #fff; padding: 20px; }
body.search a.news-box:hover .text { background: #f1860d; }
body.search a.news-box .text h3 { margin-bottom: 0; }
body.search a.news-box:hover .text h3 { color: #000; }

/* Calendar Events */
.calendar-entry-block a { margin-bottom: 20px; }

/* Push Notifications Subscribe Banner */
.notification_subscribe_wrapper { background: #00588b !important; color: #fff !important; padding: 15px 0; font-size: 16px;}
.notification_subscribe_wrapper.hide { display: none; }
.notification_subscribe_wrapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto !important; padding-top: 0 !important; padding-bottom: 0; }
.notification_subscribe_wrapper p { text-align: center; }
.notification_subscribe_wrapper button, .notification_subscribe_wrapper .btn { color: #00588b; background: #fff; }
.notification_subscribe_wrapper .button_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.notification_subscribe_wrapper #notification_banner_close, .notification_subscribe_wrapper #notification_banner_close2 { display: inline-block; margin-left: 30px; color: #fff; }
@media (min-width: 768px) {
    .notification_subscribe_wrapper .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .notification_subscribe_wrapper p { margin-bottom: 0; max-width: 50%; text-align: left; }
}

/* Notifications Popup */
.notifications-area .notifications-list .notification .title { text-transform: capitalize; }
@media (min-width: 768px) {
    .notifications-area {
        max-height: 70vh;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .notifications-area::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
}

.image-block.circular .image-cta {
    padding-top: 100%;
    border-radius: 100%;
}
.accordion img { width: unset; max-width: 100%; }

#header-v2 .logo { max-width: 350px; }