/* Colors */
/* Sizes */
/* From Bootstrap */
/* Variables */
/* Font Sizes */
/* Padding */
/* Border Radius */
/* Screens */
.publication-excerpt {
  color: #666666;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #fff;
  border: #efefef 0px solid;
  display: block;
  text-decoration: none;
  position: relative;
  min-height: 165.5px;
  margin-left: auto;
  margin-right: auto; }
  .publication-excerpt:hover > div > strong, .publication-excerpt:active > div > strong {
    color: #009edf; }
  .publication-excerpt.inactive {
    background-color: white;
    opacity: 0.4;
    text-shadow: 1px 1px 0px #fff; }
    .publication-excerpt.inactive .img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .publication-excerpt.inactive:hover > div > strong, .publication-excerpt.inactive:active > div > strong {
      color: #666666; }
  .publication-excerpt > .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    height: 0;
    padding-top: 55%;
    background-color: #cecece;
    margin-top: 5px; }
  .publication-excerpt > div {
    padding: 17px 17px 17px;
    min-height: 235px;
    text-align: left; }
    .publication-excerpt > div > * {
      display: block;
      text-align: left;
      line-height: 23px;
      max-height: 23px;
      margin-top: 7px;
      overflow: hidden; }
      .publication-excerpt > div > *:first-child {
        margin-top: 0; }
    .publication-excerpt > div > em {
      color: #fff;
      background-color: #666666;
      display: inline-block;
      line-height: 20px;
      max-height: 20px;
      padding: 0 11px;
      border-radius: 5px; }
    .publication-excerpt > div > strong {
      color: #333333;
      font-size: 1.2em;
      font-weight: 600;
      max-height: 69px; }
    .publication-excerpt > div > time {
      color: #7f7f7f; }
    .publication-excerpt > div > div {
      max-height: 69px; }
      .publication-excerpt > div > div > p {
        line-height: 23px; }

body.single.kind-publication #wrapper > article {
  width: 98%;
  margin: 0 auto; }
  @media (min-width: 414px) {
    body.single.kind-publication #wrapper > article {
      width: 94%; } }
  @media (min-width: 1080px) {
    body.single.kind-publication #wrapper > article {
      width: 89%; } }
  @media (min-width: 1366px) {
    body.single.kind-publication #wrapper > article {
      max-width: 1366px; } }

