/* core dom styles */
:root {
  --stolace-white: #fcfced;
  --stolace-yellow: #ffc22e;
}

/*----------------------------------------------*/
/* ############ background patterns ########### */

header.random-1 {  background: url('/images/header-background-bw-1.jpg') no-repeat;}
header.random-2 {  background: url('/images/header-background-bw-2.jpg') no-repeat;}
header.random-3 {  background: url('/images/header-background-bw-3.jpg') no-repeat;}
header.random-4 {  background: url('/images/header-background-bw-4.jpg') no-repeat;}
header.random-5 {  background: url('/images/header-background-bw-5.jpg') no-repeat;}
header.random-6 {  background: url('/images/header-background-bw-6.jpg') no-repeat;}
header.random-7 {  background: url('/images/header-background-bw-7.jpg') no-repeat;}
header.random-8 {  background: url('/images/header-background-bw-8.jpg') no-repeat;}
header.random-9 {  background: url('/images/header-background-bw-9.jpg') no-repeat;}
header.random-10 {  background: url('/images/header-background-bw-10.jpg') no-repeat;}
header.random-11 {  background: url('/images/header-background-bw-11.jpg') no-repeat;}
header.random-12 {  background: url('/images/header-background-bw-12.jpg') no-repeat;}
header.random-13 {  background: url('/images/header-background-bw-13.jpg') no-repeat;}
header.random-14 {  background: url('/images/header-background-bw-14.jpg') no-repeat;}
header.random-15 {  background: url('/images/header-background-bw-15.jpg') no-repeat;}

.colorbars-01 { background: url('/images/background-colorbars-01.jpg')  }
.colorbars-02 { background: url('/images/background-colorbars-02.jpg')  }
.colorbars-03 { background: url('/images/background-colorbars-03.jpg')  }
.colorbars-04 { background: url('/images/background-colorbars-04.jpg')  }
.colorbars-05 { background: url('/images/background-colorbars-05.jpg')  }
.colorbars-06 { background: url('/images/background-colorbars-06.jpg')  }
.colorbars-07 { background: url('/images/background-colorbars-07.jpg')  }
.colorbars-08 { background: url('/images/background-colorbars-08.jpg')  }
.colorbars-09 { background: url('/images/background-colorbars-09.jpg')  }
.colorbars-10 { background: url('/images/background-colorbars-10.jpg')  }
.colorbars-11 { background: url('/images/background-colorbars-11.jpg')  }
.colorbars-12 { background: url('/images/background-colorbars-12.jpg')  }
.colorbars-13 { background: url('/images/background-colorbars-13.jpg')  }
.colorbars-14 { background: url('/images/background-colorbars-14.jpg')  }
.colorbars-15 { background: url('/images/background-colorbars-15.jpg')  }
.colorbars-16 { background: url('/images/background-colorbars-16.jpg')  }
.colorbars-17 { background: url('/images/background-colorbars-17.jpg')  }
.colorbars-18 { background: url('/images/background-colorbars-18.jpg')  }
.colorbars-19 { background: url('/images/background-colorbars-19.jpg')  }
.colorbars-20 { background: url('/images/background-colorbars-20.jpg')  }
.colorbars-21 { background: url('/images/background-colorbars-21.jpg')  }
.colorbars-22 { background: url('/images/background-colorbars-22.jpg')  }
.colorbars-23 { background: url('/images/background-colorbars-23.jpg')  }
.colorbars-24 { background: url('/images/background-colorbars-24.jpg')  }
.colorbars-25 { background: url('/images/background-colorbars-25.jpg')  }
.colorbars-26 { background: url('/images/background-colorbars-26.jpg')  }
.colorbars-27 { background: url('/images/background-colorbars-27.jpg')  }
.colorbars-28 { background: url('/images/background-colorbars-28.jpg')  }
.colorbars-29 { background: url('/images/background-colorbars-29.jpg')  }
.colorbars-30 { background: url('/images/background-colorbars-30.jpg')  }
.colorbars-31 { background: url('/images/background-colorbars-31.jpg')  }
.colorbars-32 { background: url('/images/background-colorbars-32.jpg')  }
.colorbars-33 { background: url('/images/background-colorbars-33.jpg')  }
.colorbars-34 { background: url('/images/background-colorbars-34.jpg')  }
.colorbars-35 { background: url('/images/background-colorbars-35.jpg')  }
.colorbars-36 { background: url('/images/background-colorbars-36.jpg')  }
.colorbars-37 { background: url('/images/background-colorbars-37.jpg')  }
.colorbars-38 { background: url('/images/background-colorbars-38.jpg')  }
.colorbars-39 { background: url('/images/background-colorbars-39.jpg')  }
.colorbars-40 { background: url('/images/background-colorbars-40.jpg')  }
.colorbars {
  background-repeat: no-repeat;
  background-size: cover;
}

