@charset "UTF-8";
/*
 * Theme Name: CSO16
 * Description: A custom WordPress theme for the Northeastern University Center for the Study of Sport in Society.
 * Author: Mike Wagenheim
 * Version: 1.0
 */
/* ==============================================================
 * Normalize
 *
 * ============================================================
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ 
  -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

optgroup {
  font-weight: bold; }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* ==============================================================
 * Tools
 *
 * ============================================================
 */
/* ==============================================================
 * Base styles
 *
 * ============================================================
 */
:root {
  font-size: 10px; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background: #F8F8F8;
  font-size: 1.6rem;
  font-family: 'Lato', sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  box-sizing: border-box; }

#wpadminbar {
  position: fixed; }

.container {
  padding: 0 1.6rem; }

.clearfix:after {
  clear: both;
  content: "";
  display: table; }

.max-width-container, .bbp-forum-content, .bbp-topic-wrapper {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 1.6rem; }

.main {
  padding-top: 9rem; }
  @media (max-width: 1050px) {
    .main {
      padding-top: 7.2rem; } }

p {
  color: rgba(102, 102, 102, 0.8);
  line-height: 1.5em;
  font-size: 1.6rem; }
  @media (max-width: 480px) {
    p {
      font-size: 1.4rem; } }

.section {
  width: 100%;
  max-width: 120rem;
  margin: 9.6rem auto;
  position: relative; }
  .section:after {
    clear: both;
    content: "";
    display: table; }
  .section-heading {
    font-size: 3.6rem;
    font-weight: 400;
    border-top: 3px solid #CC0000;
    padding-top: 2.4rem;
    margin: 0; }
    @media (max-width: 890px) {
      .section-heading {
        font-size: 3.2rem; } }
  .section-title, .comment-reply-title {
    font-size: 1.6rem; }
  .section-rule, .entry-title:after {
    display: block;
    position: relative;
    width: 4rem;
    border-top: 1px solid #CC0000;
    margin: 0 auto 4.4rem auto;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .section-rule--page, .entry-title:after {
      margin-top: 4.4rem; }

.sub-section {
  margin-bottom: 3.2rem; }
  .sub-section__heading {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    color: rgba(102, 102, 102, 0.4); }
  .sub-section__body--half {
    width: 45%;
    margin-bottom: 4rem; }
    @media (max-width: 780px) {
      .sub-section__body--half {
        width: 90%; } }
    @media (max-width: 500px) {
      .sub-section__body--half {
        width: 100%; } }
  .sub-section--cta {
    font-size: 2.4rem;
    line-height: 1.5em;
    color: #CC0000;
    width: 100%;
    max-width: 80rem;
    text-align: center;
    padding: 4.8rem 0;
    margin: 0 auto; }
    @media (max-width: 600px) {
      .sub-section--cta {
        font-size: 1.8rem; } }

.column {
  position: relative;
  float: left; }

.align-center {
  text-align: center; }

a {
  text-decoration: none;
  color: #CC0000; }

.page-heading {
  border-top: 3px solid #666;
  border-bottom: 1px solid #666;
  padding: 2.4rem 0;
  margin-bottom: 4rem; }

.page-inner, #bbp-user-wrapper {
  margin: 4rem 0 9.6rem 0;
  padding: 2.4rem;
  width: 100%; }
  .page-inner--right {
    margin-right: 40%;
    padding: 1% 0 1% 4rem;
    width: calc(60% - 4rem);
    border-left: 3px solid #CC0000; }
    @media (max-width: 700px) {
      .page-inner--right {
        margin-right: 0;
        width: calc(100% - 4rem);
        padding-right: 4rem; } }
    @media (max-width: 540px) {
      .page-inner--right {
        width: 100%;
        margin: 4rem 0 9.6rem 0;
        padding: 1% 1.6rem;
        border: none; } }

.page-blurb {
  font-size: 2.4rem;
  line-height: 1.5em;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 88rem;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .page-blurb {
      font-size: 1.8rem; } }

.page-block {
  padding: 0 0 4rem 0; }

.page-title, .entry-title, .comment-reply-title {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 1.8rem;
  line-height: 1.4em; }

ul {
  list-style-image: url("static/img/bullet.svg"); }

li {
  padding-bottom: 8px;
  line-height: 1.5em; }

.text-columns, .services__page-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0; }

.text-block {
  list-style: none;
  margin-bottom: 3.2rem;
  width: 48%; }
  @media (max-width: 700px) {
    .text-block {
      width: 96%; } }

/* ==============================================================
 * Global Navigation
 *
 * ============================================================
 */
.appbar {
  position: fixed;
  width: 100%;
  z-index: 9999;
  background: #FFF;
  height: 9rem;
  border-bottom: 1px solid #E8E8E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.6rem; }
  @media (max-width: 1050px) {
    .appbar {
      height: 7.2rem; } }

.logo {
  margin: .8rem 0 0 0;
  padding: 0;
  position: relative;
  z-index: 9999;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.logo-link {
  display: inline-block; }

.logo-img {
  height: 6.4rem; }
  @media (max-width: 1050px) {
    .logo-img {
      height: 4.8rem; } }
  @media (max-width: 400px) {
    .logo-img {
      height: 4rem; } }

.menu {
  padding-top: 2.4rem; }
  @media (max-width: 1050px) {
    .menu {
      padding-top: 1.6rem; } }
  @media (max-width: 890px) {
    .menu {
      opacity: 0;
      pointer-events: none;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: #F8F8F8;
      padding: 13rem 0 0 0;
      overflow: auto; } }

.menu-animateable {
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center; }

.menu-item {
  display: inline-block; }
  @media (max-width: 890px) {
    .menu-item {
      display: block; } }

.menu-link {
  color: #666;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding: 1.6rem .8rem;
  -webkit-transition: color .2s;
  transition: color .2s; }
  .menu-link:hover, .menu-link:focus {
    color: #CC0000; }
    @media (max-width: 890px) {
      .menu-link:hover, .menu-link:focus {
        background: #E8E8E8; } }
  @media (max-width: 1050px) {
    .menu-link {
      font-size: 1.3rem;
      padding: .8rem .6rem; } }
  @media (max-width: 890px) {
    .menu-link {
      font-size: 2.4rem;
      display: block;
      padding: 1.6rem; } }

/* ============================================
 * menu icon
 * ============================================ */
.menu-icon {
  width: 41px;
  height: 44px;
  text-align: center;
  border: none;
  background: none;
  position: relative;
  display: none;
  outline-color: #CC0000;
  cursor: pointer;
  z-index: 9999; }
  @media (max-width: 890px) {
    .menu-icon {
      display: inline-block; } }
  .menu-icon:focus {
    background: #dbdbdb;
    border-radius: 4px;
    outline: none; }

.menu-icon-bar {
  background: #666;
  border-radius: 2px;
  width: 32px;
  height: 4px;
  position: absolute;
  left: 0; }
  .menu-icon-bar:nth-child(1) {
    top: 4px;
    left: 4px;
    -webkit-transition: top .12s ease .2s, -webkit-transform .2s ease;
    transition: top .12s ease .2s, -webkit-transform .2s ease;
    transition: top .12s ease .2s, transform .2s ease;
    transition: top .12s ease .2s, transform .2s ease, -webkit-transform .2s ease; }
  .menu-icon-bar:nth-child(2) {
    top: 13px;
    left: 4px; }
  .menu-icon-bar:nth-child(3) {
    top: 22px;
    left: 4px;
    -webkit-transition: top .12s ease .2s, -webkit-transform .2s ease;
    transition: top .12s ease .2s, -webkit-transform .2s ease;
    transition: top .12s ease .2s, transform .2s ease;
    transition: top .12s ease .2s, transform .2s ease, -webkit-transform .2s ease; }

.menu-icon-caption {
  position: absolute;
  width: 32px;
  left: 4px;
  bottom: 3px;
  color: #666;
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase; }

/* ============================================
 * menu open state
 * ============================================ */
.menu-open .menu {
  opacity: 1;
  pointer-events: auto; }

.menu-open .menu-icon-bar {
  -webkit-transform: scaleY(0.9);
          transform: scaleY(0.9); }
  .menu-open .menu-icon-bar:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: top .12s ease, -webkit-transform .2s ease .2s;
    transition: top .12s ease, -webkit-transform .2s ease .2s;
    transition: top .12s ease, transform .2s ease .2s;
    transition: top .12s ease, transform .2s ease .2s, -webkit-transform .2s ease .2s; }
  .menu-open .menu-icon-bar:nth-child(2) {
    opacity: 0; }
  .menu-open .menu-icon-bar:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top .12s ease, -webkit-transform .2s ease .2s;
    transition: top .12s ease, -webkit-transform .2s ease .2s;
    transition: top .12s ease, transform .2s ease .2s;
    transition: top .12s ease, transform .2s ease .2s, -webkit-transform .2s ease .2s; }

.pinned .appbar {
  position: fixed;
  top: 0; }

.pinned .main {
  padding-top: 7.2rem; }

/* ============================================
 * menu item active state
 * ============================================ */
.current-menu-item a {
  color: #CC0000; }

/* ==============================================================
 * Buttons
 *
 * ============================================================
 */
.action-button, .button .submit, button[type="submit"], .form-submit .submit {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 700;
  color: #CC0000;
  letter-spacing: 1px;
  line-height: 2rem;
  border: 1px solid #CC0000;
  border-radius: 6rem;
  padding: .7rem 2.2rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  @media (max-width: 890px) {
    .action-button, .button .submit, button[type="submit"], .form-submit .submit {
      display: inline-block;
      padding: 1.4rem 4rem; } }
  .action-button:hover, .button .submit:hover, button[type="submit"]:hover, .form-submit .submit:hover {
    background: #CC0000;
    color: #FFF;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .action-button--menu {
    margin-left: .8rem; }
    @media (max-width: 890px) {
      .action-button--menu {
        margin: 3rem 0 0 0; } }
    @media (max-width: 400px) {
      .action-button--menu {
        margin-left: 0;
        padding: 1.4rem 2rem;
        position: absolute;
        width: calc(100% - 3.2rem);
        left: 1.6rem;
        bottom: 1.6rem; } }

.back-link {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-block;
  margin: 2.4rem 0; }
  @media (max-width: 890px) {
    .back-link {
      padding-left: 1.6rem; } }

.more-link {
  font-weight: 700;
  margin: 1rem 0 0 0;
  text-transform: uppercase;
  text-decoration: none;
  color: #CC0000;
  letter-spacing: 1px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inline-block; }
  .more-link:after {
    content: "\2192";
    margin-left: .4rem;
    display: inline-block;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  .more-link:hover:after, .more-link:focus:after {
    opacity: 1;
    -webkit-transform: translateX(0.8rem);
            transform: translateX(0.8rem); }

.author-link {
  position: relative; }
  .author-link:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -6px;
    background: #CC0000;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
  .author-link:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }

/* ==============================================================
 * Homepage Hero
 *
 * ============================================================
 */
.hero {
  background: #666;
  /* fallback if image doesn't load from WordPress */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  height: 600px;
  position: relative;
  overflow: hidden; }
  .hero:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); }
  @media (max-width: 780px) {
    .hero {
      height: 400px; } }

.lede {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999;
  display: inline-block;
  margin: 0 auto;
  color: #FFF;
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 1.4em;
  width: 100%;
  max-width: 80rem;
  padding: 0 1.6rem 10% 1.6rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
  @media (max-width: 500px) {
    .lede {
      font-size: 2.4rem; } }

.lede.visible {
  opacity: 1;
  pointer-events: auto; }

.cts {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
  bottom: 6rem;
  text-align: center; }
  .cts-img {
    height: 2.4rem;
    width: 2.4rem;
    display: inline-block;
    background-image: url("static/img/mouse.svg");
    background-repeat: no-repeat;
    background-position: center; }
  .cts-caption {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    margin: .4rem 0 0 0; }

/* ==============================================================
 * bbPress Forum Styles
 *
 * ============================================================
 */
.bbp-login-form {
  padding: .8rem; }

.bbp-form, #bbpress-forums fieldset.bbp-form {
  border: none;
  background: #FFF;
  max-width: 50rem;
  margin: 3.2rem auto;
  padding: 1.6rem; }

.bbp-username, .bbp-password {
  margin-bottom: 1.6rem; }
  .bbp-username label, .bbp-password label {
    display: block;
    margin-bottom: .8rem;
    padding-left: .8rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 1px;
    color: rgba(102, 102, 102, 0.7); }

.bbp-login-form .bbp-username input,
.bbp-login-form .bbp-password input {
  display: inline-block;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 6rem;
  padding: .8rem 1.6rem;
  outline: none;
  color: #666;
  -webkit-transition: border-color .2s linear;
  transition: border-color .2s linear; }
  .bbp-login-form .bbp-username input:focus,
  .bbp-login-form .bbp-password input:focus {
    border-color: #CC0000; }

.bbp-remember-me {
  padding-left: .8rem; }
  .bbp-remember-me input {
    width: 1.6rem;
    height: 1.6rem;
    outline-color: #CC0000; }
  .bbp-remember-me label {
    margin-left: .4rem;
    font-size: 1.4rem;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }

.user-submit {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #CC0000;
  letter-spacing: 1px;
  border: 1px solid #CC0000;
  background: none;
  border-radius: 6rem;
  padding: .8rem 2.4rem;
  cursor: pointer;
  -webkit-transition: all .33s ease-in-out;
  transition: all .33s ease-in-out; }
  .user-submit:focus, .user-submit:hover {
    color: #FFF;
    background: #CC0000; }

.lost-pass-link {
  text-decoration: underline;
  margin-right: 2.4rem; }
  .lost-pass-link:hover {
    text-decoration: none; }

.bbp-breadcrumb {
  padding-left: 2.4rem;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px); }
  @media (max-width: 500px) {
    .bbp-breadcrumb {
      padding-left: 0; } }
  .bbp-breadcrumb p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 1px; }

#subscription-toggle, li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
  float: right;
  margin-bottom: 2.4rem;
  text-transform: uppercase;
  letter-spacing: 1px; }
  @media (max-width: 520px) {
    #subscription-toggle, li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
      display: block;
      text-align: center; } }

.bbp-search-form {
  display: none;
  padding-right: 2.4rem; }
  @media (max-width: 500px) {
    .bbp-search-form {
      padding-right: 0; } }
  .bbp-search-form input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none; }
  .bbp-search-form input[type="text"] {
    border: 1px solid #E8E8E8;
    border-radius: 6rem;
    outline: none;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    padding: .8rem 1.6rem;
    background: #FFF; }
    .bbp-search-form input[type="text"]:focus {
      border-color: #CC0000; }
  .bbp-search-form input[type="submit"] {
    outline: none;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    color: #CC0000;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer; }
    .bbp-search-form input[type="submit"]:hover {
      text-decoration: underline; }

#bbpress-forums a:hover {
  text-decoration: underline; }

#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics {
  font-size: 1.6rem;
  border: none;
  margin-top: 8rem; }
  @media (max-width: 768px) {
    #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics {
      font-size: 1.4rem; } }

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
  background: none;
  border: none;
  border-radius: 10px;
  padding: .8rem 2.4rem;
  margin-bottom: .8rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: rgba(102, 102, 102, 0.7); }
  @media (max-width: 768px) {
    #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
      font-size: 1rem; } }
  @media (max-width: 350px) {
    #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
      display: none; } }

