html {
	scroll-behavior: smooth;
}
body {
	scroll-padding-top: 30px;
	overflow-x: hidden;
}
/* =================================================================
   Colors
 * ================================================================= */
:root {
	--board-subcommittees-color: rgba(0,83,159,1);
	--critical-infrastructure-color: rgba(217,31,48,1);
	--consumers-color: rgba(117,81,130,1);
	--electricity-color: rgba(21,116,75,1);
	--ere-color: rgba(141,84,34,1);
	--gas-color: rgba(255,153,0,1);
	--international-color: rgba(104,167,151,1);
	--telecom-color: rgba(68,55,122,1);
	--water-color: rgba(21,125,223,1);
}
.agenda-cell {
	background-color: rgba(255, 252, 237, 1);
}
.agenda-cell.breaktime {
	background-color: rgba(240, 240, 240, 1);
}
.winter-agenda .agenda-cell {
	background-color: rgba(243, 249, 254, 1);
}
.winter-agenda .agenda-cell.breaktime,
.summer-agenda .agenda-cell.breaktime {
	background-color: rgba(182, 219, 252, 1);
}
.board-subcommittees,
.board-subcommittees.header-cell {
	border-color: var(--board-subcommittees-color);
}
.board-subcommittees > .committee-name,
span.board-subcommittees {
	color: var(--board-subcommittees-color);
}
span.board-subcommittees::before {
	background-color: var(--board-subcommittees-color);
}
.consumers, 
.consumers.header-cell {
	border-color: var(--consumers-color);
}
.consumers > .committee-name,
span.consumers {
	color: var(--consumers-color);
}
span.consumers::before {
	background-color: var(--consumers-color);
}
.critical-infrastructure,
.critical-infrastructure.header-cell {
	border-color: var(--critical-infrastructure-color);
}
.critical-infrastructure > .committee-name,
span.critical-infrastructure {
	color: var(--critical-infrastructure-color);
}
span.critical-infrastructure::before {
	background-color: var(--critical-infrastructure-color);
}
.electricity,
.electricity.header-cell {
	border-color: var(--electricity-color);
}
.electricity > .committee-name,
span.electricity {
	color: var(--electricity-color);
}
span.electricity::before {
	background-color: var(--electricity-color);
}
.ere,
.ere.header-cell {
	border-color: var(--ere-color);
}
.ere > .committee-name,
span.ere {
	color: var(--ere-color);
}
span.ere::before {
	background-color: var(--ere-color);
}
.event-name {
	color: rgb(110, 110, 140);
}
.gas,
.gas.header-cell {
	border-color: var(--gas-color);
}
.gas > .committee-name,
span.gas {
	color: var(--gas-color);
}
span.gas::before {
	background-color: var(--gas-color);
}
.international,
.international.header-cell {
	border-color: var(--international-color);
}
.international > .committee-name,
span.international {
	color: var(--international-color);
}
span.international::before {
	background-color: var(--international-color);
}
.telecom,
.telecom.header-cell {
	border-color: var(--telecom-color);
}
.telecom > .committee-name,
span.telecom {
	color: var(--telecom-color);
}
span.telecom::before {
	background-color: var(--telecom-color);
}
.water,
.water.header-cell {
	border-color: var(--water-color);
}
.water > .committee-name,
span.water {
	color: var(--water-color);
}
span.water::before {
	background-color: var(--water-color);
}


/* =================================================================
   Layout Styles
 * ================================================================= */
.modal {
	top: 60px;
}

