/* Fundraiser Search */
.fundraisers-search-form input[type="text"],
.fundraisers-search-form button {
  display: inline-table;
  vertical-align: middle;
}
.fundraisers-search-form button {
  background: #7cda24 !important;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 11px;
  font-size: 0.8em;
}
.fundraisers-search-form input[type="text"] {
  width: 80%;
  border: 1px solid #7cda24 !important;
  border-radius: 3px;
  padding: 10px;
  font-size: 0.8em;
  box-sizing: border-box;
}


.no-padding { padding: 0 !important; }
.family {
  margin:10px 0;
}
.family a.cover {
  width: 13%;
  float: left;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.family .caption h3 {
  margin:10px 0 -5px 0;
  float: left;
}
.family .caption a,
.family .caption span {
  float: left;
  width: 100%;
}

.fr-list-container .clearfix { clear:both; }
.fr-list-container .clearfix:before,
.fr-list-container .clearfix:after {
  content: " ";
  display: table;
}
.fr-list-container .clearfix:after {
  clear: both;
}
.overlay-link { width: 100%; height: 100%; float: left; }
hr.hidden { visibility: hidden; clear: both; }
.no-border { border: none !important; }
fieldset.fr-livefilter {
  float: left;
  border:none;
}

.fr-filtering {
  float: right;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}
.fr-filtering legend {
  margin-bottom:10px;
}

.fr-livefilter label {
  font-weight: bold;
  margin-bottom: 5px;
}

.fr-livefilter-input {
  float:left;
}

.fr-filtering button,
.fr-filtering a {
    border: none;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.7;
    font-size: 14px;
    box-sizing: border-box;
    float: none !important;
    position: relative;
    padding: 0 4px;
}

.fundraiser-table {
  width: 100%;
  box-sizing: border-box;
}

.fundraiser-table th {
  text-align: left;
  padding: 10px !important;
  background: #ccc;
  box-sizing: border-box;
}

.fundraiser-table tr {
  border: 1px solid #ccc;
}

.fundraiser-table tr.odd {
  background: #f0f0f0;
}

.fundraiser-table tr:hover {
  background: #e0e0e0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.fundraiser-table td {
  padding: 10px !important;
  box-sizing: border-box;
}

.fundraiser-table td:last-child {
  text-align: right;
  color: #ccc;
  font-size: .9em;
}

.fundraiser-table.option2 td:last-child {
  text-align: left;
  color: #333;
}

.fundraiser-table a.donate {
  background: #CA663A;
  font-size: .9em;
  border-radius: 4px;
  color: #fff !important; /* overrides any theme colors */
  padding: 5px;
  margin-left: 10px;
}

.fr-grid-list-item {
  background: #FFF;
  border: 1px solid #EEE;
  box-sizing: border-box;
  padding: 0px;
  margin-bottom: 20px;
}
.fr-list-container .fr-grid-list-item:nth-of-type(4n+5) {
  clear: left;
}

.fr-grid-list-content {
  padding: 0px;
  text-align: center;
  box-sizing: border-box;
}

.fr-listing-avatar-container {
  margin: 0 auto;
  width: 100%;
}

.fr-listing-avatar {
  margin: 0 auto;
  width: 100%;
  height: 120px;
  background-size: cover;
  background-position: center;
}
.fr-listing-avatar-container.extended .fr-listing-avatar {
  height: 200px;
}

.fr-grid-item-content {
  padding: 0 20px;
}

.fr-grid-item-content.simplified {
  padding: 0 !important;
}

.fr-grid-title-container {
  min-height: 50px;
}

.fr-grid-list-item p.fr-grid-title {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.9em;
  margin: 15px 0;
}

.fr-grid-list-item p.fr-grid-title.simplified {
  box-sizing: border-box;
  font-weight: bold;
  margin: 8px 0 0 0;
}

.fr-grid-list-item p.fr-grid-desc {
  box-sizing: border-box;
  font-weight: normal;
  font-size: 0.8em;
  margin: 15px 0;
}

.fr-grid-list-item p.fr-grid-desc.simplified {
  margin: 3px 0 0 0;
}


.fr-grid-list-item p.fr-grid-title.extended,
.fr-grid-list-item p.fr-grid-desc.extended {
  text-align: left !important;
}

.fr-grid-status {
  margin-top:10px;
  float: left;
  background: #ccc;
  height: 12px;
  display: block;
}
.fr-grid-status-title{
  font-size: 0.8em;
}
.fr-grid-status-title:nth-of-type(5){
  margin-top: 20px;
}

.fr-grid-progress {
  background: #CA663A;
  height: 100%;
  display: block;
}

.fr-grid-stats {
  margin: 10px 0 0 0;
  font-size: 0.8em;
}
.fr-grid-stats.extended {
  margin: 10px 0;
}

.fr-grid-stats p {
  margin: 0; /* this overrides any theme paragraph formatting css */
  font-size: .9em;
  font-style: italic;
}

.fr-grid-list-item .fr-actions {
  float: left;
  list-style: none;
  padding: 15px 0;
  margin: 0;
  text-align: center;
}

.fr-grid-list-item .fr-actions.extended {
  border-top: 1px solid #eee;
  text-align: left;
}

.fr-grid-list-item .fr-actions.simplified {
  padding: 10px 0 40px 0 !important;
}

.fr-grid-list-item .fr-actions a {
  margin: 0;
  font-size: 1em;
  padding: 0 15px;
  border-right: 1px solid #EEE;
}

.fr-grid-list-item .fr-actions.extended a {
  margin-top: 10px;
}

.fr-grid-list-item .fr-actions.simplified a:first-child {
  padding-left: 0 !important;
}

.fr-grid-list-item .fr-actions a:last-child {
  border: none;
}


.fr-container {
  float: left;
  border: 1px solid #e0e0e0;
  padding-bottom: 30px;
}

.fr-container iframe,
.fr-container img {
  max-width: 100%;
}

.fr-top-row {
  border: 1px solid #f0f0f0;
  padding: 20px 20px 20px 20px;
  margin-right: 0 !important;
}

.fr-header {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  display: block;
  float: left;
}

.fr-header img {
  width: 100%;
  height: auto;
}

.fr-middle-row {
  padding: 20px;
}

.fr-avatar-container {
  height: auto;
  float: left;
}

.fr-avatar {
    width: 125px;
    height: 125px;
    display: block;
    margin-top: -60px;
    border-radius: 100%;
    background-size: 100%;
    border-bottom: 1px solid #f0f0f0;
    background-size:cover;
}

.fr-name {
  text-align: left;
}

.fr-name h3 {
  margin: 0px 0 0 0;
  line-height: 133%;
}

.fr-intro {
  border-top: 1px solid #e0e0e0;
  padding: 20px 20px 50px 20px;
  font-size: .9em;
  box-sizing: border-box;
  text-align: left;
  margin-right: 0 !important;
}

.fr-info {
  font-size: .8em;
  padding-bottom: 20px;
  box-sizing: border-box;
  text-align: left;
}

.fr-info p.fr-location {
  padding-left: 20px;
  padding-top: 1px;
  margin-bottom: 0;
  background: url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/fr-location.png) left center no-repeat;
}

