body {
    width: 100vw;
    overflow-x: hidden;
}

:root {
    --ewa-border: #eee;
    --ewa-gray-300: #999;
    --ewa-blue-200: #517DA4;
    --ewa-blue-300: #1E4669;
    --ewa-blue-400: #102B42;
}


* {
    --bb-primary-color: #102B42;
    --bb-default-notice-color: #102B42;
    --bb-content-border-color: #eee;
}
.font-montserrat {
    font-family: "Montserrat", sans-serif;
}

.font-ivyora {
    font-family: "IvyOra Display", sans-serif;
}

.border-ewa-border {border-color: var(--ewa-border) !important;}
.border-ewa-gray-300 {border-color: var(--ewa-gray-300) !important;}
.border-ewa-blue-200 {border-color: var(--ewa-blue-200) !important;}
.border-ewa-blue-300 {border-color: var(--ewa-blue-300) !important;}
.border-ewa-blue-400 {border-color: var(--ewa-blue-400) !important;}

.border-l-ewa-border {border-left-color: var(--ewa-border) !important;}

.text-base {
    font-size: 1.05rem !important;
}

.text-sm {
    font-size: 0.95rem !important;
}

.text-ewa-border   {color: var(--ewa-border) !important;}
.text-ewa-gray-300 {color: black !important;}
.text-ewa-blue-200 {color: var(--ewa-blue-200) !important;}
.text-ewa-blue-300 {color: var(--ewa-blue-300) !important;}
.text-ewa-blue-400 {color: var(--ewa-blue-400) !important;}

.bg-ewa-border   {background-color: var(--ewa-border) !important;}
.bg-ewa-gray-300 {background-color: var(--ewa-gray-300) !important;}
.bg-ewa-blue-200 {background-color: var(--ewa-blue-200) !important;}
.bg-ewa-blue-300 {background-color: var(--ewa-blue-300) !important;}
.bg-ewa-blue-400 {background-color: var(--ewa-blue-400) !important;}

input {
    outline: none !important;
    box-shadow: none !important;
}

input::placeholder {
    color: var(--ewa-gray-300) !important;
}

html {
    margin-top: 0px !important;
}



@media screen and (min-width: 1200px) {
    .ewa-wrapper {
        padding-left: 300px;
    }

    #menu-toggle {
        display: none !important;
    }
}

#menu #menu-overlay {
    display: none;
    pointer-events: none;
}

@media screen and (max-width: 1199px) {
    #menu:not(.active) {
        pointer-events: none;
    }

    #menu #menu-overlay {
        display: none;
    }

    #menu #menu-wrapper {
        display: none;
    }

    #menu.active #menu-overlay {
        display: flex;
        pointer-events: all;
    }

    #menu.active #menu-wrapper {
        display: flex;
    }
}

.peer:checked ~ .peer-checked\:bg-ewa-blue-300 {
    --tw-bg-opacity: 1;
    background-color:  var(--ewa-blue-300);
}


/*@media screen and (max-width: 1024px) {*/
/*    .scale-wrapper {*/
/*        grid-template-columns: repeat(10, 1fr);*/
/*    }*/
/*}*/

@media screen and (max-width: 768px) {
    .scale-wrapper {
        grid-template-columns: repeat(5, 1fr) !important;
    }

}

@media screen and (max-width: 480px) {
    .scale-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

.ewa-content h2 {
    font-family: "IvyOra Display", sans-serif;
    font-size: 24px;
    color: var(--ewa-blue-400);
    margin: 1rem 0;
}

.ewa-content {
    color: var(--ewa-gray-300)
}

.ewa-content b {
    font-weight: 500;
    color: var(--ewa-blue-400);
}



.ewa-preface-content b {
    font-weight: 500;
    color: var(--ewa-blue-400);
}

a {
    text-decoration: none !important;
}

.ewa-buddy-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;

    z-index: 900000000000000000000000000000000000;
}

body.bb-modal-overlay-open  .ewa-buddy-overlay {
    display: flex !important;
}

body.bb-modal-overlay-open .ewa-buddy-overlay .bb-modal {
    display: flex !important;
    z-index: 999992;
    z-index: 900000000000000000000000000000000002;
}

body.bb-modal-overlay-open .ewa-buddy-overlay > .js-modal-close {
    background-color: rgba(30, 70, 105, 0.1) !important;
    width: 100vw;
    height: 100vh;
    position: fixed;
    backdrop-filter: blur(4px) !important;
    z-index: 900000000000000000000000000000000000;
}

#wpadminbar {
    display: none !important;
}

.bbp-topic-merge-link {
    display: none !important;
}

.bbp-author-link {
    pointer-events: none !important;
}

.bs-reply-list-item .bb-reply-actions-button {
    display: none !important;
}

input[type="checkbox"] {
    width: 16px;
    height: 16px;
    appearance: none;
    border: 1px solid #eee;

}

input[type="checkbox"]:checked {
    background: #102B42
}

header {
    display: none !important;
}

body {
    background: white !important;
}

.ewa-back__wrapper {
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    top: 2rem;
    padding: 0 1.2rem;
}

.ewa-back {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 1rem;
    color: #3a5d7c;
    font-weight: 500;
}

.bp-feedback.bp-messages.bp-template-notice.error {
    display: none !important;
}

div.bp-messages-content-wrapper {
    height: 60vh;
}

div.messages-wrapper {
    min-height: calc(60vh - 110px);
}

body div.bp-messages-user-threads {
    height: calc(60vh - 118px);
    max-height: calc(60vh - 118px);
}

.mt-12 {
    margin-top: 3rem !important;
}

cropper-canvas {
    width: 100%;
    height: 100%;
}

#send_message_form {
    max-height: 60vh !important;
}


footer {
    display: none !important;
}

.bpbm-maximize, .mass-message {
    display: none !important;
}

body, :root {
    --bm-bg-secondary: #fff !important;
}

.bp-messages-wrap {
    border: none !important;
}

.bpbm-empty-icon {
    display: flex;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.member-nav > a {
    transition: all .3s;
}
.member-nav > a.border-b-2 {
    background: #007cff14 !important;
}

.member-nav > a:not(.pointer-events-none):hover {
    background: #007cff14 !important;
}

.ewa-page-content p {
    margin: 0.5rem 0;
    line-height: 160%;
}

.ewa-page-content h2 {
    margin-top: 2.25rem;
    display: block;
    margin-bottom: 1rem;
    font-family: 'IvyOra Display', Sans-serif;
    font-weight: 300;
    color: var(--ewa-blue-300);
    font-size: 1.5rem;
}

.ewa-page-content ol {
    list-style: auto !important;
    margin-left: 1.5rem;
}


.ewa-page-content ul {
    list-style: disc !important;
    margin-left: 1.5rem;
}

.ewa-page-content li {
    margin-top: 0.5rem;
}
.ewa-page-content strong {
    font-weight: 500 !important;
}

.ewa-page-content a {
    font-weight: 500 !important;
    color: var(--ewa-blue-400);
}

.ewa-milestone:first-child .ewa-milestone-delete {
    opacity: 0 !important;
    pointer-events: none !important;
}