#bbpress-forums li.bbp-body {
  margin-bottom: 3.2rem; }
  #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    border: none;
    border-radius: 16px;
    padding: 1.6rem 2.4rem;
    margin-bottom: .8rem;
    background: #FFF; }

li.bbp-forum-freshness, li.bbp-topic-freshness {
  text-align: left; }

.bbp-forum-content, .bbp-topic-wrapper {
  padding: 0; }

.entry-title {
  text-align: center;
  margin: 7.2rem 0; }
  .entry-title:after {
    content: '';
    display: block; }

#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
  border: none;
  margin: 0 3px -3px 3px;
  border-radius: 2px; }

#bbpress-forums ul.bbp-replies, #bbpress-forums div.odd {
  border: none; }

#bbpress-forums div.odd, #bbpress-forums div.even {
  margin: .8rem 0;
  background: #FFF;
  border-radius: 10px; }

#bbpress-forums div.bbp-reply-header {
  background: none;
  border: none; }

.bbp-reply-ip {
  display: none; }

#bbpress-forums #bbp-user-wrapper h2.entry-title {
  display: none; }

#bbpress-forums #bbp-your-profile fieldset label[for] {
  display: block;
  text-align: left;
  float: none;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(102, 102, 102, 0.7); }

fieldset {
  border: none; }

#bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
  width: 100%;
  max-width: none;
  border: none;
  border-radius: 10px; }

#bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea {
  background: #FFF;
  border: 1px solid #E8E8E8;
  border-radius: 6rem;
  padding: 1rem 1.6rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: none; }
  #bbpress-forums #bbp-your-profile fieldset input:focus, #bbpress-forums #bbp-your-profile fieldset textarea:focus {
    box-shadow: none;
    border-color: #CC0000; }
  @media (max-width: 890px) {
    #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea {
      width: 100%; } }

#bbpress-forums #bbp-your-profile fieldset textarea {
  border-radius: 16px; }

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
  border-radius: 3px; }

#bbpress-forums #bbp-single-user-details {
  margin-bottom: 2.4rem; }

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar, #bbpress-forums div.bbp-reply-author img.avatar {
  border-radius: 10px; }

#bbpress-forums fieldset.bbp-form {
  border-radius: 10px; }

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  -webkit-transition: all .3s;
  transition: all .3s; }
  #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content:focus {
    border-color: #CC0000; }

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  border-radius: 10px;
  padding: 1rem;
  border: none;
  margin-bottom: .8rem; }

#bbpress-forums fieldset.bbp-form label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(102, 102, 102, 0.7);
  font-size: 1.2rem; }

