html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

body {
  font-family:arial;
}
.head-contact {
  bottom:7em;
}
/* Added 11/4/2021 for popovers */
.popover {
    max-width: none;
}
.member-button {
  border-radius:10px !important;
  background-color:#8dc63f;
  padding:9px 20px;
  color:#fff !important;
  -webkit-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  -moz-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  -ms-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  -o-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
}
.member-button:hover {
  border-radius:10px !important;
  background-color:#6caa17;
  padding:9px 20px;
  color:#fff !important;
}
.navbar-light .navbar-text a {
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  font-size:16px !important;
  line-height:16px;
}
.navbar {
  text-transform:uppercase;
  font-size:15px;
  font-weight:400;
}
.navbar-light .navbar-text {
  position:relative;
  bottom:15px;
}
.navbar-nav {
  margin-top:50px;
  justify-content: flex-end;
}
/* Added for multi level nav dropdown - 20200514 --> */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > a:after {
    content: "\f0da";
    float: right;
    border: none;
    font-family: 'FontAwesome';
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}
/* <-- Added for multi level nav dropdown - 20200514 */

.head-socmed {
  height:30px;
  margin-right:14px;
  margin-bottom:20px;
  margin-top:20px;
}
.head-socmed.contact-icon {
  height:23px;
  margin-right:0;
}
.head-contact a {
  opacity:1;
  transition:.3s;
}
.head-contact a:hover {
  opacity:.7;
}
.navbar-collapse {
  text-align:center;
}
.btn-register:hover {
  background-color:#cd3303;
  -webkit-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  -moz-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  -ms-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  -o-box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  box-shadow:0 2px 5px 1px rgba(0,0,0, .3) inset;
  border:none;
}
.carousel-indicators {
  bottom:0;
}
.row.row-search {
  padding:40px 0 40px 0;
}
.no-pd{
  padding: 0;
}
.row-icon {
    background-color: #8dc63f;
    text-align: center;
    padding: 25px 11px;
    border-radius: 9px;
    -webkit-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    -moz-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    -ms-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    -o-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    margin: 10px 0;
}
.row-icon2 {
    background-color: #009893;
    text-align: center;
    padding: 25px 11px;
    border-radius: 9px;
    -webkit-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    -moz-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    -ms-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    -o-box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    box-shadow: 2px 5px 11px rgba(0,0,0, .3) inset;
    margin: 10px 0;
}
.orange{
  color: #f1592a !important;
}
.btn-details__community:hover {
    color: #ccc !important;
}

/* Google maps */
#map {
    width: 100%;
    height: 400px;
    background-color: grey;
}

#locationField, #controls {
    position: relative;
    width: 480px;
}

#autocomplete {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 99%;
}

.label {
    text-align: right;
    font-weight: bold;
    width: 100px;
    color: #303030;
}

#address {
    border: 1px solid #000090;
    background-color: #f0f0ff;
    width: 480px;
    padding-right: 2px;
}

    #address td {
        font-size: 10pt;
    }

.field {
    width: 99%;
}

.slimField {
    width: 80px;
}

.wideField {
    width: 200px;
}

#locationField {
    height: 20px;
    margin-bottom: 2px;
}

/*One Community Logo colors*/
.logo-red {
    color: #EE4037;
}

.logo-lightred {
    color: #F55227;
}

.logo-purple {
    color: #982F59;
}

.logo-lightpurple {
    color: #D23157;
}

.logo-orange {
    color: #F7941D;
}

.logo-lightorange {
    color: #FFC62D;
}

.logo-yellow {
    color: #F28D2C;
}

.logo-lightyellow {
    color: #FCBF46;
}

.logo-green {
    color: #8EC641;
}

.logo-lightgreen {
    color: #D9DF25;
}
.logo-darkgreen {
    color: #019893;
}

.logo-lightdarkgreen {
    color: #15A49E;
}

.bg-logo-red {
    background-color: #EE4037;
    color: #fff !important;
}

.bg-logo-lightred {
    background-color: #F55227;
    color: #fff !important;
}

.bg-logo-purple {
    background-color: #982F59;
    color: #fff !important;
}

.bg-logo-lightpurple {
    background-color: #D23157;
    color: #fff !important;
}
.bg-logo-orange {
    background-color: #F7941D;
    color: #fff !important;
}