@media (min-width:768px) {
	.committee-name,
	.event-name,
	.agenda-cell > .room {
		display: inline-block;
		/* margin-bottom: 0px; */
		margin-top: 0px;
	}
	.agenda-cell > .room {
		margin-right: 15px;
	}
	.agenda-cell > .room::before {
		content: " | ";
	}
	.agenda-cell > .room::after {
		content: "";
		display: block;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	#intro-blurb {
		position: absolute;
		left: 15px;
		top: 50px;
		width: calc(100% - 345px);
		z-index: 1000;
	}
	#registration-info {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: auto;
		column-gap: 30px;
	}
	.social {
		display: grid;
		grid-template-columns: 300px 1fr;
		grid-template-rows: auto;
		column-gap: 30px;
	}
	.grid-1fr-300px {
		display: grid;
		grid-template-columns: 1fr 300px;
		grid-template-rows: auto;
		column-gap: 30px;
		margin-top: 30px;
	}
	#winter-2021-header {
		background-image: linear-gradient(to right, rgb(255,255,255), rgb(255,255,255) 50%, rgb(36,141,181) 50%);
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.nav>li>a {
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width:991px) {
	.footerBottom {
		margin-top:20px;
	}
}

@media (min-width:992px) {
	.footerBottom {
		margin-top:100px;
	}
	#intro-blurb {
		left: 135px;
		width: calc(70% - 360px);
	}
}
@media (min-width: 1200px) {
	.committee-name {
		display: block;
		margin-bottom: 10px;
	}
}
#summer-2021-header {
	background: url(/default/assets/Image/summer-meetings/2021/DenverSkyline-header-sm.jpg) bottom left no-repeat;
	background-size: 100%;
	padding-bottom: 100px;
}
@media (min-width: 768px) {
	#summer-2021-header {
		background: url(/default/assets/Image/summer-meetings/2021/DenverSkyline-header-990w.jpg) bottom right no-repeat;
		background-size: 60%;
		padding-bottom: 40px;
	}
}
@media (min-width: 992px) {
	#summer-2021-header {
		background: url(/default/assets/Image/summer-meetings/2021/DenverSkyline-header-xlg.jpg) bottom right no-repeat;
		background-size: 60%;
	}
}
@media screen and (min-device-width: 1600px) {
	#summer-2021-header .container {
		width: 100%;
	}
}


/* end of media queries for layout*/


.bodyContainer {
	padding-top: 30px;
	padding-bottom: 0px;
}
.dspObj3 {
	margin-top: 50px;
}
.full-viewport-width {
	background-color: rgb(31, 48, 77);
	color: rgb(255, 255, 255);
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-top: -30px;
}
.header-wrapper {
	padding-top: 40px;
	padding-bottom: 10px;
}
#intro-blurb {
	padding: 15px;
}
section {
	padding: 60px 0 40px 0;
	position: relative;
}
section::before {
	background: linear-gradient(.25turn, rgb(255, 255, 255), rgb(255, 200, 0) calc(50% - 20px) calc(50% + 20px), rgb(255, 255, 255));
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	left: 0;
	top: 17px;
	width: 100%;
}
#topics li {
	margin-bottom: 10px;
}
/* =================================================================
   Layout of Agenda Pages and Content
 * ================================================================= */
.agenda-cell {
	box-sizing: border-box;
	padding: 10px 8px 50px 8px;
	position: relative;
	border-bottom: solid 1px rgb(178, 207, 233);
}
.agenda-cell.breaktime {
	padding-bottom: 10px;
}
div.details-button-holder {
	position: absolute;
	bottom: 10px;
	left: 8px;
}
.agenda-cell>*:first-child {
	margin-top: 0;
}
.agenda-container {
	border-top: solid 1px rgb(178, 207, 233);
	margin-top: 10px;
	margin-bottom: 50px;
}
#filter-container {
	background-color: rgb(240 246 252);
	box-shadow: 0px 5px 10px rgba(0, 67, 128, .75);
	min-height: 50px;
	padding: 8px 15px 8px 15px;
}
#filter-container>label,
#filter-container>select {
	margin-top: 6px;
}
#filter-results-heading {
	color: rgb(108 157 200);
	font-variant: all-petite-caps;
	padding-bottom: 10px;
}
.header-cell {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-top-width: 4px;
	border-top-style: solid;
	text-align: center;
	padding: 6px;
}
#print-button-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	min-height: 50px;
	padding: 8px 15px 8px 15px;
}
.btn-print {
	background-color: rgb(15, 71, 42); color: rgb(255,255,255);
}
#print-button-container button:nth-of-type(1) {
	margin-bottom: 15px;
}
span.committee-tag {
	display: inline-block;
	padding-right: 8px;
	padding-left: 16px;
	text-indent: -16px;
}
span.committee-tag::before {
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 4px;
}
.time-row {
	grid-column: 1 / -1;
	padding: 25px 8px 6px 8px;
}
.time-row > p {
	margin-bottom: 0;
}

