/************* PODCAST HOME  **********/

/*-------------------********************------------------------
-------------- podcast-index css--------------------------- */
/*@font-face { font-family: "Gotham-Book"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Book.eot);
src: url(../podcast-fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Book.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Book.woff2) format('woff2');
}*/
@font-face {
  font-family: 'gotham_mediumregular';
  src: url('../podcast-fonts/gotham_medium_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_medium_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Gotham-Light';
  src: url('../podcast-fonts/Gotham-Light.woff2') format('woff2'),
  url('../podcast-fonts/Gotham-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'gotham_lightregular';
  src: url('../podcast-fonts/gotham_light_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_light_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_lightregular';
  src: url('../podcast-fonts/gotham_light_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_light_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: "GothamBook"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamBook.woff) format('woff'),
url(../podcast-fonts/GothamBook.ttf) format('truetype'),
url(../podcast-fonts/GothamBook.svg#GothamBook) format('svg');
}
@font-face { font-family: "Gotham-Medium"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Medium.eot);
src: url(../podcast-fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Medium.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Medium.woff2) format('woff2');
}
@font-face { font-family: "GothamMedium"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamMedium.woff) format('woff'),
url(../podcast-fonts/GothamMedium.ttf) format('truetype');
}
@font-face { font-family: "Gotham-Thin"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Thin.eot);
src: url(../podcast-fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Thin.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Thin.woff2) format('woff2');
}
@font-face { font-family: "Gotham-Bold"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Bold.eot);
src: url(../podcast-fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Bold.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Bold.woff) format('woff');
}
@font-face { font-family: "GothamBlack"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamBlack.eot);
src: url(../podcast-fonts/GothamBlack.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/GothamBlack.ttf) format('truetype'),
url(../podcast-fonts/GothamBlack.woff) format('woff');
}

 .home .submit-image{background-size: cover !important;}
 .home .left{background-size: cover !important;}
 
 
.recent .right-recent h3{margin-top: 0px}
.recent .right-recent span{margin-left: 2px;}
body {
  height:100%;
  margin: 0;
}
.inner-header .menu-icon {
    display: inline-block;
    cursor: pointer;
}

.inner-header #toggle {
  width: 70px;
  height: 30px;
  margin: 20px auto;
}

.inner-header #toggle div {
  width: 100%;
  height: 5px;
  background: #696969;
  margin: 10px 10px;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 5px;
}

.inner-header #toggle.on .one {
    transform: rotate(45deg) translate(15px, 15px);
}

.inner-header #toggle.on .two {
  opacity: 0;
}

.inner-header #toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

.inner-header #toggle.on .four {
  opacity: 0;
}

.inner-header #menu {
    color: white;
    width: 200px;
    height: 250px;
    padding: 15px;
    border-radius: 3px;
    line-height: 35px;
    text-align: left;
    margin: auto;
    position: absolute;
    background-color: rgba(245, 245, 245, 0.7);
    top: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	display: none;
}
.inner-header #menu a {
    color: black;
    /* padding: 12px 16px; */
    text-decoration: none;
    display: block; 
    font-family: "GothamBlack";
    font-size: 20px;
}
.bar1, .bar2, .bar3, .bar4 {
    width: 75px;
    height: 5px;
    background-color: #A9A9A9;
    margin: 13px 20px;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
     transform: rotate(45deg) translate(-20px, -20px);
}
.change .bar4 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-34px, -34px);
}
.home.page-index .inner-header {
    background-color: rgba(245, 245, 245, 0.4);
	height: 125px;
}
.header-contaier {
    margin-bottom: 40px;
}

.home.page-index .header-image::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
}
.home.page-index .header-image::before { 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	background-image: url("../podcast-images/luc-van-loon-459033.jpg");
	background-size: cover;
	opacity: 0.5;
	background-position: 0 35%;
	z-index: -9999;
}
.home.page-index .header-image {
	position:relative;
    background-repeat: no-repeat;
	top:0;
	height: 500px;
	width:100%;
}
.home.page-index .header-text {
    display: inline-block;
    padding-left: 25px;
    padding-top: 0px;
}
.home.page-index .header-text2 h1 {
    color: #000;
    font-size:48px;
	font-family: "Gotham-Bold";
	margin: 0;
}
.home.page-index .header-text2 h2 {
    color: #000;
    font-size: 48px;
	font-family: "Gotham-Bold";
}
.home.page-index .header-text2 {
    text-align: center;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, 0%);
}
.home.page-index .header-text2 p {
    margin: -15px;

}
.home.page-index .header-text h1.header-inner a {
    color: #FFFFFF;
    font-size: 60px;
    font-family: "GothamBlack";
	margin:0;
	text-align:left;
    float: left;
}

.home.page-index .header-text h1.header-inner a:hover{color: #FFFFFF !important;}
.home.page-submit .header-text h1.header-inner a:hover{color: #FFFFFF !important;}

.home.page-index .header-text h2.header-inner2 {
    color: #FFFFFF;
    font-size: 26px;
    margin-bottom: 10px;
	font-family: "Gotham-Light";font-weight: 500;
   
}
.home.page-index .present {
    text-align: center;
    position: absolute;
    top: 119%;
    left: 55%;
    transform: translate(-50%, 0%);
}

.home.page-index .podcastimg-bground img{height:auto;max-width: initial;}
.present h3 {
    font-size: 18px;
    margin-bottom: 0;
	font-family: "Gotham-Light";
}
/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
.home.page-index #menu li {
    display:inline-block;
    margin-right: 1px;
	
}
/*Style for menu links*/
.home.page-index #menu li a {
    display: block;
    min-width: 300px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    color: #000;
    text-decoration: none;
    font-size: 24px;
}
.home.page-index #menu .hidden li a {
    font-size: 12px;
    text-align: center;
	background: #f0cd2e;
	line-height: 2.5;
}
.home.page-index #menu li:first-child{
    border-top: 6px solid #f0cd2e;
}
.home.page-index #menu li:first-child:hover {
    border: none;
}
/*Hover state for top level links*/
li:hover a {
    color: #000;
    border-top: 6px solid #f0cd2e;
    height: 34px;
    line-height: 34px;
}
li a:hover {
    text-decoration:none;
}
/*Style for dropdown links*/
li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
display: none;
}
/*Make dropdown links vertical*/
li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
    text-align:left;
}
/*Display the dropdown on hover*/

/*ul li a:hover + .hidden, .hidden:hover {
    display: block;
}*/

.menu-item ul.sub-menu:hover {
    display: block;
}
.home.page-index #menu .last-child ul.hidden {
    width: 300px;
    padding-top: 0;
    /* margin-top: 0; */
    z-index: 1;
     height: 150px;
}
.home.page-index #menu .hidden li:first-child {
    border: none;
}
.home.page-index #menu .hidden li a:hover{
    color: #fff;
}
.hidden li a {
    font-size: 12px;
    text-align: center;
}
.hidden li {
    height: 20px !important;
}
/*Responsive Styles*/
 ul#menu {
	/*width: 80%;*/
}
.container {
    border-top: 2px solid #000;
}
ul#menu {
    border: none !important;
	padding:0;
}
ul#menu:active {
    padding: 0px;
}
#menu li.last-child a {
    background: #f0cd2e;
    height: 36px;
    line-height: 36px;
    margin-top: 6px; 
    border: none !important;
}
li:nth-last-child(1) {
    color: #000 !important;
    font-weight: 900;
    font-size: 24px;
    height: 40px;
    line-height: 34px;
}
#menu .menu-item a {
    background: #f0cd2e;
    height: 33px;
    line-height: 33px;
    /* margin-top: 6px; */
    border: none !important;
}
li:nth-last-child(1):hover {
    border: none;
}

.home.page-index .container .row{    
    padding-top: 50px;
	padding-bottom: 50px;
}
.home.page-index .inner-col {
    display: inline-block;
    width: 68%;
    padding-left: 7%;
}
.col-12.content-wrapper.top-border {
    margin: 80px 0px 40px 0px;
}
.home.page-index .row .col-8{
    padding-top: 50px;
    margin-right: 0;
    padding-left: 0;
    flex: 1 0 74.666667% !important;
    max-width: 75.666667% !important;
    padding-right: 0px;
}
.home.page-index .container .row .col-2{ 
    flex: 0 0 24.666667% !important;
    max-width: 24.666667% !important;
 }
 .col-8 .podcast-image {
	border: 6px solid #000;
    overflow: hidden;
    text-align: center;
    width: 230px;
    height: 230px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    float: left;
 }

.home.page-index .inner-col h3.inner{
    font-size: 20px;
    font-family: "Gotham-Thin";
    color: #f0cd2e;
	font-weight: bold;
}
h2.inner-2 {
    font-size: 30px;
    font-family: "GothamBlack";
	margin-bottom: 5px;
	line-height: 1;
}
h4.inner-3 {
    font-size: 14px;
    font-family: "Gotham-Bold";
}
h4.inner-3 {
    font-size: 14px;
    font-family: "Gotham-Bold";
}
.inner-col p{
	font-size:14px;
	line-height: 1.5;
}
.fa-play:before {
    content: "\f04b";
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 float: left;
}
.text {
    border: 1px solid #000;
    padding: 15px;
	width: 170px;
}
.text a {
    padding-left: 10px;
	color: #000;
	font-family: "Gotham-Light";
}
.text a:hover {
    text-decoration: none;
    color: #000;
}
.listen-now {
        padding-top: 145px;
}
.top-border {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
	margin-left: 0px;
    margin-right: 0px;
    padding: 0 !important;
}
.no-border {
    border-bottom: 2px solid #000;
}
.home.page-index .container.no-border {
    max-width: 1140px !important;
}
.home.page-index .container {
    max-width: 970px !important;
}
.container-fluid {
    background-image: url("../podcast-images/luc-van-loon-459033.jpg");
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	margin-top:60px;
	margin-bottom: 80px;
}
.image-inner img {
    width: 300px;
    position: absolute;
    top: 40%;
    left: 10%;
}
img.img-in {
    position: absolute;
    top: 40%;
    left: 53%;
    transform: translate(-50%, 0%);
}
.inner-wrapper {
    position: absolute;
    top: 60%;
    left: 45%;
}
.home.page-index .listen-now {
        padding-top: 145px;
		display: block;
		float: right;
}
.inner-wrapper h1.in-h1 {
    text-align: left;
}
.btn-info:not(:disabled):not(.disabled):active {
	background-color: none !important;
    border-color: none !important;
}
a.btn.btn-info {
    background-color: #000;
    border-color: #000;
    width: 150px;
	font-family: "Gotham-Light";
}
.jumbotron-fluid { background:none !important;  }
.jumbotron-fluid .container {
    border: none;
	display: block;
	/*border-bottom: 2px solid #000;*/
    padding-bottom: 50px;
}
.home.page-index .jumbotron img.img-video{
    width: 450px;
    height: 450px;
}


.home.page-index .inner-jumbotron {width: 48%;padding-left:18px;float: left;margin-top: 70px;}


