
/* THE FOLLOWING STYLES ARE FOR DEMO PURPOSES ONLY */
.unauthenticated { display:block; }
.authenticated { display:block; }
.demo-class-only-client-links { text-align:center; }
.demo-class-only-client-links button { margin:10px; }
.fulldetail { display:block; }
.mindetail { display:none; }

/* When you mouse over the navigation links, change their color: .overlay a:hover, .overlay a:focus { color: #f1f1f1; }*/
/* Login Overlay */
.overlay { z-index: 1; position: fixed; height: 100%; width: 0; left: 0; top: 0; background-color: rgb(109,203,226); background-color: rgba(109,203,226, 0.9); overflow-x: hidden; transition: 0.2s; }
.overlay .closebtn { position: absolute; top: 15px; right: 40px; font-size:4em; }
.overlay .newacct { width:222px; font-family: 'Roboto', sans-serif;	text-align:center; }
.overlay-content { position: relative; top: 9%; width: 100%; text-align: center; margin-top: 30px; }
.overlay-content img.client-logo { border:3px solid white; margin-bottom:6px; } 
.overlay-content h1 { color:white; font-weight:bold; }
.overlay-content p { width:60%; max-width:450px; margin:auto; padding:10px 0; font-weight:bold; font-size:1.5em; color:white; text-align:center; }
.overlay-content p.acctLogin { font-size:1.2em; text-align:center; }
.overlay-content form { display: inline-block; text-align: center; }
.overlay-content input { width:270px; margin:14px auto; }
#account-footer { display:none; position:fixed; left:0px; bottom:0px; height:80px; width:100%; color:#3c4d55; font-size:.7em; font-weight:normal; }
#account-footer p { max-width:inherit; font-weight:normal; }
#account-footer img { margin:0 5px 8px 10px; }
.event-page-title-origrow {	display:block; }
.event-page-title-newrow { display:none; }
@media screen and (max-width:500px) {
	.overlay-content { margin-top: 20px; }
	.overlay-content img.client-logo { width:100px; height:66px; } 
	.overlay-content h1 { margin:0; padding:0; font-size:1.5em; }	
	.overlay-content p { width:90%; margin:auto; padding:8px 0; font-size:1.1em; }
	.overlay a { font-size:1em; }
    .overlay .closebtn { font-size:3em; top: 15px; right: 35px;}
	#account-footer { font-size:.8em; height:80px;}
	.event-page-title-origrow {	display:none; }
	.event-page-title-newrow { display:block; }
}
@media screen and (max-width:992px) {
	.event-page-title-origrow {	display:none; }
	.event-page-title-newrow { display:block; margin:0 0 10px 0; padding:0; }
}
@media screen and (max-height:550px) {
	.overlay-content { margin-top: 10px; }
	.overlay-content img.client-logo { width:90px; height:60px; padding-bottom:10px; } 
	.overlay-content h1 { margin:0; padding:0; font-size:1.5em; }	
	.overlay-content p { width:90%; margin:auto; padding:4px 0; font-size:.9em; }
	.overlay a { font-size:1em; }
    .overlay .closebtn { font-size:3em; top: 15px; right: 35px;}
	#account-footer { font-size:1em; height:80px;}
}
#account-login { display:none; }
#account-register { display:none; }
#search { z-index:-10; }
.allcal-mobile-download { z-index:0; }

