/*GENERAL*/

/*BOOTSTRAP OVERRIDES*/

.btn-primary, .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a38305;
    --bs-btn-border-color: #a38305;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8d7104;
    --bs-btn-hover-border-color: #a38305;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8d7104;
    --bs-btn-active-border-color: #a38305;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a38305;
    --bs-btn-disabled-border-color: #a38305;
}

/*TOPBAR*/
ul.menu.tw-topuser {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: 34px;
}
.tw-topuser li a {
    padding-left: 6px;
}

.tw-topuser li:not(:last-child) a {
    padding: 0 6px;
    border-right: 1px solid #7d7d7d;
}
ul.social-icons {
    float: right;
    line-height: 37px;
    margin-left: 20px;
    font-size: 20px;
}
ul.social-icons>li:not(:last-child) {
    margin-right: 10px;
}

/*HEADER*/
img.logo-image {
    display: inline-block;
}
a.sppb-btn.tw-topbtn {
    color: #fff;
    background-color: #da5729;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
}
#mod-custom206 a.sppb-btn.tw-topbtn {
    margin-left: 30px;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #252525;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #222809;
    text-underline-offset: 4px;
}

/*OFFCANVAS*/
.offcanvas-menu {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
}
.offcanvas-menu img.logo-image {
    height: 120px;
}
.offcanvas-menu > .d-flex.align-items-center {
    padding-bottom: 0px!important;
    padding-top: 1rem!important;
}
.offcanvas-menu .offcanvas-inner {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.offcanvas-menu .offcanvas-inner .header-modules {
    margin-left: 0px;
    margin-bottom: 0px !important;
}
.offcanvas-menu .tw-topmenu {
    flex-grow: 1;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    width: 100%;
    right: 0;
    text-align: right;
}
.offcanvas-menu > .offcanvas-inner > .sp-module._menu.tw-usermenu {
    margin-bottom: 0px;
    border-top: 1px solid #dedede;
    padding-top: 15px;
    margin-right: 0px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 36px;
    margin-left: 0px;
}

/*FOOTER*/
#sp-footer, #sp-bottom {
    background: #4e3226;
    color: #ffffff;
}
#sp-footer a, #sp-bottom a {
    color: #ffffff;
}
#sp-bottom {
    padding: 40px 0 15px;
}

#sp-bottom ul.social-icons {
    display: flex;
    flex-direction: row;
    float: none;
    justify-content: center;
    font-size: 36px;
}


div#sp-bottom2 {
    text-align: right;
}
#sp-bottom2, #sp-bottom3 {
    padding-top: 100px;
}
#sp-bottom1 .sp-module:last-child {
    margin-bottom: 0px;
}

div#sp-footer1 {
    text-align: center;
}

/*HOMEPAGE*/
.tw-fp-cta-btn {
    padding:20px 10px;
}
.tw-fp-card  {
    box-shadow: 0 6px 12px 0px rgba(49, 41, 41, .25);
}
.tw-fp-card .card-img-top {
    max-height: 250px;
    object-fit: cover;
    border-radius: 0;
}
.tw-fp-card img {
    object-fit: cover;
}
@media (max-width: 767.98px) { 
    .tw-fp-card .img-fluid {
        max-height: 250px;
        width: 100%;
    }
}

span.tw-fpevt-txt-datespan {
    display: flex;
    margin-bottom: 10px;
}
.tw-fpevt-row {
    display: flex;
    row-gap: 15px;
    justify-content: space-between;
    column-gap: 15px;
}
.tw-fpevt {
    display: flex;
}