.fr-info p.fr-organizer {
  margin: 0;
}

.fr-info ul {
  margin:0px 0;
  padding: 10px 0;
  border-top: 1px solid #e0e0e0;
  text-align: left;
}

.fr-info ul li {
  list-style-type: none;
  display: inline-block;
  width: 49%;
  text-align: left;
}

.fr-info ul li:last-child {
  text-align: right;
}

a.fr-pure-button {
  background: #CA663A; /* we should set this as the main color in the admin */
  color: #fff !important; /* overrides any theme colors */
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.fr-donate {
  width: 31%;
  float: right !important;
  padding-top: 10px;
  margin-right:0 !important;
}

.fr-donate-top {
  padding-top: 0;
}

.fr-donate a {
  display: block;
  font-size: 1.4em;
}

.fr-donate .fr-p2p {
  font-size: .75em;
  margin-top: 5px;
  text-align: right;
  font-style: italic;
}

.fr-single-status-section {
  float: left;
  padding-bottom: 0px;
  padding-top: 10px;
}
.fr-single-status-section span.title {
  float:left;
  padding-bottom: 10px;
}

.fr-single-status {
  float: left;
  background: #ccc;
  height: 12px;
  display: block;
}

.fr-single-progress {
  background: #CA663A;
  height: 100%;
  display: block;
}

.fr-raised {
  float: left;
  padding-top: 5px;
  padding-bottom: 20px;
  font-weight: bold;
}

.fr-raised-amount {
  float: right;
}

.fr-raised-label {
  float: left;
}

.fr-single-info {
  float: left;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  padding:10px 20px;
  background: #f0f0f0;
    text-align: left;

}

ul.fr-single-stats {
  padding: 10px 0 !important;
  margin: 0 !important;
  list-style: none;
}

ul.fr-single-stats li {
  display: inline-block;
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top;
}

.fr-stat-title {
  font-size: .8em;
}

ul.fr-single-stats li:nth-of-type(2n+2) {
  text-align: right;
}

ul.fr-single-stats li.text-left:nth-of-type(2n+2) {
  text-align: left;
}
ul.fr-single-stats li.sharing_links a { float:left; margin-right: 2px; }

ul.fr-single-stats li:nth-of-type(2),
ul.fr-single-stats li:nth-of-type(4) { margin: 0 0 0 10px !important; }

ul.fr-single-stats li:nth-of-type(1),
ul.fr-single-stats li:nth-of-type(3) { margin: 0 10px 0 0 !important; }

ul.fr-single-stats li:nth-of-type(2) { margin-right: 10px !important; }
ul.fr-single-stats li:nth-of-type(3) { margin-left: 10px !important; }

ul.fr-single-stats li:nth-of-type(1) { margin-right: 20px !important; }
ul.fr-single-stats li:nth-of-type(4) { margin-left: 20px !important; }

ul.fr-single-stats li:last-child img {
  max-width: 40px;
  height: auto;
}


.fr-body {
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  text-align: left;
}

#fr-tabs div {
  box-sizing: border-box;
  padding-top: 30px;
}

