/* Globals */

html, body {
  font-size:1em;
  background:white;
  line-height:1.5em;
  position:relative;
}

#body .btn.btn-primary,
.modal .btn.btn-primary { color: white; }

.comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 {
  line-height:1em;
  margin:0.5em 0 0.25em 0;
}

.comment h1 { font-size:1.5em; }
.comment h2 { font-size:1.15em; }
.comment h3 { font-size:1em; }
.comment h4 { font-size:0.8em; }
.comment h5 { font-size:0.8em; }
.comment h6 { font-size:0.8em; }

h1.top { margin:0 0 0.25em 0; }
h2.top, h3.top, h4.top, h5.top, h6.top { margin-top:0; }

p { margin-top: 1em; }

legend { font-size: 1.45em; font-family:'Cardo', Georgia, arial, serif; } /* like H3 */

#church_name { margin-bottom: 10px; }

/* Links */

a {
  display:inline-block;
  border-radius:3px;
  text-decoration:none;
}

#calendar_controls .calendar-modifiers .dropdown-toggle {
  margin-top: 0;
}

#container h3 a,
#footer h3 a {
  background-color: transparent;
}

#container a:hover,
#footer a:hover {
  color:white;
  text-decoration:none;
}

/* Exceptions */

.calendar { line-height: 1.25em; }

#container .calendar a,
#container .calendar a:hover,
#container a.avatar-link,
#container a.avatar-link:hover {
  display:inline;
  background-color:transparent;
  padding:0;
  color:inherit;
}

#container a.delete-nested-link,
#container a.delete-nested-link:hover,
#container a.add-nested-link,
#container a.add-nested-link:hover {
  background-color:transparent;
  padding:0;
}

#admin_navigation a {
  margin: 0;
}



/* Layout */

#background {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#container {
  position:relative;
}

#body {
  padding-bottom: 5em;
}

#footer-wrap {
  position:relative;
  height: 130px;
  margin-bottom: 40px;
}

#footer {
  padding:0.8em 0;
  font-size:0.8em;
  line-height:1.5em;
}

.layout {
  overflow: visible;
}


/* Heading */

#header h1 {
  font-size:4em;
  line-height:1em;
}

a#church_name,
a#church_name:hover {
  background:none !important;
}



#page_title {
  display: block;
  margin-bottom: 0;
  line-height: 1em;
}
ul.-unite-page-admin {
  font-size: 0.8em;
  line-height: 1.5em;
  vertical-align: top;
}

#authentication .-unite-current-user { text-align: right; }


/* Navigation */

#navigation {
  margin-bottom:24px;
  white-space:nowrap;
  overflow:hidden;
}

.menu {
  list-style:none;
  margin:0;
  padding:0;
  line-height:1.15em;
}

#container .menuItem a {
  padding:3px 9px;
  background:none;
}

.menuItem span.current {
  padding:3px 9px;
  color:white;
  border-radius:3px;
}



input#search {
  line-height:1em;
  border-width: 1px;
  border-style: solid;
  border-radius:4px;
  padding:0.25em 0 0.25em 0.5em;
  -webkit-appearance:none;
}




/* Authentication */

#authentication dt,
#authentication p {
  margin-top:0.5em;
}

#authentication .buttons a {
  vertical-align:middle;
}



/* Posts */

.post {
  margin-top:1.5em;
}

.post-info {
  font-size:0.75em;
  color:#8b8b8b;
}

