/* 
    Created on : 12-Apr-2017, 1:59:20 PM
    Author     : mharris
*/

@font-face {
    font-family: iconFont;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fontawesome-webfont.eot); /* For IE6-8 */
    src: local('FontAwesome'),
        local('FontAwesome-Regular'),
        url(fonts/fontawesome-webfont.woff2) format('woff2'),
        url(fonts/fontawesome-webfont.woff) format('woff'),
        url(fonts/fontawesome-webfont.ttf) format('truetype');
}

body {
    /*font-family: Lato, sans-serif;*/
}

section a.btn-rnd {
    background: #9c9c9c;
    color: #fff;
    border-radius: 100px;
    padding: 10px 40px;
    margin: 50px 0 50px;
}

section a.btn-rnd:hover {
    opacity: 0.8;
}

#top-bar,
.front-admin #wc-navbar {
    background-color: #777;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.front-admin #wc-navbar {
    padding: 0;
}

#wc-navbar.navbar-default .navbar-brand {
    color: #fff;
    position: relative;
    height: 80px;
    padding: 29px 0 0 90px;
}

#wc-navbar.navbar-default .navbar-brand img {
    position: absolute;
    max-height: 50px;
    max-width: 80px;
    top: 50%;
    left: 10px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


.default-wrapper {
    max-width: 1170px;
    padding: 10px 20px;
    margin: 0 auto;
    position: relative;
}

#top-bar a.logo,
#top-bar a.logo:hover {
    color: #fff;
    font-size: 18px;
}

#top-bar a.logo.no-logo,
#top-bar a.logo.no-logo:hover {
    font-size: 24px;
    padding: 15px 25px;
    display: block;
}

#top-bar a.logo:hover {
    text-decoration: none;
}

#top-bar a.logo img {
    height: 80px;
    margin-right: 20px;
}

#top-bar a.logo br {
    display: none;
}

.hamburger {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    padding: 10px;
    cursor: pointer;
    display: none;
    z-index: 900;
}

.hamburger div {
    width: 100%;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
}

.menu-main-menu-container {
    max-width: 1120px;;
    margin: 0 auto;
}

nav#wc-navbar {
    position: relative;
}

nav#wc-navbar ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

nav#wc-navbar ul.sub-menu {
    display: none;
    position: absolute;
    background: #ffffff;
    z-index: 1000;
    min-width: 200px;
    text-align: left;
    left: -1px;
    top: 30px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

nav#wc-navbar ul.sub-menu li {
    display: block;
}

nav#wc-navbar li:hover ul.sub-menu {
    display: block;
}

nav#wc-navbar ul li {
    display: inline-block;
    padding: 5px 10px;
    position: relative;
}

nav#wc-navbar ul li.current_page_item > a {
    text-decoration: underline;
}

nav#wc-navbar ul li a {
    color: #8c8c8c;
}

.header {
    text-align: center;
    color: #fff;
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.header div.image-screen {
    padding: 5px 70px 70px;
    background: rgba(0, 0, 0, 0.17);
}

.header div.image-screen div {
    max-width: 900px;
    margin: 0 auto;
    min-height: 59px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.carousel h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 56px;
    font-weight: 300;
    padding: 0px 10%;
    z-index: 100;
}

.carousel .slide-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.18);
}

.carousel .item {
    /*position: relative;*/
    min-height: 300px;
}

.carousel .item .buttons {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.carousel .item .buttons .custom-button {
    margin: 0 20px;
    background-color: #5496D3;
    border-color: #729ec5;
    font-size: 16px;
    padding: 10px 20px;

}

.carousel .item .buttons .custom-button.red-btn {
    background-color: #6ba4d6;
    border-color: #729bbf;
}

.one-col section:last-of-type {
    padding-bottom: 30px;
}

.home section h2 {
    text-align: center;
    font-weight: 300;
    margin: 50px;
    font-size: 48px;
}

section h3 {
    /*    font-size: 37px;
        font-weight: 400;
        text-align: center;*/
}

section h5 {
    /*    margin-top: 0;*/
}

section p {
    /*padding-right: 27px;*/
}

footer {
    background-color: #777;
    color: #fff;
    padding: 30px 0;
}

.footer-box {
    text-align: center;
    padding-top: 60px;
    margin-bottom: 20px;
    overflow: hidden;
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 36px;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

footer .legal {
    text-align: center;
    padding-top: 20px;
}

footer .legal p {
    display: inline-block;
}

footer .legal img {
    max-width: 100px;
    max-height: 100px;
    margin: 20px 20px 20px 0;
    display: inline-block;
}

footer ul.social {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

footer .copyright a,
footer .company-details a,
footer .legal a {
    color: #fff;
}

footer .icon-top .glyphicon {
    font-size: 30px;
}

.icon-top {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
}

.icon-top img {
    margin-bottom: 20px;
}

.news-hub {
    padding: 0 30px;
    text-align: center;
    position: relative;
}

.latestnews-content {
    padding: 0 40px;
    color: #666;
    text-align: left;
    float: left;
    width: 33.3%;
}

.xxx-latestnews-content h4:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 3px;
    background-color: #ff6464;
    background-color: #d9e2de;
    left: 50%;
    bottom: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.latest-news-content h4 {
    position: relative;
    padding-bottom: 14px;
    margin: 0;
}

.latest-news-content p {
    padding: 0;
    color: #929292;
}

.two-col #latest-news-hub-bg {
    border-top: 1px solid #ccc;
    padding-top: 40px;
}

.two-col #latest-news-hub-bg h2 {
    margin-bottom: 40px;
}

#latest-news-hub-bg h2 {
    text-align: center;
    padding: 20px 0;
}

