/*
 Theme Name:   radioshows (Divi Child)
 Theme URI:    
 Description:  radioshows based on Divi Theme by Elegant Themes
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* by default, hide the 'edit' menu option */
ul#top-menu li.show-for-my-ip { display:none;  font-weight:bold; }
ul#top-menu li.show-for-my-ip a {color:red!important;}
ul#mobile_menu li.show-for-my-ip { display:none;  font-weight:bold; }
ul#mobile_menu li.show-for-my-ip a {color:red!important;}

/* make anchors bold */
div.entry-content a { font-weight:bold; }

/* generic float-left fixer */
.clearfix { clear:left; }

/* make drop-down menu options have less line height on two-line items */
ul.sub-menu li { line-height:15.5pt!important; }

/* put a bullet next to the event names */
ul.sub-menu li {background-color:#eee; border-bottom:15px solid white;margin:10px 0px; }
}

/* coffee */

/* style the widget button */
div.et_pb_widget_area div#text-2 p:hover { opacity:.65!important; }

/* style the amp schedule button on homepage */
body.home button.view-amp-schedule { font-size:14pt; font-weight:bold; }
body.home a button.view-amp-schedule:hover { opacity:.5; cursor:pointer;}

/* style the hyperlinks in the amp events features box */
div.amp-events-item div.amp-events-event-name  { color:black!important; }
div.amp-events-item div.amp-events-event-name a { color:purple!important; }
div.amp-events-item div.amp-events-event-name a:hover { opacity:.5; }
div.amp-events-item:not(:first-of-type) { padding-top:12px!important; }

/* style the footer text in the amp events feature box */
div.et_pb_text_inner div.amp-events-footer { padding-top:20px; line-height:12pt; }
div.et_pb_text_inner div.amp-events-footer a { text-transform:uppercase; font-size:9pt; color:navy!important; }
div.et_pb_text_inner div.amp-events-footer a:hover { opacity: 0.5; }