.post-time { color:#555; }
.post-time, .post-author, .post-comments-count { font-weight:bold; }



/* Comments */

.comment-content { margin-left: 74px; }
.comment-reply .comment-content { margin-left: 60px; }
.comment-editor .comment-content { margin-left: 64px; }



/* RSS */

a.rss-link {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background-image: url('../images/feed-icon-28x28.png');
  background-repeat: no-repeat;
  padding: 0 !important;
  text-indent: -9999em;
}



/* Groups */

.group-widget.group-widget-large .group-widget-title-and-summary,
.group-widget.group-widget-large .group-widget-leaders {
  float: none;
  width: auto;
  padding: 0;
}
.group-widget.group-widget-large .group-widget-leaders h6 { display: none; }
.group-widget.group-widget-large .group-widget-leaders .group-leader { display: inline-block; }
.member.member-small .member-avatar { height: 18px; line-height: 18px; }
.member.member-small .member-name { padding: 0; line-height: 18px; }
.member.member-small .member-avatar img { height: 18px; width: 18px; }




/* Page Navigation */

#page_sidebar {
  width: 220px;
  padding-left: 24px;
}

#container .tab-name a {
  background-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0.25em 1em 0.25em 24px;
  margin-left: -24px;
}

#container .tab.selected .tab-name a {
  color: white;
}

.tabs > li { padding-left: 0; }



/* Calendar */
.fc-widget-header,
.fc-widget-content {
  background: white;
  background: rgba(255, 255, 255, 0.6);
}
.fc-widget-content.fc-other-month { background: rgba(255, 255, 255, 0.4); }



/* Footer */

.church-address,
.church-phone,
.church-email {
  display: inline-block;
  margin: 0 1em 0 0;
}

.page-tab-content {
  width:75%;
}

#footer a.-unite-social-link { margin-left: 0.3em; }
#footer a.-unite-social-link:hover {
  text-decoration: none;
  background: none !important;
}
#footer a.-unite-social-link i { font-size: 2em; }

/* ====== Responsive Layout Cells */
/* ============================== */

@media (max-width: 768px) {

}

/* Hide the checkbox. It's only needed to use the :checked pseudo-class
     when labels are clicked. */
.nav-checkbox {
  display: none;
}

/* A little CSS-only hamburger icon */
.icon-menu {
  position: absolute;
  right: 0;
/*  width: 1.625em;
  height: .313em;*/
  background: black;
/*  margin: 1.5em;*/
  transition: right 0.3s ease;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 24px;
  background: white;
  display: none;
 }

.icon-menu::before { content: "\f0c9"; }

#nav-checkbox { display:none; }

/* off canvas side bar */
@media (max-width: 768px) {

  .page-tab-content {
    width:85%;
  }

  .icon-menu {
    display: block;
    z-index: 9800;
  }

  /* Cover the whole page with this */
  .body-trigger {
    position: absolute;
    top: 0;
    right: 14em;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
  }

  /* The actual off-canvas element */
  #page_sidebar {
    position: absolute;
    right: -17.5em;
    width: 17.95em;
    transition: right 0.3s ease;
    z-index: 900;
    float: none;
    border-top: 1px solid #eee;
  }

  /* Where all your main content (everything but the off-canvas) goes */
  #page_main {
    position: relative;
    left: 0;
    transition: left .3s ease;
  }

  #nav-checkbox:checked ~ .page-with-internal-nav #page_sidebar {
    right: -20px;
  }
  #nav-checkbox:checked ~ .icon-menu {
    background: white;
  }
  #nav-checkbox:checked ~ .icon-menu::before { content: "\f054"; }

  #nav-checkbox:checked ~ .page-with-internal-nav #page_main {
    left: -60%;
    opacity:.45;
  }
  #nav-checkbox:checked ~ .body-trigger {
    pointer-events: auto;
  }

  .tabs > li {
    padding: 0.5em;
  }
  #feedback_button {
    display:none;
  }

  #calendar_controls #event_scope { font-size: 1.2em; }
}

@media (max-width: 640px) {

  #calendar_controls { height: auto; }
  #calendar_controls > span,
  #calendar_controls > div {
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
  #calendar_controls #event_scope {
    margin-left: 0;
  }
  #calendar_controls .calendar-modifiers {
    float: none;
  }
  .list-view {
    padding: 2em 0;
    font-size: .8em;
  }
}