h3.inner-jumb {
    font-size: 20px;
    color: #f0cd2e;
    font-family: "Gotham-Thin";
}
h2.inner-jumb2 {
    font-size: 36px;
    font-family: "GothamBlack";
}
h4.inner-jumb3 {
    font-size: 24px;
    font-family: "Gotham-Light";
}
.inner-jumbotron a{font-size:12px; color: #000;font-family:"Gotham-Bold";margin-top:6px;font-weight: bold;}

.jumbotron.jumbotron-fluid {margin-bottom: 0;padding-bottom: 0;float: left;width: 100%;padding-bottom: 100px;border-bottom: 2px solid #000;}
.watch-now  {position: relative;float: left;width: 50%;max-height: 100%;height: auto;max-width: 100%;}
.jumbotron-img {height:450px;width:48%}

h1 {
  overflow: hidden;
  text-align: center;
}

#footer-wrapper h1:before,
#footer-wrapper h1:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.home.page-index #footer-wrapper h1:before {
  right: 0.5em;
  margin-left: -50%;
}

.home.page-index #footer-wrapper h1:after {
  left: 0.5em;
  margin-right: -50%;
}
.home.page-index #footer-wrapper h1.footer {
    font-size: 32px;
	font-family: "Gotham-Bold";
	margin-bottom: 25px;
}
.home.page-index div#footer-wrapper {
    margin-top: 50px;
}
.home.page-index h4.footertext {
    font-size: 12px;
    font-family: "Gotham-Light";
	padding-top: 5px;
	color: #f0cd2e;
}
.home.page-index .footer-icon {
    text-align: center;
}
.home.page-index .footer-img {
    display: inline-block;
    width: 115px;
    text-align: center;
    margin: 0 auto;
}
.fa-play-circle:before {
    content: "\f144";
	color: #fff;
}


.container i.fa.fa-play-circle {font-size: 5rem;position: absolute;left:45%;top: 40%;width: 68px;height: 80px;}

.podcast-image img { display: none;}

#footer-wrapper .container { border-top: none;}	
.col-2-mobile{display:none;}
.footer-content{display:none;}
.img-video-mob{display:none;}


@media only screen and (max-width: 1200px) {
	#menu li a {  min-width: 260px; }
	.container { max-width: 1060px !important;}
} 
@media only screen and (max-width: 1040px)  {
	#menu li a {  min-width: 250px; }
	.inner-jumbotron {
	display: inline-block;
    width: 46%;
    padding-left: 15px;}

}
@media only screen and (max-width: 1028px)  {
	.row .col-8{ margin-right: 15px;}
	#menu li a { min-width: 240px;}
	.inner-col{ width:55%;}
}

@media only screen and (max-width: 830px)  {
.home.page-index .inner-col {
    display: inline-block;
    width: 59%;
    padding-left: 30px;
}
}