#fr-tabs h3 {
  margin: 0;
}

#fr-tabs ul.fr-tabs-list {
  margin:0;
  padding:0;
}

#fr-tabs ul.fr-tabs-list li{
  list-style: none;
  display: inline-block;
  margin: 0;
}

#fr-tabs ul.fr-tabs-list li a {
  display: block;
  padding: 10px 0;
  margin-right: 20px;
  font-weight: bold;
}

#fr-tabs ul.fr-tabs-list li.active a,
#fr-tabs ul.fr-tabs-list li a:hover {
  display: block;
  background: none;
  border-bottom: 5px solid #CA663A;
}

ul.fr-updates {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fr-updates li {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
  list-style: none;
  border-top: 1px solid #e0e0e0;
}

.fr-updates h4 {
  margin-bottom: 0;
}

.fr-updates p.date {
  font-size: .8em;
  margin: 0;
}

.fr-author {
  display: inline-block;
}

.fr-read-more {
  display: inline-block;
  float: right;
}

a.fr-read-more {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
  color: #58585a;
  padding: 10px 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-weight: bold;
  vertical-align: middle;
  margin-top: 10px;
  text-align: right;
}

a.fr-read-more:hover {
  background: #e0e0e0;
}

#fr-tabs .fr-tool-section {
  border: none;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
}

.fr-tool-section h4 {
  margin: 0;
}

.fr-tool-section textarea {
  width: 100%;
  box-sizing: border-box;
}

a.fr-share {
  display: inline-block;
  height: 35px;
  width: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

a.fr-share.twitter {background: url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-twitter.png);}
a.fr-share.facebook {background: url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-facebook.png);}
a.fr-share.email {background: url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-email.png);}

