/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* hide featured image on page */
.single-post .attachment-post-thumbnail {
	display: none;
}

/* end hide featured image */
/* change previous and next post message */
/* end previous and next episode */
/* creating border around paragraphs*/
.border1 {
	border: 2px dotted;
	padding: 1em;
}

/*end border around paragraph *?*/
/* hide featured image on Why? Home page*/
.page-id-36 div.featured-image {
	display: none;
}

/*end hide featured image on why home page */
/*why home page background color */
.page-id-36 {
	background-color: #ffffff;
}	
}

/*end why home page background color */
/* begin title on bottom panel of front page */
.widget-area-front:before {
	display: block;
	text-align: center;
	content: "Featured Episodes of Why? Radio";
	font-size: 47px;
	font-size: 2.9375rem;
	margin: 0 0 .4375em;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

/* end title on bottom panel of front page */
/* begin front page featured site column lnegth for even grid */
.clear .twocolumn {
	min-height: 920px;
}
/* reduce padding for headers on mobile 40799933-hc LL */
@media screen and (max-width: 600px) {
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 1em;
    }
}

/* set mobile headers to be smaller with custom class 40799933-hc LL */
@media screen and (max-width: 600px) {

    .mobilefont {

        font-size: .9em !important;

    }

}

/*scrolly make scroll taller on front page */

/* what I would suggest is to make the text wider.*/

@media screen and (min-width: 80em){
.content-caption {
max-width: 80%;
}
}

/* you can add this to pull the caption a bit higher */

@media screen and (min-width: 80em){
.homepage .section {
min-height: 900px;
padding-top: 7%;
}
}

/* adjust the alignment of the image block, so it doesn't stretch to the full width of the caption box. */



/*Here is the code to make the window higher so you can check it out */

@media screen and (min-width: 95em){
.home .inner-page {
margin-top: 60%;
}
}


/* you should be able to deactivate fade */


@media screen and (min-width: 70em){
.is-scrolled .content-caption {
opacity: 1;
}
}
/* buttonn bottom line*/
.entry-content a.wp-block-button__link {
    border-bottom: 2px solid;
}


.page #headerimg {
display: none;
}

/*suppress banners*/
.featured-image .header.section {
background-image: none!important;
background: white;
}
.featured-image .header.section .overlay {
display:none!important;
}

.featured-image .header.section .entry-content {
color:black;
}