.alert.header-campaign{background-size:cover;}
/* Hearken Embeds: These styles prevent our fancy checkbox styles from conflicting with checkboxes in Hearken embeds */
.hearken-embed.cleanslate input[type=checkbox],
.hearken-embed.cleanslate input[type=radio]                            { position: relative !important; }
.hearken-embed.cleanslate input[type=checkbox]+span:before             { display: none; }

/* We broke blowout layouts. Fix incoming via JIRA . This is a temporary hack fix for one specific page, until that bug fix can be deployed. */
body.postid-6049038 .story-content {
	overflow:initial;
}
body[data-postid="6854411"] .ad.alignright {display: none;}
.postid-6854411 .story-blowout .story-content { overflow: initial;}


/* Also related to blowout error, this temporarily fixes sidebar scrunched on wide desktop displays. */
.story-blowout .sidebar {
    width: auto;
}
/* Temp fix to hide campaign page featured image, so it can be added with a link to the donate page */
body.postid-6945351 .post-featured-image {
	display: none;
}
/* Temp fix iphone SE on two-col image lightboxes. This needs to be added back to regular theme styles. */
@media only screen and (max-device-height: 568px) {
  #lightbox.is-two-col .lightbox-image{
      display: none;
  }
  #lightbox.is-two-col .close-button::before,
  #lightbox.is-two-col .close-button::after {
    background-color: #586980 !important;
  } 
}
/* Support no-heart action button on lightbox. */
#lightbox.is-takeover.no-heart .lightbox-content .button:before {
	display:none;
}
/* Hotfix to hide the special air date from a single post display, without removing it from Specials page by deleting the data in the back end. https://wamu.org/story/21/10/12/your-turn-virginia-votes/ 2021.10.20 */
.postid-6769605 .post-lead {display:none;}

/*hotfix NPR embed videos not adjusting height (pym issue)*/
.responsive-video-container {
    position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
}
.responsive-video-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* Same as above, cleaner fix to pym embedded videos in iframes. */
.video-embed iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}

/*Temp custom "hat" breaking news link external to DCist.com. Safe to this if the breaking news is no longer being displayed on the HP above the feature area */
.hat {
    max-width: 1200px;
    margin: 32px auto 0;
}
.hat a.clickarea {
    display:block;
    width: 100%;
    height: 100%;
    background-color:#e7ebef;
    padding:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#1b2333;
    transition: background-color 500ms, color 500ms;
}
.hat a.clickarea:hover {
    background-color: rgba(0,0,0,0.04);
    color: #222;
}
.hat .thumbnail {
    max-width: 100px;
    opacity: 0.9;
    transition: opacity 500ms;
    display: inline-block;
    vertical-align:middle;
}
.hat a.clickarea:hover .thumbnail {
    opacity: 1;
}
.hat .body {
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    vertical-align:middle;
    padding: 1em;
}
.hat .btn-go {
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: bold;
    border: none;
    background-color: white;
    padding: 12px;
    margin-right: 2em;
    text-transform: uppercase;
	  letter-spacing: 0.05em;
    min-width: 150px;
}
@media (min-width: 48em) {
.row.home-row {
    margin-top: 32px;
}
}
@media (max-width: 1200px){
.hat{
    padding: 0 20px;
}
}
@media (max-width:600px){
.hat a.clickarea {flex-wrap:wrap;}
.hat .body {padding: 1em 2em; font-size: 1em}
.hat .btn-go {margin:0 2em 1em;width:100%}
.hat .thumbnail {display: none;}
}

/* Custom styling for sponsor camps and schools "Directory Page" */
.page-id-7019935 .story-blowout .story-container .story-content {
	max-width: none;
}
.page-id-7019935 .post-featured-image {
	display: none;
}
.page-id-7019935 .main-content {
	margin-top: 0;
}
@media (min-width: 64em) {
	.page-id-7019935 .main-content {
    	margin-top: 0;
	}
}
@media (min-width: 48em) {
	.page-id-7019935 .story-blowout .story-container .story-content {
		max-width: none;
	}
}
/* End custom styling for sponsored camps directory */
/* Start quickfix for Giveaways page -- multiple items string together without line break. */
.en-giveaways a {
    display: block;
    padding: 0 0 1em 0;
}
/* End Giveaways links fix*/