/* register */
.register-here { margin-top: 0.55em; color: #bd2b0f; border-top: 1px solid #ddd; padding-top: 0.25em; }
.register-here-columns { color: #bd2b0f; }
.register-header {font-size: 37px; padding-top: 9px; font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; margin-bottom: 8px; height: 62px; font-weight: 300; line-height: 52px; }
@media all and (min-width: 700px) {
    .pricing-table { position: relative; }
    .pricing-table.with-regular-price { position: relative; }
    .push-bottom { position: absolute; bottom: 0; width: 93%; }
    .pricing-table .price { line-height: 2.3rem; }
    #upgrade-modal { width: 520px; }
    .pricing-table .cta-button {min-height: 80px;}
}
.pricing-table { width: 100%; cursor: pointer; }
.pricing-table.bronze .title, .pricing-table.bronze .button { background-color: #88684b; }
.pricing-table.bronze .title { border-top: 3px solid #88684b;; }
.pricing-table.silver .title, .pricing-table.silver .button { background-color: #9a9faa; }
.pricing-table.silver .title { border-top: 3px solid #9a9faa;; }
.pricing-table.gold { border-width: 5px; border-color: #daa520; }
.pricing-table.gold .title { border-radius: 0; }
.pricing-table.gold .title, .pricing-table.gold .button { background-color: #daa520; }
.pricing-table.gold .button {
    -webkit-box-shadow: 0px 5px 2px 1px #9f6f0c;
    -moz-box-shadow: 0px 5px 2px 1px #9f6f0c;
    box-shadow: 0px 5px 2px 1px #9f6f0c;
}
.pricing-table.gold .price { font-weight: bold; font-size: 2.3rem; }
.pricing-table.platinum { border-width: 5px; border-color: #42434e; }
.pricing-table.platinum .title { border-radius: 0; }
.pricing-table.platinum .title, .pricing-table.platinum .button { background-color: #42434e; color: #c3c8d0; }
.pricing-table.platinum .button {
    -webkit-box-shadow: 0px 5px 2px 1px #11121b;
    -moz-box-shadow: 0px 5px 2px 1px #11121b;
    box-shadow: 0px 5px 2px 1px #11121b;
}
.pricing-table.platinum .price { font-weight: bold; font-size: 2.3rem; }
.pricing-table .title { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.pricing-table { border-radius: 5px; }
.pricing-table .price.pay-what-you-can { font-size: 1rem; }
.pricing-table ul.items li { font-size: 0.9rem; list-style-type: disc; margin-bottom: 0.5rem; text-align: left; }
.pricing-table .regular-price { font-size: 1.1rem; font-weight: normal; margin-bottom: 0.3rem; padding-bottom: 0.3rem; border-bottom: 2px solid #444; }
.pricing-table .regular-price .row { margin-bottom: 0.3rem; }
.pricing-table .price-detail { font-weight: normal; font-size: 1.1rem; padding-top: 0.7rem; }
.register-checkout .row { line-height: 2em; }
.register-checkout .row:nth-child(odd) div.columns { background: #eee; }
.register-checkout .row:nth-child(odd) div.columns.hide-for-small { background: #fff; }
.register-total { line-height: 2.5em; font-weight: bold; }
.email-suggestion { margin: -0.5em 0 1em; font-size: 0.85rem; }

/* registration complete */
.next-steps { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #3fb5e7; font-size: 1.7rem;}
.starting-april-1 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #ef118b; font-size: 1.3rem;}

/* registration race bib customization */
@media only screen and (max-width: 800px) {
  #rb_container { display: none; }
}
#rb_container { width: 1200px; height: 1100px; margin: 0px; position: absolute; float: left; }
#rb_header { width: 100%; height: 125px; margin: 0px; border: solid 2px #000; }
#rb_title { font-family: 'Helvetica Neue'; color: #000; font-size: 30pt; width:100%; text-align: center; background-color: #00adef; }
#rb_instructions { width: 85%; height: 100%; margin: 0px; position: relative; float: left; }
#rb.form { width: 15%; height: 100%; position: relative; float: right; }
.racebib { background: url('../images/events/iResolve_RaceBib_mockup_014.png'); width: 100%; height: 975px; margin: 0px; position: absolute; }
p.rb_lt { font-family: 'Helvetica Neue'; color: #00adef; font-size: 54pt; position: absolute; bottom: -40px; left: 465px; }
p.rb_rt { font-family: 'Helvetica Neue'; color: #00adef; font-size: 54pt; position: absolute; bottom: -40px; right: 430px;}
#rb_goal { font-family: 'Helvetica Neue'; color: #00adef; font-size: 45pt; margin: 0; position: absolute; bottom: 32px; text-align: center; width: 100%; left: 20px; }

/* order complete */
.order-complete h1 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #ef118b;}

/* what is mmm */
.what-is-mmm h3 { font-weight: 400; }

/* profiles */
.email-note { font-size: 0.85rem; margin: -0.5em 0 1.5em; color: #777; }
.email-note-ie { font-size: 0.85rem; margin: 0em 0 1.5em; color: #777; }
.org-label { margin-bottom: 0 !important; padding-bottom: 0.3rem !important; }
.org-optional { font-size: 0.85rem; color: #09c; }
.org-note-ie { font-size: 0.85rem; margin: 0em 0 1.5em; color: #777; }
.miles-note-ie { font-size: 0.85rem; margin: 0em 0 1.5em; color: #777; }
.name-note-ie { font-size: 0.85rem; margin: 0em 0 1.5em; color: #777; }
.address-note-ie { font-size: 0.85rem; margin: 0em 0 1.5em; color: #777; }

/* faqs */
.row-faqs .question { font-weight: bold; margin-bottom: 0.3rem; }
/*.row-faqs .answer { display: none; }*/

/* home */
.home-miam-ticker-banner { border: 3px solid #000; }
.home-mmm-2016-ticker-banner { border: 2px solid #ccc; }
.row-home-banner h3 { color: #888888; font-weight: 200; letter-spacing: 0.05em; }
.row-home-banner span { color: #ee9235; }
.follow-us h3 { background: #b0e314; color: #fff; margin: 0; padding: 0.2em 0.4em; }
.follow-us .twitter { height: 281px; width: 100%; overflow: auto; background: #fff; }
.sponsors-partners h3 { background: #efefef; color: #939393; margin: 0; padding: 0.2em 0.4em; }
.sponsors-partners .button { background: #efefef; color: #00afe7; font-size: 1rem !important; font-weight: bold; }
.sponsors-partners .small-6 .sponsor { max-height: 70px; }
.sponsors-partners .small-4 .sponsor { max-height: 50px; }
.sponsors-partners .small-3 .sponsor { max-height: 35px; }
.sponsors-partners .button img { margin: -7px 0.5em 0 0; }
/* force height on large screens */
@media all and (min-width: 700px) {
    .sponsors-partners .logos { height: 152px; }
}
.row-home-banner .orbit-timer { display: none; } /* hide orbit timers */
.row-corporate-wellness .button { font-size: 1.7rem; font-weight: 100 !important; letter-spacing: 0.08em; }
.row-corporate-wellness .button img { margin-right: 1em; }

/* home mile ticker */
#mile-ticker { height: 230px; border: 2px solid #00abe5; background-repeat: no-repeat; background-position: 5px 5px; padding: 0.3em; }
#mile-ticker h2, #mile-ticker .total-text { text-align: center; }
#mile-ticker h2 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #000; margin-top: 0.75em; }
#mile-ticker .total-item img { max-width: 72px; }
#mile-ticker .total-item h2 { font-size: 1.2em; margin-top: 1.2em; }
#mile-ticker .total-miles h2 { font-size: 1.7em; margin-top: 0.6em; margin-bottom: 0; }
#mile-ticker .total-item .total-text { font-weight: bold; font-size: 2em; }
#mile-ticker .total-miles .total-text { font-weight: bold; font-size: 2.6em; }
#mile-ticker .total-item, #mile-ticker .total-miles { margin-top: 1em; }
#ticker-title { position: relative; width: 100%; background-color: #00abe5; color: #ffffff; text-align: center; height: 26px; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 5px; font-weight: 500;}
@media all and (max-width: 40em) {
  #mile-ticker { height: auto; background: none; padding: 0 0 0.8em 0.6em; margin-bottom: 2em; overflow: hidden; }
  #mile-ticker h2, #mile-ticker .total-text { text-align: left; }
  #mile-ticker h2 { margin-top: 0.3em !important; }
  #ticker-title { height: auto; min-height: 18px; font-size: .8em; padding-top: 4px; font-weight: 500;}
}
@media all and (max-width: 679px) {
  #ticker-title { height: auto; min-height: 18px; font-size: .8em; padding-top: 4px; font-weight: 500;}
}


/* socialize */
.socialize .icons a { margin-left: 1rem; width: 45px; height: 45px; display: inline-block; }
.socialize .icons #facebook { background: url('../images/sprites/socialize-all.png') 0 0;}
.socialize .icons #twitter { background: url('../images/sprites/socialize-all.png') 0 -46px;}
.socialize .icons #instagram { background: url('../images/sprites/socialize-all.png') 0 -92px;}
.socialize .feeds { background: #00afe7; padding: 0.75em 1.5em; color: #fff; }
.socialize p { margin-bottom: 1rem; }
.socialize .social-feed { background: #fff; border-left: 12px #00afe7 solid; border-right: 12px #00afe7 solid; }
.social-feed.twitter { max-height: 600px; overflow: auto; }

/* contact */
#contact-form textarea { height: 110px; }

/* sponsors */
.row.sponsors-main, .row.sponsors-1, .row.sponsors-2, .row.sponsors-3 { margin-top: 1em; }
.row.sponsors-main img { height: 140px; }
.row.sponsors-1 img { height: 125px; margin-top: 1rem; }
.row.sponsors-2 img { height: 60px; margin-top: 1rem; }
.row.sponsors-3 img { height: 40px; margin-top: 1rem; }
.row.sponsors-3 a { margin-right: 2rem; line-height: 4rem; }
.row.partners img { height: 120px; margin-top: 1rem; }
.row.partners a { margin-right: 3rem;}
.sponsors.subhead { font-size: 16pt; font-weight: bold; }

/* select profile */
.user-profile { border-width: 8px; border-style: solid; border-radius: 50%; }
.user-profile.bronze { border-color: #88684b; }
.user-profile.silver { border-color: #778897; }
.user-profile.gold { border-color: #daa520; }
.user-profile.platinum { border-color: #332e2d; }
.select-profile p { margin-bottom: 0.8rem; line-height: 2.5rem; }
.fancy-profile-name { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 22pt; }
.select-profile h1{font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #EC008C;}
.select-profile h4{color: #29ABE2;}

/* my profile */
#my-profile { background: url(../images/my-profile-bg.jpg); background-size: cover; background-position: center center; margin-top: 1em; padding: 2em 0; }
#my-profile .user-profile { width: 70%; text-align: center; }
.profile-tracking { background: rgba(255, 255, 255, 0.8); padding-bottom: 2em; padding-top:1em; border-radius: 1.2em;}
.my-profile-name { font-size: 14pt; }
.lifetime-stats { background: #00c0ea; padding: 6px 6px 3px 6px; margin-bottom: 8px; border-radius: 4px; }
.lifetime-stats h3 { color: #fff; font-size: 16pt; padding: 0; margin: 0; }
.organization { background: #f7931e; padding: 6px 6px 3px 6px; margin-bottom: 8px; border-radius: 4px; }
.organization h3 { color: #fff; font-size: 16pt; padding: 0; margin: 0; }
.my-info { background: #8cc63f; padding: 6px 6px 3px 6px; margin-bottom: 8px; border-radius: 4px; }
.my-info h3 { color: #fff; font-size: 16pt; padding: 0; margin: 0; }
.tracking-item h3, .tracking-item h4, .tracking-item h5 { display: inline; font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; margin-right: 0.3em; }
.tracking-item h3 { font-size: 13pt; }
.tracking-item h4 { font-size: 10pt; }
.tracking-item h5 { font-size: 9pt; color: #777; }
.tracking-item span { font-size: 14pt; }
.tracking-item .additional-info { font-size: 11pt; }
.tracking-item .mile-goal { color: #29abe2; }
.profile-progress h2 { font-weight: normal; }
.profile-progress .mile-goal { margin: 0 0 0.5em 1em; font-size: 13pt; }
.mile-goal .event-name { margin-right: 0.4em; font-weight: bold; }
.mile-goal .miles { color: #00c0ea; font-weight: bold; }
#share-logged-miles { margin-top: 1em; }
#share-logged-miles .share-items { line-height: 1.3em; }
#share-logged-miles p { margin: 0.7em 0 0.2em 0; }
.event-stats { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; background: #ec008c; color: #fff; padding: 6px 6px 3px 6px; border-radius: 4px; margin-bottom: 0; }
.event-stats-image { width: 85%; margin-top: 1.5em; }
.all-events-link { margin-top: 0.5em; text-align: center; }
.all-events-link a:link { text-decoration: underline; }
.connect-device { color: #777; }
.tracking-item.upgrade-profile, .tracking-item.upgrade-profile h4 { font-size: 9pt; }
.tracking-item.upgrade-profile a { text-decoration: underline; }
.tracking-item.leaderboard a { text-decoration: underline; }
#upgrade-modal .button{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}


/* edit profile */
@media only screen and (min-width: 768px) {
    #change-user-profile-image { margin-top: 3.5em; }
}
.button.upgrade-profile { background-color: #8cc63f; margin-left: 1.5em; }

/* organization */
.organization-name, .organization-group, .organization-event { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.organization-name, .organization-event { color: #00afe7; }
.organization-group { color: #EC008C; }
.organization-leaders { width: 100%; }
.organization-leaderboard { font-size: 1.7em !important; font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #EC008C; display: inline-block; }
.organization-totals h3 { font-size: 1.3em; }

/* leaderboards */
.leaderboards-header { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #ec008c; }
.leaderboards-logo { max-height: 120px; margin-top: 1.5rem; }
.leaderboards h3 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #fff; background: #29abe2; text-align: center; padding: 0.3em 0 0.1em 0; }
.leaderboards-houston h3 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #fff; background: #8cc63f; text-align: center; padding: 0.3em 0 0.1em 0; }
.leaderboards-houston h2 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #8cc63f; padding: 0.3em 0 0.1em 0; }
.leaderboards-austin h3 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #fff; background: #f7931e; text-align: center; padding: 0.3em 0 0.1em 0; }
.leaderboards-austin h2 { font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #f7931e; padding: 0.3em 0 0.1em 0; }
.leaderboards-houston h3 .info, .leaderboards-austin h3 .info { font-size: 65%; }
.leaderboards-sponsors {padding: -5px;}
.leaderboards-sponsors.humana {margin-top: -10px;}
h2 .presented-by { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; }
.leaderboards-houston .presented-by {color: #8cc63f;}
.leaderboards-austin .presented-by {color: #f7931e;}
.leaderboards ol { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 300; margin-top: 1.2em; margin-left: 2.3em; font-size: 0.9em; }

/* events page */
.private-events { margin-top: 3em; }
.private-events h3 { font-weight: 200; }
.private-events h3 strong { font-weight: 400; }

/* nutrition page */
.panel-container { border: 4px solid #8c8c8c; border-radius: 5px; margin: 1em;}
.panel-container ul { margin: 1em; }
.panel-container span { display: block; text-align: center; height: 50px;}
.panel-container a { display: inline-block; background: #00afe7; color: #fff; margin: 1em;}
.panel-title { position: relative; margin: .75em; vertical-align: text-top; }
.panel-title div img { vertical-align: top; }
.panel-content { background: #fff !important; }
.compressed-tab { line-height: .05rem !important; }
.tabs_divider { height: 2px; background: #e5e5e5; width: 100%; position: relative; display: block;}
dl.tabs { height: .75rem !important; }
@media only screen and (max-width: 900px) {
    .panel-container a { display: block; }
    .panel-title div img { width: .5rem; }
    .panel-container span { display: block; font-size: .75rem;}
}
@media only screen and (max-width: 730px) {
    .panel-container span { display: block; font-size: .75rem; height: 3.75rem;}
}
@media only screen and (max-width: 638px) {
    .panel-container ul { margin: 0 25% 0 25%; }
    .panel-container span { display: block; font-size: 1rem; height: 4.4rem;}
}
@media only screen and (max-width: 492px) {
    .panel-container ul { margin: 0 2em 0 2em; }
    .panel-container span { font-size: 1rem; height: 3rem;}
}

/* global */
a.underline:link { text-decoration: underline; }
.alert-box.alert a { color: #fff; text-decoration: underline; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 span small, h2 span small { color: #00afe7; }
@font-face {
    font-family: '4990810';
    src: url('fonts/4990810-webfont.eot');
    src: url('fonts/4990810-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/4990810-webfont.woff') format('woff'),
         url('fonts/4990810-webfont.ttf') format('truetype'),
         url('fonts/4990810-webfont.svg#4990810') format('svg');
    font-weight: normal;
    font-style: normal;
}
#login-header { background: #8cc63f; color: #fff; }
#main-content { background: #fff; min-height: 1000px; }
#topbar { background: #eee; }
#topbar ul { list-style: none; margin: 0; padding: 0.4em; line-height: 1em; }
#topbar li { display: inline-block; margin-left: 1em; font-size: 0.9rem; }
#topbar li.text-link { margin-top: 0.3em; }
#topbar a { color: #000; text-decoration: none; text-transform: uppercase; }
.margin-top { margin-top: 1em !important; }
.margin-top2 { margin-top: 2em !important; }
.margin-top3 { margin-top: 3em !important; }
@media only screen and (min-width: 667px) {
    .margin-top4-5 { margin-top: 4.5em !important; }
    .hc-tagline-small { display: none; }
}
@media all and (min-width: 700px) {
    #logo img { margin-top: -20px; }
    .top-bar { background: #fff; }
    #top-nav-section > ul > li > a { background: #fff; color: #00afe7; font-size: 1rem; font-weight: normal; }
    .top-bar-section ul { background: #fff; }
    .hc-tagline-small { display: none; }
}
@media all and (max-width: 699px) {
    #logo img { margin-top: -10px; margin-bottom: -40px; z-index: 98; position: relative; }
    .top-bar, .top-bar.expanded .title-area, .top-bar-section ul li > a, .top-bar-section li a:not(.button) { background: #00afe7; }
    .top-bar.expanded .toggle-topbar a { color: #fff; }
    .top-bar-section ul { background: #00afe7; }
    .hc-tagline-small { display: none; } 
    .hc-tagline { font-size: .9em; margin-top: 0px;}
    img.hc-tagline-logo { margin-top: 0px !important; margin-left: -16px; }
}
@media all and (max-width: 640px) {
    .hc-tagline { text-align: center; }
    .hc-tagline-small { display: inline; }
    .hc-toplinks {text-align: center !important;}
}
@media only screen and (min-width: 40.063em) {
    #top-nav-section li.has-dropdown a:after { border-top-color: #00afe7; }
}
#top-nav-section ul li:hover a { background: #00afe7; color: #fff; }
#top-nav-section ul.dropdown li:hover a { background: #00ccff; }
.hc-tagline { color:#797979; line-height: 1em; left: 15px; top:0px;}
.hc-tagline-small { color: #797979; float: right; margin-top: 35px;}
img.hc-tagline-logo { margin-top: 3px; margin-left: -8px; width: 127px; height: 34px; }
.footer-row { background: #eee; padding-top: 1em; }
.footer-row.margin-top { margin-top: 3em !important; }
.footer-row .social a { margin-right: 1em; }
#footer-copyright { font-size: 0.8rem; color: #8c8c8c; margin-bottom: 1.5em; }
.tabs dd.active a, .tabs-content .content.active { background: #e5e5e5; }
.tabs dd > a { background: #fff; }
.top-register { background: #3fb5e7; letter-spacing: 0.15em; }
a.secondary:not(.button) { color: #777; text-decoration: underline; font-size: 0.9rem; }
.note { font-size: 0.9rem; }

/* foundation fixes */
.tabs-content.vertical .content { width: 100%; }
/* added from foundation docs css - was missing? */
.top-bar .toggle-topbar.menu-icon a::after {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}
#donate {
    color: #fff !important; 
    background: #e92e53;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
}
/* social icons */
.social-icon { width: 45px; height: 45px; display: inline-block; }
.social-icon.facebook { background: url('../images/sprites/socialize-all.png') 0 0;}
.social-icon.twitter { background: url('../images/sprites/socialize-all.png') 0 -46px;}
.social-icon.instagram { background: url('../images/sprites/socialize-all.png') 0 -92px;}

/*** Styling for Profile Progress Bar ***/
.progressbar {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 0px 10px 0px 10px;
}

/* New stacked progress bar */
.progress{
    width: 99%;
    height: 40px;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    overflow: hidden;
}

.progress-bar{
    background-image: url('../images/user-profile/progress-bar-gradient-overlay.png');
    background-size: auto 100%;
    box-shadow: none;
}

.progress-bar:first-child{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.progress-bar:last-child{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* walking */
.progress-bar-activity-6 {background-color: #B0E314;}
/* running */
.progress-bar-activity-5 {background-color: #F7931E;}
/* biking */
.progress-bar-activity-7 {background-color: #EC008C;}
/* skating */
.progress-bar-activity-9 {background-color: #E92E53;}
/* swimming */
.progress-bar-activity-8 {background-color: #008CBA;}
/* farming */
.progress-bar-activity-13 {background-color: #99C95A;}
/* weightlifting */
.progress-bar-activity-11 {background-color: #E9DB1A;}
/* yoga */
.progress-bar-activity-12 {background-color: #00BEEE;}
/* pther */
.progress-bar-activity-10 {background-color: #541E7C;}


/*// Safari & Chrome*/
progress[value]::-webkit-progress-bar {
  background: rgba(0,0,0,0.25);
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
  background-image:
     -webkit-linear-gradient(-45deg,
                             transparent 100%, rgba(0, 0, 0, .1) 33%,
                             rgba(0,0, 0, .1) 66%, transparent 66%),
     -webkit-linear-gradient(top,
                             rgba(255, 255, 255, .25),
                             rgba(0, 0, 0, .25)),
     -webkit-linear-gradient(left, #ffab3d, #ff0092);

    border-radius: 3px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

/*// Firefox*/
progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of default border in Firefox. */
  border: none;

  /* For IE10 */
  color: blue;
}

progress[value]::-moz-progress-bar {
  background-image:
    -moz-linear-gradient(
      135deg,
      transparent 100%,
      rgba(0, 0, 0, 0.1) 33%,
      rgba(0, 0, 0, 0.1) 66%,
      transparent 66%
    ),
    -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 0.25),
      rgba(0, 0, 0, 0.25)
    ),
    -moz-linear-gradient(
      left, #ffab3d, #ff0092
    );

  border-radius: 2px;
  background-size: 35px 20px, 100% 100%, 100% 100%;
}

@media all and (max-width: 699px) {
  .pricing-table-wrapper li {
    width: 100%;
  }
}


/* Activity Logging Form */
.log-activity-form {
  font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  color: #222222;
  min-width: 255px;
  max-height: 300px;
  display: none;
  padding: 1em;}
.log-activity-form #form-top-3 {
  width: 100%;
  min-width: 100%;
  padding: 1px;
  height: 35px;
  margin-bottom: 10px; }
.log-activity-form #form-top-3 #form-top-left {
  width: 35%;
  float: left;
  height: 25px; }
.log-activity-form #form-top-3 #form-top-left #activity_time {
  text-align: center;
  color: #222222;
  font-size: 1.2em; }
.log-activity-form #form-top-3 #form-top-middle {
  width: 30%;
  float: left;
  text-align: center;
  padding-top: 10px;
  font-size: 1em; }
.log-activity-form #form-top-3 #form-top-right {
  width: 35%;
  float: right;
  height: 25px; }
.log-activity-form #form-top-3 #form-top-right #activity_distance {
  text-align: center;
  color: #222222;
  font-size: 1.2em; }
.log-activity-form #minute-distance-warning {
  width: 257px;
  text-align: center;
  margin-bottom: 2px;
  color: #ff0092; }
.log-activity-form #activity-type-warning {
  width: 257px;
  text-align: center;
  margin-top: 2px;
  color: #ff0092; }
.log-activity-form #activity_activity_type_id {
  margin-top: 5px; }

.log-activity-btn.button {
  background-color: #00beee;
  font-size: 1.5em;
  font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.log-activity-btn {
  width: 60%;
  min-height: 64px;
  border-radius: 10px;
  background-color: #00beee; }
.create-activity {
  border-radius: 10px; }
input.btn.button.create-activity {
  background-color: #8cda5a;
  width: 65%;
  height: 64px;
  font-size: 1.5em;
  font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  margin-top: 10px; }

/*Recent Activity Table  */
.recent-activity-table {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  margin: 20px 0px 20px 0px;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  background-color: transparent;
  border: none; }

.recent-activity-table thead th.rounded-header-left {
  border-radius: 15px 0px 0px 0px; }

.recent-activity-table thead th.rounded-header-right {
  border-radius: 0px 15px 0px 0px; }

.recent-activity-table th {
  padding: 8px;
  font-weight: normal;
  font-size: 13px;
  background: #b9c9fe;
  background: #00beee;
  color: white; }

.recent-activity-table td {
  padding: 8px;
  background: #e8edff;
  border-top: 1px solid #fff;
  color: #848484;
  text-align: center;}

.recent-activity-table td i {
  color: transparent;
  font-size: 1.5em; }

.recent-activity-table tfoot td.rounded-foot {
  background: #e8edff;
  border-radius: 0px 0px 15px 15px;
  text-align: center;
  font-size: 1em;
}

.recent-activity-table tbody tr:hover td {
  background: #ff0092;
  color: white; }

.recent-activity-table tbody tr:hover td a:hover {
  color: #e7e7e7; }

.recent-activity-table tbody tr:hover td i {
  color: white; }
#minute-distance-warning {
  display: none;
}
#activity-type-warning {
  display: none;
}

/* View More Activities Modal */
#activity-data-modal h2{
   font-family: "4990810", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
   color: #F99E35;
}

/* Stripe */
#stripe-payment-form .form-row {
  margin: 20px 0;
}

#stripe-payment-form .card-element-title {
  text-align: left;
  font-weight: bold;
}

#stripe-payment-form #card-errors {
  margin-top: 10px;
  color: #fa755a;
}

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid transparent;
  box-shadow: 0 1px 10px 0 #CCC;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* Historical Activity */
.historical-activity-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  border-bottom: solid 1px #CCC;
  margin-top: 20px;
}
.historical-activity-table__row {
  display: flex;
  flex-direction: row;
  border: solid 1px #CCC;
  border-bottom: 0;
  border-left: 0;
  text-align: right;
}
.historical-activity-table__headings {
  font-weight: bold;
  text-align: center;
}
.historical-activity-table__headings .event-name {
  display: block;
}
.historical-activity-table__col {
  width: 7.5%;
  border-left: solid 1px #CCC;
  padding: 2px 5px;
  overflow-wrap: break-word;
}
.historical-activity-table__activity-name {
  text-align: left;
  width: 10%;
}
#historical-activity-graph {
  height: 300px;
}
#historical-year-select {
  display: inline;
  width: auto;
  font-size: 1em;
  color: inherit;
  padding-top: 7px;
  padding-bottom: 0px;
}
.historical-activity-table__headings {
  background-color: #0079a1;
  color: #fff;
}
.historical-activity-table__activity:nth-child(odd) {
  background-color: rgba(0, 121, 161, 0.1);
}
.historical-activity-table__row-totals {
  border-top: solid 2px #999;
}
.historical-activity-table__activity-month:nth-child(14) {
  background-color: rgb(236, 0, 140);
  color: #fff;
}
@media all and (max-width: 900px) {
  .historical-activity-table {
    flex-direction: row;
    justify-content: center;
    border: none;
  }
  .historical-activity-table__row {
    flex-direction: column;
    border: none;
    flex-grow: 1
  }
  .historical-activity-table__col {
    width: auto;
    height: 50px;
    border: solid 1px #CCC;
  }
  .historical-activity-table__activity-name {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .historical-activity-table__headings .historical-activity-table__activity-month {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}

/* Organization Historical Events */
.organization-historical-events {
  width: 100%;
}
.organization-historical-events tbody tr:last-child {
  border: solid 1px #999;
}

#facebook-register-modal {
  text-align: center;
}
.facebook-share-btn {
  background:#3b579d;
  display: flex;
  align-items: center;
  color: #fff;
  display: inline-flex;
  padding: 10px 20px;
}
.facebook-share-btn img {
  height:1em;
  margin: 0 10px 0 0;
}
.strava-connect-btn {
    height: 40px;
    width: 220px;
    border: 2px #ed4a07;
    border-radius: 5px;
}
.strava-disconnect-btn {
    height: 40px;
    width: 216px;
    padding-top: 12px;
    border: 2px #ed4a07;
    border-radius: 5px;
}
.my-fitness-button {
    height: 40px;
    width: 220px;
    border: 2px #ed4a07;
    border-radius: 5px;
}
.garmin-button {
    border-radius: 5px;
    background-color: #449ECB;
    height: 40px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.garmin-button a {
    color: white;
}

.garmin-connect-btn {
    height: 25px;
    margin-top: -8px;
}