@charset "utf-8";
/* CSS Document */


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'drcnh' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-print:before {
  content: "\f02f";
}
.icon-angle-left:before {
  content: "\e408";
}
.icon-angle-right:before {
  content: "\e409";
}
.icon-angle-up:before {
  content: "\e5ce";
}
.icon-angle-down:before {
  content: "\e5cf";
}
.icon-search:before {
  content: "\f002";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-youtube:before {
  content: "\f16a";
}


/* CSS Variables */
:root {
	
	--blue: #111763;
	--light_blue: #3652ba;
	--yellow: #ffc224;
	--gray: #273142;
	--light_gray: #ececec; 
	
	--box_shadow: 0 1px 3px -2px #616161; /* NOTE: This is not what's in the mockups */
}


body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.125em;
	line-height: 1.5;
	color: #273142;	
}


h2, h3, h4, h5, h6 {
	color: var(--blue);
	margin-bottom: 1rem;
	
}

h2 {
	font-size: 1.3333em;	
}






.blue {
	color: var(--blue);	
}



button,
.button,
a.button {
	display: inline-block;
	background-color: var(--light_blue);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0;
	border: 0;
	text-decoration: none;
	border-bottom: none;
	padding: 0.75em 1.5em;
}


/* Only used in pagination? */
.button.disabled {
	background-color: var(--light_gray);
	color: #616161;
}




input,
textarea,
select {
	border-radius: 0;	
}




.entry-content,
.entry-footer {
	margin: 40px 20px;	
}

.archive-term-image, .single-rap_sheet .drcnh-print-link {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
/* Fixing styling for page sections in RAPP sheet posts */
.single-rap_sheet .entry-content-inner {
    max-width:1300px;
}
.single-rap_sheet .entry-content-inner h1, .single-rap_sheet .entry-content-inner h2, .single-rap_sheet .entry-content-inner h3, .single-rap_sheet .entry-content-inner p, .single-rap_sheet .entry-content-inner ul {
    max-width:790px;
    margin-left: auto;
    margin-right: auto;
}

.single-rap_sheet .drcnh-print-link {
    margin-top: 0.5rem;
    text-transform: uppercase;
	font-size: 24px;
}
.single-rap_sheet .drcnh-print-link a {
    text-decoration: none;
}

/* Entry headers */

/* Never wider than 1200px */
.entry-header-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
	background-color: var(--blue);
	color: #fff;
	position: relative;
}
.entry-header-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1em;
	background-color: rgba(255,255,255,0.25);	
}
.entry-header-inner,
.entry-content-inner,
.entry-footer-inner {
	max-width: 790px;
	margin: 0 auto;
}


/* posts display the entry meta above the title (could be true for ay post type on this site?) */
.entry-header.content .entry-header-inner {
	display: flex;
	flex-direction: column-reverse;	
	width: 100%;
}



.entry-title {
	margin: 0;
	font-size: 1.5em;	
}

.entry-meta {
	font-size: 0.7777em; /* 14px */	
	
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
.entry-meta a {
	text-decoration: none;
	color: inherit;	
}
.cat-links,
.tags-links {
	color: var(--yellow);
	font-weight: bold;
	/*margin-right: 0.75em;*/
}

.cat-links, .tags-links {
	display: none;
}
span.posted-on {
	display: block;	
}

.drcnh-print-link {
    font-size: 1rem;
}



/* Single Pages */
.entry-header.content-page {
	text-align: center;
}


.post-thumbnail {
	text-align: center;	
}


/* Single Video posts */
.single-videos-video {
	margin: 40px 20px;	
}
.type-videos .entry-header.content {
	margin: 0 20px;	
}
.type-videos .entry-header-wrapper {
	max-width: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: inherit;
	position: static;	
}
.type-videos .entry-header-wrapper:after {
	display: none;
}
.type-videos .entry-title {
	color: var(--blue);	
}


/* Single Success Stories post */
.success_stories .position-before_content .ps-hero-content:before {
	content: 'Success Stories';
	display: block;
	font-size: 0.7777em;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--light_blue);	
}