@media only screen and (max-width: 992px)  {

.container {border-top: none;}
.home.page-index ul#menu { border-top: 2px solid #000 !important;}
#toggle div { margin: 6px auto;}
#toggle { width: 60px; height: 40px; margin: 5px auto;}
.home.page-index #menu li a {  min-width: 220px;}
.jumbotron-fluid .container{border-bottom:none;}
.home.page-index .header-text{ padding-top: 25px;}
.home.page-index .inner-header{height:85px;}
.home.page-index .header-text h1.header-inner a{  font-size: 30px;float: left;}
.home.page-index .header-text h2.header-inner2  { font-size: 13px;}
.bar1, .bar2, .bar3, .bar4 {margin:5px 20px;    width: 40px;}
.change .bar4{ transform: rotate(45deg) translate(-15px, -15px);}
.change .bar3{ transform: rotate(45deg) translate(-8px, -8px);}
.home.page-index .header-text2{  top: 95%; background: #000; width: 100%; text-align: left; padding-left: 30px;line-height: 0.8;}
.home.page-index .header-text2 h1{font-size: 22px; display: inline-flex; color:#FFFFFF;}
.home.page-index .header-text2 h2{font-size: 22px; display: inline-flex; color:#FFFFFF;}
.present{  top: 0%;  left: 80%;}
.present h3 {  display: none;}
.home.page-index .inner-menu { margin-left: 30px;}
.home.page-index .present img { position: absolute; bottom: 12px; width: 155px; left: 160px;/*background: #fff;*/}
.home.page-index ul#menu{ width: 80%; padding:0;}
.home.page-index .listen-now {  padding-top: 28%;}
.podcast-image img { display: none;}
.listen-now { padding-top: 0px; }
/*.col-8 img { width: 180px; height: 180px; float: left; border: 2px solid #000;}*/
.row .col-2{display:block;  position: relative;     right: 150px;  top: 75px;}
.home.page-index .container .col-8 .col-2-mobile { display: block; position: relative; top: 10%; right: 76%;}
.text{float:left;}
.img-video-mob{display:block;}
img.img-video{display:none;}
.home.page-index .col-8 .inner-col { display: inline-block; width: 100%; padding-left: 0;}
.container { border-bottom: none;}
.container .row{   padding-top: 80px;}
.container-fluid{background-image:none;	}
.home.page-index .row .col-8{padding-left:0; margin:0 auto;}
.home.page-index .container .row .col-2 {     display: none;}
.image-inner img {width: 300px; position: absolute; top: 0;  left: 30%;}
img.img-in {  position: absolute;  top: 80%;  left: 33%;  transform: translate(-50%, 0%); width: 215px;}
.inner-wrapper { position: absolute;  top: 95%;  left: 15%;}
img.img-video-mob {}
.home.page-index .jumbotron-fluid .container { max-width: 100%;  padding: 0;}
.home.page-index .inner-jumbotron { display: inline-block; width: 100%; padding-left:49px;padding-right:30px;margin-top: 40px;}
h3.inner-jumb { font-size: 16px;}
h2.inner-jumb2 { font-size: 16px;}
h4.inner-jumb3 { font-size:20px;}
.footer-img{width:92px;}
.footer-content { display: block; background: #000; color: #fff; text-align: center;padding: 20px; margin-top: 25px;}
h1.in-h1 { text-align: left; margin-bottom: 25px;}
.container i.fa.fa-play-circle {  font-size: 8rem;position: absolute;left:0%;top:35%;width: 68px;height: 80px;}
.dropdown-content{ position: absolute;top:60px;}
.hidden li a { font-size: 10px; text-align: center;}
.hidden li { height: 20px !important; width: 200px;}
.home.page-index #menu .last-child ul.hidden { width: 220px; margin-top: 2px; z-index: 1;}

.jumbotron.jumbotron-fluid {padding-top: 0px;padding-bottom: 73px;border-bottom: 0px;}
.jumbotron-img {height:300px;width:100%;}
}

@media only screen and (max-width: 860px)  {
	.home.page-index #menu li a {  min-width: 200px; font-size: 22px;}
	.hidden li a { font-size: 10px !important; text-align: center;}
	.home.page-index #menu .last-child ul.hidden { width: 200px !important; margin-top: 2px; z-index: 1;}
	.home.page-index .container .col-8 .col-2-mobile {display: block; position: relative; top: 13%; right: 72%;}
}

@media only screen and (max-width: 770px)  {
.home.page-index .present img { position: absolute; bottom: 12px; width: 145px; left: 160px;background: #fff;}
.home.page-index .inner-header{height:50px;}
.home.page-index .inner-header #toggle{height: 0px; margin: 0px auto;}
.home.page-index .inner-header #toggle div{margin:5px 5px;}
.home.page-index .header-text { padding-top: 0;}
.header-text h2.header-inner2{line-height:0.5;}
.home.page-index .inner-header #menu{top:50px;}
.home.page-index .inner-header #toggle { width: 40px;}
.home.page-index .inner-header #toggle.on .one { transform: rotate(45deg) translate(8px, 8px);}
.home.page-index #menu li a {  min-width: 160px;  display: block;  font-size: 15px;}
.home.page-index ul#menu {border: none !important;}
.container .inner-menu { margin-left: 45px;}
.container .row {  padding-top: 60px;}
.row .col-2 {  display: none;}
/*.header-contaier {  margin-bottom: 10px !important;}
.home.page-submit .header-contaier {
    margin-bottom: 0 !important;
}*/
.inner-col{ width: 100%;}
.home.page-index .container-fluid { background-image: none; height: 250px;    margin-bottom: 100px;}
.home.page-index .container .col-8 .col-2-mobile { display: block; position: relative;     top: 45%;  right: 65%;}
.home.page-index .col-8 .inner-col{ width: 100%;  padding-top: 90px; padding-left: 0;padding-top: 100px;}
h3.inner{padding-top: 25px;}
.home.page-index .row .col-8 {  padding: 0; /* margin: 0 auto; */     margin-left: 85px;  margin-right: 45px;    margin-top: 15px;}
.home.page-index .listen-now{padding:0;}
.home.page-index .container-fluid .image-inner img {  position: absolute;  top: 0; left: 30%;}
.home.page-index .container-fluid .image-inner img.img-in { position: absolute; top: 120%; left: 40%;}
.home.page-index .container-fluid .inner-wrapper {position: absolute;  top: 140%; left: 25%;}
}

@media only screen and (max-width: 640px)  {
.inner-col{ width: 100%;     padding-top: 25%; padding-left: 0;}
h3.inner{padding-top: 35px;}
.col-2-mobile {display: block;  position: relative;  top: 37%;}
.present { top: 0%;  left: 65%;}
.home.page-index #menu li a {  min-width: 140px;}
.home.page-index .present img{  left: 115px;}
.home.page-index ul#menu {margin-top:8px; border: none;}
.container .inner-menu { margin-left: 40px;}
.header-image{height: 200px;}
.home.page-index .inner-header #toggle div { margin: 8px 0px; height: 2px;}
.home.page-index #footer-wrapper h1.footer{ font-size: 16px;}
.home.page-index .footer-img img {  width: 20px; height: 20px;}
.home.page-index h4.footertext { font-size: 6px;}
.home.page-index .footer-img{width:80px;}
.text { padding: 15px;    float: none;}
h3.subscribe {background: #f0cd2e; margin-left: 35%; margin-right: 35%;    color: #000;}
.container i.fa.fa-play-circle{ font-size: 8rem;position: absolute;left:0%;top: 40%;width: 68px;height: 80px;}
.dropdown-content a { color: black; padding: 5px 15px; text-decoration: none; display: block; font-family: Gotham-Bold; font-size: 12px;}
.inner-header #menu{    width: 150px; height: 130px; line-height: 17px;}
.inner-header #menu a{font-size:10px;}
.home.page-index .container .row{padding-bottom:0;}
.home.page-index div#footer-wrapper {  padding-top: 0;}
.home.page-index .container .col-8 .col-2-mobile {  display: block; position: relative; top: 45%; right: 62%;}
}

@media only screen and (max-width: 580px)  {
	.home.page-index .col-2-mobile {display: block;  position: relative;   top: 5%;  right: 0;}
	.col-8 .inner-col { padding-top: 0 !important;}
	.home.page-index .col-8 img { width: auto; height: 180px; }
	.home.page-index .container-fluid{  margin-bottom: 125px;}
	.home.page-index .header-image{  height: 200px;}
	.home.page-index .header-contaier {  margin-bottom: 23px !important;}
	.home.page-index #menu .last-child ul.hidden { width: 200px !important; margin-top: 2px; z-index: 1;position: absolute;  right: -40px;}
	.home.page-index .container .col-8 .col-2-mobile {  display: block; position: relative; top: 43%; right: 60%;}
	.home.page-index .col-8 .inner-col {  padding-top: 100px !important;}
}

@media only screen and (max-width: 540px)  {
	.home.page-index ul#menu {  width: 90%;}
	.home.page-index .present img {  left: 90px;}
	.home.page-index #menu li a {  min-width: 120px;}
	.container .inner-menu {  margin-left: 15px;}
	.col-2-mobile { display: block; position: relative; top: 5%; /*right: 0;*/ }
	.header-text2{padding-left:20%;}
	.image-inner img{left:20%;}
	.inner-col { width: 100%; padding-top: 5%;}
	img.img-in{left:40%;}
	.inner-wrapper{left:20%;}
	img.img-video{margin-top:30px;}
	.footer-img{width:70px;}
	.container img.img-video-mob { margin-top: 50px !important;}
	.bar1, .bar2, .bar3, .bar4{width:40px;}
	.header-text2 { padding-left: 10%;}
	.header-text { padding-left: 10px;}
	.footer-content .footer-text h3 { font-size: 15px;}
	.container i.fa.fa-play-circle { font-size: 7rem;position: absolute;left:0%;top:35%;width: 68px;height: 80px;}
	.container img.img-video-mob { margin-top: 50px !important; height:330px;}
	.container-fluid { margin-top: 0;    height: 425px;}
	a.btn.btn-info { width: 115px;font-family: Gotham-Light; border-radius: 10px; font-size: 10px; color: #bbb;}
	.listen-now { padding-top: 0px;}
	.home.page-index.inner-header #toggle div { margin: 8px 0px; height: 2px;}
	.dropbtn { background-color: rgba(245, 245, 245, 0.4);  width: 55px;  height: 50px;}
	.inner-col p{margin-top:10px;}
	h4.inner-3{margin-top:10px;}
	.home.page-index #menu .last-child ul.hidden { width: 225px !important; margin-top: 2px; z-index: 1;position: absolute;         right: 0;}
	.hidden li a { font-size: 12px !important; text-align: center;}
	.home.page-index .container .col-8 .col-2-mobile {  display: block; position: relative; top: 43%; right: 60%;}
	.home.page-index .col-8 .inner-col {  padding-top: 100px !important;}
}

@media only screen and (max-width: 525px)  {
	.home.page-index .col-2-mobile{top: 25px; right: 0;}
	.home.page-index .inner-col{padding-top:15px;}
	.home.page-index .col-8 .inner-col { padding-top: 20px !important;}
	.home.page-index .container .col-8 .col-2-mobile { display: block; position: relative; top: 5%; right: 55%;}
}

@media only screen and (max-width: 490px) and (min-width: 420px)  {
	.home.page-index ul#menu { border: none;  width: 90%;    margin-top: 35px;}
	.home.page-index .present img { max-width: 125px;   left: 70px;}
	.home.page-index .header-text2 h2{font-size:16px;}
	.home.page-index .header-text2 h1{font-size:16px;}
	.home.page-index#menu li a{min-width:110px;}
	.home.page-index .container .col-8 .col-2-mobile { right: 50%;}
	img.img-video{max-width:100%;}
	.inner-col {padding-top: 0%;}
	.container .inner-menu { margin-left: 0;}
	li:last-child a { margin-right: 0; margin-left: 0;}
	.header-text2 { padding-left: 10%;}
	.header-text { padding-left: 10px;}
	.home.page-index .footer-img{width:60px;}
	h3.subscribe { background: #f0cd2e; margin-left: 80px; margin-right: 80px;}
	.home.page-index .header-contaier{margin-bottom: 0;}
	.home.page-index .container-fluid .image-inner img{left:25%;}
	.home.page-index .container-fluid .inner-wrapper{left:16%;}
	.home.page-index .container .row{padding-top:85px;}
	.home.page-index .inner-menu { margin-left: 5px;}
}

@media only screen and (max-width: 420px) and (min-width: 380px)  {
	.home.page-index .header-text2 h2{font-size:16px;}
	.home.page-index .header-text2 h1{font-size:16px;}
	.home.page-index .inner-menu {  margin-left: 0px;}
	.home.page-index .present img {  max-width: 110px;    left: 50px;}
	.home.page-index ul#menu { border: none;  width: 90%;margin-top: 5px;  margin-bottom: 0;}
	.home.page-index #menu li a{  min-width: 110px; font-size:12px;}
	.home.page-index .inner-col {padding-top: 0;}
	.home.page-index .footer-img{width:50px;}
	img.img-video {max-width: 100%; height: auto;}
	.home.page-index .container .col-8 .col-2-mobile { right: 45%;}
	img.img-video{max-width:100%;}
	.inner-col {padding-top: 0%;}
	.container .inner-menu { margin-left: 0;}
	li:last-child a { margin-right: 0; margin-left: 0;}
	.image-inner img {  width: 250px;}
	.inner-wrapper { left: 12%;}
	.header-text2 { padding-left: 10%;}
	.header-text { padding-left: 10px;padding-top: 10px;}
	.footer-icon {  text-align: center;  padding-bottom: 25px;}
	.footer-content .footer-text h3 { font-size: 15px;}
	#menu li.last-child a { background: #f0cd2e; height: 30px; line-height: 30px;}
	h3.subscribe { background: #f0cd2e; margin-left: 80px; margin-right: 80px;}
	.header-text h1.header-inner {font-size: 24px;}
	.header-text h2.header-inner2 { font-size: 10px;}	
	.home.page-index .container-fluid .image-inner img{left:20%;}
	.home.page-index .container-fluid .image-inner img.img-in{width:200px;}
	.home.page-index .inner-wrapper h1.in-h1{font-size:26px;}
	.home.page-index .container-fluid .inner-wrapper{left:20%;}
}

@media only screen and (max-width: 380px) and (min-width: 320px)  {
	#toggle { width: 35px; height: 35px; margin: 0px auto;}
	#toggle div {  margin: 3px auto;}
	.home.page-index .header-text{padding-left: 10px; padding-top: 10px;width:80%;}
	.home.page-index ul#menu { border: none;  width: 88%;margin-top:14px; margin-bottom: 0;}
	.home.page-index #menu li a {  min-width: 75px; padding: 0px 0px; font-size: 13px;}
	.text{padding:12px;}
	.home.page-index .present img {  max-width: 90px;    left: 60px;}
	.home.page-index .header-text2 h2{font-size:18px;margin-bottom: 0px;position: relative;top: -9px;left: -6px;}
	.home.page-index .header-text2 h1{font-size:18px;top: -5px;position: relative;}
	.home.page-index#menu li a{min-width:110px;}
	.home.page-index .inner-col { padding-top: 0%;}
	.home.page-index .container-fluid .image-inner img{left:20%;}
	.home.page-index .container-fluid .image-inner img.img-in{width:200px;}
	.home.page-index .inner-wrapper h1.in-h1{font-size:26px;}
	.home.page-index .container-fluid .inner-wrapper{left:20%;}
	.inner-wrapper {  left: 13%;}
	.home.page-index .inner-menu {  margin-left: 15px;}
	a.btn.btn-info{    width: 115px; font-size: 10px;}
	img.img-video { max-width: 100%;  height: auto;}
	.home.page-index .footer-img { width: 50px;}
	.bar1, .bar2, .bar3, .bar4 {  width: 40px; margin: 5px 10px;}
	.inner-col {padding-top: 0%;}
	.container .inner-menu { margin-left: 0;}
	li:last-child a { margin-right: 0; margin-left: 0;}
	.image-inner img {  width: 250px;}
	.inner-wrapper { left: 12%;}
	h4.footertext {font-size: 8px;}
	#footer-wrapper h1.footer {font-size: 13px;}
	.home.page-index .header-text h1.header-inner a {font-size: 24px;float: left;}
	.home.page-index .header-text h2.header-inner2  { font-size: 10px;}
	.header-text2 { padding-left: 5%;}
	.present img { max-width: 100px;left: 30px;}
	.present {left: 55%;}
	.col-2-mobile {right: 0; top: 3%;}
	#menu li.last-child a { background: #f0cd2e; height: 30px; line-height: 30px;}
	.footer-icon {  text-align: center;  padding-bottom: 25px;}
	.footer-content .footer-text h3 { font-size: 15px;}
	h3.subscribe { background: #f0cd2e; margin-left: 80px; margin-right: 80px;}
	.container img.img-video-mob{height: 280px;}
	.container i.fa.fa-play-circle { position: absolute;left:38%;top:35%;width: 68px;height: 80px;}
	.home.page-index .container .row .col-12 { padding: 0;}
}	
@media only screen and (max-width: 380px) and (min-width: 360px)  {
	.home.page-index .container .col-8 .col-2-mobile { right: 40%;}
}
@media only screen and (max-width: 360px) and (min-width: 320px)  {
	.home.page-index .container .col-8 .col-2-mobile { right: 35%;}
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .home.page-index ul#menu {width: auto !important;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .home.page-submit .header-contaier { margin-bottom: 0 !important;}
    .header-contaier {margin-bottom: 10px !important;}
}

/* Dropdown Button */
.dropbtn {
    color: white;
    padding: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	display: inline-block;
	float: left;
}

/* Dropdown button on hover & focus 
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(245, 245, 245, 0.7);
    min-width: 150px;
	top: 112px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-family: Gotham-Bold;
	font-size: 18px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/************** END PODCAST HOME  ***********/


/************** PODCAST INDIVIDUAL  **************/

/*-------------------********************------------------------
-------------- podcast-index css--------------------------- */
/*@font-face { font-family: "Gotham-Book"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Book.eot);
src: url(../podcast-fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Book.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Book.woff2) format('woff2');
}*/
@font-face {
  font-family: 'gotham_mediumregular';
  src: url('../podcast-fonts/gotham_medium_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_medium_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Gotham-Light';
  src: url('../podcast-fonts/Gotham-Light.woff2') format('woff2'),
  url('../podcast-fonts/Gotham-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'gotham_lightregular';
  src: url('../podcast-fonts/gotham_light_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_light_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_lightregular';
  src: url('../podcast-fonts/gotham_light_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_light_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: "GothamBook"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamBook.woff) format('woff'),
url(../podcast-fonts/GothamBook.ttf) format('truetype'),
url(../podcast-fonts/GothamBook.svg#GothamBook) format('svg');
}
@font-face { font-family: "Gotham-Medium"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Medium.eot);
src: url(../podcast-fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Medium.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Medium.woff2) format('woff2');
}
@font-face { font-family: "GothamMedium"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamMedium.woff) format('woff'),
url(../podcast-fonts/GothamMedium.ttf) format('truetype');
}
@font-face { font-family: "Gotham-Thin"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Thin.eot);
src: url(../podcast-fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Thin.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Thin.woff2) format('woff2');
}
@font-face { font-family: "Gotham-Bold"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Bold.eot);
src: url(../podcast-fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Bold.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Bold.woff) format('woff');
}
@font-face { font-family: "GothamBlack"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamBlack.eot);
src: url(../podcast-fonts/GothamBlack.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/GothamBlack.ttf) format('truetype'),
url(../podcast-fonts/GothamBlack.woff) format('woff');
}
body {
  height:100%;
  margin: 0;
}
.inner-header-individual .menu-icon {
    display: inline-block;
    cursor: pointer;
}

.inner-header-individual #toggle {
  width: 70px;
  height: 30px;
  margin: 20px auto;
}

.inner-header-individual #toggle div {
  width: 100%;
  height: 5px;
  background: #696969;
  margin: 10px 10px;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 5px;
}

.inner-header-individual #toggle.on .one {
    transform: rotate(45deg) translate(15px, 15px);
}

.inner-header-individual #toggle.on .two {
  opacity: 0;
}

.inner-header-individual #toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

.inner-header-individual #toggle.on .four {
  opacity: 0;
}

.inner-header-individual #menu {
    color: white;
    width: 200px;
    height: 250px;
    padding: 15px;
    border-radius: 3px;
    line-height: 35px;
    text-align: left;
    margin: auto;
    position: absolute;
    background-color: rgba(245, 245, 245, 0.7);
    top: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	display: none;
}
.inner-header-individual #menu a {
    color: black;
    /* padding: 12px 16px; */
    text-decoration: none;
    display: block; 
    font-family: GothamBlack;
    font-size: 20px;
}
.bar1, .bar2, .bar3, .bar4 {
    width: 75px;
    height: 5px;
    background-color: #A9A9A9;
    margin: 13px 20px;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
     transform: rotate(45deg) translate(-20px, -20px);
}
.change .bar4 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-34px, -34px);
}
.inner-header-individual {
    background-color: rgba(245, 245, 245, 0.4);
	height: 125px;
}
.header-contaier {
    margin-bottom: 40px;
}
/*.header-image {
    background-image: url("../podcast-images/My-Epic-232-cover-914x563.jpg");
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	opacity: 0.5;
}*/

.header-image-individual::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
}
.header-image-individual::before { 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	//background-image: url("../podcast-images/My-Epic-232-cover-914x563.jpg");
	background-size: cover;
	opacity: 0.5;
	background-position: 0 35%;
	z-index: -9999;
}
.header-image-individual {
	position:relative;
    background-repeat: no-repeat;
	top:0;
	height: 650px;
	width:100%;
}
.home.page-individual .inner-header-individual h1.header-inner {
    display: inline-block;
    font-weight: bold;
	margin: 15px;
}
.home.page-individual .inner-header-individual h2.header-inner2 {
    display: inline-block;
    font-weight: bold;margin-top: 1em;
}
.header-text {
    display: inline-block;
	width: 85%;
}
.inner-header-individual {
    background-color: rgba(245, 245, 245, 0.8);
    height: 125px;
}
.header-text-individual {
    display: inline-block;
    width: 30%;
    float: left;
	padding-top: 20px;
	padding-left: 20px;
}
.header-text-2 {
	padding-top: 20px;
	display: inline-block;
	text-align: center;
	
	position: relative;
    float: left;
    width: 33%;
}

