/*
 Single facility viewer — story cards, story chooser menu, accordion, tables Enqueue handle: drp-single-facility
*/

/*** CREATE UPPER ZONE WHERE 'PAGE' TITLE SITS ***/

.content-area {
  margin-top: 0rem !important;
  margin-bottom: 5rem !important;
  padding: 0 !important;
}

/*** KEEP EVERYTHING AT FULL BROWS WIDTH ***/
.stories-upper-zone,
.stories-main-zone,
.stories-title,
.stories-ice-dropped-row-wrap {
	width: 100% !important;
}
.stories-upper-zone {
	min-height: 2rem !important;
}

.stories-title {
	font-size: 1.25rem !important;
}

/*** CHANGE FACILITY LINK ***/
.kb-adv-heading1538_28e250-1e:hover {
	color: #330000 !important;
}

/*** MAIN ZONE/COL STRUCTURE ***/
/* Keep 2 cols on larger screens */
.stories-main-zone > .kt-row-column-wrap {
	align-items: start !important;
	min-height: 6rem !important;
	grid-template-columns: 1fr 25rem !important;
}

/* Switch to 1 col at <768 */
@media (max-width: 767px) {
    .stories-main-zone > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
    }
    .element-top > .kt-inside-inner-col {
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .stories-query-cards .kb-query-grid-wrap {
        grid-template-columns: 1fr !important;
    }
    .stories-title {
    	font-size: 1.25rem !important;
    }
}
/*** KEEPS READER COL HEIGHT EQUAL TO DETAILS COL ***/
.stories-reader-col {
	height: 36.5rem !important;
	overflow-y: auto !important;
	align-self: start;
}
/*** PHONE DOESN'T NEED A HEIGHT LIMIT ***/
@media (max-width: 767px) {
    .stories-reader-col {
        height: auto !important;
    }
}

.entry-title { display: none !important; }

/* ==== BEGIN DETAILS FORMATTING SECTION ===*/
/*** STRUCTURE AND CLASS NAMES ***
stories-details-col-wrap
	stories-details-col
		sd-top
			sd-image-row
				sd-image-row-image-wrap
					sd-image-row-image
				sd-image-row-stats-wrap
					sd-image-row-stats
		sd-data-wrap
			sd-data
		sd-bottom
			sd-accordion
				sd-accordion-header
*** END STRUCTURE AND CLASS NAMES ***/


/*** WIDTH AND LEFT MARGIN OF DATA AREA ***/

.sd-top {
	width: 25rem !important;
}

.sd-data-wrap {
	width: 100% !important;
	margin-left: .5rem !important;
}

/* KEEPS DETAILS COL (BOTTOM/ACCORDION) INSIDE FULL WIDTH ALWAYS */
.sd-bottom {
	width: 100% !important;
}


/*** KEEPS DETAILS CONTROL BACKGROUND FILLED ***/
.stories-details-control-band{
	width: 100% !important;
}

.wp-block-accordion-heading__toggle-title {
	font-size: 1.15rem !important;
	text-decoration-color: #0000DD !important;
	text-align: left !important;
}
.stories-last-inspection-header {
	text-decoration: underline !important;
}
.stories-timeline-header {
	text-decoration: underline !important;
}

/*** FORMAT THE FACILITY TYPE SHORTCODE BLOCK ***/
.drp-facility-type-desc {
  font-size: 1rem !important;
  font-weight: normal !important;
  margin-left: .875rem !important;
}
/*** FORMAT THE THREE TABLES IN DETAILS AREA ***/
.stories-details-table-criminals,
.stories-details-table-threats,
.stories-details-table-securities {
	border-collapse: collapse !important;
	width: 20rem !important;
	font-size: 1rem !important;
}

/* ==== END DETAILS FORMATTING SECTION ===*/



/*** end main zone/col structure ***/
/***  ***/




.stories-query-loop {
}

.stories-query-cards {
}

.stories-single-card-wrap > .kt-row-column-wrap {
	display: grid !important; 
	grid-template-columns: 1fr 12rem !important;
    height: 12rem !important;
}

@media (max-width: 767px) {
    .stories-single-card-wrap > .kt-row-column-wrap {
        height: auto !important;
    }
}

.stories-single-card-left > .kt-inside-inner-col {
/*	align-content: space-between !important;  */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;

}
.stories-single-card-left {
/*	height: 12rem !important;  */
	height: 100% !important;
	align-content: space-between !important;
}
.stories-single-card-left-col-upper-row {
    flex: 1 0 auto !important;
}	
.stories-single-card-left-col-lower-row {
    flex-shrink: 0 !important;
}
.stories-single-card-left-middle {
	height: 0 !important;
}
.stories-single-card-right {
	width: 12rem !important;
}

.stories-short-summary {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.story-card-timeframe {
    text-overflow: ellipsis !important;	
}

.story-card-badge-wrap > .kt-inside-inner-col {
	min-height: 3rem !important;
}

@media (max-width: 767px) {
    .stories-single-card-left-col-lower-row > .kt-row-column-wrap {
        grid-template-columns: repeat(4, auto) !important;
    }
}


/* === FOR STORY CHOOSER MODAL TO WORK === */
/*     (THE RIGHT SLIDE-OUT MODAL FOR PHONE*/
.story-chooser-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem;
    color: inherit;
    text-decoration: none;
    line-height: 1;
}

.story-chooser-trigger svg {
    width: 2.3rem;
    height: 2.3rem;
    stroke: currentColor;
}

.story-chooser-trigger:hover {
    opacity: 0.7;
}
.story-chooser-trigger {
    display: none;
}
body.wp-single-facilities .story-chooser-trigger {
    display: inline-flex;
}

/* ==== END STORY CHOOSER HELPER === */