div.et_pb_text_inner div.marathon-maker-box { background-color: #d6e2f2; }

div#whats-new div ul li { list-style:none!important; margin-bottom:0.3em;  }
div#whats-new div ul li:before { content: '\2605\0020'};

div#sh-resources div ul li { list-style:none!important; margin-bottom:0.3em;  }
div#sh-resources div ul li a { color:purple!important; font-size:14pt; }
div#sh-resources div ul li a:hover { color:darkgrey!important; }
/*div#sh-resources div ul li:before { content: '\2605\0020'};*/


/* separate items in the footer */
div.footer-thing { float:left; padding-right:50px; }
@media screen and (max-width:780px) { 
    div#footer-info {  text-align:center;}
    div.footer-thing {  width:100%;display:inline-block; padding-right:0px; text-align:center; }    
    div.footer-thing.smaller { font-size:80%; }
}

.amp-shows-list.full-size { display:block; }   /* default to full size */
.amp-shows-list.compact-size { display:none; } /* default to hide compact size */

table#amp-shows-full-size { border-collapse: collapse; border-spacing:0; border-color:#bbb; } 

/* for AMP schedule */
caption a#zone-link { color:red; }
caption { text-align:center; font-weight:bold; font-size:12pt; background:#c1e3c2; color:black; line-height:14pt; padding-top:10px;}
caption .selector { padding:10px 0px 10px 0px; }
@media screen and (max-width:780px) { 
    caption .selector { padding-bottom:20px!important;}
    caption { line-height:12px!important;}
}


table#amp-shows-full-size tbody tr td { color:#333; font-size:12pt; padding:7px 15px;}
table#amp-shows-full-size tbody tr td.creator { vertical-align:middle; padding-right:21px; border-left:none; font-size:12pt;min-width:110px;}
table#amp-shows-full-size tbody tr td.avatar  { border-right:none; width:60px; text-align:right; padding:0px!important; display:table-cell;}
table#amp-shows-full-size tbody tr td.avatar img.avatar-image { 
    width:55px!important; 
    height:auto!important; 
    max-width:unset; 
    vertical-align: middle;
    border:2px dashed transparent;
    border-color:royalblue;
    border-radius:50%;
}
/*table#amp-shows-full-size tbody tr td.date  { width:100px; overflow-x:hidden;}*/


/*table tbody tr * { border-bottom:1px solid #eee;}*/
/*table tbody tr.bg-0 { background-color:linen; }*/
table#amp-shows-full-size tbody tr.bg-0 { background-color:linen; }
table#amp-shows-full-size tbody tr.bg-1 { background-color:#d1dfff; }
table#amp-shows-full-size tbody tr.bg-head { background-color:#fa9846; }
table#amp-shows-full-size tbody tr th { color:black; }
table#amp-shows-full-size tbody th { font-size:11pt; }

table#amp-shows-full-size tr td.creator { font-weight:bold; }

table#amp-shows-full-size tr .action { display:none; }
table#amp-shows-full-size tr td.action  { vertical-align:middle; text-align:center;  }

table#amp-shows-full-size tr td.action svg { vertical-align:middle; }

table#amp-shows-full-size tr td.action  svg.fa-trash { font-size:17pt; color:red; opacity:.5;}
table#amp-shows-full-size tr td.action  svg.fa-trash:hover { opacity:1; cursor:pointer;}

table#amp-shows-full-size tr td.action  svg.fa-th-list { font-size:25pt; color:red; opacity:.5; padding-left:10px;}
table#amp-shows-full-size tr td.action  svg.fa-th-list:hover { opacity:1; cursor:pointer;}

table#amp-shows-full-size tr td.platform { max-width: 60px; font-size:10pt; line-height:12pt; padding:0px 5px; }
table#amp-shows-full-size tr td.platform a.platform-link img:hover { opacity:.5; }

table#amp-shows-full-size tr td.title { max-width:250px; font-size:12pt; line-height:15pt; padding:5px; }
table#amp-shows-full-size tr td.desc { font-size:9pt; line-height:13pt; max-width:90px!important; padding:5px;}
table#amp-shows-full-size tr td.cats { font-size:10pt; line-height:12pt; max-width:65px!important; padding:5px;}
table#amp-shows-full-size tr td.genres { font-size:10pt; line-height:12pt; max-width:105px!important; padding:5px; }

table#amp-shows-full-size tr.no-results  { text-align:center; text-transform:uppercase; margin-top:-30px;}
table#amp-shows-full-size tr.no-results.suggest  h3 { color:#444;  text-transform:none; font-size:12pt!important;}

/* for marker columns (computer) */
td.marker,th.marker { width:8px; padding:0px!important; margin:0px!important; border-right-color:transparent!Important;}
td.marker div { width:8px; padding:0px!important; margin:0px!important; }
td.marker.today.marked { background-color: blue; } 
td.marker.soon.marked.coming { background-color:darkseagreen; }   
td.marker.soon.marked.now { background-color:gold; }   

/* for marker border (phone) */
div.marked-today { border-left: 5px solid blue; }  
div.marked-soon { border-left: 5px solid gold; }   

/* for AMP schedule for phone */
div#amp-shows-compact-size .caption { text-align:center; font-weight:bold; font-size:8pt; background:#c1e3c2; color:black;}
div#amp-shows-compact-size .compact-wrapper   { width:100%; display:inline-block; padding:8px 0px; }
div#amp-shows-compact-size .compact-wrapper.bg-0 { background-color:linen!important; }
div#amp-shows-compact-size .compact-wrapper.bg-1 { background-color:#d1dfff!important; }
div#amp-shows-compact-size .compact-row {  padding:2px 5px;  line-height:14pt;}

div#amp-shows-compact-size .compact-row.date-time { width:100%;   display:inline-block;}
div#amp-shows-compact-size .compact-row.date-time div.date     { padding-left:5px; width:40%; float:left;  text-align:left;  font-size:12pt; }
div#amp-shows-compact-size .compact-row.date-time div.platform { padding-left:5px; width:15%; float:left;  text-align:center;  font-size:12pt; }
div#amp-shows-compact-size .compact-row.date-time div.time     { padding-left:5px; width:40%; float:right; text-align:right; font-size:12pt; }

/* debug   
div#amp-shows-compact-size .compact-row.avatar-creator-wrapper { border:1px solid red; }
div#amp-shows-compact-size .compact-row.avatar-creator { border:1px solid blue; }
div#amp-shows-compact-size .compact-row.avatar-creator  div.avatar { border:1px solid orange; }
div#amp-shows-compact-size .compact-row.avatar-creator  div.creator { border:1px solid green; }
div#amp-shows-compact-size .heart { border:1px solid pink; }
div#amp-shows-compact-size .hearts { border:1px solid black; }
  debug */



div#amp-shows-compact-size .compact-row.avatar-creator-wrapper { text-align:center; margin:8px 0px; padding:10px  0px 0px 0px;}
div#amp-shows-compact-size .compact-row.avatar-creator { display:inline-block;}
/*div#amp-shows-compact-size .compact-row.avatar-creator div { height:50px; }*/
div#amp-shows-compact-size .compact-row.avatar-creator  div.avatar { width:60px; float:left; text-align:middle; } 
div#amp-shows-compact-size .compact-row.avatar-creator  div.creator {font-weight:bold;  float:left;  font-size:11pt; padding-top:0px; padding-left:4px; } 

/* if there is a coin icon, then ensure display is wide enough */
div.creator.wider { min-width:150px; }
div.creator.wider div.creator-for-filter { text-align:left; }

div#amp-shows-compact-size .heart {padding-top:3px; padding-left:0px;}
div#amp-shows-compact-size .hearts { height:unset; }
div#amp-shows-compact-size .bg-0 .compact-row.avatar-creator-wrapper { background-color:rgba(248,248,248,.8);  }
div#amp-shows-compact-size .bg-1 .compact-row.avatar-creator-wrapper { background-color:rgba(209,233,255,.8);  }
div#amp-shows-compact-size .compact-row.avatar-creator div.avatar img { 
    width:50px!important; 
    height:50px!important; 
    max-width:unset; 
    vertical-align: middle;
    border:2px dashed transparent;
    border-color:royalblue;
    border-radius:50%;
}

div#amp-shows-compact-size .compact-row.title { font-weight:bold;  text-align:center; }
div#amp-shows-compact-size .compact-row.dingbats { display:block; line-height:0px;}
div#amp-shows-compact-size .compact-row.desc  { font-style:italic; text-align:center; padding-left:10px; padding-right:10px; }
div#amp-shows-compact-size .compact-row.cats-genres-wrapper { display:block;  }
div#amp-shows-compact-size .compact-row.cats-genres {  display: flex; justify-content: center;} 
div#amp-shows-compact-size .compact-row.cats-genres span.cats   { font-weight:bold; font-size:8pt; }
div#amp-shows-compact-size .compact-row.cats-genres span.genres { font-weight:bold; font-size:8pt; }