#bbpress-forums fieldset.bbp-form input[type="text"] {
  border-radius: 6rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #E8E8E8;
  outline: none;
  padding: .8rem 1.6rem;
  -webkit-transition: all .3s;
  transition: all .3s; }
  #bbpress-forums fieldset.bbp-form input[type="text"]:focus {
    border-color: #CC0000; }

button[type="submit"] {
  background: none; }

/* ==============================================================
 * Programs section
 *
 * ============================================================
 */
/* home */
.programs-home {
  text-align: center;
  padding: 16rem 1.6rem 16rem 1.6rem; }

.programs-description {
  font-size: 1.8rem;
  line-height: 2.8rem;
  width: 100%;
  max-width: 54rem;
  margin: 0 auto 6rem auto; }

.programs-hover {
  -webkit-transform: scaleX(3);
          transform: scaleX(3); }

.programs-heading {
  max-width: 120rem;
  margin: 4rem auto; }

.program-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 890px) {
    .program-cards {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 540px) {
    .program-cards {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.program-card {
  width: 25%;
  min-height: 40rem;
  background: #FFF;
  margin: .8rem;
  padding: 2.4rem 1.6rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 890px) {
    .program-card {
      width: 48.4%;
      margin: .6rem .4rem; } }
  @media (max-width: 540px) {
    .program-card {
      width: 100%;
      margin: .6rem 0; } }
  .program-card__title {
    margin: 0;
    font-size: 1.6rem;
    height: 4rem; }
  .program-card__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1.6rem;
    line-height: 1.4em;
    text-align: left; }
    @media (max-width: 540px) {
      .program-card__body {
        font-size: 1.4rem; } }

.cta {
  background: #FFF;
  padding: 0 3.2rem; }

/* ==============================================================
 * Blog section
 *
 * ============================================================
 */
.blog-home {
  margin-bottom: 20rem; }
  .blog-home-column {
    position: relative;
    float: left; }
  .blog-home-header {
    padding: 3.2rem 0;
    border-top: 3px solid #666;
    border-bottom: 1px solid #666; }

.latest-posts {
  width: 66.66%;
  padding-right: 4rem; }
  @media (max-width: 890px) {
    .latest-posts {
      padding-right: 2.4rem; } }
  @media (max-width: 780px) {
    .latest-posts {
      width: 100%;
      padding-right: 0; } }

.latest-events {
  width: 33.33%; }
  @media (max-width: 780px) {
    .latest-events {
      width: 100%; } }

.latest-heading {
  margin: 0;
  font-size: 3.6rem;
  font-weight: 400; }
  @media (max-width: 890px) {
    .latest-heading {
      font-size: 3.2rem; } }

.events-header {
  border-top-color: #CC0000; }

.latest-subheading {
  margin: 1rem 0 0 0; }

.latest-list, .events-list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

.latest-list {
  counter-reset: li; }

@media (max-width: 780px) {
  .latest-list-item:last-child .latest-post {
    border-bottom: none; } }

.latest-post {
  display: block;
  margin: 0 0 0 12.5%;
  padding: 4rem 0 4rem 0;
  border-bottom: 1px solid #666; }
  @media (max-width: 500px) {
    .latest-post {
      margin-left: 0; } }
  .latest-post:before {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    left: 0;
    font-size: 4.8rem;
    font-weight: 300;
    color: rgba(102, 102, 102, 0.5);
    line-height: 5rem;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out; }
    @media (max-width: 890px) {
      .latest-post:before {
        font-size: 3.6rem; } }
    @media (max-width: 500px) {
      .latest-post:before {
        display: none; } }

.latest-post-title {
  margin: 0 0 1rem 0;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 4.3rem;
  color: #666; }
  @media (max-width: 890px) {
    .latest-post-title {
      font-size: 3.2rem;
      line-height: 3.9rem; } }

.latest-event {
  padding: 2.4rem 0; }

.latest-event-title {
  margin: 0 0 .8rem 0;
  color: #666;
  font-size: 2.4rem;
  font-weight: 700; }

.latest-event-meta {
  margin: 0 0 1.6rem 0;
  font-size: 1.6rem;
  color: rgba(102, 102, 102, 0.5); }

.post-header {
  margin-top: 5.4rem; }

.post-hero {
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  .post-hero:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); }
  .post-hero__content {
    position: absolute;
    top: 54%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%; }
    .post-hero__content .page-title, .post-hero__content .entry-title, .post-hero__content .comment-reply-title {
      color: #FFF; }
    .post-hero__content .section-rule--page, .post-hero__content .entry-title:after {
      border-color: #FFF; }

.article-content, .comments {
  width: 100%;
  padding: 0 2.4rem;
  max-width: 70rem;
  margin: 5.6rem auto; }

.responses {
  margin-bottom: 5.6rem; }

.comments {
  padding: 1.6rem;
  background: #FFF;
  border-radius: 10px; }
  .comments__title {
    margin-bottom: 4rem; }

.logged-in-as {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.comment-form-comment label {
  display: none; }

.comment-form-comment textarea {
  display: inline-block;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 20px;
  padding: .8rem 1.6rem;
  outline: none;
  color: #666;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: border-color .2s linear;
  transition: border-color .2s linear; }
  .comment-form-comment textarea:focus {
    border-color: #CC0000; }

.form-submit:after {
  clear: both;
  content: "";
  display: table; }

.form-submit .submit {
  background: none;
  float: right; }

.blog-comment {
  width: 100%;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem; }

.comment-author {
  color: #CC0000; }

.article-body {
  margin-top: 2.4rem; }
  .article-body:first-letter {
    font-size: 48px;
    float: left;
    padding: 0 8px 0 0;
    line-height: 48px; }
    .article-body:first-letter:after {
      clear: both;
      content: "";
      display: table; }

/* ==============================================================
 * Testimonials section
 *
 * ============================================================
 */
.testimonials {
  margin: 9.6rem auto; }
  .testimonials-heading {
    margin-bottom: 2.4rem; }
  .testimonials-carousel {
    width: 100%;
    height: 250px;
    position: relative;
    margin: 6rem 0 0 0; }
    @media (max-width: 540px) {
      .testimonials-carousel {
        margin: 3.2rem 0 0 0;
        height: 340px; } }

.testimonial {
  width: 80%;
  height: auto;
  background: #F8F8F8;
  position: absolute;
  display: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 2rem 0; }
  @media (max-width: 890px) {
    .testimonial {
      width: 100%; } }
  .testimonial-image {
    width: 15rem;
    height: 15rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    @media (max-width: 890px) {
      .testimonial-image {
        width: 10rem;
        height: 10rem; } }
    @media (max-width: 600px) {
      .testimonial-image {
        display: none; } }
  .testimonial-content {
    width: calc(100% - 15rem);
    padding-left: 5.6rem;
    quotes: "“" "”" "‘" "’";
    position: relative; }
    .testimonial-content:before {
      content: '\201C';
      display: inline-block;
      color: #CC0000;
      font-size: 10rem;
      font-weight: 700;
      line-height: .6;
      position: absolute;
      opacity: .2;
      top: 1;
      left: .8rem; }
    @media (max-width: 890px) {
      .testimonial-content {
        width: calc(100% - 11rem); } }
    @media (max-width: 600px) {
      .testimonial-content {
        width: 100%;
        padding-left: 4.8rem; }
        .testimonial-content:before {
          left: 0; } }
  .testimonial-quote {
    margin: 0;
    font-size: 1.8rem;
    font-style: italic;
    line-height: 1.7em; }
    @media (max-width: 890px) {
      .testimonial-quote {
        font-size: 1.6rem; } }
    @media (max-width: 480px) {
      .testimonial-quote {
        font-size: 1.5rem; } }
  .testimonial-credit {
    margin: 1.6rem 0 0 0;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.4em;
    opacity: .7;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media (max-width: 480px) {
      .testimonial-credit {
        font-size: 1.2rem; } }
  .testimonial-nav {
    list-style: none;
    padding: 0;
    margin-bottom: 16rem; }
    @media (max-width: 500px) {
      .testimonial-nav {
        margin-bottom: 8rem; } }
    .testimonial-nav-button {
      width: 24px;
      height: 24px;
      display: inline-block;
      margin-left: 4rem;
      float: right;
      position: relative;
      cursor: pointer; }
      .testimonial-nav-button:before, .testimonial-nav-button:after {
        content: '';
        display: inline-block;
        width: 3px;
        height: 15px;
        background: #666;
        position: absolute;
        border-radius: 3px;
        -webkit-transition: background .3s;
        transition: background .3s; }
      .testimonial-nav-button:hover:before, .testimonial-nav-button:hover:after {
        background: #CC0000; }
      .testimonial-nav-button-next:before {
        -webkit-transform: rotate(-36deg);
                transform: rotate(-36deg);
        -webkit-transform-origin: left;
                transform-origin: left;
        right: 50%;
        top: 0; }
      .testimonial-nav-button-next:after {
        -webkit-transform: rotate(36deg);
                transform: rotate(36deg);
        -webkit-transform-origin: left;
                transform-origin: left;
        right: 50%;
        bottom: 0; }
      .testimonial-nav-button-previous:before {
        -webkit-transform: rotate(36deg);
                transform: rotate(36deg);
        -webkit-transform-origin: right;
                transform-origin: right;
        left: 50%;
        top: 0; }
      .testimonial-nav-button-previous:after {
        -webkit-transform: rotate(-36deg);
                transform: rotate(-36deg);
        -webkit-transform-origin: right;
                transform-origin: right;
        left: 50%;
        bottom: 0; }

.is-showing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1; }

.fading-in {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }

.fading-out {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* ==============================================================
 * Partners section
 *
 * ============================================================
 */
.partners {
  background: #FFF;
  padding: 2rem 0;
  margin-bottom: 0; }
  .partners .container {
    margin-bottom: 2rem; }
    @media (max-width: 780px) {
      .partners .container {
        margin-top: 2rem; } }

.more-link--partners {
  display: block;
  text-align: right;
  margin: 4rem 0 2rem 0;
  color: rgba(204, 0, 0, 0.6); }
  @media (max-width: 780px) {
    .more-link--partners {
      margin-top: 2rem; } }
  .more-link--partners:after {
    display: none; }
  .more-link--partners:hover {
    color: #CC0000; }

.partner-list {
  list-style: none;
  margin: 0;
  padding: 6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .partner-list:after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 780px) {
    .partner-list {
      padding-top: 3rem; } }

.partner-item {
  width: 16.66%; }
  @media (max-width: 780px) {
    .partner-item {
      width: 33.33%; } }
  @media (max-width: 500px) {
    .partner-item {
      width: 50%; } }

.partner-link {
  display: inline-block;
  padding: 3rem; }

.partner-logo-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  width: 100%;
  opacity: .6;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out; }
  .partner-logo-img:hover {
    opacity: 1; }

/* ==============================================================
 * Google map
 *
 * ============================================================
 */
#map {
  width: 100%;
  height: 300px;
  pointer-events: none; }

/* ==============================================================
 * Forms
 *
 * ============================================================
 */
.ninja-forms-cont {
  width: 100%;
  max-width: 50rem;
  padding: 1.6rem;
  margin: 3rem auto; }

.ninja-forms-required-items {
  display: none; }

.ninja-forms-req-symbol {
  display: none; }

.ninja-forms-success-msg {
  text-align: center; }

.field-wrap label {
  display: block;
  margin-bottom: .8rem;
  padding-left: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 1px;
  color: rgba(102, 102, 102, 0.7); }

.field-wrap input, .field-wrap textarea {
  display: inline-block;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 6rem;
  padding: .8rem 1.6rem;
  outline: none;
  color: #666;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: border-color .2s linear;
  transition: border-color .2s linear; }
  .field-wrap input:focus, .field-wrap textarea:focus {
    border-color: #CC0000; }

.field-wrap textarea {
  border-radius: 20px; }

.submit-wrap input[type="submit"] {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #CC0000;
  letter-spacing: 1px;
  border: 1px solid #CC0000;
  background: none;
  border-radius: 6rem;
  padding: .8rem 3.2rem;
  cursor: pointer;
  -webkit-transition: all .33s ease-in-out;
  transition: all .33s ease-in-out;
  float: right; }
  .submit-wrap input[type="submit"]:focus, .submit-wrap input[type="submit"]:hover {
    color: #FFF;
    background: #CC0000; }
  @media (max-width: 540px) {
    .submit-wrap input[type="submit"] {
      display: block;
      width: 100%; } }

.form {
  width: 100%;
  max-width: 540px;
  background: #FFF;
  margin: 0 auto;
  border-radius: 10px;
  margin-bottom: 10rem; }

.nf-form-fields-required {
  display: none; }

.nf-response-msg {
  padding: 16px;
  text-align: center; }

/* ==============================================================
 * Staff
 *
 * ============================================================
 */
.staff-list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 780px) {
    .staff-list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .staff-list__item {
    width: 100%;
    height: 100%;
    margin-bottom: 4rem;
    position: relative;
    width: 32%; }
    @media (max-width: 890px) {
      .staff-list__item {
        width: 48%; } }
    @media (max-width: 600px) {
      .staff-list__item {
        width: 100%; } }
    .staff-list__item:not(:first-child):hover:before {
      opacity: 1; }
  .staff-list__link {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 4; }
    .staff-list__link:hover .staff-list__overlay {
      opacity: 1; }
  .staff-list__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: .5rem;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .staff-list__overlay p {
      text-transform: uppercase;
      font-weight: 300;
      font-size: 100px;
      letter-spacing: 1px;
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      color: rgba(255, 255, 255, 0.7); }
  .staff-list__image {
    width: 100%;
    height: auto; }
  .staff-list__text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .5rem;
    color: #FFF;
    padding: 1rem 1.6rem;
    opacity: 1;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent 80%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent 80%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  .staff-list__name {
    margin: 0 0 0rem 0;
    font-size: 1.8rem; }
  .staff-list__bio {
    font-size: 1.6rem;
    line-height: 1.6em;
    color: #FFF;
    margin: 0; }

.staff-inner {
  margin-bottom: 0; }

/* ==============================================================
 * Jobs
 *
 * ============================================================
 */
.job-list {
  list-style: none;
  padding: 0;
  margin-top: 4rem; }
  .job-list__item {
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid #E8E8E8; }
  .job-list__title {
    margin: 0;
    margin-bottom: 1rem; }

.jobs-inner {
  margin-top: 0;
  padding-top: 0; }

/* ==============================================================
 * Services
 *
 * ============================================================
 */
.services__page-content h3 {
  margin-bottom: 3.2rem; }

.services__page-content ul {
  padding: 1.6rem; }

.services__page-content li {
  margin-bottom: 1.6rem;
  width: 31%; }
  @media (max-width: 890px) {
    .services__page-content li {
      width: 48%; } }
  @media (max-width: 600px) {
    .services__page-content li {
      width: 96%; } }

/* ==============================================================
 * Author
 *
 * ============================================================
 */
.author-bio {
  width: 70%;
  margin: 0 auto;
  text-align: left; }
  @media (max-width: 890px) {
    .author-bio {
      width: 100%; } }

.author-avatar {
  border-radius: 50%;
  margin-bottom: 3.6rem;
  max-width: 100px; }

.author-name {
  font-weight: 700; }

/* ==============================================================
 * Site Footer
 *
 * ============================================================
 */
.site-footer {
  padding: 3.2rem 2.4rem 2.4rem 2.4rem;
  background: #666; }
  .site-footer:after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 700px) {
    .site-footer {
      padding-bottom: 0; } }
  .site-footer .menu-list {
    text-align: left;
    margin-left: 2.4rem; }
    @media (max-width: 700px) {
      .site-footer .menu-list {
        margin-left: 1rem; } }
  .site-footer .menu-item {
    display: block; }
  .site-footer .menu-link {
    display: inline-block;
    font-size: 1.4rem;
    padding: .8rem 0;
    color: #FFF;
    -webkit-transition: opacity .2s;
    transition: opacity .2s; }
    .site-footer .menu-link:hover, .site-footer .menu-link:focus {
      opacity: 0.6; }
      @media (max-width: 890px) {
        .site-footer .menu-link:hover, .site-footer .menu-link:focus {
          background: none; } }

.footer-column {
  float: left; }
  .footer-column-left {
    width: 58.33%; }
    @media (max-width: 890px) {
      .footer-column-left {
        width: 50%; } }
    @media (max-width: 700px) {
      .footer-column-left {
        width: 100%; } }
  .footer-column-right {
    margin-top: 1%;
    width: 41.66%; }
    .footer-column-right:after {
      clear: both;
      content: "";
      display: table; }
    @media (max-width: 890px) {
      .footer-column-right {
        width: 50%; } }
    @media (max-width: 700px) {
      .footer-column-right {
        width: 100%;
        margin: 4rem 0 2.4rem 0; } }

.footer-logo-link {
  display: inline-block;
  margin-bottom: 7rem; }
  @media (max-width: 700px) {
    .footer-logo-link {
      margin-bottom: 3%; } }

.footer-logo-img {
  width: 46rem; }
  @media (max-width: 890px) {
    .footer-logo-img {
      width: 32rem; } }
  @media (max-width: 700px) {
    .footer-logo-img {
      width: 96%; } }

.footer-copyright {
  color: rgba(255, 255, 255, 0.4);
  margin-left: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: .5px;
  text-transform: uppercase; }

.footer-menu {
  float: left;
  width: 50%; }

.social {
  float: left;
  width: 50%; }
  .social-heading {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    margin: .8rem 0 1.6rem 0; }
  .social-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .social-item {
    display: inline-block;
    opacity: 1;
    padding: .4rem .2rem;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity; }
  .social-link {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background: #FFF;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .social-icon {
    height: 1.6rem;
    fill: #666; }

.social-hover {
  opacity: .5; }

#bbp-forum-2345 .bbp-forum-reply-count, 
#bbp-forum-2345 .bbp-forum-freshness,

#forum-2345 .bbp-template-notice,
#forum-2345 .bbp-pagination,
#forum-2345 .bbp-topic-meta,
#forum-2345 .bbp-topic-reply-count,
#forum-2345 .bbp-topic-voice-count,
#forum-2345 .bbp-topic-freshness,
#forum-2345 .bbp-topic-form,

.parent-forum-2345 .bbp-template-notice,
.parent-forum-2345 .bbp-pagination, 
.parent-forum-2345 .bbp-header,
.parent-forum-2345 .bbp-meta,
.parent-forum-2345 .bbp-reply-author, 
.parent-forum-2345 .bbp-footer,
.parent-forum-2345 .bbp-pagination, 
.parent-forum-2345 .bbp-reply-form { display: none;}
.parent-forum-2345 #bbpress-forums div.bbp-reply-content{ margin: 0 40px;}

.box {
    display: inline-block !important;
    width: 31%;
    background: #fafafa !important;
    text-align: center;
    padding: 70px !important;
    margin: 1% !important;
    color: #666;
    text-decoration: none !important;
    border: 1px solid #efefef !important;
    vertical-align: top;
    height: 210px;
}
.box:hover{ transform: translateY(-3px); background: #666 !important; color: #fff;}
.box:focus, .box:active{ transform: translateY(0px);}

@media screen and (max-width: 1000px) {

	  .box { width: 48%; }
	  
}

@media screen and (max-width: 768px) {

	  .box { width: 100%; height: auto !important;}
	  
}

.grey{ height: 1px; background: #efefef; }