.header-text2 {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: #000;
    font-size: 32px;
    /* font-family: Gotham-Bold; */
    font-weight: bold !important;
}
.header-text2 h1 {
    color: #000;
    font-size: 32px;
	font-family: "Gotham-Bold";
}
.header-text2 h2 {
    color: #000;
    font-size: 16px;
	font-family: "Gotham-Bold";
}
.present {
    text-align: center;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, 0%);
}
.present h3 {
    font-size: 18px;
    margin-bottom: 0;
    font-family: Gotham-Light;font-weight: 500;
}

/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    margin-right: 1px;
}
/*Style for menu links*/
.home.page-individual li a {
    display: block;
    min-width: 300px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    color: #000;
    text-decoration: none;
    font-size: 24px;
}
/*Hover state for top level links*/
.home.page-individual li:hover a {
    color: #000;
    border-top: 6px solid #f0cd2e;
    height: 38px;
    line-height: 38px;
}
li a:hover {
    text-decoration:none;
}
/*
.home.page-submit #menu li:nth-of-type(2) {
    border-top: 6px solid #f0cd2e;
}
.home.page-submit #menu li:nth-of-type(2):hover{
    border: none;
}
*/
/*Style for dropdown links*/
li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
display: none;
}
/*Make dropdown links vertical*/
li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
    text-align:left;
}
/*Display the dropdown on hover*/

/*.home.page-individual ul li a:hover + .hidden, .hidden:hover {
    display: block;
}*/

.home.page-individual ul.hidden {
    width: 300px;
    margin-top: 0;
    background: #f0cd2e;
    z-index: 1;
	 height: 160px;
}
.home.page-individual #menu .last-child .hidden li a {
    font-size: 12px;
    text-align: center;
    color: #000;
	font-weight: 900;
}
.home.page-individual #menu .last-child .hidden li a:hover {
    color: #fff;
}


.home.page-individual .hidden li {
   /* height: 25px !important;	 */
}
/*Responsive Styles*/
 .home.page-individual ul#menu {
    border-top: none;
	/*width: 80%;*/
}
.home.page-individual ul#menu {
    border-top: none;
	padding:0;
}
.home.page-individual .content-wrapper .container{    border-top: 2px solid #000;}
.home.page-individual .content-wrapper-2 .container {  padding: 0;  border: none !IMPORTANT;}
.home.page-individual .container {  border: none;}

.home.page-individual ul#menu:active {
    padding: 0px;
}
.home.page-individual #menu li.last-child a {
	background: none;
    height: 36px;
    line-height: 36px;
    /* margin-top: 6px; */
    border: none !important;
	  
}
.home.page-individual li:nth-last-child(1) {
    color: #000 !important;
    font-weight: normal;
    font-size: 24px;
    height: 34px;
    line-height: 34px;
}
.home.page-individual #menu .menu-item a {
	background: none;
    height: 33px;
    line-height: 33px;
    border: none !important;
    text-transform: uppercase;
}
.home.page-individual .container #menu li:first-child {
    border-top: 6px solid #f0cd2e;
}
.home.page-individual .container #menu li:first-child:hover {
    border-top: none;
}
.home.page-individual #menu .last-child .hidden li {
    border-top: none;
}

.container .row {
    padding-top: 70px;
}
.home.page-individual .col-sm-12 {
    padding: 0 !important;
}
.home.page-individual .col-sm-6 {
    float: left;
    padding: 0 !important;
}
.home.page-individual .col-sm-6 .submit-image {
	border: 6px solid #000;
    overflow: hidden;
    text-align: center;
	width: auto;
    height: 450px;
}
.home.page-individual .col-sm-6-other .inner-col{
    display: inline-block;
    width: 50%;
    padding-left: 45px;
}
.row .col-8{
	padding-top: 50px;
    margin-right: 63px;
}
.home.page-individual h3.inner {
    font-size: 20px;
    font-family: "Gotham-Thin";
    color: #f0cd2e;
	font-weight:bold;margin-top: 1em;
    margin-bottom: .5em;
}
h2.inner-2 {
    font-size: 30px;
    font-family: GothamBlack;margin-top: 1em;
}
.home h2.inner-2{margin-top: 8px;}
.home h4.inner-3{margin-top: 0em;}
h2.inner {
    font-size: 30px;
    font-family: Gotham Black;
}
h4.inner-3 {
    font-size: 14px;
    font-family: GothamBlack;margin-top: 1em;
    margin-bottom: .5em;
}
.inner-col p{
	font-size:14px;
}
p.inner-containt {
    background: #ddd;
    text-align: center;
    padding: 10px;
    margin-top: 25px;
	margin-bottom:0;
	font-weight: bold;
	width: 100%;
	font-family: GothamBlack;
}
.home.page-individual .fa-play:before {
    content: "\f04b";
}
.home.page-individual .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	float: left;
    font-size: 3em !important;
	color:#000;
}
.lamb .col-sm-6 {
    background: #ddd;
    border-left: 1px solid #fff;
}
.lamb .col-sm-3 {
    background: #ddd;
    border-left: 1px solid #fff;
}
.lamb .row {
    padding: 0px !important;
	height: 80px;
}
.lamb button.btn.btn-custom {
    padding: 18px 62px;
}
.buttons a.btn.btn-info:first-child:active {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}
.buttons .btn.btn-info:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
    border-radius: 0;
    width: 150px;
}
.buttons .btn.btn-info-2{
    color: #000;
    background-color: #fff;
    border-color: #000;
    border-radius: 0;
    width: 150px;margin-right: 5px;
}
.buttons .btn.btn-info-2:hover {
	 color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}
.buttons .btn.btn-info-3:hover {
	color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}
.buttons .btn.btn-info-3{
	color: #000;
    background-color: #fff;
    border-color: #000;
    border-radius: 0;
    width: 150px;
}

.lamb .buttons {
    margin-top: 25px;
	margin-bottom: 30px;
}
.home.page-individual .container-fluid {
    background-image: url("../podcast-images/luc-van-loon-459033.jpg");
    height: 250px;
    background-position: 100% 85%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	margin-top:50px;
	margin-bottom: 40px;
}
.home.page-individual img.img-in {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, 0%);
}
.inner-wrapper {
    position: absolute;
    top: 45%;
    left: 45%;
}
a.btn.btn-info {
    background-color: #000;
    border-color: #000;
    width: 150px;
}

h1.right {
    text-align: center;
	font-family: GothamBlack;
}
span.and_class {
    color: #F4D44E;
}
.home.page-individual .border.row {
    padding: 0 !important;
	padding-left: 20px !important;
}
.content-wrapper-2 .right { float: none !important;display: inline;}
.right .border {
    border: none !important;
	font-family: Gotham;
	font-size: 14px;line-height: 26px;
}

.image-inner {
    width: 970px;
}
.container .left {
    float: left;
}
.recent .left-recent {
    float: left;padding-top: 5px;
}
.recent {
    margin-top: 10%;
}
h2.podcast {
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
	font-family: Gotham-Bold;margin-top: 1em;
    margin-bottom: .5em;
}
.recent .left-recent button.btn.btn-lustom {
    background: none;
    font-size: 30px;
}
.home.page-individual p.episode {
    color: #F4D44E;
	margin: 0;
	font-family: Gotham-Thin;
	font-weight: bold;margin-top: 20px;
}
.recent .right-recent span {
    font-size: 12px;
    font-family: GothamBlack;
}
.recent .right-recent h3 {
    font-family: Gotham-Bold;
    font-size: 28px;
    clear: none;
}
.recent {
    margin-top: 15%;
    padding-right: 15%;
    padding-left: 15%;
    margin-right: auto;
    margin-left: auto;
}
.home.page-individual #footer-wrapper h1:before,
.home.page-individual #footer-wrapper h1:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 15%;
}

.home.page-individual #footer-wrapper h1:before {
  right: 0.5em;

}

.home.page-individual #footer-wrapper h1:after {
  left: 0.5em;

}
.home.page-individual #footer-wrapper h1.footer {
    font-size: 32px;
	text-align: center;
	margin-bottom:25px;
	font-family: "Gotham-Bold";
}
.home.page-individual div#footer-wrapper {
    margin-top: 50px;
}
.home.page-individual h4.footertext {
    font-size: 12px;
	padding-top: 5px;
	font-family: Gotham-Light;
    color: #f0cd2e;
}
.home.page-individual .footer-icon {
    text-align: center;
	padding-bottom: 30px;
}
.home.page-individual .footer-img {
    display: inline-block;
    width: 115px;
    text-align: center;
    margin: 0 auto;
}
.footer-img a:hover { 
    text-decoration:none;
    opacity: 0.8;
}
.footer-img a:hover h4{ 
    color: #ffb600 !important;
}
.row .col-12 .col-xs-6 {
    float: left;
}
.col-12 .col-xs-6 img {
    width: 350px;
    height: 350px;
    border: 5px solid #000;
}
.lamb {
	display: inline-block;
    width: 100%;
    padding-top: 20px;
	padding-left: 15px;
}
.container .row .col-12 {
   /* padding-right: 80px; */
    padding-left: 0px;
}
.home.page-individual .fa-play:before {
    content: "\f04b";
}
.home.page-individual .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 float: left;
	 line-height:20px;
}
.home.page-individual .fa-play-circle:before {
    content: "\f144";
    color: #000;
}
.home.page-individual .text {
    border: 1px solid #000;
	padding: 10px;
    width: 180px;
}
.text a {
    padding-left: 10px;
	    color: #000;
}
.listen-now {
        padding-top: 145px;
		display: none;
}
.listen-now i.fa.fa-play {
    font-size: 2em !important;
}