.news-hub a,
.news-hub a:hover {
    color: #fff;
    text-decoration: none;
}

.news-hub a h4 {
    color: #4a4a4a;
}

.news-hub a:hover h4 {
    color: #999;
    text-decoration: none;
}

.news-hub a span.read-more {
    color: #0071d4;
    font-weight: bold;
    font-size: 15px;
}


.news-hub a:hover span.read-more {
    color: #8cb6da;
}

.hub-wrapper {
    position: relative;
    overflow: hidden;
}

.focus-hub,
.sponsor-hub {
    position: relative;
    margin: 40px 0;
}


.focus-hub-inner,
.news-hub-inner,
.sponsor-hub-inner {
    width: 100%;
    position: relative;
    left: 0%;
    transition: all 0.5s;
}

.item-count-4 .focus-hub-inner,
.item-count-4 .news-hub-inner {
    width: 133.3%;
}

.item-count-5 .focus-hub-inner,
.item-count-5 .news-hub-inner {
    width: 166.6%;
}

.item-count-6 .focus-hub-inner,
.item-count-6 .news-hub-inner {
    width: 200%;
}

.item-count-7 .focus-hub-inner,
.item-count-7 .news-hub-inner {
    width: 233.3%;
}

.item-count-8 .focus-hub-inner,
.item-count-8 .news-hub-inner {
    width: 266.6%;
}

.item-count-9 .focus-hub-inner,
.item-count-9 .news-hub-inner {
    width: 300%;
}

.item-count-5 .sponsor-hub-inner {
    width: 125%;
}

.item-count-6 .sponsor-hub-inner {
    width: 150%;
}

.item-count-7 .sponsor-hub-inner {
    width: 175%;
}

.item-count-8 .sponsor-hub-inner {
    width: 200%;
}

.item-count-9 .sponsor-hub-inner {
    width: 225%;
}

.item-count-10 .sponsor-hub-inner {
    width: 250%;
}

.item-pos-1 .focus-hub-inner,
.item-pos-1 .news-hub-inner {
    left: calc(-33.3% + 3px);
}

.item-pos-2 .focus-hub-inner,
.item-pos-2 .news-hub-inner {
    left: calc(-66.6% + 3px);
}

.item-pos-3 .focus-hub-inner,
.item-pos-3 .news-hub-inner {
    left: calc(-100% + 4px);
}

.item-pos-4 .focus-hub-inner,
.item-pos-4 .news-hub-inner {
    left: calc(-133.3% + 4px);
}

.item-pos-5 .focus-hub-inner,
.item-pos-5 .news-hub-inner {
    left: calc(-166.6% + 8px);
}

.item-pos-6 .focus-hub-inner,
.item-pos-6 .news-hub-inner {
    left: calc(-200% + 8px);
}

.item-pos-1 .sponsor-hub-inner {
    left: calc(-25% + 1px);
}

.item-pos-2 .sponsor-hub-inner {
    left: calc(-50% + 1px);
}

.item-pos-3 .sponsor-hub-inner {
    left: calc(-75% + 1px);
}

.item-pos-4 .sponsor-hub-inner {
    left: calc(-100% + 1px);
}

.item-pos-5 .sponsor-hub-inner {
    left: calc(-125% + 1px);
}

.item-pos-6 .sponsor-hub-inner {
    left: calc(-150% + 1px);
}

.item-pos-7 .sponsor-hub-inner {
    left: calc(-175% + 1px);
}

.focus-hub .item {
    background: #666 center center no-repeat;
    width: calc(33.3% - 10px);
    float: left;
    color: #fff;
    margin: 5px;
    text-align: center;
    position: relative;
    background-size: cover;
}

.focus-hub .btn.focus,
.focus-hub .btn:focus,
.focus-hub .btn:hover {
    color: #d2d2d2;
}

.sponsor-hub .item {
    width: calc(25% - 10px);
    float: left;
    color: #000;
    margin: 5px;
    position: relative;
}

.focus-hub.item-count-2 .item {
    width: calc(50% - 10px);
}

.focus-hub.item-count-4 .item {
    width: calc(25% - 10px);
}

.focus-hub.item-count-5 .item {
    width: calc(20% - 10px);
}

.focus-hub.item-count-6 .item {
    width: calc(16.6% - 10px);
}

.focus-hub.item-count-7 .item {
    width: calc(14.3% - 10px);
}

.focus-hub.item-count-8 .item {
    width: calc(12.5% - 10px);
}

.focus-hub.item-count-9 .item {
    width: calc(11.1% - 10px);
}

.news-hub.item-count-4 .latestnews-content {
    width: 25%;
}

.news-hub.item-count-5 .latestnews-content  {
    width: 20%;
}

.news-hub.item-count-6 .latestnews-content  {
    width: 16.65%;
}

.news-hub.item-count-7 .latestnews-content  {
    width: 14.27%;
}