.main-music { background: url('/images/main-music.png') no-repeat;}
.main-ambient-discourses { background: url('/images/main-ambient-discourses.png') no-repeat;}
.main-relay-station { background: url('/images/main-relay-station.png') no-repeat;}
.main-about { background: url('/images/main-about.png') no-repeat;}
.main-support { background: url('/images/main-support.png') no-repeat;}
.main-meditations { background: url('/images/main-meditations.png') repeat-x;}
.main-spaces {background: url('/images/main-spaces.png') repeat-x;}
.main-album-promo-box { background: url('/images/main-album-promo.png') repeat-x; }
.main-album-promo-ready { background: url('/images/main-album-promo-ready.png') repeat-x; }

.atmos-header { background: url('/images/header-atmos-fade.png') repeat-x;}
.spaces-prelude-header { background: url('/images/article-background-spaces-prelude.jpg') no-repeat #383636;  background-size: cover;}
.canyouhearme-header { background: url('/images/article-background-can-you-hear-me.jpg') no-repeat #444; background-size: cover; }
.banner-lines-blue-1 { background: url('/images/banner-background-lines-blue-1.jpg') no-repeat; background-size: cover; color: #fcfced;}
.question-box { background:url('/images/questions-background.png') no-repeat #d5d5d5; background-size:contain;  color: #111;}
.orange-to-blue-background { background: url('/images/header-orange-to-blue-gradient.png') no-repeat; }

.home-relay-station {background: url('/images/home-relay-station-background.png') repeat-x;}
.home-ambient-discourses { border-top: 5px solid #fff;background: url('/images/home-ambient-discourses-background.png') repeat-x;}


/*----------------------------------------------*/
/* ############  general styling   ############ */

/* banner backgrounds (not the same as header backgrounds) */
.banner {
  padding: 2rem;
  font-size: 1.5rem;
  font-weight: 100;
  border-radius: 1.5rem;
  border: 1px solid #999;
  box-shadow: 0px -5px 12px 0px rgba(0,0,0,0.51);
}
.black-background {
  background: #000;
}
.back-in-black {
  background:rgba(0, 0, 0, .8);
  padding: 1rem 2rem;
  border-radius: 1rem;
}
.back-in-gray {
  background:rgba(72, 72, 72, .8);
  padding: 1rem 2rem;
  border-radius: 1rem;
}
.bandcamp-iframe {
  width: 200px;
  height: 200px;
  display: inline-block;
  margin: 0 20px 20px 0px;
  border: 1px solid #888;
}
.youtube-embed {
    width: 96% !important; 
    height: auto !important;
    aspect-ratio: 16/9 !important;
    display: block;
}
.image-embed {
    width: 96% !important; 
    height: auto !important;
    display: block;
}
.prx-player {
  width: 100% !important;
  margin-bottom: 2rem;
}
.medium-text {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 200;
}
.big-text {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 200;
}
.bigger-text {
  font-size: 1.40 rem;
  line-height: 1.5rem;
  font-weight: 100;
  text-shadow: #000 0px 5px 10px;
  width: 70%;
  display: block;
  margin: 0 auto 40px;
}
ul.medium-list {
  font-size: 1.1rem;
  line-height: 1.65rem;
}
ul.medium-list li {
  margin-bottom: .5rem;
}
ul.bigger-list {
  font-size: 1.3rem;
  line-height: 1.9rem;
}
ul.bigger-list li {
  margin-bottom: .5rem;
}
.submission-button {
  border: 1px solid #fcfced;
  border-radius: 7px;
  background: #abe378;
  color: #222;
  padding: .5rem 1rem;
  margin: 0 auto;
  font-family: 'Alumni Sans', sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: 80%;
  text-decoration: none;
}
.border-bottom-white {
  border-bottom: 10px solid #fcfced;
}
.yellow-text {
  color: var(--stolace-yellow);
}
.light-gray-text {
  color:#b5b5b5;
}
.outlined-photo {
  border: 1px solid #000;
  padding: 15px;
  background: #fcfced;
}
.larger-text {
  font-size: 1.4rem;
  font-weight: 200;
  line-height: 2.1rem;
}
.green-check {
  color:#5dc52d;
  font-size: 2rem;
}
.floating-column {
  width: auto;
  max-width: 2rem;
  display: inline-block;
  margin: 0 10px 15px 0;
}
.white-background {
  background: #fcfced;
  color: #111;
}
.left-border-line {
  border-left: 5px solid #fff;
  padding-left: 10px;
  margin-bottom: 10px;
}
/* general formatting classes */ 
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.margin-bottom {
  margin-bottom: 2rem;
}
.margin-bottom-half {
  margin-bottom: 1rem;
}
.margin-top {
  margin-top: 2rem;
}
.margin-left {
  margin-left: 2rem;
}
.margin-right {
  margin-right: 2rem;
}
.no-margin {
  margin: 0px;
}
.no-margin-bottom {
  margin-bottom: 0px;
}
.no-margin-top {
  margin-top: 0px;
}
.padding-top {
  padding-top: 2rem;
}
.padding-bottom {
  padding-bottom: 2rem;
}
.padding-left {
  padding-left: 2rem;
}
.padding-right {
  padding-right: 2rem;
}
.background-dark-gray {
  background: #111;
  color:#e7e7e7
}
.background-medium-gray {
  background: #a0a0a0;
  color:#333;
}
.background-medium-gray blockquote {
  border-top: 5px solid #fff;
  background: #333;
  color: #efefef;
  border-bottom: 5px solid #fff;
}
.background-medium-gray a {
  color: #482800;
}
.background-light-gray {
  background: #c6c6c6;
  color:#333;
}
.background-light-gray a {
  color: #482800;
}
.background-light-gray blockquote {
  border-top: 5px solid #333;
  border-bottom: 5px solid #333;
}


/*----------------------------------------------*/
/* ############ DOM general formatting ######## */

body {
  background: #222;
  color: #fcfced;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.7rem;
  font-size: 1.1rem;
  margin: 0;
}
p {
  display: block;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
a {
  color: var(--stolace-yellow);
}
h1 {
  font-size: 4.0rem;
  font-weight: 100;
  line-height: 4.0rem;
  text-align: center;
  font-family: 'Alumni Sans', sans-serif;
  text-transform: uppercase;
  text-shadow: #000 1px 0 15px;
  margin: 0;
}
h2 {
  color:var(--stolace-yellow);
  font-family: 'Alumni Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 200;
  line-height: 3.8rem;
  margin: 0 0 0rem;
}
h3 {
  color:var(--stolace-yellow);
  font-family: 'Alumni Sans', sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin: 0;
}
hr {
  clear: both;
  border-top:0px;
  border-bottom: 1px solid #9999;
  padding: 0px;
  margin: 0 0 2rem 0;
  width: 95%;
}
blockquote {
  border-top: 5px solid #999;
  border-bottom: 5px solid #999;
  background: rgba(0,0,0,.3);
  margin: 1.5rem 0;
  padding: 1.5rem;
  font-size: 1.3rem;
  font-weight: 200;
  line-height: 2.0rem;
}
blockquote p {
  margin: 1rem 0 1rem 0;
}
ol, ul {
  display: block;
  list-style-type: decimal;
  margin-block-start: 0em;
  margin-block-end: 2em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
ul li {
  list-style: disc;
}
ul li ul li {
  list-style:circle;
}
small {
  font-size: .8rem;
  line-height: 1.2rem;
}


/*----------------------------------------------*/
/* ############ Form formatting ############### */

form label {
  display: block;
  font-size: 1.2rem;
  font-weight: 200;
  color:auto;
  padding: 0;
  margin: 0;
}
form input[type=text], form input[type=email], form input[type=search], form input[type=tel], form input[type=date], form input[type=datetime-local], form input[type=url] {
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 200;
  color: auto;
  padding: 1rem;
  margin: 0 0 1rem;
  border: 1px solid #444;
  background: var(--stolace-white);
  border-radius: 5px;
  width: 90%;
}
form input[type=search] {
  margin-top: 20px;
  width: 60%;
  display: inline-block;
}
form.dark {
  color: var(--stolace-white);
}
form.dark label {
  color: var(--stolace-yellow);
}
form textarea {
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 200;
  color: #111;
  padding: 1rem;
  margin: 0 0 1rem;
  border: 1px solid #444;
  background: #fcfced;
  border-radius: 5px;
  width: 90%;
  height: 30vh;
}
form input[type=submit], form button {
  font-size: 1.4rem;
  line-height: 1.4rem;
  display: inline-block;
  background: var(--stolace-yellow);
  color: #222;
  padding: .9rem;
  margin: 1rem 0 0 0;
  border-radius: 7px;
  border: 0;
  cursor: pointer;
}
form .required {
  color: #820101;
}
form input[type=submit]:hover, form button:hover {
  background: #ffb407;
}


/*----------------------------------------------*/
/* ############ Subscribe formatting ########## */

.email-subscribe {
  font-size: 1.4rem;
  line-height: 1.4rem;
  border-radius: 5px;
  width: 50%;
  display: inline-block;
  padding: .5rem;
  margin: 1rem .5rem 0 0;
  border: 0px;
}
.email-subscribe-button {
  font-size: 1.4rem;
  line-height: 1.4rem;
  display: inline-block;
  background: #d7a13a;
  color: #222;
  padding: .9rem;
  margin: 1rem 0 0 0;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
.subscribe-box {
  background: #dddddd;
  color: #111;
}

/*----------------------------------------------*/
/* ############ Header formatting ############# */

header {
  background: #333;
  background-size: cover;
}
.header-logo {
  height: 70px;
  width: auto;
  display: block;
  margin: 5rem auto;
}



/*----------------------------------------------*/
/* ############ Nav formatting ################ */

header nav {
  background: rgba(0, 0, 0, .6);
  padding: 0;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  text-align: center;
}
header nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
header nav ul li {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}
header nav ul li a {
  display: inline-block;
  padding: .5rem 1rem;
  margin: 0 .5rem;
  font-size: 2rem;
  font-weight: 100;
  color: #fcfced;
  text-decoration: none;
  font-family: 'Alumni Sans', sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 900px) {
  header nav ul li a {
    font-size: 1.5rem;
    padding: .5rem .5rem;
    margin: 0 .5rem;
  }
}
header nav ul li a:hover, header nav ul li a:focus {
  background: rgba(255,255,255,.1)
}
header nav a.current {
  box-shadow: inset 0 -2px 0px #fcfced;
}


/* secondary menu */
nav {
  background: rgba(0, 0, 0, .3);
  padding: 0;
  border-bottom: 1px solid #777;
  text-align: center;
}
nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
nav ul li {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}
nav ul li a {
  display: inline-block;
  padding: .5rem 1rem;
  margin: 0 .5rem;
  font-size: 1rem;
  font-weight: 100;
  color: #fcfced;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 900px) {
  nav ul li a {
    font-size: 1rem;
    padding: .5rem .5rem;
    margin: 0 .5rem;
  }
}
nav ul li a:hover, header nav ul li a:focus {
  background: rgba(255,255,255,.1)
}
nav a.current {
  box-shadow: inset 0 -2px 0px #fcfced;
}



/*----------------------------------------------*/
/* ############ Footer formatting ############# */

footer {
  background: #111;
  border-top: 1px solid #888;
  padding: 2rem 0;
  color: #fcfced;
}
.footer-logo {
  height: 50px;
  width: auto;
  margin: 0 auto;
}

a.inline-brands {
  display: inline-block;
  margin: 0 1rem 1rem 1rem;
  font-size: 3rem;
  text-decoration: none;
  color: #fcfced;
}
.home-icons a.inline-brands {
  font-size:1.5rem;
  margin: 0 .25rem 0 .25rem;
}
a.footer-brands {
  display: inline-block;
  margin: 0 .25rem .25rem .25rem;
  font-size: 1.5rem;
  text-decoration: none;
  color: #fcfced;
}





/*----------------------------------------------*/
/* ############ Home page formatting ########## */


.home-paragraph {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 200;
}
.home-headline {
  color:var(--stolace-yellow);
}
.home-subscribe {
  background: #111;
}


/*----------------------------------------------*/
/* ############ Relay Station formatting ###### */


.relaystation-tagline-first {
  font-weight: 100;
  font-size: 1.0rem;
  margin-top: -50px;
  color:#e5e5e5;
}
.relaystation-tagline-second {
  font-weight: 500;
  font-size: 1.6rem;
  margin-top: -20px;
  color:#e5e5e5;
}

ul.episodes-list {
  margin: 0px;
  padding: 0px;
}
ul.episodes-list li {
  margin: 0 0 1.5rem 0;
  padding: 0;
  list-style: none;
}
ul.episodes-list li h3 {
  padding: 0px;
  margin: 0px;
}
ul.episodes-list li h3 a {
  font-size: 2rem;
  padding: 0px;
  margin: 0px;
}
ul.episodes-list li p.metadata {
  color: #b2b2b2;
  font-size: .9rem;
  margin: 0;
  padding: 0px;
}
ul.episodes-list li p.summary {
  color: #fcfced;
  margin: 0 0 1.5rem 0;
}
.episode .metadata {
  color: #b2b2b2;
  font-size: .9rem;
  margin: 0 0 .5rem;
  padding: 0px;
}
.episode .summary {
  color: #fcfced;
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  line-height: 2rem;
}
ul.episode-short-list {
  margin:0; padding:0
}
ul.episode-short-list li {
  list-style: none;
  padding:0;
  margin: 0 0 1rem 0;
}
ul.episode-short-list li a.episode-title {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
ul.episode-short-list li div.episode-theme {
  font-size: .9rem;
  color: #dedede;
}
ul.episode-short-list li div.episode-date {
  font-size: .9rem;
  color: #dedede;
}

ul.artist-roster {
    display: flex;             /* Align items horizontally */
    overflow-x: hidden;        /* Hide the scrollbar */
    white-space: nowrap;       /* Prevent items from wrapping to a new line */
    list-style: none;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
ul.artist-roster li {
  list-style: none;
  margin: 0 1rem 0 0;
  display: inline-block;
}
ul.artist-roster li div.artist-name {
  font-size: 1.3rem;
  font-weight: bold;
}
ul.artist-roster li img {
  height: 125px;
  width: 125px;
  flex: 0 0 auto;            /* Prevent items from shrinking */
  display: block;
}
ul.artist-roster li a {
  font-size: .8rem;
  line-height: 1rem;
  text-decoration: none;
}
ul.artist-roster li a span.artist-name {
  display: block;
  width: 100%;
  text-wrap: wrap;
  line-height: 1rem;
  font-size: .8rem;
}
.artist-roster img, 
.artist-roster a {
    user-select: none;
    -webkit-user-drag: auto;
}
ul.radio-bullet-list {
  margin: 0 auto; 
  border: 1px solid #999; 
  padding: 2rem 1.5rem 1.5rem 5rem; 
  border-radius: 7px;
  width: 80%;
}
.program-pillar-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.svg-logo-background {
  background: #fff;
  padding: 1rem;
  border-radius: 10px;
}
.pcloud-logo, .prx-logo {
    display: block;
    height: 70px;
    width: auto;
    margin: 0 auto 0;
}
ul.digital-asset-menu {
  margin: 0;
  padding: 0;
}
ul.digital-asset-menu li {
  list-style: none;
  display: inline-block;
  margin: 1rem .5rem 0 .5rem;
}
ul.digital-asset-menu li a {
  padding: .5rem 1rem;
  border: 1px solid var(--stolace-yellow);
  border-radius: 10px 10px 0 0;
  background: #111;
  color: var(--stolace-yellow);
  text-decoration:  none;
  transition: 300ms;
}
ul.digital-asset-menu li a:hover, ul.digital-asset-menu li a:focus {
  background: #333;
  transition: 300ms;
}

/*----------------------------------------------*/
/* ############ Sustainability formatting ############## */



/*----------------------------------------------*/
/* ############ Music formatting ############## */




/*----------------------------------------------*/
/* ############ Meditations formatting ######## */


.meditations-tagline {
  font-weight: 100;
  font-size: 1.3rem;
  margin-top: -40px;
  color:#e5e5e5;
}
.meditations h2 {
  font-size: 3.5rem;
  font-weight: 600;
}
.meditations-content h2 {
  font-size: 2.5rem;
  font-weight: 300;
}
.meditations h3 {
  color: #dfdfdf;
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 100;
  font-size:1.5rem;
  line-height: 2rem;
}
.meditations-content h3 {
  font-weight: bold;
  color: #fab938;
  font-size: 1.3rem;
}
.meditations .metadata {
  color: #b2b2b2;
  font-size: .9rem;
  margin: 0 0 .5rem;
  padding: 0px;
}
.meditations .summary {
  color: #fcfced;
  margin: 0 0 0;
  font-size: 1.25rem;
  line-height: 2rem;
}

ul.meditations-list {
  margin: 0px;
  padding: 0px;
}
ul.meditations-list li {
  margin: 0 0 1.5rem 0;
  padding: 0;
  list-style: none;
}
ul.meditations-list li h2 {
  margin-bottom: 0px;
}
ul.meditations-list li h3 {
  font-size: 1.2rem;
  line-height: 1.3rem;
  font-family: 'Helvetica', Arial, sans-serif;
  color: #dcdcdc;
  padding: 0px;
  margin: 0px 0px .25rem;
}
ul.meditations-list li p.metadata {
  color: #b2b2b2;
  font-size: .9rem;
  margin: 0;
  padding: 0px;
}
ul.meditations-list li p.summary {
  color: #fcfced;
  margin: 0 0 1.5rem 0;
}



/*----------------------------------------------*/
/* ############ About formatting ############## */

.about-aside {
  border: 1px solid #999;
  background:rgba(0, 0, 0, .3);
  margin: 1.5rem 0;
  padding: 1rem;
  font-size: .9rem;
  line-height: 1.5rem;
}

.about-timeline {
  border: 1px solid #fcfced;
  padding: .75rem 1.5rem;
  font-size: 2.2rem;
  font-family: 'Alumni Sans', sans-serif;
  width: 5rem;
  text-align: center;
  margin: 3rem 0 .5rem;
  border-radius: 10px;
  background: rgba(50, 50, 50, .3);
}



/*----------------------------------------------*/
/* ############ Search formatting ############# */


.search-button {
  display: inline-block;
}
.search-results-empty {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 100;
}
.search-link {
  font-size: 1.5rem;
}




/*----------------------------------------------*/
/* ############ Other formatting ############## */

#kofiframe {
  width: 50%;
}

.charity-logo {
  display: inline-block;
  margin: 1rem 2rem 1rem 0;
}
.charity-logo-lg {
  display: inline-block;
  margin: 1rem 1rem 1rem 1rem;
}

mark {
  background: #abe378;
  color:#111;
  padding:1px 5px;
  border-radius: 4px;
}

.list-image {
  border: 2px solid #fcfced;
  margin: 0px;
  padding: 4px;

}


/* -------------- PAGINATION */
ul.pagination {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}
ul.pagination li.page-item {
  list-style: none;
  display: inline-block;
  margin: 0 1rem 0 0;
}
ul.pagination li.disabled a, ul.pagination li.active a {
  color: #999;
}

/* -------------- NUMBER CONTROLS */
ul.number-controls {
  margin: 0 0 15px;
  padding: 0;
}
ul.number-controls li {
  list-style: none;
  display: inline-block;
  width: auto;
  margin: 0 5px;
}
ul.number-controls li a {
  display: block;
  padding: 3px 6px;
  border-radius: 5px;
  background: var(--stolace-white);
  color: #111;
  text-decoration: none;
}
ul.number-controls li a.active {
  background: var(--stolace-yellow);
}

/* -------------- MAIN tag formatting */


.main-album-promo-box {
  border-top: 5px solid #fff;
  padding-top: 20px;
  margin-top: 20px;
}
.main-album-promo {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  background:#111;
  padding: 3rem 0;
}
.main-album-promo-ready {
  border-top: 5px solid #fff;
  padding-top: 20px;
  margin-top: 20px;
}


p.album-promo-big-text {
  font-size: 1.6rem;
  font-weight: 100;
  margin-bottom: 0;
}
.canyouhearme-header .album {
  width: 30rem;
  display: block;
  margin: 0 auto 4rem;
}


ul.checklist-list {
  margin: 15px 0 0;
  padding: 0 0 0 25px;
}
ul.checklist-list li {
  list-style: url('/images/list-checkmark.png');
  margin-bottom: 10px;
}
.checklist strong, .green-strong {
  color:#c6ebb5;
}
.main-logos {
  height: 100px;
  width: auto;
  display: block;
  margin: 4rem auto;
}
@media screen and (max-width: 900px) {
  .main-logos {
    height: 50px;
    width: auto;
    display: block;
    margin: 2rem auto;
  }
}


.orange-to-blue-background {
  border-top: 5px solid #fcfced;
  padding-top: 2rem;
}
.orange-to-blue-background blockquote {
  font-size: 1.2rem;
  line-height: 1.9rem;
  background: rgba(0,0,0,.5);
}
.orange-to-blue-background strong {
  color:#92cd62;
  text-transform: uppercase;
}



li {
  margin-bottom: 15px;
  strong {
    color: var(--stolace-yellow);
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.img-fluid {
  width: 100%;
  height: auto;
}
@media screen and (max-width:767px) {
  .img-fluid {
    width: 60%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
    .row>* {
      padding-right: 3rem;
      padding-left: 2rem;
  }
}


/*----------------------------------------------*/
/* ############ general mobile fixes ########## */

@media screen and (max-width: 767px) {
  #kofiframe {
    width: 100%;
  }

  ul.artist-roster {
    display: flex;             /* Align items horizontally */
    overflow-x: auto;        /* Hide the scrollbar */
    white-space: nowrap;       /* Prevent items from wrapping to a new line */
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .artist-roster img, 
  .artist-roster a {
      user-select: none; /* none */
      -webkit-user-drag: auto;  /* none */
  }
  ul.radio-bullet-list {
    padding: 2rem 1.5rem 1.5rem 2rem; 
    margin: 0 auto;
    width: 90%;
  }

}

@media screen and (max-width: 575px) {
  .container, p {
    width: 96%;
  }
  h2 {
    font-size: 3rem;
    line-height: 2.75rem;
  }
  .bandcamp-iframe {
    width: 300px;
    height: 300px;
  }
  .row>* {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .container.back-in-black { 
    padding: 0;
    border-radius: 0;
  }
  div.back-in-black {
    margin-right: 1rem;
  }
  main {
    margin-right: -10px;
  }
  .email-subscribe-button {
    font-size: 1.2rem;
  }
  form input[type=text], form input[type=email], form input[type=search], form input[type=tel], form input[type=date], form input[type=datetime-local], form input[type=url] {
    font-size: 1rem;
  }
  ul.bigger-list {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
  ul.bigger-list li {
    margin-bottom: 1.5rem;
  }
  #kofiframe {
    width: 90%;
  }
}