.fw-red {
  background-color: #ff4a49;
}
.fw-red h2 {
  color: #fff;
}

.fw-semi-grey {
  background-color: #d2d2d2;
}
.fw-semi-grey h2 {
  color: #fff;
}

.fw-green {
  background-color: #16e19f;
}
.fw-green h2 {
  color: #fff;
}

.fw-light-grey {
  background-color: #f2f2f2;
}
.fw-light-grey h2 {
  color: #626262;
}

.fw-grey {
  background-color: #626262;
}
.fw-grey h2 {
  color: #fff;
}

.fw-white {
  background-color: #ffffff;
}

meta.foundation-version {
  font-family: "/5.5.2/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em;
}

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em;
}

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

html,
body {
  font-size: 100%;
}

body {
  background: #f7f7f7;
  color: #444;
  cursor: auto;
  font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

ul.pagination {
  display: block;
  margin-left: -0.3125rem;
  min-height: 1.5rem;
}
ul.pagination li {
  color: #222222;
  font-size: 0.875rem;
  height: 1.5rem;
  margin-left: 0.3125rem;
}
ul.pagination li a, ul.pagination li button {
  border-radius: 3px;
  transition: background-color 300ms ease-out;
  background: none;
  color: #999999;
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  padding: 0.0625rem 0.625rem 0.0625rem;
}
ul.pagination li:hover a,
ul.pagination li a:focus, ul.pagination li:hover button,
ul.pagination li button:focus {
  background: #e6e6e6;
}
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  cursor: default;
  color: #999999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
  background: transparent;
}
ul.pagination li.current a, ul.pagination li.current button {
  background: #008CBA;
  color: #FFFFFF;
  cursor: default;
  font-weight: bold;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #008CBA;
}
ul.pagination li {
  display: block;
  float: left;
}

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center;
}
.pagination-centered ul.pagination li {
  display: inline-block;
  float: none;
}