div#amp-shows-compact-size .calendar-buttons-wrapper { display:block; }
div#amp-shows-compact-size .calendar-buttons { padding-top:5px; margin:0 auto; display:table; }
div#amp-shows-compact-size .calendar-button { display:inline-block; float:left; margin-right:20px; }
div#amp-shows-compact-size .calendar-button img { float:left; }
div#amp-shows-compact-size .calendar-button span.calendar-label { font-size:10pt; line-height:24px; }


img.schedule-platform-logo.phase1 { border:3px dotted red!important; }
img.schedule-platform-logo.phase2 { border:3px dashed navy!important; }
img.schedule-platform-logo.phase3 { border:3px dotted purple!important; }


/*
div#amp-shows-compact-size .compact-wrapper {
    background-position:center;
    background-size:150px;
    background-repeat:no-repeat;
}
*/

div#amp-shows-full-size img.schedule-platform-logo { width:40px; height:auto; max-width:unset; border:3px solid transparent; }
div#amp-shows-compact-size img.schedule-platform-logo { width:40px; height:auto; max-width:unset; border:3px solid transparent;}
@media screen and (max-width: 960px) {
    div#amp-shows-compact-size img.schedule-platform-logo { width:40px; height:auto; max-width:unset;}
}
@media screen and (max-width: 414px) {
    div#amp-shows-compact-size img.schedule-platform-logo { width:40px!important; height:auto; max-width:unset;}
}

img.add-to-google { width:24px; height: auto; opacity:.75; float:left; display:inline-block;}
img.add-to-google:hover { opacity:1; cursor:pointer;}

img.add-to-ical { width:24px; height: auto; opacity:.75; float:left; display:inline-block;}
img.add-to-ical:hover { opacity:1; cursor:pointer;}

div.heart { display: inline-block; float:left; } 
div.heart:before {
/*    font-family: FontAwesome;*/
    margin-top:-7px;
    font-size:18pt;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    color:grey;
}
/*div.heart.heart-off:before { content: "\f08a"; color:grey;}*/
div.heart.heart-off:before { content: "\002665"; color:grey;}
/*div.heart.heart-on:before  { content: "\f004"; color:red;}*/
div.heart.heart-on:before  { content: "\002665"; color:red;}
div.heart:after { content: attr(heart-after); }

div.bell { display: inline-block; margin-left:15px; } 
div.bell:before {
    font-family: FontAwesome;
    font-size:14pt;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    color:grey;
}
div.bell.bell-off:before { content: "\f0a2"; color:grey;}
div.bell.bell-on:before  { content: "\f0f3"; color:darkorange;}
div.bell.bell-none:before { content: "\f0a2"; color:goldenrod;opacity:.3; }
div.bell.bell-error:before { content: "\f071"; color:goldenrod;opacity:1; }
div.bell:after { content: attr(bell-after); }
div.bell.bell-off:hover  { cursor:pointer;}
div.bell.bell-on:hover   { cursor:pointer; }
div.bell.bell-none:hover { cursor:not-allowed; }
div.bell.bell-off:hover:before { content: "\f0f3"; color:darkorange;}
div.bell.bell-on:hover:before  { content: "\f1f6"; color:grey;}

/* the $ icon as a coin */
i.fa.fa-usd { 
    border:1px solid goldenrod; 
    border-radius:50% 50%; 
    width:     14pt; 
    font-size: 11pt;
    padding:   1px;
    background-color:gold; 
    text-align: center;
    color: lightslategray;
    border-width: 1px;
    vertical-align: middle;
    box-shadow: 1px 2px 2px goldenrod;
}
i.fa.fa-usd:hover { 
    color:peru; 
    cursor:pointer; 
    box-shadow:0px 0px 3px peru; 
}

div.coin { display: inline-block; margin-left:14px; } 


/*body.mobile img.add-to-google {float:left; display:inline-block;}
body.mobile img.add-to-ical {float:left; display:inline-block;}
*/

div#amp-shows-compact-size .calendar-buttons-heading-container { line-height:10pt; margin:0px -5px 0px -5px; }
div#amp-shows-compact-size .bg-0 .calendar-buttons-heading-container { background-color:rgba(248,248,248,.8);  }
div#amp-shows-compact-size .bg-1 .calendar-buttons-heading-container { background-color:rgba(209,233,255,.8);  }
div#amp-shows-compact-size .calendar-buttons-heading { font-size:7pt; font-weight:normal; text-transform:uppercase; color:black;   text-align:center;}

/* for the amp creators page */
.creators-container { display:table;     margin:0 auto;}
.creators-container .creator-wrapper {  min-width:200px; text-align:center; padding:0px!important; margin:20px 0px;  float:left; }
.creators-container .creator-wrapper .creator-avatar img.avatar-image { 
    width:90px!important; 
    height:auto!important; 
    max-width:unset; 
    vertical-align: middle;
    border:2px dashed transparent;
    border-color:royalblue;
    border-radius:50%;
    opacity: .75;
}
.creators-container .creator-wrapper .creator-avatar img.avatar-image:hover { opacity: 1; }  
.creators-container .creator-wrapper .creator-link { font-size:14pt; font-weight:bold; }
/*.creators-container .creator-wrapper .creator-link:hover { opacity:.65; }*/

.creators-error { display:block; text-align:center; font-weight:bold; }

