/* Custom CSS Overrides */





/*////////// GLOBAL OVERRIDES //////////*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

body {
  background-color: #242425;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
}
 
h1, h2, h3, h4, h5, h6, p, li, dl, td, th, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl, .panel td, .panel th, .panel {
  color: #f5f5f5;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
}

.panel-header h1, .panel-header h2, .panel-header h3, .panel-header h4, .panel-header h5, .panel-header h6 {
  margin: 0;
}

.full-width {
  width: 100%;
}

.page-content {
  background: #3c3c3c; /* Old browsers */
  background: -moz-linear-gradient(top,  #3c3c3c 0px, #242425 900px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#3c3c3c), color-stop(900px,#242425)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3c3c3c 0px,#242425 900px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3c3c3c 0px,#242425 900px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3c3c3c 0px,#242425 900px); /* IE10+ */
  background: linear-gradient(to bottom,  #3c3c3c 0px,#242425 900px); /* W3C */
  /* min-height: 100%; probably don't need this */
  padding: 2.5em 0;
}

a { color: #00C2E7; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; }
a:hover { color: #FB6E5D; }
a:active { color: #fff; }
a.button:hover { text-decoration: none; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { 
  -webskit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1em !important;
  height: 3.125em;
}





/*////////// FONT AWESOME //////////*/

/* !!!This isn't ironed out yet!!! */

/* i.fa { padding-right: .5em; } */
i.fa + span { display: inline-block; }

/* Typography */
span, p, li, dl, td, th { font-size: 1rem, line-height: 150%; }
span.small, p.small, li.small, dl.small, td.small, th.small, a.small { font-size: .875rem, line-height: 150%; }
span.mini, p.mini, li.mini, dl.mini, td.mini, th.mini, a.mini { font-size: .75rem, line-height: 150%; }

h1 { font-size: 3rem; }
h2 { font-size: 2.25rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
h6.small, p.small, ul.small li, dl.small dt, dl.small dd, table.small td, table.small th { font-size: .875rem; }
h6.mini, p.mini, ul.mini li, dl.mini dt, dl.mini dd, table.mini td, table.mini th { font-size: .75rem; }





/*////////// MOBILE OVERRIDES //////////*/

@media screen and (max-width: 39.9375em) {

/* User Dashboard */

  .event-banner-dashboard {
    display: none;
  }

/* Upcoming Events */

  .event-poster { 
    display: none; 
  }

  .upcoming-event-poster {
    display: none; 
  }

  .upcoming-event-details {
    position: relative !important;;
    left: 0 !important;
    margin: 0 !important;
    padding: .9375em;
  }

  .upcoming-event-backdrop {
    display: block !important;
  }

  .event-banner {
    height: 18.75em !important;
  }

/* Recent/Past Events */

  .event-banner-event-post {
    height: 6.25em !important;
  }

  .club-ratings div.columns:first-child ul {
    border-right: none !important;
  }

  li.club-member {
    padding: 0 2.5rem 1.25rem;
  }

  /* Club Pages */

  .club-banner {
    height: auto !important;
    background-color: #3c3c3c;
  }

  .club-banner-gradient {
    background: none !important;
    position: relative !important;
    padding: 1em 0;
  }

  .club-banner-photo {
    display: none;
  }

  .club-nav.sub-nav li.active {
    background-image: none !important;
  }

  .club-logo {
    margin-top: 0 !important;
  }

  .club-logo img {
    width: 100%;
  }

  .club-nav.sub-nav {
    margin: 0 !important;
  }

  .club-banner-title {
    bottom: 0 !important;
    position: relative !important;
    text-align: center;
  }

  .club-banner-club-name {
    line-height: 1;
  }

  .club-banner-club-city {
    margin-top: 0 !important;
  }

  .club-navigation {
    height: auto !important;
    padding: 0 !important;
  }

  .club-history-stats .panel-item {
    border-bottom: solid 1px #3c3c3c;
    border-left: none;
  }

  .club-history-stats .panel-item:last-child {
    border-bottom: none;
  }

}

/*////////// SPLASH PAGE //////////*/

/* Desktop */

.splash-page {
  background: #0C0E0E url('../img/fnf-splash-bg.jpg') 50% no-repeat; 
  background-size: cover; 
  border-top: solid 10px #CD1F17; 
  height: 100%; 
  text-align: center;
  overflow: scroll;
}

.splash-page-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#242425+0,242425+100&0.5+0,1+100 */
  background: -moz-linear-gradient(top,  rgba(36,36,37,0.5) 0%, rgba(36,36,37,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(36,36,37,0.5) 0%,rgba(36,36,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(36,36,37,0.5) 0%,rgba(36,36,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80242425', endColorstr='#242425',GradientType=0 ); /* IE6-9 */
  height: 100%;
  overflow: scroll;
}

.splash-page-logo img {
  margin: 75px auto 0;
}

img.fnf-logo {
  display: block;
}

img.fnf-logo-stacked {
  display: none;
}

.splash-page-logo h2 {
  color: #00C2E7;
  font-weight: 100;
  letter-spacing: 10px;
}

.splash-page-callouts {
  color: #F5F5F5;
  margin-top: 11rem;
  margin-bottom: 3.75rem;
}

.splash-page-callouts h4 {
  font-weight: 600;  
}

.callout {
  display: inline-block;
  padding: 12.5% 0;
  width: 8rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.splash-page-callouts > div {
  border-right: solid 1px rgba(255,255,255,.5);
}

.splash-page-callouts > div:first-child {
  border-left: solid 1px rgba(255,255,255,.5);
}


.callout.meet {
  background-image: url('../img/icon-splash-meet.png');
}

.callout.watch {
  background-image: url('../img/icon-splash-watch.png');
}

.callout.discuss {
  background-image: url('../img/icon-splash-discuss.png');
}

.splash-page-signup {
  margin-bottom: 3.5rem;
}

.splash-page-signup h2 {
  margin: 0;
}

.splash-page-signup .button {
  font-weight: 600;
  margin: .875rem 0;
  max-width: 16rem;
  text-align: center;
  width: 100%;
}

.splash-page-signup p {
  color: #B5C0C2;
  margin-bottom: 3.75rem;
}

.splash-page-signup p a {
  font-weight: 600;
}

.splash-page-signup h4 {
  font-weight: 100;
}

/* Mobile */

@media screen and (max-width: 39.9375em) {

  .splash-page {
    background-size: 500px auto;
    background-position: top;
  }

  .splash-page-logo img {
    margin: 20px auto 0;
  }  

  img.fnf-logo-large { display: none; }
  img.fnf-logo-stacked { display: block; } 

  .splash-page-logo h2 {
    font-size: 1.5rem;
  }  

  .splash-page-callouts {
    margin-top: 2.5rem;
    margin-bottom: 3.125rem;
  }

  .splash-page-callouts > div:first-child {
    border-left: none;
  }

  .splash-page-callouts > div:last-child {
    border-right: none;
  }


  .splash-page-callouts h4 {
    font-size: 1.3125rem;
  }

  .callout {
    background-size: 75% auto;
    padding: 40% 0;
    width: 100%;
  }

  .splash-page-signup {
    width: 280px;
  }

}





/*////////// SIGN UP PAGE //////////*/

/* Desktop */

.fnf-logo-signup {
  text-align: center;
  margin-bottom: 3.125rem;
}

.fnf-logo-signup h2 {
  color: #00C2E7;
  font-size: 1.125rem;
  font-weight: 100;
  letter-spacing: 10px;
}

#Sign-Up h1, #Sign-Up h3 {
  text-align: center;
}

#Sign-Up p {
  color: #B5C0C2;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0 auto 3.125rem !important;
  text-align: center;
  width: 37.5rem;
}

#Sign-Up form {
  margin: 0 auto 3.75rem;
  text-align: left;
  width: 16rem;
}

#Sign-Up label {
  color: #F5F5F5;
  font-size: .875rem;
  margin-bottom: .625rem; 
  text-align: left;
  text-transform: uppercase;
}

#Sign-Up input[type="checkbox"] + span {
  color: #F5F5F5;
  margin-left: 1rem;
}

#Sign-Up input[type="submit"] {
  font-weight: 600;
  text-align: center;
  width: 100%;
}

/* Mobile */

@media screen and (max-width: 39.9375em) {

  #Sign-Up p {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    width: 16rem;
  }

}



/*////////// ABOUT PAGE //////////*/

/* Desktop */

#AboutFnF {
  color: #F5F5F5;
  text-align: center;
}

#AboutFnF .row {
  max-width: 100%;
  padding: 2.8125rem 0;
}

#AboutFnF p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  max-width: 40rem;
  margin: 0 auto;
}

