/* styles-law-interior-modules.css */
/* modules and centerColumn content */

/* modules - media-container */

#calendar .media-container,
#story-module .media-container {
	display: none;
}

/* limits number of stories displayed - DEV */

#calendar .media-container:nth-child(2),
#calendar .media-container:nth-child(3),
#calendar .media-container:nth-child(4),
#story-module .media-container:nth-child(2),
#story-module .media-container:nth-child(3),
#story-module .media-container:nth-child(4) {
	display: block;
}

/* story-refer-panel */

/* HERO POSITION ONLY */

/*
#story-refer-panel.container {
	width: 100%;
	min-width: 100%;
}
*/

/* 9-COL POSITION */

#story-refer-panel .refer-image {
	width: 30%;
	background-position: 50% 0%;
	overflow: hidden;
	background-image: url('http://via.placeholder.com/1000x560');
	background-size: cover;
}

/* this hides the image when displayed square */

#story-refer-panel .refer-image.equal-box img {
	display: none;
}

/* this positions the image when displayed square */

#story-refer-panel .refer-image.horizontal-00-vertical-00 { background-position: 0% 0% !important; }
#story-refer-panel .refer-image.horizontal-10-vertical-00 { background-position: 10% 0% !important; }
#story-refer-panel .refer-image.horizontal-20-vertical-00 { background-position: 20% 0% !important; }
#story-refer-panel .refer-image.horizontal-30-vertical-00 { background-position: 30% 0% !important; }
#story-refer-panel .refer-image.horizontal-40-vertical-00 { background-position: 40% 0% !important; }
#story-refer-panel .refer-image.horizontal-50-vertical-00 { background-position: 50% 0% !important; }
#story-refer-panel .refer-image.horizontal-60-vertical-00 { background-position: 60% 0% !important; }
#story-refer-panel .refer-image.horizontal-70-vertical-00 { background-position: 70% 0%	!important; }
#story-refer-panel .refer-image.horizontal-80-vertical-00 { background-position: 80% 0% !important; }
#story-refer-panel .refer-image.horizontal-90-vertical-00 { background-position: 90% 0% !important; }
#story-refer-panel .refer-image.horizontal-100-vertical-00{ background-position: 100% 0% !important; }


@media (max-width: 1199px) {
	#story-refer-panel.equal-box-container {
		display: block;
	}
	#story-refer-panel .refer-image.equal-box {
		display: block;
		width: 100%;
	}
	#story-refer-panel .refer-image,
	#story-refer-panel .refer-content {
		width: 100%;
	}
	#story-refer-panel .refer-image.equal-box img {
		display: block;
	}
}

/* centerColumn - rail-modules */

#centerColumn #rail-modules {
	padding: 20px 0;
}

#centerColumn #rail-modules .container {
	padding: 0;
}

#centerColumn #rail-modules  .col-md-4 {
	padding: 20px 0;
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%
}

#centerColumn #rail-modules #rail,
#centerColumn #rail-modules #calendar,
#centerColumn #rail-modules #story-module {
	padding: 10px 0;
}

/* centerColumn - rail-modules - h4 - headlines */

#centerColumn #rail-modules #rail h4,
#centerColumn #rail-modules #calendar h4,
#centerColumn #rail-modules #story-module h4 {
	color: #272727;
	margin-bottom: 25px;
	font-size: 0.9em;
}

#centerColumn #rail-modules #rail a,
#centerColumn #rail-modules #calendar h4.media-heading {
	font-family: 'Antenna Bold', sans-serif !important;
	font-size: 1em;
	letter-spacing: -.015em;
	text-transform: none !important;
}

#centerColumn #rail-modules #rail a {
	font-size: 1.125em;
}

#centerColumn #rail-modules #story-module h4 {
	font-size: 1.35em;
}

/* centerColumn - rail-modules - rail x - accordion */

#rail .x {
	border-bottom: solid 1px #cccccc;
}

#centerColumn #rail-modules #rail,
#centerColumn #rail-modules #rail a {
	color: #272727;
	background: none;
}

#centerColumn #rail .x.after .accordion:after,
#centerColumn #rail .x.after .accordion.active:after {
	color: #272727;
	margin-top: -22px;
}

#centerColumn #rail .x.after .accordion:after {
	margin-right: -8%;
}

#centerColumn #rail .panel, #rail .panel.show {
	border: none;
	border-radius: 0;
	background-color: #f9f9f9 !important;
}

#centerColumn #rail .panel.show a {
	margin: 0;
	padding: 10px;
	width: 100%;
	font-family: 'Antenna', sans-serif !important;
	font-size: .85em;
	letter-spacing: -.015em;
	text-transform: none !important;
	border-bottom: solid 1px #cccccc;
}

#centerColumn #rail .panel.show a:last-child {
	border-bottom: none;
}

#centerColumn #rail-modules #rail .panel.show,
#centerColumn #rail-modules #rail .panel.show a {
	font-family: 'Antenna', sans-serif !important;
	font-size: .95em;
	letter-spacing: -.015em;
	color: #272727;
	text-transform: none !important;
	transition: background .2s;
}

#centerColumn #rail-modules #rail .panel.show a:hover {
	background: rgba(0,0,0,.15);
}

/* centerColumn - calendar */

#centerColumn #calendar h6.category[style] {
	margin-top: 5px !important;
	margin-bottom: 7px !important;
}

#centerColumn .calendar-box {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}

#centerColumn #rail-modules #calendar .event {
	border-bottom: solid 1px #cccccc;
}

#calendar span.event-day p,
#centerColumn #calendar span.event-day p {
	background: #981e4d;
	border-radius: 2px 2px 0 0;
}

/* centerColumn - story-module */

#centerColumn #rail-modules #story-module h4.story-heading {
	margin: 5px 0;
}

/* centerColumn - caption */

#centerColumn > div > div.caption-box > p,
#centerColumn .caption-box p {
	margin: 5px 0 30px;
	font-size: .875em;
}

/* centerColumn - cards */

#centerColumn #story-cards-image-multiple.container,
#centerColumn #story-cards-text-multiple.container  {
	width: auto;
	max-width: auto;
}

#centerColumn #story-cards-image-multiple.story-content-padding,
#centerColumn #story-cards-text-multiple.story-content-padding {
	padding: 20px 0 !important;
}

#centerColumn #story-cards-image-multiple .card,
#centerColumn #story-cards-text-multiple .card {
	margin-top: 10px;
	margin-bottom: 10px;
}

#centerColumn #story-cards-image-multiple .card-body {
    padding-top: 15px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

#centerColumn #story-cards-text-multiple .card-body {
	padding; 0;
}

#centerColumn #story-cards-text-multiple h1.number {
	font-size: 3em !important;
}

/* FOR #STORY-CARDS-IMAGE-MULTIPLE ONLY!!! - SEE BELOW */

#story-cards-image-multiple .box-image {
    width: 100%;
    overflow: hidden;
    padding: 0 0 100%;
    position: relative;
    height: 200px;
    background-size: 100% 100%;
}

#story-cards-image-multiple .box-image::before,
#story-cards-image-multiple .box-image::after {
    left: 0;
    bottom: 0;
    content: '';
    width: 50%;
    position: absolute;
    border-bottom: 19px solid #ffffff;
    border-right: 19px solid transparent;
}

#story-cards-image-multiple .box-image::after {
    left: 50%;
    border-left: 19px solid transparent;
    border-right: none;
}

/* CSS - END */