.creators-disclaimer { display:block; width:100%; text-align:center; font-size:10pt; padding:20px 0px 15px 0px; }

@media screen and (max-width:414px) {
    .creators-container .creator-wrapper { min-width:100%;text-align:center; padding:0px!important; margin:10px 0px;  float:left; }
    .creators-container .creator-wrapper .creator-avatar img.avatar-image {  width:50px!important; }

}

/* make the compact data a little larger for medium sized screens */
@media screen and (min-width:768px) { 
    div#amp-shows-compact-size .compact-row.creator-date-time div.creator {font-size:12pt;}
    div#amp-shows-compact-size .compact-row.creator-date-time div.date { font-size: 12pt; }
    div#amp-shows-compact-size .compact-row.creator-date-time div.time { font-size: 12pt; }
    div#amp-shows-compact-size .compact-row.title { font-size:14pt; }
    div#amp-shows-compact-size .compact-row.cats-genres span {font-size:11pt!important; }
}

/* handle screen size toggle for list display */
@media screen and (max-width:1280px) {
    .amp-shows-list.full-size { display:none; }   /* hide the full size */
    .amp-shows-list.compact-size { display:block; } /* show the compact size */
}

/* dingbat */
.dingbat { padding-left:10px; vertical-align:bottom; }
.dingbat.larger { font-size:120%; }
.dingbat:hover { cursor:help; }

/* creator handle link */
td.creator .creator-for-filter:hover { cursor:zoom-in; }
td.avatar .avatar-image:hover { cursor:zoom-in; }
td.creator .heart { cursor: pointer; }


/* creator tools page */
body.page-slug-amp-creator-tools div.hover-and-click:hover { border-color:coral; background:linen; }

/* blog style tweaking */
body.single .post-content-container a { font-weight:bold; }
body.single .post-content-container blockquote {   
    color:#555;
    text-align:center; 
    font-family:"Roboto Condensed",sans-serif; 
    font-weight:500; 
    font-size:150%; 
    padding:20px 50px;  
    border-top:1px solid #999; 
    border-bottom:1px solid #999; 
    border-left:none; 
    border-right:none; 
}
#recent-posts-2 h4,#text-2 h4 { text-transform:uppercase; font-size:11pt; font-weight:bold;}
@media screen and (min-width:960px) {
    #recent-posts-2 ul li a[aria-current=page] { font-weight:bold; color:#E02B20; }
}

span.blog-count { text-transform:uppercase; font-size:11pt; font-weight:bold; color:navy!important; } 

@media screen and (max-width:414px) {
    body.single .post-content-container blockquote {  
        padding: 10px 20px;

    }
}

/*body.single-post .et_pb_text_0_tb_body h1 { 
    font-size: 150%; 
    font-family:'Poppins', Helvetica, Arial, Lucida, sans-serif;
}*/

/* equipment on homepage */
.call-out-button { padding:5px 0px; }
.call-out-button a button.larger { font-size:14pt!important; }

/* the info circle on latest-features (blog) */
span.info-circle { background-color:blue; border-radius:50%;}
span.info-circle:hover { background-color:white; }
i.fa-info.blue-white { color:white; width:18px; height:20px;font-size:10pt; }
i.fa-info.blue-white:hover { color:blue; }


body.author article { 
    border: 5px solid black!important;
    padding: 19px;
    background-color: #fff;
    word-wrap: break-word;
    border-radius: 10px 10px 10px 10px;
    overflow:hidden;
}
body.author article .post-meta span.published { font-size:80%; }