ul.fr-backers {
  list-style: none;
  margin: 0;padding: 0;
}

ul.fr-backers li {
  display: block;
  list-style: none;
  text-align: center;
  font-size: .75em;
}

ul.fr-backers li .fr-backer-avatar {
  display: inline-block;
  width: 125px;
  margin: 10px 0 0 0 ;
  background-color: #f0f0f0;
}

ul.fr-backers li .fr-backer-name {
  padding: 15px 0 30px 0px;
  font-weight: bold;
  width: 100%;
  float: left;
}


/* Grid */

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.pure_row:after, .pure_col:after, .pure_clr:after, .pure_group:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }


/* DEFAULT ROW STYLES */
.pure_row { padding-top: 1em; padding-bottom: 1em; } /* set according to preference*/
.pure_row.nopadrow { padding-top: 0; padding-bottom: 0; } /* set according to preference*/
.pure_row.nopadbottom {padding-bottom:0;}
.pure_row.nopadtop {padding-top: 0;}

/* DEFAULT COLUMN STYLES */
.pure_col {
  display: block;
  float:left;
  width: 100%;
  box-sizing: border-box;
}

@media ( min-width : 768px ) {
  .pure_col {
    margin-right: 1%;
  }
  .pure_col[class*="span"] {
    margin-left: 0% !important;
  }
}

/* RESET MARGINS */
.pure_col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
  .pure_span_1 { width: 1.25%; }
  .pure_span_2 { width: 5.5%; }
  .pure_span_3 { width: 9.75%; }
  .pure_span_4 { width: 14.0%; }
  .pure_span_5 { width: 18.25%; }
  .pure_span_6 { width: 22.5%; }
  .pure_span_7 { width: 26.75%; }
  .pure_span_8 { width: 31.0%; }
  .pure_span_9 { width: 35.25%; }
  .pure_span_10 { width: 39.5%; }
  .pure_span_11 { width: 43.75%; }
  .pure_span_12 { width: 48.0%; }
  .pure_span_13 { width: 52.25%; }
  .pure_span_14 { width: 56.5%; }
  .pure_span_15 { width: 60.75%; }
  .pure_span_16 { width: 65.0%; }
  .pure_span_17 { width: 69.25%; }
  .pure_span_18 { width: 73.5%; }
  .pure_span_19 { width: 77.75%; }
  .pure_span_20 { width: 82.0%; }
  .pure_span_21 { width: 86.25%; }
  .pure_span_22 { width: 90.5%; }
  .pure_span_23 { width: 94.75%; }
  .pure_span_24 { width: 100%; }
}

@media only screen and (max-device-width : 768px) {

  .fr-info,
  .fr-join {
    width: 98%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
  }

  #fr-tabs ul.fr-tabs-list li a {
    padding: 10px 15px;
  }

}

.mobile-visible { display:none; }
.mobile-hidden { display:block; }

@media only screen and (max-width: 568px) {


  #fr-tabs ul.fr-tabs-list li a {
    margin-right: 5px;
  }

  .mobile-visible { display:block !important; }
  .mobile-hidden { display:none !important; }

  .fr-avatar {
    margin-left: auto;
    margin-right: auto;
  }

  .fr-name {
    text-align: center;
    padding: 0 40px;
  }

  .fr-single-stats li {
    text-align: center;
  }

  ul.fr-single-stats li:last-child {
    text-align: center;
    float: none;
  }

  ul.fr-single-stats li:last-child a {
    float: none !important;
  }

  ul.fr-single-stats li:last-child img {
    margin-top: 15px;
  }

  #fr-tabs ul.fr-tabs-list li a{
    font-size: .8em;
    padding: 6px;
  }


}

