/*limits width of main container*/
.main-container.container.js-quickedit-main-content > .row {
    max-width:920px
}

/*fixes hover event on cards*/
.panel-triage:hover { 
	background: #F4F4F4; 
}

/*stacks location and hours*/
.emergency-departments.token .location-hours {
    flex-direction:column;
    gap:0.1em;
}

.emergency-departments.token .field--name-field-city-and-province,
.emergency-departments.token .field--name-field-hours-of-operation{
  display: block; /* ensures ::before renders properly */
  position: relative;
  padding-left: 1.5em; /* space for the icon */
}

.emergency-departments.token .field--name-field-city-and-province::before,
.emergency-departments.token .field--name-field-hours-of-operation::before{
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 1em;
  height: 1em;
}

/*removed random break on some attention messages
.attention br{
    display:none;    
}*/

/*fixes inconsistent spacing between wait time and attention message below*/
@media (min-width: 768px) {
    .emergency-departments.token {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
    }

    .wait-time {
        padding-bottom: 32px
    }

    .attention {
        margin-top: -22px;
    }
}

/*reduces padding on mobile*/
@media (max-width: 767px) {
    .block.block-layout-builder.block-inline-blocktriage-panel.clearfix.panel.panel-triage,
    .block.block-layout-builder.block-inline-blockadditional-info-panel.clearfix.panel.panel-additional-info.panel-additional-info-emergency{
        padding:24px
    }
}
.panel-triage .panel-body {
		margin-bottom:-16px
}

/*Improves position of line break*/
h2, h4 {
    text-wrap:pretty;
}