/* Archive pages */
.entry-header.archive {
	text-align: center;
}

/* Post archives are styled differently */
.archive-post.post .archive-post-inner,
.archive-post.rap_sheet .archive-post-inner {
	background-color: var(--light_gray);
	padding: 10px 20px 40px;
	
}

.content-archive-entry-header .cat-links,
.content-archive-entry-header .tags-links {
	color: var(--light_blue);	
}
.content-archive-entry-header .post-thumbnail {
	margin-bottom: 1rem;	
}
.content-archive-entry-header .entry-title {
	font-size: 1.1111em; /* 20px */
	color: var(--blue);
}
.entry-title a {
	text-decoration: none;
	color: inherit;	
}
.content-archive-entry-footer {
	margin-top: 1em;
}
a.readmore {
	color: var(--blue);
	font-weight: bold;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}
a.readmore .icon-angle-right {
	color: var(--light_blue);
	font-size: 1.5em;
}

/* Video post type archives don't show the excerpt or readmore link (weird) */
.archive-post.videos .content-archive-entry-header {
	margin-bottom: 1em;	
}
.archive-post.videos .content-archive-entry-content,
.archive-post.videos .content-archive-entry-footer {
	display: none;	
}

/* Removing Category and Tags from Displaying */




/* Search results */
.entry-header.search {
	text-align: center;
}




/* Page sections */

.page-section-separator {
	margin-left: 20px;
	margin-right: 20px;	
}

.page-section-inner {
	margin: 0 auto;	
}
.width-narrow .page-section-inner {
	max-width: 790px;	
}
.width-normal .page-section-inner {
	max-width: 1000px;	
}
.width-wide .page-section-inner {
	max-width: 1200px;	
}

@media (min-width: 40em) {
	
	/* 640 */
	
	/* Post archives go to two columns */
	.archive-posts {
		display: flex;
		flex-wrap: wrap;
		padding: 0 10px;
		margin: -10px 0;	
	}
	.archive-post {
		margin: 0;
		width: 50%;
		padding: 10px;
	}
	
	.archive-post-inner {
		height: 100%;	
	}
	
	/* Post archives are in columns now and the readmore links are always positioned at the bottom */
	.archive-post article {
		height: 100%;
		position: relative;
		padding-bottom: 40px;
	}
	.archive-post .content-archive-entry-footer {
		position: absolute;
		left: 0;
		bottom: 0;	
	}
	

}




@media (min-width: 48em) {
	
	
	/* All the fonts get bigger */
	body {
		font-size: 1.25em;	/* 20px */
	}
	
	/* These stay at 18px */
	a.readmore,
	a.button {
		font-size: 0.9em;	
	}
	
	/* More space on left/right */
	.entry-content,
	.entry-footer {
		margin: 40px 50px;	
	}
	
	
	
	/* More space on left right and top/bottom */
	.entry-header {
		margin: 60px 50px;	
	}
	/* More padding on top/bottom of content */
	.entry-header-wrapper {
		padding: 80px 50px;	
	}
	
	.entry-title {
		font-size: 2em; /* 40px */
		line-height: 1.2; 
	}
	.entry-meta {
		font-size: 0.7em;	
	}
	
	
	
	h2 {
		font-size: 1.6em; /* 32px */
		margin-bottom: 1rem;	
	}
	
	.archive-filters {
		margin: 40px 50px;	
	}
	
	.archive-posts-wrapper {
		margin: 40px 50px;	
	}
	
	.archive-posts {
		padding: 0;
		margin: -10px;	
	}
	
	.archive-post .entry-title {
		font-size: 1.2em; /* 24px */
		line-height: 1.3;
	}
	
	.content-archive-entry-content {
		font-size: 0.9em; /* 18px */	
	}
	
	.page-section {
		margin: 50px;;	
	}
	
	
	/* Single Video posts */
	.single-videos-video {
		margin: 60px 50px;	
	}
	.single-video-inner {
		max-width: 1000px;
		margin: 0 auto;	
	}
	
	.type-videos .entry-header.content {
		margin: 0 50px;	
	}
	
	
	
	/* Search Results */
	.search-results-wrapper {
		margin: 0 50px;	
	}
	
	
	
}