article.publication-item-single > div {
  margin: 11px auto;
  background-color: #fff;
  color: #666666;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  max-width: 760px; }
  article.publication-item-single > div > header {
    padding: 23px 26px;
    text-align: center;
    margin: 0 auto; }
    @media (min-width: 768px) {
      article.publication-item-single > div > header {
        padding: 23px 29px; } }
    article.publication-item-single > div > header > div > * {
      margin: 14px 0 0 0;
      display: block;
      line-height: 1.7; }
      article.publication-item-single > div > header > div > *:first-child {
        margin-top: 0; }
      article.publication-item-single > div > header > div > *.btn {
        display: inline-block; }
    article.publication-item-single > div > header > div h1 {
      line-height: 1.3;
      color: #333333;
      font-size: 1.6em; }
      @media (min-width: 768px) {
        article.publication-item-single > div > header > div h1 {
          font-size: 1.8em; } }
    article.publication-item-single > div > header > div em {
      color: #7f7f7f; }
  article.publication-item-single > div > .img {
    display: block;
    text-align: center;
    background-color: #cecece; }
    article.publication-item-single > div > .img img {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto; }
article.publication-item-single div.content {
  position: relative; }
  article.publication-item-single div.content > div {
    padding: 0 29px;
    z-index: 1; }
    article.publication-item-single div.content > div > * {
      margin: 17px 0 0 0; }
      article.publication-item-single div.content > div > *:first-child {
        margin-top: 26px; }
      article.publication-item-single div.content > div > *:last-child {
        margin-bottom: 26px; }
    article.publication-item-single div.content > div p, article.publication-item-single div.content > div li:not(.media-item-single) {
      line-height: 1.7;
      text-align: left; }
      @media (min-width: 768px) {
        article.publication-item-single div.content > div p, article.publication-item-single div.content > div li:not(.media-item-single) {
          text-align: justify; } }
    article.publication-item-single div.content > div li:not(.media-item-single) {
      margin: 11px 0 0 0; }
    article.publication-item-single div.content > div ul:not(.media) {
      padding-left: 14px; }
    article.publication-item-single div.content > div ul.media {
      list-style: none; }
    article.publication-item-single div.content > div h1, article.publication-item-single div.content > div .h1,
    article.publication-item-single div.content > div h2, article.publication-item-single div.content > div .h2,
    article.publication-item-single div.content > div h3, article.publication-item-single div.content > div .h3,
    article.publication-item-single div.content > div h4, article.publication-item-single div.content > div .h4 {
      color: #333333;
      text-align: center; }
    article.publication-item-single div.content > div a:not(.btn) {
      color: #009edf; }
    article.publication-item-single div.content > div strong {
      font-weight: 600;
      color: #333333; }
    article.publication-item-single div.content > div .post-content {
      position: relative; }
      article.publication-item-single div.content > div .post-content:after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 190px;
        z-index: 2;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
        background-repeat: repeat-x; }
      article.publication-item-single div.content > div .post-content > .btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -80px;
        width: 160px;
        height: 40px;
        border-radius: 5px;
        padding: 0 0 0 17px;
        color: #666666;
        z-index: 3;
        border: #cecece 1px solid; }
        article.publication-item-single div.content > div .post-content > .btn i {
          font-size: 16px;
          color: #666666;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -8px;
          opacity: 0.5; }
        article.publication-item-single div.content > div .post-content > .btn span {
          font-weight: 600; }
      article.publication-item-single div.content > div .post-content > div {
        text-align: center;
        overflow: hidden;
        max-height: 480px;
        position: relative; }
        article.publication-item-single div.content > div .post-content > div span[style] {
          color: #666666 !important;
          font-family: "Montserrat", sans-serif !important; }
        article.publication-item-single div.content > div .post-content > div > * {
          margin: 17px 0 0 0; }
          article.publication-item-single div.content > div .post-content > div > *:first-child {
            margin-top: 0; }
          article.publication-item-single div.content > div .post-content > div > *:last-child {
            margin-bottom: 17px; }
      article.publication-item-single div.content > div .post-content.reading-more > .btn, article.publication-item-single div.content > div .post-content.reading-more:after {
        display: none; }
      article.publication-item-single div.content > div .post-content.reading-more > div {
        max-height: none; }
article.publication-item-single #folder.list article {
  overflow: visible; }
  article.publication-item-single #folder.list article > .media.static {
    width: 100% !important; }

nav.arrows {
  text-align: center;
  margin-top: 14px;
  margin-bottom: 20px;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto; }
  nav.arrows a {
    display: inline-block;
    text-decoration: none;
    padding: 14px 29px;
    color: #666666;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    border: transparent 0 solid;
    outline-style: none;
    font-size: 1.1em;
    font-weight: 600;
    color: #333333;
    background-color: #efefef;
    border-color: #f4f4f4;
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
    border-radius: 100px;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0 14px; }
    nav.arrows a:focus, nav.arrows a.focus {
      box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(244, 244, 244, 0.5); }
    nav.arrows a.disabled, nav.arrows a:disabled {
      background-color: #efefef;
      border-color: #f4f4f4; }
    nav.arrows a:not([disabled]):not(.disabled):active, nav.arrows a:not([disabled]):not(.disabled).active, .show > nav.arrows a.dropdown-toggle {
      color: #333333;
      background-color: #d6d6d6;
      background-image: none;
      border-color: #d4d4d4; }
      nav.arrows a:not([disabled]):not(.disabled):active:focus, nav.arrows a:not([disabled]):not(.disabled).active:focus, .show > nav.arrows a.dropdown-toggle:focus {
        box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(244, 244, 244, 0.5); }
    nav.arrows a span {
      display: none; }
    nav.arrows a:before {
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: .2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\f105';
      line-height: 36px;
      margin: 0;
      font-size: 26px;
      color: #666666;
      margin-left: 3px; }
    nav.arrows a.prev:before {
      content: '\f104';
      margin-left: -3px; }

section.gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px !important;
  margin-right: -8px !important; }
  section.gallery a {
    display: block;
    width: 33.33%;
    padding: 0 8px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative; }
    section.gallery a i {
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 0;
      padding-top: 65%; }
      section.gallery a i img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        display: none; }
    section.gallery a span {
      display: none;
      overflow: hidden; }

section.event-map header h2 {
  font-size: 1em;
  margin: 0;
  color: #7f7f7f !important; }
section.event-map header h3 {
  font-size: 1.3em;
  margin: 8px 0 0 0; }
section.event-map div.map {
  margin-top: 14px;
  width: 100%;
  height: 280px;
  background-color: #f4f4f4;
  position: relative; }
  section.event-map div.map > div {
    width: 100%;
    height: 100%; }

body.page #wrapper > header {
  text-align: center;
  padding: 26px 17px 0; }
  body.page #wrapper > header .title {
    color: #333333;
    text-align: center;
    font-size: 1.4em; }

body.page.kind-generic .page-wrapper {
  width: 98%;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 26px; }
  @media (min-width: 414px) {
    body.page.kind-generic .page-wrapper {
      width: 94%; } }
  @media (min-width: 1080px) {
    body.page.kind-generic .page-wrapper {
      width: 89%; } }
  @media (min-width: 1366px) {
    body.page.kind-generic .page-wrapper {
      max-width: 1366px; } }
  body.page.kind-generic .page-wrapper a:not(.btn) {
    color: #009edf;
    text-decoration: none; }
    body.page.kind-generic .page-wrapper a:not(.btn) i {
      font-size: 1.3em;
      margin-right: 3px;
      margin-left: 3px; }
      body.page.kind-generic .page-wrapper a:not(.btn) i.icon-twitter {
        font-size: 1.15em; }
      body.page.kind-generic .page-wrapper a:not(.btn) i:before {
        margin: 0; }
  body.page.kind-generic .page-wrapper img {
    max-width: 100%;
    height: auto; }
    body.page.kind-generic .page-wrapper img.logo {
      width: 80%;
      max-width: 200px; }
      @media (min-width: 768px) {
        body.page.kind-generic .page-wrapper img.logo {
          max-width: 290px; } }
  body.page.kind-generic .page-wrapper h3, body.page.kind-generic .page-wrapper h2 {
    text-align: left; }
  body.page.kind-generic .page-wrapper h2 {
    color: #191919;
    margin: 43.2px 0 26px;
    font-weight: 400;
    font-size: 2.1em;
    text-align: left;
    line-height: 1.7; }
    body.page.kind-generic .page-wrapper h2.align-center {
      text-align: center; }
  body.page.kind-generic .page-wrapper h3 {
    margin: 29px 0 17px;
    font-weight: 400;
    color: #191919;
    font-size: 1.3em;
    line-height: 1.7; }
  body.page.kind-generic .page-wrapper p, body.page.kind-generic .page-wrapper ul {
    margin: 0 0 20px;
    font-weight: 400;
    color: #666666; }
  body.page.kind-generic .page-wrapper p, body.page.kind-generic .page-wrapper li {
    text-align: left;
    line-height: 1.7; }
    @media (min-width: 560px) {
      body.page.kind-generic .page-wrapper p, body.page.kind-generic .page-wrapper li {
        text-align: justify; } }
  body.page.kind-generic .page-wrapper p.lead {
    font-size: 1.2em;
    text-align: center;
    max-width: 756px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    padding-top: 23px;
    border-top: #f4f4f4 1px solid; }
  body.page.kind-generic .page-wrapper p.align-center {
    text-align: center; }
  body.page.kind-generic .page-wrapper ul {
    list-style: none; }
  body.page.kind-generic .page-wrapper li {
    margin: 0 0 8px;
    position: relative;
    padding-left: 23px; }
    body.page.kind-generic .page-wrapper li:before {
      content: ' ';
      display: inline-block;
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: .2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\e80e';
      color: #009edf;
      position: absolute;
      top: 3px;
      left: 0; }
  body.page.kind-generic .page-wrapper strong {
    color: #191919;
    font-weight: 600; }
  body.page.kind-generic .page-wrapper ul {
    padding-left: 0; }
  body.page.kind-generic .page-wrapper blockquote, body.page.kind-generic .page-wrapper section {
    padding: 27.5px 29.7px 22px; }
    @media (min-width: 1080px) {
      body.page.kind-generic .page-wrapper blockquote, body.page.kind-generic .page-wrapper section {
        padding: 42.5px 45.9px 34px; } }
  body.page.kind-generic .page-wrapper section {
    padding-top: 0; }
  body.page.kind-generic .page-wrapper blockquote {
    background-color: #fff;
    margin: 29px 0 52px;
    box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08); }
    body.page.kind-generic .page-wrapper blockquote > *:first-child {
      margin-top: 0; }
    body.page.kind-generic .page-wrapper blockquote > *:last-child {
      margin-bottom: 0; }
    body.page.kind-generic .page-wrapper blockquote.project {
      padding-bottom: 36px; }
      body.page.kind-generic .page-wrapper blockquote.project h2 {
        margin-top: 0;
        margin-bottom: 17px; }
      body.page.kind-generic .page-wrapper blockquote.project .row > .col:first-child .images-banner {
        display: block; }
        body.page.kind-generic .page-wrapper blockquote.project .row > .col:first-child .images-banner > div {
          text-align: center; }
        @media (min-width: 768px) {
          body.page.kind-generic .page-wrapper blockquote.project .row > .col:first-child .images-banner {
            display: none; } }
      body.page.kind-generic .page-wrapper blockquote.project .row > .col:last-child .images-banner {
        display: none; }
        @media (min-width: 768px) {
          body.page.kind-generic .page-wrapper blockquote.project .row > .col:last-child .images-banner {
            display: block; } }
    body.page.kind-generic .page-wrapper blockquote.donor h2 {
      text-align: center; }
    body.page.kind-generic .page-wrapper blockquote.donor h3 a {
      color: #191919; }
    body.page.kind-generic .page-wrapper blockquote.donor .logo {
      display: block;
      text-align: center; }
      @media (min-width: 768px) {
        body.page.kind-generic .page-wrapper blockquote.donor .logo {
          text-align: left; } }
      body.page.kind-generic .page-wrapper blockquote.donor .logo img {
        width: 100%;
        max-width: 300px;
        margin-bottom: 23px; }
        @media (min-width: 768px) {
          body.page.kind-generic .page-wrapper blockquote.donor .logo img {
            max-width: 400px; } }
  body.page.kind-generic .page-wrapper .partners {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08); }
    body.page.kind-generic .page-wrapper .partners > div {
      width: 100%;
      padding: 0 23px 0 17px;
      background-color: white;
      border-bottom: #f4f4f4 1px solid; }
      body.page.kind-generic .page-wrapper .partners > div:nth-child(odd) {
        background-color: #fff; }
      @media (min-width: 768px) {
        body.page.kind-generic .page-wrapper .partners > div {
          display: flex;
          flex-wrap: wrap;
          align-items: center; } }
      body.page.kind-generic .page-wrapper .partners > div > span.logo {
        padding: 36px 0 14px;
        margin: 0;
        display: block; }
        @media (min-width: 768px) {
          body.page.kind-generic .page-wrapper .partners > div > span.logo {
            width: 30%;
            padding: 29px 0; } }
        body.page.kind-generic .page-wrapper .partners > div > span.logo a {
          text-align: center;
          display: block;
          color: #191919; }
          body.page.kind-generic .page-wrapper .partners > div > span.logo a img {
            display: block;
            margin: 0 auto;
            max-width: 150px;
            height: auto;
            width: 65%; }
        body.page.kind-generic .page-wrapper .partners > div > span.logo.horizontal-logo a img {
          width: 100%;
          max-width: 250px; }
      body.page.kind-generic .page-wrapper .partners > div > div {
        padding: 11px 17px 29px; }
        @media (min-width: 768px) {
          body.page.kind-generic .page-wrapper .partners > div > div {
            width: 70%;
            padding: 29px 17px; } }
        body.page.kind-generic .page-wrapper .partners > div > div h3 {
          text-align: center; }
          @media (min-width: 768px) {
            body.page.kind-generic .page-wrapper .partners > div > div h3 {
              text-align: left; } }
          body.page.kind-generic .page-wrapper .partners > div > div h3 a {
            color: #191919; }
        body.page.kind-generic .page-wrapper .partners > div > div p {
          margin-bottom: 14px; }
        body.page.kind-generic .page-wrapper .partners > div > div > *:first-child {
          margin-top: 0; }
        body.page.kind-generic .page-wrapper .partners > div > div > *:last-child {
          margin-bottom: 0; }
  body.page.kind-generic .page-wrapper .spacer {
    width: 100%;
    display: block;
    height: 1px; }

.images-banner {
  position: relative;
  margin-bottom: 23px; }
  .images-banner > div {
    text-align: right; }
    .images-banner > div > span {
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width: 32.33%;
      overflow: hidden;
      height: 0;
      padding-top: 32.33%; }

body.page.page-publish {
  /* Always set the map height explicitly to define the size of the div
    * element that contains the map. */ }
  body.page.page-publish #map-places {
    width: 100%;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: -999em;
    left: -999em; }
  body.page.page-publish #infowindow-content .title {
    font-weight: bold; }
  body.page.page-publish #infowindow-content {
    display: none; }
  body.page.page-publish #map-places #infowindow-content {
    display: inline; }

#form .form-group.key-loc.location-on + #map-places {
  position: relative !important;
  top: 0;
  left: 0; }

body.kind-publications.page-media-centre .feed {
  width: 98%;
  margin: 0 auto; }
  @media (min-width: 414px) {
    body.kind-publications.page-media-centre .feed {
      width: 94%; } }
  @media (min-width: 1080px) {
    body.kind-publications.page-media-centre .feed {
      width: 89%; } }
  @media (min-width: 1366px) {
    body.kind-publications.page-media-centre .feed {
      max-width: 1366px; } }
body.kind-publications .nav-tabs {
  justify-content: center; }

.feed {
  text-align: center; }
  .feed .title {
    display: none; }
  .feed ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -14px;
    margin-bottom: 0; }
    .feed ul > li {
      padding: 0 11px;
      margin-top: 14px;
      position: relative; }
      .feed ul > li > .edit-link {
        color: #666666;
        display: block;
        text-align: center;
        padding: 11px 14px 8px; }
  .feed.cols-1 {
    max-width: 320px !important; }
    .feed.cols-1 ul > li {
      width: 100%; }
  .feed.cols-2 {
    max-width: 640px !important; }
    .feed.cols-2 ul > li {
      width: 100%; }
      @media (min-width: 768px) {
        .feed.cols-2 ul > li {
          width: 50%; } }
  .feed.cols-3 {
    max-width: 960px !important; }
    .feed.cols-3 ul > li {
      width: 100%; }
      @media (min-width: 1080px) {
        .feed.cols-3 ul > li {
          width: 33.33%; } }
  .feed.cols-4 ul > li {
    width: 100%; }
    @media (min-width: 560px) {
      .feed.cols-4 ul > li {
        width: 50%; } }
    @media (min-width: 1080px) {
      .feed.cols-4 ul > li {
        width: 25%; } }
  .feed.calendar ul > li {
    width: 100%; }
  .feed.scroller {
    position: relative;
    margin-left: -11px;
    margin-right: -11px; }
    .feed.scroller.binded > .btn-scoller-nav {
      visibility: visible; }
    .feed.scroller > .btn-scoller-nav {
      padding: 0;
      width: 26px;
      height: 26px;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      visibility: hidden;
      color: #fff;
      background-color: #666666;
      border-color: #fff;
      box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075); }
      .feed.scroller > .btn-scoller-nav:focus, .feed.scroller > .btn-scoller-nav.focus {
        box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
      .feed.scroller > .btn-scoller-nav.disabled, .feed.scroller > .btn-scoller-nav:disabled {
        background-color: #666666;
        border-color: #fff; }
      .feed.scroller > .btn-scoller-nav:not([disabled]):not(.disabled):active, .feed.scroller > .btn-scoller-nav:not([disabled]):not(.disabled).active, .show > .feed.scroller > .btn-scoller-nav.dropdown-toggle {
        color: #fff;
        background-color: #4c4c4c;
        background-image: none;
        border-color: #dfdfdf; }
        .feed.scroller > .btn-scoller-nav:not([disabled]):not(.disabled):active:focus, .feed.scroller > .btn-scoller-nav:not([disabled]):not(.disabled).active:focus, .show > .feed.scroller > .btn-scoller-nav.dropdown-toggle:focus {
          box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
      .feed.scroller > .btn-scoller-nav.right {
        right: -8px; }
      .feed.scroller > .btn-scoller-nav.left {
        left: -8px; }
      .feed.scroller > .btn-scoller-nav span {
        display: none; }
      .feed.scroller > .btn-scoller-nav i {
        font-size: 18px;
        line-height: 26px; }
        .feed.scroller > .btn-scoller-nav i:before {
          margin: 0 auto; }
    .feed.scroller > div {
      overflow: auto;
      padding-bottom: 8px; }
      .feed.scroller > div > ul {
        margin: 0; }
        .feed.scroller > div > ul > li {
          padding: 0; }
          .feed.scroller > div > ul > li > * {
            margin-left: 11px;
            margin-right: 11px; }
    .feed.scroller.at_start > .btn-scoller-nav.left {
      opacity: 0; }
    .feed.scroller.at_end > .btn-scoller-nav.right {
      opacity: 0; }
    .feed.scroller.off > .btn-scoller-nav {
      display: none; }

.pagination {
  display: block;
  padding: 29px; }
  .pagination a {
    display: none; }

#archive-filter {
  text-align: center;
  display: flex;
  padding: 23px 0 14px;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center; }
  #archive-filter > nav {
    text-align: left; }
    #archive-filter > nav > * {
      display: inline-block; }
    #archive-filter > nav a {
      color: #333333;
      display: inline-block;
      vertical-align: middle;
      padding: 0 11px;
      font-size: 1.3em;
      text-decoration: none; }
      #archive-filter > nav a.current {
        font-weight: 600; }
        #archive-filter > nav a.current + nav {
          display: inline-block; }
    #archive-filter > nav > nav {
      display: none; }
      #archive-filter > nav > nav a {
        font-size: 0.86em;
        color: #666666 !important; }
  #archive-filter > select {
    display: block;
    width: 100%;
    padding: 0 14px;
    font-size: 1em;
    line-height: 1.7;
    color: #333333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #cecece;
    max-width: 100%;
    min-height: 42px;
    line-height: 42px;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 260px;
    height: 40px;
    margin-left: auto; }
    #archive-filter > select::-ms-expand {
      background-color: transparent;
      border: 0; }
    #archive-filter > select:focus {
      background-color: #fff;
      border-color: #009edf;
      outline: 0;
      box-shadow: inset 0 0 0px #efefef, 0 0 0 2px #2dc2ff; }
    #archive-filter > select::placeholder {
      color: #666666;
      opacity: 1; }
    #archive-filter > select::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #666666;
      opacity: 1; }
    #archive-filter > select::-moz-placeholder {
      /* Firefox 19+ */
      color: #666666;
      opacity: 1; }
    #archive-filter > select:-ms-input-placeholder {
      /* IE 10+ */
      color: #666666;
      opacity: 1; }
    #archive-filter > select:-moz-placeholder {
      /* Firefox 18- */
      color: #666666;
      opacity: 1; }
    #archive-filter > select:disabled, #archive-filter > select[readonly] {
      background-color: #f4f4f4;
      opacity: 1; }