.tw-fpevt>div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 12px 0px rgba(49, 41, 41, .1);
    
}
.tw-fpevt.tw-fpevt-3>div,
.tw-fpevt.tw-fpevt-2>div {
    display: flex;
    flex-direction: row;
}
.tw-fpevt-img-container {
    background-color: #dedede;
    /*height: 200px;*/
}
.tw-fpevt-img-container>img {
    background-color: pink;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.tw-fpevt-txt-container {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.tw-fpevt-3>div > .tw-fpevt-txt-container,
.tw-fpevt-2>div > .tw-fpevt-txt-container{
    flex-direction: column;
    justify-content: flex-start;
    column-gap: 15px;
    display: flex;
    row-gap: 15px;
    padding-top: 0;
}
.tw-fpevt-txt-title {
    font-weight: 500;
}
.tw-fpevt-2 .tw-fpevt-txt-title,
.tw-fpevt-3 .tw-fpevt-txt-title {
    font-size: 1.5em;
    padding-top:15px;
}
.tw-fpevt-txt-dates {
    font-size: 14px;
    line-height: 30px;
}
.tw-fpevt-txt-desc {
    font-size: 14px;
    margin-bottom: 10px;
    flex-grow: 2;
}
.tw-fpevt-txt-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 15px;
    flex-grow: 1;
    flex-wrap: wrap;
}
.tw-fpevt-txt-button {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
}
.tw-fpevt-txt-datesblock {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    column-gap: 10px;
    row-gap: 10px;
    flex-grow: 1;
}
.tw-fpevt-txt-daterow {
    display: flex;
    flex-direction: column;
}

/*INTERIOR*/
.sp-page-title {
    padding: 120px 0;
    background-size: cover;
    background-position: 50% 50%;
}
.sp-page-title .sp-page-title-heading {
    font-size: 36px;
}

.tw-about-imgcontent .sppb-addon-image-layout-wrap > .sppb-row > .sppb-col-sm-6:first-child {
    align-self: center;
}

.tw-officers-person.sppb-addon-person .sppb-row {
    align-items: center;
}

.article-list .article {
    position: relative;
    display: flex;
    background-color: #fff;
    box-shadow: 0 6px 12px -3px rgba(49, 41, 41, .1);
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: 0px 20px 0px 0px;
    /* overflow: hidden; */
    display: flex;
    min-width: 175px;
}


a.sppb-btn.tw-evtbtn {
    color: #fff;
    background-color: #da5729;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    width:100%;
}


.fodm-news.view-category #sp-main-body {
    background-color: #f1ece6;
}



/*FABRIK*/
.fb_el_fodm_users___name_hp .fabrikErrorMessage {
    display: none;
}
.fb_el_fodm_users___name_hp label {
    height: 1px;
    color: #f1ece6 !important;
    pointer-events: none;
}

.fb_el_fodm_users___name_hp i {
    display: none
}
input#fodm_users___name_hp {
    height: 1px;
    padding: 0;
    border: 0;
    min-height: 1px !important;
    color: #f1ece6 !important;
    border-color: #f1ece6 !important;
    background: #f1ece6 !important;
    line-height: 1px !important;
    font-size: 1px !important;
}




.fb_el_wic_invoices___total_cost {
    border:2px solid #999;
    margin:auto;
    width:auto !important;
    padding: 2px 10px;
}

span#fodm_invoices___total_amount {
    font-weight: bold;
    margin-top: 5px;
    display: block;
}
#list_16_com_fabrik_16, #list_12_com_fabrik_12 {
    font-size: 14px;
    vertical-align: middle;
}

td.fodm_invoices___type.fabrik_element.fabrik_list_16_group_19 {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
}

table#list_12_com_fabrik_12 td.fabrik_actions .btn-group .php-2 ,td.fabrik_actions .btn-group .php-1 {
    display: none;
}
.fabrik_element a.php-3 {
display:none ;
}

/*FABRIK FILTERS*/
.fabrikSearchAll input.btn.btn-info.btn-sm.fabrik_filter_submit.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -2px;
}
.fabrikFilterContainer .row.d-flex.justify-content-end {
    margin-top: 1rem;
    margin-right: 0;
}

.fabrikDateListFilterRange > .col-sm-6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.fabrikDateListFilterRange .input-group {
    margin-left:10px;
}

.fabrikDateListFilterRange .input-group>input {
    position: relative;
    width: 1%;
    flex: 1 1 auto;
}
.fabrikDateListFilterRange .input-group .btn-sm {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    --bs-btn-font-size: 1rem;
    --bs-btn-padding-y: 0.4rem;
    color: #fff;
}