.news-hub.item-count-8 .latestnews-content  {
    width: 12.49%;
}

.news-hub.item-count-9 .latestnews-content  {
    width: 11.085%;
}

.focus-hub .item ul {
    list-style-position: inside;
    padding: 0;
}

.sponsor-hub.item-count-5 .item {
    width: calc(20% - 10px);
}

.sponsor-hub.item-count-6 .item {
    width: calc(16.6% - 10px);
}

.sponsor-hub.item-count-7 .item {
    width: calc(14.28% - 10px);
}

.sponsor-hub.item-count-8 .item {
    width: calc(12.5% - 10px);
}

.sponsor-hub.item-count-9 .item {
    width: calc(11.1% - 10px);
}

.sponsor-hub.item-count-10 .item {
    width: calc(10% - 10px);
}

.focus-hub .item ul li {

}

.focus-hub .item button.btn {
    border: 1px solid #ccc;
    background: transparent;
    border-radius: 100px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 3px 40px 5px;
    z-index: 1;
}

.focus-hub .item > a {
    background: #00000047;
    display: block;
    margin: 0;
    padding: 5px 30px;
    height: 280px;
    color: #fff;
}

.focus-hub .item > a:hover {
    text-decoration: none;
}

.focus-hub-ctrl {
    position: absolute;
    right: -30px;
    width: 30px;
    height: 30px;
    top: calc(50% - 10px);
}

.news-hub .focus-hub-ctrl {
    top: calc(50% - 70px);
}

.focus-hub-ctrl-left {
    background: url(../images/icon-right.svg) center center no-repeat;
    background-size: contain;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: auto;
    left: -30px;
}

.item-pos-0 .focus-hub-ctrl-left {
    display: none;
}

.item-count-0 .focus-hub-ctrl-right,
.item-count-1 .focus-hub-ctrl-right,
.item-count-2 .focus-hub-ctrl-right,
.item-count-3 .focus-hub-ctrl-right,
.item-count-4.item-pos-1 .focus-hub-ctrl-right,
.item-count-5.item-pos-2 .focus-hub-ctrl-right,
.item-count-6.item-pos-3 .focus-hub-ctrl-right,
.item-count-7.item-pos-4 .focus-hub-ctrl-right,
.item-count-8.item-pos-5 .focus-hub-ctrl-right,
.item-count-9.item-pos-6 .focus-hub-ctrl-right {
    display: none;
}

.sponsor-hub.item-count-1 .focus-hub-ctrl-right,
.sponsor-hub.item-count-2 .focus-hub-ctrl-right,
.sponsor-hub.item-count-3 .focus-hub-ctrl-right,
.sponsor-hub.item-count-4 .focus-hub-ctrl-right,
.sponsor-hub.item-count-5.item-pos-1 .focus-hub-ctrl-right,
.sponsor-hub.item-count-6.item-pos-2 .focus-hub-ctrl-right,
.sponsor-hub.item-count-7.item-pos-3 .focus-hub-ctrl-right,
.sponsor-hub.item-count-8.item-pos-4 .focus-hub-ctrl-right,
.sponsor-hub.item-count-9.item-pos-5 .focus-hub-ctrl-right,
.sponsor-hub.item-count-10.item-pos-6 .focus-hub-ctrl-right {
    display: none;
}

.focus-hub-ctrl-right {
    background: url(../images/icon-right.svg) center center no-repeat;
    background-size: contain;
}


.team-member {
    text-align: center;
    padding: 0 20px 20px;
    height: 150px;
}

.team-member h5 {
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}

.team-member h5:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 3px;
    background-color: #d9e2de;
    left: 50%;
    bottom: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#loginModal .modal-body {
    padding: 20px 100px;
}

.fb-login-container {
    margin: 0 60px 0 85px;
    text-align: left;
}

.fb-login-button {
    float: left;
}

/* Page Styles */

#secondary {
    margin-top: 20px;
}

body.page section:first-of-type,
body.category section:first-of-type,
body.single section:first-of-type,
body.search section:first-of-type {
    /*margin-top: 30px;*/
}

body.home section {

}

body.one-col-page section.container-one-col {
    max-width: 800px;
    padding: 40px 20px;
}

body.one-col-page section.container-one-col p {
    line-height: 1.8;
    font-size: 15px;
}

body.home section:first-of-type {
    /*    margin-top: 0;
        margin-bottom: 10px;*/
}

body.front-admin section:first-of-type {
    margin-top: 90px;
}

.section-bg {
    width: 100%;
}

.bt-main-left {
    padding-bottom: 50px;
    padding-top: 20px;
}

.bt-sidebar {
    padding-top: 20px;
}

img.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.search-submit {
    border: none;
    background: transparent;
    position: absolute;
    top: 1px;
    right: 3px;
}

.search-submit:before {
    content: '\F002';
    font-family: FontAwesome;
    font-size: 20px;
    color: #ccc;
}

.search-form .form-group {
    position: relative;
    width: 100%;
}