.profile-title {
  margin-right: 14px; }
  .profile-title .img {
    display: block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .profile-title h1 {
    display: none; }

section.archive {
  width: 98%;
  margin: 0 auto; }
  @media (min-width: 414px) {
    section.archive {
      width: 94%; } }
  @media (min-width: 1080px) {
    section.archive {
      width: 89%; } }
  @media (min-width: 1366px) {
    section.archive {
      max-width: 1366px; } }
  section.archive > ul {
    list-style: none; }
    section.archive > ul > li {
      margin-bottom: 17px; }
      section.archive > ul > li > a {
        display: block; }

body.page-calendar {
  background-image: -webkit-linear-gradient(left, #efefef 270px, #fff 270px, #fff 100%);
  background-image: linear-gradient(left, #efefef 270px, #fff 270px, #fff 100%);
  height: auto; }
  body.page-calendar #wrapper {
    min-width: 960px; }
  body.page-calendar #archive-filter {
    padding: 0;
    padding-bottom: 15px !important;
    width: 270px;
    float: left;
    display: block; }
    body.page-calendar #archive-filter > strong {
      display: block;
      background-color: #dddddd;
      padding: 10px; }
    body.page-calendar #archive-filter > nav a {
      display: block;
      padding: 5px 10px;
      position: relative;
      min-height: 40px; }
      body.page-calendar #archive-filter > nav a i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-color: white;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        margin-right: 10px; }
      body.page-calendar #archive-filter > nav a span {
        display: inline-block;
        vertical-align: middle;
        width: 190px;
        font-size: 0.8em;
        line-height: 1.3; }
      body.page-calendar #archive-filter > nav a.current {
        background-color: #fff; }
    body.page-calendar #archive-filter > nav.categories a i {
      background-color: #009edf;
      width: 20px;
      height: 20px;
      margin-right: 20px;
      margin-left: 10px; }
    body.page-calendar #archive-filter > nav.categories a span {
      line-height: 30px; }
    body.page-calendar #archive-filter > nav.categories a.meetings i {
      background-color: #94bf3c; }
    body.page-calendar #archive-filter > nav.categories a.training i {
      background-color: #20c997; }
    body.page-calendar #archive-filter > nav.categories a.other i {
      background-color: #17a2b8; }
  body.page-calendar .nav-tabs, body.page-calendar .tab-content, body.page-calendar .profile-title, body.page-calendar .main-title {
    margin-left: 270px; }
  body.page-calendar .main-title {
    padding: 20px;
    padding-bottom: 0; }
    body.page-calendar .main-title span {
      display: block;
      padding: 20px;
      background-color: #fafafa;
      text-align: center;
      border-left: #009edf 10px solid;
      color: #191919; }
    body.page-calendar .main-title.meetings span {
      border-left-color: #94bf3c; }
    body.page-calendar .main-title.training span {
      border-left-color: #20c997; }
    body.page-calendar .main-title.other span {
      border-left-color: #17a2b8; }
  body.page-calendar .nav-tabs {
    margin-top: 20px; }
  body.page-calendar .tab-content {
    padding: 26px;
    padding-top: 0; }
    body.page-calendar .tab-content > .tab-pane {
      max-width: 1300px;
      margin-left: auto;
      margin-right: auto; }
  body.page-calendar .profile-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0; }
    body.page-calendar .profile-title .img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px; }
      @media (max-width: 1079px) {
        body.page-calendar .profile-title .img {
          display: block;
          margin-left: auto;
          margin-right: auto; } }
    body.page-calendar .profile-title h1 {
      display: inline-block;
      vertical-align: middle;
      color: #191919;
      font-size: 1.2em; }
      @media (max-width: 1079px) {
        body.page-calendar .profile-title h1 {
          display: block;
          font-size: 1em;
          padding-top: 10px; } }

#tabs.type-calendar {
  padding-bottom: 23px; }
  #tabs.type-calendar .card-header span {
    cursor: pointer; }
    #tabs.type-calendar .card-header span:hover {
      color: #191919; }
  #tabs.type-calendar #archive-filter {
    padding-bottom: 0; }
  #tabs.type-calendar .card-body {
    position: relative;
    overflow: hidden;
    padding: 0;
    background-color: white; }
    #tabs.type-calendar .card-body .feed {
      width: 50%; }
      #tabs.type-calendar .card-body .feed ul {
        margin: 0;
        padding: 0;
        display: block; }
        #tabs.type-calendar .card-body .feed ul > li {
          position: static;
          padding: 0;
          margin: 0; }
          #tabs.type-calendar .card-body .feed ul > li .edit-link {
            display: none;
            position: absolute;
            top: 100%;
            z-index: 99;
            right: 0;
            margin-top: -40px; }

