﻿#body p, li { font-size: 20px; }
#subheadline h2 { display: none }

#SiteGridBeforeImg:after { content: ""; background-color: #859895; position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0.2; }

/*Content*/
.mindfulnessPodcastsBox { padding: 0px 25px 50px; }
.mindfulnessDesc { margin-bottom: 50px; }
.mindfulnessDesc p { font-size: 147%; }
.mindfullnessPodcastItemContainer { max-width: 850px; margin: 0 auto; }
.podCastHeadlineBox h2 { font-size: 125%; position: relative; margin: 0; }
.podCastHeadlineBox h2 .title-inner { }
.podCastHeadlineBox .coloredHeadline { color: #ef4270; }
.podCastHeadlineBox { margin-bottom: 10px; }
.mindfulnessPodcastItem { margin-bottom: 40px; padding: 10px; }
.grid-box-inner { background: #F9F9FB; padding: 10px; }
.mindfulnessPodcastItem:last-child { margin-bottom: 0; }
.podcastBox { background: #ededed; }
h1 { font-size: 275%; }

.grid-box { margin-bottom: 50px; }
.mindfullnessPodcastItemContainer .grid-box-inner p { font-size: 86%; margin-bottom: 20px; margin-top: 15px; }

.podcastDuration { font-size: 80%; display: flex; gap: 5px; margin-bottom: 10px; }

.podcastDuration span { font-weight: bold; }
.podcastSummary { margin-bottom: 10px; font-size: 90%; line-height: 1.1; }

@media(min-width: 1170px) {
    .grid-box { padding: 0 42px }
}

@media(min-width: 1170px) and (max-width: 1280px) {
    #TopLoginText { font-size: 93%; }
}

@media (max-width: 991px) {
    h1 { font-size: 255%; }
}

@media(max-width: 767px) {
    #SiteGridBeforeImg { height: 175px; }
    h1 { font-size: 160%; }
    .grid-box { padding: 0; margin-bottom: 20px; }
    .mindfulnessDesc { margin-bottom: 0px; }
}
