.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.participant-legacy-addons {
  display: block !important;
  font-family: "Furore-webfont", sans-serif;
  color: #1a4c6d;
  font-size: 22px;
}
.participant-legacy-addons .participant-legacy-icon:before {
  font-family: 'FontAwesome';
  content: "\f005";
}
#page-edit {
  z-index: 100;
}
.participant-card .profile-img {
  border: 3px solid #1a4c6d !important;
}
[class*="participant-legacy-avatar-year-"] {
  margin: 38px 60px 30px 0px !important;
}
[class*="participant-legacy-avatar-year-"]:before {
  background: url("../img/legacy-avatars/6th.png") no-repeat;
  content: "";
  height: 152px;
  position: absolute;
  right: -71px;
  top: -33px;
  width: 292px;
  z-index: 1;
}
[class*="participant-legacy-avatar-year-"]:after {
  content: "";
  background: url("../img/legacy-avatars/6th-bk.png") no-repeat;
  width: 282px;
  height: 282px;
  position: absolute;
  top: -70px;
  left: -65px;
  z-index: -1;
}
.participant-legacy-avatar-year-1 {
  margin: 0 !important;
}
.participant-legacy-avatar-year-1:before,
.participant-legacy-avatar-year-1:after {
  display: none !important;
}
.participant-legacy-avatar-year-2,
.participant-legacy-avatar-year-3,
.participant-legacy-avatar-year-4,
.participant-legacy-avatar-year-5 {
  margin: 30px 60px 0px 0px !important;
}
.participant-legacy-avatar-year-2:after,
.participant-legacy-avatar-year-3:after,
.participant-legacy-avatar-year-4:after,
.participant-legacy-avatar-year-5:after {
  display: none !important;
}
.participant-legacy-avatar-year-2 .profile-img {
  border: 3px solid #d1d1d1 !important;
}
.participant-legacy-avatar-year-2:before {
  background: url("../img/legacy-avatars/2nd.png") no-repeat;
}
.participant-legacy-avatar-year-3 .profile-img {
  border: 3px solid #7fd836 !important;
}
.participant-legacy-avatar-year-3:before {
  background: url("../img/legacy-avatars/3rd.png") no-repeat;
}
.participant-legacy-avatar-year-4 .profile-img {
  border: 3px solid #26c2eb !important;
}
.participant-legacy-avatar-year-4:before {
  background: url("../img/legacy-avatars/4th.png") no-repeat;
}
.participant-legacy-avatar-year-5 .profile-img {
  border: 3px solid #4074c2 !important;
}
.participant-legacy-avatar-year-5:before {
  background: url("../img/legacy-avatars/5th.png") no-repeat;
}
.participant-1074 [class*="participant-legacy-avatar-year-"],
.participant-158671 [class*="participant-legacy-avatar-year-"],
.participant-349817 [class*="participant-legacy-avatar-year-"] {
  margin: 40px 60px 30px 0px !important;
}
.participant-1074 [class*="participant-legacy-avatar-year-"] .profile-img,
.participant-158671 [class*="participant-legacy-avatar-year-"] .profile-img,
.participant-349817 [class*="participant-legacy-avatar-year-"] .profile-img {
  border: 3px solid #26c2eb !important;
}
.participant-1074 [class*="participant-legacy-avatar-year-"]:before,
.participant-158671 [class*="participant-legacy-avatar-year-"]:before,
.participant-349817 [class*="participant-legacy-avatar-year-"]:before,
.participant-1074 [class*="participant-legacy-avatar-year-"]:after,
.participant-158671 [class*="participant-legacy-avatar-year-"]:after,
.participant-349817 [class*="participant-legacy-avatar-year-"]:after {
  display: block !important;
}
.participant-1074 [class*="participant-legacy-avatar-year-"]:before,
.participant-158671 [class*="participant-legacy-avatar-year-"]:before,
.participant-349817 [class*="participant-legacy-avatar-year-"]:before {
  background: url("../img/legacy-avatars/christien.png") no-repeat;
  width: 294px;
  right: -70px;
  z-index: 2;
}
@media (max-width: 1080px) {
  .avatar[class*="participant-legacy-avatar-year-"] {
    margin: 50px auto !important;
  }
  .avatar.participant-legacy-avatar-year-1,
  .avatar.participant-legacy-avatar-year-2,
  .avatar.participant-legacy-avatar-year-3,
  .avatar.participant-legacy-avatar-year-4,
  .avatar.participant-legacy-avatar-year-5 {
    margin: 20px auto !important;
  }
  .participant-1074 .avatar[class*="participant-legacy-avatar-year-"],
  .participant-158671 .avatar[class*="participant-legacy-avatar-year-"],
  .participant-349817 .avatar[class*="participant-legacy-avatar-year-"] {
    margin: 50px auto !important;
  }
}
.dd-badges {
  text-align: center;
}
.dd-badges .dd-description {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: 100%;
  color: #fff;
  font-size: 14px;
  left: 50%;
  margin-bottom: 7px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transform: translate(-50%, 0);
  transition: opacity 0.2s ease-out;
  width: 200px;
  z-index: 1000;
}
.dd-badges .dd-description:before {
  bottom: -7px;
  content: " ";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  width: 7px;
}
.dd-badges .dd-description:after {
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-top: solid rgba(0, 0, 0, 0.8) 7px;
  bottom: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}