.calendar-grid {
  overflow: auto; }
  .calendar-grid > div {
    border-left: #efefef 1px solid;
    border-right: #efefef 1px solid;
    border-bottom: #efefef 1px solid;
    min-width: 614.4px;
    min-width: 614.4px; }
    .calendar-grid > div > * {
      margin-right: -1px; }
    .calendar-grid > div > header {
      background-color: #f4f4f4; }
      .calendar-grid > div > header ul li {
        font-weight: 600;
        color: #333333; }
    .calendar-grid > div > div {
      margin-bottom: -1px; }
  .calendar-grid ul, .calendar-grid ol {
    list-style: none;
    padding: 0;
    margin: 0; }
  .calendar-grid ul {
    width: 100%;
    overflow: hidden;
    margin-right: -1px;
    display: flex;
    flex-wrap: wrap; }
    .calendar-grid ul > li {
      width: 14.2857%;
      border-right: #efefef 1px solid;
      border-bottom: #efefef 1px solid;
      padding: 11px 8px 11px 11px; }
      .calendar-grid ul > li > span {
        font-size: 1.3em; }
  .calendar-grid ol li {
    margin-top: 11px;
    border-left: #7f7f7f 2px solid; }
    .calendar-grid ol li em, .calendar-grid ol li time, .calendar-grid ol li span {
      display: block;
      font-size: 0.86em;
      margin-top: 8px; }
    .calendar-grid ol li time {
      font-weight: 600; }
    .calendar-grid ol li span {
      line-height: 17px;
      max-height: 68px;
      overflow: hidden; }
    .calendar-grid ol li em {
      color: #7f7f7f; }
    .calendar-grid ol li.meetings {
      border-left-color: #94bf3c; }
      .calendar-grid ol li.meetings a.btn {
        color: #333333;
        background-color: #94bf3c;
        border-color: #94bf3c;
        box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075); }
        .calendar-grid ol li.meetings a.btn:focus, .calendar-grid ol li.meetings a.btn.focus {
          box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(148, 191, 60, 0.5); }
        .calendar-grid ol li.meetings a.btn.disabled, .calendar-grid ol li.meetings a.btn:disabled {
          background-color: #94bf3c;
          border-color: #94bf3c; }
        .calendar-grid ol li.meetings a.btn:not([disabled]):not(.disabled):active, .calendar-grid ol li.meetings a.btn:not([disabled]):not(.disabled).active, .show > .calendar-grid ol li.meetings a.btn.dropdown-toggle {
          color: #fff;
          background-color: #769830;
          background-image: none;
          border-color: #6e8e2d; }
          .calendar-grid ol li.meetings a.btn:not([disabled]):not(.disabled):active:focus, .calendar-grid ol li.meetings a.btn:not([disabled]):not(.disabled).active:focus, .show > .calendar-grid ol li.meetings a.btn.dropdown-toggle:focus {
            box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(148, 191, 60, 0.5); }
    .calendar-grid ol li.training {
      border-left-color: #20c997; }
      .calendar-grid ol li.training a.btn {
        color: #fff;
        background-color: #20c997;
        border-color: #20c997;
        box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075); }
        .calendar-grid ol li.training a.btn:focus, .calendar-grid ol li.training a.btn.focus {
          box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(32, 201, 151, 0.5); }
        .calendar-grid ol li.training a.btn.disabled, .calendar-grid ol li.training a.btn:disabled {
          background-color: #20c997;
          border-color: #20c997; }
        .calendar-grid ol li.training a.btn:not([disabled]):not(.disabled):active, .calendar-grid ol li.training a.btn:not([disabled]):not(.disabled).active, .show > .calendar-grid ol li.training a.btn.dropdown-toggle {
          color: #fff;
          background-color: #199d76;
          background-image: none;
          border-color: #17926e; }
          .calendar-grid ol li.training a.btn:not([disabled]):not(.disabled):active:focus, .calendar-grid ol li.training a.btn:not([disabled]):not(.disabled).active:focus, .show > .calendar-grid ol li.training a.btn.dropdown-toggle:focus {
            box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(32, 201, 151, 0.5); }
    .calendar-grid ol li.other {
      border-left-color: #17a2b8; }
      .calendar-grid ol li.other a.btn {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
        box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075); }
        .calendar-grid ol li.other a.btn:focus, .calendar-grid ol li.other a.btn.focus {
          box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
        .calendar-grid ol li.other a.btn.disabled, .calendar-grid ol li.other a.btn:disabled {
          background-color: #17a2b8;
          border-color: #17a2b8; }
        .calendar-grid ol li.other a.btn:not([disabled]):not(.disabled):active, .calendar-grid ol li.other a.btn:not([disabled]):not(.disabled).active, .show > .calendar-grid ol li.other a.btn.dropdown-toggle {
          color: #fff;
          background-color: #117a8b;
          background-image: none;
          border-color: #10707f; }
          .calendar-grid ol li.other a.btn:not([disabled]):not(.disabled):active:focus, .calendar-grid ol li.other a.btn:not([disabled]):not(.disabled).active:focus, .show > .calendar-grid ol li.other a.btn.dropdown-toggle:focus {
            box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .calendar-grid ol a {
    color: #7f7f7f;
    display: block;
    text-decoration: none;
    padding-left: 8px; }
    .calendar-grid ol a:hover {
      color: #191919; }
    .calendar-grid ol a.btn {
      color: #fff;
      padding: 4px;
      font-size: 0.86em;
      display: inline-block;
      margin-top: 11px; }

html.no-js #tabs.type-calendar .card-body .overlay {
  display: block;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.001); }

p.select-option-card {
  display: inline-block;
  position: relative;
  margin: 8px 0;
  padding: 0 8px 0 47px;
  min-height: 36px;
  line-height: 1.2;
  white-space: normal;
  vertical-align: top;
  text-align: left; }
  p.select-option-card > a {
    text-decoration: none;
    color: #666666 !important;
    display: block; }
    p.select-option-card > a:hover {
      color: #4c4c4c !important; }
  p.select-option-card i {
    width: 36px;
    height: 36px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0; }
  p.select-option-card > * {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle; }
    p.select-option-card > *:after {
      content: ' -';
      display: inline-block;
      margin-left: 7px;
      margin-right: 3px;
      color: #666666 !important;
      font-weight: normal; }
    p.select-option-card > *:first-child:after, p.select-option-card > *:last-child:after {
      display: none; }
  p.select-option-card strong {
    color: #191919 !important; }
  p.select-option-card b {
    font-weight: normal; }
  p.select-option-card span {
    color: #008cc6 !important; }

body.adding-contact {
  overflow: hidden; }
  body.adding-contact #modal-new-contact {
    left: 0; }

#modal-new-contact {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 99;
  overflow: auto;
  background-color: rgba(102, 102, 102, 0.8);
  transition: left 0.25s ease-in-out; }
  #modal-new-contact > div {
    max-width: 480px;
    width: 94%;
    background-color: #fff;
    padding: 23px 0 0;
    margin-top: 23px;
    margin-bottom: 23px;
    margin-left: auto;
    margin-right: auto; }
    #modal-new-contact > div header h3 {
      color: #191919; }
    #modal-new-contact > div header .alert {
      height: 29px;
      line-height: 29px;
      margin-top: 14px; }
    #modal-new-contact > div #form {
      width: 100% !important; }
      #modal-new-contact > div #form > main {
        width: 100%;
        float: none; }
        #modal-new-contact > div #form > main > div {
          padding: 0 17px; }
      #modal-new-contact > div #form > aside {
        width: 100%;
        float: none;
        background: transparent;
        box-shadow: none; }
        #modal-new-contact > div #form > aside > div {
          padding: 17px 17px 0; }
          #modal-new-contact > div #form > aside > div .form-group:first-child {
            margin-top: 0; }
          #modal-new-contact > div #form > aside > div .form-group .form-control#ent {
            height: 44px; }
      #modal-new-contact > div #form > footer {
        padding: 17px 17px 0; }
        #modal-new-contact > div #form > footer .btn {
          min-width: auto;
          width: 50%;
          float: left; }
      #modal-new-contact > div #form.loading > .spinner {
        display: block; }
      #modal-new-contact > div #form.loading > main, #modal-new-contact > div #form.loading > footer, #modal-new-contact > div #form.loading > aside {
        display: none; }

