div#livechat-eye-catcher {
display: none!important;
}

/****************************
MEMBER QUICK VIEW
****************************/
#overlayMembers{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.5);
z-index:1000;
}
.membersListPage-user.viewing-MemberInfo:hover{
transform:unset;
}
.membersListPage-user.viewing-MemberInfo .matrix-item{
justify-content:unset;
}
.media-frame.viewMemberInfo{
overflow:hidden;
overflow-y:auto;
}
.viewMemberInfo{
position: absolute;
left: 0;
right: 0;
top: 5px;
background-color: white;
max-width: 480px;
max-height: 100%;
overflow-y: auto;
margin: auto;
z-index: 2000;
border-radius: 10px;
padding:20px;
transition:0.5s;
}
.memberInfo-showHeader{
padding:0px 0px 10px 0px;
position:sticky;
top:0;
background-color:white;
}
.memberInfo-container{
width:100%;
height:100%;
overflow-y:auto;
margin-top:10px;
color:#756d6d;;
}
.membersListPage-user.viewing-MemberInfo .memberButton-header{
position:absolute;
top:6px;
right:6px;
}
.closeMember-Info{
border: none;
background-color: #b3b3b3;
border-radius: 4px;
font-size: 1em;
padding: .35em .5em;
}
.closeMember-Info:hover{
background-color:#e04444;
color:white
}
.memberInfo-button{
border: none;
float: right;
border-radius: 4px;
color: #187ad2;
background-color: transparent;
}
.memberInfo-button:hover{
background-color:#4CAF50;
color:white;
}

/* If no info has been added message */
div.memberInfo-content:empty::before{content:"Sorry, No Information has been added or Profile Is Private";display:block;line-height:1.5rem;color:#756d6d; }

 
ul.mainTab {
    background-color: #566E49;
/* #70AF2C; */
}
/* a.header-siteName::after {
   font-size: 60%;
   color: #fff;
   content: "A Community of Friends for Newcomers and Neighbors";
}
*/
.site-nameLogo {
    background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8687654681?profile=original); 
    height: 295px;
}

table {
  border: 1px solid #8b8777;
  border-collapse: collapse;
  font-family: sans-serif;
  width:100%;
  table-layout: fixed;
}

tr {
  background: #f2f0ee;
  border: none;
}

tr:nth-of-type(odd) {
  background: #efe6df;
}
/* table head row */
tr:nth-of-type(1) { 
  background: #7c736c;
  font-weight: 100;
  color: #ebe7d7;
  letter-spacing:.09em;
  font-size:85%;
  text-transform:uppercase;
}

td {
  padding: 6px 0;margin:0;
  border-bottom: 1px solid #dbd7c7;
}

td span {
  color: brown;
}

@media screen and (max-width:768px) {
  td {
    padding: 4px;
  }
  td span {
    display: block;
/*     background:tan; /*  Remove this. This just shows how this element becomse a block so it drops below other content on smaller screens */ */
  }
  td:nth-of-type(1) {
    display:none;
  }
}

div.triplet.eventDetailPage-triplet.eventDetailPage-attendees {display:none!important;}


/************* EVENTS Page ***********/

/** CALENDAR GRID This is the grid which will surround each of the months **/

