@charset "UTF-8";

/*
accessbility.css 
Used as an helper CSS file to support WCAG for SFA sites
*/

a span.hide {
	height: 1px; 
	width: 1px; 
	position: absolute; 
	overflow: hidden; 
	top: -10px; 
}

.widget-title {
	word-wrap: break-word;
}

.visuallyhiddenWithPadding {
	overflow: hidden;
    /* clip: rect(0 0 0 0); */
     height: 1px; 
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.visuallyhidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}


 #search_label,
 #skip a,
 #skip li
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
 
#skip a:focus,
#skip li:focus
{
    position:static;
    width:auto;
    height:auto;
} 

/* making sure the list is appear in different resolution of the screen */
li {
    list-style-position: inside;
}

/* To make embedded content responsive, you need to add a containing wrapper around the iframe. */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}