.form-group,
.default-font,
.alert {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.form-group input {
    width: 100%;
}

.form-group input[type=radio],
.form-group input[type=checkbox] {
    width: auto;
}

.bt-widget {
    margin-bottom: 50px;
}

.wu-wrapper:after {
    content: '';
    clear: both;
    float: left;
    height: 30px;
}


/*** category ***/

body.category h2,
body.search h2 {
    text-align: left;
    font-size: 22px;
    margin: 40px 0 10px;
}

/*** Profile ***/

#bt-profile {
    padding-top: 30px;
}

#bt-basic-profile-info {
    font-size: 16px;
    padding-bottom: 20px;
}

.bt-info-row {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.bt-info-label {
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

.well .bt-info-row {
    border-bottom: 1px solid #e0e0e0;
}

.legacy-field {
    background-color: #ddd;
    padding: 10px;
}

#bt-property-info h4 {
    margin-top: 20px;
    margin-bottom: 30px;
}


.form-inline .bt-dollar-amount {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.ca-req-field:after {
    content: '*';
    color: red;
    font-weight: bold;
}

.bt-profile-info {
    margin-bottom: 30px;
}

/*** Sign Up ***/

#snail-mail-group {
    display: none;
}

.bt-web-signup {
    position: absolute;
    left: -999em;
}

#bt-signup-instructions h3 {
    font-size: 60px;
    font-weight: 200;
    text-align: left;
}

#bt-signup-instructions p {
    font-size: 16px;
}

#bt-logging-in {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/spinner-2x.gif) center center rgba(255, 255, 255, 0.67) no-repeat;
    top: 0;
    left: 0;
    display: none;
}

#bt-logging-in.bt-searching {
    display: block;
}


#invite-assoc {
    margin-top: 30px;
    padding-bottom: 30px;
}

.nav-links .page-numbers {
    float: left;
    color: #fff;
    background: #8aabc7;
    font-size: 16px;
    border-radius: 2em;
    padding: 5px 12px;
    margin-right: 10px;
}

/*** Ads ***/

a.sponsor {
    display: block;
    text-decoration: none;
}

a.sponsor:hover {
    text-decoration: none;
}

.sponsor-image {
    height: 0;
    overflow: hidden;
    padding-bottom: 83.33%;
    position: relative;
    border: 1px solid #ccc;
    background: #fbfbfb;
}

a.sponsor:hover .sponsor-image {
    border-color: #999;
}

.sponsor-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 8px);
    width: auto;
    max-height: calc(100% - 8px);
    background-color: white;
}

.sponsor-title {
    position: relative;
    height: 3em;
}

.sponsor-title * {
    position: absolute;
    left: 0;
    bottom: 2px;
    margin-bottom: 0;
}

.advertisement-note {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ccc;
    padding: 0;
}

#e_mail-alert {
    display: none;
    margin-top: 3px;
}

.member-directory td {
    position: relative;
}

tr.info-open td {
    height: 170px;
}

tr.waiting {
    background-image: url(../images/spinner.gif);
    background-repeat: no-repeat;
    background-position: 3% center;
}

.p-info {
    position: absolute;
    top: 3em;
    left: 0;
    width: 100%;
}

tr.print-page .p-info {
    position: static;
    display: block;
    padding: 0;
}

.info-open .p-info {
    display: block;
}

.p-info span.user-children {
    padding-left: 10px;
}

.p-info img {
    width: 200px;
    display: block;
    margin: 5px 10px 10px 0;
}

.p-info p.property-notes {
    float: left;
    width: calc(100% - 160px);
}

.p-info hr {
    margin: 5px 100px 5px 0;
}

.p-info .p-info-left {
    float: left;
    width: calc(40% - 10px);
    margin-right: 10px;
}

.p-info .p-info-right {
    float: left;
    width: 60%;
}

tr.print-page .last-name {
    text-transform: uppercase;
    font-weight: bold;
}

.table>tbody>tr.print-page-1>td {
    border-top: 2px solid #cccccc;
}

tr.tr-page {
    display: none;
}

tr.tr-page-1 {
    display: table-row;
}

.list-group-item.tr-page {
    display: none;
}

.list-group-item.tr-page-1 {
    display: block;
}

/* responsive directory */

.open-printable-phone-book {
    margin-top: 30px;
    float: right;
}

.member-directory .list-group-item.roster-detail {
    transition: height 0.5s;
    height: 42px;
    overflow: hidden;
}

.member-directory .list-group-item > div {
    float: left;
    width: auto;
    position: relative;
    min-height: 1px;
}

.member-directory .list-group-item > div:nth-child(1) {
    width: 47%;
}

.member-directory .list-group-item > div:nth-child(2) {
    width: 28%;
}

.member-directory .list-group-item > div:nth-child(3) {
    width: 25%;
}

.member-directory .list-group-item .clearfix {
    float: none;
}

.member-directory span.open-list-item,
.member-directory span.open-map-single,
.member-directory span.mailto-link {
    color: #4480c3;
}

.member-directory span.open-list-item:hover,
.member-directory span.open-map-single:hover,
.member-directory span.mailto-link:hover {
    color: #819dbb;
    text-decoration: underline;
    cursor: pointer;
}

.member-directory .list-group-item.disabled,
.member-directory .list-group-item.disabled:focus,
.member-directory .list-group-item.disabled:hover {
    color: #fff;
    cursor: default;
    background-color: #5b81bb;
    cursor: pointer;
}

/*** Property Map ***/