.bg-logo-lightorange {
    background-color: #FFC62D;
    color: #fff !important;
}

.bg-logo-yellow {
    background-color: #F28D2C;
    color: #fff !important;
}

.bg-logo-lightyellow {
    background-color: #FCBF46;
    color: #fff !important;
}

.bg-logo-green {
    background-color: #8EC641;
    color: #fff !important;
}

.bg-logo-lightgreen {
    background-color: #D9DF25;
    color: #fff !important;
}
.bg-logo-darkgreen {
    background-color: #019893;
    color: #fff !important;
}

.bg-logo-lightdarkgreen {
    background-color: #15A49E;
    color: #fff !important;
}

.bg-logo-red {
    background-color: #EE4037;
    color: #fff !important;
}

.bg-logo-lightred {
    background-color: #F55227;
    color: #fff !important;
}


/* ========================================================================
   Component: button-extra.less
 ========================================================================== */
.btn-inverse {
    color: #fff;
    background-color: #131e26;
    border-color: #131e26;
}

    .btn-inverse:focus,
    .btn-inverse.focus {
        color: #fff;
        background-color: #0c1318;
        border-color: #05090b;
    }

    .btn-inverse:hover {
        color: #fff;
        background-color: #0c1318;
        border-color: #05090b;
    }

    .btn-inverse:active,
    .btn-inverse.active,
    .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #0c1318;
        border-color: #05090b;
    }

        .btn-inverse:active:hover,
        .btn-inverse.active:hover,
        .open > .dropdown-toggle.btn-inverse:hover,
        .btn-inverse:active:focus,
        .btn-inverse.active:focus,
        .open > .dropdown-toggle.btn-inverse:focus,
        .btn-inverse:active.focus,
        .btn-inverse.active.focus,
        .open > .dropdown-toggle.btn-inverse.focus {
            color: #fff;
            background-color: #0c1318;
            border-color: #05090b;
        }

    .btn-inverse:active,
    .btn-inverse.active,
    .open > .dropdown-toggle.btn-inverse {
        background-image: none;
    }

    .btn-inverse.disabled:hover,
    .btn-inverse[disabled]:hover,
    fieldset[disabled] .btn-inverse:hover,
    .btn-inverse.disabled:focus,
    .btn-inverse[disabled]:focus,
    fieldset[disabled] .btn-inverse:focus,
    .btn-inverse.disabled.focus,
    .btn-inverse[disabled].focus,
    fieldset[disabled] .btn-inverse.focus {
        background-color: #131e26;
        border-color: #131e26;
    }

    .btn-inverse .badge {
        color: #131e26;
        background-color: #fff;
    }

.btn-green {
    color: #fff;
    background-color: #37bc9b;
    border-color: transparent;
}

    .btn-green:focus,
    .btn-green.focus {
        color: #fff;
        background-color: #32ac8e;
        border-color: rgba(0, 0, 0, 0);
    }

    .btn-green:hover {
        color: #fff;
        background-color: #32ac8e;
        border-color: rgba(0, 0, 0, 0);
    }

    .btn-green:active,
    .btn-green.active,
    .open > .dropdown-toggle.btn-green {
        color: #fff;
        background-color: #32ac8e;
        border-color: rgba(0, 0, 0, 0);
    }

        .btn-green:active:hover,
        .btn-green.active:hover,
        .open > .dropdown-toggle.btn-green:hover,
        .btn-green:active:focus,
        .btn-green.active:focus,
        .open > .dropdown-toggle.btn-green:focus,
        .btn-green:active.focus,
        .btn-green.active.focus,
        .open > .dropdown-toggle.btn-green.focus {
            color: #fff;
            background-color: #32ac8e;
            border-color: rgba(0, 0, 0, 0);
        }

    .btn-green:active,
    .btn-green.active,
    .open > .dropdown-toggle.btn-green {
        background-image: none;
    }

    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    fieldset[disabled] .btn-green:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    fieldset[disabled] .btn-green:focus,
    .btn-green.disabled.focus,
    .btn-green[disabled].focus,
    fieldset[disabled] .btn-green.focus {
        background-color: #37bc9b;
        border-color: transparent;
    }

    .btn-green .badge {
        color: #37bc9b;
        background-color: #fff;
    }