/* Custom Single View */
.family-details {
  padding-top: 20px;
}
.family-details hr {
    margin: 20px 0 !important;
    border: 0;
    border-top: 1px solid #eeeeee;
    box-sizing: content-box;
    height: 0;
}
.families .family-details h1
{
  margin:10px 0 0;
  font-size: 32px;
  font-weight: bold;
  color: #666;
}
.families .family-details h2
{
  font-size: 16px;
  font-weight: normal;
  color: #666;
}
.families .family-details h3
{
  font-size:24px;
  margin:0 0 10px;
  color: #999;
}
.families .family-details h4
{
  font-size:12px;
  margin:0;
  text-transform:uppercase
}
.families .family-list p
{
  font-size:14px
}
.families .family-details .agency h3
{
  margin-bottom:0
}
.families.show .raised,.families.show .share-buttons
{
  padding:20px 0;
  float:left;
  width: 100%;
}
.families.show .raised span,.families.show .share-buttons span
{
  display:block
}
.families.show .raised span.total-raised,.families.show .raised span.share-count,.families.show .share-buttons span.total-raised,.families.show .share-buttons span.share-count
{
  font-size:36px;
  font-weight:600;
  line-height:1.2
}
.families.show .raised span.goal,.families.show .raised span.shares,.families.show .share-buttons span.goal,.families.show .share-buttons span.shares
{
  color:#7b7d79;
  font-size:16px;
  margin-bottom:10px
}
.families.show .description
{
  margin-bottom:20px
}
.families .share-count
{
  margin-top:10px
}
.families .raised h3
{
  font-size:13px;
  margin-bottom:0;
  padding-bottom:0;
  text-transform:uppercase
}

.pcbtn
{
  border:0;
  font-size:16px;
  font-weight:600;
  line-height:1;
  padding:12px 26px 10px
}
.pcbtn.pcbtn-block {
  width: 100%;
  text-align: center;
  float: left;
}
.pcbtn:focus,.pcbtn:hover,.pcbtn:active
{
  outline:none
}
.pcbtn-primary,.pcbtn-primary:focus
{
  color:#fff;
  background:#76cc1e
}
.pcbtn-primary:hover
{
  background:#8fe23b
}
.pcbtn-primary:active,.pcbtn-primary:active:hover,.pcbtn-primary:active:focus
{
  background:#5ca017
}
.pcbtn-primary[disabled],.pcbtn-primary[disabled]:hover,.pcbtn-primary[disabled]:focus,.pcbtn-primary[disabled]:active,.pcbtn-primary.disabled,.pcbtn-primary.disabled:hover,.pcbtn-primary.disabled:active
{
  background:#9ce551
}
.pcbtn-default,.pcbtn-default:focus
{
  background:#7b7d79;
  color:#fff
}
.pcbtn-default:hover,.pcbtn-default:focus:hover
{
  background:#949693;
  color:#fff
}
.pcbtn-default:active,.pcbtn-default:active:hover,.pcbtn-default:active:focus,.pcbtn-default:focus:active,.pcbtn-default:focus:active:hover,.pcbtn-default:focus:active:focus
{
  background:#616360;
  color:#fff
}
.pcbtn-default.active,.pcbtn-default.active:hover,.pcbtn-default:focus.active,.pcbtn-default:focus.active:hover
{
  background:#64ad19;
  color:#fff
}
.pcbtn-facebook,.pcbtn-facebook:focus
{
  background:#3b5998;
  color:#fff
}
.pcbtn-facebook:hover,.pcbtn-facebook:focus:hover
{
  background:#4c70ba;
  color:#fff
}
.pcbtn-facebook:active,.pcbtn-facebook:active:hover,.pcbtn-facebook:active:focus,.pcbtn-facebook:focus:active,.pcbtn-facebook:focus:active:hover,.pcbtn-facebook:focus:active:focus
{
  background:#2d4373;
  color:#fff
}
.pcbtn.pcbtn-lg,.pcbtn-group-lg .pcbtn
{
  font-size:18px;
  padding:16px 18px 14px
}
.pcbtn.pcbtn-sm,.pcbtn-group-sm .pcbtn
{
  font-size:14px;
  padding:10px 24px 8px
}