.dd-badges .dd-description strong {
  display: block;
}
/* No Badges */
.dd-badge-missing {
  background: url("../../../resources/img/badges/badge-placeholder.png");
  background-size: cover;
  width: 50px;
  height: 50px;
  margin: 0 auto 20px auto;
}
.dd-badge-missing span {
  display: none;
}
/* Badge Display */
.dd-badges ul {
  margin: 0px 0px 20px 0px;
  padding: 20px;
}
.dd-badges li {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 50px;
  padding: 0;
}
.dd-badges li:hover .dd-description,
.dd-badges li:focus .dd-description {
  opacity: 1;
}
.dd-badges img {
  width: 50px;
  height: 50px;
  filter: none;
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  image-rendering: -webkit-optimize-contrast;
}
@media only screen and (max-width: 641px) {
  .dd-badges .dd-description {
    display: none !important;
  }
}
.dd-milestone-explainer p {
  display: inline;
}
.dd-milestone-explainer a {
  display: inline-block;
  padding-left: 10px;
}
.dd-milestones {
  line-height: 24px;
}
.dd-milestones h1 {
  font-size: 18px;
  margin: 0 15px 0 0;
}
.dd-milestones .dd-milestone a {
  text-decoration: none;
}
@media (min-width: 568px) {
  .dd-milestones .dd-milestone a {
    padding-right: 20px;
  }
}
@media (max-width: 567px) {
  .dd-milestones .dd-milestone a {
    display: block;
  }
}
#top-header {
  background: #123953;
}
#header {
  background: linear-gradient(45deg, #1b5881, #104467);
  background-color: #1a4c6d;
}
#action-btns a {
  border: 2px solid #fff;
  background: none;
}
#action-btns a:hover {
  background: #fff;
  color: #1a4c6d;
}
.topnavcms > li > ul {
  background: #123953;
}
.topnavcms > li > ul > li:hover > a {
  background: #0d2b3e;
}
#avatar-actions {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
  position: relative;
}
.page-details [class*="icon"] {
  position: static !important;
}
.page-details [class*="icon"]:before {
  font-size: 16px !important;
}
.action-team #btnDonateToteam,
.action-teamdonations #btnDonateToteam,
.action-teamparticipants #btnDonateToteam,
.action-team #action-btns,
.action-teamdonations #action-btns,
.action-teamparticipants #action-btns {
  display: none !important;
}
.action-team #header,
.action-teamdonations #header,
.action-teamparticipants #header {
  text-align: center;
}
#btn-join-this-team-top {
  margin-right: 10px;
}
#team-modal.fade.in {
  top: 70%;
  padding: 20px;
  text-align: center;
}
#team-modal.fade.in p {
  margin-bottom: 12px;
}
#team-modal.fade.in a.dd-btn {
  padding: 15px 22px;
  margin-top: 20px;
}
#team-modal.fade.in .step-number {
  font-family: "Furore-webfont", sans-serif;
  color: #26c2eb;
  font-size: 25px;
  margin-right: 12px;
  position: relative;
  top: 2px;
}
.team-card {
  padding: 30px 0 0 0;
}
.team-card .page-details .details-item {
  display: none !important;
}
.participant-card {
  margin: 0px;
  overflow: hidden;
}
.participant-card .avatar {
  position: relative;
  z-index: 100;
  width: 150px !important;
  float: left;
}
.participant-card .participant-info {
  width: 75%;
  float: right;
}
.participant-card #participant-name .page-details {
  float: left;
  width: 63%;
  margin: 0px 0px 0px 40px;
}
.participant-card #participant-name .page-details > * {
  margin-bottom: 15px !important;
}
.participant-card #participant-name .page-details > *:last-child {
  margin-bottom: 0 !important;
}
.participant-card #participant-name .page-details .details-item {
  font-weight: bold;
  color: #4074c2;
  margin: 0px 4px;
  padding: 0px;
}
.participant-card #participant-name .page-details .details-item .icon-trophy,
.participant-card #participant-name .page-details .details-item .icon-group {
  margin-right: 5px;
}
.participant-card #participant-name .page-details .details-item .link-event {
  display: none !important;
}
.participant-card #participant-name .dd-btn:not(.btn-upgrade) {
  margin: 40px 0 0 0;
  float: right;
}
.participant-card,
.team-card {
  align-items: center;
  display: flex;
  padding: 40px 70px;
}
.participant-card a.dd-btn.btn-big,
.team-card a.dd-btn.btn-big {
  font-size: 20px;
  padding: 24px 34px;
}
.participant-card #participant-name p,
.team-card #participant-name p,
.participant-card #team-name p,
.team-card #team-name p,
.participant-card #participant-name h1,
.team-card #participant-name h1,
.participant-card #team-name h1,
.team-card #team-name h1 {
  display: block;
}
.participant-card #participant-name .inline-rank,
.team-card #participant-name .inline-rank,
.participant-card #team-name .inline-rank,
.team-card #team-name .inline-rank {
  font-family: "Furore-webfont", sans-serif;
  color: #c2c2c2;
}
.participant-card #participant-name .inline-rank a,
.team-card #participant-name .inline-rank a,
.participant-card #team-name .inline-rank a,
.team-card #team-name .inline-rank a {
  text-decoration: underline !important;
}
.participant-card #participant-name .dd-page-edit-btn,
.team-card #participant-name .dd-page-edit-btn,
.participant-card #team-name .dd-page-edit-btn,
.team-card #team-name .dd-page-edit-btn {
  position: static;
}
.team-card {
  margin-bottom: 0px;
}
.team-card #team-name .dd-editable-content.dd-editable-name {
  display: block;
}
.dd-editable-content .dd-page-edit-btn {
  z-index: 10;
}
.rank-wrap {
  display: inline-block;
  text-align: center;
}
#teamTabs,
#participantTabs {
  margin: 0px 0px 30px 0px !important;
}
#teamTabs li:nth-child(1) a:before,
#participantTabs li:nth-child(1) a:before {
  font-family: 'FontAwesome' !important;
  content: "\f10d";
  padding-right: 5px;
}
#teamTabs li:nth-child(2) a:before,
#participantTabs li:nth-child(2) a:before {
  font-family: 'FontAwesome' !important;
  content: "\f004";
  padding-right: 5px;
}
#teamTabs li:nth-child(2) a:before {
  font-family: 'FontAwesome' !important;
  content: "\f0c0";
  padding-right: 5px;
}
#fbCommentHeader {
  color: #26c2eb;
  font-family: "Furore-webfont", sans-serif;
  font-size: 24px;
  font-weight: normal;
}
.dd-participant-impact h1 {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
}
.dd-participant-impact h2 {
  color: #4074c2;
  font-size: 16px;
  text-align: center;
}
.dd-participant-impact h2:after {
  content: "players";
  padding-left: 4px;
}
.dd-participant-impact .doughnutSummaryNumber {
  top: 68%;
  font-weight: bold;
}
a.explainer {
  text-decoration: none;
  font-weight: bold;
}
#hospital-wrap {
  padding: 26px 5px 35px 30px;
  border-left: 2px solid #f6f7fb;
  text-align: left;
  float: right;
  min-height: 175px;
}
.hospital-widget #hospitallogobox {
  border: none;
  padding: 0px;
  margin: 0px;
}
.hospital-widget #hospitallogobox p {
  margin-top: 15px;
}
.hospital-widget #hospitallogobox h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
.hospital-widget a {
  text-decoration: none;
}
.team-hospital img {
  width: 100px;
  margin: 0px 0px 10px;
}
.team-hospital p {
  margin-bottom: 0px;
}
.dd-badges ul {
  padding: 0px;
}
.dd-milestones {
  padding-top: 20px;
}
@media (max-width: 1080px) {
  .participant-card,
  .team-card {
    display: block;
    margin-bottom: 0px;
    padding: 20px;
  }
  .participant-card .avatar {
    float: none;
    display: block;
  }
  .participant-card .participant-info {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
  }
  .participant-card .participant-info #participant-name .page-details {
    float: none;
    margin: 10px 0px;
    width: 100%;
  }
  .participant-card .participant-info #participant-name .dd-btn {
    float: none;
    width: 100%;
    margin: 10px 0px;
  }
  #team-modal.fade.in {
    top: 20%;
  }
  #btn-join-this-team-top {
    margin: 10px 0;
  }
  #hospital-wrap {
    float: none;
    padding: 20px;
  }
  .row-fluid #hospital-wrap.span5 {
    padding: 20px;
    margin: 0px !important;
    border-left: none;
    float: none;
    border-bottom: 2px solid #f6f7fb;
    width: 100%;
  }
  .row-fluid #hospital-wrap.span5 .team-hospital {
    display: block;
    margin: 0px;
  }
  .row-fluid #hospital-wrap.span5 .team-hospital img,
  .row-fluid #hospital-wrap.span5 .team-hospital p {
    display: block;
    padding: 0px;
    float: none;
  }
  #thermo-wrap.span7 {
    width: 100% !important;
    margin: 0px;
  }
}