@media (min-width: 64em) {
	
	/* Archive posts now in three columns */
	.archive-posts {
		margin: -10px -20px;	
	}
	.archive-post {
		width: 33.3333%;
		padding: 20px;	
	}
	
	/* Unless there's only two posts */
	.archive-posts-2 .archive-post {
		width: 50%;
	}
	
}



@media (min-width: 90em) {
	
	
	.page-section {
		margin-top: 60px;
		margin-bottom: 60px;	
	}
	
		
}


@media print {
    .hide-from-print-1 {
        display: none !important;
    }
}

/* Hiding Latest RAPP posts */
#latest-rap-sheet {
    display: none;
}

/* Ensures the accordion container aligns with page-section styles */
.archive-filters.ps-accordion {
    margin-left: 20px;
    margin-right: 20px;
}

.archive-filters-inner {
    max-width: 790px;
    margin: 0 auto;
}

/* Styles for each accordion item */
.archive-filter.ps-accordion-item {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid var(--light_gray);
}

/* Styling for the accordion title button */
.accordionTitle {
    padding: 0;
    width: 100%;
    background: none;
    color: inherit;
    border: 0;
    text-align: inherit;
    line-height: inherit;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}
.accordionTitle h3 {
    margin: 0;
}

/* Icon for collapsed/expanded state */
.accordionTitle h3:before {
    font-family: 'drcnh' !important;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: inherit;
    font-size: 1.25em;
    float: right;
    color: var(--blue);
    content: "\e5cf"; /* Default arrow direction */
}
.expanded .accordionTitle h3:before {
    content: "\e5ce"; /* Arrow direction when expanded */
}

/* Accordion content visibility */
.accordionContent {
    display: none;
    padding-top: 1rem;
}
.accordionContent.open {
    display: block;
}

/* General Facilities Styles */
.post-type-archive-facility .site > .breadcrumb-container,
.tax-facility_types .site > .breadcrumb-container,
.single-facility .site > .breadcrumb-container {
    display: none;
}

/* Facilities Archive */
.post-type-archive-facility .entry-header.archive ,
.tax-facility_types .entry-header.archive {
    margin: 0;
}
.post-type-archive-facility .entry-header.archive,
.tax-facility_types .entry-header.archive {
    margin: 0;
}
.post-type-archive-facility .entry-header-wrapper,
.tax-facility_types .entry-header-wrapper {
    max-width: 100%;
	text-align: center;
}

.archive-total-posts {
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 1rem;
}

.facilities-archive .ps-accordion-item {
    border-bottom: 1px solid #CCCCCC;
    padding: 1rem 0;
}
.facilities-archive .ps-accordion-item:first-of-type {
    padding-top: 0;
}
.facilities-archive .accordionTitle h3 {
    font-size: 1rem;
    line-height: 1.6875rem;
    text-transform: none;
}
.facilities-archive .ps-accordion-item label {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 1rem;
}
.facilities-archive .ps-accordion-item label input[type="checkbox"] {
    margin-right: 0.5rem;
}

.facilities-archive .content-archive-entry-header {
    color: var(--blue);
}
.facilities-archive .archive-post .entry-title {
    font-size: 1.125rem;
    line-height: 1.875rem;
}
.facility-county, 
.facility-meta-inline {
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 0.25rem;
}
.facility-meta-inline > span {
    margin-right: 1.5rem;
}
.facility-type a {
    background-color: #E2E3EC;
    color: var(--blue);
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.25rem;
	margin-right: 0.25rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    transition: all 0.5s ease;
}
.facility-type a:hover {
    background-color: var(--blue);
    color: #E2E3EC;
}

