/* general */ .et_pb_accordion_item.hide-accordion { display:none; } .clearfix {clear:both;} h5.et_pb_toggle_title { font-size:15pt; font-weight:bold; } .et_pb_accordion .et_pb_toggle_title:before { color:black!important; font-size:17pt; } .et_pb_toggle_open h5.et_pb_toggle_title { font-size:18pt; font-weight:bold; } div.horizontal-line { border-bottom:1px solid lightgrey; margin-bottom:10px; } .meridian-1 { display:none; } @media screen and (max-width:1300px) and (min-width:960px) { .logo_container a img { width:287px; height: 41px; } } span.copy { font-size:9pt; font-weight:normal; } span.copy.copied { color:darkgreen; font-weight:bold } div#marathon-maker-for-organizers h5.instructions { font-size:11pt; line-height:13pt; font-weight:bold; font-family:helvetica,sans-serif;} div#marathon-maker-mast h2 span.smaller { font-size:75%; } div#marathon-maker-mast h2 span.start-end-dates { font-size:75%; } div#marathon-maker-mast h2 span.creator-signup-link { font-size: 12pt; } div#marathon-maker-for-organizers .et_pb_accordion_0 { /*width:320px;*/ } /* date form */ div#marathon-date-form {} div.marathon-date-container { border:1px solid #cccccc; padding:5px 10px; height:100px; width:280px; text-align:center;margin-bottom:5px; } div.marathon-date-container.submit {height:40px; } div.marathon-date-container input[type=submit] { font-size:12.0pt; max-width:265px;} div.marathon-date-container input { border:3px solid blue;} /*div.marathon-date-container.start {}*/ /*div.marathon-date-container.end {}*/ select.marathon-date-start {} select.marathon-date-end {} input#marathon-date-submit:hover { cursor: pointer; } div.marathon-date-dow { text-align:center; } @media screen and (max-width:568px) { div.marathon-date-container { width:172px; } div#marathon-date-form select {font-size:10pt;} input#marathon-date-submit { font-size:7.0pt; } } /* time slot boxes */ div.marathon-timeslot-box { /*width:285px;*/ padding:5px; margin:3px; float:left; display:inline-block; border:1px solid black; } div.marathon-timeslot-hour { font-size:9.5pt; font-family:sans-serif;margin:1px; padding:2px 4px; float:left; border:1px solid goldenrod; } div.marathon-timeslot-hour.on { color:white; background:black; } div.marathon-timeslot-hour.off { color:black; background:transparent; } div.marathon-timeslot-hour:hover { cursor:pointer ; background:#777; } input#marathon-timeslot-submit { border:3px solid green; font-size:13pt; max-width:265px;} input#marathon-timeslot-submit:hover { cursor: pointer; } @media screen and (max-width:568px) { div.marathon-timeslot-box h3 {font-size:14pt;} input#marathon-timeslot-submit { font-size:7.0pt; } } /* SPECIFICALLY FOR PHONES */ @media screen and (max-width:414px) { .et_pb_toggle_open h5.et_pb_toggle_title { font-size:16pt; } div.marathon-date-container { width:200px; } #marathon-maker-for-creators .et_pb_module, #marathon-maker-for-organizers .et_pb_module, #marathon-maker-for-creators #marathon-maker-description .et_pb_module, #marathon-maker-for-organizers #marathon-maker-description .et_pb_module, { margin-left:-20px!important;margin-right:-20px!important; padding-left:15px; padding-right:15px; } #marathon-maker-for-creators .et_pb_text_inner .content { padding:5px 15px; } #marathon-maker-mast h2 { line-height:20px; } #marathon-maker-mast h2 span.creator-signup-link { line-height:18px; font-size:10pt!important;} } @media screen and (max-width:767px) { #marathon-maker-for-organizers h5.et_pb_toggle_title { font-size:12pt!important; display:flex; } #marathon-maker-for-organizers .fancy-option-container { width:188px!important; margin: 0px 0px 0px -12px; padding-top:0px; } #marathon-maker-for-organizers .fancy-option-container .brief { font-size: 11pt!important; } #marathon-maker-for-organizers .fancy-option-container .longer { font-size: 9pt!important; } } /* signup boxes */ div#marathon-timeslot-boxes-container {} @media screen and (max-width:414px) { div#marathon-timeslot-boxes-container h6 { line-height:18px; } } div.marathon-signup-box { /* width:285px; */ border:1px solid black; padding:5px; margin:10px 10px 3px 0px; float:left; background:snow; } div.marathon-signup-line { border:1px solid gray; padding:1px 4px; margin: 1px 4px; width:98%; display:inline-block; font-size:10pt; background-color:linen; padding-top:7px;} div.marathon-signup-line.midnight { border-top:5px solid black; } div.marathon-signup-line.locked-line { background-color:lavender; } div.marathon-signup-item { float:left; } div.marathon-signup-item.hour {width: 45px; font-weight:bold;} div.marathon-signup-item.creator {padding-left:5px; width: 120px;} input.timeslot-box-amp-name { width:130px; text-align:center; } #marathon-timeslot-boxes-title .wrapper { background-color:black; margin-bottom:10px; padding-top:7px;} #marathon-timeslot-boxes-title .wrapper h3 {color:white; height:25px; font-size:14pt; text-transform:uppercase; padding-left:10px; font-weight:bold;} /* the color to indicate yesterday when adjusting for timezones */ div.marathon-signup-line.yesterday { background-color:gold; } div.marathon-signup-item.action { display:none; } div.marathon-signup-item.action.active { display:block; } div.marathon-signup-item.action.invisible { visibility:hidden; } div.marathon-signup-item.creator { display:none; } div.marathon-signup-item.creator.active { display:block; } div.marathon-signup-item.creator.as-name { width:136px; font-weight:bold; } div.marathon-signup-item.creator.as-name.active.verified::after { font-family:"Fontawesome"; font-size:8pt; } div.marathon-signup-item.creator.as-name.active.verified.verified-0::after { content: "\00a0 \f244"; color:red; } /* red empty battery */ div.marathon-signup-item.creator.as-name.active.verified.verified-1::after { content: "\00a0 \f243"; color:salmon; } /* maroon 1/4 battery */ div.marathon-signup-item.creator.as-name.active.verified.verified-2::after { content: "\00a0 \f242"; color:maroon; } /* maroon 1/2 battery */ div.marathon-signup-item.creator.as-name.active.verified.verified-3::after { content: "\00a0 \f241"; color:maroon; } /* maroon 3/4 battery */ div.marathon-signup-item.creator.as-name.active.verified.verified-4::after { content: "\00a0 \f240"; color:darkcyan; } /* cyan full battery */ div#marathon-maker-for-creators div.marathon-signup-item.verified::after { display:none!important; } /* don't show the battery for creators */ span.battery-icon i.fa-battery-0 { color: red; } span.battery-icon i.fa-battery-1 { color: salmon; } span.battery-icon i.fa-battery-2 { color: maroon; } span.battery-icon i.fa-battery-3 { color: maroon; } span.battery-icon i.fa-battery-4 { color: darkcyan; } div.marathon-signup-item.lock {display:none; padding-left:10px; width: 20px;} div.marathon-signup-item.lock.unlocked {color:green;} div.marathon-signup-item.lock.locked {color:red;} div.marathon-signup-item.lock.active {display:block; } div.marathon-signup-item.lock i:hover { color:orange; cursor:pointer;} div.marathon-signup-item.lock.locked.active.neuter i:hover { cursor:default; color:red; } div.marathon-signup-item.signee { display:none; } div.marathon-signup-item.signee.active { display:block; } div.marathon-signup-item.signee.add { color:blue; } div.marathon-signup-item.signee.subtract { color:salmon; } div.marathon-signup-item.signee i:hover { color:orange; cursor:pointer;} div.marathon-signup-buttons { display:inline-block; } #marathon-maker-for-organizers div.marathon-signup-item.creator.as-name:hover { cursor:pointer; } span.click-for-bio { text-transform: uppercase; color: #8d0000; font-size:8pt; margin-left:20px;} @media screen and (max-width:568px) { div.marathon-signup-item.creator.as-name { width:100px; } input.timeslot-box-amp-name { width:90%; } div.marathon-signup-item.hour {width: 100%; float:none; text-align:center; font-size:12pt; font-weight:bold;} div.marathon-signup-item.creator {padding:0px; width: 100%!important; text-align:center;} div.marathon-signup-buttons { width:100%; padding-left:32%; } div.marathon-signup-item.action { display:none; padding:0px; } div.marathon-signup-item.lock { display:none; padding:0px;} div.marathon-signup-item.signee { display:none; padding:0px;} div.marathon-signup-item.active { display:block; } div.marathon-signup-item.active { padding-left:10px; } div.marathon-signup-buttons div.marathon-signup-item i{ font-size:15pt!important; } } /* creator bio (for organizer only) */ div.marathon-signup-creator-bio { width:227px!Important; } div.marathon-signup-creator-bio.hidden {display:none;} div#marathon-maker-for-creators div.marathon-signup-creator-bio { display:none!important; } /* never show on creator screen */ div.creator-bio-container {width:227px!important; display:block; margin-left:6px; margin-right:6px; border:3px solid navy;} div.creator-bio-line { line-height:1.5em; } div.creator-bio-line span { display:inline-block; border-bottom:1px solid #ddd;} div.creator-bio-line span.icon { width:15%; padding:5px!important; text-align:center;} div.creator-bio-line.smaller span.info { font-size:9pt!important; } div.creator-bio-line.smallest span.info { font-size:8pt!important; } div.creator-bio-line span.info { width: 84%; padding:5px!Important; text-align:left; font-size:11pt;} div.creator-bio-line i.fa { font-size:20px; color:navy;} div.creator-bio-line span.close-bio { text-align:center; background:navy; color:white; width:100%; opacity:.5;} div.creator-bio-line span.close-bio:hover { opacity: 1; cursor:pointer;} @media screen and (max-width:414px) { div.marathon-signup-buttons { width:100%; padding-left:5%; } } /* hide the locks on the creator-facing page */ div#marathon-maker-for-creators div.marathon-signup-item.lock { visibility: hidden; } div#marathon-maker-for-creators div.marathon-signup-item.action { visibility: hidden; } /* hide the signee buttons on the organizer-facing page */ div#marathon-maker-for-organizers div.marathon-signup-item.signee { visibility: hidden; } div.marathon-signup-item i { font-size:12pt; vertical-align:middle; } @media screen and (max-width:768px) { div.marathon-signup-box { float:none; } } /* creator signup */ div#marathon-signup-form { margin-top:20px; } div#marathon-creator-signup-form.displayed { border-top:1px solid grey;} /* signup page/form */ input[id^=amp-name-] { font-family:monospace; font-size:9pt; } div#marathon-signup-page-container {} div.marathon-signup-item.action { } div.marathon-signup-item.action.save { padding-left:20px; } div.marathon-signup-item.action.delete { color:darkmagenta; } div.marathon-signup-item.action.save i { color:navy; } div.marathon-signup-item.action i:hover { color:orange; cursor:pointer;} /* creator form */ div#marathon-creator-form { border:3px solid navy; margin:0 auto; max-width:320px; display:block; text-align:center; padding:5px; } div#marathon-creator-form div.creator-form-field input[type=text] { width:90%; font-size:12pt; padding:2px 5px; text-align:center;} div#marathon-creator-form div.creator-form-label { border-top: 1px solid goldenrod; padding-top: 8px; } div#marathon-creator-form div.creator-form-label, div#marathon-creator-form div.creator-form-field { width:100%; text-align:center; display:inline-block; } div#marathon-creator-form div.creator-form-label { margin-top:10px; line-height:13px; font-weight:bold; font-size:11pt;} div#marathon-creator-form div.creator-form-label small { font-size:9pt; font-weight:normal!important; margin-top:0px; padding-top:0px; } div#marathon-creator-form div.creator-form-field input[type=submit] { width:90%; font-size:12pt; padding:2px 5px; } div#marathon-creator-form div.creator-form-field input[type=submit]:hover { cursor:pointer; opacity:.5; } div#marathon-creator-form div.creator-form-field #creator-submit { background: khaki; } div#marathon-creator-form div.creator-form-field #creator-submit.disabled:hover { cursor: default; } div#marathon-creator-form div.creator-form-sub-label { color:red;font-size:9pt; font-weight:bold; line-height:11pt; padding-top:3px; } /* description and instructions (creator page) */ .marathon-maker-description-and-instructions { border:1px solid black; padding-bottom:10px; background-color:snow;} .marathon-maker-description-and-instructions div.content {line-height:13pt; font-size:11pt; padding:5px 30px; text-align:left; } .marathon-maker-description-and-instructions .wrapper { background-color:black; margin-bottom:10px;} .marathon-maker-description-and-instructions h3 {color:white; height:20px; font-size:14pt; text-transform:uppercase;} @media screen and (max-width:586px) { .marathon-maker-description-and-instructions h3 { height:16px; font-size:11pt; } } #marathon-maker-description {} #marathon-maker-instructions {} @media screen and (max-width:414px) { #marathon-maker-description-and-instructions { margin-right:10px;margin-left:10px; } } /* stay go buttons */ div.stay-or-go-message { font-size:12pt; text-align:center; } div.stay-or-go-buttons { display:flow-root; margin-bottom:8px;} div.stay-or-go { width:48%; padding:5px 10px; float:left; text-align:center; border:1px solid black; font-size:12pt; font-weight:bold; } div.stay-or-go:hover { cursor:pointer; opacity:.6; } div.stay-or-go.stay { background-color:darkseagreen; } div.stay-or-go.go { background-color:indianred; } /* temporary div */ div#temporary { display:none!important; } /* timer */ span#creator-timer { border: 1px solid black; padding: 3px 5px; font-weight: bold; font-family: monospace; color:white; background:black; min-width:100px;} span#creator-timer.done { background: red; border: 1px solid white;} @media screen and (max-width:414px) { span#creator-timer { border: 0px solid transparent; padding: 1px 2px; } } /* numbers for the three main steps and icons for the extras, too */ span.step, span.extra { font-size:15pt; font-weight: bold; margin-right: 10px; border: 1px solid black; border-radius: 50%; display: -webkit-inline-box; width: 30px; color: white; padding: 4px 8px; height: 30px; } .et_pb_toggle_open span.step { padding-top:1px; } span.step-1 { background-color:orange; } span.step-2 { background-color:blue; } span.step-3 { background-color:green; } /*span.step.faq { font-size:11pt; padding: 0px 6px; width:20px; height:20px; line-height:16px; margin-right:2px; }*/ /* make all extra accordions the same color icon */ span[class^=extra] { background-color:navy; } .action-for-extra i { display:none; float:left; padding-left:10px; font-size:20pt; vertical-align:middle; } .action-for-extra i:hover { font-weight:normal; cursor:pointer; } .action-for-extra i.edit:hover { color: goldenrod; cursor:pointer;} .action-for-extra i.save:hover { color: darkgreen; cursor:pointer;} .action-for-extra i.cancel:hover { color: red; } .action-for-extra i.active { display: block; } .show-an-extra { border:1px solid darkgrey;padding:10px;background-color:snow;float:left; display:none; width:90%; } .show-an-extra[input-type='number'] { width:10%; } .show-an-extra[input-type='text'] { width:90%; } .edit-an-extra { float:left; display:none; } .show-an-extra.active { display:block; } .edit-an-extra.active { display:block; } div.extra-area textarea { width:310px; height:200px; } div.extra-area input[type=number] { height:30px; font-size:14pt; } div.extra-area input[type=text] { height:30px; font-size:12pt; width:500px;} #lock-warning-content, #your-time-has-expired, .golden-box { background-color: gold; text-align:center; font-weight:bold; border:3px solid navy; padding:10px; } .golden-box { margin-top:15px; } .golden-box a { color:red; } .golden-box a:hover { color:salmon; } /* organizer step help */ .organizer-instructions-step-1 {} .organizer-instructions-step-2 {} .organizer-instructions-step-3 {} /* instruction show/hide */ .hide-show-instructions { padding: 10px 0px; } .instructions-wrapper { display:block; } .instructions-wrapper.hide-instruction { display:none; } /* icons used in instructions */ i.fa.instructions {} i.fa.fa-sign-in.instructions { color:navy; } i.fa.fa-unlock.instructions { color:green; } i.fa.fa-lock.instructions { color:red; } i.fa.fa-trash.instructions { color:darkmagenta; } i.fa.fa-plus-circle.instructions { color: blue; } i.fa.fa-minus-circle.instructions { color:salmon; } /* icons used for the extra accordions */ i.fa.extra-icon { font-size:15pt; vertical-align: initial; ;margin-left:-2px;} i.fa.fa-envelope.extra-icon { font-size:13pt; } i.fa.fa-question.extra-icon { padding-left:2px; } i.fa.fa-table.extra-icon { font-size:13pt; padding-top:3px; } span.extra.extra-coffee { background-color:#ff823f; } /* make coffee icon orange */ i.fa.fa-coffee.extra-icon { font-size:12pt; margin-left:-2px; padding-top:2px; color:palegoldenrod; } /* for coffee */ div#buy-me-a-coffee {display:inline-block; } div#buy-me-a-coffee .coffee-left { width:48%; float:left; } div#buy-me-a-coffee .coffee-right { width: 48%; float:left; padding:10px 15px 10px 25px; font-size:13pt; font-weight:bold; vertical-align:middle; display:inline-block; } div#buy-me-a-coffee a img:hover { opacity:.65; } @media screen and (max-width:1199px) { div#buy-me-a-coffee .coffee-left { width:30%; } div#buy-me-a-coffee .coffee-right { width:69%; padding:5px 15px 10px 15px; font-size:13pt;} } @media screen and (max-width:959px) { div#buy-me-a-coffee .coffee-left { width:100%; } div#buy-me-a-coffee .coffee-right { width:100%; padding:5px; font-size:13pt;} } span.yesterday-color-example { border:1px solid black; background-color:gold; padding:0px 3px; } .yesterday-color-note { font-size: 10pt; margin:4px 0px;} /* organizer FAQ */ div.organizer-faq {} div.organizer-faq div.set { margin-bottom:15px;} div.organizer-faq div { font-size:12pt; } div.organizer-faq div.question { font-weight:bold; } div.organizer-faq div.answer {font-weight:normal;} /* organizer contact */ .organizer-contact { padding-top:20px; } /* roster options */ div#organizer-rosters {} div.organizer-rosters-button { float:left; margin:5px; } div.organizer-rosters-button:hover { cursor:pointer; opacity:.75; } div#organizer-rosters-results { margin:15px; } /* creator FAQ */ div.creator-faq {} div.creator-faq div.set { margin-bottom:15px;} div.creator-faq div { font-size:12pt; } div.creator-faq div.question { font-weight:bold; } div.creator-faq div.answer {font-weight:normal;} /* creator contact */ #creator-contact { padding-top:20px; } /* equipment page */ .et_pb_row.product-spacer-row { margin-bottom:-30px!important; } div.buy-on-amazon-wrapper { padding-top:10px; } a.buy-on-amazon:hover { cursor:pointer; opacity: .5; } a.buy-on-amazon button:hover { cursor:pointer; } @media screen and (max-width:767px) { .et_pb_row.product-spacer-row { margin-bottom:0px!important; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} } /* gravity forms */ #gform_submit_button_3, #gform_submit_button_4 { font-size:14pt; } /* meta data area */ #marathon-meta-container { display:none; } #marathon-meta-container { border:2px solid red; padding:8px; max-width:500px; } /* roster table */ body.page-slug-marathon-maker-roster #marathon-maker-mast { margin-bottom:0px; } #roster-table {width:98%; border:1px solid transparent; display:table; font-size:12pt; margin-top:30px;} #roster-table .row { height:20px; line-height:14pt;clear:left;} #roster-table .row.heading { } #roster-table .column { float:left; border:1px solid transparent; padding:2px 4px; border:1px solid grey; margin:2px; overflow:hidden; background:white;} #roster-table .column.amp_name { width:28%; } #roster-table .column.amp_name.empty{ background-color:wheat; } #roster-table .column.slot { width:16%; text-align:right; } #roster-table .row.heading .column { font-weight:bold; background:black; color:white; text-align:center;} #roster-table .row.data { width:85% display:table-cell;} #roster-table .row.data.passed { opacity:.3; } #roster-table .row.data.date .column { background:black; color:white; font-weight:bold;} #roster-table .column.amp_name i.fa-lock { color:#F80000; padding-left:10px; font-size:9pt; } #roster-table .column.slot[tick^='1'] { background-color:aquamarine; } #roster-table .column.slot[tick^='2'] { background-color:orange; } #roster-table .column.slot[tick^='3'] { background-color:gold; } #roster-table .column.slot[tick^='4'] { background-color:darkturquoise; } #roster-table .column.slot[tick^='5'] { background-color:burlywood; } #roster-table .column.slot[tick^='6'] { background-color:pink; } #roster-table .column.slot[tick^='7'] { background-color:powderblue; } #roster-table .column.slot .meridian-1 { display:none; } #roster-table .dow { font-size:8pt; border:1px solid black; padding:1px 3px; background-color:snow; margin-right:5px; } @media screen and (max-width:500px) { #roster-table .dow { display:none!important; } } /* the day legend on the marathon rosters */ #marathon-maker-roster-legend span.legend { margin-right:10px; margin-left:10px; padding:2px 5px; border:1px solid darkgrey; } #marathon-maker-roster-legend span.legend[tick^='1'] { background-color:aquamarine;} #marathon-maker-roster-legend span.legend[tick^='2'] { background-color:orange;} #marathon-maker-roster-legend span.legend[tick^='3'] { background-color:gold;} #marathon-maker-roster-legend span.legend[tick^='4'] { background-color:darkturquoise; } #marathon-maker-roster-legend span.legend[tick^='5'] { background-color:burlywood;} #marathon-maker-roster-legend span.legend[tick^='6'] { background-color:pink;} #marathon-maker-roster-legend span.legend[tick^='7'] { background-color:powderblue; } /* add more if we need to manage marathons greater than 4 days! */ #marathon-maker-roster-legend { display: block; text-align:center; } /* indicates that no avatar was found */ #roster-table .column.amp_name.no-avatar { background:yellow; text-transform:uppercase; font-weight:bold; } @media screen and (max-width:568px) { #roster-table { width:100%; } #roster-table .column { font-size:8pt; } #roster-table .column.amp_name { width:30%; text-align:left; } #roster-table .column.amp_name.locked { border:1px solid darksalmon; } #roster-table .column.amp_name.unlocked { border:1px solid darkgreen; } #roster-table .column.slot { width:15%; text-align:center;} #roster-table .column.slot.AM { border-color:blue;} #roster-table .column.slot.PM { border-color:red;} #roster-table .column.slot .zero-minutes { display:none; } #roster-table .column.slot .meridian-2 { display:none; } #roster-table .column.slot .meridian-1 { display:inline; } #roster-table .column.amp_name i.fa.fa-lock { display:none;} #marathon-maker-roster-legend span.legend, #marathon-maker-roster-legend span.legend-title { width:99%; display:inline-block!important; text-align:center; clear:left; margin-bottom:5px;} } div.contact-organizer { text-align:center; } /* creator slots roster page */ div.creator-marathon-slot-roster-container { margin-top:20px; border-top:1px solid #aaa; padding-top:20px; padding-bottom:20px; } div.marathon-creator-avatar-image { width:100; display:block;margin:0 auto; text-align:center; } div.marathon-creator-avatar-image img { width:130px; height:auto; border:2px dashed blueviolet; border-radius:50%; } /* marathon creator show directory */ .creator-show-container { border:1px solid transparent; } .creator-show-row { border:3px solid #444; display:inline-block; width:100%; clear:left; border-top-left-radius: 45px; border-top-right-radius: 0px; border-bottom-left-radius: 45px; border-bottom-right-radius: 0px; } p.slot-lock-message { text-align:center; } .creator-show-row div { float:left; display:inline-block; margin-left:5px; } .creator-show-row .creator-avatar { width:75px; height:75px; display:block; margin-left:0px;} .creator-show-row .creator-avatar img { height:75px; width:75px; } .creator-show-row .creator-text-container { padding-top:20px;border:1px solid transparent; } .creator-show-row .creator-text { padding-left:10px; border:1px solid transparent; } .creator-show-row .creator-name { font-size:20pt; width:270px; } .creator-show-row .creator-count { font-size:16pt; width:110px; } .creator-show-row .creator-link{} .creator-show-row .creator-clone { padding-left:10px; } .creator-show-row .creator-clone i { color:navy; opacity:.5} .creator-show-row .creator-clone i:hover { opacity:1; cursor:pointer; } .creator-show-row span.clone-title { font-size:9pt;} @media screen and (max-width:500px) { p.slot-lock-message { font-size:11pt; line-height:15pt; } .creator-show-row .creator-text-container { padding-top:5px; } .creator-show-row { border-bottom-left-radius: 0px; border-top-left-radius: 67px;} .creator-show-row .creator-avatar { width:120px; height:120px; display:block; margin-left:0px;} .creator-show-row .creator-avatar img { height:120px; width:120px; } .creator-show-row .creator-name { font-weight:bold; font-size: 15pt!important; width:100%; } .creator-show-row .creator-link { font-size: 10pt!important; width:100%; line-height:18px;} .creator-show-row .creator-name { width:100%; font-size: 16pt; } .creator-show-row .creator-name.smaller { font-size: 12pt!important; } .creator-show-row .creator-count { width:100%; font-size:15pt;} .creator-show-row span.clone-title { font-size:12pt; } .creator-show-row i.fa-fa-clone { font-size:12pt; } .creator-show-row .creator-link a span.link-breaker:after { content: '\A';white-space: pre;} /* break link into two lines */ } /* resources page */ button.sign-up-now-button:hover { cursor:pointer; opacity:.5; font-weight:bold; } .marathon-count-stripe div { text-align: center; vertical-align:middle; background-color: #070c59; color:white; padding: 10px!important; font-size: 18pt; margin-top: 0px; } @media screen and (max-width:768px) { .marathon-count-stripe div { font-size:14pt!important; } } /* all options */ div.fancy-option-container { border:1px solid grey; width:250px; margin-right:10px; padding:10px 20px; float:left; height:145px;} div.fancy-option-container { border:1px solid grey; width:250px; margin-right:10px; padding:10px 20px; float:left; height:145px;} div.fancy-option-container p { padding:10px 0px 0px 0px; line-height:21px; } div.fancy-option-container .brief { font-size: 13pt; font-weight:bold; margin-bottom:5px;} div.fancy-option-container .longer { font-size: 10pt; line-height:12pt; margin-top:5px;} /* option: button */ div.fancy-option-container.button .brief { font-size: 15pt; font-weight:bold; margin-bottom:15px;} div.fancy-option-container.button .longer { font-size: 10pt; line-height:12pt; margin-top:15px; } div.fancy-option-container.button .option-button { margin-top:15px; } div.fancy-option-container.button .option-button button:hover { background-color:navy; color:white; cursor:pointer;} /* option: fancy switch */ div.fancy-option-container input { display:none; } input[type=checkbox][id=advertise]{ height: 0; width: 0; visibility: hidden; } label[for=advertise] { cursor: pointer; text-indent: -9999px; width: 62px; height: 34px; background: lightgrey; display: block; border-radius: 100px; position: relative; } label[for=advertise]:after { content: ''; position: absolute; top: 1px; left: 4px; width: 32px; height: 32px; background: #fff; border-radius: 90px; transition: 0.3s; } input[id=advertise]:checked + label { background: navy; } input[id=advertise]:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); } label[id=advertise]:active:after { width: 130px; } /* Gravity Forms */ .gform_body { font-family:Arial, Helvetica sans-serif!important; font-size:14pt!important; } div.gfield { border:1px solid #555; padding:25px 20px; margin-bottom:20px; border-radius: 5px 5px; box-shadow:3px 3px 3px ;} fieldset.gfield { border:1px solid #555!important; padding:25px 20px!important; margin-bottom:20px; border-radius: 5px 5px; box-shadow:3px 3px 3px ;} div.gfield.gsection,div.gfield.gfield_html_formatted { border:none!important;box-shadow:none!important;} div.gfield.gsection h2 { font-size:20pt!important;margin-top:50px!important; color:black!important;} label.gfield_label { padding-top:20px;} .gform_footer input[type=submit] { font-size:20pt!important;font-family:Arial, Helvetica sans-serif!important; } #gform_5 div.validation_error {font-size:20pt!important;font-family:Arial, Helvetica sans-serif!important; color:red; } li.gfield.gf_hide {visibility:hidden; height:0px!important; padding:0px!important; margin:0px!important;} /* li.name-fields span.name_first, li.name-fields span.name_last { max-width:160px!important;} */