.share-btns.pull-right.bottomSocial { display: none;}
.home.page-individual .bottomSocial ul.hidden { width: 230px !important; margin-top: 0; background: #fff; z-index: 1; height: 50px;    border: 1px solid #000; }
.span {  display: inline-block;}
.span:hover .share-btns.pull-right.bottomSocial {  display: block; position: relative; right: 173px;}


.container-fluid.content-wrapper-2 {
    display: none; 
}
.container .image-inner-2 {
    display: none;
}
.home.page-individual .container .right { margin-top: 0px;margin-left: 156px;position: relative;top: -9px;}
.home.page-individual .container .left { margin-top: 10px;border-radius: 50%; border: 6px solid #000; height: auto; width: 250px;
    height: 250px;}

.home.page-individual .content-wrapper .topAdsBanner {
    padding: 45px 0;
}
.footer-content{display:none;}



@media only screen and (max-width: 1200px) {
	.home.page-individual #menu li a {  min-width: 300px;}
} 
@media (min-width: 768px){
.home.page-individual .content-wrapper .container {
    max-width: 970px !important;
}
}
@media only screen and (max-width: 992px)  {
	.container .row .col-12 { padding-left: 50px;}
	.inner-menu-individual{ margin-left: 30px;}
	#toggle div { margin: 6px auto;}
	#toggle { width: 60px; height: 40px; margin: 5px auto;}
	.home.page-individual #menu li a {  min-width: 210px; font-size:22px; }
	.home.page-individual #menu li{margin-right:15px;}
	.inner-header-individual{height:85px;}
	.inner-header-individual #menu { top: 85px;}
	.inner-header-individual h1.header-inner{float:left;}
	.inner-header-individual h2.header-inner2{position: absolute; top: 95%; background: #000; width: 100%; left: 0px;color: #fff; padding-left: 30px;}
	.present h3 { display: none;}
	.home.page-individual .present img { position: relative; top: 150px; left: 170px; /*background: #fff;*/ width: 130px;}
	.listen-now { padding-top: 30px;    display: block; padding-bottom: 50px;}
	.col-12 .col-xs-6 img {width: auto; height: 180px; float: left; border: 2px solid #000;}
	.home.page-individual .col-sm-6 .inner-col{    display: inline-block;  width: 100%; padding-left: 0px;}
	.home.page-individual .container .col-sm-12 .col-sm-6{ float:none;}
	.footer-content {display: block;background: #000; color: #fff; text-align: center;}	
	.home.page-individual .hidden li a {  font-size: 12px !important; text-align: center; color: #000;font-weight: bold;}
	.home.page-individual .hidden li {   height: 20px !important;}
	.home.page-individual .content-wrapper .container{border-top:none;}
	.home.page-individual .container ul#menu { border-top: 2px solid #000 !important;}
	.home.page-individual .container .col-sm-12 { margin: 0 auto; display: block; max-width: 90%;}
	.home.page-individual .col-sm-6-other .inner-col { padding-left:0; width: 100%;}
	.buttons .span .bottomSocial .hidden li {display: inline; margin: 0px; float: left;}
	.home.page-individual h3.inner{  margin-top: 10px;}
	.home.page-individual h2.inner-2{  margin-top: 10px;}
	
}

@media only screen and (max-width: 860px)  {
	.home.page-individual #menu li a {  min-width: 165px; font-size: 22px; }
	.home.page-individual #menu li{margin-right:10px;}
	.home.page-individual .container .col-sm-12 { margin: 0 auto; display: block; max-width: 90%;}
	.home.page-individual .col-sm-6 .submit-image{    height: 350px;}
}


@media only screen and (max-width: 414px) and (max-width: 736px) {
.home.page-individual .inner-header-individual h2.header-inner2{width: 400px;}


}



@media only screen and (min-width:360px) and (max-width: 640px) {
    
    .home.page-individual .inner-header-individual h2.header-inner2
    {width: 376px !important;}
}

@media only screen and (min-width:375px) and (max-width: 667px) {
    
    .home.page-individual .inner-header-individual h2.header-inner2
    {width: 391px !important;}
}


@media only screen and (max-width: 768px)  {
    
    /* width image podcast */
    
    .home.page-individual .container .col-sm-6{max-width: 100% !important;}
    .home.page-individual .col-sm-12{padding-left: 0px!important;}
    /* width image podcast */
    
    body{overflow-x: hidden;}
    .home.page-individual .container ul#menu{margin-top: 28px;}
    .home.page-individual .inner-header-individual h2.header-inner2{margin-top: 13em;width: 391px;margin-left: -1em;}
    .home.page-individual .inner-header-individual h2.header-inner2 a {color: #FFFFFF;float: left;margin-left: 20px;font-size: 12px;font-family: Gotham-Medium;}
    .home.page-individual .container ul#menu li a {font-size: 12px;height: 25px;line-height: 25px;}
    /*.home.page-individual .col-sm-12{padding-left: 10px !important;}*/
    .home.page-individual .container .right{margin-left: 0px;top: 12px;/*left: 9px;*/}
    .home.page-individual .border.row{margin-top: 32px;}
    .image-inner{width:100%;}


    .home.page-index .header-text2{padding-bottom: 7px;padding-left: 25px;}
    .home.page-index .present{left: 56% !important;}
    .home.page-index .header-text2 h2{top: -5px;font-size: 14px;left: 2px;}
    .home.page-index .header-text2 h1{font-size: 14px;}
    .home.page-index .podcastimg-bground{margin-top:0px;}
    .home.page-index .present img {max-width:129px;height: 35px;top: -42px;left: 14px;}
    .home.page-index ul#menu{margin-left: 0px;margin-top: 4px;}
    .home.page-index #menu li a{height: 24px;line-height: 24px;padding-left: 8px;padding-right: 8px;}

    .home.page-submit .header-text h2.header-inner2{margin-top: -8px;}
    .home.page-submit .detail .header-text2 h1{font-size: 14px !important;}
    .home.page-submit .detail .header-text2{padding-top: 5px;}
    .home.page-submit .present-submit img{background-color: #FFFFFF;max-width: inherit;height: 30px;top: -131px;padding-left: 5px;padding-right:5px;}
    .home.page-submit ul#menu {margin-left: 0px;margin-top:11px !important;}
    .home.page-submit #menu li a{height: 24px;line-height: 24px;padding-left: 8px;padding-right: 8px;}
    .home.page-submit #menu li:nth-child(3) a{font-size: 12px !important;height: 24px !important;line-height: 24px !important;}
    .inner-contain h1.submit-epic{font-size: 34px !important;}
    .home.page-submit #footer-wrapper h1.footer{font-size:15px !important;}


	.col-sm-12 .lamb .row { margin-top: 20px;}
	.col-sm-12 .lamb .buttons {  margin-top: -16px;}
	.home.page-individual .span .hidden li { width: 48px;}
	.home.page-individual ul.hidden{background:none; margin-top:2px;}
	.home.page-individual #menu .menu-item a {	background: #f0cd2e; font-weight: bold;}
	.home.page-individual #menu li.last-child a { background: #f0cd2e; font-weight: 700;}
	.home.page-individual h3.inner {  padding-top: 40px; font-size: 14px;}
	.home.page-individual h2.inner-2 { margin-bottom: 10px;}
	.home.page-individual h4.inner-3 { margin-bottom: 15px;}
	.home.page-individual .inner-menu-individual {  margin-left: 0px;}
	.home.page-individual .present img {max-width: inherit;height: 33px;padding-left: 5px;padding-right: 5px;}
	.home.page-individual #menu li a {  min-width: 150px; }
	.home.page-individual #menu li{margin-right:10px;}
	.home.page-individual ul#menu{border:none;}
	.present h3 { display: none;}
	.listen-now { padding-top: 30px;display:block;  padding-bottom: 30px;}
	.home.page-individual .inner-col{    display: inline-block;  width: 100%; padding-left: 0px; padding-top: 0;}
	.lamb{padding:0;}
	img.radious{width: 450px; height: 450px;}
	.right .border{   padding-bottom: 10px;}
	.recent{padding:0; margin-top: 5%;}
	.container-fluid.content-wrapper{display:block !important;}
	.container-fluid{background-image:block;}
	.container .image-inner-2 { display: block;  margin-top: 50px;}
	.image-inner-2 img {width: 300px; position: relative; left: 30%;}
	.image-inner-2 img.img-in {position: relative; transform: translate(-50%, 0%); /*top: 10%; left: 42%; width: 40%;*/}
	.inner-wrapper-2 { position: absolute; left: 45%; transform: translate(-50%, 0%);}
	.home.page-individual div#footer-wrapper { padding-top: 25%; margin-top:80px;}
	.home.page-individual #footer-wrapper h1.footer { font-size: 20px; text-align: center; margin-bottom: 25px;}
	.home.page-individual .footer-img {width:90px;}
	.home.page-individual .footer-img img { width: 20px; height: 20px;}
	.home.page-individual h4.footertext{ font-size: 6px;}
	.container .left { float: none;}
	.header-text-individual{padding:0;margin-top: 10px;}
    /*.inner-header-individual h2.header-inner2{background-color: transparent;}*/
    .header-text-2{width: 100%;top: -78px;/*left: 12px;*/}
    .present{top: 68%;left: 50%;}
    .home.page-individual ul#menu {margin-left:4px;}
	.footer-content{ padding:20px;}
	.buttons .btn.btn-info{ width: 145px;}
	.buttons .btn.btn-info-2{ width: 145px;    border-radius: 5px;}
	.buttons .btn.btn-info-3{ width: 145px;    border-radius: 5px;}
	.col-sm-12 .lamb .buttons{text-align: left; margin-bottom:10px;}
	.home.page-individual .container .left {overflow: hidden;width: 250px;border-radius: 50%;border: 6px solid #000;height: 250px;margin: 0 auto;}
	.home.page-individual img.radious{ width: auto; height: 200px; display: block; margin-left: -35%; margin-right: auto; text-align: center;}
	.home.page-individual img.radious { border: none;}
	.recent .left-recent { float: left;margin-left: -3px;}
	.inner-header-individual{height:50px;}
	.inner-header-individual #toggle{height: 0px; margin: 0px auto;}
	.inner-header-individual #toggle div{margin: 8px 0px;height: 2px;}
	.header-text { padding-top: 0;}
	.header-text h2.header-inner2{line-height:0.5;}
	.inner-header-individual #menu{top:50px;}
	.inner-header-individual #toggle { width: 40px;}
	.inner-header-individual #toggle.on .one { transform: rotate(45deg) translate(8px, 8px);}
	.header-text2{width:100%;}
	.home.page-individual img.img-in{ position: absolute ; top: 58%; left: 20%; transform: translate(-50%, 0%);}
	.container {  max-width: 540px !important;}
	.image-inner-2 img.img-in {  display: none;}
	.home.page-individual .col-sm-6 .submit-image { height: 180px; width: auto; border: 2px solid #000;}
	.home.page-individual .content-wrapper .topAdsBanner { padding: 30px 0;}
	.home.page-individual .border.row { padding: 0 !important;}
	.home.page-individual .header-text2-image{width:100%;}
	.home.page-individual .inner-header-individual h1.header-inner{margin:10px;}
	.home.page-individual div#sound-podcast {
    padding-left: 15px;
    padding-right: 15px;
	}
	
	
	.home.page-individual #sound-podcast button.flex-none.h4.mr2.button.button-transparent.button-grow.rounded {width:15% !important;
    height:55px !important;padding: 0px !important;
	}
	.home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding {
	width:45% !important;line-height: 12px !important;font-size:11px !important;letter-spacing:0px !important;
    height: 55px !important;padding: 5px !important;
	}
	.home.page-individual #sound-podcast .flex-auto {
	 padding:15px 10px 0px 10px !important;width:15% !important;height: 55px !important;
	}

}


@media only screen and (min-width:360px) and (max-width:640px) and (orientation: landscape){
    .home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding{line-height: 54px !important}
}



@media only screen and (min-width:375px) and (max-width:667px) and (orientation: landscape){
    .home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding{line-height: 54px !important}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding{line-height: 54px !important}
    
}

@media only screen and (min-width:414px) and (max-width:736px) and (orientation: landscape){
.home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding{line-height: 54px !important}
    
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape){
.home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding{line-height: 77px !important}
    
}

@media only screen and (max-width: 660px)  {
	.home.page-individual ul.hidden{    right: -80px;}
	.inner-header-individual h2.header-inner2 {font-size: 20px; line-height: 1.8;}
	.home.page-individual .present img { position: relative; top: 150px; left: 115px; /*background: #fff;*/}
	.home.page-individual .container-fluid .inner-wrapper { position: absolute; top: 60%;  left: 22% !important;}
	.home.page-individual img.img-in {     position: absolute; top: 25%; left: 45%;}
	.container-fluid .image-inner img{width:230px;}
	.image-inner-2 img {width: 300px; position: relative; left: 30%;}
	.image-inner-2 img.img-in {position: relative; transform: translate(-50%, 0%); }
	.home.page-individual #menu li a {  min-width: 115px;font-size: 16px; }
	.home.page-individual #menu li{margin-right:5px;}
	.header-contaier { margin-bottom: 30px;}
	.home.page-individual .container ul#menu{ border-top: none !important;}
	.footer-icon {text-align: center; padding-bottom: 25px;}
	.home.page-individual .header-text2-image{width:100%;}
	.home.page-individual .container .col-sm-6 { max-width: 50%;margin-top: 10px;}
	.home.page-individual .topAdsBanner { padding: 20px 0;}

}


@media only screen and (max-width: 560px)  {
	.home.page-individual .header-contaier {  margin-bottom: 0;}
	.home.page-individual .inner-menu-individual {  margin-bottom: 5px;}
	.inner-header-individual #menu li a { min-width: 130px;}
	.home.page-individual ul#menu{margin-top:30px;}
	.inner-header-individual h2.header-inner2{ padding-left: 15px; font-size: 16px; line-height: 2.8;    margin: 0;}
	.home.page-individual .present img {top: 42px;left: 54px;width: 145px;}
	.home.page-individual.container .left {  float: none;}
	.home.page-individual.container .right { display: block; padding-left: 15px; padding-right: 15px;}
	.home.page-individual .image-inner-2 img.img-in{  width: 230px; left: 40%;}
	.home.page-individual .image-inner-2 img{ left: 20%;}
	.buttons a.btn.btn-info { width: 120px; font-size: 12px;}
	.buttons .btn.btn-info-2{ width: 120px;   font-size: 12px;  border-radius: 5px;}
	.buttons .btn.btn-info-3{ width: 120px;    font-size: 12px; border-radius: 5px;}
	.recent { padding: 15px;}
	.home.page-individual h1.right{font-size:80px;}
	.footer-content .footer-text h3 { font-size: 15px;}
	h3.subscribe { background: #f0cd2e;  margin-left: 35%; margin-right: 35%;}
	.header-image-individual {  height: 200px;}
	.inner-wrapper-2 a.btn.btn-info {display: inline;}
	h4.footertext { font-size: 8px;}
	.inner-header-individual #menu { width: 150px; height: 130px; line-height: 17px;}
	.inner-header-individual #menu a { font-size: 10px;}
	.home.page-individual .header-text2-image h1{font-size:16px !important;}
	.home.page-individual .header-text2-image h2{font-size:12px !important;}
	.home.page-individual .container .col-sm-6{margin-top:25px;}
}

@media only screen and (max-width: 520px)  {
	.home.page-individual #menu li a { min-width: 115px; font-size: 16px;}
	.home.page-individual .present img{left:88px; top: 43px;}
	.right { display: block; padding-left: 30px; padding-right: 30px;}
	.recent { padding: 30px;}
	.home.page-individual #footer-wrapper h1.footer { font-size: 16px; text-align: center;}	
	h3.subscribe { background: #f0cd2e;}
	.container .row .col-12 { /* padding-right: 80px; */  padding-left: 25px;}
	.home.page-individual .footer-img { width: 80px;}
	.home.page-individual ul.hidden {  right: -40px;}
	.home.page-individual .container .right {  margin-top: 10px;  margin-bottom: 10px;}
}

@media only screen and (max-width: 485px)  {
	.home.page-individual .recent .right-recent h3 { font-size: 15px;}
	.home.page-individual .inner-header-individual h1.header-inner {  margin: 0;}
	.inner-header-individual h2.header-inner2{ padding-left: 15px; font-size: 16px; line-height: 2.8;}
	.home.page-individual .present img {top: 43px; left: 100px;width: 145px;}
	.home.page-individual #menu li a { min-width: 115px; font-size: 15px;}
	.home.page-individual .buttons .btn.btn-info{  width: 85px;}
	.home.page-individual .footer-img { width: 65px;}
	h4.footertext {   font-size: 8px;}	
	a.btn.btn-info { width: 100px; font-size: 10px;}
	h3.subscribe { background: #f0cd2e;  margin-left: 35%; margin-right: 35%;}
	.home.page-individual .buttons a.btn.btn-info:first-child { margin: 0;}
	.home.page-individual ul.hidden{width:140px !important;     right: 65px;}
	.home.page-index .row .col-8{margin-left:50px;}
	.span:hover .share-btns.pull-right.bottomSocial{right:0;}
	.home.page-individual .container .col-sm-6 { max-width: 70%;margin-top: 25px;}
	.home.page-submit #menu .last-child .hidden li a { font-size: 13px; font-weight: 900;}
	.home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding {width: 150px; font-size: 10px;}
}

@media only screen and (max-width: 420px)  {
	.inner-header-individual h2.header-inner2{ padding-left: 15px; font-size: 16px; line-height: 2.8;}
	.home.page-individual .present img { top: 48px; left: 100px; width: 130px;}
	.home.page-individual #menu li a {  min-width: 90px; }
	.buttons a.btn.btn-info { width: 75px; font-size: 12px;}
	.buttons .btn.btn-info-2{ width: 75px; font-size: 12px;  border-radius: 5px;}
	.buttons .btn.btn-info-3{ width: 75px; font-size: 12px; border-radius: 5px;}
	.lamb .buttons{ margin-top: 15px;}
	.inner-wrapper { width: 200px; text-align: center;}
	.inner-wrapper a.btn.btn-info{margin-bottom: 5px; }
	.home.page-individual .image-inner-2 img { left: 15%; width: 235px;}
	.home.page-individual div#footer-wrapper {  padding-top: 38%;}
	.home.page-individual #footer-wrapper h1.footer { font-size: 13px; text-align: center;}
	.bar1, .bar2, .bar3, .bar4{ margin: 10px 10px;}
	h3.subscribe { background: #f0cd2e;  margin-left: 35%; margin-right: 35%;}
	h2.podcast{font-size:1.5rem;}
	p.episode{    font-size: 14px;}
	.home.page-individual ul.hidden{width:140px !important; right: 65px;}
	.home.page-individual #footer-wrapper h1:before, .home.page-individual #footer-wrapper h1:after{width:15%;}

}

@media only screen and (max-width: 360px) and (min-width: 320px)  {
	.home.page-index .row .col-8{margin-left:30px;}
	#toggle { width: 35px; height: 35px; margin: 0px auto;}
	#toggle div {  margin: 3px auto;}
	/*.home.page-individual .present img { width: 100px;}*/
	.home.page-individual #menu li { margin-right: 5px;}
	.home.page-individual #menu li a {  min-width: 80px; font-size: 12px;}
	.recent .right{ padding:0; }
	.buttons .btn.btn-info {width: 85px; /* display: block; */ margin-bottom: 5px;}
	/*.home.page-individual .footer-img { width: 48px;}*/
	.home.page-individual #footer-wrapper h1:before { right: 0.5em; margin-left: -15px;}
	.home.page-individual #footer-wrapper h1:after { left: 0.5em; margin-right: -15px;}
	h3.subscribe { background: #f0cd2e;  margin-left: 35%; margin-right: 35%;}
	p.episode { font-size: 12px;}
	.recent {  padding: 15px;}
	.recent .left button.btn.btn-lustom{font-size: 20px;}
	.buttons .span .share-btns li{    margin: 10px 15px;}
	.buttons .bottomSocial .hidden li {  height: 15px !important;}
	.home.page-individual .topAdsBanner { margin-left: -15px; margin-right: -15px;}
}


/* Dropdown Button */
.dropbtn {
    color: white;
    padding: 5px 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	display: inline-block;
	float: left;
}

/* Dropdown button on hover & focus 
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(245, 245, 245, 0.7);
    min-width: 150px;
	top: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-family: Gotham-Bold;
	font-size: 18px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/************** END PODCAST INDIVIDUAL ************/


/************ PODCAST SUBMIT  *****************/

/*-------------------********************------------------------
-------------- podcast-index css--------------------------- */
/*@font-face { font-family: "Gotham-Book"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Book.eot);
src: url(../podcast-fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Book.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Book.woff2) format('woff2');
}*/
@font-face {
  font-family: 'gotham_mediumregular';
  src: url('../podcast-fonts/gotham_medium_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_medium_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Gotham-Light';
  src: url('../podcast-fonts/Gotham-Light.woff2') format('woff2'),
  url('../podcast-fonts/Gotham-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'gotham_lightregular';
  src: url('../podcast-fonts/gotham_light_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_light_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_lightregular';
  src: url('../podcast-fonts/gotham_light_regular-webfont.woff2') format('woff2'),
  url('../podcast-fonts/gotham_light_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: "GothamBook"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamBook.woff) format('woff'),
url(../podcast-fonts/GothamBook.ttf) format('truetype'),
url(../podcast-fonts/GothamBook.svg#GothamBook) format('svg');
}
@font-face { font-family: "Gotham-Medium"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Medium.eot);
src: url(../podcast-fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Medium.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Medium.woff2) format('woff2');
}
@font-face { font-family: "GothamMedium"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamMedium.woff) format('woff'),
url(../podcast-fonts/GothamMedium.ttf) format('truetype');
}
@font-face { font-family: "Gotham-Thin"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Thin.eot);
src: url(../podcast-fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Thin.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Thin.woff2) format('woff2');
}
@font-face { font-family: "Gotham-Bold"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/Gotham-Bold.eot);
src: url(../podcast-fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/Gotham-Bold.ttf) format('truetype'),
url(../podcast-fonts/Gotham-Bold.woff) format('woff');
}
@font-face { font-family: "GothamBlack"; font-weight: normal; font-style: normal;
src: url(../podcast-fonts/GothamBlack.eot);
src: url(../podcast-fonts/GothamBlack.eot?#iefix) format('embedded-opentype'),
url(../podcast-fonts/GothamBlack.ttf) format('truetype'),
url(../podcast-fonts/GothamBlack.woff) format('woff');
}

body {
  height:100%;
  margin: 0;
}
.inner-header .menu-icon {
    display: inline-block;
    cursor: pointer;
}

.inner-header #toggle {
  width: 70px;
  height: 30px;
  margin: 20px auto;
}

.inner-header #toggle div {
  width: 100%;
  height: 5px;
  background: #696969;
  margin: 10px 10px;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 5px;
}

.inner-header #toggle.on .one {
    transform: rotate(45deg) translate(15px, 15px);
}

.inner-header #toggle.on .two {
  opacity: 0;
}

.inner-header #toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

.inner-header #toggle.on .four {
  opacity: 0;
}

.inner-header #menu {
    color: white;
    width: 200px;
    height: 250px;
    padding: 15px;
    border-radius: 3px;
    line-height: 35px;
    text-align: left;
    margin: auto;
    position: absolute;
    background-color: rgba(245, 245, 245, 0.7);
    top: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	display: none;
}
.inner-header #menu a {
    color: black;
    /* padding: 12px 16px; */
    text-decoration: none;
    display: block; 
    font-family: GothamBlack;
    font-size: 20px;
}
.bar1, .bar2, .bar3, .bar4 {
    width: 75px;
    height: 5px;
    background-color: #A9A9A9;
    margin: 13px 20px;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
     transform: rotate(45deg) translate(-20px, -20px);
}
.change .bar4 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-34px, -34px);
}
.inner-header {
    background-color: rgba(245, 245, 245, 0.4);
	height: 125px;
}
.home.page-submit .header-contaier {
    margin-bottom: 40px;
}

.home.page-submit .header-image::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
}
.home.page-submit .header-image::before { 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	background-image: url("../podcast-images/luc-van-loon-459033.jpg");
	background-size: cover;
	opacity: 0.5;
	background-position: 0 35%;
	z-index: -9999;
}
.home.page-submit .header-image {
	position:relative;
    background-repeat: no-repeat;
	top:0;
	height: 500px;
	width:100%;
}
.home.page-submit .header-text-inner {
    display: inline-block;
    width: 80%;
    float: left;
    padding-top: 0;
    padding-left: 20px;
    color: #fff;
}
.home.page-submit .header-text {
    width: 85%;
    display: inline-block;
    padding-left: 25px;
    padding-top: 0px;
}
.home.page-submit .header-text h1.header-inner a {
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 60px;
    font-family: GothamBlack;
    margin: 0;
    float: left;
}
.home.page-submit .header-text h2.header-inner2 {
    color: #FFFFFF;
    font-size: 26px;
    margin-bottom: 10px;
    font-family: Gotham-Light;
}
.home.page-individual .header-text2-image {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: #000;
    font-size: 32px;
    font-family: Gotham-Bold;
    font-weight: bold !important;
}
.home.page-submit .header-text2-image p {
    margin: -15px;

}
.home.page-individual .header-text2-image h1 {
    color: #000;
    font-size: 32px;
    font-family: Gotham-Bold;margin-top: 1em;
    margin-bottom: .5em
}
.home.page-individual .header-text2-image h2 {
    color: #000;
    font-size: 16px;
    font-family: Gotham-Bold;
	text-align: center;
}

.home.page-submit .present-submit {
    text-align: center;
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.home.page-submit .present-submit h3 {
    font-size: 18px;
    margin-bottom: 0;
    font-family: Gotham-Light;
}

.home.page-submit .header-text2 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: #000;
    font-size: 32px;
    /* font-family: Gotham-Bold; */
    font-weight: bold !important;
}


/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    margin-right: 1px;
}
/*Style for menu links*/
li a {
    display: block;
    min-width: 300px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    color: #000;
    text-decoration: none;
    font-size: 24px;
}
/*Hover state for top level links*/
.home.page-submit #menu li:hover a {
    color: #000;
    border-top: 6px solid #f0cd2e;
    height: 40px;
    line-height: 42px;
}
li a:hover {
    text-decoration:none;
}
.home.page-submit #menu li:nth-of-type(2) {
    border-top: 6px solid #f0cd2e;
}