.btn-purple {
    color: #fff;
    background-color: #7266ba;
    border-color: transparent;
}

    .btn-purple:focus,
    .btn-purple.focus {
        color: #fff;
        background-color: #6558b4;
        border-color: rgba(0, 0, 0, 0);
    }

    .btn-purple:hover {
        color: #fff;
        background-color: #6558b4;
        border-color: rgba(0, 0, 0, 0);
    }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        color: #fff;
        background-color: #6558b4;
        border-color: rgba(0, 0, 0, 0);
    }

        .btn-purple:active:hover,
        .btn-purple.active:hover,
        .open > .dropdown-toggle.btn-purple:hover,
        .btn-purple:active:focus,
        .btn-purple.active:focus,
        .open > .dropdown-toggle.btn-purple:focus,
        .btn-purple:active.focus,
        .btn-purple.active.focus,
        .open > .dropdown-toggle.btn-purple.focus {
            color: #fff;
            background-color: #6558b4;
            border-color: rgba(0, 0, 0, 0);
        }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        background-image: none;
    }

    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    fieldset[disabled] .btn-purple:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    fieldset[disabled] .btn-purple:focus,
    .btn-purple.disabled.focus,
    .btn-purple[disabled].focus,
    fieldset[disabled] .btn-purple.focus {
        background-color: #7266ba;
        border-color: transparent;
    }

    .btn-purple .badge {
        color: #7266ba;
        background-color: #fff;
    }

.btn-pink {
    color: #fff;
    background-color: #f532e5;
    border-color: transparent;
}

    .btn-pink:focus,
    .btn-pink.focus {
        color: #fff;
        background-color: #f41fe3;
        border-color: rgba(0, 0, 0, 0);
    }

    .btn-pink:hover {
        color: #fff;
        background-color: #f41fe3;
        border-color: rgba(0, 0, 0, 0);
    }

    .btn-pink:active,
    .btn-pink.active,
    .open > .dropdown-toggle.btn-pink {
        color: #fff;
        background-color: #f41fe3;
        border-color: rgba(0, 0, 0, 0);
    }

        .btn-pink:active:hover,
        .btn-pink.active:hover,
        .open > .dropdown-toggle.btn-pink:hover,
        .btn-pink:active:focus,
        .btn-pink.active:focus,
        .open > .dropdown-toggle.btn-pink:focus,
        .btn-pink:active.focus,
        .btn-pink.active.focus,
        .open > .dropdown-toggle.btn-pink.focus {
            color: #fff;
            background-color: #f41fe3;
            border-color: rgba(0, 0, 0, 0);
        }

    .btn-pink:active,
    .btn-pink.active,
    .open > .dropdown-toggle.btn-pink {
        background-image: none;
    }

    .btn-pink.disabled:hover,
    .btn-pink[disabled]:hover,
    fieldset[disabled] .btn-pink:hover,
    .btn-pink.disabled:focus,
    .btn-pink[disabled]:focus,
    fieldset[disabled] .btn-pink:focus,
    .btn-pink.disabled.focus,
    .btn-pink[disabled].focus,
    fieldset[disabled] .btn-pink.focus {
        background-color: #f532e5;
        border-color: transparent;
    }

    .btn-pink .badge {
        color: #f532e5;
        background-color: #fff;
    }

.btn-flat {
    border-bottom-width: 1px;
    border-radius: 0;
    box-shadow: 0 0 0 #000;
}

.btn-xl {
    padding: 20px 16px;
    font-size: 18px;
}

.btn-square {
    border-radius: 0;
}

.btn-pill-left,
.btn-oval {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-right: 18px;
}