#prop-map,
#event-map {
    width: 100%;
    height: 400px;
}

#prop-map hr {
    margin: 4px 0;
}

.one-col #prop-map,
.one-col #event-map {
    width: 100%;
    height: 450px;
}

.lat-lng div {
    float: left;
    margin-right: 10px;
}

a#reset-marker,
a#locate-address {
    margin: 5px 5px 5px 0;
}

#map-status {
    display: inline;
    margin-left: 5px;
    position: relative;
}

#map-status:before {
    content: 'Locating...';
    background: url(../images/spinner.gif) 0 0 no-repeat;
    position: absolute;
    top: 0;
    height: 2em;
    padding-left: 2em;
    display: none;
}

#map-status.locating:before {
    display: block;
}

#map-status.locating em {
    display: none;
}

a.view-switch {
    margin-left: 2em;
    margin-top: -5px;
}

#member-search {
    padding: 30px 0px;
}

.print table.member-directory {
    min-width: 1100px;
}

table.member-directory td {
    overflow: hidden;
}

table.member-directory td.deactivated {
    color: #cbcbcb;
}


.print table.member-directory th,
.print table.member-directory td {
    width: 25%;
    text-align: center;
    padding: 5px;
}

.print table.member-directory-all th,
.print table.member-directory-all td {
    width: 30%;
    text-align: left;
}

.print table.member-directory-all th:first-child,
.print table.member-directory-all td:first-child {
    width: 40%;
}

.print table.member-directory th:first-child,
.print table.member-directory td:first-child {
    text-align: left;
}

.print table.member-directory td.print-banner {
    text-align: center;
    padding: 20px 0;
}

.print table.member-directory td.print-banner img {
    max-width: 100%;
}

.address-label {
    text-transform: uppercase;
}

.print .p-info span {
    float: none;
    border-left: none;
    padding: 0;
}

.print table.member-directory .print-cott-addr {
    text-align: left;
    width: 18%;
}

.print table.member-directory .print-email {
    text-align: left;
    width: 20%;
}

.print table.member-directory.addr-yes .print-phone,
.print table.member-directory.email-yes .print-phone {
    width: 120px;
}

#headerCarousel .item.slide-image-container {
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    max-height: 480px;
}

#headerCarousel .item.slide-image-container img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#headerCarousel .item.slide-image-container img.theatre,
#headerCarousel .item.active.slide-image-container img.theatre,
#headerCarousel .item.next.slide-image-container img.theatre,
#headerCarousel .item.left.slide-image-container img.theatre {
    width: auto;
    height: 100%;
}


#calendar-wrapper {
    margin-bottom: 20px;
}

#calendar-wrapper.view-list {
    display: none;
}

#calendar-wrapper button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

input#event_start_date,
select#event_start_time,
input#event_end_date,
select#event_end_time {
    width: 130px;
}

#events-list {
    display: none;
}

#events-list.view-list {
    display: block;
}

#events-list h2 {
    margin: 0 0 50px;
}

#event-view-select,
#bod-view-select {
    margin-bottom: 30px;
}

.ca-view-wrapper {
    display: none;
}

.ca-view-wrapper.active {
    display: block;
}

ul#committees-list,
ul#committees-list .committees-sub-list {
    list-style: none;
    padding: 0;
}

ul#committees-list li {
    border-top: 1px solid #ddd;
    clear: both;
    padding: 12px 0;
}

ul#committees-list .committee-member {
    float: left;
    width: 50%;
}

ul#committees-list .committee-member h4 {
    margin: 2px 0;
}

ul#committees-list li:last-child {
    border-bottom: 1px solid #ddd;
}

ul#committees-list .committees-sub-list {
    float: right;
    width: 50%;
}

ul#committees-list .committees-sub-list li {
    border: none;
    padding: 2px 0;
}

.event-details label {
    padding-top: 7px;
}

.list-group-item.past-event {
    color: #aaa;
}

/*** Front End Admin ***/

.front-admin #ca-dash-main h1,
.front-admin #ca-dash-main h2,
.front-admin #ca-dash-main h3,
.front-admin #ca-dash-main h4,
.front-admin #ca-dash-main h5,
.front-admin #ca-dash-main h6 {
    text-align: left;
    text-transform: none;
    margin: 1em 0;
    padding: 0;
    font-weight: bold;
}

.front-admin h1 {
    font-size: 30px;
}

.front-admin h2 {
    font-size: 25px;
}

.front-admin h3 {
    font-size: 20px;
}

.front-admin h4 {
    font-size: 18px;
}

.front-admin h5 {
    font-size: 16px;
}

.front-admin h6 {
    font-size: 14px;
}

#front-admin-panel a.giant-button {
    display: block;
    width: 88%;
    height: 102px;
    margin: 30px auto 10px;
    text-align: center;
    text-decoration: none;
    border: 3px solid #c5ced7;
    border-radius: 10px;
    padding: 15px;
    background: #899eb0;
    color: #fff;
}

#manual-payment .bt-dollar-amount input {
    width: calc(100% - 1em);
}

#manual-payment .bt-dollar-amount span {
    float: left;
    padding-top: 6px;
    padding-right: 3px;
}

.payment-group {
    border-bottom: 5px solid #eee;
    border-top: 5px solid #eee;
    padding-top: 10px;
    margin: 10px 0;
}