@media only screen {
  .f-topbar-fixed {
    padding-top: 100px !important;
  }

  #go-home .f-topbar-fixed {
    padding-top: 0 !important;
  }

  body {
    background: #f7f7f7;
    color: #444444;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default;
    word-wrap: break-word;
  }

  h2 {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1.4rem 0;
    text-align: center;
  }

  p {
    color: #626262;
    font-size: 0.875rem;
  }

  .about-page h3 {
    color: #ff4a49;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .about-page .fw-white > div.row, .about-page .fw-light-grey > div.row {
    padding: 2rem 0;
  }
  .about-page .fw-white > div.row div.columns:nth-of-type(1) img, .about-page .fw-light-grey > div.row div.columns:nth-of-type(1) img {
    display: block;
    height: 4rem;
    width: 4rem;
    margin: 0 auto;
  }
  .about-page .fw-white > div.row div.columns:nth-of-type(1) h3, .about-page .fw-light-grey > div.row div.columns:nth-of-type(1) h3 {
    padding: 1rem 0 1rem 0;
    text-align: center;
  }
  .about-page .about-what p:nth-of-type(1), .about-page .about-why p:nth-of-type(1) {
    font-size: 1.1rem;
    font-weight: 700;
  }
  .about-page .about-what p, .about-page .about-why p {
    width: 100%;
  }

  .page-template-page-home h3 {
    color: #ff4a49;
    font-size: 1.5rem;
    font-weight: 600 !important;
  }

  .register-page {
    padding: 0;
    margin: 0;
  }

  .login-page h3, .register-page h3, .bp-user.my-activity.my-account.just-me h3, .create-page h3 {
    color: #ff4a49;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .login-page .fw-white > div.row, .register-page .fw-white > div.row, .bp-user.my-activity.my-account.just-me .fw-white > div.row, .create-page .fw-white > div.row {
    padding: 2rem 0;
  }
  .login-page .fw-white > div.row div.columns:nth-of-type(2), .register-page .fw-white > div.row div.columns:nth-of-type(2), .bp-user.my-activity.my-account.just-me .fw-white > div.row div.columns:nth-of-type(2), .create-page .fw-white > div.row div.columns:nth-of-type(2) {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .login-page h3, .register-page h3, .bp-user.my-activity.my-account.just-me h3, .create-page h3 {
    margin-bottom: 2rem;
  }
  .login-page .how-it-works, .register-page .how-it-works, .bp-user.my-activity.my-account.just-me .how-it-works, .create-page .how-it-works {
    border-right: 1px solid #f2f2f2;
    padding-right: 4rem;
  }
  .login-page .how-it-works h3, .register-page .how-it-works h3, .bp-user.my-activity.my-account.just-me .how-it-works h3, .create-page .how-it-works h3 {
    color: #626262;
    font-weight: 400;
  }
  .login-page .how-it-works ol, .register-page .how-it-works ol, .bp-user.my-activity.my-account.just-me .how-it-works ol, .create-page .how-it-works ol {
    counter-reset: numList;
  }
  .login-page .how-it-works ol li, .register-page .how-it-works ol li, .bp-user.my-activity.my-account.just-me .how-it-works ol li, .create-page .how-it-works ol li {
    font-size: 0.875rem;
    list-style: none;
    margin-bottom: 1.2rem;
    padding-left: 0.5rem;
  }
  .login-page .how-it-works ol li:before, .register-page .how-it-works ol li:before, .bp-user.my-activity.my-account.just-me .how-it-works ol li:before, .create-page .how-it-works ol li:before {
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: 1rem;
    text-align: center;
    color: #ff4a49;
    line-height: 17px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ff4a49;
    -moz-border-radius: 999px;
    border-radius: 999px;
    margin-top: 0.12rem;
  }

  .login-form input[type="text"], .login-form input[type="text"]:focus,
  .login-form input[type="password"], .login-form input[type="password"]:focus,
  .login-form input[type="email"], .login-form input[type="email"]:focus,
  .login-form textarea, #signup_form input[type="text"], #signup_form input[type="text"]:focus,
  #signup_form input[type="password"], #signup_form input[type="password"]:focus,
  #signup_form input[type="email"], #signup_form input[type="email"]:focus,
  #signup_form textarea, #event_form input[type="text"], #event_form input[type="text"]:focus,
  #event_form input[type="password"], #event_form input[type="password"]:focus,
  #event_form input[type="email"], #event_form input[type="email"]:focus,
  #event_form textarea, .css-event-form input[type="text"], .css-event-form input[type="text"]:focus,
  .css-event-form input[type="password"], .css-event-form input[type="password"]:focus,
  .css-event-form input[type="email"], .css-event-form input[type="email"]:focus,
  .css-event-form textarea, .page-template-page-contact input[type="text"], .page-template-page-contact input[type="text"]:focus,
  .page-template-page-contact input[type="password"], .page-template-page-contact input[type="password"]:focus,
  .page-template-page-contact input[type="email"], .page-template-page-contact input[type="email"]:focus,
  .page-template-page-contact textarea, #settings-form input[type="text"], #settings-form input[type="text"]:focus,
  #settings-form input[type="password"], #settings-form input[type="password"]:focus,
  #settings-form input[type="email"], #settings-form input[type="email"]:focus,
  #settings-form textarea {
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background-color: #f2f2f2 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 2rem 1.5rem !important;
    height: auto !important;
  }
  .login-form select, #signup_form select, #event_form select, .css-event-form select, .page-template-page-contact select, #settings-form select {
    display: block;
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: none;
    box-shadow: none;
    outline: none;
    padding-left: 1.5rem;
    height: auto;
  }
  .login-form select.defaultoption, .login-form option[value="defaultoption"], #signup_form select.defaultoption, #signup_form option[value="defaultoption"], #event_form select.defaultoption, #event_form option[value="defaultoption"], .css-event-form select.defaultoption, .css-event-form option[value="defaultoption"], .page-template-page-contact select.defaultoption, .page-template-page-contact option[value="defaultoption"], #settings-form select.defaultoption, #settings-form option[value="defaultoption"] {
    font-family: 'Roboto';
    color: #aaa;
    height: auto;
  }
  .login-form input[type="text"]::-webkit-input-placeholder,
  .login-form input[type="password"]::-webkit-input-placeholder,
  .login-form input[type="email"]::-webkit-input-placeholder, #signup_form input[type="text"]::-webkit-input-placeholder,
  #signup_form input[type="password"]::-webkit-input-placeholder,
  #signup_form input[type="email"]::-webkit-input-placeholder, #event_form input[type="text"]::-webkit-input-placeholder,
  #event_form input[type="password"]::-webkit-input-placeholder,
  #event_form input[type="email"]::-webkit-input-placeholder, .css-event-form input[type="text"]::-webkit-input-placeholder,
  .css-event-form input[type="password"]::-webkit-input-placeholder,
  .css-event-form input[type="email"]::-webkit-input-placeholder, .page-template-page-contact input[type="text"]::-webkit-input-placeholder,
  .page-template-page-contact input[type="password"]::-webkit-input-placeholder,
  .page-template-page-contact input[type="email"]::-webkit-input-placeholder, #settings-form input[type="text"]::-webkit-input-placeholder,
  #settings-form input[type="password"]::-webkit-input-placeholder,
  #settings-form input[type="email"]::-webkit-input-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]:-moz-placeholder,
  .login-form input[type="password"]:-moz-placeholder,
  .login-form input[type="email"]:-moz-placeholder, #signup_form input[type="text"]:-moz-placeholder,
  #signup_form input[type="password"]:-moz-placeholder,
  #signup_form input[type="email"]:-moz-placeholder, #event_form input[type="text"]:-moz-placeholder,
  #event_form input[type="password"]:-moz-placeholder,
  #event_form input[type="email"]:-moz-placeholder, .css-event-form input[type="text"]:-moz-placeholder,
  .css-event-form input[type="password"]:-moz-placeholder,
  .css-event-form input[type="email"]:-moz-placeholder, .page-template-page-contact input[type="text"]:-moz-placeholder,
  .page-template-page-contact input[type="password"]:-moz-placeholder,
  .page-template-page-contact input[type="email"]:-moz-placeholder, #settings-form input[type="text"]:-moz-placeholder,
  #settings-form input[type="password"]:-moz-placeholder,
  #settings-form input[type="email"]:-moz-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]::-moz-placeholder,
  .login-form input[type="password"]::-moz-placeholder,
  .login-form input[type="email"]::-moz-placeholder, #signup_form input[type="text"]::-moz-placeholder,
  #signup_form input[type="password"]::-moz-placeholder,
  #signup_form input[type="email"]::-moz-placeholder, #event_form input[type="text"]::-moz-placeholder,
  #event_form input[type="password"]::-moz-placeholder,
  #event_form input[type="email"]::-moz-placeholder, .css-event-form input[type="text"]::-moz-placeholder,
  .css-event-form input[type="password"]::-moz-placeholder,
  .css-event-form input[type="email"]::-moz-placeholder, .page-template-page-contact input[type="text"]::-moz-placeholder,
  .page-template-page-contact input[type="password"]::-moz-placeholder,
  .page-template-page-contact input[type="email"]::-moz-placeholder, #settings-form input[type="text"]::-moz-placeholder,
  #settings-form input[type="password"]::-moz-placeholder,
  #settings-form input[type="email"]::-moz-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]:-ms-input-placeholder,
  .login-form input[type="password"]:-ms-input-placeholder,
  .login-form input[type="email"]:-ms-input-placeholder, #signup_form input[type="text"]:-ms-input-placeholder,
  #signup_form input[type="password"]:-ms-input-placeholder,
  #signup_form input[type="email"]:-ms-input-placeholder, #event_form input[type="text"]:-ms-input-placeholder,
  #event_form input[type="password"]:-ms-input-placeholder,
  #event_form input[type="email"]:-ms-input-placeholder, .css-event-form input[type="text"]:-ms-input-placeholder,
  .css-event-form input[type="password"]:-ms-input-placeholder,
  .css-event-form input[type="email"]:-ms-input-placeholder, .page-template-page-contact input[type="text"]:-ms-input-placeholder,
  .page-template-page-contact input[type="password"]:-ms-input-placeholder,
  .page-template-page-contact input[type="email"]:-ms-input-placeholder, #settings-form input[type="text"]:-ms-input-placeholder,
  #settings-form input[type="password"]:-ms-input-placeholder,
  #settings-form input[type="email"]:-ms-input-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="submit"], #signup_form input[type="submit"], #event_form input[type="submit"], .css-event-form input[type="submit"], .page-template-page-contact input[type="submit"], #settings-form input[type="submit"] {
    display: block;
    margin: 0 auto;
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    border: none;
    outline: none;
    background-color: #ff4a49;
    text-transform: uppercase;
    color: white;
    padding: 0.9rem 1.4rem;
    border-radius: 25px;
    margin-top: 1rem;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  .login-form input[type="submit"]:hover, #signup_form input[type="submit"]:hover, #event_form input[type="submit"]:hover, .css-event-form input[type="submit"]:hover, .page-template-page-contact input[type="submit"]:hover, #settings-form input[type="submit"]:hover {
    cursor: pointer;
    background-color: #e61716;
  }

  .starts-at {
    display: inline-block;
    position: absolute;
    float: left;
    padding: 1.92rem 1rem 1.88rem 1.5rem;
    width: 10rem;
    color: #aaa;
    text-transform: uppercase;
    color: #aaa;
    height: auto;
    background: #f2f2f2;
    z-index: 0;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
  }

  input#start-time {
    position: relative;
    margin-left: 7rem;
    z-index: 1;
  }

  a.search-result-link {
    color: #16e19f;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }

  .your-events-user h3 {
    float: left;
  }
  .your-events-user .events-list-user ul {
    margin-left: 0 !important;
  }
  .your-events-user .events-list-user li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #d2d2d2;
    list-style: none;
  }
  .your-events-user .events-list-user li a.event-link-user {
    color: #16e19f;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  .your-events-user .events-list-user li a.edit-event-user {
    line-height: 2rem;
    color: #d2d2d2;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding-right: 40px;
  }
  .your-events-user .events-list-user li a.edit-event-user:hover {
    color: #626262 !important;
  }
  .your-events-user .events-list-user li a.edit-event-user:after {
    content: '';
    background: url(../img/edit-icon.svg);
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 5px;
  }
  .your-events-user .events-list-user li span.date {
    color: #aaaaaa;
  }
  .your-events-user a.create-event-user {
    float: right;
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    background-color: #ff4a49;
    text-transform: uppercase;
    color: white;
    padding: 0.9rem 1.4rem;
    border-radius: 25px;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  .your-events-user a.create-event-user:hover {
    cursor: pointer;
    color: #fff;
    background-color: #e61716;
  }
  .your-events-user a.create-event-user span {
    padding-left: 1rem;
    font-weight: 400;
  }

  #event-form #event-name {
    width: 100%;
    padding: 2rem 1.5rem;
  }

  #event-form .inside {
    margin-bottom: 2rem;
  }

  #event-form .details-col {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  #event-form h3.upload-title {
    font-weight: 400 !important;
  }

  #event-form div.upload-url {
    border: 1px solid #f2f2f2;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
  }

  #event-form img.zentrick-logo {
    width: 6rem;
    margin-top: 1rem;
  }

  #event-form p.upload-info {
    color: #d2d2d2;
  }

  #event-form p.upload-info span.uppercase {
    text-transform: uppercase;
    font-weight: 600;
  }

  #event-form p.upload-info a {
    color: #d2d2d2;
    text-decoration: underline;
    font-weight: 600;
  }

  a.editlink:hover, a.logoutlink:hover, a.addlink:hover {
    color: #626262 !important;
  }

  .em-warning-confirms {
    border: none;
  }

  .fbLoginButton {
    width: 10rem;
    margin: 1rem auto 1rem auto;
  }
  .fbLoginButton img {
    width: 100%;
  }

  #em-location-data .em-location-map-container {
    width: 100%;
    height: 300px;
  }

  .single-event .single-title {
    position: relative;
    z-index: 3;
  }
  .single-event .single-title h2 {
    text-align: left;
  }

  .green-filler {
    background-color: #16e19f;
    display: block;
    width: 20rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20rem;
    z-index: 2;
  }

  .header-video {
    background-image: url(../img/sftc-intro.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
  }
  .header-video .flex-video {
    margin-bottom: 0;
  }

  .header-video-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .single-info .row {
    background-color: #ffffff;
    padding: 0.9375rem;
  }
  .single-info .row h3 {
    color: #ff4a49;
    font-size: 1.5rem;
    font-weight: 600 !important;
  }
  .single-info .row p {
    font-size: 0.875rem;
    color: #626262;
    width: 80%;
  }
  .single-info .row .back-to a {
    display: block;
    color: #d2d2d2;
    letter-spacing: 0.06rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    position: relative;
    text-align: center;
  }
  .single-info .row .back-to a:before {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 3px;
    left: 0;
    background: url(../img/arrow-left.svg) no-repeat center center;
  }
  .single-info .row .single-details-info i {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    color: #d2d2d2;
  }
  .single-info .row .single-details-info h4 {
    color: #d2d2d2;
    letter-spacing: 0.06rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 400 !important;
    clear: both;
    margin-bottom: 0;
  }
  .single-info .row .single-details-info p {
    width: 100%;
    font-weight: 600;
  }
  .single-info .row .single-details-info p.stats_participants {
    font-size: 1.4rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d2d2d2;
  }
  .single-info .row .single-details-info p.stats_date {
    margin-bottom: 1rem;
  }
  .single-info .row .single-share ul.wpfai-list:before {
    content: "share";
    color: #d2d2d2;
    letter-spacing: 0.06rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 400 !important;
    clear: both;
    margin-bottom: 0;
  }
  .single-info .row .single-share ul.wpfai-list {
    display: block;
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
  }
  .single-info .row .single-share ul.wpfai-list li {
    margin-right: 0;
    margin-left: 0.5rem;
  }

  div.time-picker li {
    cursor: pointer;
    height: 17px;
    font: 12px/1 'Roboto', Helvetica, Arial, sans-serif;
    padding: 4px 3px 8px 3px;
    text-align: center;
  }

  label {
    font-weight: 600;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
  }

  .alm-btn-wrap {
    display: block;
    clear: both !important;
    margin: 2rem auto !important;
    padding-top: 30px !important;
  }

  .alm-load-more-btn {
    clear: both !important;
    font-family: 'Roboto' !important;
    -moz-border-radius: 999px !important;
    border-radius: 999px !important;
    padding: 0 30px 0 30px !important;
    -webkit-transition: padding 0.3s ease-in-out !important;
    -moz-transition: padding 0.3s ease-in-out !important;
    transition: padding 0.3s ease-in-out !important;
  }

  .alm-load-more-btn.done {
    padding: 0 30px 0 30px !important;
    -webkit-transition: padding 0.3s ease-in-out !important;
    -moz-transition: padding 0.3s ease-in-out !important;
    transition: padding 0.3s ease-in-out !important;
  }

  .alm-load-more-btn.loading {
    padding: 0 45px 0 45px !important;
    -webkit-transition: padding 0.3s ease-in-out !important;
    -moz-transition: padding 0.3s ease-in-out !important;
    transition: padding 0.3s ease-in-out !important;
  }

  button.alm-load-more-btn:before {
    width: 30px !important;
    height: 30px !important;
    margin: 6px !important;
    margin-right: 92px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 53px !important;
    display: inline-block !important;
    z-index: 0 !important;
    content: '' !important;
    position: absolute !important;
    left: 0px !important;
    overflow: hidden !important;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
  }

  button.alm-load-more-btn.done:before {
    width: 30px !important;
    height: 30px !important;
    margin: 6px !important;
    margin-right: 92px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 53px !important;
    display: inline-block !important;
    z-index: 0 !important;
    content: '' !important;
    position: absolute !important;
    left: 0px !important;
    overflow: hidden !important;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
  }

  button.alm-load-more-btn.loading:before {
    width: 30px !important;
    height: 30px !important;
    margin: 6px !important;
    margin-right: 92px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 53px !important;
    display: inline-block !important;
    z-index: 0 !important;
    content: '' !important;
    position: absolute !important;
    left: 0px !important;
    overflow: hidden !important;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
  }

  a.join-movement {
    color: #ffffff !important;
  }

  .sponsor-logos li {
    min-height: 7rem;
    display: table;
  }

  .sponsors-wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }

  .sponsor-logos li img {
    width: 50%;
  }

  .m-text-right {
    text-align: center;
  }

  .how-it-works {
    display: none;
  }

  #buddypress .fw-white {
    padding: 2rem 0;
  }

  .about-what img, .about-why img {
    display: block;
    clear: both;
    float: none !important;
  }
}
@media only screen and (min-width: 40.0625em) {
  .about-what img, .about-why img {
    display: inline-block;
    clear: none;
    float: left !important;
  }

  .fw-green h2, .fw-red h2 {
    text-align: left;
  }

  .how-it-works {
    display: block;
  }

  .about-page .fw-white > div.row, .about-page .fw-light-grey > div.row {
    padding: 4rem 0;
  }
  .about-page .fw-white > div.row div.columns:nth-of-type(1) img, .about-page .fw-light-grey > div.row div.columns:nth-of-type(1) img {
    height: auto;
    width: 5rem;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
  }
  .about-page .fw-white > div.row div.columns:nth-of-type(1) h3, .about-page .fw-light-grey > div.row div.columns:nth-of-type(1) h3 {
    padding: 1rem 0 0 1rem;
    text-align: left;
  }

  .event-block > div {
    min-height: 340px;
  }

  .header-video .row .columns {
    padding-left: 0;
    padding-right: 0;
  }

  h2 {
    font-size: 1.75rem;
    font-weight: 700;
    padding: 2rem 1rem 2rem 4rem;
    text-align: left;
  }

  h2.header-title {
    text-align: center;
  }

  .login-form input[type="text"], .login-form input[type="text"]:focus,
  .login-form input[type="password"], .login-form input[type="password"]:focus,
  .login-form input[type="email"], .login-form input[type="email"]:focus,
  .login-form textarea, #signup_form input[type="text"], #signup_form input[type="text"]:focus,
  #signup_form input[type="password"], #signup_form input[type="password"]:focus,
  #signup_form input[type="email"], #signup_form input[type="email"]:focus,
  #signup_form textarea, #event_form input[type="text"], #event_form input[type="text"]:focus,
  #event_form input[type="password"], #event_form input[type="password"]:focus,
  #event_form input[type="email"], #event_form input[type="email"]:focus,
  #event_form textarea, .css-event-form input[type="text"], .css-event-form input[type="text"]:focus,
  .css-event-form input[type="password"], .css-event-form input[type="password"]:focus,
  .css-event-form input[type="email"], .css-event-form input[type="email"]:focus,
  .css-event-form textarea, .page-template-page-contact input[type="text"], .page-template-page-contact input[type="text"]:focus,
  .page-template-page-contact input[type="password"], .page-template-page-contact input[type="password"]:focus,
  .page-template-page-contact input[type="email"], .page-template-page-contact input[type="email"]:focus,
  .page-template-page-contact textarea, #settings-form input[type="text"], #settings-form input[type="text"]:focus,
  #settings-form input[type="password"], #settings-form input[type="password"]:focus,
  #settings-form input[type="email"], #settings-form input[type="email"]:focus,
  #settings-form textarea {
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background-color: #f2f2f2 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 2rem 1.5rem !important;
    height: auto !important;
  }
  .login-form select, #signup_form select, #event_form select, .css-event-form select, .page-template-page-contact select, #settings-form select {
    display: block;
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: none;
    box-shadow: none;
    outline: none;
    padding-left: 1.5rem;
    height: auto;
  }
  .login-form select.defaultoption, .login-form option[value="defaultoption"], #signup_form select.defaultoption, #signup_form option[value="defaultoption"], #event_form select.defaultoption, #event_form option[value="defaultoption"], .css-event-form select.defaultoption, .css-event-form option[value="defaultoption"], .page-template-page-contact select.defaultoption, .page-template-page-contact option[value="defaultoption"], #settings-form select.defaultoption, #settings-form option[value="defaultoption"] {
    font-family: 'Roboto';
    color: #aaa;
    height: auto;
  }
  .login-form input[type="text"]::-webkit-input-placeholder,
  .login-form input[type="password"]::-webkit-input-placeholder,
  .login-form input[type="email"]::-webkit-input-placeholder, #signup_form input[type="text"]::-webkit-input-placeholder,
  #signup_form input[type="password"]::-webkit-input-placeholder,
  #signup_form input[type="email"]::-webkit-input-placeholder, #event_form input[type="text"]::-webkit-input-placeholder,
  #event_form input[type="password"]::-webkit-input-placeholder,
  #event_form input[type="email"]::-webkit-input-placeholder, .css-event-form input[type="text"]::-webkit-input-placeholder,
  .css-event-form input[type="password"]::-webkit-input-placeholder,
  .css-event-form input[type="email"]::-webkit-input-placeholder, .page-template-page-contact input[type="text"]::-webkit-input-placeholder,
  .page-template-page-contact input[type="password"]::-webkit-input-placeholder,
  .page-template-page-contact input[type="email"]::-webkit-input-placeholder, #settings-form input[type="text"]::-webkit-input-placeholder,
  #settings-form input[type="password"]::-webkit-input-placeholder,
  #settings-form input[type="email"]::-webkit-input-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]:-moz-placeholder,
  .login-form input[type="password"]:-moz-placeholder,
  .login-form input[type="email"]:-moz-placeholder, #signup_form input[type="text"]:-moz-placeholder,
  #signup_form input[type="password"]:-moz-placeholder,
  #signup_form input[type="email"]:-moz-placeholder, #event_form input[type="text"]:-moz-placeholder,
  #event_form input[type="password"]:-moz-placeholder,
  #event_form input[type="email"]:-moz-placeholder, .css-event-form input[type="text"]:-moz-placeholder,
  .css-event-form input[type="password"]:-moz-placeholder,
  .css-event-form input[type="email"]:-moz-placeholder, .page-template-page-contact input[type="text"]:-moz-placeholder,
  .page-template-page-contact input[type="password"]:-moz-placeholder,
  .page-template-page-contact input[type="email"]:-moz-placeholder, #settings-form input[type="text"]:-moz-placeholder,
  #settings-form input[type="password"]:-moz-placeholder,
  #settings-form input[type="email"]:-moz-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]::-moz-placeholder,
  .login-form input[type="password"]::-moz-placeholder,
  .login-form input[type="email"]::-moz-placeholder, #signup_form input[type="text"]::-moz-placeholder,
  #signup_form input[type="password"]::-moz-placeholder,
  #signup_form input[type="email"]::-moz-placeholder, #event_form input[type="text"]::-moz-placeholder,
  #event_form input[type="password"]::-moz-placeholder,
  #event_form input[type="email"]::-moz-placeholder, .css-event-form input[type="text"]::-moz-placeholder,
  .css-event-form input[type="password"]::-moz-placeholder,
  .css-event-form input[type="email"]::-moz-placeholder, .page-template-page-contact input[type="text"]::-moz-placeholder,
  .page-template-page-contact input[type="password"]::-moz-placeholder,
  .page-template-page-contact input[type="email"]::-moz-placeholder, #settings-form input[type="text"]::-moz-placeholder,
  #settings-form input[type="password"]::-moz-placeholder,
  #settings-form input[type="email"]::-moz-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]:-ms-input-placeholder,
  .login-form input[type="password"]:-ms-input-placeholder,
  .login-form input[type="email"]:-ms-input-placeholder, #signup_form input[type="text"]:-ms-input-placeholder,
  #signup_form input[type="password"]:-ms-input-placeholder,
  #signup_form input[type="email"]:-ms-input-placeholder, #event_form input[type="text"]:-ms-input-placeholder,
  #event_form input[type="password"]:-ms-input-placeholder,
  #event_form input[type="email"]:-ms-input-placeholder, .css-event-form input[type="text"]:-ms-input-placeholder,
  .css-event-form input[type="password"]:-ms-input-placeholder,
  .css-event-form input[type="email"]:-ms-input-placeholder, .page-template-page-contact input[type="text"]:-ms-input-placeholder,
  .page-template-page-contact input[type="password"]:-ms-input-placeholder,
  .page-template-page-contact input[type="email"]:-ms-input-placeholder, #settings-form input[type="text"]:-ms-input-placeholder,
  #settings-form input[type="password"]:-ms-input-placeholder,
  #settings-form input[type="email"]:-ms-input-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="submit"], #signup_form input[type="submit"], #event_form input[type="submit"], .css-event-form input[type="submit"], .page-template-page-contact input[type="submit"], #settings-form input[type="submit"] {
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    border: none;
    outline: none;
    background-color: #ff4a49;
    text-transform: uppercase;
    color: white;
    padding: 0.9rem 1.4rem;
    border-radius: 25px;
    margin-top: 1rem;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  .login-form input[type="submit"]:hover, #signup_form input[type="submit"]:hover, #event_form input[type="submit"]:hover, .css-event-form input[type="submit"]:hover, .page-template-page-contact input[type="submit"]:hover, #settings-form input[type="submit"]:hover {
    cursor: pointer;
    background-color: #e61716;
  }

  .sponsor-logos li {
    min-height: 7rem;
    display: table;
  }

  .sponsors-wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }

  .sponsor-logos li img {
    width: 45%%;
  }

  .m-text-right {
    text-align: right;
  }

  .single-event .single-title {
    position: relative;
    z-index: 3;
  }
  .single-event .single-title h2 {
    padding-left: 5rem;
    text-align: left;
  }

  .header-date h2 {
    font-size: 1.75rem;
    font-weight: 700;
    padding: 3.2rem 0;
  }

  .header-video-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .single-info .row {
    background-color: #ffffff;
    padding: 3rem 5rem;
  }
  .single-info .row h3 {
    color: #ff4a49;
    font-size: 1.5rem;
    font-weight: 600 !important;
  }
  .single-info .row p {
    font-size: 0.875rem;
    color: #626262;
    width: 80%;
  }
  .single-info .row .back-to a {
    display: block;
    color: #d2d2d2;
    letter-spacing: 0.06rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    position: relative;
    text-align: left;
  }
  .single-info .row .back-to a:before {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0;
    left: -2rem;
    background: url(../img/arrow-left.svg) no-repeat center center;
  }
  .single-info .row .single-details-info i {
    padding-top: 0;
    padding-bottom: 0.5rem;
    color: #d2d2d2;
  }
  .single-info .row .single-details-info h4 {
    color: #d2d2d2;
    letter-spacing: 0.06rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 400 !important;
    clear: both;
    margin-bottom: 0;
  }
  .single-info .row .single-details-info p {
    width: 100%;
    font-weight: 600;
  }
  .single-info .row .single-details-info p.stats_participants {
    font-size: 2.4rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d2d2d2;
  }
  .single-info .row .single-details-info p.stats_date {
    margin-bottom: 1rem;
  }
  .single-info .row .single-share {
    border-top: 1px solid #d2d2d2;
    padding-top: 2rem;
  }
  .single-info .row .single-share ul.wpfai-list:before {
    content: "share";
    color: #d2d2d2;
    letter-spacing: 0.06rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 400 !important;
    clear: both;
    margin-bottom: 0;
  }
  .single-info .row .single-share ul.wpfai-list {
    display: block;
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
  }
  .single-info .row .single-share ul.wpfai-list li {
    margin-right: 0;
    margin-left: 0.5rem;
  }

  .login-page h3, .register-page h3, .bp-user.my-activity.my-account.just-me h3, .create-page h3 {
    color: #ff4a49;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .login-page .fw-white > div.row, .register-page .fw-white > div.row, .bp-user.my-activity.my-account.just-me .fw-white > div.row, .create-page .fw-white > div.row {
    padding: 4rem 0;
  }
  .login-page .fw-white > div.row div.columns:nth-of-type(2), .register-page .fw-white > div.row div.columns:nth-of-type(2), .bp-user.my-activity.my-account.just-me .fw-white > div.row div.columns:nth-of-type(2), .create-page .fw-white > div.row div.columns:nth-of-type(2) {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .login-page h3, .register-page h3, .bp-user.my-activity.my-account.just-me h3, .create-page h3 {
    margin-bottom: 2rem;
  }
  .login-page .how-it-works, .register-page .how-it-works, .bp-user.my-activity.my-account.just-me .how-it-works, .create-page .how-it-works {
    border-right: 1px solid #f2f2f2;
    padding-right: 4rem;
  }
  .login-page .how-it-works h3, .register-page .how-it-works h3, .bp-user.my-activity.my-account.just-me .how-it-works h3, .create-page .how-it-works h3 {
    color: #626262;
    font-weight: 400;
  }
  .login-page .how-it-works ol, .register-page .how-it-works ol, .bp-user.my-activity.my-account.just-me .how-it-works ol, .create-page .how-it-works ol {
    counter-reset: numList;
  }
  .login-page .how-it-works ol li, .register-page .how-it-works ol li, .bp-user.my-activity.my-account.just-me .how-it-works ol li, .create-page .how-it-works ol li {
    font-size: 0.875rem;
    list-style: none;
    margin-bottom: 1.2rem;
    padding-left: 0.5rem;
  }
  .login-page .how-it-works ol li:before, .register-page .how-it-works ol li:before, .bp-user.my-activity.my-account.just-me .how-it-works ol li:before, .create-page .how-it-works ol li:before {
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: 1rem;
    text-align: center;
    color: #ff4a49;
    line-height: 17px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ff4a49;
    -moz-border-radius: 999px;
    border-radius: 999px;
    margin-top: 0.12rem;
  }

  .login-form input[type="text"], .login-form input[type="text"]:focus,
  .login-form input[type="password"], .login-form input[type="password"]:focus,
  .login-form input[type="email"], .login-form input[type="email"]:focus,
  .login-form textarea, #signup_form input[type="text"], #signup_form input[type="text"]:focus,
  #signup_form input[type="password"], #signup_form input[type="password"]:focus,
  #signup_form input[type="email"], #signup_form input[type="email"]:focus,
  #signup_form textarea, #event_form input[type="text"], #event_form input[type="text"]:focus,
  #event_form input[type="password"], #event_form input[type="password"]:focus,
  #event_form input[type="email"], #event_form input[type="email"]:focus,
  #event_form textarea, .css-event-form input[type="text"], .css-event-form input[type="text"]:focus,
  .css-event-form input[type="password"], .css-event-form input[type="password"]:focus,
  .css-event-form input[type="email"], .css-event-form input[type="email"]:focus,
  .css-event-form textarea, .page-template-page-contact input[type="text"], .page-template-page-contact input[type="text"]:focus,
  .page-template-page-contact input[type="password"], .page-template-page-contact input[type="password"]:focus,
  .page-template-page-contact input[type="email"], .page-template-page-contact input[type="email"]:focus,
  .page-template-page-contact textarea, #settings-form input[type="text"], #settings-form input[type="text"]:focus,
  #settings-form input[type="password"], #settings-form input[type="password"]:focus,
  #settings-form input[type="email"], #settings-form input[type="email"]:focus,
  #settings-form textarea {
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background-color: #f2f2f2 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 2rem 1.5rem !important;
    height: auto !important;
  }
  .login-form select, #signup_form select, #event_form select, .css-event-form select, .page-template-page-contact select, #settings-form select {
    display: block;
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: none;
    box-shadow: none;
    outline: none;
    padding-left: 1.5rem;
    height: auto;
  }
  .login-form select.defaultoption, .login-form option[value="defaultoption"], #signup_form select.defaultoption, #signup_form option[value="defaultoption"], #event_form select.defaultoption, #event_form option[value="defaultoption"], .css-event-form select.defaultoption, .css-event-form option[value="defaultoption"], .page-template-page-contact select.defaultoption, .page-template-page-contact option[value="defaultoption"], #settings-form select.defaultoption, #settings-form option[value="defaultoption"] {
    font-family: 'Roboto';
    color: #aaa;
    height: auto;
  }
  .login-form input[type="text"]::-webkit-input-placeholder,
  .login-form input[type="password"]::-webkit-input-placeholder,
  .login-form input[type="email"]::-webkit-input-placeholder, #signup_form input[type="text"]::-webkit-input-placeholder,
  #signup_form input[type="password"]::-webkit-input-placeholder,
  #signup_form input[type="email"]::-webkit-input-placeholder, #event_form input[type="text"]::-webkit-input-placeholder,
  #event_form input[type="password"]::-webkit-input-placeholder,
  #event_form input[type="email"]::-webkit-input-placeholder, .css-event-form input[type="text"]::-webkit-input-placeholder,
  .css-event-form input[type="password"]::-webkit-input-placeholder,
  .css-event-form input[type="email"]::-webkit-input-placeholder, .page-template-page-contact input[type="text"]::-webkit-input-placeholder,
  .page-template-page-contact input[type="password"]::-webkit-input-placeholder,
  .page-template-page-contact input[type="email"]::-webkit-input-placeholder, #settings-form input[type="text"]::-webkit-input-placeholder,
  #settings-form input[type="password"]::-webkit-input-placeholder,
  #settings-form input[type="email"]::-webkit-input-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]:-moz-placeholder,
  .login-form input[type="password"]:-moz-placeholder,
  .login-form input[type="email"]:-moz-placeholder, #signup_form input[type="text"]:-moz-placeholder,
  #signup_form input[type="password"]:-moz-placeholder,
  #signup_form input[type="email"]:-moz-placeholder, #event_form input[type="text"]:-moz-placeholder,
  #event_form input[type="password"]:-moz-placeholder,
  #event_form input[type="email"]:-moz-placeholder, .css-event-form input[type="text"]:-moz-placeholder,
  .css-event-form input[type="password"]:-moz-placeholder,
  .css-event-form input[type="email"]:-moz-placeholder, .page-template-page-contact input[type="text"]:-moz-placeholder,
  .page-template-page-contact input[type="password"]:-moz-placeholder,
  .page-template-page-contact input[type="email"]:-moz-placeholder, #settings-form input[type="text"]:-moz-placeholder,
  #settings-form input[type="password"]:-moz-placeholder,
  #settings-form input[type="email"]:-moz-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]::-moz-placeholder,
  .login-form input[type="password"]::-moz-placeholder,
  .login-form input[type="email"]::-moz-placeholder, #signup_form input[type="text"]::-moz-placeholder,
  #signup_form input[type="password"]::-moz-placeholder,
  #signup_form input[type="email"]::-moz-placeholder, #event_form input[type="text"]::-moz-placeholder,
  #event_form input[type="password"]::-moz-placeholder,
  #event_form input[type="email"]::-moz-placeholder, .css-event-form input[type="text"]::-moz-placeholder,
  .css-event-form input[type="password"]::-moz-placeholder,
  .css-event-form input[type="email"]::-moz-placeholder, .page-template-page-contact input[type="text"]::-moz-placeholder,
  .page-template-page-contact input[type="password"]::-moz-placeholder,
  .page-template-page-contact input[type="email"]::-moz-placeholder, #settings-form input[type="text"]::-moz-placeholder,
  #settings-form input[type="password"]::-moz-placeholder,
  #settings-form input[type="email"]::-moz-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="text"]:-ms-input-placeholder,
  .login-form input[type="password"]:-ms-input-placeholder,
  .login-form input[type="email"]:-ms-input-placeholder, #signup_form input[type="text"]:-ms-input-placeholder,
  #signup_form input[type="password"]:-ms-input-placeholder,
  #signup_form input[type="email"]:-ms-input-placeholder, #event_form input[type="text"]:-ms-input-placeholder,
  #event_form input[type="password"]:-ms-input-placeholder,
  #event_form input[type="email"]:-ms-input-placeholder, .css-event-form input[type="text"]:-ms-input-placeholder,
  .css-event-form input[type="password"]:-ms-input-placeholder,
  .css-event-form input[type="email"]:-ms-input-placeholder, .page-template-page-contact input[type="text"]:-ms-input-placeholder,
  .page-template-page-contact input[type="password"]:-ms-input-placeholder,
  .page-template-page-contact input[type="email"]:-ms-input-placeholder, #settings-form input[type="text"]:-ms-input-placeholder,
  #settings-form input[type="password"]:-ms-input-placeholder,
  #settings-form input[type="email"]:-ms-input-placeholder {
    color: #aaa;
    text-transform: uppercase;
    height: auto;
  }
  .login-form input[type="submit"], #signup_form input[type="submit"], #event_form input[type="submit"], .css-event-form input[type="submit"], .page-template-page-contact input[type="submit"], #settings-form input[type="submit"] {
    display: block;
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    border: none;
    outline: none;
    background-color: #ff4a49;
    text-transform: uppercase;
    color: white;
    padding: 0.9rem 1.4rem;
    border-radius: 25px;
    margin-top: 1rem;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  .login-form input[type="submit"]:hover, #signup_form input[type="submit"]:hover, #event_form input[type="submit"]:hover, .css-event-form input[type="submit"]:hover, .page-template-page-contact input[type="submit"]:hover, #settings-form input[type="submit"]:hover {
    cursor: pointer;
    background-color: #e61716;
  }

  .starts-at {
    display: inline-block;
    position: absolute;
    float: left;
    padding: 1.92rem 1rem 1.88rem 1.5rem;
    width: 10rem;
    color: #aaa;
    text-transform: uppercase;
    color: #aaa;
    height: auto;
    background: #f2f2f2;
    z-index: 0;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
  }

  input#start-time {
    position: relative;
    margin-left: 7rem;
    z-index: 1;
  }

  a.search-result-link {
    color: #16e19f;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }

  .your-events-user h3 {
    float: left;
  }
  .your-events-user .events-list-user ul {
    margin-left: 0 !important;
  }
  .your-events-user .events-list-user li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #d2d2d2;
    list-style: none;
  }
  .your-events-user .events-list-user li a.event-link-user {
    color: #16e19f;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  .your-events-user .events-list-user li a.edit-event-user {
    line-height: 2rem;
    color: #d2d2d2;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding-right: 40px;
  }
  .your-events-user .events-list-user li a.edit-event-user:hover {
    color: #626262 !important;
  }
  .your-events-user .events-list-user li a.edit-event-user:after {
    content: '';
    background: url(../img/edit-icon.svg);
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 5px;
  }
  .your-events-user .events-list-user li span.date {
    color: #aaaaaa;
  }
  .your-events-user a.create-event-user {
    float: right;
    font-family: 'Roboto', "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    background-color: #ff4a49;
    text-transform: uppercase;
    color: white;
    padding: 0.9rem 1.4rem;
    border-radius: 25px;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  .your-events-user a.create-event-user:hover {
    cursor: pointer;
    color: #fff;
    background-color: #e61716;
  }
  .your-events-user a.create-event-user span {
    padding-left: 1rem;
    font-weight: 400;
  }

  #event-form #event-name {
    width: 100%;
    padding: 2rem 1.5rem;
  }

  #event-form .inside {
    margin-bottom: 0;
  }

  #event-form .details-col {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  #event-form h3.upload-title {
    font-weight: 400 !important;
  }

  #event-form div.upload-url {
    border: 1px solid #f2f2f2;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
  }

  #event-form img.zentrick-logo {
    width: 6rem;
    margin-top: 1rem;
  }

  #event-form p.upload-info {
    color: #d2d2d2;
  }

  #event-form p.upload-info span.uppercase {
    text-transform: uppercase;
    font-weight: 600;
  }

  #event-form p.upload-info a {
    color: #d2d2d2;
    text-decoration: underline;
    font-weight: 600;
  }

  a.editlink:hover, a.logoutlink:hover, a.addlink:hover {
    color: #626262 !important;
  }

  .em-warning-confirms {
    border: none;
  }

  #em-location-data .em-location-map-container {
    width: 100%;
    height: 300px;
  }

  .fbLoginButton {
    width: 10rem;
    margin: auto;
  }
  .fbLoginButton img {
    width: 100%;
  }

  .take-action h2 {
    padding: 0;
  }

  div.soundcloud-slide {
    top: 18% !important;
  }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) and (orientation: portrait) {
  div.soundcloud-slide {
    top: 13.5% !important;
  }
}
@media only screen and (min-width: 64.0625em) {
  h2 {
    font-size: 1.75rem;
    font-weight: 700;
    padding: 3.2rem 1rem;
  }

  .about-page .fw-white > div.row, .about-page .fw-light-grey > div.row {
    padding: 4rem 0;
  }
  .about-page .fw-white > div.row div.columns:nth-of-type(1) img, .about-page .fw-light-grey > div.row div.columns:nth-of-type(1) img {
    height: 6rem;
    width: 7rem;
  }
  .about-page .fw-white > div.row div.columns:nth-of-type(1) h3, .about-page .fw-light-grey > div.row div.columns:nth-of-type(1) h3 {
    padding: 1rem 0 0 1rem;
  }
  .about-page .about-what p, .about-page .about-why p {
    width: 65%;
  }

  .header-date {
    padding-left: 0;
  }
  .header-date span {
    display: inline-block;
    font-size: 1.25rem;
    text-transform: uppercase;
  }

  div.soundcloud-slide {
    top: 20% !important;
  }

  div.submit-wrapper {
    position: absolute;
    bottom: 275px;
    right: -1.9375rem;
    width: 1rem;
  }

  .take-action h2 {
    padding: 3.2rem 0;
  }
}