body.page.page-invite {
  min-width: 1280px; }
  body.page.page-invite #wrapper {
    overflow: visible;
    margin-bottom: 0; }
    body.page.page-invite #wrapper > header {
      width: 50%;
      float: none;
      padding: 0;
      display: none; }
    body.page.page-invite #wrapper > .push {
      display: none; }
  body.page.page-invite #email-preview {
    width: 64%;
    max-width: 64%;
    display: block;
    float: left;
    height: auto;
    overflow: visible;
    background-color: #fff; }
    body.page.page-invite #email-preview .table td, body.page.page-invite #email-preview .table th {
      font-size: 0.88em; }
    body.page.page-invite #email-preview .table tr:last-child th {
      text-align: center; }
    body.page.page-invite #email-preview .table ol {
      list-style: none;
      padding: 0;
      margin: 0; }
      body.page.page-invite #email-preview .table ol li {
        margin-top: 5px; }
        body.page.page-invite #email-preview .table ol li:first-child {
          margin-top: 0; }
  body.page.page-invite #message-preview {
    border: 1px solid #f4f4f4;
    border-top: none; }
    body.page.page-invite #message-preview p.loading {
      display: block;
      text-align: center;
      padding: 17px; }
  body.page.page-invite #footer {
    display: none; }

#form.invite {
  margin: 0 3%;
  width: 30%;
  max-width: 30%;
  float: left;
  margin-top: 0;
  padding: 0; }
  #form.invite .key-evt {
    display: none; }

