/* .bar1,
.bar2,
.bar3 {
    background-color: var(--blue);
}
.navbar-on .bar1 {
    background-color: var(--blue);
  }
  
  .navbar-on .bar3 {
    background-color: var(--blue);
  } */

  .bar1,
.bar2,
.bar3 {
    background-color: var(--white);
}
.navbar-on .bar1 {
    background-color: var(--white);
  }
  
  .navbar-on .bar3 {
    background-color: var(--white);
  }




/* HERO */
.hero {
  text-align: center;
  width:100%;
  margin: auto;
  margin-top: 90px;
}
.hero img {
	filter: grayscale(100%);
}
.hero div {
	width:50%;
	margin: auto;
	text-align: left;
}
.hero div h1 {
	color: var(--blue) !important;
	font-size: 30px;
	line-height: 25px;
}
.hero div h2 {
	color: var(--blue) !important;
	font-size: 25px;
	line-height: 20px;
}
.hero div h3 {
	color: var(--blue) !important;
	font-size: 20px;
	line-height: 15px;
	padding-top: 0;
	padding-bottom: 0;
}
.hero div p h2 {
	font-size: 80px !important;
}
/* END OF HERO */

/* CASE STUDIES */
div .case-studies {
	width: 100% !important;
}
.case-studies h5 {
  font-size: 8px;
}
.case-studies h4 {
  font-size: 20px;
  line-height: 18px;
}
.case-studies img {
  filter: grayscale(100%);
}
/* END OF CASE STUDIES */

/* #podcast-hero img{
	width: 100%;
    height: auto;
    object-fit: cover; 
} */
#podcast-hero {
	overflow: hidden;        /* hides the zoomed edges */
}
  
#podcast-hero img {
	width: 100%;
	transform: scale(1);     /* default (desktop) */
	transform-origin: center;
}

#podcast-overview .content-wrapper p
{
	width: 50%;
}



@media (max-width: 767px) {
    .hero {
		width: 100%;
		/* text-align: left; */
	}
	.hero div {
		width:100%;
	}
	
	#podcast-overview .content-wrapper p
	{
		width: 100%;
	}

	#podcast-hero {
		overflow: hidden;        /* hides the zoomed edges */
	}
	  
	#podcast-hero img {
		height: 100%;
		width: 100%;
		transform: scale(1);     /* default (desktop) */
		transform-origin: center;
	}
	/* #podcast-hero {
        overflow: hidden;    
        height: 200px;       
    }

    #podcast-hero img {
        
        height: 100%;
		width: 100%;
        
        transform: scale(1.2)
        
    } */
}

/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   
}
  
/* Tablets (landscape) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   
}

/* iPad Pro-specific styling */
@media (min-width: 834px) and (max-width: 1366px) and (orientation: portrait) {
	.hero div {
		width: 70%;
	}
}

/* iPad Pro-specific styling */
@media (min-width: 834px) and (max-width: 1366px) and (orientation: landscape) {
	.hero div {
		width: 70%;
	}
}

/* Small desktops */
@media (min-width: 1025px) and (max-width: 1439px) {

}

/* Large desktops */
@media (min-width: 1440px) {

}

/* Ultra-wide monitors */
@media (min-width: 1920px) {
/* Optional refinements here */
}

@media (min-width: 2560px) {
	.hero {
		padding: 200px 100px;
	}
	.hero h2 {
		padding-bottom: 200px;
	}
}