#banner { background-image: url(/res/img/steps-for-life/banner.jpg); position: relative; } #banner > .t { background: rgba(0,0,0,.65); color: white; font-size: 48px; font-weight: bold; width: 540px; padding: 10px 40px; box-sizing: border-box; border: solid 1px white; position: absolute; top: 128px; left: 94px; } #banner > .logo { width: 225px; height: 225px; background: white; border-radius: 500px; display: flex; justify-content: center; align-items: center; position: absolute; left: 32px; bottom: 90px; } #banner > .logo > img { width: 175px; } #banner > .caption { font-size: 40px; width: 450px; white-space: normal; top: 150px; left: 100px; padding: 20px 30px; } #page-icons { height: 140px; background: #00BBDC; display: flex; align-items: center; justify-content: center; position: sticky; top: 60px; z-index: 10; } #page-icons > .page { color: white; text-align: center; font-weight: bold; width: 160px; text-decoration: none; } #page-icons > .page > .i-w { height: 70px; display: flex; align-items: center; justify-content: center; } #page-icons > .page.active { cursor: default; } #page-icons > .page.active > .t { color: #004D69; } #page-icons > .page:not(.active):hover { opacity: .8; } #still-questions { background: #F4F4F4; padding: 80px 0; } #still-questions > .c { width: 1000px; margin: 0 auto; } #still-questions > .c > h2 { margin-bottom: 0; } .sponsors-slider { text-align: center; margin-bottom: 85px; } .sponsors-slider > h2 { margin: 60px 20px 70px; } .sponsors-slider > .list-w { margin-bottom: 40px; } .sponsors-slider > .list-w > .list { } .sponsors-slider > .list-w > .list .sponsor-w { width: 285px; height: 180px; padding: 0 20px; } .sponsors-slider > .list-w > .list .sponsor-w > .sponsor { background: #F7F7F7; border: solid 1px #E8E8E8; border-radius: 5px; box-sizing: border-box; padding: 25px; height: 100%; } .sponsors-slider > .list-w > .list .sponsor-w > .sponsor > .img { height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } #evts > .evt { display: flex; justify-content: center; padding: 70px 20px 90px; } #evts > .evt:nth-child(even) { background: #F4F4F4; } #evts > .evt > .l { } #evts > .evt > .l > img { display: block; } #evts > .evt > .l > .logo { margin: 0 auto 70px; width: 320px; } #evts > .evt > .l > .img { border-radius: 500px; width: 340px; height: 340px; } #evts > .evt > .r { width: 600px; margin-left: 90px; } #evts > .evt > .r > h3 { font-size: 32px; margin: 0 0 20px; } #evts > .evt > .r > .desc { font-size: 18px; } #evts > .evt > .r > .btns { margin-top: 50px; } #evts > .evt > .r > .btns > .learn { background: #FF4E00; } #evts > .evt > .r > .btns > .donate { background: #00BBDC; margin-left: 15px; } #evts #past-evts { background: #00BBDC; padding: 118px 40px 60px; text-align: center; } #evts #past-evts > .c { max-width: 1000px; margin: 0 auto; } #evts #past-evts > .c > h2 { margin: 0; } #evts #past-evts > .c > .list { display: flex; color: white; font-weight: 600; margin-top: 42px; justify-content: center; } #evts #past-evts > .c > .list > .col { width: 340px; } #evts #past-evts > .c > .list > .col:first-child { margin-right: 40px; } #evts #past-evts > .c > .btn-w { margin-top: 40px; } #evt-info { padding-top: 65px; font-size: 18px; } #evt-info > h2 { margin: 0; font-size: 36px; text-align: center; } #evt-info > h3 { margin: 10px 0 0; text-align: center; font-size: 28px; color: #FF4E00; } #evt-info > .details { max-width: 1030px; margin: 50px auto; } #evt-info > .details a { text-decoration: none; color: #0000FF; font-weight: 600; } #evt-info > .btns { text-align: center; } #evt-info > .btns > .btn-g, #evt-info > .btns > .share-btn { margin: 0 5px; } #evt-info > .btns > .share-btn { background: #a7a7a7; cursor: pointer; } #evt-info > .thermo-w { background: #F4F4F4; padding: 130px 40px 100px; display: flex; justify-content: center; margin-top: 60px; align-items: flex-start; } #evt-info > .thermo-w > .thermo { position: relative; font-weight: bold; margin-right: 40px; } #evt-info > .thermo-w > .thermo > .thermo { display: block; } #evt-info > .thermo-w > .thermo > .num { position: absolute; right: 0; font-size: 36px; width: 245px; text-align: center; } #evt-info > .thermo-w > .thermo > .num.achieved { color: #FF8800; top: 36px; } #evt-info > .thermo-w > .thermo > .num.goal { color: #525E66; top: 166px; } #evt-info > .thermo-w > .thermo > .num.percent { color: #FF8800; top: 312px; } #evt-info > .thermo-w > .thermo > .thermo-top { position: absolute; bottom: 122px; width: 60px; left: 88px; max-height: 66%; } #evt-info > .thermo-w > .t { width: 600px; } #evt-info > .thermo-w > .t > h3 { color: #FF4E02; font-size: 24px; margin: 0; } #evt-info > .thermo-w > .t > ul { margin-top: 10px; line-height: 1.8em; } #evt-info > .thermo-w a { text-decoration: none; color: #0000FF; font-weight: 600; } #evt-info > .activities { display: flex; justify-content: center; padding: 65px 0; background: #F4F4F4; margin-top: 20px; } #evt-info > .activities > .recent > h2 { color: #FF4E00; } #evt-info > .activities > .col { width: 230px; padding: 0 85px; } #evt-info > .activities > .col > h2 { text-transform: uppercase; margin: 0 0 50px; width: 200px; } #evt-info > .activities > .col:not(:last-child) { border-right: solid 2px #FF4E00; } #evt-info > .activities > .col > .list > .i { margin-bottom: 35px; } #evt-info > .activities > .col > .list > .i > .c { display: flex; align-items: flex-start; } #evt-info > .activities > .col > .list > .i > .c > .img { width: 55px; border-radius: 100px; margin-right: 15px; flex: none; } #evt-info > .activities > .col > .list > .i > .c > .t > a { color: inherit; text-decoration: none; } #evt-info > .activities > .col > .list > .i > .c > .t > .share { color: blue; margin-top: 5px; cursor: pointer; } #evt-info > .medals { display: flex; justify-content: center; padding: 90px 0 80px; text-align: center; } #evt-info > .medals > .medal { width: 350px; } #evt-info > .medals > .medal > h3 { font-size: 32px; width: 275px; margin: 0 auto 40px; } #evt-info > .medals > .medal > .text-1 { margin-top: 48px; font-weight: bold; height: 50px; } #evt-info > .medals > .medal:not(:last-child) { margin-right: 160px; } #evt-info > .sponsors { padding-bottom: 60px; padding-top: 40px; } #evt-info > .sponsors > h2 { text-align: center; font-size: 36px; margin: 80px 0 115px; } #evt-info > .sponsors > .list { text-align: center; } #evt-info > .sponsors > .about { max-width: 800px; margin: 115px auto 40px; line-height: 1.6em; } #evt-info > .sponsors > .opportunities { margin: 0px auto; display: flex; width: 310px; } #register { font-size: 18px; } #register > h2 { font-size: 36px; text-align: center; margin: 60px 0 0; } #register > .steps { width: 1000px; margin: 60px auto; } #register > .steps > .step { display: flex; min-height: 110px; } #register > .steps > .step > .num-line { margin-right: 28px; display: flex; flex-direction: column; align-items: center; } #register > .steps > .step > .num-line > .num { border: solid 4px #00BBDC; border-radius: 50px; width: 84px; height: 84px; display: flex; justify-content: center; align-items: center; font-size: 40px; font-weight: bold; color: #00BBDC; box-sizing: border-box; } #register > .steps > .step > .num-line > .line { width: 4px; flex: 1; background: #00BBDC; } #register > .steps > .step > .c > h3 { text-transform: uppercase; } #register > .steps > .step.active > .num-line > .num { background: #FF4E00; color: white; border: none; } #register > .steps > .step.active > .num-line > .line { background: #FF4E00; } #register > .steps > .step.active > .num-line:after { width: 24px; height: 24px; content: ''; background: #FF4E00; border-radius: 50px; } #register > .steps > .step.active > .c > h3 { color: #FF4E00; margin: 22px 0; font-size: 24px; } #register > .steps > .login > .c > .participate { background: #F2F2F2; padding: 30px 24px; text-align: center; max-width: 495px; margin-top: 50px; border: solid 1px #E8E8E8; border-radius: 4px; } #register > .steps > .login > .c > .participate > h4 { margin: 0; font-size: 24px; } #register .race-opts > .race-option > input { margin-right: 20px; } #register > .steps > .step:not(.active) > .c { display: none; } #register > .steps > .step > .summary { font-size: 20px; color: #34A6D9; font-weight: bold; border: solid 1px #34A6D9; align-self: flex-start; border-radius: 5px; width: 100%; padding: 15px 10px; margin-top: 15px; } #register > .steps > .step > .summary > i { font-size: 22px; } #register > .steps > .step.active > .summary { display: none; } #register > .steps > .step.hidden { display: none; } #register > .steps > .action > .c > .actions { display: flex; } #register > .steps > .action > .c > .actions > .action { background: #F2F2F2; text-align: center; flex: none; width: 210px; padding: 30px 30px 10px; border-radius: 5px; border: solid 1px #E8E8E8; cursor: pointer; } #register > .steps > .action > .c > .actions > .action > h3 { margin: 0; } #register > .steps > .action > .c > .actions > .action.active { border: solid 2px #FF4E00; } #register > .steps > .action > .c > .actions > .action:not(.active) { margin: 1px; } #register > .steps > .action > .c > .actions > .action:not(:last-child) { margin-right: 25px; } #register > .steps > .action > .c > .actions > .action:hover { opacity: .8 } #register > .steps > .action > .c > .info { margin-top: 40px; } #register > .steps > .action > .c > .info > .h { font-size: 24px; font-weight: bold; } #register > .steps > .action > .c > .join-team-info > .team { width: 475px; margin-top: 15px; } #register > .steps > .action > .c > .next { margin-top: 35px; } #register > .steps > .action > .c > .create-team-info > .fields { display: flex; margin-top: 20px; } #register > .steps > .action > .c > .create-team-info > .fields > .field { margin-right: 20px; } #register > .steps > .action > .c > .create-team-info > .fields > .field > input { width: 400px; margin-top: 5px; } #register > .steps > .step > .summary { cursor: pointer; } #register input:not([type=radio]):not([type=checkbox]), #register select { height: 50px; border: solid 1px #C1C1C1; box-sizing: border-box; border-radius: 5px; font-size: 18px; padding: 5px 10px; } #register .with-dollar { position: relative; } #register .with-dollar > input[type=text] { padding-left: 22px; } #register .with-dollar:after { content: '$'; position: absolute; left: 10px; bottom: 13px; } #register > .steps > .action > .summary > .name, #register > .steps > .race-option > .summary > .cost { color: #262626; } #register .race-opts { border-bottom: solid 1px #6F6F6F; padding-bottom: 40px; margin-bottom: 50px; } #register .race-opts > .race-option { background: #F2F2F2; border: solid 1px #E8E8E8; margin-bottom: 20px; display: flex; align-items: flex-start; padding: 20px; border-radius: 5px; cursor: pointer; } #register .race-opts > .race-option > .r > h4 { margin: 0 0 10px; font-size: 24px; } #register .race-opts > .race-option:hover { opacity: .8 } #register > .steps > .race-option .err-msg { margin-bottom: 20px; } #register > .steps > .payment .err-msg { margin-bottom: 20px; } #register .form-sect { /* margin-bottom: 70px; */ } #register .form-sect > .line { display: flex; } #register .form-sect > .line > .field { flex: 1; } #register .form-sect > .line > .field > .lbl { font-size: 17px; margin-bottom: 5px; } #register .form-sect > .line .field > input, #register .form-sect .line .field > select { width: 100%; background: #F5F5F5; } #register .form-sect > .line > .field:not(:last-child) { margin-right: 18px; } #register .form-sect > .line:not(:last-child) { margin-bottom: 25px; } #register .form-sect > .line > .goal-field { width: 270px; flex: none; } #register .form-sect > .line > .dob-field { width: 270px; flex: none; } #register .personal .questions-sect { max-width: 460px; } #register .personal .waiver { height: 340px; overflow: auto; border: solid 1px #C1C1C1; padding: 15px 20px; box-sizing: border-box; border-radius: 5px; } #register .personal .waiver-link-w { margin-top: 10px; padding-left: 5px; } #register .personal .waiver-link-w > a { color: blue; font-weight: 600; } #register .personal .btns { margin-top: 60px; } #register .personal .err-msg { margin-top: 20px; } #register .chk-w { background: #F2F2F2; border: solid 1px #E8E8E8; padding: 20px 20px; margin-top: 10px; display: inline-block; border-radius: 5px; } #register .chosen-container-single .chosen-single { padding: 10px 10px; border-radius: 5px; font-size: 16px; } #register .chosen-container-single .chosen-single abbr { top: 18px; } #register .chosen-container-single .chosen-single div { top: 12px; } #register #cvn-w > .lbl > .info { position: absolute; margin-left: 10px; } #register .step.payment > .c { padding-bottom: 0; width: 500px; } #register .step.payment > .c > .payment-form > .ssl { margin-top: 30px; } #register #promo-code-w > .msg { font-size: 14px; margin: 2px 5px; } #fundr { font-size: 18px; } #fundr h2 { font-size: 36px; margin-top: 0; } #fundr #article-1 { background: #F4F4F4; } #fundr #article-2 { background: #004D69; color: white; } #fundr #article-2 > .t > h2 { color: #FF4E00; } #fundr #prizes { text-align: center; padding-top: 100px; padding-bottom: 95px; } #fundr #prizes > .list { display: flex; justify-content: center; } #fundr #prizes > .list > .prize { } #fundr #prizes > .list > .prize > .img-w { height: 400px; display: flex; align-items: center; justify-content: center; } #fundr #prizes > .list > .prize > .img-w > img { max-height: 100%; } #fundr #prizes > .list > .prize > .goal { color: #FF4E02; font-size: 28px; font-weight: bold; } #fundr #prizes > .list > .prize > .name { max-width: 200px; margin: 20px auto 0; } #fundr #prizes > .list > .prize > img { height: 350px; } #fundr #tips { width: 1000px; margin: 0 auto; padding: 70px 0 0; } #fundr #tips > .tip { margin-bottom: 85px; } #fundr #tips > .tip > .h { font-size: 36px; font-weight: bold; } #fundr #tips > .tip > .h > .num { color: #FF4E00; } #fundr #tips > .tip > .c > ul { padding-left: 20px; } #fundr #tips > .tip > .c > ul.style-dash { list-style: circle; padding-left: 60px; } #page { padding-bottom: 50px; } #page #intro { background: #004D69; color: white; display: flex; justify-content: center; padding: 40px 20px; font-size: 20px; } #page #intro > .imgs > .img-w-w { height: 234px; width: 234px; position: relative; margin-right: 48px; flex: none; } #page #intro > .imgs > .img-w-w > .img-w { position: relative; height: 100%; border-radius: 500px; border: solid 2px white; overflow: hidden; box-sizing: border-box; } #page #intro > .imgs > .img-w-w > .img-w > .img { position: absolute; width: 100%; left: 0; } #page #intro > .imgs > .img-w-w > .ctrls { position: absolute; right: 0; bottom: 0; } #page #intro > .imgs > .logo { max-width: 300px; } #page #intro > .c > .name-w { font-size: 28px; font-weight: bold; margin-top: 10px; } #page #intro > .c > .name-w > input { font-size: 20px; border: none; padding: 4px 10px; } #page #intro > .c > .btns > .btn-g { margin-right: 10px; } #page #intro > .c > .btns { display: flex; margin-top: 40px; } #page #intro > .c > .btns > .share-btn { background: #A7A7A7; } #page #intro .evt-name { text-decoration: none; color: inherit; } #page #intro .evt-name:hover { opacity: .8; } #page #main-h { text-align: center; margin: 60px 0 0; text-transform: uppercase; } #page #main-h > .name-apos { color: #FF4E00; } #page #main-h > .team { color: inherit; } #page #goal { width: 810px; margin: 60px auto 0; font-size: 28px; font-weight: bold; } #page #goal > .t > .raised { font-size: 40px; margin-right: 15px; } #page #goal > .t > .t-w > input { font-size: 28px; width: 100px; font-weight: bold; } #page #goal > .bar { background: #BFE3D3; height: 36px; border-radius: 50px; overflow: hidden; margin-top: 10px; } #page #goal > .bar > .inner { height: 100%; background: #02A95C; border-radius: 50px; } #page #bio-w { width: 810px; margin: 50px auto; } #page #donate-w { text-align: center; } #page #donate-w > .btn-g { width: 145px; } #page #people { display: flex; justify-content: center; font-size: 18px; margin-top: 60px; } #page #people > .col { padding: 0 40px; } #page #people > .col > h3 { text-transform: uppercase; font-size: 25px; font-weight: bold; } #page #people > .col > h3 > .email-team { font-size: 12px; text-transform: none; color: blue; } #page #people > .col > .list > .i { margin-bottom: 15px; display: block; } #page #people > .col > .list > .i > .share { color: blue; margin-top: 8px; cursor: pointer; } #page #people > .col > .list a { color: inherit; } #page #people > .members { border-left: solid 1px #FF4E00; } #page #people > .supporters > h3 { color: #FF4E00; } #page .icon-edit, #page .icon-ok, #page .icon-cancel, #page .icon-trash { cursor: pointer; } #page.non-owner .ctrls { display: none; } #page #screens > .screen:not(.active) { display: none; } #page #owner-bar { /* height: 140px; */ background: #00BBDC; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; padding: 10px 0; } #page #owner-bar > .i { margin: 15px 30px; text-decoration: none; } #page #owner-bar > .i > .icon-w { display: flex; justify-content: center; align-items: center; height: 50px; } #page #owner-bar > .i > .t { font-weight: bold; font-size: 16px; margin-top: 15px; color: white; } #page #owner-bar > .i.active > .t { color: #004D69; } #page #owner-bar > .i:not(.active) { cursor: pointer; } #page #owner-bar > .i:not(.active):hover { opacity: .8 } #page #screens { max-width: 1000px; margin: 0 auto; } #page #screens > .screen > h2 { text-align: center; font-size: 32px; margin-top: 100px; margin-bottom: 70px; } #page #screens > .screen > .btns { text-align: center; margin-top: 60px; } #page #screens > .screen > .btns > .save { background: #FF4E00; } #page #screens > .screen > .btns > .next { background: #00BBDC; } #page #screens > .screen > .btns > .btn-g { margin: 0 10px; } #page .new-email > .field-line { display: flex; align-items: center; margin-bottom: 12px; } #page .new-email > .field-line > .lbl { width: 170px; text-align: right; margin-right: 25px; font-size: 20px; } #page .new-email > .field-line > .c { flex: 1; } #page .new-email > .field-line > .c > input, #page .new-email > .field-line > .c > select { width: 100%; box-sizing: border-box; font-size: 20px; height: 50px; border-radius: 5px; border: solid 1px #BABABC; padding: 0 10px; } #page .new-email .body { border: solid 1px #BABABC; border-radius: 5px; } #page .new-email .request-edit { font-size: 12px; text-decoration: underline; } #page .new-email .request-note { font-size: 12px; margin-top: 10px; } #page .contacts .table > thead > tr > th { text-align: left; padding: 10px 10px; } #page .logs .tbl { border-collapse: collapse; width: 100%; } #page .logs .tbl > thead > tr > th { background: #00BBDC; color: white; text-align: left; padding: 6px 5px 6px 20px; font-weight: 600; } #page .logs .tbl > tbody > tr > td { padding: 6px 5px 6px 20px; } #page .logs .tbl > tbody > tr:not(:last-child) > td { border-bottom: solid 1px #BABABC; } #page .logs .tbl > tbody > tr:nth-child(even) > td { background: #F4F4F4; } #page .logs .tbl > tbody > tr.active > td { background: #555; color: white; } #page .logs .batches-w { overflow: auto; } #page .logs .batches-w > .batches > tbody > tr > td > .btn-g { font-size: 12px; height: 24px; margin-right: 5px; margin-bottom: 2px; } #page .logs .btn-w { margin: 20px 0 20px; text-align: center; } #contact-details-d { } #contact-details-d > .c { padding: 40px 40px; width: 280px; margin-left: -140px; } #contact-details-d > .c > h2 { font-size: 30px; margin-top: 0; } #contact-details-d > .c > .field { margin-bottom: 10px; } #contact-details-d > .c > .field > input { width: 100%; box-sizing: border-box; font-size: 16px; height: 40px; border-radius: 5px; border: solid 1px #BABABC; padding: 0 10px; } #contact-details-d > .c > .btn-g { margin-top: 20px; } #schedule-email-d > .c { padding: 38px 100px; } #schedule-email-d > .c > h2 { text-align: center; text-transform: uppercase; font-size: 30px; color: #FF4E02; margin: 0 0 42px; } #schedule-email-d > .c > .field { margin-bottom: 20px; } #schedule-email-d > .c > .field > .lbl { font-size: 17px; } #schedule-email-d > .c > .field > .inputs { display: flex; margin-top: 5px; } #schedule-email-d > .c > .field > .inputs > select { height: 50px; border: solid 1px #C1C1C1; border-radius: 5px; font-size: 16px; background: linear-gradient(#EFEFEF, #fff); padding: 0 8px; width: 212px; } #schedule-email-d > .c > .field > .inputs > select:not(:first-child) { margin-left: 15px; width: 94px } #schedule-email-d > .c > .btns { margin-top: 60px; } #schedule-email-d > .c > .btns > .cancel { margin-left: 40px; background: white; border: solid 2px #AAAAAA; color: #555555; } #submit-time { text-align: center; font-size: 18px; min-height: 400px; padding: 0 20px; } #submit-time > h2 { font-size: 36px; margin: 65px 0; } #submit-time > .box { background: #F2F2F2; border: solid 1px #E8E8E8; width: 700px; margin: 0 auto; padding: 0 60px 40px; box-sizing: border-box; border-radius: 5px; } #submit-time > .box > h3 { font-size: 24px; } #submit-time > .box > .time-w { margin-bottom: 30px; } #submit-time > .box > .time-w > input { width: 70px; margin-right: 20px; border: solid 1px #aaa; border-radius: 4px; font-size: 18px; text-align: center; } #submit-time > .info { width: 700px; margin: 80px auto 120px; } #submit-time > .info > a { text-decoration: none; color: blue; font-weight: 600; } #sponsorships { font-size: 18px; } #sponsorships > .sponsors { padding-bottom: 60px; } #sponsorships > .sponsors > h2 { text-align: center; font-size: 36px; margin: 80px 0 115px; } #sponsorships > .sponsors > .list { text-align: center; } #sponsorships .img-prose { background: #F4F4F4; display: flex; justify-content: center; padding: 95px 0 80px; } #sponsorships .img-prose > .img-w { margin-right: 68px; width: 320px; } #sponsorships .img-prose > .img-w > img { display: block; width: 100%; } #sponsorships .img-prose > .img-w > .logo { margin-bottom: 80px; } #sponsorships .img-prose > .prose { width: 600px; } #sponsorships .img-prose > .prose > h2 { margin: 0 0 40px; font-size: 36px; } #sponsorships .img-prose > .prose a { text-decoration: none; font-weight: 600; color: blue; } #sponsorships .sold-out { color: red; font-size: 12px; } #sponsorships .packages { width: 960px; margin: 0 auto; } #sponsorships .packages > h2 { font-size: 36px; text-align: center; margin: 50px 0 75px; } #sponsorships .packages > .t-w { overflow: auto; } #sponsorships .packages > .t-w > .t { text-align: center; border-collapse: collapse; font-size: 16px; font-weight: bold; } #sponsorships .packages > .t-w > .t > thead > tr > th { border-bottom: solid 2px #A7A7A7; } #sponsorships .packages > .t-w > .t > tbody > tr > td { border-bottom: solid 1px #A7A7A7; } #sponsorships .packages > .t-w > .t > tbody > tr > td:first-child { font-weight: bold; } #sponsorships .packages > .t-w > .t > tbody > tr > td.yes:after { font-family: "fontello"; content: '\e80c'; color: #00973D; border: solid 3px #00973D; border-radius: 100px; width: 32px; height: 32px; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; } #sponsorships .packages > .t-w > .t > tbody > tr > td:not(:first-child) { width: 100px; } #sponsorships .packages > .t-w > .t > tbody > tr.price > td { background: white; border-width: 2px; border-top: solid 2px #A7A7A7; } #sponsorships .packages > .t-w > .t > tbody > tr.select > td { background: #E8E8E8; border-bottom: solid 2px #A7A7A7; } #sponsorships .packages > .t-w > .t > * > tr > * { padding: 10px 15px; } #sponsorships .packages > .t-w > .t > * > tr > *:nth-child(even) { background: #F4F4F4; } #sponsorships .packages > .t-w > .t > * > tr > *:first-child { text-align: left; } #sponsorships .packages > .terms { margin: 40px 0 30px; } #sponsorships .packages > .agree { background: #F2F2F2; padding: 20px; border: solid 1px #E8E8E8; border-radius: 4px; display: block; width: 460px; margin-bottom: 30px; } #sponsorships .packages > #buy { margin-bottom: 100px; } #faq { font-size: 18px; } #faq > h2 { text-align: center; margin: 65px; } #faq > .c { width: 1000px; margin: 0 auto 60px; line-height: 1.4em; } #runners { padding: 70px 20px; } #runners > .c > #goal { width: 810px; margin: 60px auto 0; font-size: 28px; font-weight: bold; } #runners > .c > #goal > .t > .raised { font-size: 40px; margin-right: 15px; } #runners > .c > #goal > .t > .t-w > input { font-size: 28px; width: 100px; font-weight: bold; } #runners > .c > #goal > .bar { background: #BFE3D3; height: 36px; border-radius: 50px; overflow: hidden; margin-top: 10px; } #runners > .c > #goal > .bar > .inner { height: 100%; background: #02A95C; border-radius: 50px; } #runners > .c > h2 { margin: 0; text-align: center; } #runners > .c > .search-w { margin-top: 60px; width: 200px; border-bottom: solid 1px #aaa; display: flex; align-items: center; } #runners > .c > .tabs { display: flex; border-bottom: solid 2px #FF4E00; margin-top: 40px; } #runners > .c > .tabs > .tab { display: flex; justify-content: center; align-items: center; height: 55px; font-size: 16px; text-transform: uppercase; padding: 0 20px; font-weight: bold; color: #02384B; } #runners > .c > .tabs > .tab.active { background: #FF4E00; color: white; } #runners > .c > .tabs > .tab:not(.active) { cursor: pointer; } #runners > .c > .search-w > .str { border: none; height: 30px; outline: none; font-size: 16px; flex: 1; } #runners .tables > .table-w { padding-top: 30px; } #runners .tables > .table-w > table { border-collapse: collapse; width: 100%; font-size: 16px; } #runners .tables > .table-w > table > thead > tr > th { border-bottom: solid 2px #00BBDC; padding: 10px 20px; text-align: left; text-transform: uppercase; } #runners .tables > .table-w > table > tbody > tr > td { padding: 10px 20px; border-bottom: solid 1px #A7A7A7; } #runners .tables > .table-w > table > tbody > tr > td > .sponsor { height: 24px; font-size: 12px; background: #00BBDC; width: 85px; } #runners .tables > .table-w > table > tbody > tr.hide { display: none; } #runners .tables > .table-w > table > tbody > tr.even > td { background: #F4F4F4; } #runners .tables > .table-w:not(.active) { display: none; } /*!desktop*/ @media(max-width:1439px) { #evt-info > .steps { padding: 0 50px; } #evt-info > .activities > .col { padding: 0 65px; } #evt-info > .activities > .col > h2 { font-size: 28px; } #register > .steps { width: 900px; } #register > .steps > .action > .c > .actions > .action { width: 180px; } } /*laptop_small-tablet-mobile*/ @media(max-width:1099px) { #page #intro > .imgs > .img-w-w { height: 138px; width: 138px; margin-right: 35px; } } /*mobile-tablet*/ @media(max-width:1023px) { #banner > .logo { bottom: 20px; } #evts > .evt > .l > .img { width: 200px; height: 200px; } #evts > .evt > .l > .logo { width: 200px; margin-bottom: 25px; } #evts > .evt > .r { margin-left: 42px; width: 425px; } #evts > .evt > .r > h3 { font-size: 28px; } #evts > .evt > .r > .desc { font-size: 16px; } #evt-info { font-size: 16px; } #evt-info > h2 { font-size: 28px; } #evt-info > h3 { font-size: 24px; margin: 0; } #evt-info > .details { margin: 50px 20px; } #evt-info > .thermo-w { display: block; padding: 85px; } #evt-info > .thermo-w > .thermo { width: 340px; margin: 0 auto; } #evt-info > .thermo-w > .thermo > .thermo { height: 326px; } #evt-info > .thermo-w > .thermo > .thermo-top { left: 68px; width: 46px; bottom: 94px; } #evt-info > .thermo-w > .thermo > .num { width: 190px; } #evt-info > .thermo-w > .thermo > .num.achieved { top: 22px; } #evt-info > .thermo-w > .thermo > .num.goal { top: 122px; } #evt-info > .thermo-w > .thermo > .num.percent { top: 236px; } #evt-info > .thermo-w > .t { margin-top: 40px; } #evt-info > .thermo-w > .t > h3 { font-size: 22px; } #evt-info > .thermo-w > .t > ul { margin: 0 0 20px; } #evt-info > .medals { padding: 85px 0 26px; } #evt-info > .medals > .medal { width: 260px; } #evt-info > .medals > .medal > .img { width: 208px; } #evt-info > .medals > .medal > h3 { font-size: 18px; } #evt-info > .medals > .medal:not(:last-child) { margin-right: 45px; } #evt-info > .activities { font-size: 14px; padding: 120px 0 30px; } #evt-info > .activities > .col { padding: 0 40px; width: 170px; } #evt-info > .activities > .col > h2 { font-size: 20px; } #evt-info > .sponsors { padding: 0 35px 60px; } #page #intro { font-size: 16px; display: block; padding-left: 130px; } #page #intro > .imgs { margin-bottom: 40px; } #page #intro > .imgs > .logo { order: 2; height: 114px; } #page #intro > .c > .name-w { font-size: 24px; margin-top: -10px; } #page #main-h, #page #goal, #page #bio-w { margin-left: 70px; margin-right: 70px; width: auto; } #page #main-h { font-size: 28px; } #page #goal { font-size: 20px; width: auto; } #page #goal > .t > .raised { font-size: 29px; } #register { font-size: 16px; } #register > h2 { font-size: 28px; } #register > .steps { width: 700px; } #register > .steps > .action > .c { flex: 1; } #register > .steps > .action > .c > .actions { display: block; } #register > .steps > .action > .c > .actions > .action { width: auto; } #register > .steps > .action > .c > .actions > .action:not(:last-child) { margin-bottom: 25px; margin-right: 0; } #register > .steps > .action > .c > .actions > .action > p { max-width: 340px; margin: 26px auto; } #register > .steps > .action > .c > .create-team-info > .fields { display: block; } #register > .steps > .action > .c > .create-team-info > .fields > .field { margin-bottom: 20px; } #sponsorships { font-size: 16px; } #sponsorships .img-prose > .img-w { width: 200px; margin-right: 42px; } #sponsorships .img-prose > .img-w > img { width: 100%; } #sponsorships .img-prose > .prose { width: 425px; } #sponsorships .img-prose > .prose > h2 { font-size: 28px; } #sponsorships .packages { width: 680px; } #sponsorships .packages > h2 { font-size: 28px; margin-bottom: 40px; } #sponsorships .packages > .t-w > .t { font-size: 14px; } #sponsorships .packages > .t-w > .t > * > tr > * { padding: 5px 5px; } #sponsorships .packages > .t-w > .t > tbody > tr > td.yes:after { width: 22px; height: 22px; font-size: 14px; } #fundr { font-size: 16px; } #fundr #tips { width: 600px; } #still-questions > .c { width: 600px; } #faq { font-size: 16px; } #faq > .c { width: 600px; } #runners > .c > #goal { font-size: 20px; width: auto; } #runners > .c > #goal > .t > .raised { font-size: 29px; } } /*mobile*/ @media(max-width:767px) { #banner { height: 185px; } #banner > .caption { top: 50px; } #banner > .logo { width: 100px; height: 100px; bottom: 10px; left: 10px; } #banner > .logo > img { width: 75px; } #evts > .evt { display: block; } #evts > .evt > .l > .img { margin: 40px auto 0; } #evts > .evt > .r { margin: 20px 0 0; width: auto; } #evts > .evt > .r > h3 { font-size: 22px; } #evts > .evt > .r > .btns > .btn-g { height: 40px; font-size: 14px; width: 130px; box-sizing: border-box; padding: 0; } #evts > .evt > .r > .btns > .donate { margin-left: 9px; } #page-icons { display: none; } #evt-info > h2, #evt-info > h3, #evt-info > .steps { padding: 0 20px; } #evt-info { padding-top: 35px; } #evt-info > h2 { font-size: 22px; } #evt-info > h3 { font-size: 18px; border-bottom: solid 1px #e8e8e8; padding-bottom: 32px; } #evt-info > .steps > .step > .h > .num { display: block; } #evt-info > .steps > .step > .h { text-align: center; } #evt-info > .steps > .step > ul { padding-left: 20px; } #evt-info > .btns > .btn-g { margin-bottom: 10px; } #evt-info > .thermo-w > .thermo { width: 228px; height: 220px; } #evt-info > .thermo-w { padding: 60px 0; } #evt-info > .thermo-w > .thermo > .thermo { height: 100%; } #evt-info > .thermo-w > .thermo > .thermo-top { width: 32px; left: 45px; bottom: 63px; min-height: 6px; } #evt-info > .thermo-w > .thermo > .num { font-size: 30px; width: 130px; } #evt-info > .thermo-w > .thermo > .num.achieved { top: 9px; } #evt-info > .thermo-w > .thermo > .num.goal { top: 76px; } #evt-info > .thermo-w > .thermo > .num.percent { top: 152px; } #evt-info > .thermo-w > .t { width: auto; padding: 0 20px; } #evt-info > .thermo-w > .t > h3 { text-align: center; } #evt-info > .thermo-w > .t > ul { padding-left: 20px; } #evt-info > .medals { display: block; padding: 0 0 20px; } #evt-info > .medals > .medal { margin: 0 auto; width: 260px; padding-top: 50px; } #evt-info > .medals > .medal > h3 { width: auto; } #evt-info > .medals > .medal:not(:last-child) { border-bottom: solid 1px #E8E8E8; padding-bottom: 60px; margin-right: auto; } #evt-info > .activities { display: block; padding: 0; } #evt-info > .activities > .col { padding: 30px 35px 40px; width: auto; } #evt-info > .activities > .col > h2 { text-align: center; width: auto; margin-bottom: 20px; } #evt-info > .activities > .col > .list > .i { margin-bottom: 24px; } #evt-info > .activities > .col > .list > .i:last-child { margin-bottom: 0; } #evt-info > .activities > .col:not(:last-child) { border-right: none; border-bottom: solid 1px #A7A7A7; } #evt-info > .sponsors { padding: 0 20px 60px; } #evt-info > .sponsors > .opportunities { width: 274px; padding: 0; } #page #intro { padding: 30px; } #page #intro > .imgs { text-align: center; } #page #intro > .imgs > .logo { height: 88px; margin-bottom: 45px; } #page #intro > .imgs > .img-w-w { margin: 0 auto 20px; height: 100px; width: 100px; } #page #intro > .c { width: 190px; margin: 0 auto; text-align: center; font-size: 14px; } #page #intro > .c > .btns { flex-direction: column; align-items: center; } #page #intro > .c > .btns > .btn-g, #page > #intro > .c > .btns > .share-btn { width: 136px; margin: 6px 0; padding-left: 0; padding-right: 0; height: 40px; } #page #main-h, #page #goal, #page #bio-w { margin-left: 20px; margin-right: 20px; } #page #main-h { font-size: 22px; margin-top: 48px; } #page #goal { margin-top: 48px; font-size: 18px; } #page #goal > .t > .raised { font-size: 26px; } #page #people { display: block; } #page #people > .members { border-left: none; border-top: solid 1px #A7A7A7; } #register > h2 { font-size: 22px; margin: 40px 20px; } #register > .steps { width: auto; margin: 0 20px 60px; } #register > .steps > .step { min-height: 85px; } #register > .steps > .step > .num-line > .num { width: 54px; height: 54px; font-size: 28px; border-width: 3px; } #register > .steps > .step > .num-line > .line { width: 3px; } #register > .steps > .step > .summary { border: none; padding: 0; margin: 10px 0 0 -20px; font-size: 15px; display: flex; align-items: center; } #register > .steps > .step > .summary > i { vertical-align: -2px; } #register > .steps > .step > .summary > i:before { margin: 0; } #register > .steps > .step > .summary > .action { margin-right: 5px; } #register > .steps > .step.active { display: block; position: relative; } #register > .steps > .step.active > .num-line { width: 54px; } #register > .steps > .step.active > .num-line > .num { width: 70px; height: 70px; font-size: 33px; } #register > .steps > .step.active > .num-line > .line { display: none; } #register > .steps > .step.active > .num-line:after { display: none; } #register > .steps > .step.active > .c { margin-top: 20px; } #register > .steps > .step.active > .c > h3 { font-size: 22px; } #register > .steps > .step.active > .c > .first-h { position: absolute; top: 5px; left: 80px; margin: 0; } #register > .steps > .action > .c > .create-team-info > .fields { display: block; } #register > .steps > .action > .c > .create-team-info > .fields > .field { margin-bottom: 20px; } #register > .steps > .action > .c > .join-team-info > .team { max-width: 100%; } #register .race-opts > .race-option { font-size: 15px; } #register .race-opts > .race-option > .r > h4 { font-size: 20px; } #register input:not([type=radio]):not([type=checkbox]), #register select { font-size: 15px; height: 44px; } #register .form-sect > .line { display: block; } #register .form-sect > .line > .field { margin-bottom: 14px; } #register .form-sect > .line > .field > .lbl { font-size: 15px; } #register .form-sect > .line > .field:not(:last-child) { margin-right: 0; } #register .form-sect > .line > .dob-field { width: auto; } #register .form-sect > .line:not(:last-child) { margin-bottom: 0; } #register > .steps > .personal > .c > h3:not(.first-h) { text-align: center; } #register > .steps > .personal .waiver { font-size: 15px; } #register .payment-form { width: auto; } #submit-time { font-size: 16px; } #submit-time > h2 { font-size: 22px; margin: 40px 20px; } #submit-time > .box { width: 300px; padding: 0 20px 20px; } #submit-time > .box > h3 { font-size: 22px; } #submit-time > .box > .time-w > .lbl { display: block; } #submit-time > .box > .time-w > input { margin: 0 0 10px; } #submit-time > .info { width: 300px; margin: 60px auto 60px; } #sponsorships .img-prose { display: block; } #sponsorships .img-prose > .img-w { margin: 0 auto; } #sponsorships .img-prose > .prose { width: auto; padding: 0 20px; margin-top: 40px; } #sponsorships .img-prose > .prose > h2 { font-size: 24px; text-align: center; margin-bottom: 20px; } #sponsorships .packages { width: auto; margin: 0 20px; } #sponsorships .packages > .agree { width: auto; } #sponsorships .packages > h2 { font-size: 24px; } #fundr #prizes > .list { display: block; } #fundr #prizes > .list > .prize { margin-bottom: 50px; } #fundr #prizes > .list > .prize > .img-w { height: auto; } #fundr h2 { font-size: 24px; margin-left: 20px; margin-right: 20px; } #fundr #prizes { padding-bottom: 0; } #fundr #tips { width: auto; margin: 0 20px; padding-top: 40px; } #fundr #tips > .tip { margin-bottom: 50px; } #fundr #tips > .tip > .h { font-size: 22px; } #still-questions { padding: 40px 0; } #still-questions > .c > h2 { margin-left: 20px; margin-right: 20px; } #still-questions > .c { width: auto; } #still-questions > .c > p { margin-left: 20px; margin-right: 20px; } #faq > .c { width: auto; margin: 0 20px; } #runners > .c > #goal { margin-top: 48px; font-size: 14px; } #runners > .c > #goal > .t > .raised { font-size: 18px; margin-right: 10px; } #runners > .c > .tabs, #runners > .c > .tables { margin-left: -20px; margin-right: -20px; } #runners > .c > .tabs > .tab { font-size: 12px; height: 24px; padding: 0 10px; } #runners .tables > .table-w { padding-top: 20px; } #runners .tables > .table-w > table { font-size: 12px; } #runners .tables > .table-w .d-cell { display: none; } #runners .tables > .table-w > table > thead > tr > th { padding: 8px 10px; } #runners .tables > .table-w > table > tbody > tr > td { padding: 8px 10px; } #page .new-email { padding: 0 20px; } #page .new-email > .field-line > .lbl { width: 100px; font-size: 16px; } #page .new-email > .field-line > .c > input, #page .new-email > .field-line > .c > select { font-size: 16px; height: 40px; } #page #screens > .screen > h2 { margin-top: 50px; margin-bottom: 30px; } #page #screens > .screen > .btns > .btn-g { margin-bottom: 8px; } #page #DataTables_Table_0 { width: auto !important; } } /*!mobile*/ @media(min-width:768px) { #page #intro > .imgs { display: flex; align-items: center; } #page #intro > .imgs > .logo { margin-right: 40px; } #runners .tables > .table-w .m-cell { display: none; } } /*laptop-desktop*/ @media(min-width: 1024px) { .sponsors-slider > .list-w { padding: 0 100px; } } /*mobile-tablet*/ @media(max-width:1023px) { .sponsors-slider > .list-w { overflow: auto; } .sponsors-slider > .list-w > .list { display: inline-flex; } .sponsors-slider > .list-w > .list > .sponsor-w { width: 200px; height: 120px; padding: 0 15px; } } #register .participants { } #register .participants .tabs { display: flex; border-bottom: solid 2px #00BCDA; margin: 10px 0 30px; } #register .participants .tabs > .tab { height: 54px; display: flex; align-items: center; justify-content: center; background: #F2F2F2; padding: 0 20px; font-weight: bold; margin-right: 8px; } #register .participants .tabs > .tab > .rm { cursor: pointer; font-size: 14px; margin-right: 8px } #register .participants .tabs > .tab.active { background: #00BBDA; color: white; } #register .participants .tabs > .tab:not(.active) { cursor: pointer; } #register .participants h3 { color: #FF4E00; margin-top: 60px; } #register .participants .donation-w > .line { align-items: flex-end; } #register .participants .donation-w > .line > .info { width: 370px; margin-left: 20px; } #register .participants .donation-line > .lbl { margin-bottom: 10px; } #register .participants > .c > .btns { margin-top: 60px; } #register .participants .err { color: red; margin-top: 10px; } #register .participants .err.mb { margin: 0 0 20px 0; } #register .participants .agree { margin-top: 60px; } #register .participants .agree > a { color: #00BBDC; } #register .participant:not(.active) { display: none; } .dialog > .c { padding: 20px 30px; } #check-chks { background: #f2f2f2; border-radius: 5px; padding: 10px 20px; } #check-chks > label { display: flex; margin: 8px 0; font-size: 14px; } #check-chks > label > input { margin-right: 10px; }