#form.attendees.loading > .spinner {
  display: block; }
#form.attendees.loading main, #form.attendees.loading footer {
  display: none; }

#form.invite, #form.attendees {
  display: block;
  height: auto;
  overflow: visible; }
  #form.invite .form-group.key-cnc, #form.attendees .form-group.key-cnc {
    position: relative;
    text-align: left; }
  #form.invite > main, #form.attendees > main {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #form.invite > main > div, #form.attendees > main > div {
      padding: 0;
      margin-top: 0; }
  #form.invite > aside, #form.attendees > aside {
    width: 100%;
    float: none;
    margin-top: 23px;
    margin-bottom: 23px; }
    #form.invite > aside > div, #form.attendees > aside > div {
      padding: 11px 0 0; }
      #form.invite > aside > div > strong, #form.attendees > aside > div > strong {
        display: block;
        color: #191919;
        margin-top: 11px;
        margin-bottom: 17px;
        font-size: 1em;
        text-align: center; }
      #form.invite > aside > div p.select-option-card, #form.attendees > aside > div p.select-option-card {
        display: block;
        margin-bottom: 17px; }
      #form.invite > aside > div > div, #form.attendees > aside > div > div {
        padding: 8px 14px 11px;
        background-color: #f9f9f9; }
  #form.invite .select2-container--default .select2-selection--multiple .select2-selection__rendered p.select-option-card, #form.attendees .select2-container--default .select2-selection--multiple .select2-selection__rendered p.select-option-card {
    padding-left: 68px; }
    #form.invite .select2-container--default .select2-selection--multiple .select2-selection__rendered p.select-option-card i, #form.attendees .select2-container--default .select2-selection--multiple .select2-selection__rendered p.select-option-card i {
      left: 20px; }
  #form.invite .select2-container--default .select2-selection--multiple .select2-selection__rendered li, #form.attendees .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 100% !important; }
  #form.invite .select2-container--default .select2-results__option.select2-results__message, #form.attendees .select2-container--default .select2-results__option.select2-results__message {
    font-size: 1em;
    padding: 14px;
    opacity: 1;
    color: #333333;
    font-weight: bold;
    background-color: #efefef; }
  #form.invite .select2-results__option, #form.attendees .select2-results__option {
    opacity: 0.6;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
  #form.invite .select2-container--default .select2-results__option--highlighted[aria-selected], #form.attendees .select2-container--default .select2-results__option--highlighted[aria-selected] {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }
  #form.invite .select2-container--default .select2-results__option[aria-selected=true][aria-selected=true], #form.attendees .select2-container--default .select2-results__option[aria-selected=true][aria-selected=true] {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }
  #form.invite .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, #form.attendees .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    z-index: 2;
    font-size: 22px;
    line-height: 40px;
    padding: 0 5px; }
  #form.invite .select2-container--default .select2-search--inline .select2-search__field, #form.attendees .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important; }
  #form.invite .select2-container--default .select2-selection--multiple .select2-selection__choice, #form.attendees .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: block;
    float: none;
    margin-right: 0;
    line-height: 36px;
    position: relative; }
  #form.invite .select2-container--default .select2-selection--multiple .select2-selection__clear, #form.attendees .select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none; }