.home.page-submit #menu li:nth-of-type(2):hover {
    border-top: none;
}
.home.page-submit #menu .last-child .hidden li:nth-of-type(2) {
    border-top: none;
}
/*Style for dropdown links*/
li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
display: none;
}
/*Make dropdown links vertical*/
li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
    text-align:left;
}
/*Display the dropdown on hover*/

/*ul li a:hover + .hidden, .hidden:hover {
    display: block;
}*/

.home.page-submit ul.hidden {
    width: 300px;
    margin-top: 0;
    background: #f0cd2e;
    z-index: 1;
	height: 160px;
}
.home.page-submit .hidden li a {
    font-size: 12px;
    text-align: center;
    color: #000;
	font-weight: 900;
}
.home.page-submit .hidden li {
    height: 25px !important;	
}
.home.page-submit #menu .last-child .hidden li a:hover {
    color: #fff;
}


/*Responsive Styles*/
 ul#menu {
    border-top: 1px solid #000;
	/*width: 80%;*/
}
ul#menu {
    border-top: 2px solid #000;
	padding:0;
}
ul#menu:active {
    padding: 0px;
}
.home.page-submit #menu li.last-child a {
    background: none;
    height: 36px;
    line-height: 36px;
    /* margin-top: 6px; */
    border: none !important;
	  
}
.home.page-submit li:nth-last-child(1) {
    color: #000 !important;
    font-weight: normal; 
    font-size: 24px;
    height: 34px;
    line-height: 34px;
}
.home.page-submit #menu .menu-item a{
	background:none;
	font-weight: normal;
	text-transform: uppercase;
}

