/**
 * Custom

 * Any custom styles implemented in the OmniUpdate environment
 * should go here
 */

textarea { width: 550px; height: 80px; border: 1px solid #969696; padding: 10px; border-radius: 5px; font-size: 1em; }

ol.list-marker-style > ::marker { font-size: 200%; color: #93002b; font-family: "Comic Sans MS", cursive, sans-serif; }

.alert-banner__body ul { list-style-type: lower-roman; }

.VisuallyHidden { border:0; clip: rect(1px 1px 1px 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.heading-like-h1-red { line-height: normal; font-weight: 800; color: #93002b;  font-size: 3.2em; }

.heading-like-h2-red { line-height: normal; font-weight: 800; color: #93002b;  font-size: 2.8em; }

.heading-like-h3-red { line-height: normal; font-weight: 800; color: #93002b;  font-size: 2.4em; }

.heading-like-h4-red { line-height: normal; font-weight: 800; color: #93002b;  font-size: 1.8em; }

.heading-like-h5-red { line-height: normal; font-weight: 800; color: #93002b; font-size: 1.4em; }

.heading-like-h6-red { line-height: normal; font-weight: 800; color: #93002b; font-size: 1em; }
			
.heading-like-h1-black { line-height: normal; font-weight: 800; color: #000000; font-size: 3.2em; }

.heading-like-h2-black { line-height: normal; font-weight: 800; color: #000000; font-size: 2.8em; }

.heading-like-h3-black { line-height: normal; font-weight: 800; color: #000000; font-size: 2.4em; }

.heading-like-h4-black { line-height: normal; font-weight: 800; color: #000000; font-size: 1.8em; }

.heading-like-h5-black { line-height: normal; font-weight: 800; color: #000000; font-size: 1.4em; }

.heading-like-h6-black { line-height: normal; font-weight: 800; color: #000000; font-size: 1em; }

.img-left-txt { display: flex; align-items: center; padding: 10px; box-sizing: border-box; max-width: 800px; height: auto; }
.img-left-txt img { max-width: 200px; height: auto; margin: 20px; }
.img-left-txt .text { flex: 1; text-align: left; }

.decor-img { margin: 20px; max-width: 100%; }

.mackenzie-fund { margin: 20px 40px; padding: 20px; border: 1px solid #777; max-width: 700px; font-weight: 600; border-radius: 5px; }

.specialist { max-width: 700px; padding: 15px; border-bottom: 1px solid #93002b; }
.acc-specialist { margin-left: 30px; }

.tb-td-btm-line-red { border-collapse: collapse; }
.tb-td-btm-line-red td:first-of-type { border-top: 1px solid #93002B; }
.tb-td-btm-line-red td, th { padding: 10px 15px; border-bottom: 1px solid #93002B; }

.bd-top-btm-red-rad { border-top: 1px solid #900; border-bottom:1px solid #900; padding-left: 15px; padding-bottom: 5px; border-radius: 10px; }

.memory-content-wrap { width: 100%; height: auto; background-image: url("/140years/images/rancho-library.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; padding: 20px 50px; }
.memory-content-wrap::before {  }
.memory-content { width: 100%; padding: 15px 30px; background-color: #ffffff; margin: 50px auto; }
.wall-item { margin: inherit; border: 1px solid #900; padding: 20px; border-bottom-width: thick; border-radius: 25px 25px 0px 0px; }
.wall-message-author { font-style: italic; line-height: 1em; }
.wall-message-author em { font-weight: 600; }
.wall-message-author span { display: block; }

.custom-layout-container { display: flex; flex-wrap: wrap; width: 100%; }
.custom-layout-column { width: 50%; padding: 20px; }

/* Layout content + Aside box */

.content-container { display: flex; flex-wrap: wrap; width: 100%; gap: 60px; }
.box { flex: auto; padding: 30px 0; box-sizing: border-box; }
.box-main { width: 60%; }
.box-aside { width: 320px !important; margin: 0 auto; border-top: 3px solid #C2363D; border-bottom: 3px solid #C2363D; background-color: #f7f7f7; border-radius: 4px; padding: 20px; }
.box-aside > h2 { text-align: center; }
.box-aside > h3, ul.success-contact h3  { font-size: 1em;  }
.box-aside > h2 { font-size: 2em; }
ul.success-contact span { margin-left: 45px; }
ul.success-contact { list-style: none!important; padding-left: 0px!important; line-height: normal;  margin-bottom: 30px; margin-top: 0px !important; border-bottom: 1px solid #888; padding-bottom: 20px; }
.fa { font-size: 1.3em; color: #C2363D; width: 30px; text-align: center; margin-right: 15px; }

/* request Information */

.main-form-contact-us { position: relative; width: 100%; height: 1200px; background-image: url(/about/_images/commencement-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; min-height: 315px; }
.info-contact-us { width: 450px; position: absolute; bottom: 30px; right: 30px; background-color: #F1F2F4; color: #333; transition: all 1s; transition-delay: .3s; }
.info-contact-us > h2 { color: #333; font-size: 1.4em; text-align: center; padding: 10px; color: #fff; font-weight: 600; text-transform: none; background-color: #e20d39; position: relative; }
.info-contact-us > h2:after { content: ""; position: absolute; top: 100%; left: 45%; border-top: 20px solid #e20d39; border-left: 20px solid transparent; border-right: 20px solid transparent; }
.info-contact-us p { margin: 10px 50px; line-height: normal; margin-top: 35px; }

.main-request-info { position: relative; width: 100%; height: 1000px; background-image: url(/admissions/images/request-info-panther-bg.jpg); background-repeat: no-repeat; background-size: cover; min-height: 315px; }
.request-info { width: 450px; position: absolute; bottom: 30px; right: 30px; background-color: #F1F2F4; color: #333; transition: all 1s; transition-delay: .3s; }
.request-info > h2 { color: #333; font-size: 1.7em; text-align: center; padding: 10px; color: #fff; font-weight: 600; text-transform: uppercase; background-color: #e20d39; position: relative; }
.request-info > h2:after { content: ""; position: absolute; top: 100%; left: 45%; border-top: 20px solid #e20d39; border-left: 20px solid transparent; border-right: 20px solid transparent; }
.request-info p { margin: 10px 50px; line-height: normal; margin-top: 35px; }

/* Religious Observances Calendar */

.cal-items-container { width: 100%; margin: 20px 0; }
.reg-cal-item { width: 25rem; height: auto; margin: 30px; display: inline-block; }
.reg-cal-item img { width: 100%; object-fit: cover; transition: transform 0.5s; }
.reg-cal-item img:hover { transform: scale(0.85); }
.raw-divider { display: block; }

.cal-content-headings { display: block; max-width: 80%; margin: 10px 10px 0px; font-weight: 700; border-top: 1px solid #ccc; }
.cal-content-head-date { display: table-cell; width: 160px; padding: 10px; }
.cal-content-head-holiday { display: table-cell; }

.cal-content-item { display: table; max-width: 80%; margin: 0px 10px 60px 10px; border-top: 1px solid #ccc; }
.cal-content-date { display: table-cell; width: 160px; padding: 10px; }
.cal-content-details { display: table-cell; }

@media (max-width: 1820px) {
    .reg-cal-item { width: 23rem; margin: 10px; }
    .raw-divider { display: none; }
}

@media (max-width: 1260px) {
	.cal-content-item { max-width: 100%; }
}

@media (max-width: 360px) {
	.cal-items-container { width: 85%; margin: 0; }
   	.reg-cal-item { width: 200px; min-width: 250px; margin: 2px; }
	.cal-content-date { display: block; width: 100%; }
	.cal-content-details { display: block; }
}

@media only screen and (min-width: 992px)

/* Zebra Table with border */

.zebratable { border-collapse: collapse !important; width: 90%; }
.zebratable th, .zebratable td { padding: 10px; border: 1px solid #ccc; }
.zebratable th { background-color: #555; color: #fff; }
.zebratable tr:nth-child(even) { background-color: #f3f2f2; }
/*.zebratable td:nth-child(3) { text-align: center; } */
.zebratable caption { text-align: left; font-size: 1.2em; font-weight: 600; padding: 15px; }

/* Zebra Table with border and centered data */

.zebratable-ctr { border-collapse: collapse; width: 90%; }
.zebratable-ctr th, .zebratable-ctr td { padding: 10px; border: 1px solid #ccc; text-align: center; }
.zebratable-ctr th { background-color: #555; color: #fff; }
.zebratable-ctr tr:nth-child(even) { background-color: #f3f2f2; }
.zebratable-ctr caption { text-align: left; font-size: 1.2em; font-weight: 600; padding: 15px; }

.tbl-noborder { width:90% }
tbl-noborder th { text-align: left; }

.tbl-1st-th-blank tbody tr:first-child td:nth-child(1) { background-color: #fff; border-top: none; border-left: none; }

/* Adult schools logo */

.as-logo { width: fit-content; display: inline-block; margin: 15px; text-align: center; vertical-align: top; }
.as-logo img { display: block; margin: 15px auto; }

.cdc-guidelines { margin: 40px 0; width: fit-content; height: fit-content; border-bottom: 1px solid #900;  }
.cdc-img { display: inline-block; }
.cdc-img img { object-fit: contain; }
.cdc-guidelines .cdc-desc { margin: 0 2em; display: inline-block; vertical-align: top; }
.cdc-guidelines .cdc-desc span { font-size: 1.5em; font-weight: 700; }


/* ADN Cost Table */

.adncost { border-collapse: collapse; font-size: 0.8em; }
.adncost th, .adncost td { border: 1px solid #ccc; padding: 5px; text-align: center; }
.adncost td:first-of-type { text-align: left; }
.adncost th { background-color: #555; color: #fff; }

/* sm-font */

.sm-font { font-size: 0.8em; }

/* 3-Up Cards */
.three-up-card-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 auto; padding: 20px; max-width: 1200px; }
.three-up-card-container > .three-up-card { background-color: #fff; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s; }
.three-up-card-container > .three-up-card:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }
.three-up-card-container .three-up-card img { width: 100%; height: auto; display: block; }
.three-up-card-container .three-up-card .three-up-card-body { padding: 15px; text-align: center; }
.three-up-card-container .three-up-card h3 { margin: 10px 0; font-size: 1.5rem; color: #333; }
.three-up-card-container .three-up-card p { font-size: 1rem; color: #666; margin-bottom: 15px; }

@media (max-width: 992px) and (min-width: 600px) { 
	.three-up-card-container { grid-template-columns: repeat(2, 1fr); } 
	.three-up-card-container > .three-up-card:nth-child(3) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 20px); } 
}
@media (max-width: 600px) { 
	.three-up-card-container { grid-template-columns: 1fr; } 
	.three-up-card-container > .three-up-card:nth-child(3) { grid-column: auto; width: 100%; } 
}

/* Table with no border */

.tablenoborder { border-collapse: collapse; }
.tablenoborder th { text-align: left; padding: 0em 2em;}
.tablenoborder td { padding: 1em 2em; border: 1px solid red; }

/* 4 column boxes */

.dei-main-container { display: flex; flex-direction: column; align-items: center; padding: 20px; }
/* Section above the columns, aligned left */
.dei-info-section { width: 60%; text-align: left; background-color: #fff; padding: 20px; margin-bottom: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
/* Paragraph for the section */
.dei-info-section p { color: #666; line-height: 1.6; font-size: 1.1em; }
/* Container for the columns */
.dei-container { display: flex; flex-wrap: wrap; align-self: flex-start; gap: 40px; padding: 20px; }
/* Each column styling */
.dei-column { background-color: #fff; width: 320px; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.2s ease-in-out; }
.dei-column:hover { transform: scale(1.05); }
/* Image styling */
.dei-column img { width: 100%; height: auto; object-fit: cover; border-radius: 5px; }
/* Heading styling */
.dei-column > h3 { margin: 20px 0; font-size: 1.2em !important; color: #93002b; }
/* Paragraph styling with padding */
.dei-column p { line-height: 1.6; text-align: left; }




/* construction Page */

.const-table { border-collapse: collapse; width: 80%; }
.const-table th, .const-table td { padding: 7px; }
.const-table th { color: #000; text-align: left; }
.const-table td { text-align: left; }
.const-table tr {  border-bottom: 1px solid #999; }

section#fundChartsContainer { width: 100%; }
section#fundChartsContainer .fundChartsBox { display: block; width: 100%; }
section#fundChartsContainer .fundChartTable { padding-bottom: 30px; }

section#fundChartsContainer-02 { width: 100%; }
section#fundChartsContainer-02 .fundChartsBox { display: block; width: 100%; }
section#fundChartsContainer-02 .fundChartTable { padding-bottom: 30px; }

/* International */

.int-boxer { display: table; border-collapse: collapse; margin: 20px; }
 
.int-boxer .box-row { display: table-row; }
 
.int-boxer .box { display: table-cell; text-align: center; line-height: 1; vertical-align: top; }
.int-boxer .boxYear { width: fit-content; display: table-cell; text-align: center; vertical-align: top; }
.years { font-size: 8em; text-align: center; }
.redtext { color: #FF0000; }

.cucamonga-city { display: block; margin: 40px 40px 140px; }
.cucamonga-city img { margin-right: 20px; float: left; margin-bottom: 40px; }

/* Term sessions */

section#sessions { display: block; box-sizing: border-box; width: auto; padding: 1em 2vw; margin: 1em 2vw; color: #000; }

section#sessions table { margin: 1em 0; border-collapse: collapse; }

section#sessions caption { text-align: left; font-style: italic; padding: 0.25em 0.5em 0.5em 0.5em; }

section#sessions th, section#sessions td { padding: 0.25em 0.5em 0.25em 1em; vertical-align: text-top; text-align: left; text-indent: -0.5em; border-bottom: 1px solid #990000; }

section#sessions th { vertical-align: bottom; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; }

section#sessions td::before { display: none; }

section#sessions tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.25); }

section#sessions tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5); }

section#sessions th:nth-of-type(3), section#sessions td:nth-of-type(3) { text-align: right; }

section#sessions div { overflow: auto; }

/* mb-friendly-table */

.mb-friendly-table { width: 100%; border-collapse: collapse!important; }
.mb-friendly-table th { display: none; /* Hide headers on mobile */ }
.mb-friendly-table td { padding: 8px; border-bottom: 1px solid #ddd; text-align: left; }

@media (min-width: 600px) {
	.mb-friendly-table th { display: table-cell; font-weight: bold; padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
    .mb-friendly-table td { display: table-cell; padding: 8px; text-align: left; border-bottom: 1px solid #ddd; font-weight: normal; }
}
@media (max-width: 600px) {
	.mb-friendly-table td { display: block; width: 100%; padding-left: 49%; /* Adjust for label width */ }
    .mb-friendly-table td:before { content: attr(data-label); display: inline-block; width: 98%; margin-left: -100%!important; /* Negative margin to pull the label back */ font-weight: 600; vertical-align: top; }
    .mb-friendly-table td[data-label="First day of HSP courses**"] { border-bottom-color: #93002B; margin-bottom: 30px; }
}

/* Searche for classess */

.search4class { display: block; }
.search4class::after {content: ''; display: block; clear: both;}

/* ITS */

.its-helpdesk { position: relative; width: 65%; height: 650px; padding: 3em; background-image: url("/its/its_images/helpdesk-03.jpg"); background-repeat: no-repeat; background-size: contain;  }
.btn-std { position: absolute; top: 5em; right: 3.5em; }
.btn-stf { position: absolute; top: 10em; right: 3em; }

.openlabhours { width: 100%; height: auto; display: grid;
	grid:
		"dps health-sciences research-RC" 1fr
		"rancho-gps beb-101 math-121" 1fr
		"chmb-142 chmb-240 chmb-145-147" 1fr
		"fnac-100 fnfc-121 fnfc-122" 1fr
		/ 1fr 1fr 1fr;
	gap: 10px;
}

.dps { grid-area: dps; }
.health-sciences { grid-area: health-sciences; }
.research-RC { grid-area: research-RC; }
.rancho-gps { grid-area: rancho-gps; border-bottom: 1px solid #93002B; }
.beb-101 { grid-area: beb-101; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.math-121 { grid-area: math-121; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.chmb-142 { grid-area: chmb-142; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.chmb-240 { grid-area: chmb-240; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.chmb-145-147 { grid-area: chmb-145-147; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.fnac-100 { grid-area: fnac-100; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.fnfc-121 { grid-area: fnfc-121; border-bottom: 1px solid #93002B; padding-bottom: 20px; }
.fnfc-122 { grid-area: fnfc-122; border-bottom: 1px solid #93002B; padding-bottom: 20px; }

.op-hours { border-collapse: collapse; }
.op-hours caption { font-weight: 700; line-height: 1.5em; }
.op-hours caption > span { color: #93002B; }
.op-hours tr:first-child td { font-weight: 600; }
.op-hours th, .op-hours td { border: 1px solid #ccc; padding: 0 10px; text-align: center; font-weight: 300; }

.jk-pattern { height: 100%; background-color: unset;
	background-size: 35% !important;
	background-image: url(/_resources/assets/img/pattern-alt-2.svg);
	background-position: top right;
	background-repeat: repeat-y;
	background-size: contain;

}

@media (min-width: 901px) {
	.jk-pattern { background-image: none; }
}
@media (max-width: 900px) { 
	.openlabhours { display: block; padding-left: 20px;  }
	.rancho-gps { border-bottom: none; }
	.beb-101 { border-bottom: 1px none; }
	.math-121 { border-bottom: 1px solid #93002B;; }
	.chmb-142 { border-bottom: none; }
	.chmb-240 { border-bottom: none; }
	.chmb-145-147 { border-bottom: 1px solid #93002B; }
	.fnac-100 { border-bottom: none; }
	.fnfc-121 { border-bottom: none; }
	.fnfc-122 { border-bottom: none; }
}
@media (max-width: 500px) { 
	.jk-pattern  { background-image: none; }
	.memory-content-wrap { padding: 10px 20px; }
	.memory-content { margin: 20px auto; padding: 10px 15px; }
}


/* Term sessions - mobile friendly */

section#sessions-mf { display: block; box-sizing: border-box; width: auto; padding: 1em 2vw; margin: 1em 2vw; color: #000; }

section#sessions-mf table { margin: 1em 0; border-collapse: collapse; /*   width: 100%; */ }

section#sessions-mf caption { text-align: left; font-style: italic; padding: 0.25em 0.5em 0.5em 0.5em; }

section#sessions-mf th, section#sessions-mf td { padding: 0.25em 0.5em 0.25em 1em; vertical-align: text-top; text-align: left; text-indent: -0.5em; border: 1px solid #8aa899; }

section#sessions-mf th { vertical-align: bottom; background-color: #555555; color: #fff; font-weight: bold; }

section#sessions-mf td::before { display: none; }

section#sessions-mf tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.25); }

section#sessions-mf tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5); }

section#sessions-mf th:nth-of-type(3), section#sessions-mf td:nth-of-type(3) { text-align: right; }
section#sessions-mf th:nth-of-type(4), section#sessions-mf td:nth-of-type(4) { text-align: right; }

section#sessions-mf div { overflow: auto; }

@media screen and (max-width: 37em), print and (max-width: 5in) { 
	section#sessions-mf table, section#sessions-mf tr, section#sessions-mf td { display: block; width: 100%; }
  	section#sessions-mf tr { padding: 0px; border: 1px solid #8aa899; margin-bottom: 5px; }
  	section#sessions-mf th, section#sessions-mf tr:first-of-type { display: none; }
  	section#sessions-mf td::before { display: inline; font-weight: bold; }
  	section#sessions-mf td { display: grid; grid-template-columns: 140px 140px; grid-gap: 1em 0.1em; border: none; }
  	section#sessions-mf caption { font-style: normal; background-color: rgba(0, 0, 0, 0.35); color: #fff; font-weight: bold; }
  	section#sessions-mf td:nth-of-type(3) { text-align: left; }
  	section#sessions-mf td:nth-of-type(4), section#sessions-mf td:nth-of-type(5) { text-align: left; width: 12em; }
  	section#sessions-mf td:nth-of-type(4)::before, section#sessions-mf td:nth-of-type(5)::before { text-align: left; }
 	section#sessions-mf td:nth-of-type(2)::before { font-style: normal; }
}

@media print {
  	body { font-size: 6pt; color: #000; background-color: #fff; background-image: none; }
  	body, main { margin: 0; padding: 0; background-color: #fff; border: none; }
  	section#sessions-mf table { page-break-inside: avoid; }
  	section#sessions-mf div { overflow: visible; }
  	section#sessions-mf th { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  	section#sessions-mf tr { border-top: 1pt solid #000; }
}

@media print and (max-width: 5in) {
  section#sessions-mf caption { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  section#sessions-mf table { page-break-inside: auto; }
  section#sessions-mf tr { page-break-inside: avoid; }
}

/* second ID */

section#sessions-mf-02 { display: block; box-sizing: border-box; width: auto; padding: 1em 2vw; margin: 1em 2vw; color: #000; }

section#sessions-mf-02 table { margin: 1em 0; border-collapse: collapse; /*   width: 100%; */ }

section#sessions-mf-02 caption { text-align: left; font-style: italic; padding: 0.25em 0.5em 0.5em 0.5em; }

section#sessions-mf-02 th, section#sessions-mf-02 td { padding: 0.25em 0.5em 0.25em 1em; vertical-align: text-top; text-align: left; text-indent: -0.5em; border: 1px solid #8aa899; }

section#sessions-mf-02 th { vertical-align: bottom; background-color: #555555; color: #fff; font-weight: bold; }

section#sessions-mf-02 td::before { display: none; }

section#sessions-mf-02 tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.25); }

section#sessions-mf-02 tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5); }

section#sessions-mf-02 th:nth-of-type(3), section#sessions-mf-02 td:nth-of-type(3) { text-align: right; }
section#sessions-mf-02 th:nth-of-type(4), section#sessions-mf-02 td:nth-of-type(4) { text-align: right; }

section#sessions-mf-02 div { overflow: auto; }

@media screen and (max-width: 37em), print and (max-width: 5in) { 
	section#sessions-mf-02 table, section#sessions-mf-02 tr, section#sessions-mf-02 td { display: block; width: 100%; }
  	section#sessions-mf-02 tr { padding: 0px; border: 1px solid #8aa899; margin-bottom: 5px; }
  	section#sessions-mf-02 th, section#sessions-mf-02 tr:first-of-type { display: none; }
  	section#sessions-mf-02 td::before { display: inline; font-weight: bold; }
  	section#sessions-mf-02 td { display: grid; grid-template-columns: 140px 140px; grid-gap: 1em 0.1em; border: none; }
  	section#sessions-mf-02 caption { font-style: normal; background-color: rgba(0, 0, 0, 0.35); color: #fff; font-weight: bold; }
  	section#sessions-mf-02 td:nth-of-type(3) { text-align: left; }
  	section#sessions-mf-02 td:nth-of-type(4), section#sessions-mf-02 td:nth-of-type(5) { text-align: left; width: 12em; }
  	section#sessions-mf-02 td:nth-of-type(4)::before, section#sessions-mf-02 td:nth-of-type(5)::before { text-align: left; }
 	section#sessions-mf-02 td:nth-of-type(2)::before { font-style: normal; }
}

@media print {
  	body { font-size: 6pt; color: #000; background-color: #fff; background-image: none; }
  	body, main { margin: 0; padding: 0; background-color: #fff; border: none; }
  	section#sessions-mf-02 table { page-break-inside: avoid; }
  	section#sessions-mf-02 div { overflow: visible; }
  	section#sessions-mf-02 th { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  	section#sessions-mf-02 tr { border-top: 1pt solid #000; }
}

@media print and (max-width: 5in) {
  section#sessions-mf-02 caption { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  section#sessions-mf-02 table { page-break-inside: auto; }
  section#sessions-mf-02 tr { page-break-inside: avoid; }
}


/* Third ID */

section#sessions-mf-03 { display: block; box-sizing: border-box; width: auto; padding: 1em 2vw; margin: 1em 2vw; color: #000; }

section#sessions-mf-03 table { margin: 1em 0; border-collapse: collapse; /*   width: 100%; */ }

section#sessions-mf-03 caption { text-align: left; font-style: italic; padding: 0.25em 0.5em 0.5em 0.5em; }

section#sessions-mf-03 th, section#sessions-mf-03 td { padding: 0.25em 0.5em 0.25em 1em; vertical-align: text-top; text-align: left; text-indent: -0.5em; border: 1px solid #8aa899; }

section#sessions-mf-03 th { vertical-align: bottom; background-color: #555555; color: #fff; font-weight: bold; }

section#sessions-mf-03 td::before { display: none; }

section#sessions-mf-03 tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.25); }

section#sessions-mf-03 tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5); }

section#sessions-mf-03 th:nth-of-type(3), section#sessions-mf-03 td:nth-of-type(3) { text-align: right; }
section#sessions-mf-03 th:nth-of-type(4), section#sessions-mf-03 td:nth-of-type(4) { text-align: right; }

section#sessions-mf-03 div { overflow: auto; }

@media screen and (max-width: 37em), print and (max-width: 5in) { 
	section#sessions-mf-03 table, section#sessions-mf-03 tr, section#sessions-mf-03 td { display: block; width: 100%; }
  	section#sessions-mf-03 tr { padding: 0px; border: 1px solid #8aa899; margin-bottom: 5px; }
  	section#sessions-mf-03 th, section#sessions-mf-03 tr:first-of-type { display: none; }
  	section#sessions-mf-03 td::before { display: inline; font-weight: bold; }
  	section#sessions-mf-03 td { display: grid; grid-template-columns: 140px 140px; grid-gap: 1em 0.1em; border: none; }
  	section#sessions-mf-03 caption { font-style: normal; background-color: rgba(0, 0, 0, 0.35); color: #fff; font-weight: bold; }
  	section#sessions-mf-03 td:nth-of-type(3) { text-align: left; }
  	section#sessions-mf-03 td:nth-of-type(4), section#sessions-mf-03 td:nth-of-type(5) { text-align: left; width: 12em; }
  	section#sessions-mf-03 td:nth-of-type(4)::before, section#sessions-mf-03 td:nth-of-type(5)::before { text-align: left; }
 	section#sessions-mf-03 td:nth-of-type(2)::before { font-style: normal; }
}

@media print {
  	body { font-size: 6pt; color: #000; background-color: #fff; background-image: none; }
  	body, main { margin: 0; padding: 0; background-color: #fff; border: none; }
  	section#sessions-mf-03 table { page-break-inside: avoid; }
  	section#sessions-mf-03 div { overflow: visible; }
  	section#sessions-mf-03 th { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  	section#sessions-mf-03 tr { border-top: 1pt solid #000; }
}

@media print and (max-width: 5in) {
  section#sessions-mf-03 caption { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  section#sessions-mf-03 table { page-break-inside: auto; }
  section#sessions-mf-03 tr { page-break-inside: avoid; }
}


/* Term sessions - mobile friendly */

.table-mf { display: block; box-sizing: border-box; width: 100%; padding: 1em 2vw; margin: 1em 1vw; color: #000; }

.table-mf table { margin: 1em 0; border-collapse: collapse; width: 100%;  }

.table-mf caption { text-align: left; font-style: italic; padding: 0.25em 0.5em 0.5em 0.5em; }

.table-mf th, .table-mf td { padding: 0.25em 1em; vertical-align: text-top; text-align: left; text-indent: -0.5em; border: 1px solid #8aa899; }

.table-mf th { vertical-align: bottom; background-color: #555555; color: #fff; font-weight: bold; }

.table-mf td::before { display: none; }

.table-mf tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.25); }

.table-mf tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5); }

.table-mf th:nth-of-type(3), .table-mf td:nth-of-type(3) { text-align: right; }
.table-mf th:nth-of-type(4), .table-mf td:nth-of-type(4) { text-align: right; }

.table-mf div { overflow: auto; }

@media screen and (max-width: 37em), print and (max-width: 5in) { 
	.table-mf table, .table-mf tr, .table-mf td { display: block; width: 26em; }
  	.table-mf tr { padding: 0px; border: 1px solid #8aa899; margin-bottom: 5px; }
  	.table-mf th, .table-mf tr:first-of-type { display: none; }
  	.table-mf td::before { display: inline; font-weight: bold; }
  	.table-mf td { display: grid; grid-template-columns: 140px 140px; grid-gap: 1em 0.1em; border: none; }
  	.table-mf caption { font-style: normal; background-color: rgba(0, 0, 0, 0.35); color: #fff; font-weight: bold; }
  	.table-mf td:nth-of-type(3) { text-align: left; }
  	.table-mf td:nth-of-type(4), .table-mf td:nth-of-type(5) { text-align: left; width: 12em; }
  	.table-mf td:nth-of-type(4)::before, .table-mf td:nth-of-type(5)::before { text-align: left; }
 	.table-mf td:nth-of-type(2)::before { font-style: normal; }
}

@media print {
  	body { font-size: 6pt; color: #000; background-color: #fff; background-image: none; }
  	body, main { margin: 0; padding: 0; background-color: #fff; border: none; }
  	.table-mf table { page-break-inside: avoid; }
  	.table-mf div { overflow: visible; }
  	.table-mf th { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  	.table-mf tr { border-top: 1pt solid #000; }
}

@media print and (max-width: 5in) {
  .table-mf caption { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  .table-mf table { page-break-inside: auto; }
  .table-mf tr { page-break-inside: avoid; }
}

/* responsivetb */

.tb-mf table { margin: 1em 0; border-collapse: collapse; width: 100%; }

.tb-mf caption { text-align: left; padding: 0.25em 0.5em 0.5em 0.5em; font-weight: 600; }

.tb-mf th, .tb-mf td { padding: 0.25em 0.5em 0.25em 1em; vertical-align: text-top; text-align: left; text-indent: -0.5em; border: 1px solid #f2f2f2; }

.tb-mf th { vertical-align: bottom; background-color: rgba(85, 85, 85, 0.9); color: #fff; font-weight: bold; white-space: nowrap; }

.tb-mf td::before { display: none; }


.tb-mf tr:nth-child(odd) { background-color: #F3F2F2; }

.clublist { font-size: 0.8em; }


@media screen and (max-width: 1200px) {
	.clublist { font-size: 0.65em; }
	.dei-container { flex-direction: column; align-items: center; width: 100%; }
	.dei-column { width: 100%; max-width: 350px; }
}

@media screen and (max-width: 1024px) {
	.clublist { font-size: .8em; }
	
	#content { padding: 0px 15px 40px 15px; }
	
	#online-support-new { width: 77%!important; } 
}

@media screen and (max-width: 2000px) {
	.clublist table, .clublist tr, .clublist td { display: block; font-size: 1.1em; }
	.clublist th, .clublist td { border: none;  }
	.clublist th, .clublist tr:first-of-type { display: none;  }
  	.clublist td::before { display: inline; font-weight: bold; white-space: nowrap; }
	.clublist td { display: grid; grid-template-columns: 12em auto; grid-gap: 1em 0em; }
	.clublist td > p { display: block; }
	.clublist caption { font-style: normal; background-color: #555555; color: #fff; font-weight: bold; width: auto; }
	.clublist td:nth-of-type(1) { font-weight: bold; background-color: #555555; color: #ffffff; }
	.clublist td:nth-of-type(3) { text-align: left; }
}

@media screen and (max-width: 37em), print and (max-width: 5in) {
  .tb-mf table, .tb-mf tr, .tb-mf td { display: block; }
  .tb-mf th, .tb-mf td { border: none; }
  .tb-mf tr { padding: 0.7em 2vw; }
  .tb-mf th, .tb-mf tr:first-of-type { display: none;  }
  .tb-mf td::before { display: inline; font-weight: bold; white-space: nowrap; }
  .tb-mf td { display: grid; grid-template-columns: 12em auto; grid-gap: 1em 0.5em; }
  .tb-mf caption { font-style: normal; background-color: #555555; color: #fff; font-weight: bold; width: auto; }
  .tb-mf td:nth-of-type(3) { text-align: left; }
 
  .tb-mf td:nth-of-type(4)::before, td:nth-of-type(5)::before { text-align: left; }
  .tb-mf td:nth-of-type(2)::before { font-style: normal; }
	
  .tb-mf-15em td { grid-template-columns: 15em auto; }
}

@media print {
  
  .tb-mf table { page-break-inside: avoid; }
  div.tb-mf { overflow: visible; }
  .tb-mf th { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  .tb-mf tr { border-top: 1pt solid #000; }
}

@media print and (max-width: 5in) {
  .tb-mf caption { color: #000; background-color: #fff; border-bottom: 1pt solid #000; }
  .tb-mf table { page-break-inside: auto; }
  .tb-mf tr { page-break-inside: avoid; }
}

/* calendar detail */

#calendar { width: 100%; border-collapse: collapse }
#calendar th { border-bottom: 2px solid #900; text-align: left; }
#calendar td { border-bottom: 1px solid #999; }
#calendar .instructionbegins { background-color: #EFF2F5; color: #40675F; font-weight: 600; }
#calendar .instructionends { background-color: #EFF2F5; color: #900; font-weight: 600; }
#calendar .textbold { font-weight: bold; }

.calendar-table { width: fit-content; border-collapse: collapse; }
.calendar-table caption { text-align: left; }
.calendar-table  td { border-bottom: 1px solid #999; padding-left: 40px; }
.calendar-table  caption { border-bottom: 1px solid #999;  }

.td-right td:nth-child(2) { text-align: right; }

/* Calendar Navigation */

#calendarnav { display: block; border: 1px solid #93002B; text-align: center; background-color: #93002B; font-weight: 700; }
#calendarnav ul > li { display: inline-block; padding: 0em 3em; }
#calendarnav a:link, #calendarnav a:hover, #calendarnav a:visited { color: #fff; text-decoration: none; }

#calnote-container { display: block; color: #2D55A1; }
#calnote-container .calnote-heading { display: inline-block; width: fit-content; padding: 10px; font-size: 2.2em; font-weight: 700; vertical-align: top; }
#calnote-container .calnote-note { display: inline-block; width: 45%; padding: 10px; }

.cal-safety-events { width: fit-content; margin: 40px 20px; padding: 10px; border: 3px solid #2D55A1; }
.cal-safety-events table th { text-align: left; padding-right: 30px; }
.cal-safety-events tr { border-bottom: 1px solid #ccc; }


/* Schedule of Classes */

#sessions-mf { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
#sessions-mf-02 { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.schedulewrap { display: block; width: 100%; }
.schedulewrap .schedulecover { width: 300px; display: inline-block; padding-left: 30px; vertical-align: top; border-right: 0.5px solid #900; }
.schedulewrap .schedulelist { width: fit-content; display: inline-block; padding-left: 30px; padding-top:20px; vertical-align: top; }

.schedulewrap .schedulecover-2 { width: 35%; display: inline-block; vertical-align: top; }
.schedulewrap .schedulecover-2 img { width: 100%; height: 100%; object-fit:cover; }
.schedulewrap .schedulelist-2 { width: fit-content; display: inline-block;  padding: 20px; }
.schedulewrap .schedule-ad { min-width: 300px; max-width: 430px ; display: inline-block; vertical-align: top; padding: 20px; }
.schedulewrap .schedule-ad img { width: 100%; }

#sessions-mf a:hover, #sessions-mf a:link, #sessions-mf a:visited { color: #900; }
#sessions-mf-02 a:hover, #sessions-mf-02 a:link, #sessions-mf-02 a:visited { color: #900; }

/* Term sessions snippet for schedule of classes and calendar pages */

#termsessions { width: 95%; margin: auto; border-collapse: collapse; }
#termsessions caption { font-size: 1.2em; text-align: center; font-weight: 600; padding: 10px; }
#termsessions th { text-align: left; background-color: #555; color: #fff; }
#termsessions th, #termsessions td { padding: 10px; border-bottom: 0.5px solid #ccc; }

#termsessions-02 { width: 95%; margin: auto; border-collapse: collapse; }
#termsessions-02 caption { font-size: 1.2em; text-align: center; font-weight: 600; padding: 10px; }
#termsessions-02 th { text-align: left; background-color: #555; color: #fff; }
#termsessions-02 th, #termsessions-02 td { padding: 10px; border-bottom: 0.5px solid #ccc; }

#termsessions-03 { width: 95%; margin: auto; border-collapse: collapse; }
#termsessions-03 caption { font-size: 1.2em; text-align: center; font-weight: 600; padding: 10px; }
#termsessions-03 th { text-align: left; background-color: #555; color: #fff; }
#termsessions-03 th, #termsessions-03 td { padding: 10px; border-bottom: 0.5px solid #ccc; }

/* Catalog */

#catalogcontainer { border-bottom: #ccc; }
#catalogcontainer .catalogcover { width: 400px; display: inline-block; vertical-align: top; }
#catalogcontainer .catalog-items { width: 400px; display: inline-block; padding-left: 30px; vertical-align: top; }
#catalogcontainer a:hover, #catalogcontainer a:link, #catalogcontainer a:visited { color: #900; }
#prioryearcat a:link, #prioryearcat a:hover, #prioryearcat a:visited { color: #900; }

/* Panther Pantry */

#panthercareforms { width: 100%; min-height:100vh; }

#pantrydistribution { width: 100%; border-collapse: collapse; }
#pantrydistribution caption { padding: 10px; font-weight: 700; background-color: #000; color: #FFBF04; }
#pantrydistribution td, #pantrydistribution th { border: 1px solid #ccc;  padding: 1em; }
#pantrydistribution td {text-align: center;}

/* Staff profile : not the employee direction but display a staff member with photo and contact info*/

.staffcontainer { width: 568px; }
.staffcontainer .staffrow { width: 568px; border-bottom: 1px solid #900; }
.staffcontainer .staffimg { width: 108px; height:145px; object-fit: cover; object-fit: cover; display: inline-block; vertical-align: bottom; }
.staffcontainer .staffinfo { width: fit-content; padding: 20px; display: inline-block; vertical-align: bottom; }
.staffcontainer .staffrow .staffinfo ul { margin-top: 0!important; }


/* Leadership Listing*/

.lead-container { width: 100%; margin: 20px 0px; }
.lead-container .lead-img { display: inline-block; width: 180px; height:240px; object-fit: cover; vertical-align: bottom; }
.lead-container .lead-id { display: inline-block; width: fit-content; padding: 20px; vertical-align: bottom;  border-bottom: 1px solid #900;}
.lead-container .lead-bio { display: block; width: 100%; margin-bottom: 25px 0px; padding: 20px 20px 20px 40px; }

/* Foundation */

.fnlead-container { display: inline-block; width: 40%; margin: 20px 10px; border-bottom: 1px solid #900; }
.fnlead-container .mblead-img { display: inline-block; width: 114px; object-fit: cover; vertical-align: bottom; }
.fnlead-container .mblead-id { display: inline-block; width: fit-content; padding: 20px; vertical-align: bottom; }


/* Financial Aid: How to Apply */

#finaidstepscontainer { display: block; }
#finaidstepscontainer::after {content: ""; display: block; clear: both; }
#finaidstepscontainer .imgfloatleft { float: left; margin-right: 20px; margin-bottom: 20px; }
#finaidstepscontainer .finiadsteps { display: inline-block; }

/* Application periods */

#appperiods { border-collapse: collapse; }
#appperiods tr { border-bottom: 0.5px solid #900; }
#appperiods th { text-align: right; padding: 20px;}
#appperiods td { padding: 10px; }

/* Counseling */

.counseling-help { display: block; width: 55%; }
.counseling-help::after {content: ''; display: block; clear: both;}


/* Logo */

#cclogo { border-collapse: collapse; }
#cclogo td:first-child { padding-top: 0px; width: 180px; }
#cclogo td { padding: 10px; border-bottom: 1px solid @ccc; }
#cclogo .thumb img { width: 180px; }

/* Forms Elements */

.input-textarea { width: 550px; height: 200px; border: 1px solid #900; padding: 10px; }

/* Chat with Chaffey */

.toolkikcontent { display: table; margin-bottom: 40px; }
.toolkikcontent h2 { margin-bottom: 0px; }
/*.toolkikcontent ul { margin: 0; padding-left: 0; vertical-align: top; }
.toolkikcontent ul > li { padding-left: 0; } */
.toolkikcontent .toolkiticon { display: table-cell; vertical-align: top; padding-right: 20px; width: 120px; }

.toolkit-wrap { display: block; width: fit-content; }
/*.toolkit-wrap > ul { padding-left: 0px!important; } */
.toolkit-wrap ul > li { width: 100%; list-style: none; margin-bottom: 25px; }
.toolkit-wrap a.btn-icon { display: block; line-height: 40px; padding: 10px 20px; border-radius: 5px; }
.toolkit-wrap a.btn-icon img { float: left; width: 40px!important; height: : 40px!important; margin-right: 20px; }

section#chaffeychat { margin: 20px 0px; }
section#chaffeychat .chatwrap { width: 350px; padding: 10px; background-color: #F9F9F9; border: 1px solid #999999; border-radius: 15px; }


.grid-1r-3cs { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; border: 2px solid #990000; padding: 15px; text-align: center; font-weight: 700; }
.div-r1-c1 { grid-area: 1 / 1 / 2 / 2; }
.div-r1-c2 { grid-area: 1 / 2 / 2 / 3; border-left: 2px solid #990000; border-right: 2px solid #990000; }
.div-r1-c3 { grid-area: 1 / 3 / 2 / 4; }


/* Responsive video */

.video-responsive { overflow:hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.video-responsive video { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/* ACES */

.aces-container { display: block; width: 750px; }
.aces-container .item { display: block; margin: 15px 15px 15px 0; padding: 0px 20px 20px 150px; background-repeat: no-repeat; background-position: left center; background-size: 17% auto; }
.aces-container .item h3 { font-size: 1.5em; margin-bottom: 0px; }
.aces-container .item-row-1 { background-image: url('/outcomes/images/aces-adaptability.png'); }
.aces-container .item-row-2 { background-image: url('/outcomes/images/aces-collaboration.png'); }
.aces-container .item-row-3 { background-image: url('/outcomes/images/aces-communication.png'); }
.aces-container .item-row-4 { background-image: url('/outcomes/images/aces-critical-thinking.png'); }
.aces-container .item-row-5 { background-image: url('/outcomes/images/aces-data.png'); }
.aces-container .item-row-6 { background-image: url('/outcomes/images/aces-digital-fluency.png'); }
.aces-container .item-row-7 { background-image: url('/outcomes/images/aces-empathy.png'); }
.aces-container .item-row-8 { background-image: url('/outcomes/images/aces-environmental.png'); }
.aces-container .item-row-9 { background-image: url('/outcomes/images/aces-innovation.png'); }
.aces-container .item-row-10 { background-image: url('/outcomes/images/aces-professionalism.png'); }
.aces-container .item-row-11 { background-image: url('/outcomes/images/aces-resilience.png'); }
.aces-container .item-row-12 { background-image: url('/outcomes/images/aces-social-justice.png'); }



/* Major Sheets */

.majorsheet { border-collapse: collapse }
.majorsheet span { border:0; clip: rect(1px 1px 1px 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.majorsheet th, .majorsheet td { padding: 10px; border: 4px solid #fff; }
.majorsheet td:nth-child(1) { width:20px; }
.majorsheet .aat-ast-transfer { background-color: #E3E3E4; }
.majorsheet .aa-as-certificate { background-color: #FAEE7E; }

/* Cranium Cafe */

section#craniuncafe { display: block; width: 90%; }
section#craniuncafe .cc-row { display: block; padding: 20px 0px; margin: 10px; vertical-align: top; }
section#craniuncafe .cc-row iframe { display: inline-block; vertical-align: top; margin: 20px; border: 0px; }

.cafe-card { margin: 10px; }

/* Governing Board */

#meetingscontainer { display: block; width: 70%; margin: 30px 10px; border-top: 1px solid #990000; border-bottom: 1px solid #990000; }
#meetingscontainer .meetdates { display: inline-block; width: fit-content; padding: 10px; vertical-align: top;  }
#meetingscontainer .meetdates ul { padding-left: 5px;}

/* Table of divs */
.tb-container { display: table; border-collapse: collapse; }
.tb-container .tb-row { display: table-row; }
.tb-container .tb-cell { display: table-cell; padding: 1em 1.5em; text-align: left; vertical-align: top;  }
.tb-container .tb-cell span { font-size: 1.2em; font-weight: 600; }

@media screen and (max-width: 1330px) {
.tb-container .tb-cell  { display: inline-block; }
}

@media screen and (max-width: 735px) {
	.tb-container { display: block; margin: 2em; }
	.tb-container .tb-row { display: block; }
	.tb-container .tb-cell { display: block; }
}

/* ESL */
.esl-levels { border-style: none; }
.esl-levels tr:nth-child(2) { background-color: #e6e6ff }
.esl-levels tr:nth-child(3) { background-color: #e6f8ff }
.esl-levels tr:nth-child(4) { background-color: #d9efc3 }
.esl-levels tr:nth-child(5) { background-color: #ffe6fa }
.esl-levels tr:nth-child(6){ background-color: #ffecb3 }
.esl-levels tr:nth-child(7) { background-color: #ffff80 }

/* Home */

.home-message { width: 60%; margin: 40px 0 0 20px; font-size: 2.2em; font-weight: 700; line-height: 1.3em; }
.home-message a:link, .home-message a:hover, .home-message a:visited { color: #c2363d; text-decoration: none !important; }
.home-message a:hover { text-decoration: none !important; }
.home-message span { color: #7e1d2d; }
@media  screen and (max-width: 1104px) {
	.home-message { width: 65%; }
}

/* A&R home */
section#sdt-type-container { width: 500px; margin 20px auto; }
.inside-btn { padding: 10px 30px; margin-bottom: 20px; background-color: #e20d39!important; color: #fff; font-weight: 600; }
.inside-btn:hover { background-color: #ccc!important; color: #e20d39!important; }
.w3-show { padding: 20px; }
.accordion-control-icon { width: 40px; height: 40px; float: left; margin-right: 20px; }
@media (max-width: 466px){
	section#sdt-type-container { padding-left:0px;}
	.w3-container { padding-left:0; }
	.accordion-control-icon { margin-right:10px; }
	
}
/* CTE */

section#cteprogams { display: block; width: 100%; }
section#cteprogams .programlist { display: inline-block; width:31%; padding: 0 10px; vertical-align: top; }

@media (max-width: 500px){
	section#cteprogams .programlist { width: 100%; }
	
}

#vote-container {
	display: block; width: 100%; }
	.vote-row { display: block; width: 100%; border-top: 4px solid #777;  border-bottom: 4px solid #777; padding: 20px 0px; margin: 40px 0px; }
	.vote-img { display: inline-block; width: 200px; vertical-align: top; object-fit: contain; }
	.vote-info { display: inline-block; width: 60%; padding: 15px; color: #000; font-weight: 300; }
	.vote-row:hover { text-decoration: none; opacity: 0.3; }

/* Health services*/

section#first-stop-health { padding: 0 30px; }
section#first-stop-health::after {content: ''; display: block; clear: both;}
section#first-stop-health .fsh-phone { display: inline-block; width: 20%; }
section#first-stop-health .first-stop-health-info { display: inline-block; width: 60%; vertical-align: top; }
section#first-stop-health .first-stop-health-info h3 { background-color: #f1402d; color: #fff; padding-left: 1em; }

/* GENERIC */

.tp-btm-ln { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 20px; margin: 20px;}

.socialmedia-icon { height: 40px; position: relative; margin: 10px; }
.socialmedia-icon img { display: inline-block; margin-right: 10px;  }
.socialmedia-icon p { margin-left: 50px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.stdtorg { width: 100%; border-collapse: collapse; }
.stdtorg th, .stdtorg td { padding: 10px; text-align: left; border: 1px solid #999; vertical-align: top; }
.stdtorg th { width: 30%; font-weight: 700; }

.announcement { background-color: #93002b; color: #fff; font-weight: 600; padding: 1.3em; }
.announcement a:link { color: #cce6ff; }
.announcement a:visited { color: #cce6ff; }
.announcement a:hover { color: #cce6ff; }

.arrow { width: 20px; height: 20px; border: solid #7E1D2D; border-width: 0 10px 10px 0; display: inline-block; padding: 3px; }

.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.chaffey-red { color: #7E1D2D; }

.imgfloat-left img { float: left; margin-right: 15px; }
.mg-right { 20px; }
.nolink-style:hover, .nolink-style:link, .nolink-style:visited, .nolink-style:active { font-weight: 300; color: #000; text-decoration: none; }

.twocolumns-container { display: block; width: 100%; margin: 30px 0px; }
.twocolumns-container .twocolumns-container-column { display: inline-block; width: 47%; padding: 0 10px; vertical-align: top; }

.snp-twocolumns-content { display: block; width: 100%; margin: 30px 0px; }
.snp-twocolumns-content .snp-twocolumns-content-column { display: inline-block; width: 47%; padding: 0 10px; vertical-align: top; }

.twocolumns-container-2 { display: block; width: fit-content; margin: 30px 0px; }
.twocolumns-container-2 .twocolumns-container-column-2 { display: inline-block; width: fit-content; padding: 0 10px; vertical-align: top; }

.twocolumns-container-3 { display: block; width: 100%; margin: 30px 0px; }
.twocolumns-container-3 .twocolumns-container-column-3 { display: inline-block; width: 43%; padding: 0 10px; vertical-align: top; }

.red-border { border: #98002b solid 1px; }

.twocolumns-content-3 { padding: 20px!important; margin: 20px; }

.topspacing { margin-bottom: 20px; }
@media (max-width: 500px) {
	.twocolumns-container .twocolumns-container-column { width: 100%; display: inline-block; }
}
@media (max-width: 500px) {
	.snp-twocolumns-content .snp-twocolumns-content-column { width: 100%; display: inline-block; }
}

.AnnouncementBox { width: 100%; padding: 20px; background-color: #990000; box-shadow: 5px 5px 7px #787878; font-weight: 600; text-align: center; text-transform: none; color: beige; text-decoration: none; border-radius: 30px; }

.prog-coord { display: block; margin-bottom: 2em!important; padding-bottom: 2em!important; border-bottom: 1px solid #ccc!important; }

.btn-generic { 
	padding: 10px; width: 180px; text-align: center; font-size: .8em; border-radius: 4px; text-decoration: none;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75); 
}
a.btn-generic-lk:link, a.btn-generic-lk:hover { text-decoration: none; opacity: 0.6; }
.btn-generic:hover { opacity: 0.5; }
.bg-red { background-color: #7E1D2D; }
.bg-gray { background-color: #555; }
.bg-black { background-color: #000; }
.txt-white { color: #fff; }

.tb-th { background-color: #555; color: #fff; vertical-align: top; }

.basic-table { display: block; width: 100%; border-collapse: collapse; margin: 25px auto; }
.basic-table caption { text-align: center; font-weight: 600; font-size: 1.2em; padding: 20px; }
.basic-table th { background-color: #e6e6e6; }
.basic-table th, .basic-table td { padding: 10px; border: 1px solid #737373; }
.first-td-lager td:first-of-type { width: 30%; }
.first-td-lager th:first-of-type { width: 30%; }
.txttop { vertical-align: top; }
.first-notext-wrap td:first-of-type { white-space: nowrap; }
.th-left th { text-align: left; background-color: #E6E6E6; }
.basic-w-bck caption { background-color: #bfbfbf; }

.tab-space { display: inline-block; margin-left: 70px; }

.tbgeneric { display: block; width: 100%; border-collapse: collapse; }
.tbgeneric table { max-width: 100%; }
.tbgeneric th { text-transform: uppercase; text-align: left; border-bottom: 4px solid #7E1D2D;}
.tbgeneric th, .tbgeneric td { padding: 1em; }
.tbgeneric td { border-bottom: 1px solid grey; }

#tbgeneric-2 { display: block; width: 100%; border-collapse: collapse; }
#tbgeneric-2 table { max-width: 100%; }
#tbgeneric-2 th { text-transform: uppercase; text-align: left; border-bottom: 4px solid #7E1D2D;}
#tbgeneric-2 th, #tbgeneric-2 td { padding: 1em; }
#tbgeneric-2 td { border-bottom: 1px solid grey; }

.tbgeneric-3 { display: block; width: 100%; border-collapse: collapse; }
.tbgeneric-3 table { width: 100%; }
.tbgeneric-3 th { text-transform: uppercase; text-align: left; }
.tbgeneric-3 th, .tbgeneric-3 td { padding: 10px; border-bottom: 1px solid #7E1D2D; vertical-align: top; }

#tbgeneric-4 { width: 100%; border-collapse: collapse; }
#tbgeneric-4 tr { border-top: 1px solid #7E1D2D; border-bottom: 1px solid #7E1D2D; }
#tbgeneric-4 th, #tbgeneric-4 td { padding: 15px; width: 50%; vertical-align: top; }
#tbgeneric-4 td:nth-child(1) { border-right: 1px solid #7E1D2D; }
#tbgeneric-4 th:nth-child(1) { border-right: 1px solid #7E1D2D; }

#tb-lines-gray { display: block; width: 100%; border-collapse: collapse; }
#tb-lines-gray table { width: 100%; }
#tb-lines-gray th { background-color: #cccccc; }
#tb-lines-gray th, #tb-lines-gray td { padding: 10px; border-bottom: 1px solid #555; vertical-align: top; }
#tb-lines-gray tr:first-of-type { border-top: 1px solid #555; }

.hrline { width: 50%; font-size: 1px; color: rgba(0, 0, 0, 0); line-height: 1px; background-color: grey; margin-top: -6px; margin-bottom: 10px; }

.nowrap { white-space: nowrap!important; }
.tb-striped tr:nth-child(even) { background-color: #f1f1f1; }

.transfer-emailregistry { width: 590px; height: 1450px }

.twocolumnsdivtb-container { display: table; border-collapse: collapse; }
.twocolumnsdivtb-container .twocolumnsdivtb-row { display: table-row; }
.twocolumnsdivtb-container .twocolumnsdivtb-box { display: table-cell; text-align: left; vertical-align: top; padding: 15px; border-bottom: 1px solid black; }

.wide-twocolumnsdivtb-container { display: table; width: 100%; }
.wide-twocolumnsdivtb-container .wide-twocolumnsdivtb-row { display: table-row; width: 100%;  }
.wide-twocolumnsdivtb-container .wide-twocolumnsdivtb-box { display: table-cell;  width: 48%;  text-align: left; vertical-align: top; padding: 15px; }

#alignlearnigout-wrap { display: block; width: 100%; overflow: auto; margin: 40px auto; }
#alignlearnigout-wrap .learnigout { width: 100%; text-align: center; padding: 10px; }
#alignlearnigout-wrap .learnigout p:first-of-type { text-align: left; }
#alignlearnigout-wrap .learnigout img { margin: auto; }

.big-character { font-size: 2em; font-weight: 700; }


.learnoutstatements { width: 60%; }
.learnoutstatements p:first-of-type { border-top: 1px solid #737373; }
.learnoutstatements p { border-bottom: 1px solid #737373; padding: 20px; }
.learnoutstatements ul { margin-top: 0px!important; border-bottom: 1px solid #737373; padding: 0px 20px 20px 20px; }
	
@media (max-width: 600px) {
	.tbgeneric table, .tbgeneric th, .tbgeneric td { display: block }
	.tbgeneric th { display: none; }
	.tbgeneric td:first-of-type { font-weight: 600; border: none; padding-bottom: 0; }
	
	.first-td-red td:first-of-type { color: #7E1D2D; }
	
	.th-show th { display: initial!important; visibility: visible; border-bottom: none!important; padding-top: 1em; margin: 20px 0px; }
	.th-show tr { margin: 20px 0px; }
	.th-show td:first-of-type { padding-bottom: 1em!important; font-weight: normal!important; }
	
	section#first-stop-health .fsh-phone { display: block; width: 70%; margin: auto; }
	section#first-stop-health .first-stop-health-info { display: block; width: 100%; }
	section#first-stop-health .first-stop-health-info img { width: 100px; }
	
	.vote-img { display: block; width: 200px; margin: 20px auto; }
	.vote-info { display: block; width: 100%; }
	
	.twocolumnsdivtb-container .twocolumnsdivtb-box { display: block; }
	
	#alignlearnigout-wrap .learnigout { display: block; width: 100% }
	#alignlearnigout-wrap .chaffeylearnout { display: block; width: 100% }
	
	.first-td-lager td:first-of-type { width: 90%; }
	
	#alignlearnigout-wrap .chaffeylearnout { display: block; width: 90%; }
	
	.learnoutstatements { width: 100%; }
	
	.cucamonga-city img { float: none; }
}
/* Program Mapper */
.acc-icon { width: 40px; }
.interstcontainer { width: 50%; }
.l-containerhorizontal a:hover { text-decoration: none }
@media (max-width: 1330px) {
	.interstcontainer { display: block!important; width: 90%!important; }
}

/* Measure P */

#bond-container { display: block; width: 100%; }
#bond-container .bonditem1 { display: inline-block; width: 45%; vertical-align: top; }
#bond-container .bonditem1 h2 { background-color: #555; color: #fff; padding: 20px; }
#bond-container .bonditem1 .bonditem1-info { padding: 20px; }
#bond-container .bonditem1 .bonditem1-info h3 { color: #fff; }
#bond-container .bonditem2 { display: inline-block; width: 45%; padding: 20px; vertical-align: top; }

#lowcost-container { display: flex; align-items: center; margin: 10px auto; background-color: #000; color: #fff; padding: 20px; border-radius: 8px; text-align: center; }
#lowcost-container::after { content:''; display: block; clear: both; }
#lowcost-container .sixxless { float: left; display:inline-block; }
#lowcost-container .sixxless span { font-size: 2em; font-weight: 600; }
#lowcost-container .sixxless-info { margin: auto; }
#lowcost-container .sixxless-info span { font-size: 1.5em; font-weight: 600; }

.numbers-wrapper { display: grid; border-radius: 5px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); margin: 40px auto; }
.numbers-wrapper > div { display: grid; border: 2px solid #ffa94d; border-radius: 5px; padding: 1em; margin: 10px; justify-content: center; text-align: center; color: #fff; }
.numbers-wrapper span.numberssize { font-size: 2.5em; font-weight: 600; display: block; }

.textbold { font-weight: bold; }
.textcenter { text-align: center; }

.container-2boxes-box{ flex-basis: 40%; margin: -20px auto;  border-bottom:1px #ccc solid; padding:15px;  }
.container-3boxes { display:flex;  justify-content:space-between; margin: 20px auto; }

.container-3boxes-box { flex-basis: 29%; margin: 20px auto; padding:15px;  }
.container-3boxes-box h2 { text-align: center; border-top: 1px solid #93002B; border-bottom: 1px solid #93002B; }

.custom-heading h2 { font-size: 1.5em; }

@media (max-width: 500px) {
	#bond-container .bonditem1 { display:block; width: 100%; }
	#bond-container .bonditem2 { display:block; width: 100%; }
	.numbers-wrapper { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 200px); }
	
	.transfer-emailregistry { width: 100%; }
	
	
	
	.gg-arrow-left::before { width: 4em!important; }
}

.jgallerycontainer { margin-bottom: 80px; border: 2ps solid red; }
.jgallerycontainer::after { content:''; display: block; clear: both; }


#pmt-cart { width: 600px; background-color: #D9E0F1; border-collapse: collapse; }
#pmt-cart th, #pmt-cart td { text-align: left; padding: 5px; }
#pmt-cart td:last-of-type { width: 200px; }
#pmt-cart .pmy-chartlinetop { border-top: 1px solid #990000; }
#pmt-cart .pmy-chartlinebottom { border-top: 1px solid #990000; }


/* Assessment cycle */

#asscycle-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
  gap: 0px 0px;
  grid-template-areas:
    ". Div-1 ."
    ". Div2 ."
    ". Div3 ."
    ". Div4 ."
    ". Div5 ."
    "div14 . Div6"
    "div13 div15 Div7"
    "div12 div15 div8"
    "div11 Div10 Div9";
        text-align: center; width: 43vw; margin: auto;
}
#asscycle-container .Div-1 { grid-area: Div-1; }
#asscycle-container .Div2 { grid-area: Div2; margin: 5px auto; }
#asscycle-container .Div3 { grid-area: Div3; }
#asscycle-container .Div4 { grid-area: Div4; margin: 5px auto; }
#asscycle-container .Div5 { grid-area: Div5; }
#asscycle-container .Div6 { grid-area: Div6; text-align: left; font-size: 3em!important; }
#asscycle-container .Div6 span { content: "\1F856"; }
#asscycle-container .Div7 { grid-area: Div7; }
#asscycle-container .div8 { grid-area: div8; margin: 5px auto; }
#asscycle-container .Div9 { grid-area: Div9; }
#asscycle-container .Div10 { grid-area: Div10; padding: 30px; margin: 0px auto; }
#asscycle-container .div11 { grid-area: div11; }
#asscycle-container .div12 { grid-area: div12; margin: 5px auto; }
#asscycle-container .div13 { grid-area: div13;}
#asscycle-container .div14 { grid-area: div14; text-align: right; font-size: 3em!important; }
#asscycle-container .div14 span { content: "\1F855"; }
#asscycle-container .div15 { grid-area: div15; border: 1px solid #900; }

    
#asscycle-container .item { 
    border: 1px solid #900; border-radius: 5px; padding: 10px 0px;
    /*-webkit-box-shadow: 1px 2px 3px -1px rgba(153,0,0,1);
    -moz-box-shadow: 1px 2px 3px -1px rgba(153,0,0,1);
    box-shadow: 1px 2px 3px -1px rgba(153,0,0,1);*/
	width: 14vw; margin: 0px auto;
    background-color: #fff; 
    position: relative; transition:color 0.25s ease;
    }
    
#asscycle-container a:link, #asscycle-container a:visited { color: #92032C; font-weight: 600; text-decoration: none; line-height: 1.2em; }
    #asscycle-container .item:hover { color: #fff; background-color: #555; }
    
	
.down-arrow { content: "\2193"; font-size: 9vw; }
.up-arrow { content: "\2191"; font-size: 9vw; }
.southeast-arrow { content: "\2198"; font-size: 9vw; }
.southwest-arrow { content: "\2199"; font-size: 9vw; }
.left-arrow { content: "\21F5"; font-size: 3em; }
    
#asscycle-container p { display: table-cell; vertical-align: middle; width: 11vw; height: 11vw; color: #000; font-weight: 600;}

#asscycle-container .item-height { padding: 10px; } 

#asscycle-container img { width: 6.5vw; height: auto;  }
    
#asscycle-container .text-circle { width: 11vw; height: 11vw; border-radius: 50%; margin: auto; color: #000; background-color: #fff; line-height: 1.3em;  } 

/* gg Arrow */

.gg-arrow-long-down { 
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    box-shadow: inset 0 0 0 2px;
    height: 5vw;
    width: 6px
}
.gg-arrow-long-down::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -4px
}
     .gg-arrow-left {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 7vw;
 height: 22px
}

.gg-arrow-left::after,
.gg-arrow-left::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 left: 3px
}

.gg-arrow-left::after {
 width: 10px;
 height: 10px;
 border-bottom: 2px solid;
 border-left: 2px solid;
 transform: rotate(45deg);
 bottom: 8px
}

.gg-arrow-left::before {
 width: 8vw;
 height: 4px;
 bottom: 10px;
 background: currentColor
} 
    
     .gg-arrow-long-up,
.gg-arrow-long-up::after {
 display: block;
 box-sizing: border-box;
 width: 7px
}

.gg-arrow-long-up {
 position: relative;
 transform: scale(var(--ggs,1));
 border-right: 2px solid transparent;
 border-left: 2px solid transparent;
 box-shadow: inset 0 0 0 2px;
 height: 5vw;
}

.gg-arrow-long-up::after {
 content: "";
 position: absolute;
 height: 6px;
 border-top: 2px solid;
 border-left: 2px solid;
 transform: rotate(45deg);
 top: 0;
 left: -2px
} 
    
     .gg-arrow-long-right {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 border-top: 2px solid transparent;
 border-bottom: 2px solid transparent;
 box-shadow: inset 0 0 0 2px;
 width: 8em;
 height: 6px
}

.gg-arrow-long-right::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 6px;
 height: 6px;
 border-top: 2px solid;
 border-right: 2px solid;
 transform: rotate(45deg);
 right: 0;
 bottom: -2px
} 
    
     .gg-arrow-bottom-right {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 8px;
 height: 8px;
 border-bottom: 2px solid;
 transform: scale(var(--ggs,1));
 border-right: 2px solid
}

.gg-arrow-bottom-right::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 14px;
 height: 2px;
 background: currentColor;
 transform: rotate(45deg);
 bottom: 3px;
 right: -3px
} 
    
     .gg-arrow-top-right {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 8px;
 height: 8px;
 border-top: 2px solid;
 transform: scale(var(--ggs,1));
 border-right: 2px solid
}

.gg-arrow-top-right::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 14px;
 height: 2px;
 background: currentColor;
 transform: rotate(-45deg);
 top: 3px;
 right: -3px
} 

.gg-arrow-bottom-right-wrap { display: block; box-sizing: border-box; width: 65px; height: 65px; position: relative; }
.gg-arrow-bottom-right-pointer { position: absolute; display: block; width: 13px; height: 13px; border-bottom: 3px solid; transform: scale(var(--ggs,1)); border-right: 3px solid; bottom: 0px; right: 0px; }
.gg-arrow-bottom-right-line { content: ""; display: block; position: absolute; width: 80px; height: 4px; background: currentColor; transform: rotate(45deg); bottom: 30px; right: -9px;} 

.gg-arrow-top-right-wrap { display: block; float: right; box-sizing: border-box; width: 65px; height: 65px; position: relative; }
.gg-arrow-top-right-pointer { position: absolute; display: block; width: 13px; height: 13px; border-bottom: 3px solid; transform: rotate(-85deg); -webkit-transform: rotate(-85deg); border-right: 3px solid; top: 0px; right: 0px; }
.gg-arrow-top-right-line { content: ""; display: block; position: absolute; width: 80px; height: 4px; background: currentColor; transform: rotate(135deg); bottom: 30px; right: -10px;}

/* Alumni */

.alumin-wrap { display: block; margin: 40px 0; padding: 15px; }
.alumin-wrap::after {content:''; display; clear: both; }
.alumin-wrap .alumni-info { display: block; height: 260px;}
.alumin-wrap .alumni-info > p:nth-child(3) { background-color: #555; color: #fff; padding: 2.5em; }
.alumin-wrap .alumni-video { display: block; }

/* Able Player */

.able-status-bar { height: 2.5em; }


/* Online support */


section#online-support { background: #93002b; width: fit-content; position: absolute; left: 10%; margin-top:2em; z-index: 15; text-align: center; border-radius: 5px; }
section#online-support h2 { color: #fff; font-size: 1.4em; }
section#online-support .btn-wrap { padding: 3em; }

#online-support-new { background-image: url("/_resources/images/bg-online-support.jpg"); background-size: contain; background-position: bottom right; background-repeat: no-repeat; width:55%; position: absolute; left: 10%; margin-top:2em; margin-bottom: 4em; z-index: 15; text-align: center; border-radius: 5px; }
#online-support-new h2 { font-size: 1.4em; }
#online-support-new .btn-wrap-new { padding: 3em; width: fit-content;  margin: 40px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; }



/* The Modal */
.modal { display: none; z-index: 1; width: 100%; height: fit-content; overflow: auto;  background-color: rgb(0,0,0); / background-color: rgba(0,0,0,0.9); }

/* Modal Content/Box */
.modal-content { position: relative; background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; }

/* The Close Button */
.close { color: #900; float: right; font-size: 28px; font-weight: bold; position: absolute; top: 0; right: 20px; }

.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }
.modal-footer { padding: 1em 0 0 0; border-top: 1px solid #ccc; text-align: right; }
.modal-header { margin: 0; padding: 0 0 1em 0; border-bottom: 1px solid #ccc; text-align: center; }
.modal-body { padding: 1em; }
.modal-footer a:link, .modal-footer a:visited { color: #fff; }
.modal-footer p { font-weight: 700;}

/* Event Calendar */

section.event-list[data-tags*="Baseball"].event-list-left { background-image: url("/_resources/img/calendar/default-event/softball-default.jpg") !important;}
section.event-list[data-name="(Baseball) Cerro Coso vs. Chaffey"] .event-list-left { background-image: url("/_resources/img/calendar/default-event/softball-default.jpg")!important;}

/* Responsive table */

.responsive-table { width: 100%; border-collapse: collapse; margin-bottom: 40px; }
.responsive-table th { display: none;  }
.responsive-table td { padding: 8px; border-bottom: 1px solid #ddd; text-align: left; }

/* Media Queries */

@media (max-width: 1400px) {
	.wide-twocolumnsdivtb-container { font-size: .9em; }
	
	.cdc-img { width: 175px; }
	
	#online-support-new { left: 10px; width: 60%; }
	#online-support-new .btn-wrap-new { padding: 1.5em; margin: 20px; }
}

@media (min-width: 1271px) {
	
}

@media (max-width: 1200px) {
	.wide-twocolumnsdivtb-container { display: block!important; }
	.wide-twocolumnsdivtb-row { display: block!important; }
	.wide-twocolumnsdivtb-box { display: block!important; width: 100%!important; }
	.wide-twocolumnsdivtb-box::after { content:''; clear: both; display: block; }
	
	/*.aces-container .item { height: 120px; padding-top: 10px; }*/
	
	.cdc-guidelines .cdc-desc span { font-size: 1.2em; }
	
	.vrc-virtual-lobby { max-width: 90%; margin: 15px; }
}

@media (min-width: 1025px) {
	.news__image { max-width: 44rem; }
	
	.activities-calendar .info-block .btn, .activities-calendar .info-block .btn--cta { min-width: 289px; }
	.activities-calendar .event-calendar__holder { padding: 75px 60px 38px 76px; }
	.activities-calendar .event-calendar__headline { font-size: 2.2em; }
}

@media(max-width: 1080px){
	.container-3boxes { display:block; }
	.container-3boxes-box { display: inline-block; }
	
	#asscycle-container .item { width: 18vw; }
}

@media (max-width: 900px){
	#asscycle-container .text-circle , #asscycle-container p { width: 13vw; height: 13 vw; }
	#asscycle-container .item { width: 25vw; }
	
	#calnote-container .calnote-note { width: 60%; }
}
@media (max-width: 800px) {
	#asscycle-container { width: 75vw; font-size: .8em!important; }
	#asscycle-container .text-circle, #asscycle-container p { width: 16vw!important; height: 16vw!important; color: #000000!important; }
	
	.aces-container { width: 100%; }
	.aces-container .item { background-size: 13% auto; padding: 0px 20px 20px 100px; }
	
	.twocolumns-container-3 .twocolumns-container-column-3 { width: 90%; }
	.twocolumns-content-3 { margin: 0 0 20px 0; }
	
}

@media (min-width:700px){
	.container-2boxes { display:flex;  justify-content:space-between; margin: 60px auto; }
	/*.container-3boxes { display:flex;  justify-content:space-between; margin: 20px auto; }*/

}

@media (max-width:768px){
	.img-left-txt img { max-width: 120px; }
	.decor-img { margin: 0; }
	.custom-layout-column { width: 100%; }
	
	.box { flex: 0 0 100%; margin-bottom: 10px; }
}

@media (max-width:700px){
	.home-slider .caption-carousel__controls { display: none!important; }
	.caption-carousel__img-holder { margin-top: 50px; }
	.caption-carousel__img-holder:last-child { margin-bottom: 50px;}
	.container { margin: 0px 0 auto; }
	
	.toolkit-wrap { width: 100%; }
		
	#content .toolkit-wrap ul { padding-left: 0px; } 
	
	.schedulewrap .schedulecover-2 { width: 90%; }
	
	.cdc-guidelines .cdc-desc { margin: 0 0.5em; }
	.cdc-img { width: 140px; }
	.cdc-guidelines .cdc-desc span { font-size: 1em; }
	
	#online-support-new  { left: 10%; background-image: none; }
	#online-support-new .btn-wrap-new { padding: 2em; }
	
	.its-helpdesk { width: 100%; height: 400px; }
	.btn-std { top: 20%; right: 20%;}
	.btn-stf { top: 40%; right: 20%; }
	
	.swiper-wrapper { display: block; }
	.gen3col__item { width: 100%!important; max-width: 100%; }
	
	.fnlead-container { display: block; width: 70%; }
}

@media (min-width: 600px) {
	.responsive-table th { display: table-cell; font-weight: bold; padding: 8px; text-align: left; border-top: 1px solid #93002B; border-bottom: 1px solid #93002B; }
	.responsive-table td { display: table-cell; padding: 8px; text-align: left; border-bottom: 1px solid #ddd; font-weight: normal; }
}

@media (max-width: 600px){
	.cal-safety-events { width: 100%; margin: 40px 0px; }
	.cal-safety-events table th { padding-right: 10px; }
	
	.aces-container .item { background-position: left top; padding: 0px 20px 20px 80px; }
	
	#meetingscontainer .meetdates { display: block; padding: 0px; }
	
	.responsive-table td { display: block; width: 100%; padding-left: 30%; box-sizing: border-box; }
	.responsive-table td:nth-child(5) { border-bottom: 1px solid #93002B; }
	.responsive-table td:before { content: attr(data-label); display: inline-block; width: 45%; margin-left: -43%; text-align: left; vertical-align: top; }
	.responsive-table tr:nth-child(even) { background-color: #f2f2f2; }
	.responsive-table tr:nth-child(odd) { background-color: #ffffff; }
}

@media only screen and (max-width: 600px) {
  /*  .offerings-table th, .offerings-table td { display: block; width: 100%; }
    .offerings-table th { position: absolute; top: -9999px; left: -9999px; }
    .offerings-table td { border: none; border-bottom: 1px solid #ddd; position: relative; padding-left: 50%; }
    .offerings-table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-label); }
  */
	.offerings-table td:before { padding-right: 10px; white-space: normal; content: attr(data-label); }
}

@media (max-width: 500px) {
	.aces-container .item { background-size: 20% auto; }
	
}

@media (max-width: 480px) {
	.box-aside { width: 300px; }
	.box { padding: 0px; }
}

@media(min-width:400px){
	.alumin-wrap .alumni-video { margin-top: 60px; }
}
@media (max-width:400px) {
	.alumin-wrap .alumni-info > p:nth-child(3) { display: none; }
	
	#online-support-new { left: -5%; }
	
	.cta-section-2 { padding: 0!important;}
	#cal-upcoming { padding: 0!important; }
	aside > #hc_featured > ul, aside > #hc_popular > ul, aside > #hc_newest > ul { width: 100%!important; font-size: small!important; }
	.pattern-block { display: none; }
	
}