/*
Theme Name: DIDWorld
Theme URI: https://www.desertislanddiscworld.com
Description: Podcast delivery theme for Wordpress
Version: 1.0
Author: Seb Patrick
*/


html {  scroll-behavior: smooth; }

body { font-family: 'Roboto', sans-serif;


}

h1, h2, h3, h4 { font-family: 'Calistoga', serif; }

h1 { font-size: 3rem; line-height: 3.2rem; }
h2 { font-size: 2rem; line-height: 2.1rem; }

a, .playbutton { color: #df2317; }
a:hover, .playbutton:hover { color: #e97c41; text-decoration: none;}

.container { margin-top: 20px;}

.podlogo { margin-bottom: 20px;}
.details { 
	margin-bottom: 20px;
	font-size: 1.2rem;
	text-align: center;
}

.details i { margin-bottom: 10px;}

.episode-wrapper { width: 100%; position: relative; margin-bottom: 20px; display: block; height: auto;}
.episodebar { width: 100%; margin-bottom: 0; background-color: #DEDEDE; height: 10rem; display: flex; position: relative; z-index: 100;}
.thumbnail { height: 100%;}
.thumbnail img { height: 100%; width: auto;}

.playerbar { width: 98%; background-color: #efefef; margin-left: auto; margin-right: auto; position: relative; z-index: 90; border-radius: 0 0 15px 15px;}
.playerbar p { padding-left: 20px; padding-right: 20px; padding-top: 10px; margin-bottom: 5px;}
.playerbar audio { width: 100%;}

.ep-title { margin-top: auto; margin-bottom: auto; margin-left: 10px; margin-right: 10px; }
.ep-title.single { margin-left: 20px;}
.ep-title h1, .ep-title h2 { color: #df2317;}
.meta { justify-content: center;}
.meta i { color: #df2317; margin-left: 5px;}
.meta i.first { margin-left: 0;}
.play-more { margin-left: auto; margin-top: auto; margin-bottom: auto; margin-right: 10px; font-size: 3.5rem; text-align: right; width: 9rem;}

.playbutton { font-size: 3.5rem; padding: 0.75rem;}

.playbutton i {   -webkit-transition: 0.4s; /* Safari */
  transition: 0.4s;}
.playbutton.rotated i {transform: rotate(90deg);}

.eplinks { margin-top: 20px;}

.kofi { margin-top: 10px;}

#footer-1 { margin-top: 10px; margin-bottom: 20px;}

@media (min-width: 1200px) { 

.container { max-width: 1400px;}
 }

 @media (max-width: 767.98px) { 

 .playbutton { display: none;}
 .playerbar { display: block !important;}
 .playerbar { width: 100%;}
 .episodebar { flex-wrap: wrap; height: auto;}
 /* .thumbnail { width: 100%; height: auto; max-width: 300px;}
 .thumbnail img { width: 100%; height: auto;} */
 .thumbnail { display: none;}
 .ep-title { margin: 20px;} 
 h1 { font-size: 1.8rem; line-height: 1.9rem;}
 .eplinks h3 { margin-top: 20px;}


 }