#cnc-dropdown {
  position: static;
  top: 70px;
  left: 0;
  z-index: 3; }
  #cnc-dropdown .select2-container {
    position: static !important; }
    #cnc-dropdown .select2-container .select2-dropdown {
      position: static; }
      #cnc-dropdown .select2-container .select2-dropdown .select2-results > .select2-results__options {
        max-height: 300px;
        overflow: auto; }

#attendance a {
  color: #009edf; }
#attendance .table td {
  text-align: center; }
#attendance .responsive-table {
  overflow: auto; }
  #attendance .responsive-table .table {
    min-width: 1080px; }
#attendance tbody th {
  text-align: left; }
#attendance tbody tr:hover {
  background-color: #fff1c9; }
#attendance tbody tr.completed {
  background-color: #d7f4dc; }
#attendance thead th {
  text-align: center; }
  #attendance thead th:first-child {
    text-align: left; }
#attendance .table th, #attendance .table td {
  border: #cecece 1px solid;
  font-family: sans-serif; }
#attendance .table th, #attendance .table td {
  border-top: #cecece 1px solid; }
#attendance .table td, #attendance .table th {
  font-size: 0.86em; }
#attendance > header {
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #fcfcfc;
  padding: 17px; }
  #attendance > header h1 {
    color: #333333;
    font-size: 1.3em; }
  #attendance > header select {
    float: right; }