#membership-fee-amt {
    display: none;
}

#quick-menu {
    position: absolute; 
    bottom: 5px;
    right: calc(50% - 550px);
    color: #fff;
    background: #a9a9a9;
    border-radius: 3em;
    padding: 0;
}

#quick-menu a {
    color: #fff;
    font-family: sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    float: left;
    padding: 1px 8px 0px;
    line-height: 1.8;
    margin-top: 0px;
}

#quick-menu a:first-child {
    border-right: 2px solid #a9a9a9;
}

#top-bar #quick-menu {
    background: transparent; 
}

#mob-quick-menu {
    text-align: center;
    padding: 20px 0;
    display: none;
}

.prop-owner label {
    display: block;
}

.prop-owner input,
.prop-owner .edit-link {
    float: left;
    width: 150px;
    height: 31px;
}

input#autocomplete_property_owner {
    width: 250px;
}

.prop-owner .edit-link {
    padding: 4px;
}

input#member_id {
    background: #e3e3e3;
    border: 1px solid #ccc;
    height: 31px;
}

.transfer-request .out-of-date,
.transfer-request .up-to-date,
.transfer-request .pre-paid,
.transfer-request .co-owner,
.out-of-date,
.up-to-date,
.pre-paid,
.co-owner {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 1em;
    padding: 0;
    margin-top: 6px;
    margin-right: 6px;
}

.transfer-request .up-to-date,
.up-to-date {
    background: green;
}

.transfer-request .pre-paid,
.pre-paid {
    background: blue;
}

.transfer-request .co-owner,
.co-owner {
    background: #ccc;
}

.transfer-request {
    border-bottom: 1px solid #ccc;
}

.transfer-request span {
    float: left;
    width: 20%;
    padding: 8px 0;
}

ul.year-selection,
ul.area-selection,
ul.type-selection {
    list-style: none;
}

ul.year-selection li,
ul.area-selection li,
ul.type-selection li {
    float: left;
    width: 100px;
    height: 40px;
}

ul.area-selection li {
    width: 150px;
}

ul.type-selection li {
    width: 250px;
}



.red {
    color: red;
}

.screen-reader-text {
    display: none;
}

ul.prop-info .list-group-item label {
    float: left;
    width: 14em;
    text-align: right;
    margin-right: 1em;
}

ul.area-list li a {
    opacity: 0;
}

ul.area-list li:hover a {
    opacity: 1;
}

span.hover-sort-d:after,
span.sort-d:after {
    font-family: iconFont;
    content: '\F0D7';
    position: absolute;
    top: 0px;
    right: -16px;
}

span.hover-sort-a:after,
span.sort-a:after {
    font-family: iconFont;
    content: '\F0D8';
    position: absolute;
    top: 0px;
    right: -16px;
}


a.table-col-sort {
    position: relative;
}

span.hover-sort-d,
span.hover-sort-a {
    display: none; 
}

.table-col-sort:hover span.hover-sort-a,
.table-col-sort:hover span.hover-sort-d {
    display: inline;
}

.table-col-sort:hover span.sort-a,
.table-col-sort:hover span.sort-d {
    display: none;
}

a.table-col-sort:hover {
    text-decoration: none;
}

.co-owners {
    border-top: 5px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
}

#bt-basic-profile-info .list-group-item {
    min-height: 2.6em;
}

form#help-form .alert-danger {
    display: none;
    margin-top: 20px;
}
#recaptcha-error {
    display: none;
}

a.pwd-toggle {
    display: block;
    margin: 10px 0 35px;
    font-size: 18px;
}

#pwd-change {
}

a:focus {
    outline: none;
    text-decoration: none;
}

footer a {
    color: #d0dce6;
}

footer a:hover {
    color: #fff;
}

.upload-item {
    margin: 30px 0;
}

.upload-item .img-wrapper {
    height: 300px;
    float: left;
}

.upload-item img {
    height: 100%;
}

.upload-item a {
    color: red;
    float: left;
    margin: 50px 20px 0;
}

#uploading-status {
    display: none;
}

.classifieds-list li {
    cursor: pointer;
}

.classifieds-list li:hover {
    background: #f1f1f1;
}

.ad-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
}

.ad-thumb img {
    height: 100%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(calc(40px - 50%), 0);
}

.classifieds-list h4 {
    margin: 29px 20px;
    float: left;
}

#ad-modal img {
    margin: 20px;
}

button#close-menu {
    position: fixed;
    top: 10px;
    right: 10px;
    border: none;
    background: rgba(255, 255, 255, 0.28);
    width: 32px;
    height: 32px;
    border-radius: 100px;
    z-index: 1000;
    display: none;
}

button#close-menu:before,
button#close-menu:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    left: 6px;
    top: 15px;
}

button#close-menu:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-white {
    background: #fff;
    color: #333;
    border-radius: 100px;
    margin-top: 30px;
    padding: 8px 40px;
}

.categories label span {
    background: #ccc;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3em;
    margin-right: 20px;
}

#add-child-container {
    display: none;
    margin-top: 20px;
}

#add-child-btn {
    margin-bottom: 10px;
}

.btn-default.btn-invert-danger {
    color: #d20000;
    background-color: #fff;
    border-color: #d20000;
}

