<style type="text/css">
/*HOMEPAGE*/


a.headerlink:link {
text-decoration: none !important;
color: #181686 !important;
}
a.headerlink:visited {
text-decoration: none !important;
color: #181686 !important;
}
a.headerlink:hover {
border-bottom: 2px solid #181686 !important;
color: #181686 !important;
}
a.headerlink:active {
text-decoration: none !important;
color: #181686 !important;
}

a.nodec {
text-decoration: none !important;
}


.intro-text {
line-height: 2em;
}


a.smllink:link {
text-decoration: none;
border-bottom: 5px solid #FFB9A1;
}
a.smllink:visited {
text-decoration: none;
border-bottom: 5px solid #FFB9A1;
}
a.smllink:hover {
text-decoration: none;
border-bottom: 5px solid #A3A2CF;
}


hr.bigblue { border: 15px solid #FFB9A1; }


a.eplink:link, a.eplink:visited, a.eplink:active {
text-decoration: none !important;
border-bottom: 10px solid #FFB9A1 !important;
}

a.eplink:hover{
border-bottom: 10px solid #A3A2CF !important;
}



.headerbar-left {
display: inline-block;
}

#headerbar-right {
display: inline-block;
float: right;
}

#headerbar-right-home {
display: inline-block;
float: right;
margin-top: 50px;
}

@media screen and (max-width: 800px) {
#headerbar-right-home {
margin-top: 20px;
padding-bottom: 2em;
}
}

a.titlelink:link, a.titlelink:visited, a.titlelink:active  {
text-decoration: none !important;
color: #181686 !important;
}
a.titlelink:hover  {
border-bottom: 2px solid #181686 !important;
color: #181686 !important;
}

.linkspace {
margin-right: 30px;
}

@media screen and (max-width: 600px) {
.headerbar-left {
display: block;
}

#headerbar-right {
display: block;
float: left;
padding-top: 10px;
padding-bottom: 20px;
}
}

/*SINGLE EPISODE PAGE*/


.button-ig {
border: 1.5px solid #FFB9A1;
color: #FFB9A1;
padding: 10px 20px;
text-align: center;
display: inline-block;
margin: 4px 2px;
border-radius: 60px;
}

a:hover .button-ig,
a:hover.button-ig {
border: 1.5px solid #fff;
color: #fff;
background-color: #FFB9A1;
}


@media screen and (min-width: 75rem) {
.rpp-audio__track__elapsed {
font-size: calc(var(--ts__x-large__medium) * 2rem) !important;
}
.rpp-audio__track__length {
font-size: calc(var(--ts__x-large__medium) * 2rem) !important;
}

.rpp-audio__track__progress__bar {
height: .25em  !important; 
}

.rpp-audio__btn svg {
height: 5em  !important;
width: 5em  !important;
}

.rpp-audio__track__skip-back {
padding-bottom: 30px;
}

.rpp-audio__track__skip-forward {
padding-bottom: 30px;
}
}


.rpp-audio__track__progress__bar {
background-color: #FFB9A1  !important;
}

.footer-arrow-left {
 width: 33%;
 display: inline-block;
}

.footer-arrow-right {
 width: 33%;
 float: right;
 display: inline-block;
}

.footerlinkspace { 
margin-bottom: 0;
height: 2.5em;
}

.arrowspace {
margin-bottom: 0;
}

.underline {
  line-height: 3em;
  font-size: 1.2em;
}

.arrownav {
color: white;
text-decoration: none;
}

.arrownav a:link{
color: white;
text-decoration: none;
}
.arrownav a:hover{
opacity: 50%;
text-decoration: none;
}
.arrownav a:visited{
color: white;
text-decoration: none;
}

.note-nolink {
margin-left: 2em;
margin-bottom: .2em;
}


.notelink {
margin-left: 2em;
text-indent: -2em;
}
a.notelink:link {
text-decoration: none;
border-bottom: .2px solid #FFB9A1;
}
a.notelink:visited {
text-decoration: none;
border-bottom: .2px solid #FFB9A1;
}
a.notelink:hover {
text-decoration: none;
border-bottom: .2px solid #FFB9A1;
}

a.pinklink:link {
text-decoration: none;
border-bottom: .2px solid #FFB9A1;
}
a.pinklink:visited {
text-decoration: none;
border-bottom: .2px solid #FFB9A1;
}
a.pinklink:hover {
text-decoration: none;
border-bottom: .2px solid #FFB9A1;
}

.grid-container {
  display: grid;
  column-gap: 50px;
  grid-template-columns: 100px auto ;
}
.grid-item1 {
  padding-bottom: 50px;
  padding-left: 30px;
}

.grid-item2 {
  padding-top: 20px;
}

@media screen and (max-width: 900px) {
.grid-container {
  display: block;
}
}


@media screen and (max-width: 900px) {
.notelink {
margin-left: 0;
text-indent: 0;
}
.note-nolink {
margin-left: 0;
margin-bottom: .2em;
}
}


@media screen and (max-width: 900px) {

.footer-arrow-left {
 width: 50%;
 display: inline-block;
}

.footer-arrow-right {
 width: 50%; 
 float: right;
 display: inline-block;
}
}

</style>