:root {
    --brand-prm1: #053C3E;
    --brand-prm2: #678883;
    --brand-sec-org: #FF8946;
    --brand-sec-blue: #4A6C8E;
    --brand-sec-prp: #733761;
    --rlf-body-bg: #053C3E;
    --gap: 20px;
    --max-width: calc(100vw - 2 * var(--gap));
}

.text-prm1 {
    color: var(--brand-prm1)
}

.text-prm2 {
    color: var(--brand-prm1)
}

.card-nobkg {
    background-color: transparent !important;
    border:none;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

header {
    padding-right: var(--bs-gutter-x,2rem);
    padding-left: var(--bs-gutter-x,2rem);
    width: 100%;
    transform: translateY(-5rem);
}

footer {
    position:unset !important;
}


@supports (text-wrap: pretty) {
    .tax p {
        text-wrap: pretty !important;
    }
}

.tax p {
    text-wrap: wrap; /* Default fallback */
    line-height: normal;
}





.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.left2 {
    left: 2%
}

.right2 {
    right: 2%
}

html {
  position: relative;
  min-height: 100%;
}

.float-left {
    float: left;
}

.float-right {
    float:right;
}

body {
    min-width: 100%;
    /*margin-bottom: 60px;*/
    font-family: Montserrat, sans-serif;
    background-color: var(--rlf-body-bg);
    /*background: linear-gradient(var(--brand-sec-blue),var(--brand-sec-prp));*/
    color: var(--brand-prm2);
    position: relative;
    overflow-x: hidden !important;
    /*cursor: url('/images/Recurve_Learning_Foundation_Favicon_80x80px.png'), auto;*/
}

.masthead-fullheight {
    min-height: calc(100vh - 212px) !important;
 
}

.bd-masthead {
    /*background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), .5), transparent 50%), radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), .5), transparent 50%), radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), .5), transparent 50%), radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), .5), transparent 50%);*/
    /* background-image: linear-gradient(rgba(var(--brand-sec-blue),.5), rgba(var(--brand-sec-prp),1) 85%) !important;*/
    background-image: linear-gradient(180deg,var(--brand-sec-blue),var(--brand-prm1) 85%), radial-gradient(ellipse at top left, var(--brand-sec-prp), transparent 50%);
    background-repeat: no-repeat;
}

.landing-page {
    /* background-image: linear-gradient(var(--brand-sec-blue),var(--brand-sec-prp)), url('../images/banner-grad.jpg') !important;
*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/banner-grad.jpg');
   top: 0;
    z-index: -100;
    /*background: 
        linear-gradient(var(--brand-sec-blue),var(--brand-sec-prp), transparent 80%)
        ,url('../images/banner-grad.jpg') center / cover no-repeat*/
    /*        ,linear-gradient(var(--brand-sec-blue),var(--brand-sec-prp)  
           !important*/
    /*;*/
}

.vh100 {
    min-height:100vh;
}

.vw100 {
    min-width: 100vw;
}

.navbar-logo-fixed {
    display: flex;
    position: static;
    flex-wrap: nowrap;
    flex-direction: column;
}

.donate {
    top: 2%;
    right:1%;
}

.brand {
    top: 2%;
    left: 1%;
}


.text-break {
    overflow-wrap:break-word !important;
}

.navbar-brand-logo {
    width: 25.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.footer-brand-logo {
    width: 18.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.navbar-brand-icon {
    width: 5.125rem;
}


.navbar-bg {
    background-color: var(--brand-sec-blue);
}

.nav-link-text {
    font-size: 1.2rem;
}

.donate-btn {
    border-style: none;
    border-radius: 16px;
    margin-bottom: 0;
    padding: 9px 16px;
    font-size: 1.2rem;
    color: white;
    background-color: var(--brand-sec-org);
}

.donate-btn-web {
    padding: 9px 16px;
    font-size: 1.2rem;
}

.donate-btn-mobile {
    display:none;
}



    .arrow-w4 {
    width: 8rem;
}


.bi {
    width: 3em;
    height: 3em;
    vertical-align: -.125em;
    fill: currentcolor;
}

/*BookShop.Org Custom Changes*/
section .list-header {
    display: none !important;
}


.field-validation-error, .validation-summary-errors {
    color: red;
}

.btn-prm2 {
    color: #fff;
    background-color: var(--brand-prm2);
    border-color: #6c757d;
}

form {
    margin: 0 auto;
    width: 100%;
}

/*============== Colored Theme ScrollBar =======================*/
::-webkit-scrollbar {
    Transition: background-color .4s linear,height .4s ease-in-out;
    -webkit-transition: background-color .4s linear,height .4s ease-in-out;
    width: 15px;
    /*background-color: none;*/
}

    ::-webkit-scrollbar:hover {
        background-color: #343a40;
    }

::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: var(--brand-sec-blue); /*scrollbar-thumb-color*/
}

body {
    background-color: #343a40;
    overflow-y:auto;
}