.step {
  margin-bottom: 2.8125rem;
}

.callout-gray { background-color: #3D474A; }

.callout-gray p, .callout-gray h1, .callout-gray h2 {
  color: #B5C0C2 !important;
}

.callout-red { background-color: #CD1F17; }

.callout-red p {
  color: #ffffff !important;
}

.callout-red a img {
  margin-bottom: 5rem;
}


/* Mobile */


/*////////// TOP BAR //////////*/

/* Overrides of Original CSS */

.top-bar {
  overflow: hidden;
  height: 3.75em; /*override*/
  line-height: 3.75em; /*override*/
  position: relative;
  background: none; /*override*/
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.75rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 1rem; }
  .top-bar .button, .top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 1rem; }
    @media only screen and (max-width: 40em) {
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 3.75em; /*override*/
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      line-height: 3.75em; /*override*/
      font-size: 1rem;
      margin: 0; }
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        font-weight: normal;
        color: #798486; /*override*/
        width: 75%;
        display: block;
        padding: 0 0.75rem; /*override 0.9375rem*/ }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #798486; /*override*/
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 0.75rem; /*override 0.9375rem*/
      height: 3.75em; /*override*/
      line-height: 3.75em; /*override*/ }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        color: #798486; /*override*/
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: #121212; /*override*/
    z-index: 500; /*custom*/
    width: 100%;
     }
    .top-bar.expanded .title-area {
      background: none; /*override*/ }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: none; /*override*/ }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: #798486; /*override*/
      padding: 12px 0 12px 0;
      padding-left: 0.9375rem;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 1rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        background-color: #2ba6cb;
        border-color: #2285a2;
        color: #798486; /*override*/ }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #2285a2; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #798486; /*override*/ }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e9e9e9;
        border-color: #bababa;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #bababa; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: #798486; /*override*/ }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #798486; /*override*/ }
      .top-bar-section ul li > a.button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: #798486; /*override*/ }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #798486; /*override*/ }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #798486; /*override*/ }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: #798486; /*override*/ }
    .top-bar-section ul li > button {
      font-size: 1rem;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
      background-color: #2ba6cb;
      border-color: #2285a2;
      color: #798486; /*override*/ }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #2285a2; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #798486; /*override*/ }
      .top-bar-section ul li > button.secondary {
        background-color: #e9e9e9;
        border-color: #bababa;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #bababa; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: #798486; /*override*/ }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #798486; /*override*/ }
      .top-bar-section ul li > button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: #798486; /*override*/ }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #798486; /*override*/ }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #798486; /*override*/ }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #798486; /*override*/ }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: none; /*override*/
      color: #798486; /*override*/ }
    .top-bar-section ul li.active > a {
      background: #2ba6cb;
      color: #798486; /*override*/ }
      .top-bar-section ul li.active > a:hover {
        background: #258faf;
        color: #798486; /*override*/ }
  .top-bar-section .has-form {
    padding: 0.9375rem; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: none !important;
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 0.9375rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 0.9375rem; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #798486; /*override*/
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 0.9375rem; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 0.9375rem 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: none; /*override*/
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      height: 1.75rem;
      top: 0.53125rem; }
    .top-bar.expanded {
      background: none; /*override*/
    }

  .contain-to-grid .top-bar {
    max-width: 64em;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: none; /*override*/
      color: #798486; /*override*/ }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 0.75rem; /*override 0.9375rem*/
      line-height: 3.75em; /*override*/
      background: none; /*override*/ }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: #f5f5f5; /*new*/
        background-color: #555555;
        background: #CD1F17; /*override*/ }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 0.75rem; /*override 0.9375rem*/
      line-height: 3.75em; /*override*/
      color: #798486; /*override*/
      background: #2ba6cb; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #258faf;
        color: #798486; /*override*/ }
    .top-bar-section .has-dropdown > a {
      padding-right: 2.1875rem !important; }
      .top-bar-section .has-dropdown > a:after {
        content: none !important;
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: 5px; /*override -2.5px*/
        top: 1.40625rem; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: #798486; /*override*/
        line-height: 3.75em; /*override*/
        white-space: nowrap;
        padding: 12px 0.9375rem;
        background: #242425; /*override*/ }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: #798486; /*override*/
        background: #242425; /*override*/ }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: #f5f5f5; /*override*/
        background-color: #555555;
        background: #CD1F17; /*override*/ }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: none; /*override*/ }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4e4e4e;
      clear: none;
      height: 3.75em; /*override*/
      width: 0; }
    .top-bar-section .has-form {
      background: none; /*override*/
      padding: 0 0.75rem; /*override 0.9375rem*/
      height: 3.75em; /*override*/ }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: none; /*override*/
    color: #798486; /*override*/ }
  .no-js .top-bar-section ul li:active > a {
    background: #2ba6cb;
    color: #798486; /*override*/ }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: whitesmoke;
  border-color: #dddddd;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #2ba6cb; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #2ba6cb; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: not-allowed; }
    .breadcrumbs > *:before {
      content: "/";
      color: #AAAAAA;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Custom Top-Bar Overrides */

.top-bar, .top-bar-section a {
  text-transform: uppercase !important;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
  font-size: 16px !important;
}

.top-bar-section a:hover {
  color: #f5f5f5;
}

.top-bar .name {
  height: 3.75em;
}

.top-bar .name h1 a {
  background: url('../img/logo-fnf.png') no-repeat 50%;
  text-indent: -9999px;
  width: 14.5em;
}

.top-bar-section ul:first-child {
  padding-left: .9375em;
}

.top-bar.expanded .top-bar-section ul {
  padding-left: .9375em;
}

nav {
  background: #121212;
  /* border-top: solid 5px #CD1F17; */
  height: 3.75em;
  line-height: 3.75em;
}

.nav-border {
  background-color: #CD1D17;
  height: .625em;
}

.user-menu {
  position: relative;
}

.user-menu span.user-notifications {
  background-color: #CD1F17;
  border-radius: 50%;
  color: #f5f5f5;
  display: inline;
  height: 1.5625em;
  position: absolute;
  right: -1.25em;
  text-align: center;
  top: .625em;
  width: 1.5625em;
}


/*////////// TABLES //////////*/

table {
  background: transparent; /*override*/
  margin-bottom: 0; /*override*/
  border: none; /*override*/
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #000; /*override*/
    font-size: auto; /*override*/
    font-weight: bold; }
  table thead {
    background: transparent; } /*override*/
    table thead tr th,
    table thead tr td {
      padding: 0; /*override*/
      font-size: 0; /*override*/
      font-weight: normal; /*override*/
      color: #000; } /*override*/
  table tfoot {
    background: transparent; } /*override*/
    table tfoot tr th,
    table tfoot tr td {
      padding: 0; /*override*/
      font-size: 0; /*override*/
      font-weight: normal; /*override*/
      color: #000; } /*override*/
  table tr th,
  table tr td {
    padding: 0; /*override*/
    font-size: 0; /*override*/
    font-weight: normal; /*override*/
    color: #000; /*override*/
    text-align: left; } /*override*/
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: transparent; } /*override*/
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 0; } /*override*/
  table tr td p { margin: 0; }


/*////////// USER AVATARS //////////*/

/* .user-avatar class controls the size of the avatar with the img tag inside it stretching to fit it's full width and height, but clipped */

/* User Avatars - Base Styles */

.user-avatar {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
}

.user-avatar img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: top;
  width: 100%;
}

/* User Avatars - Top bar */

.user-menu > a.user-avatar {
  border: solid 1px #798486;
  height: 2.5em;
  margin: .625em 0;
  padding: 0 !important;
  width: 2.5em;
}

.user-menu .user-avatar span.user-name {
  position: absolute;
  top:-9999px;
}

/* User Avatars - Club Members */

#club-members .user-avatar {
  width: 100%;
}

/* User Avatars - Event Page RSVP & Up Next List */

.rsvp .user-avatar, .member-order .user-avatar {
  margin-left: -4.375em; 
  padding: 0 .9375em;
  position: absolute; 
  width: 4.375em; 
}

/* User Avatars - Conversation */

.comment .user-avatar {
  margin-left: -5em; 
  padding: 0 .9375em;
  position: absolute; 
  width: 5em; 
}






/*////////// PANELS //////////*/

/* PANELS - General */

.panel {
  background-color: transparent;
  border: none;
  margin-bottom: 1.25em;
  padding: 0;
}

.panel.secondary {
  margin-bottom: .625em;
}

.panel-header {
  overflow: hidden;
  text-transform: uppercase;
}

.panel-header h6 {
  font-weight: 600;
}

.panel.secondary .panel-header h6 {
  color: #B5C0C2;
}

.panel .panel-header {
  padding: 1.25em .9375em;
  margin-bottom: 1px;
}

.panel .panel-item {
  padding: .9375em;
  margin-bottom: 1px;
}

.panel.primary .panel-header {
  background-color: rgba(245,245,245,.25);
}

.panel.primary .panel-item {
  background-color: rgba(245,245,245,.1);
} 

.panel.secondary .panel-header {
  background-color: rgba(18,18,18,.9);
  color: #B5C0C2;
}

.panel.secondary .panel-item {
  background-color: rgba(18,18,18,.6);
  color: #B5C0C2;
}


/* PANELS - To Do List */

.to-do-list {

}

.to-do-list dl, .to-do-list dt, .to-do-list dd {
  margin: 0;
}

.to-do-list dl dd {
  color: #B5C0C2;
  font-size: .875em;
}

.to-do-list dt {
  font-size: 1em;
  font-weight: 300;
  line-height: 125%;
}


/* PANELS - Event Page Audio Player */

.panel-item.audio-player p.mini { 
  color: #798486;
  font-style: italic; 
  margin-bottom: 0;
}

.panel-item.audio-player .mejs-container.svg.mejs-audio, .panel-item.audio-player audio { max-width: 100%; }


/* PANELS - Upcoming Events */

.upcoming-events .panel-item { 
  overflow: visible;
  padding: 0;
}

.upcoming-events .panel-item h6.mini {
  color: #B5C0C2;
}

.upcoming-event-backdrop {
  background-size: cover;
  display: none;
  height: 100px;
  width: 100%;
}

.upcoming-event-info {
  position: relative;
}

.upcoming-event-poster { 
  /*height: 12.46875em;*/
  position: relative; 
  width: 8.3125em; 
}
.upcoming-event-poster img { width: 100%; }

.upcoming-event-details {
  position: absolute; 
  top: 0; 
  left: 8.3125em; 
  bottom: 0; 
  right: 0; 
  margin: .9375em .9375em 0;
  /*margin-left: 8.3125em;
  padding: .9375em;
  position: absolute;*/
}

.upcoming-event-details ul {
  margin: 0;
}

.upcoming-event-details ul i.fa { width: .5em; }

.upcoming-event-details ul li h6 {
  font-weight: 400;
}

.upcoming-event-details ul li a { 
  display: inline-block; 
  font-size: .875rem;
  font-weight: 300;
}

.event-details h5 { font-weight: 600; }
.event-details h6.mini span { font-style: italic;  }
.rsvp-details { 
  border-top: solid 1px #798486;
}

.rsvp-details a {
  color: #798486;
  text-transform: uppercase;
}

.rsvp-details a:hover {
  color: #FB6E5D;
}

.rsvp-details a.current-rsvp {
  color: #00C2E7;
  font-weight: 600;
}

.rsvp-details ul.f-dropdown li a {
  width: 100%;
}





/* PANELS - Recent Selections */

.recent-events .panel-item ul li, .recent-events .panel-item h6 {
  color: #f5f5f5;
  margin: 0 0 .5em;
}

.recent-events .panel-item h6.mini {
  color: #798486;
}

.recent-events .panel-item ul { margin: 0; }
.recent-events ul li i, .recent-events ul li i + span { display: inline-block; }
.recent-events .panel-item ul li { color: #B5C0C2; margin: 0 .9375em 0 0; }



/* PANELS - Event Details */

.event-details {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;  
  position: relative;
}

.event-detail i {
  line-height: 1.25rem;
  position: absolute;
  text-align: center;
  width: 1.3125rem;
}

.event-detail span {
  line-height: 1.25rem;
  margin-left: 1.9375rem;
}


/* PANELS - Event Stats */

.event-stats {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
}

.event-stats-category {
  color: #798486;
  display: block;
  font-size: .75rem;
  line-height: .75rem;
  margin-bottom: .25rem;
  text-transform: uppercase;
}

.event-stats-stat {
  color: #f5f5f5;
  line-height: 1rem;
}






/*////////// BUTTONS //////////*/

.button {
  background-color: #798486;
  color: #fff;
  font-weight: 300;
  margin: 0;
  padding: .9375em;
  text-align: left;
  text-transform: uppercase;
}

.button.large {
  font-size: 1em;
  padding: .9375em;
}

.button.medium {
  font-size: .875em;
  padding: .9375em;
}

.button.small {
  font-size: .75em;
  padding: .9375em;
}

.button.icon {
  padding: .9375em 1.25em .9375em .9375em;
}

.button.red { background-color: #CD1F17; }
.button.blue { background-color: #00C2E7; color: #121212; }
.button.gray-dark { background-color: #3D474A; }
.button.gray { background-color: #798486; }
.button.gray-light { background-color: #B5C0C2; color: #121212; }
.button.green { background-color: #37B958; }

.button:hover, .button:focus {
  background-color: #00C2E7;
}

.button.blue:hover, .button.blue:focus {
  background-color: #f5f5f5;
  color: #121212;
}

.button.text {
  background-color: transparent;
  padding: 0;
  text-transform: none;
}





/*////////// TABBED CONTENT //////////*/

.tabs-content > .content {
  padding: 1.875em;
}

.tabbed-content .tabs dd > a, .tabbed-content .tabs .tab-title > a {
  padding: .9375em 1.25em;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.125em;
}

.tabbed-content.light .tabs dd > a, .tabbed-content.light .tabs .tab-title > a {
  background-color: transparent;
}

.tabbed-content.light .tabs dd.active a, .tabbed-content.light .tabs .tab-title.active a {
  background-color: rgba(121,132,134,.25);
  color: #242425;
}

.tabbed-content.light .tabs a {
  color: #798486;
}

.tabbed-content.dark .tabs dd > a, .tabbed-content.dark .tabs .tab-title > a {
  background-color: transparent;
}

.tabbed-content.dark .tabs dd.active a, .tabbed-content.dark .tabs .tab-title.active a {
  background-color: rgba(18,18,18,.6);
  color: #f5f5f5;
}

.tabbed-content.dark .tabs a {
  color: #798486;
}

.tabbed-content.light .tabs-content {
  background-color: rgba(121,132,134,.25);
  color: #242425;
}

.tabbed-content.dark .tabs-content {
  background-color: rgba(18,18,18,.6);
  color: #B5C0C2;
}

.tab-title a {
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}





/*////////// MODALS //////////*/
/* Need to add all sizes */

.reveal-modal {
  background-color: #f5f5f5;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(18,18,18,.5);
  box-shadow: 0 0 10px 0 rgba(18,18,18,.5);
  padding: 0;
}

.reveal-modal.tiny { width:30%; max-width: 19.1875rem; min-width: 16rem; }
.reveal-modal.small { width:40%; max-width: 25.625rem; min-width: 16rem; }
.reveal-modal.medium { width:60%; max-width: 38.375rem; min-width: 16rem; }
.reveal-modal.large { width:70%; max-width: 44.75rem; min-width: 16rem; }
.reveal-modal.xlarge { width:90%; max-width: 57.625rem; min-width: 16rem; }
.reveal-modal.full { width:100%; }

.reveal-modal h1, .reveal-modal h2, .reveal-modal h3, .reveal-modal h4, .reveal-modal h5, .reveal-modal h6, .reveal-modal p {
  color: #3D474A;
}

.reveal-modal-bg { background: rgba(18,18,18,.8); }

a.close-reveal-modal {
  color: #798486;
  opacity: .5;
}

a.close-reveal-modal:hover {
  color: #121212; 
  opacity: 1;
  text-decoration: none;
  -webkit-transition: color 300ms ease-out;
  -moz-transition: color 300ms ease-out;
  -ms-transition: color 300ms ease-out;
  -o-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}

.reveal-modal .columns {
  padding: 0 1.875em;
}

.modal-header {
  border-bottom: solid 1px rgba(121,132,134,.25);
  padding: 1.5625em 0;
  position: relative;
}

.modal-header h2, .modal-header h5 { 
  margin: 0;
}

.modal-header h6 { 
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}

.modal-header .close-reveal-modal {
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    position: relative;
    top: auto;
    right: 1.5625em;
    right: 0;
    color: #242425;
    font-weight: normal;
}

.modal-content {
  padding-top: 1.5625em;
}

.modal-footer {
  background: rgba(121,132,134,.25);
  padding: .9375em 0;
}

.modal-footer .button {
  margin: 0;
}

.large-task .modal-content {
  padding: 1.5625em 0 0;
}

.large-task .modal-content:last-child {
  padding: 1.5625em 0;
}

.large-task .modal-header h5 {
  height: 3.125em;
  line-height: 3.125em;
}





/*////////// DROPDOWNS //////////*/
/*These Need Work*/

/* Add to Calendar Dropdown */
.addtocalendar .atcb-list {
  background: #F5F5F5;
  border: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(18, 18, 18, .5);
  box-shadow: 0 0 10px 0 rgba(18, 18, 18, .5);
  margin-top: .5em !important;
  padding: 0 !important;
  z-index: 1000;
}

.addtocalendar  a.atcb-item-link { 
  color: #3D474A; 
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  padding: 0;
  height: 2.5rem;
  line-height: 2.5rem !important;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.addtocalendar  a.atcb-item-link:hover { 
  color: #f5f5f5;
  background: #00C2E7;
}




/*////////// MOVIE PAGES //////////*/

#MoviePage h6.small {
  color: #B5C0C2;
  font-weight: 600;
  text-transform: uppercase;
}

.movie-overview, .movie-director-writer, .movie-top-cast{
  margin-bottom: 1.25rem;
}


.movie-top-cast li, .movie-top-cast li img.thumbnail {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.movie-top-cast li img.thumbnail {
  width: 100%;
}

.movie-director-writer ul {
  margin-bottom: 0;
}

.movie-ratings .non-club-ratings {
  border: none;
  padding: 0;
}

.movie-trailers iframe {
  max-width: 100%;
}





/*////////// USER PAGES //////////*/

/* USER PAGES - Event Banner */

.event-banner {
  height: 28.125em;
  position: relative;
}

.event-banner-photo {
  background-position: 50%;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.event-banner-info {
  background-color: rgba(18,18,18,.8);
  color: #f5f5f5;
  position: absolute;
  bottom: 0;
  padding: 1.875em 0;
  width: 100%;
}

.event-banner-info .event-status { font-weight: 700; }
.event-banner-info .club-location { font-size: .75em; font-style: italic; }

.event-banner-details .inline-list {
  overflow: visible;
}

.event-banner-details h4 {
  color: #B5C0C2;
}

.event-banner-details ul li {
  color: #B5C0C2;
  font-size: 1.125rem;
  font-weight: 400; 
}

.event-banner-details h1, .event-banner-details h4, .event-banner-details ul, .event-banner-details li, .event-banner-details a {
  line-height: 1;
  margin: 0;
}

.event-banner-details h1 { float: left; }
.event-banner-details h1 + a { float: left; font-size: 3rem; }
.event-banner-details ul { clear: both; padding: .625em 0 0; }

.event-banner-rsvp {
  background: rgba(18,18,18,.9);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  /* For Vertical Alignment */
  text-align: center;  /* align the inline(-block) elements horizontally */
  font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.event-banner-rsvp:before {      /* create a full-height inline block pseudo-element */
  /* For Vertical Alignment */
  content: ' ';
  display: inline-block;
  vertical-align: middle; /* vertical alignment of the inline element */
  height: 100%;
}

.event-banner-rsvp-content {
  /* For Vertical Alignment */
  display: inline-block;
  vertical-align: middle;          /* vertical alignment of the inline element */
  font: 16px/1 Arial, sans-serif;  /* reset the font property */
}

.event-banner-rsvp ul {
  display: table; /* !!!Not the ideal solution */
  margin: 0 auto;
}

.event-banner-rsvp ul li {
  margin: 0 .3125em;
}

.admin-reminders {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(18,18,18,.6);
  display: inline-block;
  padding: .9375em;
}

.event-banner-rsvp-user { text-align: right; } /* !!!Need to reconcile event-banner css between user and event pages. */
.event-banner-rsvp-user ul { margin: 0; }
.event-banner-rsvp-user ul li { line-height: 1; }
.event-banner-rsvp-user ul li a:hover { color: #FB6E5D; }
.event-banner-rsvp-user ul li h5 { margin: 0; }
.event-banner-rsvp-user ul li:nth-of-type(2) { text-transform: uppercase; }
.event-banner-rsvp-user ul li:last-child { margin-top: .125em; }

/* RSVP OPTIONS - TEXT LINKS */

ul.rsvp-options {  width: 150px; }
.rsvp-made-yes a { color: #798486; }
.rsvp-made-yes a.current-rsvp { color: #00C2E7; text-transform: uppercase; font-weight: 600; }

/* GENERAL DROPDOWN BUTTON STYLES */
ul.f-dropdown { 
  background: #F5F5F5;
  border: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(18,18,18,.5);
  box-shadow: 0 0 10px 0 rgba(18,18,18,.5);
  margin-top: .5em;
}
ul.f-dropdown li { text-align: center; }
ul.f-dropdown li:hover { background: #00C2E7; }
ul.f-dropdown li a{ color: #3D474A; font-weight:400; padding: 0; height: 2.5rem; line-height: 2.5rem; }
ul.f-dropdown li:hover a { color: #121212; }
ul.f-dropdown:before { border-color: transparent transparent #F5F5F5 transparent; }
ul.f-dropdown:after { border-color: transparent transparent #F5F5F5 transparent; }

/* RSVP DROPDOWN LIST */
ul.rsvp-options


/*////////// EVENT PAGES //////////*/

/* EVENT PAGES - Event Banner */


/* EVENT PAGES - Left Column */

.event-poster {
  /* Styles not working 
    margin: -5em 0 1.25em !important;
  */
}
.event-poster img {
  width: 100%;
}

.event-buttons .button { 
  margin: 0 0 .625em;
  width: 100%;
}

/* EVENT PAGES - Center Column */

.movie-ratings { 
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.club-rating { 
  color: #E3E5E7;
  float: left;
  padding-right: .9375rem;
}

.club-rating i {
  font-size: 3rem;
  color: #CD1F17;
}

.club-rating > div {
  float: left;
}

.club-rating .rating-number {
  font-size: 2.25rem;
  line-height: 3rem;
}

.club-rating .rating-label {
  line-height: 1rem;
}

.non-club-ratings { 
  border-left: solid 1px rgba(102,123,140,.25);
  float: left;
  font-size: 1.5rem;
  padding-left: .9375rem;
}

.my-rating { 
  color: #00C2E7;
}

.site-rating { 
  color: #B5C0C2;
}

.conversation {}

.club-ratings {}

.club-ratings ul { margin-bottom: 0; }

.club-ratings div.columns:first-child ul { border-right: solid 1px rgba(245,245,245,.25); }

.club-ratings ul li span:first-child {
  color: #B5C0C2;
  display: inline-block;
  font-weight: 400;
  margin-right: .9375em;
  text-align: right;
  width: 2em;
}

.rating-label {
  font-size: 1rem;
  text-transform: uppercase;
}

.rating-label {

}

/* EVENT PAGES - Right Column */

.event-rsvps {}
.event-rsvps .panel-header { text-transform: none; }

.event-rsvps .panel-item {
  padding: .625em .9375em;
}

.event-rsvps .columns {
  padding-left: 4.375em;
}

.rsvp h6 {
  color: #B5C0C2;
  margin-bottom: .25em;
}

.columns.rsvp {
  min-height: 2.375em;
}

.rsvp h6:last-child {
  color: #798486;
}

.event-attendance { text-align: center; }
.event-attendance .panel-header { text-transform: none; padding: 1.25em 0; }
.event-attendance .panel-header.attended-yes, .event-attendance .panel-header.attended-no { padding: .875em 0 1.25em; }
.event-attendance .panel-header a.button { margin-top: .5em; }
.event-attendance i { font-size: 2.25em; margin-bottom: .25em; }
.event-attendance .attended-none i { font-size: 1em; }
.event-attendance a { margin: 0 .25em; }
.event-attendance h6 { margin: 0 0 .5em; }
.event-attendance h6.mini { color: #798486; font-weight: 100; }


.event-attendance .panel-header.attended-none {}
.event-attendance .panel-header.attended-yes {}
.event-attendance .panel-header.attended-no {}
.event-attendance .panel-header.attended-yes i { color: #37B958; }
.event-attendance .panel-header.attended-no i { color: #CD1F17; }
.event-attendance .panel-header.change-attended-yes { background-color: #37B958; color: #fff; }
.event-attendance .panel-header.change-attended-no { background-color: #CD1F17; color: #fff; }
.event-attendance .panel-header.change-attended-yes h6, .event-attendance .panel-header.change-attended-no h6 { color: #fff; } 


/* EVENT EMAIL MODAL */

#eventEmail .email-options {
  padding: 0;
}

#eventEmail h5 {
  text-transform: uppercase;
}

#eventEmail h4 {
  background: #B5C0C2;
  color: #f5f5f5;
  margin-bottom: 1.875em;
  padding: .5em;
  text-align: center;
}

#eventEmail .email-options .columns {
  padding: 1.875em;
}

#eventEmail .email-preview {
  background: #fff;
}

.email-details {
  max-width: 286px;
}

.email-details textarea:nth-of-type(2) {
  height: 18.4375em;
}

#eventEmail .modal-footer a:first-child {
  color: #3D474A;
  margin: .9375em 1.25em .9375em .9375em
}

#eventEmail .modal-footer a:first-child:hover {
  color: #FB6E5D;
}

#emailHistory ul li span {
  color: #3D474A;
}

#emailHistory ul li span:first-child {
  width: 2.5em;
}

#emailHistory ul li span:last-child {
  font-weight: 300;
}





/*////////// CONVERSATION //////////*/

.conversation .columns {
  padding-left: 5em;
}

.comment p {
  color: #B5C0C2;
  margin-bottom: .5em;
}

.comment div:last-child p {
  margin-bottom: 0;
}

.comment div:last-child span {
  color: #798486;
}

.comment div:last-child span:first-child {
  font-weight: 600;
}





/*////////// CLUB PAGES //////////*/

/* CLUB BANNER */

.club-banner {
  height: 15.625em;
  position: relative;
}

.club-banner-photo {
  background-position: 50%;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.club-banner-gradient {
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121212+46,121212+100&0+46,1+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTIxMjEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(18,18,18,0) 46%, rgba(18,18,18,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(18,18,18,0)), color-stop(100%,rgba(18,18,18,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(18,18,18,0) 46%,rgba(18,18,18,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(18,18,18,0) 46%,rgba(18,18,18,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(18,18,18,0) 46%,rgba(18,18,18,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(18,18,18,0) 46%,rgba(18,18,18,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121212', endColorstr='#121212',GradientType=0 ); /* IE6-8 */
    height: 100%;
    position: absolute;
    width: 100%;

}

.club-banner-title {
  bottom: 1.125rem;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.club-banner-club-name {
  font-weight: 300;
}

.club-banner-club-city {
  font-weight: 300;
  margin-top: -1.125rem;
}

/* CLUB LOGO */
.club-logo {
  border: solid 1px #F5F5F5;
  margin-top: -8.75em;
}


/* CLUB NAV */

.club-navigation {
  height: 3.125em;
  padding-bottom: 0;
}

.club-nav.sub-nav {
  margin:-2.75em 0 1.875em;
}

.club-nav.sub-nav li {
  font-size: 1em;
  height: 50px;
  line-height: 50px;
  margin: 0 0 0 -.9375em;
  padding: 0 .9375em;
  text-transform: uppercase;
}

.club-nav.sub-nav li.active {
  background: url('../img/club-nav-current-page-notch.png') top center no-repeat;
}

.club-nav.sub-nav li.active a {
  background: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #00C2E7;
  cursor: pointer;  
}

.club-nav.sub-nav li a { 
  color: #798486;
  padding: 0;
}

.club-nav.sub-nav li a:hover { 
  color: #FB6E5D;
}


/* CLUB DASHBOARD STATS */
.club-dashboard-stats .panel-header {
  text-align: center;
}


/* UP NEXT LIST */

.rsvp h6 {
  color: #B5C0C2;
  margin-bottom: .25em;
}

.rsvp h6:last-child {
  color: #798486;
}



.up-next {}

.up-next .panel-item {
  overflow: hidden;
  padding: .625em .9375em;
  position: relative;
}

.up-next .panel-item .row {
  height: 2.375em;
}

.up-next .columns {
  padding-left: 4.375em;
}

.member-order h6 {
  color: #B5C0C2;
  margin-bottom: .25em;
}

.member-order h6:last-child {
  color: #798486;
}


/* CLUB HISTORY STATS */

.club-history-stats { 
  overflow: hidden;
  width: 100%;
}

.club-history-stats .panel-item {
  background: rgba(18,18,18,.6);
  border-left: solid 1px #3c3c3c;
  font-weight: 300;
  padding: .9375em;
  text-align: center;
  text-transform: uppercase;
}

.club-history-stats .panel-item:first-child {
  border-left: none;
}

.club-history-stats .panel-item h1, .club-history-stats .panel-item h5 {
  margin: 0;
}

.content.club-history-movies {
  padding: 1.875em 0 .9375em;
 }

.content.club-history-movies ul.small-block-grid-5 {
  padding: 0 .625em;
 }

.content.club-history-movies ul.inline-list, .content.club-history-movies ul.inline-list li {
 margin: 0;
}

.content.club-history-movies ul.inline-list li {
  background: rgba(245,245,245,.1);
  color: #798486;
  text-align: center;
  padding: .5em 0;
  width: 33.333333%;
}

.content.club-history-movies ul.inline-list li p {
  color: #798486;
  margin: 0;
}

.content.club-history-movies ul.inline-list li i {
  font-size: 1.125em;
}

.content.club-history-movies li {
    padding: 0 0.9375rem 1.875rem;
}

.content.club-history-movies i.fa {
  width: auto;
}

/* CLUB MEMBERS */

#club-members ul { 
  line-height: 1;
  padding-bottom: 2.8125em;
}

#club-members ul li { 
 list-style-type: none;
 text-align: center;
}

#club-members ul li:nth-of-type(1) a img { 
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#club-members ul li:nth-of-type(2) h4 { margin: .4375em 0 0; }
#club-members ul li:nth-of-type(2) a { color: #fff; font-weight: 200; }
#club-members ul li:nth-of-type(2) a:hover, #club-members ul li:nth-of-type(2) a:active { color: #FB6E5D; }
#club-members ul li:nth-of-type(3) { color: #798486; font-weight: 600; }
#club-members ul li:nth-of-type(4) { color: #798486; font-weight: 200; margin-top: .4375em; }

li.club-member { padding-bottom: 0; }





/*////////// EVENT EDITOR/CREATOR //////////*/

/* EDIT EVENT HEADER */

.edit-event-banner {
  background-color: #F5F5F5;
  padding: 1.5625em 0 1.25em;
}

.edit-event-banner a {
  margin: 0 0 0 .625em;
}

.edit-event-banner h2, .edit-event-banner h5 {
  color: #121212;
  line-height: 1em;
  margin: 0;
}

/* CHOOSE MOVIE */

.edit-event-choose-movie {
  height: 150%;
}

.edit-event-choose-movie .panel-item {
  position: relative;
}

.edit-event-choose-movie a {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* CHOOSE MOVIE MODAL */

/* Movie Options Modal */

.choose-movie-option div {
  text-align: center;
  border: solid 5px transparent;
}

.choose-movie-option:hover div {
  border: solid 5px #00C2E7;
  background-color: #00C2E7;
  color: #121212;
}

.choose-movie-option:hover h6 {
  font-weight: 600;
}

#chooseMovie .content h5 {
  border-bottom: solid 1px #3C3C3C;
  font-weight: 600;
  margin: 0 0 .9375em;
  padding: 0 0 .625em;
  text-transform: uppercase;
}

/* More Info Modal */

#movieMoreInfo .movie-poster {
  text-align: center;
}

#movieMoreInfo .movie-details {
  padding: 0 1.875em 0 0;
  text-align: left;
}

#movieMoreInfo .movie-details h2 {
  margin: -12px 0 8px;
}

#movieMoreInfo .movie-details h2 span {
  color: #B5C0C2;
}

/* Watch Trailer Modal */

#watchTrailer iframe { width: 100%; padding: 1.875em 0 .875em; }





































/*////////// END OVVERIDES //////////*/