.container .row {
    padding-top: 100px;
}
.row .inner-contain h3.story {
    font-family: gotham_lightregular;
    font-size: 22px;
}
.inner-contain h1.epic {
    font-size: 3.5rem;
	font-family: GothamBlack;
	text-align: left;
}
.inner-contain h1.submit-epic{
	display:none;
	font-size: 3.5rem;
	font-family: GothamBlack;
}
.inner-contain p.research {
    font-weight: 600;
    padding-top: 10px;
}
.browse {
	text-align: center !important;
    margin: 50px;
    border: 1px solid #ccc;
    display: block;
    background: #fff;
    color: #000;
}
.submit {
    width: 35%;
    background: #000;
    border-color: #000;
    color: #fff;
    padding: 15px;
    font-size: 22px;
    font-weight: 600;
}
.container-fluid {
    background-image: url("../podcast-images/luc-van-loon-459033.jpg");
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	margin-top:50px;
	margin-bottom: 90px;
}
.image-inner img {
    width: 300px;
    position: absolute;
    top: 40%;
    left: 10%;
}
img.img-in {
    position: absolute;
    top: 40%;
    left: 53%;
    transform: translate(-50%, 0%);
}
.inner-wrapper {
    position: absolute;
    top: 60%;
    left: 45%;
}
a.btn.btn-info {
    background-color: #000;
    border-color: #000;
    width: 150px;
}
#footer-wrapper h1:before,
#footer-wrapper h1:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 15%;
}

.home.page-submit #footer-wrapper h1:before {
  right: 0.5em;

}

.home.page-submit #footer-wrapper h1:after {
  left: 0.5em;

}
.home.page-submit #footer-wrapper h1.footer {
    font-size: 32px;
	text-align: center;
	margin-bottom: 25px;
	font-family: "Gotham-Bold";
}
.home.page-submit div#footer-wrapper {
    padding-top: 100px;
}
h4.footertext {
    font-size: 12px;
     font-family: Gotham-Light;
    color: #f0cd2e;
	    padding-top: 5px;
		
}
.home.page-submit .footer-icon {
    text-align: center;
}
.home.page-submit .footer-img {
    display: inline-block;
    width: 115px;
    text-align: center;
    margin: 0 auto;
}
.GoogleActiveViewClass img {
    width: 810px !important;
    height: 250px !important;
}
.home.page-submit .container {
    max-width: 970px !important;
}


.home.page-submit .footer-content{display:none;}

@media only screen and (max-width: 1200px) {
	#menu li a {  min-width: 300px; }
} 

@media only screen and (max-width: 992px)  {
	#toggle div { margin: 6px auto;}
	#toggle { width: 60px; height: 40px; margin: 5px auto;}
	.home.page-submit #menu li a {  min-width: 215px; font-size: 22px; }
	.home.page-submit #menu li{margin-right:15px;}
	.inner-menu { margin-left: 70px;}
	.home.page-submit .header-text { padding-top: 25px;}
	.home.page-submit .inner-header{height:85px;}
	.home.page-submit .inner-header #menu {top: 85px;}
	.home.page-submit .present-submit h3 { display: none;}
	.home.page-submit .detail .header-text2 { padding-left: 30px;top: 95%;  background: #000; width: 100%; color: #fff;  display: inline-flex; position: absolute;}
	.home.page-submit .present-submit img { position: absolute;  bottom:86px;  width: 155px; left: 160px;}
	.header-text-inner{padding-top:20px;}
	.home.page-submit .header-text h1.header-inner a{float: left;font-size:30px;}
	.home.page-submit .header-text h2.header-inner2	{ font-size: 13px;}
	.home.page-submit .detail .header-text2 h1 { color: #FFF; font-size: 22px; font-family: Gotham-Bold;}
	.header-text-inner h1.header-inner { float: none;}
	.bar1, .bar2, .bar3, .bar4{margin: 8px 20px;}
	.image-inner img {position: absolute; top: 52%;    width: 250px;}
	.image-inner img.img-in { position: absolute; top: 48%; left: 55%;}
	.change .bar3 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-11px, -11px);}
	.change .bar4 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-20px, -20px);
}
.home.page-submit .hidden li a { font-size: 12px !important; text-align: center;}
.home.page-submit .hidden li { height: 20px !important;}
.home.page-submit ul.hidden { width: 220px; margin-top: 2px; z-index: 1;}
}

@media only screen and (max-width: 860px)  {
	.home.page-submit #menu li a {  min-width: 165px; font-size: 22px; }
	.home.page-submit #menu li{margin-right:10px;}
	.image-inner img {position: absolute; top: 60%;}
	.bar1, .bar2, .bar3, .bar4 {  width: 50px;}
	.container .row {  padding-top: 60px;}
}