#attendance > aside {
  text-align: center;
  padding: 40px; }
  #attendance > aside h1 {
    color: #cecece; }
  #attendance > aside#add-attendees-form {
    padding: 0; }
    #attendance > aside#add-attendees-form > div {
      display: none;
      box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
      background-color: #f7f7f7;
      padding: 17px;
      max-width: 768px;
      margin: 17px auto; }
    #attendance > aside#add-attendees-form #form label {
      text-align: left; }
    #attendance > aside#add-attendees-form .btn-white {
      display: block;
      width: 100%;
      outline-style: none; }
      #attendance > aside#add-attendees-form .btn-white em {
        display: none; }
    #attendance > aside#add-attendees-form.drop .btn-white span {
      display: none; }
    #attendance > aside#add-attendees-form.drop .btn-white em {
      display: block; }

section.topics header,
section.topic header {
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #fcfcfc;
  padding: 17px;
  margin: 23px 0; }
  section.topics header h1,
  section.topic header h1 {
    color: #191919;
    text-align: center; }

section.topics {
  padding: 0 14px !important; }
  section.topics h2 {
    border-bottom: #f4f4f4 2px solid;
    margin-bottom: 0; }
  section.topics .row {
    text-align: left;
    justify-content: left;
    margin-top: 8px; }
    section.topics .row .col a {
      display: block;
      font-size: 1.2em;
      line-height: 1.5; }
      section.topics .row .col a small {
        color: #7f7f7f; }
  section.topics .tag-cloud {
    padding: 0; }
    section.topics .tag-cloud a {
      background-color: #009edf;
      color: #fff !important;
      padding: 6px 10px;
      font-weight: 700;
      display: inline-block;
      vertical-align: middle;
      margin: 1px 1px 3px;
      border-radius: 6px;
      box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08); }
      section.topics .tag-cloud a:hover, section.topics .tag-cloud a:active, section.topics .tag-cloud a:focus {
        background-color: #04b6ff; }

section.topic {
  width: 98%;
  margin: 0 auto;
  max-width: 768px !important;
  margin-bottom: 26px; }
  @media (min-width: 414px) {
    section.topic {
      width: 94%; } }
  @media (min-width: 1080px) {
    section.topic {
      width: 89%; } }
  @media (min-width: 1366px) {
    section.topic {
      max-width: 1366px; } }

body.page-blog .feed {
  margin-left: auto;
  margin-right: auto; }
  body.page-blog .feed.cols-1 {
    max-width: 620px !important; }
    @media (max-width: 1365px) {
      body.page-blog .feed.cols-1 {
        max-width: 550px !important; } }
  body.page-blog .feed ul {
    display: block;
    margin-top: 23px; }
  body.page-blog .feed .publication-excerpt > div {
    min-height: 0; }
  body.page-blog .feed .publication-excerpt > .img {
    padding-top: 55%; }
    @media (max-width: 1365px) {
      body.page-blog .feed .publication-excerpt > .img {
        padding-top: 42%; } }

/*# sourceMappingURL=posts.css.map */