@media (min-width: 64em) {

	.facilities-archive {
        display: flex;
        justify-content: space-between;
        max-width: 1660px;
        margin: 4.125rem auto 0;
        padding-left: 50px;
        padding-right: 50px;
    }
	.facilities-archive > * {
		margin: 0 !important;
	}
	.facilities-archive .archive-filters.ps-accordion {
		width: 20.5%;
	}
	.facilities-archive .archive-posts-wrapper {
		width: 77%;
	}

}

/* Facilities Single */
.single-facility .entry-content-inner {
    max-width: 1200px;
}
.single-facility .comments-area {
    display: none;
}

.photo-gallery-preview {
    position: relative;
	margin-bottom: 1rem;
}
.photo-gallery-preview > a > img {
    width: 100%;
}
.photo-gallery-preview .view-all-photos {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    background-color: white;
    border: 1px solid #EFEFEF;
    color: #231F20;
	font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-decoration: none;
	transition: all 0.5s ease;
    z-index: 9;
}
.photo-gallery-preview .view-all-photos:hover {
    background-color: #231F20;
	border-color: #231F20;
	color: white;
}

.facility-breadcrumb {
    margin-bottom: 0.5em;
}
.facility-breadcrumb > a {
    background-color: var(--light_blue);
    border: 1px solid var(--light_blue);
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0.25em 0 0;
    padding: 3px 7px 3px 19px;
    position: relative;
    text-decoration: none;
	transition: all 0.5s ease;
}
.facility-breadcrumb > a:before {
    content: "\e5cf";
    display: block;
    position: absolute;
    left: 0.25rem;
    font-family: 'drcnh';
    font-size: 1rem;
    transform: rotate(90deg);
}
.facility-breadcrumb > a:hover {
    background-color: white;
    color: var(--light_blue);
}

.facility-content {
    font-size: 1rem;
    line-height: 1.625rem;
}
.facility-content h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.facility-meta-col-1 {
    margin-bottom: 1.5rem;
}
.facility-meta .entry-title {
    color: #111763;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.facility-actions {
    border: 1px solid #CCCCCC;
    display: flex;
    flex-direction: column;
	margin-bottom: 2.5rem;
    padding: 1.5rem;
}
.facility-actions > a {
    border: 1px solid var(--light_blue);
    font-size: 0.975rem;
    line-height: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 0.5rem;
    text-align: center;
    text-decoration: none;
	transition: all 0.5s ease;
    width: 100%;
}
.facility-actions > a:hover {
    background-color: var(--light_blue);
	color: white;
}
.facility-actions > a:last-of-type {
    margin-bottom: 0;
}
.facility-actions > a.know-your-rights {
    background-color: var(--light_blue);
    color: white;
}
.facility-actions > a.know-your-rights:hover {
    background-color: white;
    color: var(--light_blue);
}

/* Know Your Rights */
.kyr-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}
.facility-content .kyr-header h2 {
    margin-bottom: 0;
}
.kyr-toggle-button {
    background-color: transparent;
    color: #111763;
	cursor: pointer;
    font-weight: 400;
    padding: 0;
    text-transform: none;
    text-decoration: underline;
}

.know-your-rights .related-post.related-post--first {
    background-color: #111763;
}
.know-your-rights .related-post.related-post--first .related-post-content h3 {
    color: white;
}
.know-your-rights .related-post.related-post--first .related-post-content span.read-more {
    color: white;
    border-color: white;
}


.facility-info {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    /* margin-top: 2.5rem; */
    margin-bottom: 1.5rem;
    padding-top: 2.5rem;
    padding-bottom: 0.5rem;
}
.info-grid dt {
    color: var(--blue);
}
.info-grid dd {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1rem;
}

.know-your-rights {
    border-top: 1px solid #CCCCCC;
    padding-top: 2.5rem;
}