/* ==========================================================================
   Navigation Classes
   ========================================================================== */

#nav-holder {
	background-color: #fff !important;
	border-bottom:1px solid rgba(0, 67, 128, 1);
	box-shadow: 0px 5px 10px rgba(0, 67, 128, .75);
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 990;
}
#nav-holder .nav>li>a {
	color: #151515;
    font-size: 14px;
    font-weight: bold;
	text-transform: uppercase;
}
.nav>li>a:hover,
.nav>li>a:focus {
	background-color: rgba(255, 252, 237, .5);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: rgb(255, 252, 237, .75);
}
#nav-holder .navbar-nav>.active>a {
	color:#004e9d;
	background-color: rgba(255, 252, 237, 1);
}
@media (min-width:1200px) {
	.nav>li>a {
		padding-left: 16px;
		padding-right: 16px;
	}
}
@media (min-width:768px) {
	.navbar-nav>li>a {
		padding-top: 14px;
		padding-bottom: 14px;
		margin-top: 1px;
	}
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width:767px) {
	.navbar-toggle {
		background-color: #00539f;
		float: right;
		margin-right: 15px;
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
		height: 3px;
	}
}
/* ==========================================================================
   Footer Classes
   ========================================================================== */

.conf-footer {
	border-top: solid 4px rgba(0, 79, 134, 1);
	font-size: 1.2rem;
	margin-top: 50px;
	padding-top:30px;
	padding-bottom:30px;
	text-align: center;
	width:100%;
}
footer strong {
	color: #000;
	font-size: 1.2rem;
}

/* ==========================================================================
   Classes for the Display of Sponsors' Logos
   ========================================================================== */

.sponsorship-level {
	border-top: solid 1px #ccc;
	margin-top: 1rem !important;
	padding-left: 6px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}
.flex-col {
	flex-grow: 0;
	flex-shrink: 0;
	align-self: flex-end;
}
.flex-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#sponsors {
	border: solid 1px rgb(255, 200, 0);
	padding-bottom: 15px;
}
#sponsors>h3 {
	text-align: center;
}
/* ==========================================================================
   Overrides of bootstrap.css
   ========================================================================== */
body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	color: #3d3d3d;
}
h1,
.h1 {
	font-size: 4rem;
}
h2,
.h2 {
	font-size: 3.5rem;
	font-weight: bold;
}
h3,
.h3 {
	font-size: 2.8rem;
	font-weight: bold;
}
h4,
.h4 {
	font-size: 2.4rem;
	font-weight: bold;
}
h5,
.h5 {
	font-size: 1.8rem;
	font-weight: bold;
}
h6,
.h6 {
	font-size: 1.4rem;
	font-weight: bold;
}
@media (min-width: 576px) {
	h1,
	.h1 {
		font-size: 4.3rem;
	}
	h2,
	.h2 {
		font-size: 4rem;
	}
	h3,
	.h3 {
		font-size: 3rem;
	}
	h4,
	.h4 {
		font-size: 2rem;
	}
	h5,
	.h5 {
		font-size: 1.8rem;
	}
}
.navbar {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 50px;
}
/* ======================================================================
   For the Table of Rates
   ======================================================================= */
