.sr-only {
	    position: absolute;
	    width: 1px;
	    height: 1px;
	    padding: 0;
	    margin: -1px;
	    overflow: hidden;
	    clip: rect(0, 0, 0, 0);
	    white-space: nowrap;
	    border: 0;
	}

	/* ADA: color darkened for WCAG AA contrast compliance (WCAG 1.4.3) */
	section.citation .welcome {
	    color: #666666;
	    font-size: 1.25rem;
	    font-weight: 400;
	}
	
	section.citation {
	    padding: 2rem 0;	   
	    text-align: center;
	}
	
	.label-align {
		text-align: left;
	}
	
	/* ADA: explicit foreground color added for contrast against #86a6ca (WCAG 1.4.3) */
	.imagesTitle {
		height: 30px;
		line-height: 30px;
    	background-color: #86a6ca;
    	color: #000000;
    	font-weight: 700;
    	font-size: 18px;
    	padding-top: 0;
    }
	
	.error{
		margin-top: 15px;
	}
	
	.modal-header {	   
	    border-bottom: none;
	}
	
	.modal-content {   
    	border: none;   
    	border-radius: 0px;
    }
    
    .modal-header {
    	padding-bottom: 0px;
    }
    
    .modal-body {	   
	    padding-top: 0px;
	}
	
	#Mymodal .modal-dialog, #Mymodal2 .modal-dialog {
	  width: auto;
	  max-width: 60%;
	  height: auto;
	  margin: 30px auto;
	  padding: 0;
	}

	#Mymodal3 .modal-dialog {
	  width: auto;
	  max-width: 90%;
	  height: auto;
	  margin: 30px auto;
	  padding: 0;
	}

	@media screen and (max-width: 991px) {
		#Mymodal .modal-dialog, #Mymodal2 .modal-dialog, #Mymodal3 .modal-dialog {
			max-width: 90%;
		}
	}
	
	#session-timeout-dialog .modal-dialog {
		height: auto;
	}
	
	.modal-header{
		padding-left: 0px;
		padding-right: 0px;	
	}
	
	.modal-body {
		padding-left: 0px;
		padding-right: 0px;	
	}
	
	.modal-content {
	  height: auto;
	  min-height: 100%;
	  border-radius: 0;	  
	}
	
	.button_sm{
		min-width: 4.4rem !Important;		
		margin-bottom: 15px !important;
	}
	
	video {
	  width: 100%;
	  height: auto;
	}
	
	.button {    
	    height: 2.2rem;
	    text-align: center;
	    align-items: flex-start;    
	    font: inherit;
	    margin: 0 .7rem 0 0;
	    cursor: default;
	    color: buttontext;
	    padding: 2px 6px 3px;
	    border: 2px outset buttonface;
	    border-image-source: initial;
	    border-image-slice: initial;
	    border-image-width: initial;
	    border-image-outset: initial;
	    border-image-repeat: initial;
	    background-color: buttonface;
	    box-sizing: border-box;
	    min-width: 5rem;    
	}
	
	.image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

        .image-container img {
            margin: 30px;
        }
        
        
        
        @media screen and (max-width: 767px) {
        
    		.image-container img {
            margin: 12px;
        }
		}
        
	
	.modal-dialog-sized {
		width: 95%;
		max-width: 95vw;
		height: 95vh;
		margin: 2.5% auto;
	}

	#videoLoadingMsg {
		display: none;
		text-align: center;
		padding: 1em;
		font-weight: bold;
	}

	#Mymodal3 .modal-content {
		height: 95vh !important;
		max-height: 95vh !important;
		display: flex !important;
		flex-direction: column !important;
	}


	.modal-btn-row {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.25rem;
		align-items: center;
	}

	#Mymodal3 .modal-header {
		flex-shrink: 0;
	}

	#Mymodal3 .modal-body {
		flex: 1 !important;
		padding: 0 !important;
		overflow: hidden !important;
		height: 0; /* force flex child to shrink correctly */
	}

	#pdfTarget {
		width: 100%;
		height: 100%;
	}

	#pdfTarget embed {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 0;
	}

	.text-center {
		text-align: center;
	}

	.main-content h2 {
		font-size: 24px;
		margin-top: 0;
	}

	/* Replaces h2 used for phone numbers in header/footer (not a true heading) */
	.phone-number {
		font-size: 1.5rem;
		font-weight: 700;
		margin: 0.25rem 0;
	}

	@media print {     
		#noprint {
		    display: none;
		}
		.noPrint {
		    display: none;
		}
		.noprint{
			 display: none;
		}
		
		body {
			overflow-y: hidden;
			overflow-x: hidden;
		}
		
		button, html input[type=button], input[type=reset],input[type=submit] { display: none;}
		
		.container2{
			display: none;
		}
	}

/* Sidebar nav: reset li spacing so section-column-item controls layout */
.main-content .sidebar li {
	line-height: normal;
	padding-bottom: 0;
	padding-top: 0;
}