/* .know-your-rights > p */
.know-your-rights h2 {
	margin-bottom: 1.5rem;
}

.related-post-link {
    text-decoration: none;
}
.related-post {
    padding: 1.5rem;
}
.related-post:nth-of-type(even) {
    background-color: var(--light_gray);
}
.related-post-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.related-post-left > img {
    width: 32%;
}
.related-post-left > h3 {
    width: 61%;
}
.related-post-content span.read-more {
    display: block;
    border: 1px solid var(--light_blue);
    color: var(--light_blue);
	font-size: 1rem;
	line-height: 1.6875rem;
    font-weight: 700;
    padding: 0.375rem;
    text-align: center;
	transition: all 0.5s ease;
}
.related-post-content span.read-more:hover {
    background-color: var(--light_blue);
	color: white;
}

.relevant-laws {
    border-top: 1px solid #CCCCCC;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
}
.relevant-laws > h2 {
    margin-bottom: 1.5rem;
}
.law-list {
	margin-bottom: 0;
    padding: 0;
}
.law-list li {
    list-style: none;
}

.reports {
    border-top: 1px solid #CCCCCC;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
}
.report-item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
.report-item:nth-of-type(odd) {
    background-color: var(--light_gray);
}
.report-item > *:not(a) {
    margin-bottom: 0.25rem;
}
.report-item > span.report-title {
    margin-bottom: 1rem;
}
.report-item .report-link {
    display: block;
    border: 1px solid var(--light_blue);
    color: var(--light_blue);
    font-size: 1rem;
    line-height: 1.6875rem;
    font-weight: 700;
	height: fit-content;
    padding: 0.375rem 1rem;
    text-align: center;
	text-decoration: none;
    transition: all 0.5s ease;
}
.report-item .report-link:hover {
    background-color: var(--light_blue);
	color: white;
}

.photo-disclaimer {
    border-top: 1px solid #CCCCCC;
	margin-top: 2.5rem;
    padding-top: 2.5rem;
}

@media (max-width: 1023px) {
	.photo-gallery-preview > a[data-fancybox="gallery"]:nth-of-type(2) {
		display: none;
	}
}

@media (min-width: 48em) {
	.facility-content {
		font-size: 1.125rem;
		line-height: 1.875rem;
	}

	.facility-content h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.facility-meta .entry-title {
		font-size: 2rem;
		line-height: 2.625rem;
	}
	.facility-county, .facility-meta-inline {
		font-size: 1.125rem;
		line-height: 1.875rem;
	}

	.facility-info {
		margin-bottom: 2.5rem;
	}
	.info-grid {
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
	}
	.info-grid .info-item {
        width: calc(50% - 0.75rem);
	}

	.related-post-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.related-post-left {
		width: 71%;
		margin-bottom: 0;
	}
	.related-post-left > img {
		width: 20%;
	}
	.related-post-left > h3 {
		width: 73%;
        font-size: 1.125rem;
        line-height: 1.6875rem;
	}
	.related-post-right {
		width: 17%;
	}

	.report-item {
		flex-direction: row;
        justify-content: space-between;
		padding: 1.5rem;
	}
	.report-item span.report-date {
		width: 11%;
	}
	.report-item strong.report-type {
		width: 22%;
	}
	.report-item span.report-title {
		width: 36%;
	}
	.report-item a.report-link {
		width: 18%;
	}
}

@media (min-width: 64em) {
	.photo-gallery-preview {
		display: flex;
		justify-content: space-between;
        margin-bottom: 2rem;
	}
	.photo-gallery-preview a:not(.view-all-photos) {
		width: calc(50% - 0.5rem);
	}

	.facility-meta {
		display: flex;
		justify-content: space-between;
	}
	.facility-meta-col-1 {
		width: 62%;
	}
	.facility-meta-col-2 {
		width: 31%;
	}

	.facility-content {
		width: 62%;
	}
}