/*member details*/
.fabrikDetails #group12 {
    margin-bottom: 1rem;
}
.fabrikDetails #group12 > .fabrikElementContainer {
    border-bottom: 1px solid #eee;
}
.fabrikDetails #group12 > .fabrikElementContainer > .row.mt-3 {
    margin-top: 0 !important;
    margin-left: 0;
}
.fabrikDetails #group12 > .fabrikElementContainer .fabrikElementReadOnly {
    margin-top: 0;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}



/*FORMS*/
.fodm-register .page-header,
.fodm-profile .page-header {
    text-align: center;
}

.fodm-register fieldset#group12 > legend,
.fodm-profile fieldset#group12 > legend,
#form_16 fieldset#group19 > legend {
    display: none;
}
.fodm-register form[name="form_12"],
.fodm-profile form[name="form_12"],
#form_16 {
    /*max-width: 560px;*/
    padding: 15px 30px 30px;
    background-color: #f1ece6;
    margin: 0 auto;
    max-width:fit-content;
}
.fodm-register form[name="form_12"] label.form-label.fabrikLabel.col-sm-2.col-form-label,
.fodm-profile form[name="form_12"] label.form-label.fabrikLabel.col-sm-2.col-form-label,
#form_16 label.form-label.fabrikLabel.col-sm-2.col-form-label {
    flex-grow: 1;
}
.fodm-register form[name="form_12"] .fabrikElement,
.fodm-profile form[name="form_12"] .fabrikElement, 
#form_16 .fabrikElement {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 40%;
}

#form_16 input.form-check-input {
    margin-left: -0.5em;
    margin-right: 0.5em;
}





/*LISTS*/
#list_27_com_fabrik_27 tbody {
    font-size: 0.8rem;
}


.fodm-volunteer-events .fabrikWindow.modal {
    --bs-modal-width: 200px;
}
.fodm-volunteer-events-dateitem {
    flex-direction: row;
    flex-wrap: wrap;
}





/*MEDIA*/
@media only screen and (max-width: 1500px) {
    .tw-fp-cta-btn {
        font-size:32px!important;
    }
}
@media only screen and (max-width: 1200px) {
    #sp-header>.container {
        max-width: 100%;
    }
    .tw-fp-cta-btn {
        font-size:28px!important;
    }
    .tw-fp-cta-btn > i {
        width: 100%;
    }
}
@media only screen and (max-width: 1100px) {
    .tw-fp-cta-btn {
        font-size:28px!important;
    }
    .tw-fp-cta-btn > i {
        width: 100%;
    }
}
@media only screen and (max-width: 990px) {
    img.logo-image {
        height: 120px;
    }
    #sp-menu>.sp-column {
        height: 100%;
        flex-direction: row-reverse;
        justify-content: flex-start!important;
    }
    #mod-custom206 a.sppb-btn.tw-topbtn {
        margin-left:0px;   
    }
    .fodm-volunteer-events #sp-main-body > .container {
        max-width: 100%;
    }
    .fodm-volunteer-events-dateitem > a.tw-topbtn {
        flex-grow:1;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {

    #sp-bottom > .container {
        max-width: 100%;
    }
    .sp-page-title {
        padding: 100px 0;
        background-size: cover;
        background-position: 50% 50%;
    }
    .fodm-volunteer-events-img {
        width: -webkit-fill-available !important;
        max-height: 500px;
    }
}



@media only screen and (max-width: 575px) {
  #sp-menu {
    padding-left: 0;
  }
  #sp-header .sp-module {
    margin-left: 5px;
  }
}






@media only screen and  (max-width: 500px) {
    a.sppb-btn.tw-topbtn {
      font-size: 12px;
    
    }
}


@media only screen and  (max-width: 450px) {
    div#sp-logo {
        padding: 0;
    }
}



@media only screen and  (max-width: 400px) {
    #sp-top2 > .sp-column {
        display: flex;
        flex-direction: column-reverse;
    }
    #sp-top2 ul.social-icons {
        margin-left:0;
    }
    #sp-top-bar .sp-module {
        margin: 0;
    }
    ul.menu.tw-topuser {
        list-style: none;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        height: 34px;
        padding-left: 0;
        justify-content: center;
    }
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        float: right;
        margin-left: 10px;
    }
}