/** Events Monthly Headers **/
.calendarGrid-Title{ width:100%; clear:both; }
.monthHeader-name{ font-weight:bold;display:block;padding:10px 20px; color:#1a11b1;background-color:rgba(127, 63, 191,0.3);border-radius:6px 6px 0px 0px; font-size:1.7em }
.eventListPage.sheet{ background-color:#fbfbfb!important;}
.eventListPage .entry{ background-color:white }


/**MAIN LIST PAGE **/
/***** EVENTS ****/
/* Margin between each post */

/** Margin between each of the posts plus some padding**/
.eventListPage .entry{ margin-bottom:20px; padding:10px }
.section-eventBundle .entry { margin-bottom: 15px; }

/*Links In The Header Module ByLine For Inviting Members when creating an event */
.module-byline > a{ color:white; font-size:16px }
.module-byline > a:hover{ color:antiquewhite; text-decoration:none }

/*Make a button for the inivite members links*/
.module-byline{ margin-top:10px }
.module-byline > a{ background-color:royalblue; padding:3px 6px; border-radius:4px }
.module-byline > a:hover{ background-color:darkblue }

/* Add a border around each entry to make give them more seperation */
.eventListPage .span13 { border:solid 1px lightgray }

/** New Entry Title Adjustment After Moving It Above the Event Content **/
.eventListPage .eventPage-details > .entry-title{
margin-bottom:14px;
box-shadow: 0px 5px 5px lightgray;
padding: 6px;
border: solid 1px #eaeaea;
}
/*Add little Padding To The Details Section */
.eventPage-details{ padding:4px }

/*Entry Title Make Uppercase */
.eventPage-details .entry-title > a, .section-eventBundle .entry-title > a{text-transform:uppercase }
.section-eventBundle .entry-title > a{font-size:1em }

/* Change the spans of the main content and the date day column to 100% width */
.eventListPage .span3, .eventListPage .span13{ width:100% ; }
.eventListPage .span3{ text-align:left; padding:6px; border-bottom: none;margin-bottom:0px; font-size:1.3em }

/*Move the start date to the left and make it an inline block */
.eventListPage .eventListPage-startDate, .eventListPage .eventListPage-startDayOfWeek {
display:inline-block;padding:0 10px 0px 0;
}

/*Remove entry content image*/
.eventListPage .eventPage-detail.entry-content.cf a > img{ display:none!important }
.column-narrow .eventPage-detail.entry-content.cf a > img{ display:none!important }
/*Remove entry content iframes*/
.eventListPage .eventPage-detail.entry-content.cf iframe{ display:none!important }
.column-narrow .eventPage-detail.entry-content.cf iframe{ display:none!important }

/* Add Box Shadow To The Entries */
.eventListPage .entry{
box-shadow: 0px 5px 5px lightgray;
padding: 6px;
border-top: solid 1px #eaeaea;
}
.eventListPage .entry:hover{ box-shadow: 0px 8px 7px darkgray; }

/* Space out the Events Details li list */
li.eventPage-detail{ margin:10px }
.eventPage-detail{ margin-bottom:0px }
li.eventPage-detail.entry-content{ margin:15px 0px; border-top:solid 1px lightgray; border-bottom:solid 1px lightgray;padding:4px }
li.eventPage-detail.entry-content p{ font-size:0.93em }

/* Options drop down for going or not */
/*.eventPage-details .optionsDropdown{ text-align:center }*/
.eventListPage .eventPage-details .span6.narrow16.tablet16.mobile16{ text-align:center; border:solid 1px lightgray;padding:6px }
.eventListPage .eventPage-details .eventPage-rsvp { margin-bottom:20px; float:left;display:inline-block }
@media only screen and ( min-width:767px ){

.eventDetailPage .eventPage-details .optionsDropdown:before{content:"Attend Event options";display:block;padding:8px 0px;}
}
/* Events Detail Page */
.eventDetailPage .entry-content:before{content:"Event Details"; display:block; padding:8px 0px ; font-size:1.1em; font-weight:bold; color:darkblue;border-bottom:solid 1px lightgray;margin-bottom:10px;}
.eventDetailPage-attendees{ display:none }
.eventDetailPage .trispan{ margin-top:6px }
.triplet.eventDetailPage-triplet{ border: solid 1px #efefef;padding:4px;max-width:100% }
/* Page Header*/
.EventDetail-header{
display: block;
background-color: #00a6eb;
border-radius: 4px 4px 0 0;
padding: 13px 10px 10px 10px;
margin: -10px -10px 10px -10px;
}
.EventDetail-header a,.EventDetail-header a:hover{ color:white; font-size:1.5em; font-weight:bold }

 /*** PHOTOS LIST NEW VER 5 ****/

@media screen and (min-width: 769px){
.newPhotoList-v5 .matrix-itemFluid {
width: 50%;
}}
@media screen and (min-width: 769px) and (max-width:1180px){
.span8 .newPhotoList-v5 .matrix-itemFluid {
width: 100%;
}}
.column-narrow .newPhotoList-v5 .matrix-itemFluid {
width: 100%;
}
.newPhotoList-v5 .photoDetailPage-mainSection.sheet{
padding:10px;
}
.newPhotoList-v5 a:hover{
text-decoration:none!important;
}
.newPhotoList-v5 .photoBlockWrapper{
min-height:unset;
height: calc(100% - 20px);
margin-top:0px;
}
.newPhotoList-v5 .photoBlockWrapper .photoDetailPage-image {
height:0;
padding-bottom:75%;
margin-bottom:0px;
}
.newPhotoList-v5 .entry-headline{
margin-bottom:2px;
padding: 0px 5px 2px 5px;
border-bottom:solid 1px lightgray;
pointer-events:none;
}
.newPhotoList-v5 .wrap__avatar.avatar-48 {
display:none;
}
/*Hide long title overflow*/
.newPhotoList-v5 .entry-title{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-align:center;
}
.newPhotoList-v5 .entry-title > a{
line-height:normal;
font-size:18px;
}
.newPhotoList-v5 .entry-byline{
color: gray;
text-align: center;
font-size: 11px;
}
.newPhotoList-v5 .entry-tags .icon-tag{
margin-right:10px;
}
.newPhotoList-v5 .entry-tags{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:5px;
margin-bottom:3px;
height:1.2em;
}
.newPhotoList-v5 .entry-tags a{
margin-right:5px;
}
.newPhotoList-v5 .buttonGroup{
margin-top:0px;
}
.newPhotoList-v5 .buttonGroup .pull-right{
display:none;
}
.newPhotoList-v5 .buttonGroup::before {
display:none;
}
.newPhotoList-v5 .socialActions{
pointer-events:none;
width: 100%;
margin-bottom:0;
}
.newPhotoList-v5 .socialActions .rightButtons{
margin-left:0;
width:100%;
}
.newPhotoList-v5 .ratingResult{
margin-bottom:0px;
}
.newPhotoList-v5 .ratingCaption{
display:none;
}
.newPhotoList-v5 .matrix-item{
box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.27);
border-radius:6px;
transition:0.3s;
}
.newPhotoList-v5 .matrix-item:hover{box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.57);
transform:scale(1.02, 1.02);
transition:0.3s;
}
/*Like button section*/
.newPhotoList-v5 .likeButton > a::before{ content:"Likes";line-height:2.1em;margin-right:-5px}
.newPhotoList-v5 .socialSharingListItemLink {border:none!important}

/********** END PHOTOS V5 CSS **********/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.subnav li a:hover, .subnav li.subnav-current > a,.subnav li a {color: #000;}