.btn-default.btn-invert-danger:hover {
    color: #fff;
    background-color: #d20000;
    border-color: #d20000;
}

.quick-nav .glyphicon {
    margin-left: 20px;
}

.quick-nav .glyphicon {
    margin-left: 20px;
}

.quick-nav .glyphicon.left {
    margin-left: 0;
    margin-right: 20px;
}

.list-group-item.list-group-item-add,
.list-group-item.list-group-item-add:focus,
.list-group-item.list-group-item-add:hover {
    z-index: 2;
    color: #fff;
    background-color: #58b954;
    border-color: #79bd76;
}

.list-group-item.list-group-item-update {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.list-group-item.list-group-item-update:focus,
.list-group-item.list-group-item-update:hover {
    z-index: 2;
    color: #fff;
    background-color: #265b8a;
    border-color: #2d6ba0;
}

/* BOD page */

.bod-member {
    margin-bottom: 10px;
}

.bod-member img {
    width: 100%;
}

/* template page header spacing*/
.page-title{
    margin-bottom: 35px;
}

/* end template page header spacing*/
.article-img-size {
    max-width: 100%;
    max-height: 350px;
}

/* Breadcrumbs */
#breadcrumbs {

}

.breadcrumbs-container {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0px;
}

.breadcrumbs-container ul {
    list-style: none;
    padding: 0;
}

.breadcrumbs-container ul li {
    float: left;
    font-size: 14px;
}

.breadcrumbs-container ul li:before {
    content: '::';
    padding: 0 5px;
}

.breadcrumbs-container ul li:first-child:before {
    content: '';
    padding: 0;
}

/* home page news image */
.image-wrapper {
    height:100px;
    overflow:hidden;
    position: relative;
    margin-bottom: 10px;
}

.image-wrapper img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.latestnews-content:hover {
    opacity: 0.85;
}

.latestnews-content span.read-more {
    color: #0071d4;
    font-weight: bold;
    font-size: 15px;
}

/* dyamic home news content */
p.full-snippet {
    display: none;
}

/** directory icons **/

.table-legend {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    clear: both;
    padding: 10px 0;
    margin-bottom: 20px;
}

span.icon-fishing,
span.icon-tennis {
    background: url(../images/IronCityFishing_128.jpg) center center no-repeat;
    background-size: contain;
    color: #fff;
    padding: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: -6px;

}

span.icon-tennis {
    background: url(../images/icon-tennis_128.jpg);
    background-size: contain;
}

img.directory-icon,
svg.directory-icon {
    margin: 0 0px 0 20px;
}

.member-directory img.directory-icon,
.member-directory svg.directory-icon {
    margin-left: 10px;
}

svg.directory-icon {
    position: relative;
    top: 5px;
}

#leaderboard {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 15px;
}

.icon-fb {
    background: url(../images/facebook-white.svg) center center no-repeat;
    background-size: contain;
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
}

.social svg {
    width: 30px;
    height: 30px;
}

#modal-loading {
    background: url(../images/spinner-2x.gif) center center no-repeat;
    height: 46px;
}

#contact-fields {
    display: none;
}

.contact-updating {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/spinner.gif) center center no-repeat;
    top: 10px;
    left: 130px;
    background-size: contain;
    display: none;
}

#notes-updating.contact-updating {
    top: 3px;
}

#contact-fields h4 {
    text-align: center;
}

#status-result {
    position: absolute;
    top: 6px;
    left: 130px;
    color: #a9a9a9;
}

#contact-fields .form-group {
    position: relative;
}

span.payment-icon {
    font-size: 17px;
    font-weight: bold;
    margin-left: 14px;
}

#roster-modal .member-info {
    float: left;
    width: 40%;
}

#roster-modal .prop-info {
    float: left;
    width: 60%;
}

#roster-modal .prop-info img {
    max-width: 100%;
    max-height: 200px;
    display: block;
    margin: 10px 0;
}

.open-map-single {
    color: #097eff;
    text-decoration: underline;
    cursor: pointer;
}

#roster-modal .prop-info p {
    margin-top: 10px;
}

.item-box.item-box-events {
    box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.02);
    margin-bottom: 7px;
}

.item-border.item-border-events {
    border: 1px solid #eaeaea;
    border-top: none;
    box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.02);
    padding: 10px;
    background: #fff;
}

.latestnews-content .event-header {
    text-align: center;
    background: #b55757;
    border: 1px solid #b55757;
    border-bottom: none;
    color: #fff;
    padding: 24px 0;
    position: relative;
}

.event-header .glyphicon {
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 5px;
    opacity: 0.4;
    font-size: 20px;
    display: block;
}

.item-box .event-header h3 {
    margin: 0;
}

.latestnews-title span {
    display: block;
    font-size: 15px;
    margin-top: 3px;
    color: #969696;
}

#headerCarousel {

}

#headerCarousel .carousel-inner .item,
#headerCarousel .carousel-inner .item.active,
#headerCarousel .carousel-inner .item.next,
#headerCarousel .carousel-inner .item.left {
    padding-bottom: 31%;
    height: 0;
    overflow: hidden;
}