/* the line break between different days */
table tr.date-break td { border-top:5px solid #999; }
div.date-break { border-top:6px solid #999; }

/* testimonial */
div.bne-custom-css p { font-size:16pt; color:black; width:100%; font-weight:400;  margin-bottom:0px; }
/*div.bne-custom-css p { font-family:"Neucha","Arial", sans-serif; }*/
div.bne-custom-css p { font-family:"Kalam", sans-serif; line-height:16pt;}
div.bne-custom-css .testimonial-content { padding:10px; padding-left:20px; border-radius:15px; }
div.bne-custom-css span.testimonial-name { font-family:"Poppin", sans-serif;  }
@media screen and (max-width:414px) {
    div.bne-custom-css p { font-size:13pt; }
    div.bne-custom-css div.testimonial-single { margin-bottom:0px; }
}

/* author sidebar */
body.author .et_pb_widget_area_left {border-left: 2px solid #bbb!important; padding-left:10px; border-right:none!important; }

/* tweak logo size based on width of screen */
/*@media screen and (max-width:1352px) {*/
    .et_header_style_left #logo { max-height:45%!important; }
/*}*/
/*
@media screen and (max-width:1210px) {
    .et_header_style_left #logo { max-width:35%!important; }
}
*/
/* mobile logo */
@media screen and (max-width:414px) { 
    .et_header_style_left #logo { max-width:75%!important; }
}

/* social media links for authors (users) */
#social-links-list-wrapper { display: inline-block; }
#social-links-list-wrapper ul { float:right; }
#social-links-list-wrapper ul li { float:left; list-style:none; padding-right:20px; font-weight:bold; }
#social-links-list-wrapper ul li a:hover { color: #E02B20; }

/* Recent Posts widget */
div.widget_recent_entries h4 { font-weight:bold; font-family:"Poppin", sans-serif; }
div.widget_recent_entries ul li a:hover { color: #E02B20; }

/* misc blog */
span.author.vcard  a:hover { color: #E02B20; }
body.single p a:hover { color:#E02B20; }

/* blog sidebar */
body.single .et_pb_widget_area_left,
body.page-slug-blog .et_pb_widget_area_left { border:none!important; } /* -right:0px solid transparent!important; border-left: 1px solid #c8c8c8;padding-left: 20px;} */

/* blog comments */
.et_pb_comments_module { 
    border: 5px solid black!important;
    padding: 19px;
    word-wrap: break-word;
    border-radius: 10px 10px 10px 10px;
    overflow:hidden;
}

/* comment count */
span.comment-count-spacer { display:none; }
span.comment-count-text  { font-size: 8pt; color:#555; padding-left:15px; }

/* publish date */
span.published { font-size:10pt; color:black; font-weight:normal; }

/* for comment form */
.et_pb_comments_0_tb_body #commentform label[for=wp-comment-cookies-consent] {font-size: 10pt!important; line-height:12pt;}
.et_pb_comments_0_tb_body #commentform p.comment-notes { font-size: 10pt!important; line-height:12pt; }

/* show remover page */
body.page-slug-amp-show-remover div#show-remover-form-wrapper { display:inline-block; width:100%; padding-top:20px;
}
body.page-slug-amp-show-remover div.remover-form-field {  float:left; padding-left:20px; vertical-align:middle;}
body.page-slug-amp-show-remover div.remover-form-field input { font-size:14pt; height:28px; margin-left:10px; padding:2px 3px; vertical-align:middle;}
body.page-slug-amp-show-remover div.remover-form-button button { font-size:14pt; height:28px; margin-left:10px; padding:0px 3px; vertical-align:middle;}
@media screen and (max-width:960px) { 
    body.page-slug-amp-show-remover div.remover-form-field { width:100%; float:none; margin-bottom:10px; } 
    body.page-slug-amp-show-remover div.remover-form-button { width:100%; float:none; } 
}

/* amp schedule subtitle */
div.amp-schedule-subtitle { font-size:25pt; color:#8388f0; font-weight:bold; padding-top:20px; font-style:italic;}
div.amp-schedule-subtitle .featuring { font-style:normal; font-weight:normal; }
div.amp-schedule-subtitle-link { font-style:normal; font-weight:normal; color:black; font-size:10pt;padding-top:10px;}
div.amp-schedule-subtitle-creator-hotlink { margin-top:10px; color:#8388f0;}
div.amp-schedule-subtitle-creator-hotlink:hover { text-decoration:underline; }
@media screen and (max-width:568px) {
    div.amp-schedule-subtitle { font-size:16pt; }
}

/* amp creators subtitle */
div.amp-creators-subtitle { font-size:25pt; color:#8388f0; font-weight:bold; padding-top:20px; font-style:italic;}
div.amp-creators-subtitle .featuring { font-style:normal; font-weight:normal; }
div.amp-creators-subtitle-link { font-style:normal; font-weight:normal; color:black; font-size:10pt;padding-top:10px; }
@media screen and (max-width:568px) {
    div.amp-creators-subtitle { font-size:16pt; }
}

div.dingbat-bits { min-width:104px!Important; padding-top:10px;}

/* bits for the boolean dingbat */
div.dingbat-bit { 
    display:table-cell; 
    width:13px; height:15px; 
    line-height:10pt; 
    float:left; 
    border-right:1px solid white; border-top:1px solid white; border-bottom:1px solid white;
    font-size:7pt; color:honeydew; text-align:center; font-weight:bold; 
}
div.dingbat-bit:first-of-type { border-left:1px solid white; }
div.dingbat-bit.bit-0 { background: darkslateblue; }
div.dingbat-bit.bit-1 { background: coral; }
div.dingbat-bit.bit-popup { background:red; }
div.dingbat-bit.bit-marathon { background:darkgreen; }
div.dingbats { display:table; margin:0 auto; }

/* creator link helper */
.amp-creator-link-helper { padding-top:20px; line-height:20pt; font-size:15pt!important;}
.amp-creator-link-helper a { font-weight:bold; }
.amp-creator-link-helper a:hover { color:#fa9846; }

/* selector */
div#selector-container { border:1px solid transparent; display:inline-block; min-height:34px; }
div#selector-container select { float:left; }
div.selector { float:left; }
div.selector-sort-type { float:left; }

/* selector buttons */
div.selector select { height:30px!important; }

/* .selector-sort-type */
.selector-sort-type { padding:9px; }
.selector-sort-type i {  padding:5px; width:30px; height:30px; text-align:center; vertical-align:middle; }
@media screen and (max-width:768px) {
    .selector-sort-type { padding:2px 0px 2px 0px; padding-left; margin-left:10px;}
    .selector-sort-type i { padding:9px; height:28px; width:28px;  }

}
/* i.fa fa-sort-alpha-asc sort-alpha  */
/* i.fa fa-heart          sort-hearts */
.selector-sort-type i  { background-color:white; color:#8388f0;  }
.selector-sort-type i.active   { background-color:#8388f0;  color:white; }
.selector-sort-type i:hover { color:black; cursor:pointer;}
.selector-sort-type i.active:hover { color:white; cursor:default; }

.selector select { display:none; }
.selector select.active { display:block!important; }

/* for creator feedback form */
form.creator-to-creator-feedback-form h3 { font-weight:bold; }

form.creator-to-creator-feedback-form legend { display:contents!important; }

form.creator-to-creator-feedback-form div.gfield--type-select,
form.creator-to-creator-feedback-form div.gfield--type-text,
form.creator-to-creator-feedback-form div.gfield--input-type-likert,
form.creator-to-creator-feedback-form fieldset.gfield
 { 
    border:1px solid grey; 
    border-radius:11px;
    padding:15px; 
    background-color:cornsilk;
 }

form.creator-to-creator-feedback-form input[type=submit] { font-size:18pt;}

a.big-button.bigpurple { color:black!important; }


/* for marathon list page */
#marathon-list-box-wrapper { display:inline-block;height:auto;}

.marathon-list-box-container { 
    width:220px; 
    padding:10px; 
    margin-right:10px; 
    margin-bottom:10px; 
    float:left; 
    border:2px solid #333; 
    border-radius:4%; 
    height:250px; 
    overflow-y:hidden;
    background-color: #d8d8d8;
}

.marathon-list-box-container.coming-soon { background-color: beige!important; }
.marathon-list-box-container .marathon-list-box.smaller-text { font-size:11pt; }

.marathon-list-box-container .marathon-list-box.shrinkable { display:flow; vertical-align:middle; }

.marathon-list-box                    { text-align:center;  line-height:21pt; font-weight:bold;}
.marathon-list-box.date_range         { font-size:18pt;font-weight:bold; line-height:30pt;}
.marathon-list-box.name               { font-size:16pt; }
.marathon-list-box.desc               {  }
.marathon-list-box.type               { 
    background-color:rgba(255,255,255,.3); 
    font-size:10pt; 
    height:20px;
    color:black; 
    font-family:sans-serif; 
    text-transform:uppercase; 
    margin-left:-10px; 
    margin-right:-10px; 
    margin-top:5px; 
    line-height:9pt; 
    padding-top:5px; 
    overflow-x:hidden;
}
.marathon-list-box.organizer_name     {  }
.marathon-list-box.organizer_contact  {  }
.marathon-list-box.need_more_creators {  }
.marathon-list-box.public_contact     {  }
.marathon-list-box.image_url          {  }
.marathon-list-box.image_url.inactive { opacity:.3; }
.marathon-list-box.link               { font-size:12pt; text-transform:uppercase; line-height:20pt; padding-top:4px; }
.marathon-list-box.link a:hover       { opacity:.5; }
.marathon-list-box.link fa            { font-size:16pt;  }
.marathon-list-box.image_url          { font-size:12pt; text-transform:uppercase; line-height:20pt; padding-top:4px;}
.marathon-list-box.image_url a:hover  { opacity:.5; }
.marathon-list-box.image_url fa       { font-size:16pt;  }
.marathon-list-box.reach-out          { font-size:11pt; line-height:14pt; font-style:italic; padding-top:20px; }
.marathon-list-box.reach-out a:hover  { text-decoration: underline; }
.marathon-list-box.signup             { font-size:12pt; text-transform:uppercase; line-height:20pt; padding-top:4px; /* display:none; */}
.marathon-list-box.desc.two-lines     { line-height:22px;}

.marathon-list-box-container.cta {
    overflow: hidden;
    border-width: 3px;
    border-color: #000000;
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    background-image: linear-gradient(240deg,#8388ef 20%,#ff89b4 50%,#f2cf65 80%)!important;
}
.marathon-list-box-container.cta .marathon-list-box { color:black; font-weight:bold; font-size:18pt; }
.marathon-list-box-container.cta .marathon-list-box .fa { padding-top:15px; font-size:32pt; color:black; }
.marathon-list-box-container.cta .marathon-list-box a .fa:hover { color:darkgreen; }


@media screen and (max-width:414px) {
    .marathon-list-box-container { width:100%; }
}

/* support creator */

body.page-slug-support-creators .et_pb_accordion blockquote { margin-top:0px; margin-bottom:14px; border-color:#8387ef; }
body.page-slug-support-creators .et_pb_accordion blockquote p { font-family:'Poppins', Sans-serif; }
body.page-slug-support-creators .et_pb_accordion ul li { margin-left:18px; line-height:25px; margin-bottom:6px; margin-right:10px;}
body.page-slug-support-creators .et_pb_accordion ul { margin-top:-8px; }

@media screen and (max-width:500px) {
    body.page-slug-support-creators .et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title { font-size:11pt; line-height:13pt; }
    body.page-slug-support-creators .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title { font-size:15pt; line-height:18pt; }
    body.page-slug-support-creators .et_pb_accordion .et_pb_toggle_content { line-height:17pt; }
    body.page-slug-support-creators h2 { font-size:22pt; }
}
/* hide BMAC on support page */
body.page-slug-support-creators #bmc-wbtn,
body.page-slug-support-creators #coffee-count { display:none!important; } 

div.creator-support-box { border:1px solid black; border-radius:18px; width:140px; margin-right:10px; margin-bottom:10px; padding:10px; float:left; font-size:14pt; line-height:16pt; text-align:center; }
div.creator-support-box .creator-support-name { font-weight:bold;}
div.creator-support-box .creator-support-avatar { padding-bottom:1px; padding-top:1px; }
div.creator-support-box button { width:120px; border-radius: 18px; margin-top:10px; opacity:.6; background-color:goldenrod; font-weight:bold; font-size:8.5pt; height:20px;} 
div.creator-support-box a button { color:black; }
div.creator-support-box button:hover { opacity: 1; cursor:pointer;} 
div.creator-support-box img { height:100px; width:100px; }

@media screen and (max-width:414px) { 
    div#support-button-row.et_pb_row { padding-left:6px!important; padding-right:5px!important;  }
    div.creator-support-box div { padding:0px; margin:0px; }
    div.creator-support-box { width:110px!important; margin-right:5px; margin-left:2px; padding:5px;padding-bottom:8px;}
    div.creator-support-box img { height:70px; width:70px; }
    div.creator-support-box button { width:95px; text-transform:uppercase; }
}

/* marathon creator show directory  */
.creator-stationhead-container { border:1px solid transparent; }

/* highlight those with bios */
.creator-stationhead-container.has-bio div.creator-stationhead-row { background-color:azure; }

.creator-stationhead-row { 
    border:2px solid #999; 
    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;
}
.creator-stationhead-row.advertisement.ad-1 { background-color:darkseagreen; }
.creator-stationhead-row.advertisement.ad-2 { background-color:wheat; }

.creator-stationhead-row div { float:left; display:inline-block; margin-left:5px; }
.creator-stationhead-row .creator-avatar { width:75px; height:75px; display:block; margin-left:0px;} 
.creator-stationhead-row .creator-avatar img { height:75px; width:75px; }
.creator-stationhead-row .creator-text-container {   padding-top:7px;border:1px solid transparent; width:90%; }
.creator-stationhead-row .creator-text-container.no-link {   padding-top:22px;}
.creator-stationhead-row .creator-text { padding-right:10px; border:1px solid transparent; }
.creator-stationhead-row .creator-name { font-size:16pt; width:270px; }
.creator-stationhead-row .creator-name.sh { font-size:16pt; width:unset;}
.creator-stationhead-row .advertisement { font-size:16pt; font-weight:bold;width:unset; font-family:monospace;}
.creator-stationhead-row .advertisement div.arrow-button {
    border: 2px solid #444;
    width: 25px;
    height: 25px;
    border-radius: 50% 50%;
    float: right;
    display: inline-block;
    padding-left: 3px;
    line-height: 20px;
    font-size: 16pt;
    background-color:goldenrod;
    margin-top:2px;
}

.new-stripe {height:100%;display:inline-block;float:right;}
.new-stripe.img { height:100%; }
@media screen and (max-width:1187px) {
    .new-stripe { display:none!important; }
}

.creator-stationhead-row .advertisement a div.arrow-button:hover { background-color:salmon; }
.creator-stationhead-row .advertisement a div.mobile-button { display:none; }
@media screen and (max-width:1231px) {
    .creator-stationhead-row .advertisement a div.arrow-button { display:none; }
    .creator-stationhead-row .advertisement a div.mobile-button { clear:left;float:none;display:inline-block; font-family:sans-serif;}
}

.creator-stationhead-row .creator-link-container {   border:1px solid transparent; width:90%; }
.creator-stationhead-row .creator-link-container.no-link { display:none; }
.creator-stationhead-row .creator-link {  font-size:12pt; }
.creator-stationhead-row .creator-clone { padding-left:10px; }
.creator-stationhead-row .creator-clone i { color:navy; opacity:.5; padding-top:5px;}
.creator-stationhead-row .creator-clone i:hover { opacity:1; cursor:pointer; }
.creator-stationhead-row span.clone-title { font-size:9pt; }
img.platform-logo { width:30px; height:30px; float:left; }
img.platform-arrows { height:35px; width:auto; float:left; margin:0px 10px 0px 10px; }
div.arrows.desktop { display:block; }
div.arrows.mobile { display:none; }

div.creator-stationhead-row div.no-float { float:none; display:block; }

div.creator-stationhead-bio-container { margin-top:5px; clear:left!important;}
div.creator-stationhead-bio-bio {   font-size:11pt; }
div.creator-stationhead-bio-real-name { font-style:normal; }
div.creator-stationhead-bio-link-url { font-size:11pt; }
div.creator-stationhead-bio-link-url a:hover  { opacity:.5;   }

div.creator-stationhead-bio-link i.fa { display:inline; }
div.creator-stationhead-bio-link i.fa-usd { display:inline-block; }

div.creator-stationhead-bio-link.other-link { float:left; padding-left:20px; }

div.creator-stationhead-bio-link.coin-link { float:left; padding-left:20px; margin-top:-3px;}
div.creator-stationhead-bio-link.coin-link span { padding-left:2px; vertical-align:middle; }

@media screen and (max-width:960px) {
        .creator-stationhead-row .creator-name {  font-size: 10pt!important;   width:200px!important }
}

@media screen and (max-width:500px) {
    .creator-stationhead-row { border-bottom-left-radius: 0px; border-top-left-radius: 67px;}
    .creator-stationhead-row .creator-avatar { width:120px; height:120px; display:block; margin-left:0px;} 
    .creator-stationhead-row .creator-avatar img { height:120px; width:120px; }
    .creator-stationhead-row .creator-text-container {   padding-top:5px;  width:100%;}
    .creator-stationhead-row .creator-name { font-weight:bold; font-size: 11pt!important;   }
    .creator-stationhead-row .creator-link-container {   padding-top:5px; }
    .creator-stationhead-row .creator-link { font-size: 10pt!important; width:100%; line-height:18px;}
    .creator-stationhead-row .creator-name.smaller { font-size: 12pt!important; }
    .creator-stationhead-row .creator-count { width:100%; font-size:15pt;}
    .creator-stationhead-row span.clone-title { font-size:12pt; }
    .creator-stationhead-row i.fa-fa-clone { font-size:12pt; }
    .creator-stationhead-row .creator-link a span.link-breaker:after { content: '\A';white-space: pre;} /* break link into two lines */
    img.platform-logo { width:20px; height:20px; float:left; margin-top:5px;}
    img.platform-arrows { height:35px; width:auto; float:left; margin:0px 10px 0px 10px; }
    div.arrows.desktop { display:none; }
    div.arrows.mobile { display:inline-block; clear:left; float:none; font-size:10pt; margin:0px; padding:0px;line-height:12pt;}
    .stationhead-cta p { font-size:10pt; line-height:11pt; }
    div.creator-stationhead-bio-bio { line-height:13pt;  padding-right:12px; }
    span.creator-stationhead-bio-link-url a { width:100%; clear:left; }

    div.creator-stationhead-bio-link.stationhead-link { padding-left:0px; } /* width:99%} */
    div.creator-stationhead-bio-link.other-link { padding-left:0px; } /* width:99%;} */
    div.creator-stationhead-bio-link.coin-link { padding-left:0px; } /* width:95%; } */


}

/* alphabet menu for directory */
#alpha-menu-wrapper { clear:both; display:flex; margin:25px 0px; }
#alpha-menu-container { margin:0 auto; }
#alpha-menu-container .alpha-menu-letter { border:1px solid purple; margin:2px 0px;padding:0px 5px; display:block; text-align:center; font-size:14pt; line-height:18pt; float:left; width:26px!important; height:26px!important; font-family:'arial', sans-serif;}
#alpha-menu-container .alpha-menu-letter:hover { background-color:purple; color:white; cursor:pointer; }
#alpha-menu-container .alpha-menu-letter.hot-index { background-color:purple; color:white; }

.creator-stationhead-index-marker { margin-top:15px; } /* add some whitespace between letter groupings */

#goToTopButton {
    display: none;
    position: fixed;
    bottom: 50px;
    left: 20px;
    padding: 10px 20px;
    background-color: purple; /* Change the background color as desired */
    font-weight:bold;
    font-size:16pt;
    color: #fff; /* Change the text color as desired */
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
@media screen and (max-width:500px) { #goToTopButton { bottom:20px; } }

#goToTopButton:hover {
    background-color: darkgrey; /* Change the background color on hover as desired */
}

/* Stationhead Board */
body.page-slug-stationhead-board .hop-button-container  { display:block; width:100%; text-align:center; }
body.page-slug-stationhead-board .hop-button-container  .et_pb_text_inner { display:inline-block; }
body.page-slug-stationhead-board .hop-button-container .hop-button { font-size:14pt; float:left; margin-right:20px; display:inline-block; }
body.page-slug-stationhead-board .hop-button-container .hop-button:hover { opacity:.5; cursor:pointer; }
@media screen and (max-width:500px) {
    body.page-slug-stationhead-board .hop-button-container .hop-button { width:100%; margin-bottom:10px; }
}

/* gravityview  for the feedback system */
#gv-view-1104-1 .gvrsl-listing-title p { font-size:110%; }
#gv-view-1104-1 .gvrsl-listing-title { font-size:130%; }
#gv-view-1104-1 .gvrsl-section-head .gv-field-label { font-weight:bold; text-transform:uppercase; font-size:140%; padding-top:20px;}
#gv-view-1104-1 .gv-field-label { font-weight:bold; font-size:110%; border-bottom:none!important;}
#gv-view-1104-1 .gv-list-view { border-radius: 12px; padding:10px; background-color:palegoldenrod; }
#gv-view-1104-1 .gvrsl-field { border: 1px solid grey; background-color: wheat; padding: 10px; border-radius: 12px; margin-bottom: 20px; }

/* gravity form for Stationhead tips, tricks, etc. */
body.page-slug-stationhead-board div.gv-list-view { background-color: floralwhite; }

.tips-tricks-form-your-name {}
.tips-tricks-form-title {}
.tips-tricks-form-text {}

/* gravity view for Stationhead tips, tricks, etc. */
.tips-tricks-display-date { font-size:10pt; display:inline-block; }
.tips-tricks-display-date:after { content: '\00A0 by\00A0'; }
.tips-tricks-display-your-name { font-size:10pt; font-weight:bold;  display:inline-block; }
.tips-tricks-display-title { font-size: 14pt; font-weight:bold; font-family: "Arial","sans-serif"; }
.tips-tricks-display-text { padding:0px 20px 0px 20px; font-size:14pt; line-height:19pt; }
div[id^=gv-view-2370] .gv-container-no-results { display:none; }  /* hide the 'no results' message */

/* gravity view for Stationhead wish list */
.wish-list-display-date { font-size:10pt; display:inline-block; }
.wish-list-display-date:after { content: '\00A0 by\00A0'; }
.wish-list-display-your-name { font-size:10pt; font-weight:bold;  display:inline-block; }
.wish-list-display-title-brief { font-size: 14pt; font-weight:bold; font-family: "Arial","sans-serif"; }
.wish-list-display-title-detailed { padding:0px 20px 0px 20px; font-size:14pt; line-height:19pt; }
div[id^=gv-view-2438] .gv-container-no-results { display:none; }  /* hide the 'no results' message */

/* "return" button for blog posts */
.blog-return svg:hover { cursor:pointer!important; opacity:.5;}