/* Custom styles for the Advancement Theme. */
/* Required at the beginning of any and ALL individual theme SCSS
 * stylesheet builds. Contains all necessary variables, functions, 
 * and mixins (from Base) but does not output any CSS. */
/* ::Transitions */
/* ------------------------------------------------------------ */
/* ::Link Hover/Focus/Active Styles Grouped Together */
/* ------------------------------------------------------------ */
/* ::Opacity with IE support */
/* ------------------------------------------------------------ */
/* ::Align things vertically (http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/) */
/* ------------------------------------------------------------ */
/* ::Retina Images */
/* ------------------------------------------------------------ */
/* ::Hex to RGB */
/* ------------------------------------------------------------ */
/* ::Clearfix */
/* ------------------------------------------------------------ */
/* ::Placeholder Text */
/* ------------------------------------------------------------ */
/* ::List styles */
/* ------------------------------------------------------------ */
/* ::Main Elon Palette */
/* ------------------------------------------------------------ */
/* ::Elon Law Palette */
/* ------------------------------------------------------------ */
/* ::Grey Accents Palette */
/* ------------------------------------------------------------ */
/* ::Utility Colors */
/* ------------------------------------------------------------ */
/* ::Assign colors to variable roles */
/* ------------------------------------------------------------ */
/* ::Basic variables */
/* ------------------------------------------------------------ */
/* ::Assign fonts/weights to variable roles */
/* ------------------------------------------------------------ */
/* ::Type sizes/scale */
/* ------------------------------------------------------------ */
/*$alpha    : 88px;
$beta   : 48px;
$gamma    : 36px;
$delta    : 28px;
$epsilon  : 24px;
$zeta   : 22px;
$eta    : 18px;
$theta    : 16px;
$iota     : 14px;
$kappa    : 12px;*/
/* ::Type defaults for compass' rhythm */
/* ------------------------------------------------------------ */
/* ::Variables */
/* ------------------------------------------------------------ */
/* ::Utility Styles */
/* ------------------------------------------------------------ */
.designation--utilities {
  margin-bottom: 1.5em;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.designation--utilities .designation-utility--search {
  display: block;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 18px;
}

.designation--utilities .designation-utility--search .designation-search--input {
  width: auto;
  min-width: 0;
  min-height: 50px;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: none;
  border: 2px solid #b59a57;
  border-right: 0;
  border-radius: 1.5em 0 0 1.5em;
  background-color: white;
  color: #535961;
  margin: 0;
  padding: 0.375em 0 0.375em 20px;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.designation--utilities .designation-utility--search .designation-search--input::-moz-placeholder {
  color: #535961;
  opacity: 1;
}

.designation--utilities .designation-utility--search .designation-search--input:-ms-input-placeholder {
  color: #535961;
}

.designation--utilities .designation-utility--search .designation-search--input::-webkit-input-placeholder {
  color: #535961;
}

.designation--utilities .designation-utility--search .designation-search--input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fafafa !important;
  border-color: #73000a !important;
}

.designation--utilities .designation-utility--search .designation-search--input:focus::-moz-placeholder {
  color: #9f9aa4;
  opacity: 1;
}

.designation--utilities .designation-utility--search .designation-search--input:focus:-ms-input-placeholder {
  color: #9f9aa4;
}

.designation--utilities .designation-utility--search .designation-search--input:focus::-webkit-input-placeholder {
  color: #9f9aa4;
}

.designation--utilities .designation-utility--search .designation-search--input:focus + .designation-search--submit {
  background-color: #fafafa;
  border-color: #73000a;
  color: #73000a;
}

.designation--utilities .designation-utility--search .designation-search--submit {
  background-color: white;
  border-radius: 0 1.5em 1.5em 0;
  border: 2px solid #b59a57;
  border-left: 0;
  cursor: default;
  color: #b59a57;
  margin: 0;
  padding: 0 20px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.designation--utilities .designation-utility--search .designation-search--submit i {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

.designation--utilities .designation-utility--filter select {
  width: 100%;
}

.designation--utilities .select2-container--default .select2-selection--single {
  height: 50px;
  border-radius: 1.5em;
  border: 2px solid #b59a57;
  background-color: white;
  outline: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.designation--utilities .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #535961;
  line-height: 46px;
  padding-left: 20px;
  padding-right: 60px;
}

.designation--utilities .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 2px;
  right: 2px;
  height: 46px;
  width: 60px;
}

.designation--utilities .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #b59a57 transparent transparent transparent;
  border-width: 9px 8px 0 8px;
  margin-left: -8px;
  margin-top: -4.5px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.designation--utilities .select2-container--default.select2-container--focus .select2-selection--single {
  background-color: #fafafa;
  border-color: #73000a;
}

.designation--utilities .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__arrow b {
  border-color: #73000a transparent transparent transparent;
}

.designation--utilities .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #73000a transparent;
  border-width: 0 8px 9px 8px;
}

.lt-ie9 .designation--utilities {
  display: block;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  align-content: flex-start;
  max-width: none;
  margin-left: -10px;
  margin-right: -10px;
}

.lt-ie9 .designation--utilities .designation-utility--search,
.lt-ie9 .designation--utilities .designation-utility--filter {
  -moz-box-flex: 0 1 50%;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: calc(50% - 20px);
  margin: 0 10px;
}

.lt-ie9 .designation--utilities .designation-utility--search {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .designation--utilities {
    display: block;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    align-content: flex-start;
    max-width: none;
    margin-left: -10px;
    margin-right: -10px;
  }
  .designation--utilities .designation-utility--search,
  .designation--utilities .designation-utility--filter {
    -moz-box-flex: 0 1 50%;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: calc(50% - 20px);
    margin: 0 10px;
  }
  .designation--utilities .designation-utility--search {
    margin-bottom: 0;
  }
}

body.has-designations .select2-container--open .select2-dropdown {
  border: 2px solid #73000a;
  background-color: white;
  border-radius: 1.5em;
  overflow: hidden;
}

body.has-designations .select2-container--open .select2-dropdown--below {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

body.has-designations .select2-container--open .select2-dropdown--below .select2-results__option:last-child {
  margin-bottom: 1em;
}

body.has-designations .select2-container--open .select2-dropdown--above {
  -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

body.has-designations .select2-container--open .select2-dropdown--above .select2-results__option:first-child {
  margin-top: 1em;
}

body.has-designations .select2-results__option {
  margin-bottom: 0;
  padding: 0.5em 20px;
}

body.has-designations .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f4f1e7;
  color: #736133;
}

body.has-designations .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ededed;
  color: #535961;
}

/* ::Base Styles */
/* ------------------------------------------------------------ */
.designation--wrapper {
  margin-bottom: 54px;
}

.designation--wrapper:not(:first-child) {
  margin-top: 36px;
}

.designation--wrapper h2 {
  margin-bottom: 18px;
}

.designation--wrapper .designation-info--keywords,
.designation--wrapper .designation-info--category {
  display: none;
}

.designation--wrapper .designation-item--image {
  position: relative;
  height: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.designation--wrapper .designation-item--image.designation-item--image-default {
  background-color: #333;
  background-image: url(https://www.elon.edu/u/wp-content/themes/ElonUniversity-Base/assets/img/global/elon-2016-primary-signature.svg);
  background-size: 65% auto;
}

.designation--wrapper .designation-info--title > * {
  font-family: roboto-condensed, roboto, Verdana, Helvetica, sans-serif;
  font-weight: 700;
  color: #73000a;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.designation--wrapper .designation-info--description {
  font-size: 0.875em;
  line-height: 1.28571em;
}

.designation--wrapper .designation-item--giving .designation-giving--btn {
  display: inline-block;
  font-family: roboto-condensed, roboto, Verdana, Helvetica, sans-serif;
  padding: 6px 15px;
  text-transform: uppercase;
  font-size: 18px;
  color: white;
  background-color: #73000a;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.designation--wrapper .designation--item {
  margin-bottom: 16px;
}

.designation--wrapper .designation-item--link {
  position: relative;
  display: block;
  color: #535961;
  border-bottom: none;
  background-color: #f5f5f5;
}

.designation--wrapper .designation-item--link:hover, .designation--wrapper .designation-item--link:focus, .designation--wrapper .designation-item--link:active {
  border-bottom: none;
  text-decoration: none;
  background-color: white;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

.designation--wrapper .designation-item--link:hover .designation-info--title > *, .designation--wrapper .designation-item--link:focus .designation-info--title > *, .designation--wrapper .designation-item--link:active .designation-info--title > * {
  color: #977e42 !important;
}

.designation--wrapper .designation-item--link:hover .designation-item--giving .designation-giving--btn, .designation--wrapper .designation-item--link:focus .designation-item--giving .designation-giving--btn, .designation--wrapper .designation-item--link:active .designation-item--giving .designation-giving--btn {
  background-color: #977e42;
}

.designation--wrapper .designation--content.hide-descriptions .designation-info--description {
  display: none;
}

.designation--wrapper .designation--content.hide-descriptions .designation-info--title > * {
  color: #535961;
  font-weight: 400;
}

.designation--wrapper .designation--content.hide-descriptions.list-view .designation-info--title > * {
  margin-bottom: 0;
}

.designation--wrapper .designation--content.designation-view .designation-item--leaderboard-rank,
.designation--wrapper .designation--content.designation-view .designation-giving--gift-count {
  display: none;
}

.designation--wrapper .designation--content.grid-view .designation-item--image {
  padding-bottom: 60%;
}

.designation--wrapper .designation--content.grid-view .designation-info--title,
.designation--wrapper .designation--content.grid-view .designation-info--description,
.designation--wrapper .designation--content.grid-view .designation-item--giving {
  padding: 0 12px;
}

.designation--wrapper .designation--content.grid-view .designation-info--title {
  padding-top: 18px;
}

.designation--wrapper .designation--content.grid-view .designation-info--title > * {
  font-size: 1.25em;
  line-height: 1.2em;
}

.designation--wrapper .designation--content.grid-view .designation-item--giving {
  display: table-footer-group;
}

.designation--wrapper .designation--content.grid-view .designation-item--giving .designation-giving--btn-wrapper {
  display: table-cell;
  vertical-align: bottom;
  padding: 6px 12px 18px 12px;
}

.designation--wrapper .designation--content.grid-view .designation--item {
  text-align: center;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.designation--wrapper .designation--content.grid-view .designation-item--link {
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 0 0 4px 4px;
}

.lt-ie9 .designation--wrapper .designation--content.grid-view {
  display: block;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  align-content: flex-start;
  margin-left: -8px;
  margin-right: -8px;
}

.lt-ie9 .designation--wrapper .designation--content.grid-view .designation--item {
  max-width: none;
  margin-left: 8px;
  margin-right: 8px;
  -moz-box-flex: 0 1 calc(50% - 16px);
  -webkit-flex: 0 1 calc(50% - 16px);
  -ms-flex: 0 1 calc(50% - 16px);
  flex: 0 1 calc(50% - 16px);
}

@media screen and (min-width: 640px) {
  .designation--wrapper .designation--content.grid-view {
    display: block;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    align-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
  }
  .designation--wrapper .designation--content.grid-view .designation--item {
    max-width: none;
    margin-left: 8px;
    margin-right: 8px;
    -moz-box-flex: 0 1 calc(50% - 16px);
    -webkit-flex: 0 1 calc(50% - 16px);
    -ms-flex: 0 1 calc(50% - 16px);
    flex: 0 1 calc(50% - 16px);
  }
}

.lt-ie9 .designation--wrapper .designation--content.grid-view .designation--item {
  -moz-box-flex: 0 1 calc(33.33% - 16px);
  -webkit-flex: 0 1 calc(33.33% - 16px);
  -ms-flex: 0 1 calc(33.33% - 16px);
  flex: 0 1 calc(33.33% - 16px);
}

@media screen and (min-width: 1360px) {
  .designation--wrapper .designation--content.grid-view .designation--item {
    -moz-box-flex: 0 1 calc(33.33% - 16px);
    -webkit-flex: 0 1 calc(33.33% - 16px);
    -ms-flex: 0 1 calc(33.33% - 16px);
    flex: 0 1 calc(33.33% - 16px);
  }
}

.designation--wrapper .designation--content.list-view .designation-item--info,
.designation--wrapper .designation--content.list-view .designation-item--giving {
  padding: 20px;
}

.designation--wrapper .designation--content.list-view .designation-item--image {
  display: table-cell;
  vertical-align: middle;
  width: 125px;
}

.designation--wrapper .designation--content.list-view .designation-info--title > * {
  color: #535961;
  font-size: 1.125em;
  line-height: 1.33333em;
}

.designation--wrapper .designation--content.list-view .designation-info--description p:last-child {
  margin-bottom: 0;
}

.designation--wrapper .designation--content.list-view .designation-item--giving {
  padding-top: 0;
}

.designation--wrapper .designation--content.list-view .designation-item--link {
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 0 4px 4px 0;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--image {
  width: 150px;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--info,
.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--giving {
  display: table-cell;
  vertical-align: middle;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--info {
  vertical-align: top;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-info--title > * {
  font-size: 1.375em;
  line-height: 1.36364em;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--giving {
  padding-left: 0;
  padding-top: 20px;
  text-align: right;
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  .designation--wrapper .designation--content.list-view .designation-item--image {
    width: 150px;
  }
  .designation--wrapper .designation--content.list-view .designation-item--info,
  .designation--wrapper .designation--content.list-view .designation-item--giving {
    display: table-cell;
    vertical-align: middle;
  }
  .designation--wrapper .designation--content.list-view .designation-item--info {
    vertical-align: top;
  }
  .designation--wrapper .designation--content.list-view .designation-info--title > * {
    font-size: 1.375em;
    line-height: 1.36364em;
  }
  .designation--wrapper .designation--content.list-view .designation-item--giving {
    padding-left: 0;
    padding-top: 20px;
    text-align: right;
  }
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--image {
  width: 150px;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--info,
.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--giving {
  display: table-cell;
  vertical-align: middle;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--info {
  vertical-align: top;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-info--title > * {
  font-size: 1.375em;
  line-height: 1.36364em;
}

.lt-ie9 .designation--wrapper .designation--content.list-view .designation-item--giving {
  padding-left: 0;
  padding-top: 20px;
  text-align: right;
}

@media screen and (min-width: 1200px) {
  .designation--wrapper .designation--content.list-view .designation-item--image {
    width: 150px;
  }
  .designation--wrapper .designation--content.list-view .designation-item--info,
  .designation--wrapper .designation--content.list-view .designation-item--giving {
    display: table-cell;
    vertical-align: middle;
  }
  .designation--wrapper .designation--content.list-view .designation-item--info {
    vertical-align: top;
  }
  .designation--wrapper .designation--content.list-view .designation-info--title > * {
    font-size: 1.375em;
    line-height: 1.36364em;
  }
  .designation--wrapper .designation--content.list-view .designation-item--giving {
    padding-left: 0;
    padding-top: 20px;
    text-align: right;
  }
}

.designation--wrapper .designation--content.leaderboard-view .designation-item--leaderboard-rank {
  position: absolute;
  width: 52px;
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
  text-align: center;
  background-color: #977e42;
  font-weight: 700;
  font-size: 28px;
  font-family: roboto-condensed, roboto, Verdana, Helvetica, sans-serif;
  color: white;
  z-index: 5;
}

.designation--wrapper .designation--content.leaderboard-view .designation-giving--gift-count .designation-gift-count--number,
.designation--wrapper .designation--content.leaderboard-view .designation-giving--gift-count .designation-gift-count--label {
  line-height: 1;
}

.designation--wrapper .designation--content.leaderboard-view .designation-giving--gift-count .designation-gift-count--number {
  font-weight: bold;
  font-size: 24px;
  color: #73000a;
}

.designation--wrapper .designation--content.leaderboard-view .designation-giving--gift-count .designation-gift-count--label {
  font-style: italic;
}

.designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--leaderboard-rank {
  left: -10px;
  top: 15px;
}

.designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
  margin-bottom: 12px;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--giving {
  text-align: right;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count,
.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
  display: inline-block;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
  float: left;
  margin-bottom: 0;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
  margin-left: 15px;
}

@media screen and (min-width: 420px) {
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--giving {
    text-align: right;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count,
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
    display: inline-block;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
    float: left;
    margin-bottom: 0;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
    margin-left: 15px;
  }
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--leaderboard-rank {
  left: -26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--giving {
  vertical-align: top;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count,
.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
  display: block;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
  margin-bottom: 14px;
  float: none;
  white-space: nowrap;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
  margin-left: 0;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--link {
  margin-left: 26px;
  width: calc(100% - 52px/2);
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--leaderboard-rank {
    left: -26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--giving {
    vertical-align: top;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count,
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
    display: block;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
    margin-bottom: 14px;
    float: none;
    white-space: nowrap;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
    margin-left: 0;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--link {
    margin-left: 26px;
    width: calc(100% - 52px/2);
  }
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--leaderboard-rank {
  left: -26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--giving {
  vertical-align: top;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count,
.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
  display: block;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
  margin-bottom: 14px;
  float: none;
  white-space: nowrap;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
  margin-left: 0;
}

.lt-ie9 .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--link {
  margin-left: 26px;
  width: calc(100% - 52px/2);
}

@media screen and (min-width: 1200px) {
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--leaderboard-rank {
    left: -26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--giving {
    vertical-align: top;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count,
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
    display: block;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--gift-count {
    margin-bottom: 14px;
    float: none;
    white-space: nowrap;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-giving--btn-wrapper {
    margin-left: 0;
  }
  .designation--wrapper .designation--content.list-view.leaderboard-view .designation-item--link {
    margin-left: 26px;
    width: calc(100% - 52px/2);
  }
}

.designation--wrapper .designation--content.grid-view.leaderboard-view .designation-item--leaderboard-rank {
  left: 50%;
  top: -26px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.designation--wrapper .designation--content.grid-view.leaderboard-view .designation-item--giving {
  height: 96px;
}

.designation--wrapper .designation--content.grid-view.leaderboard-view .designation-giving--gift-count {
  display: table-row;
}

.designation--wrapper .designation--content.grid-view.leaderboard-view .designation--item {
  padding-top: 26px;
}