.filtertypes fieldset { padding:10px 120px 10px 10px; margin-top:15px; border:1px solid #6dcbe2; }
.filtertypes legend { margin:0; padding:5px; border:none; width:130px; font-size:16px; font-weight:bold; }
.filtertypes div { margin:0; white-space:nowrap; }
.filtertypes label { font-weight:normal; }
.calendar-row { margin:0; display: flex; }
.calendar { text-align:center; min-height:35px; margin-top:20px; border:1px solid #efefef; padding:10px 10px; }
.calendar-active { background-color:#6dcbe2; }
.listing { margin:20px 16px; }
.eventtype-1 { background-color:#6dcbe2; }
.fulldetail .eventtype-1-name { top:125px; position:absolute; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: bottom left; color:white; font-size:1.5em; font-weight:bold; letter-spacing:2px; }
.fulldetail .detail .eventimage { min-width:350px; height:175px; padding:0; margin:0; }
.detail { background-color:#ffffff; }
.detail h1 { margin:10px 0; padding:0; font-size:1.8em; }
.detail h2 { margin:14px 0 6px 0; padding:0; font-size:1.1em; font-weight:bold; }
.detail a { font-weight:bold; } 
.detail a.more::after { padding-left:6px; content: "\f0a9"; font-family: FontAwesome; }
.detail a.min-link::before { content: "\f044"; font-family: FontAwesome; padding-right:5px; text-decoration:none; } 
.detail a.change::before { content:""; }
.detail .time::before { content: "\f017"; font-family: FontAwesome; padding-right:5px; }
.detail .location::before { content: "\f279"; font-family: FontAwesome; padding-right:5px; }
.detail .attendees::before { content: "\f0c0"; font-family: FontAwesome; padding-right:5px; }
.detail .chat::before { content: "\f086"; font-family: FontAwesome; padding-right:5px; }
.detail .desc-min::before { content: "\f133"; font-family: FontAwesome; padding-right:5px; }
.detail p { font-size:.9em; }
.highlight { padding:5px 0; }
.highlight button { float:left; margin:6px 15px 6px 20px; font-size:1.4em; padding:5px 10px; border-radius:10px; border:1px solid #b3b3b3; }
.highlight .join-message { width:320px; padding:12px; line-height:1.3em; font-size:.85em; font-weight:bold; }
.highlight span { font-weight:bold; }
.highlight input:first-of-type { margin-left:0; }
.highlight input { margin-left:20px; }
.highlight .rsvp-change { display:block; }
.highlight .rsvp-change div { font-weight:bold; }
.highlight .title {  font-size:.8em; font-weight:bold; }
.highlight .state {  font-size:1.8em; font-weight:bold; }
.highlight .links { text-align:right; margin-top:15px;}
.highlight .links-rsvp { text-align:left; margin-top:15px;}
.highlight a { color:black; margin-right:25px; }
.view::before { content: "\f08e"; font-family: FontAwesome; padding-right:5px; }
.invite::before { content: "\f0e0"; font-family: FontAwesome; padding-right:5px; }
.linklist { line-height:3.5em; }
.rsvp-change { font-weight:bold; }
.mindetail a { font-weight:normal; text-decoration:underline; cursor:pointer; }
.mindetail .detail { border-left:30px solid #6dcbe2; }
.mindetail .eventtype-1-name { position:absolute; top:85px; left:-5px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: bottom left; color:white; font-size:1em; font-weight:bold; letter-spacing:1px; }
@media screen and (max-width:500px) {
  .highlight button { margin:16px 16px 0 0; }
  .highlight .join-message { width:250px; }
  .fulldetail .eventtype-1-name { top:120px; }
  .fulldetail .detail .eventimage { width:320px;height:160px; }
  .fulldetail .detail .eventimage img { width:240px; height:160px; }
  .print-option { display:none; }
}

.expansion {
  padding:50px 0;
}

.blur--notloggedIn{
  -webkit-filter: blur(1.5px); /* Safari 6.0 - 9.0 */
    filter: blur(1.5px);
}
.errMsg{
  margin-top:-1em;
  color:#DB4437;
}
#loading-bar .bar {
 background:#FBA22D;
 height:5px;
}

.fb-color{
  color:#3B5998;
}

.google-icon-color{
  color:#DB4437;
}

.twitter-color{
  color:#1DA1F2;
}

.btn.saveBtn{
  padding:5px;
}
.well{

border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-bottom:5px;
background-color:transparent;
}

.cover-photo {
  position: relative; }
  .cover-photo__background {
     }
  .cover-photo__cover-image, .cover-photo .background-image {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
    background-position: center center !important; }
  .cover-photo__spinner {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 0;
    margin: 0 !important;
    position: absolute;
    pointer-events: none;
    z-index: 1; }
    .cover-photo__spinner > div {
      background-color: #fff !important; }
  .cover-photo .background-image {
    background-size: cover;
    -webkit-filter: blur(5px);
    transform: scale(1.1); }
  .cover-photo__cover-image {
    background-size: contain !important;
    transition: opacity 240ms ease; }

    .cover-photo {
  /* width within the parent.
       can be any percentage. */
  width: 100%;
  height:240px;
  position: relative; }