.btn-pill-right,
.btn-oval {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-left: 18px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.btn-label {
    position: relative;
    background: transparent;
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 6px 16px;
    right: -16px;
    border-radius: 0 3px 3px 0;
}

    .btn-label.btn-label-right {
        right: auto;
        left: -16px;
        border-radius: 3px 0 0 3px;
    }

.btn-lg .btn-label {
    padding: 10px 20px;
    right: -20px;
    border-radius: 0 5px 5px 0;
}

    .btn-lg .btn-label.btn-label-right {
        right: auto;
        left: -20px;
        border-radius: 5px 0 0 5px;
    }

.btn-sm .btn-label {
    padding: 5px 10px;
    right: -10px;
    border-radius: 0 2px 2px 0;
}

    .btn-sm .btn-label.btn-label-right {
        right: auto;
        left: -10px;
        border-radius: 2px 0 0 2px;
    }

.btn-xs .btn-label {
    padding: 1px 5px;
    right: -5px;
    border-radius: 0 2px 2px 0;
}

    .btn-xs .btn-label.btn-label-right {
        right: auto;
        left: -5px;
        border-radius: 2px 0 0 2px;
    }

.btn-fw {
    min-width: 80px;
}

    .btn-fw.btn-sm {
        min-width: 40px;
    }

    .btn-fw.btn-md {
        min-width: 60px;
    }

    .btn-fw.btn-lg {
        min-width: 140px;
    }

.btn-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
    border-radius: 500px;
    padding: 0;
    border: 0;
}

    .btn-circle > * {
        line-height: inherit !important;
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

.btn-outline {
    background-color: transparent;
}

    .btn-outline.btn-default {
        border-color: #eaeaea;
        color: #333 !important;
    }

    .btn-outline.btn-primary {
        border-color: #5d9cec;
        color: #5d9cec;
    }

    .btn-outline.btn-success {
        border-color: #27c24c;
        color: #27c24c;
    }

    .btn-outline.btn-info {
        border-color: #23b7e5;
        color: #23b7e5;
    }

    .btn-outline.btn-warning {
        border-color: #ff902b;
        color: #ff902b;
    }

    .btn-outline.btn-danger {
        border-color: #f05050;
        color: #f05050;
    }

    .btn-outline.btn-inverse {
        border-color: #131e26;
        color: #131e26;
    }

    .btn-outline.btn-green {
        border-color: #37bc9b;
        color: #37bc9b;
    }

    .btn-outline.btn-purple {
        border-color: #7266ba;
        color: #7266ba;
    }

    .btn-outline.btn-pink {
        border-color: #f532e5;
        color: #f532e5;
    }

    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active,
    .btn-outline.hover,
    .btn-outline.focus,
    .btn-outline.active {
        color: #fff;
    }

    /* Carousel */
@media (min-width: 768px) {

    /* show 3 items */
    #partnerCarousel .carousel-inner .active,
    #partnerCarousel .carousel-inner .active + .carousel-item,
    #partnerCarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #partnerCarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    #partnerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #partnerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #partnerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #partnerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    #partnerCarousel .carousel-inner .carousel-item-next,
    #partnerCarousel .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #partnerCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #partnerCarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #partnerCarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #partnerCarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* Bootstrap Lightbox using Modal */

#profile-grid {
    overflow: auto;
    white-space: normal;
}

#profile-grid .profile {
    padding-bottom: 40px;
}

#profile-grid .panel {
    padding: 0
}

#profile-grid .panel-body {
    padding: 15px
}

#profile-grid .profile-name {
    font-weight: bold;
}

#profile-grid .thumbnail {
    margin-bottom: 6px;
}

#profile-grid .panel-thumbnail {
    overflow: hidden;
}

#profile-grid .img-rounded {
    border-radius: 4px 4px 0 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.searchResult img {
    margin-right: 10px;
}

.searchResult .img-left {
    float: left;
}

.searchResult .img-right {
    float: right;
}

.bs-example {
    margin: 20px;
}

.accordion .fa {
    margin-right: 0.5rem;
}

/* Added 8/2/2022 for Partner svg file */

.svg {
    display: flex;
    align-items: center;
    justify-content: center;
}



main {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-around;
}

.main-body {
    min-width: 320px;
    flex-grow: 1;
    /* align-self: center;  MY - 25/3/2023 */
    justify-self: center;
}

.sidebar {
    position: sticky;
    top: 40px;
    margin: auto;
    flex-grow: 1;
    flex-basis: 300px;
    align-self: start;
    min-width: 320px;
    z-index: 999;
    box-shadow: 2px 5px 11px rgb(0 0 0 / 30%);
    max-width: 1320px;
}

    .sidebar.filler {
        height: 0;
    }

    .sidebar .card-title {
        margin: -0.75rem -1.25rem;
        padding: 0.75rem 1.25rem;
        background-color: #f0f0f0;
        font-weight: bold;
        font-size: 24px;
    }

    .sidebar .card-body {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .sidebar .card-body a {
            max-width: 400px;
            margin: 4px;
        }

        .sidebar .card-body.gold-sponsors a {
            width: 48%;
        }