.early-bird-price {
	color: rgb(0,101,74);
	font-weight: 700;
}
.price {
	font-size: 1.4em;
	letter-spacing: 0px;
}
#rates>thead>tr>th,
#rates>tbody>tr>td {
	text-align: center;
}
#rates>thead>tr>th:first-child,
#rates>tbody>tr>td:first-child {
	padding-left: 0;
	text-align: left;
}
/* ==================================================================
   Typography
   ================================================================== */
body.agenda .bodyContainer,
#nav-holder {
	font-family: 'Roboto Condensed', sans-serif;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto; /* Will not hyphenate mixed-case words. */
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; /* will not work in Chrome on Windows platform. */
}
b, strong {
	font-weight: 700;
}
.agenda-cell {
	font-size: 1.5rem;
}
.agenda-container p:last-child {
	margin-bottom: 0;
}
button {
	font-weight: 700;
}
.committee-name {
	font-size: 1.7rem;
}
.event-name, 
.event-title {
	font-size: 1.8rem;
}
h2, h3 {
	font-weight: 700;
}

.modal-content {
	font-family: 'Roboto', sans-serif;
}
.time-row,
.schedule-background {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.sr-only~h5 {
	margin-top: 0;
}
#winter-2021-header {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
}
@media (min-width:768px) {
	body {
		font-size: 1.6rem; /*17px*/
	}
	.time,
	.room {
		font-size: 1.5rem;
		line-height: 1.1;
	}
	#winter-2021-header {
		color: rgb(254,247,211);
		font-size: 2.5rem;
		text-align: left;
	}
}
@media screen and (min-width: 992px) {
	#winter-2021-header {
		font-size: 3.5rem;
	}
}
@media (min-width: 1200px) {
	.agenda-cell {
		line-height: 1.4;
	}
}
#summer-2022-header, 
#winter-2022-header {
	font-size: 14px;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 500;
}
@media screen and (min-width: 320px) {
	#summer-2022-header,
	#winter-2022-header {
		font-size: calc(14px + 7 * ((100vw - 320px) / 680));
	}
}
@media screen and (min-width: 1000px) {
	#summer-2022-header,
	#winter-2022-header {
		font-size: 21px;
	}
}
/* ==========================================================================
   Media Queries for Layout of the Agenda
   ========================================================================== */
