.listmenu-eventsgroups-options {right: 0;width: 170px;top: 24px;}

.mobile-sort-questions.blank a.filter {background:rgba(0,0,0,.06);}

.egs { overflow:hidden; }

.egs h2 { font-size: 21px;font-weight:400;color: #4c4c4c;margin: 13px 0 7px 1px; }
.egs h2.big {font-size: 23px;color: #4c4c4c;margin: 15px 0 18px 2px;font-weight: normal; }
.egs h2.big .btn { float: right;font-size: 15px;padding: 5px 8px; font-family: arial, tahoma, helvetica, 'trebuchet ms';}


.egs h2.nodecoration a {text-decoration:none;}

.egs h2 a.clickable {text-decoration: none;color: inherit;}
.egs h2 a.clickable:hover {text-decoration: underline;}

.egs .header {position:relative;}
.egs .header .datebox { float: left;text-shadow: 0 -1px rgba(255,255,255,.5);text-align: center;width: 60px;height: 57px;background: #f3f3f3;border-radius: 7px;border: 1px solid #d0d0d0;font-family:arial, helvetica, tahoma, 'trebuchet ms'; }
.egs .header .datebox .date { display:inline-block;margin:7px 0 0 0; }
.egs .header .datebox .date .day { font-size: 23px;color: purple; }
.egs .header .datebox .date .month { font-size: 14px;color: #404040;font-weight:bold;margin:0 0 2px 0; }

.egs .header.multiday .datebox { width:90px;height:54px; }
.egs .header.multiday .datebox .date .day { font-size:21px; }
.egs .header.multiday .datebox .date .month { font-size:13px; }
.egs .header.multiday .datebox .dash { display: inline-block;font-size: 29px;position: relative;top: -8px;margin: 0 3px;color:#555; }
.egs .header.multiday .titles { width:calc(100% - 103px); }

.egs .header .titles {width: calc(100% - 255px);float: right;margin: 15px;}
.egs .header .titles .title {margin: 0 0 7px 0;font-size: 34px;font-family: 'Roboto';display: block;font-weight: normal;color: #3b3b3b; }
.egs .header .titles .title .wrap { width: calc(100% - 95px);display: inline-block; }
.egs .header .titles .title a { color: inherit;text-decoration: none; }
.egs .header .titles .title a:hover { color:#465694; }
.egs .header .titles .title a:active { color:#000; }
.egs .header .titles .rightbuttons { float:right;}
.egs .header .titles .description {opacity: .66;font-size: 17px;max-height: 60px;overflow: hidden;height:60px;}
.egs .header .titles .groupbuttons {display:flex;margin:15px 0 0 0;}
.egs .header .titles .groupbuttons a {display: inline-block;font-size: 17px;font-weight: 300;padding: 6px 8px;margin: 0 6px 0 0;text-decoration: none;border-radius: 2px;border: 1px solid #5d5d5d;color:#5d5d5d;}
.egs .header .titles .groupbuttons .item {flex:1;}

.egs .header .titles .groupbuttons .chat-info .indicator {display: inline-block;width: 10px;height: 10px;background: #ababab;border-radius: 50%;margin: 0px 5px;}
.egs .header .titles .groupbuttons .chat-info.online .indicator {background: #5b9e4f;}
    
.egs .header .titles .groupbuttons a.join-action {color:#669c67;border-color:#669c67;}
/*.egs .header .titles .groupbuttons a.join-action.action-leave {color:#9c6666;border-color:#9c6666;}*/
.egs .header .titles .groupbuttons a.join-action span.action-join-level {    background: #669c67;color: white;padding: 3px 4px;font-size: 11px;margin: 0 0 0 4px;position: relative;top: -2px;border-radius: 2px;}
.egs .header .socialbuttons {margin:0 0 8px 0;}
.egs .header .socialbuttons a {margin: 0 6px 0 -3px;padding: 0 5px;font-size: 16px;}
.egs .header .socialbuttons a:hover {background:rgba(0,0,0,.08);}
.egs .header .titles .groupbuttons a .icon {width:20px;}
.egs .header .titles .taglist { font-size:14px;font-weight:normal;}
.egs .header .titles .taglist strong { font-size:14px;font-weight:normal;}
.egs .header .titles .subtitle { font-weight: 400;display: block;font-size: 15px;color: #505050; }

/*override tinyblockbutton styles for groups/events*/
.socialbuttons .tinyblockbutton.icononly .text {display:inline-block;float:left;margin: 0 6px 0 0;}

.egs .egleft { float:left; width:calc(100% - 380px); }
.egs .egright { float:right; width:355px; }


.group-photos { overflow:hidden; box-sizing:border-box;}
.group-photos .item {position:relative;width: calc(33.3% - 3.33px);box-sizing: border-box;margin: 0 5px 5px 0;display:inline-block; float:left; border:0; }
.group-photos .item:nth-child(3n) {margin:0 0 5px 0; }
.group-photos .item .child { padding-top:75%;width:100%;display:block;background-color:rgba(0,0,0,.08)!important; }




.attend-options-holder { overflow:hidden;width: 100%;user-select:none; }
.egs .attend { margin:0; }
.egs .attend h2 {     font-size: 16px;text-align: center;margin: -1px 0 8px 0;line-height: 16px; }
.egs .attend a { font-size:15px;background: #777777; border-radius:3px;color:white; text-align:center; margin:0 5px 0 0;padding:8px 1px; text-decoration:none; display:inline-block; width:33.3%; float:left;box-sizing:border-box;}
.egs .attend a:last-child { margin:0;}

.egs .join {width: 100%;box-sizing: border-box;font-size: 18px;font-family:'Roboto';text-align: center;padding: 12px 0; }

.egs .attend a.a-yes { width:calc(48% - 5px); background: #66946c; }
.egs .attend a.a-yes:hover { background: #518857; }
.egs .attend a.a-yes:active { background: #537b58; }

.egs .attend a.a-maybe { width:calc(25% - 5px); background:#d0a74a; }
.egs .attend a.a-maybe:hover { background:#c39c44; }
.egs .attend a.a-maybe:active { background:#b99441; }

.egs .attend a.a-no { width:27%; background:#ca5c5c; }
.egs .attend a.a-no:hover { background:#b75454; }
.egs .attend a.a-no:active { background:#a94c4c; }

.egs .attend a:hover { background:#676767; }
.egs .attend a:active { background:#575757; }

.egs .egright .info { font-size:15px;overflow:hidden; background: #eee9ef;}
.egs .egright .info .item { overflow:hidden; margin: 6px 0 0 0;}
.egs .egright .info .item:first-child { margin: 10px 0 0 0;}
.egs .egright .info .item:last-child { margin-bottom: 0;}
.egs .egright .info .icon { display: block;float: left;text-align: center;font-size: 24px;width: 50px;height:38px;}
.egs .egright .info .text { float:left;width: calc(100% - 50px);margin:0 0 10px 0;}
.egs .spacer { height:0; }

.egs .heading { font-size:22px; font-weight:400; margin: 3px 0 7px 4px;color:#5a5a5a; }
.egs .smallheading { font-size:18px; font-weight:400; margin: 3px 0 7px 4px;color:#5a5a5a; }

.egs .content { margin:35px 0 0 0; overflow:hidden; }
.egs.post .content { margin:0; }

.egs #map { width:100%; height:250px;border-radius:5px; margin:0 0 10px 0; }

.egs .box {padding: 7px 10px;border-radius: 5px;margin: 10px 0 10px 0px;color:#616161;font-size:17px; }
.egs .box .btn {font-size:15px; }

.egs .fancy-infobox { overflow:hidden; }
.egs .fancy-infobox .left {float:left; width:50px; position:relative;}
.egs .fancy-infobox .left .icon.main {font-size:36px;}
.egs .fancy-infobox .left .icon.secondary {position: absolute;font-size: 18px;bottom: 0px;right: 11px;padding: 0px 3px;border-radius: 50%;}
.egs .fancy-infobox #counter3 {font-style:italic; font-size:15px;}

.egs .fancy-infobox .right {float:right; width:50px; width:calc(100% - 50px);}

.egs .postblock {}
.egs .postblock textarea {font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;width:100%;padding:7px;resize:vertical;min-height:80px;max-height:200px;font-size:15px;}
.egs .postblock input[type="submit"] {display:inline-block; width:140px;padding:4px;font-size:14px;}

.egs .listitem .atd-list { float:right; }
.egs .listitem .atd-list .atds { width: 60px;height: 60px;background: #9a9a9a;border-radius: 50%;overflow: hidden; box-shadow: 0 2px #fff;}
.egs .listitem .atd-list .atds .atd-item { width: 20px;height: 20px;background: white;float: left;}
    
.egs .listitem .atd-list .atds.n-1 .atd-item { width:100%; height:100%; }
.egs .listitem .atd-list .atds.under-3 .atd-item { width:50%; height:100%; box-shadow: inset 0 0 3px; }
.egs .listitem .atd-list .atds.under-8 .atd-item { width:50%; height:50%; }
.egs .listitem .atd-list .atds.over-9 .atd-item { width:33.3%; height:33.3%; }

.egs.group .header .image { transition: all 0.4s ease-in-out 0s;display:block;text-decoration:none;float: left;width: 215px;height: 215px;background-color: #555;border-radius: 5px 0 0 5px;position:relative;top:-1px;left:-1px;background:#b7b7b7; }
.egs.group .header .image.tiny { height:30vw!important; }
.egs.group .header { padding:0; }

.egs.group .header.small {padding:0!important;margin: 20px 0 30px 0!important;}
.egs.group .header.small .preview-image {width: 16px;border-radius: 3px;margin: 0 13px 0 0;border:none;}

.egs .header .event-image { display:block;text-decoration:none;float: right;width: 60px;height: 57px;background: #555;border-radius: 5px;background:#b7b7b7; }

.egs .attend-information { border-radius:5px;background: #afcea5;position: relative;overflow: hidden; }
.egs .attend-information.maybe { background: #ded8b0; }
.egs .attend-information.no { background: #e0bfbf; }
.egs .attend-information .content { overflow:hidden;margin:11px;z-index: 2;position: relative; }
.egs .attend-information .content .text {float: left;margin: 2px 0 0 0;color:rgba(0,0,0,.74);font-size: 19px; }
.egs .attend-information .content a {float: right;color: white;background: rgba(0,0,0,.52);font-size: 15px;text-decoration: none;padding: 3px 6px;box-sizing: border-box;vertical-align: unset;display: inline-block;border-radius:2px; }
.egs .attend-information .content a:hover {background: rgba(0,0,0,.58); }
.egs .attend-information .content a:active {background: rgba(0,0,0,.65); }
.egs .attend-information .icon { position: absolute;right: -20px;top: -27px;font-size: 115px;opacity: .2;z-index: 1;}

.egs .infobar {overflow:hidden;margin:10px 0 0 0;}
.egs .infobar .left {width:calc(100% - 235px);float:left;display:flex;}
.egs .infobar .left a {flex:1;margin:0 9px 0 0;font-size: 18px;font-family: 'Roboto';text-align: center;padding: 12px 0;background: rgba(0, 0, 0, 0.09)!important;color: #434b50!important;text-shadow: none;}
.egs .infobar .right {width:235px;float:right;}

.egs .infobar .left.forcefullwidth {width:100%!important;}
.egs .infobar .left.forcefullwidth a:last-child {margin-right:0!important;}

.egs .alert-settings {}
.egs .alert-settings .alert-item {font-size: 13px;margin: 0 0 4px 1px;}


.recentjoins {}
.recentjoins div {margin: 0 0 4px 0;border-radius: 3px;padding: 5px 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

#postblock .groupsevents .inputform { width:100%!important;margin:0!important; }
#postblock .groupsevents .inputform label.canhide { display:none; }
#postblock .groupsevents .inputform .item-right { width:100%!important; }


.analytics.left {width:calc(50% - 10px);float:left;margin:20px 0 35px 0;}
.analytics.right {width:calc(50% - 10px);float:right;margin:20px 0 35px 0;}

.group-desc-mobile {display:none;}
.group-desc-desktop {display:block;}

.show-on-event-767 { display:none; }
.hide-on-event-767 {  }

@media screen and (max-width : 1100px) {
    .egs .header .event-image { display:none; }
}

@media screen and (max-width : 1030px) {
    .egs .header .event-image { display:none; }
    .egs .egright {width: 235px;}
    .egs .egleft {width: calc(100% - 255px);}
    .egs.group .header .image { width: 130px;height: 130px;margin: 16px 0 0 14px;border-radius: 50%;}
    .egs .header .titles .description {max-height:unset;height:auto;}
    .egs .header .titles {width: calc(100% - 179px);}
    .egs .header .titles .title {font-size:30px;}
}

@media screen and (max-width : 900px)  {
    .egs .header .titles .rightbuttons {display:none;}
    .egs .header .titles .title .wrap {width:100%;}
}

@media screen and (max-width : 767px)  {
    
    .egs .header .titles .description {min-height:unset;margin-bottom:13px;}
    .egs .header .titles {min-height:unset;}
    
    .show-on-event-767 { display:block!important; }
    .hide-on-event-767 { display:none!important; }
    
    .egs .header .egleft {width:100%;}
    .egs .header .egright {width:100%;margin:10px 0 0 0;}
    .egs .content .egleft {width:100%;}
    .egs .content .egright {width:100%;margin:10px 0 0 0;}
    .egs .box, .egs .egright .info {padding:7px 4px; }
    .egs .egright .shre a.facebook .icon { color:white; }
    .egs .egright .shre a.facebook { background: #4e5eaf;color:white; }
    .egs .egright .shre a.twitter .icon { color:white; }
    .egs .egright .shre a.twitter { background: #4e90af;color:white; }
    .egs .header .datebox { background:#fff; }
    .egs h2 { font-size: 20px;color: #4c4c4c;margin: 10px 0 10px 4px;font-weight: normal; }
    .egs .egright .attend { overflow: hidden;background: #dedede;padding: 8px;border-radius: 6px; }
    
    .analytics.left, .analytics.right {width:100%;float:none;}
}


@media screen and (max-width : 750px)  {
    .egs.group .header {margin: 40px 0 0 0;padding-top: 80px;}
    .egs.group .header .image {position: absolute;top: -50px;left: calc(50% - 55px);margin: 0;width: 110px;height: 110px;}

    .egs .header .titles .groupbuttons {justify-content:center;margin: 22px 0 0 0;}
    .egs .header .titles .groupbuttons a {margin:0 3px 0 0;}
    .egs .header .titles {width: calc(100% - 40px);margin: 0 auto 20px;float: none;text-align: center;}
    
    .egs .header .titles .description {height:auto;}
    .group-desc-mobile {display:block;}
    .group-desc-desktop {display:none;}
    
    .egs .header .socialbuttons {margin: 13px 0 8px 0;}
    .egs .header .socialbuttons a {font-size: 17px;margin: 0 6px 6px 0;}
    .socialbuttons .tinyblockbutton.icononly .text {float:none;margin:0 0 0 6px;}

}



@media screen and (min-width : 767px) and (max-width:1015px)  {
    .inputform label.main { width:100%; }
    .inputform.wide .item-right { width:100%;float:none; }
    .inputform.content { width:100%!important; }

    .egs .egleft .inputform { width:100%!important; }
}

@media screen and (max-width : 570px) {
    .egs .infobar .left, .egs .infobar .right {width:100%;float:none;}
    .egs .infobar .left {margin-bottom:10px;}
    .egs .infobar .left a:nth-child(3) {margin:0;}
}

@media screen and (max-width : 500px) {

    body {background:#eaedf0;}
    
    .egs .header .titles { width: calc(100% - 20px);}
    
    .egs .listitem .atd-list .atds {display:none;}
    .egs .list-content {    width: calc(100% - 71px);}
    .egs .egright .attend h2 { margin: 2px 0 12px 0; }
    .level-icon { display:none; }
    .egs .content { margin:0; }
    
}


.chathours-mobile .box {margin:0;}