/*
 ** mitt_vsp.css
 **
 ** MITT Virtual Scoping Presentation CSS
 **
 ** UPDATED: 05/29/2025 2:50 PM
 */
.centering {
	 display: block;
	 margin: 0 auto;
	 padding: 3em 0;
}
 .block {
	 padding: 1em;
	 border-left: 2px solid;
	 border-color: black;
	 margin: 2em 0;
	 line-height: 1.325em;
}
 .block p {
	 text-align: justify;
	 margin: 1em 0;
}
 .block .left {
	 display: inline-block;
	 max-width: 50%;
}
 .block .right {
	 display: inline-block;
	 max-width: 50%;
}
 .block img {
	 height: 12.5em;
}
 .vertical-middle {
	 height: 12.5em;
	 display: table-cell;
	 vertical-align: middle;
}
 .separator {
	 height: 3px;
	 width: 0%;
	 border-top: 2px rgba(100, 100, 100, 0.5) solid;
	 margin: 1em;
}
 body {
	 font-family: 'Muli', sans-serif;
	 color: #6c6753;
}

.hctt-voh-title {
	color: #003462;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/* Workaround to get columns with equal heights */
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.row.display-flex.v-center > [class*='col-'] {
	justify-content: center
}

.row.display-flex.h-center > [class*='col-'] {
	align-items: center
}

/* Text styles */
.hctt-voh-text {
	font-size:130%;
}

/* Panels */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for icon */
    content: "\f068";    /* fa-minus CSS */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";    /* fa-plus CSS  */
}