@media screen and (min-device-width: 768px) {
	.two-column-grid {
		display: grid;
		grid-template-columns: 1fr max-content;
		grid-template-rows: auto;
		grid-auto-flow: column;
		column-gap: 30px;
	}
	.two-column-grid > div {
		align-self: start;
	}
	#print-button-container button:nth-of-type(1) {
		margin-right: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199.98px) {
	.agenda-cell > .time {
		display: inline-block;
		margin-bottom: 0px;
		margin-top: 0px;
	}
}
@media screen and (min-width: 1200px) {
	.agenda-cell > .room::before {
		content: "";
	}
	.agenda-container {
		display: grid;
		grid-template-columns: 106px repeat(8, minmax(105px, 1fr));
		grid-template-rows: auto
			[time-0700] auto
			[time-0715] auto
			[time-0730] auto
			[time-0745] auto
			[time-0800] auto
			[time-0815] auto
			[time-0830] auto
			[time-0845] auto
			[committees-header] auto
			[time-0900] auto
			[time-0915] auto
			[time-0930] auto
			[time-0945] auto
			[time-1000] auto
			[time-1015] auto
			[time-1030] auto
			[time-1045] auto
			[time-1100] auto
			[time-1115] auto
			[time-1130] auto
			[time-1145] auto
			[time-1200] auto
			[time-1215] auto
			[time-1230] auto
			[time-1245] auto
			[time-0100] auto
			[time-0115] auto
			[time-0130] auto
			[time-0145] auto
			[time-0200] auto
			[time-0215] auto
			[time-0230] auto
			[time-0245] auto
			[time-0300] auto
			[time-0315] auto
			[time-0330] auto
			[time-0345] auto
			[time-0400] auto
			[time-0415] auto
			[time-0430] auto
			[time-0445] auto
			[time-0500] auto
			[time-0515] auto
			[time-0530] auto
			[time-0545] auto
			[time-0600] auto
			[time-0615] auto
			[time-0630] auto;
		grid-auto-rows: auto;
		grid-column-gap: 8px;
		column-gap: 8px;
		grid-row-gap: 0;
		row-gap: 0;
		grid-auto-flow: column;
		font-weight: 400;
	}
	.header-cell {
		display: flex;
		grid-row: committees-header;
		flex-direction: column;
		justify-content: center;
		padding-left: 0;
		padding-right: 0;
	}
	.col-1,
	.col-1-header {
		grid-column-start: 2;
		grid-column-end: auto;
	}
	.col-2,
	.col-2-header {
		grid-column-start: 3;
		grid-column-end: auto;
	}
	.col-3,
	.col-3-header {
		grid-column-start: 4;
		grid-column-end: auto;
	}
	.col-4,
	.col-4-header {
		grid-column-start: 5;
		grid-column-end: auto;
	}
	.col-5,
	.col-5-header {
		grid-column-start: 6;
		grid-column-end: auto;
	}
	.col-6,
	.col-6-header {
		grid-column-start: 7;
		grid-column-end: auto;
	}
	.col-7,
	.col-7-header {
		grid-column-start: 8;
		grid-column-end: auto;
	}
	.col-8 {
		grid-column-start: 9;
		grid-column-end: auto;
	}
	.concurrent {
	}
	.span-2-cols {
		grid-column-end: span 2;
	}
	.span-3-cols {
		grid-column-end: span 3;
	}
	.span-4-cols {
		grid-column-end: span 4;
	}
	.subgrid {
		display: grid;
		grid-column-gap: 8px;
		column-gap: 8px;
	}
	.time-row {
		border-bottom: solid 1px rgb(178, 207, 233);
		padding: 10px 8px 10px 0px;
	}
}

/* ====================================================================
   For Printing
   ==================================================================== */
@media print {
	header img {
		max-width: 50% !important;
	}
	.col-md-12 {
		float: none;
	}
	div.details-button-holder {
		position: static;
		top: 0;
		left: 0;
	}
	.modal {
		display: block !important;
		opacity: 1;
		position: static;
		top: 0;
		overflow-y: auto;
	}
	.condensed-agenda .modal {
		display: none !important;
	}
	.modal-dialog {
		position: static;
		margin: 0;
		width: 100%;
	}
	.committee-name,
	.event-name {
		display: block;
	}
	.modal-content {
		border: none;
		position: static;
	}
	.modal-header {
		border-bottom: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.modal-header .close {
		visibility: hidden !important;
	}
	.modal-body {
		padding-left: 0px;
		padding-right: 0px;
		position: static;
	}
	.modal-footer {
		margin-top: 0px;
		padding: 0px;
		visibility: hidden !important;
	}
	.btn {
		display: none !important;
	}
	.modal.fade .modal-dialog {
		transform: none;
	}
	.agenda-cell {
		padding-bottom: 10px;
	}
	#filter-container {
		margin-bottom: 0 !important;
	}
	.header-wrapper,
	#summer-2021-header {
		padding-bottom: 10px;
	}
	#print-button-container {
		display: none !important;
	}
	:not(.condensed-agenda) .event-title {
		display: none;/* Its content is the same as the title of the modal. */
	}
	.condensed-agenda .event-title {
		display: block;
	}
	.mura-toolbar {
		display: none !important;
	}
	.editableObject,
	.editableComponent,
	.editableObjectContents {
		display: contents !important;
	}
	.editableObjectControl {
		display: none !important;
	}
}