#headerCarousel .carousel-inner>.item>a>img,
#headerCarousel .carousel-inner>.item>img,
#headerCarousel .carousel-inner>.item.active>a>img,
#headerCarousel .carousel-inner>.item.active>img,
#headerCarousel .carousel-inner>.item.next>a>img,
#headerCarousel .carousel-inner>.item.next>img,
#headerCarousel .carousel-inner>.item.left>a>img,
#headerCarousel .carousel-inner>.item.left>img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 3000px;
}

#headerCarousel h1,
#headerCarousel h2,
#headerCarousel p {
    position: absolute;
    top: 16%;
    left: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 48px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1100;
    margin-left: 0;
    margin-right: 0;
}

#headerCarousel h2 {
    top: 18%;
    font-size: 48px;
    font-weight: 400;
    padding: 0 100px;
}

#headerCarousel p {
    position: absolute;
    top: 40%;
    text-transform: none;
    text-align:  center;
    font-size: 18px;
    max-width: 800px;
    width: 70%;
}

.carousel .slide-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1001;
}

.carousel .item .buttons {
    position: absolute;
    top: 71%;
    width: 100%;
    text-align: center;
    color: #202e3d;
    z-index: 1100;
}

.carousel-control-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
    opacity: 0.5;
    width: 50px;
}

.carousel-control.right:hover ,
.carousel-control.left:hover {
    opacity: 1;
}

.carousel-control.right.disabled ,
.carousel-control.left.disabled {
    opacity: 0.1;
    cursor: no-drop;
}

.carousel .item .buttons .btn {
    background: #fff;
}

.carousel .item .buttons .btn:hover {
    background: #f1f1f1;
}

.carousel .item .buttons a {
    color: #202e3d;

}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    background: url(../images/icon-right-white.svg) center center no-repeat;
    background-size: 30px 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
    content: '';
}

span.icon-cb-custom {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    padding: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: -6px;
}

ul#bod-committees {
    padding: 0;
}

ul#bod-committees ul {
    list-style: none;
    padding: 0;
}

ul#bod-committees li {
    padding: 0;
    display: block;
    margin: 0 0 -1px;
    color: #000;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

ul#bod-committees li p {
    margin-bottom: 2px;
}

ul#bod-committees li.no-members {
    cursor: default;
}

ul#bod-committees li h3 span {
    background: url(../images/icon-right.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    right: 0;
    top: calc(50% - 14px);
    transition: transform 0.5s;
    opacity: 0.7;
}

ul#bod-committees li.active h3 span {
    transform: rotate(90deg);
}

ul#bod-committees li.no-members span {
    display: none;
}

ul#bod-committees h3 {
    font-size: 20px;
    font-weight: bold;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 40px 0 0;
    padding: 30px 20px 30px 0;
    position: relative;
}

ul#bod-committees li.active h3 {
    border-bottom: 1px solid #fff;
}


ul#bod-committees li.sub-committee h3 {
    font-size: 18px;
    border-left: 10px solid #e6e6e6;
    padding-left: 20px;
}

ul#bod-committees .expandable-panel {
    height: 0;
    overflow: hidden;
    padding: 0 30px 0 0;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

ul#bod-committees li.sub-committee .expandable-panel {
    border-left: 10px solid #e6e6e6;
    padding: 0 20px;
}

ul#bod-committees li.board-member-item {
    float: left;
    width: 160px;
    /*height: 196px;*/
    margin-bottom: 40px;
    cursor: text;
}

ul#bod-committees li.board-member-item.no-pic {
    /*height: 40px;*/
}

ul#bod-committees .bm-pic {
    width: 140px;
    height: 165px;
    background-position: center center;
    background-size: cover;
    margin-bottom: 5px;
    cursor: default;
}

.board-member-item p {
    width: calc(100% - 20px);
}

.board-member-item p.bm-bio {
    /*overflow: hidden;*/
    position: relative;
    display: none;
}

.board-member-item p.bm-bio.active {
    position: absolute;
    display: block;
    width: auto;
    left: 0;
    min-width: 100%;
    background: #fff;
    z-index: 1000;
    padding: 8px 10px 10px 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-bottom-right-radius: 5px;
}


/*
p.bm-bio:after {
    content: '';
    position: absolute;
    z-index: 1000;
    width: 20px;
    height: 100%;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, rgba(255,255,255, 0) , rgba(255,255,255, 1));
}

p.bm-bio:hover {
    overflow: visible;
}

p.bm-bio:hover:after {
    background-image: none;
}*/

p.bm-bio-hover {
    position: absolute;
    z-index: 1000;
    background: #fff;
    bottom: 0;
    left: 0;
    width: auto;
    padding-right: 20px;
    border-right: 1px solid #ccc;
    display: none;
}

.board-member-item .show-bio {
    cursor: pointer;
}

.directory-results h4 {
    float: left;
    margin-bottom: 25px;
}

.prev-year-dir-link {
    float: left;
    margin: 5px 0 0 10px;
}

.print .prev-year-dir-link {
    float: right;
    clear: right;
    margin-bottom: 10px;
}

.glyphicon-reload:before {
    content: "\e030";
}

#bt-payment-info .table {

}

#bt-payment-info .table td:nth-child(2),
#bt-payment-info .table th:nth-child(2) {
    width: 160px;
    text-align: right;
}

a#hide_pwd {
    display: none;
}