/* Share Buttons */
.share-buttons a
{
  display:block;
  font-weight:600;
  padding:3px 0 3px 35px;
  margin-bottom:10px
}
.share-buttons .facebook
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-facebook.png) no-repeat left center;
  background-size:24px;
  color:#3b5998
}
.share-buttons .twitter
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-twitter.png) no-repeat left center;
  background-size:24px;
  color:#55acee
}
.share-buttons .google-plus
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-google-plus.png) no-repeat left center;
  background-size:24px;
  color:#dc4e41
}
.share-buttons .linkedin
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-linkedin.png) no-repeat left center;
  background-size:24px;
  color:#0077b5
}
.share-buttons .pinterest
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-pinterest.png) no-repeat left center;
  background-size:24px;
  color:#bd081c
}
.share-buttons .email
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-email.png) no-repeat left center;
  background-size:24px;
  color:#7b7d79
}
.share-buttons input
{
  background:url(/wp-content/plugins/purecharity-plugin/resources/assets/img/fundraisers/share-link.png) no-repeat 10px center;
  background-size:16px;
  padding-left:32px !important;
}

.form-control
{
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  color:#555555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
.form-control:focus
{
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

h2 small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
  font-size: 65%;
}

.pagination
{
  display:inline-block;
  padding-left:0;
  margin:20px 0;
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;

}
.pagination li
{
  display:inline
}
.pagination li a,.pagination li span
{
  position:relative;
  float:left;
  padding:6px 12px;
  line-height:1.42857143;
  text-decoration:none;
  color:#337ab7;
  background-color:#fff;
  border:1px solid #ddd;
  margin-left:-1px
}
.pagination li:first-child a,.pagination li:first-child span
{
  margin-left:0;
}
.pagination li a:hover,.pagination li a:focus,.pagination li span:hover,.pagination li span:focus
{
  z-index:2;
  color:#23527c;
  background-color:#eeeeee;
  border-color:#ddd
}
.pagination .active a,.pagination .active a:hover,.pagination .active a:focus,.pagination .active span,.pagination .active span:hover,.pagination .active span:focus
{
  z-index:3;
  color:#fff;
  background-color:#337ab7;
  border-color:#337ab7;
  cursor:default
}
.pagination .disabled span,.pagination .disabled span:hover,.pagination .disabled span:focus,.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled a:focus
{
  color:#777777;
  background-color:#fff;
  border-color:#ddd;
  cursor:not-allowed
}

.pagination li a
{
  border-radius:5px;
  background-clip:padding-box;
  border-color:transparent;
  color:#555;
  line-height:1;
  margin-right:4px;
  padding:10px 12px 8px
}
.pagination li a:hover
{
  background:#76cc1e;
  border-color:#76cc1e;
  color:#fff
}
.pagination .active a,
.pagination .active a:hover
{
  background:#d0d0d0;
  border-color:#d0d0d0;
  color:#aaa
}
.pagination .disabled a,
.pagination .disabled a:hover
{
  border:none
}

ul.page-numbers {
  padding: 20px 0 !important;
}
ul.page-numbers li a.divider:hover {
  background: transparent;
  border: none;
  cursor: default;
  color: inherit;
}
.img-responsive { width: 100% !important; height: auto !important; }

/* Mobile fundraiser search */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 667px) {

  .fundraisers-search-form input[type="text"] {
    width: 100%
  }

  .fundraisers-search-form button {
    width: 100%;
    margin-top: 10px;
  }
}

.hide-icon {
  background: none !important;
  padding-left: 0 !important;
}

.fr-filtering-button[type="submit"] {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.pc-single-fundraiser-presentation-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;

  &-loader {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  &-shortcode {
    display: none;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 64px 24px;

    &.active {
      display: block !important;
    }

    &-close-button {
      display: flex;
      margin: 0 0 0 auto;
      width: 32px;
      height: 32px;
      padding: 0;
      align-items: center;
      justify-content: center;
      background: none;
      border: none;
      cursor: pointer;

      svg {
        width: 100%;
        height: 100%;
      }
    }
  }
}