@media only screen and (max-width: 768px)  {
    .recent .right-recent h3{margin-bottom: .5em !important;margin-top: 5px;}
	.home.page-submit ul.hidden{background:none; margin-top:2px;position: absolute; right: -20px;}
	.home.page-submit #menu .menu-item a {  background: #f0cd2e; font-weight: bold;}
	.home.page-index #menu .menu-item a{background: #f0cd2e;}
	.home.page-submit #menu li a {  min-width: 150px; }
	.home.page-submit #menu li{margin-right:10px;}
	.home.page-submit #menu li.last-child a { background: #f0cd2e; font-weight: 700;}
	.container-fluid.content-wrapper { display: none;}
	.submit {  width: 350px;}
		.home.page-submit .header-text { padding-top: 0;}
	.inner-contain {  line-height: 1; letter-spacing: 1.5px;}
	.footer-img {  width: 80px;    bottom: 22px;    left: 140px;}
	.detail .header-text2 h2 { font-size: 1.5rem;}
	.detail .header-text2 h1 { font-size: 1.5rem;}
	.present-submit img{ width: 160px;  bottom:20px; left: 125px;}
	.footer-content {display: block;background: #000; color: #fff; text-align: center;padding: 20px;margin-top: 25px;}	
	.inner-contain h1.submit-epic{display:block; text-align: left;}
	.inner-contain h1.epic {display:none;}
	.home.page-submit #footer-wrapper h1.footer{font-size:26px;}
	.home.page-submit .inner-header{height:50px;}
	.home.page-submit .inner-header #toggle{height: 0px; margin: 0px auto;}
	.home.page-submit .inner-header #toggle div{margin:5px 5px;}
	.home.page-submit .header-text-inner { padding-top: 0;}
	.home.page-submit .header-text-inner h2.header-inner-2 {line-height:0;}
	.home.page-submit .inner-header #menu{top:50px;}
	.home.page-submit .inner-header #toggle { width: 40px;}
	.home.page-submit .inner-header #toggle.on .one { transform: rotate(45deg) translate(8px, 8px);}
	.home.page-submit .container-fluid.content-wrapper {  display: none !important;}
	.home.page-submit div#footer-wrapper{padding-top:40px;}
	.home.page-submit .footer-img img { width: 20px;  height: 20px;}
	.home.page-submit h4.footertext { font-size: 6px;}
	.home.page-submit .footer-img  { width: 85px; }
}

@media only screen and (max-width: 660px)  {
	.home.page-submit #menu li a { min-width: 120px;}
	.home.page-submit #menu li{margin-right:5px;}
	.home.page-submit .present-submit img { position: absolute;  bottom:95px;  width: 130px; left: 130px;}
	.home.page-submit #footer-wrapper h1.footer { font-size: 16px;}
	.home.page-submit .header-contaier { margin-bottom: 10px;}
	.home.page-submit ul#menu { border-top: none; } 
	.home.page-submit ul.hidden{background:none; margin-top:2px;position: absolute; right: -10px;}	
}
	
@media only screen and (max-width: 580px)  {
	.present-submit img {    width: 110px; bottom: 24px; left: 70px;}
	.home.page-submit #menu li { margin-right: 5px;}
	.home.page-submit #menu li a { min-width: 115px; font-size: 16px;}
	#footer-wrapper h1.footer { font-size: 16px; text-align: center;}
	.bar1, .bar2, .bar3, .bar4 { margin: 5px 20px;  height: 3px;}
	.footer-icon {text-align: center; padding-bottom: 30px;}
	.footer-content .footer-text h3 { font-size: 15px;}
	h3.subscribe { background: #f0cd2e;  margin-left: 35%; margin-right: 35%;}
	.home.page-submit .header-image { height: 200px;}
	.home.page-submit .detail .header-text2 h1 {  color: #FFF; font-size: 1.1rem; font-family: Gotham-Bold;}
	.detail .header-text2 h2 {  color: #FFF; font-size: 1.0rem; font-family: Gotham-Bold;}
	.row .col-12 { padding-right: 30px; padding-left: 30px;}
	.header-contaier {margin-bottom: 15px;}
	.home.page-submit ul#menu { border-top: none;  margin-top: 5px;}
	.inner-header #menu{    width: 150px; height: 130px; line-height: 17px;}
	.inner-header #menu a{font-size:10px;}
	.home.page-submit .inner-header #toggle div { margin: 8px 0px; height: 2px;}
	.dropbtn{    background-color: rgba(245, 245, 245, 0.4);    width: 55px; height: 50px;}
	.home.page-submit .present-submit img{ left: 100px;}
	.home.page-submit ul.hidden{width:220px !important;    right: -30px;}
	
}
@media only screen and (max-width: 480px)  {

	.present-submit img { width: 115px; left: 60px;}
	.home.page-submit #menu li a {     min-width: 100px;font-size: 14px;}
	.footer-img {  width: 60px;}
	h4.footertext { font-size: 10px;}
	.bar1, .bar2, .bar3, .bar4{width:40px;}
	.detail .header-text2 h2 {  font-size: 1rem;}
	.detail .header-text2 h1 { font-size: 1rem;}
	.home.page-submit .present-submit img{  width: 110px; left: 60px; bottom: 100px;}
	.browse { margin: 40px 0px 40px 0px;}
	.submit { width: 300px; margin-left: auto; margin-right: auto; display: block;}
	.home.page-submit ul.hidden{width:140px !important;right: 65px;}
	.home.page-submit .hidden li a { font-size: 8px !important;}
	.home.page-submit #menu .last-child .hidden li a { font-size: 13px; font-weight: 900;}
}
@media only screen and (max-width: 480px) and (min-width: 360px)  {
	.bar1, .bar2, .bar3, .bar4 {margin: 5px 10px;}
	.change .bar3 {   -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px);}
	.change .bar4 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-15px, -15px);}
	.home.page-submit #menu li {  margin-right: 5px;}
	.header-text-inner {  padding-left: 12px;}
	.header-text-inner h1.header-inner { font-size: 24px;}
	.header-text-inner h2.header-inner-2 { font-size: 12px;}
	.home.page-submit .footer-img { width: 60px;}
	.home.page-submit .header-text{ padding-left: 10px; padding-top: 1px; width: 85%;  float: right;}
}

@media only screen and (max-width: 360px) and (min-width: 320px)  {
	#toggle { width: 35px; height: 35px; margin: 0px auto;}
	#toggle div {  margin: 3px auto;}
	.detail .header-text2 h2 {font-size: 0.8rem;}
	.detail .header-text2 h1 { font-size: 0.8rem;}
	.home.page-submit #menu li a { min-width: 85px;  font-size: 12px;}
	.browse{ margin: 30px 0px 30px 0px; width: 250px;}
	.submit { width: 250px; margin-right: auto; display: block;}
	#footer-wrapper h1.footer { font-size:15px; text-align: center;}
	.home.page-submit .footer-img {  width: 50px;}
	.home.page-submit .detail .header-text2 h1{font-size:0.8rem;}
	.home.page-submit .present-submit img { width: 100px; left: 45px; bottom: 105px;}
	.home.page-submit .header-text{ padding-left: 10px; padding-top: 10px; width: 80%;  float: right;}
	.home.page-submit .header-text h1.header-inner a { font-size: 24px;float: left;}
	.home.page-submit .header-text h2.header-inner2{ font-size: 12px;}
	.bar1, .bar2, .bar3, .bar4 {margin: 5px 10px;}
	.change .bar3 {   -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px);}
	.change .bar4 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-15px, -15px);}
	.header-text { padding-top: 10px; padding-left: 10px;}
	.home.page-submit #footer-wrapper h1:before{  right: 0.5em; margin-left: -15px;}
	.home.page-submit #footer-wrapper h1:after { left: 0.5em;  margin-right: -15px;}
	.home.page-submit .container .row {   padding-right: 0; padding-left: 0; margin: 0;}
	.home.page-submit .col-12.content-wrapper.top-border { padding: 0;}
	.home.page-submit .container {  padding: 0;}
}


@media only screen and (max-width:320px) and (max-width:568px) and (orientation : portrait) {


 .home.page-index .inner-jumbotron{padding-left: 29px;}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
    .home.page-index .present{top:112%;left: 46%;}
    .home.page-index .header-text2 h2{position: relative;top: -4px;}
    #menu{position: relative;left: -16px;top: -7px;}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 
 .home.page-index .present{top: 113%;left: 55%;}
 .home.page-index ul#menu{margin-top: 19px;}
 .home.page-index .header-text2 h1{font-size: 18px;position: relative;top: -6px;}
 .home.page-index .header-text2 h2{font-size: 18px;margin-bottom: 0px;position: relative;}
 .home.page-index .present img{left:32px;}
  #menu{margin-top: 19px;position: relative;top: 14px;left: 13px;}
}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { 

.home.page-index .header-text2 h2{position: relative;top: -4px;}
.home.page-index .present{top: 112%;}

}



@media only screen and (min-device-width:320px) and (max-device-width: 568px) and (orientation : landscape) { 

.home.page-index .header-text2 h1{}
.home.page-index .header-text2 h2{}
.home.page-index .present{}
.home.page-index ul#menu{margin-top:22px;}
}


/* Dropdown Button */
.dropbtn {
    color: white;
    padding: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	display: inline-block;
	float: left;
}

/* Dropdown button on hover & focus 
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(245, 245, 245, 0.7);
    min-width: 150px;
	top: 112px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-family: Gotham-Bold;
	font-size: 18px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/************ END PODCAST SUBMIT **************/

/* custom css */
.read_online_link, h3 a, h2 a, h1 a{color: #000; text-decoration: none;}
a.read_online_link, h3 a:hover, h2 a:hover, h1 a:hover{color: #000 !important; text-decoration: none !important;}
.topAdsBanner { padding:60px 0; text-align: center; margin-bottom: 0px;}

.buttons .span .share-btns{ text-align: center; margin-top: -20px;  }
.buttons .span .share-btns li{display: inline-block; list-style: none; margin:0px 25px 0 0px; float:left;  vertical-align: middle;}
.buttons .span .share-btns .share-btns-title{ font-size: 14px; text-transform: uppercase; font-family: "Gotham-Thin"; color: #4c4c4c; display: block; margin-bottom: 10px;}
.buttons .span .share-btns.bottomSocial { width:100%; margin-top:0; text-align:right;}
.buttons .span .share-btns.bottomSocial .share-btns-title { display:inline-block; vertical-align:middle;}
.buttons .span .share-btns.bottomSocial ul { display:inline-block;  /*width:41%; */vertical-align:middle; text-align:right; margin-bottom: 0;padding-left: 2em;}
.bottomSocial .hidden li:hover a {  border: none !important;}
.bottomSocial .hidden li a { display: inline;}
.fb i:before { color: #3b5999 !important; font-size: 24px !important; }
.tw i:before { color: #3498d8 !important;; font-size: 24px !important; }
.reedit i:before{ color: #ff6932 !important;; font-size: 24px !important; }
.email_icon i:before{ color: #474747 !important;; font-size: 24px !important; }


/*********** Sound-Podcast CSS  ************/


.home.page-individual #sound-podcast button.flex-none.h4.mr2.button.button-transparent.button-grow.rounded {
    background-color: #bbb;
    /*padding: 28px;*/width: 76px;height: 77px;float: left;
}


.home.page-individual #sound-podcast .h5.bold.caps.mr2.ng-binding {background: #ccc;/*padding: 30px;*/margin-bottom: 0;float: left;width: 555px;height: 77px;line-height:77px;padding-left: 30px;text-transform: uppercase;font-size: .875rem;letter-spacing: .2em;font-weight: 700;overflow: hidden;}

.home.page-individual #sound-podcast .flex-auto {background: #eee;padding: 26px;width: 350px;height: 77px;float: left;}

svg:not(:root) {
    overflow: hidden;
    width: 20px;
    height: 20px;
}

.progress {
    /* display: -webkit-box; */
    display: -ms-flexbox !important;
    /* display: flex; */
    height: .5625rem !important;
    overflow: hidden !important;
    font-size: 0.75rem !important;
    background-color: #e9ecef !important;
    border-radius: 0.25rem !important;
    width: 100% !important;
    background-color: rgba(0,0,0,.0625) !important;
}

.mr2 {
    margin-right: 0.1rem !important;
}
h2.inner-jumb2 a {
    font-size: 36px;
    font-family: "GothamBlack";
}
a.watch-now, a.watch-now:hover{color: #000;}


.home.page-submit #menu li:nth-child(3) a {background-color: #f0cd2e;font-size: 24px;font-weight: 900;height: 40px;}

.home.page-individual #menu li:nth-child(3) a{background-color: #f0cd2e;font-size: 24px;font-weight: 900;height: 40px;}


.podcastimg-bground {
   /* float: left;
    background-color: #FFFFFF;
    width: 220px;
    height:62px;
    padding-top: 5px;*/
    margin-top: 15px;
}