100% { right: 0%; }
}
+div.around-nav {
+ max-width: 100%;
+ position: relative;
+ display: flex;
+ height: 350px;
+ div.around-nav-previous, div.around-nav-next {
+ flex: 1;
+ min-width: 20px;
+ text-align: center;
+ background: $primary;
+ height: 50px;
+ border: 1px solid $primary;
+ button {
+ line-height: 45px;
+ color: white;
+ }
+ }
+ div.around-nav-inner {
+ background: white;
+ overflow: hidden;
+ max-width: 100%;
+ margin-bottom: 250px;
+ border-top: 1px solid $primary;
+ }
+ div.around-nav-inner-2 {
+ position: relative;
+ width: 4000px;
+ transition: transform linear 0.2s;
+ div.around-block {
+ cursor: pointer;
+ border-right: 1px solid $primary;
+ box-sizing: border-box;
+ padding: 0 1rem;
+ background: white;
+ display: block;
+ width: 244px;
+ float: left;
+ &.highlight {
+ background: $primary;
+ color: white;
+ }
+ }
+ }
+ div.around-slot-details {
+ div.around-details {
+ box-sizing: border-box;
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 50px;
+ border: 1px solid $primary;
+ border-width: 1px 2px;
+ background: white;
+ width: 100%;
+ p {
+ margin: 1rem;
+ }
+ img {
+ float: right;
+ margin-left: 1rem;
+ border: none;
+ }
+ }
+ }
+}
+
+#recent-sounds,
+#recent-news {
+ max-width: 100%;
+ overflow: hidden;
+ & > div {
+ display: flex;
+ }
+}
+
+#recent-news div.newsitem-home,
+#recent-sounds div.episode.soundfile {
+ background: white;
+ width: 180px;
+ min-width: 180px;
+ margin-right: 10px;
+ display: inline-block;
+ height: 220px;
+}
+
+#newsletter {
+ background: white;
+ border: 1px solid $primary;
+ padding: 1ex;
+ h4 {
+ margin-bottom: 20px;
+ }
+ h4::after {
+ display: block;
+ content: "";
+ height: 4px;
+ width: 75px;
+ background: $primary;
+ }
+ a {
+ line-height: 150%;
+ }
+}
+
+#Emission-container {
+ h2 {
+ }
+}
+
+div.program,
+#recent-emissions,
+#recent-news,
+#recent-sounds,
+.emissions,
+.emission-archives,
+#Emission-tabs-menu,
+#Emission-tabs-detail {
+ background: white;
+ padding: 1rem;
+ clip-path: polygon(0 0, 95% 0, 100% 30%, 100% 100%, 10% 100%, 0% 100%, 0 0);
+}
+
+div.program.tabs {
+ clip-path: none;
+}
+
+header h3 {
+ color: $text-color;
+ position: relative;
+ font-weight: 500;
+ &::after {
+ display: block;
+ content: "";
+ height: 4px;
+ width: 75px;
+ background: $text-color;
+ position: absolute;
+ bottom: -1px;
+ }
+ margin-bottom: 20px;
+
+}
+
+span.program-period,
+span.date {
+ text-transform: lowercase;
+}
+
+div.episode.soundfile {
+ position: relative;
+ div.sound {
+ position: absolute;
+ right: 5px;
+ top: 130px;
+ button.icon-plus-sign, button.icon-download {
+ display: none;
+ }
+ }
+}
+
+a.listen-home {
+ background: url(../img/listen.png) top left no-repeat;
+ margin-top: 20px;
+ display: block;
+ width: 286px;
+ height: 97px;
+ text-indent: -10000px;
+ overflow: hidden;
+ cursor: pointer;
+ &:hover {
+ background-position: -286px 0px;
+ }
+ @media screen and (max-width: $mobile-limit) {
+ display: none;
+ }
+}
+
+
+ul.list > li{
+ border-bottom: 1px solid $primary;
+}
++
+ .episode-auto-selection-cell.hide-emission-titles {
+ .emission-title, .soundfile-info .sep {
+ display: none;
+ }
+ }