/*#region [General styles] - done */
:root {  
    /* UHN */
    --uhn-blue: #3a7bc8;
    --uhn-dark-blue: #0A5181;
    --uhn-primary: #043C9A;
    --uhn-blue-rgb: 58,123,200;
    --uhn-navy: #0f2749;
    --uhn-navy-rgb: 15,39,73;  
    --uhn-purple: #620460;
    --uhn-green: #15810A;
    --uhn-dark-green: #04590F;
    --uhn-yellow: #FFC82E;
    --uhn-muted: #4D575F;
    --bs-link-color: #0A0AFF;
    --bs-link-hover-color: #013f69;
    --uhn-bg-primary: #0C0EEA;
    --uhn-bg-primary-rgb: 12,14,234;
}
#s4-ribbonrow {
    border: 1px solid #e7e7e8;
}
body,
#s4-workspace {
    -webkit-overflow-scrolling: touch;    
}
/* SharePoint's Warning message */
#pageStatusBar[class],
.ms-status-msg {
    margin-bottom: 0px;
}
#s4-workspace {
    overflow-x: hidden;
}
#s4-workspace.page-edit {
    overflow-x: auto;
}
.caret-right:before {
    content: "\25B6";
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-plus::before {
    content: "\f067";
}
.g-2h,
.gx-2h {
    --bs-gutter-x: 0.75rem;
}
.word-break-all {
    word-break: break-all;
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.1rem;
    }
    .h2, h2, .ms-webpart-titleText {
        font-size: 1.8rem;
        color: var(--uhn-dark-blue);
    }
    .h3, h3 {
        font-size: 1.55rem;
        color: var(--uhn-green);
    }
    .h4, h4 {
        font-size: 1.2rem;
    }
}

/*a {
    text-underline-offset: 20%;
}*/

/*#main-contentarea a:hover:not([class]), 
#main-contentarea .externallink:hover,
.external:hover,
#breadcrumb a:hover, #ter a:hover, #news-share a:hover {
    background-color: #0f2749;
    color: #fff;
}*/

.btn.external:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f08e";
    padding-left: 5px;
    padding-top: 2px;
    border-bottom: none !important;
    cursor: normal;
    pointer-events: none;
}

.btn {
    --bs-btn-border-radius: 0px;
}
.btn-default {  
    --bs-btn-color: #333;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-focus-shadow-rgb: 46, 104, 142;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-active-border-color: #adadad;       
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);       
    --bs-btn-disabled-color: #7b7b7b;    
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #dedede;
}
.btn-primary, .btn-primary.external {  
    --bs-btn-color: #fff;
    --bs-btn-bg: #0A5181;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #0D2A3D;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #0D2A3D;
    --bs-btn-focus-shadow-rgb: 46, 104, 142;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-active-border-color: #adadad;       
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);       
    --bs-btn-disabled-color: #7b7b7b;    
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #dedede;
}

.btn-outline-primary, .btn-outline-primary.external {
    --bs-btn-color: #0A5181;
    --bs-btn-hover-bg: #0A5181;
    --bs-btn-border-color: #0A5181;
}

.btn-primary.external {  
    --bs-btn-hover-color: #0D2A3D !important;
    --bs-btn-hover-bg: #fff !important;
}
.btn-light {
    --bs-btn-bg: #ECEFF4;
    --bs-btn-border-color: #d3d4d5;	
}
.btn-link-text {		
    --bs-btn-color: #575757;
    --bs-btn-hover-color: #131517;
    --bs-btn-active-border-color: transparent;	
}
.bg-primary {
    background-color: rgba(var(--uhn-bg-primary-rgb)) !important;
    color: var(--bs-white);
}
.text-muted {
    color: var(--uhn-muted) !important;
}
.text-primary {
    color: var(--uhn-primary) !important;
}
.text-success {
    color: var(--uhn-dark-green) !important;
}
/*#endregion*/


/*#region [#main-eyebrowarea] - done */
.navbar {
    --bs-nav-link-font-size: 15px;
}
.navbar-brand > img {
    max-height: 5rem;
}
/*.navbar-brand > img {
    max-width: 270px;
}
@media (min-width: 576px) {
    .navbar-brand > img {
        max-width: 100%;
    }   
}*/
@media (max-width: 991px) {   
    .navbar-collapse {
        margin-left: -12px;
        margin-right: -12px;
    }    
    .navbar-nav .nav-item {
        margin-bottom: 2px;
    }
    .navbar-nav .nav-link {
        background-color: #eee;        
        padding-left: 12px;
        padding-right: 12px;
        --bs-nav-link-color: rgb(15, 39, 73);
        --bs-nav-link-font-size: 1.4em;        
    }
    .navbar-nav .nav-link.show,
    .navbar-nav .nav-link:focus, 
    .navbar-nav .nav-link:hover {        
        background-color: #1e739f;
        --bs-nav-link-color: #ffffff;
        --bs-nav-link-hover-color: #ffffff;
    }
    .navbar-nav .dropdown-menu {
        --bs-dropdown-font-size: 1.4em;
        --bs-dropdown-bg: var(--uhn-navy);        
        --bs-dropdown-border-radius: 0;
        --bs-dropdown-border-width: 0; 
        --bs-dropdown-spacer: 0;                  
    }
    .navbar-nav .dropdown-item {
        --bs-dropdown-link-color: #ffffff;
    }
    .navbar-nav .dropdown-item:focus, 
    .navbar-nav .dropdown-item:hover {
        --bs-dropdown-link-hover-color: #ffffff;
        --bs-dropdown-link-hover-bg: #08172e;        
    }
}
@media (min-width: 992px) {
    #navbarNav .dropdown-toggle::after {
        border: none;
    }
    .bg-gray {        
        background-color: #eeeeee;
    }    
    .navbar {
        --bs-navbar-padding-y: 0;
        --bs-navbar-nav-link-padding-x: 0.4rem;
    }
    .nav-link {       
        --bs-nav-link-color: rgb(15, 39, 73);
        --bs-nav-link-font-size: 0.90em;
        --bs-nav-link-padding-y: 1rem;
        border-bottom: 4px solid transparent;     
        padding-bottom: calc(var(--bs-nav-link-padding-y) - 4px);
    }
    .nav-link:focus, 
    .nav-link:hover {
        --bs-nav-link-hover-color: #000000;
        border-bottom-color:#006cb6;
    }
    .navbar-nav:first-child .nav-item {  
        margin-right: 5px;        
    }
    .navbar-nav:first-child .nav-item .nav-link {        
        background: #ffffff;
        border-bottom-color: #006cb6;
        text-align: center;   
        white-space: initial;
    }
    .navbar-nav:first-child .home {
        font-size: 1.5rem !important; 
        width:50px !important;
        background-color: transparent !important;
        border-bottom: none !important;

    }

    .navbar-nav:first-child .home:hover {
        color: var(--uhn-yellow);
    }

    .navbar-nav:first-child .nav-item .nav-link:focus,
    .navbar-nav:first-child .nav-item .nav-link:hover {
        --bs-nav-link-hover-color: #ffffff;
        background: #006cb6;
    }
    .nav-item.dropdown .dropdown-menu {
        display: none !important;
    }
}
 @media (min-width: 992px) and (max-width: 1200px) {      
    .nav-link {               
        --bs-nav-link-font-size: 0.8em;  
    } 
}  
@media (min-width: 1200px) {   
    .navbar-nav:first-child .nav-item {        
        margin-left: 2px;        
    }
    .navbar-nav:first-child .nav-item .nav-link {       
        width: 105px;
    }
}

@media (min-width:992px) {
    #main-eyebrowarea {
        position: relative;
    }
    .nav-flyout {
        position: absolute;
        padding: 3% 6%;
        z-index: 2000;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.15);    
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.2);
        color: rgb(15, 39, 73);
    }
    .nav-flyout .row > div:first-child {
        border-right: 1px solid #e9e9e9;
    }
    .nav-flyout .row > div:last-child {
        padding-top: 2em;
    }
    .flyout-title {
        font-size: 1.6em;       
    }
    .flyout-column li {
        margin-bottom: 10px;
    }    
    .flyout-column li a {
        display: inline;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s;
        white-space: break-spaces;
    }    
    .flyout-column li a:hover {
        background-size: 100% 1px;
    }    
    .flyout-column li a:after{
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        margin-left: 5px;	
    }
}
/*#endregion*/


/*#region [#main-logoarea] - done */	
/* myUHN Patient portal */

.patientportal-sm:hover img {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}
.patientportal-sm:active img {
    filter: brightness(90%);
}
/* /myUHN Patient portal */
/* Main-Search */
.main-srchbox {
    display: flex;    
    align-items: center;
    column-gap: 5px;
}
.main-srchbox .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
    overflow: hidden;
    width: auto;
    min-width: initial;
    flex-grow: 1;
    flex-basis: 100%;
}
@media all and (-ms-high-contrast: none) {
    .main-srchbox .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
        min-width: auto;
    }
    /* IE10 */
    *::-ms-backdrop,
    .main-srchbox .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
        min-width: auto;
    }
    /* IE11 */
}
.ms-srch-sb-searchImg {
    display: none;
}
.search-large .ms-srch-sb-searchLink:after {    
    content: '';
    background: url('/_catalogs/masterpage/UHN/img/icons/search-128.png');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: block;
    margin: 8px auto 0;
    -ms-interpolation-mode: bicubic;
}
.search-large {
    margin: 10px auto 10px auto;
    border-radius: 10px;
    padding: 10px 0;
    margin: 0;
    border: none !important;
    display: table;
}
.search-large,
.search-large .search-input {
    width: 100%;
}
.search-large .search-input,
.search-large .search-button {
    display: table-cell;
}
/* /Search Input */
.search-large .search-input input {
    color:#585656;
    height: 20px;
    width: 100%;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: rgb(251, 251, 251);
    height: 40px;
    border-right: none;
    border: 0.066em solid rgb(163, 163, 163);
    font-style: italic;
}
.search-large .search-input input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
}
.search-large .search-input input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.search-large .search-input input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.search-large .search-input input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
/* /Search Input */
/* Search button */
.search-large .search-button a {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0 0 0 0;
    cursor: pointer;
    height: 40px;
    width: 85px;
    width: 50px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px rgba(150, 41, 41, 1) inset, 0 1px 0 rgba(255, 255, 255, .2);
    border-left: none;
    text-decoration: none;
}
.search-large .search-button a:hover {
    background: #e54040;
}
.search-large .search-button a:active,
.search-large .search-button a:focus {
    background: #c42f2f;
    outline: 0;
}
.search-large .search-button a:before {
    /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
.search-large .search-button a:hover:before {
    border-right-color: #e54040;
}
.search-large .search-button a:focus:before,
.search-large .search-button a:active:before {
    border-right-color: #c42f2f;
}
.search-large .search-button a::-moz-focus-inner {
    /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
/* /Search button */
.search-large:before,
.search-large:after {
    content: "";
    display: table;
}
.search-large:after {
    clear: both;
}
.search-large {
    zoom: 1;
}
.search-large #AutoCompContainer {
    display: none;
}
@media (max-width: 767px) { 
    .mainnav-wrapper {
        border-top: 1px solid #263C5A;

    }

    /* fix iphone issue with background grey [CV Aug 2024] */
.modal-backdrop {
  z-index: -1!important;
opacity: 1!important;
}

}
.ms-qSuggest-container {
	top: 2rem;
}
/* /Main-Search */
/* Language selector */
.google_translate_button {
	color: #3a3a3a!important;
}
.google_translate_button {
	border: 0;	
    width: 120px;	
	background: #c6e5f4;	
	font-size: 15px;
	font-weight: 700;	
	text-align: center;
    line-height: 40px;
	display: inline-block;
}
.google_translate_button:hover, 
.google_translate_button:focus, 
.google_translate_button:active, 
.google_translate_button a.imglin {
	background: #fef3ce;	
}
/* Google Language Selector Font Awesome Icon Tweaks */
#translateLink .fa-globe {	
	font-size: 1.1rem;	
}
/* /Language selector */
/*#endregion*/


/*#region [#main-bannerarea] - done */
#main-bannerarea {
    background-color: #0D2241;
}
/*#endregion*/


/*#region [#main-headerarea] - done */
#breadcrumb span {
	color: #444444;
    font-size: 0.8rem;
    padding: 2vh 2px;
}
#breadcrumb [sitemapproviders="SPContentMapProvider"] span:first-of-type {
	padding: 0;
}
#breadcrumb a,
#breadcrumb a:visited {
    text-decoration: none;
    /*color: #014977;*/
}
/*#breadcrumb a:hover {
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 20%; 
}*/
#breadcrumb [sitemapproviders="SPContentMapProvider"] > span:nth-child(2n+1) {
    color: transparent;
}
#breadcrumb [sitemapproviders="SPContentMapProvider"] > span:nth-child(2n+1):after {
    content: "\f054";
    color: #444444;
    font-family: "Font Awesome 6 Pro";
    font-size: 0.8rem;
    font-weight: 400;
    margin-left: -8px;
}
.page-title {
    color: var(--uhn-muted);
}
/*#endregion*/


/*#region [#main-contentarea] - done */
/* Tertiary navigation */
#sideNavBox {
    float: inherit;
    width: auto;
    margin: 0 3px 0 10px;
}
.tertiary-navigation {
    background-color: #EEEEEE;
    margin: 5px 15px 15px 0px;
    font-size: 0.9em !important;
}
.tertiary-navigation ul {
    padding: 4px 0 5px 0;
}
.tertiary-navigation li {
	display: inline-block;
    padding: 3px;
    vertical-align: text-top;
    margin-right: 2px
}
.tertiary-navigation li::before {
 	content: '|';
	font-size:1em;
	color: #65b0c7;
}
.tertiary-navigation a {
    text-decoration: none !important; 
    margin-left: 0px;
}
.tertiary-navigation li a {
    text-decoration: none !important;
	border-bottom: none !important;
	background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 5px; 
    margin-right: 5px !important;
}
.tertiary-navigation li a:hover {
    text-decoration: none !important;
}
.tertiary-navigation li.selected {
    color: #fff !important;
    background-color: #051d43;
}
.tertiary-navigation li.selected::before {
    content: "";
}
.tertiary-navigation li.selected .menu-item-text {
    color: #fff !important;
	border-bottom: none !important;
}
.tertiary-navigation .menu-item-text {
    font-size: 1em;
    color: #111;
	overflow: visible;
    padding-bottom: 2px;
	line-height: 25px;
	border-bottom: 1px solid #111;
}
.tertiary-navigation a:hover .menu-item-text { 
    color: #ffffff;
    border-bottom: 1px solid #111;
}
/* /Tertiary navigation */
/*#endregion*/


/*#region [#rightpanel] - done */
/*---RightPanel---*/
#offcanvas-rightnav {
    --bs-offcanvas-width: 360px;
}
/* [UHN2.0 MN Oct 2018] */
.rightpanel-region {
	margin-bottom: 10px;
	width: 100%;
}
.rightpanel-container {
	border: solid 1px #999999;
	outline:1px solid #fff;
	margin: 10px 0 0 0;
}

.rightpanel-container:focus, .rightpanel-container:hover, .rightpanel-container:active {
	border:1px solid #006cb6;
	outline:1px solid #006cb6;
}

.rightpanel-container:first-child {
	margin: 0px 0 10px 0 !important;
}

.rightpanel-container-body {
	padding: 13px 13px 0px 13px;
}

.rightpanel-container-body > .heading, 
.rightpanel-container-header  > .heading {
    font-weight: bold;    
    font-size: 1.16em;
}
.rightpanel-container-body > .heading {
	color: #0A5588 !important;
}
.rightpanel-container-header > .heading {
	color: #ffffff !important;
}
.quick-links {		
    color: var(--bs-link-color);
}
.rightpanel-container-header {
	background-color: #0A5588;
	padding: 5px 10px;
}
.rightpanel-container-footer {
	height: auto;
	background-color: #e6e6e6;
	padding: 5px;
}
.rightpanel-container-footer a, 
.rightpanel-container-footer a:visited,
.rightpanel-container-footer a:focus, 
.rightpanel-container-footer a:active{
    color: #05436D;
}
.rightpanel-container-footer-more {
	font-size:0.98em;	
}
.helpfulResources a {
    --bs-link-color: #3c3c3c;
    /*font-size: 0.95em;
    text-decoration-color: #6d6c6c;
    text-underline-offset: 20%;*/
 }

/* Page Print Styles*/
@media print {
    #main-contentarea > div {
        display: block;
    }
    #TurnOnAccessibility,
    #TurnOffAccessibility,
    #ms-designer-ribbon,
    #main-eyebrowarea,
    #main-titlearea,
    #main-bannerarea,
    #main-navarea,
    #rightpanel,
    #main-logoarea,
    #breadcrumb,
    .print,
    #main-footerarea,
    .page-divider,
    .gradient-line,
    #go-back,
    #sec-nav,
    #rightpanel-digital {
        display: none !important;
    }
    #main-contentarea,
    #main-header,
    #MSO_ContentTable,
    .layout-lft-full {
        width: auto;
    }
    .ms-rtestate-field p {
        word-wrap: break-word;
    }
    #main-contentarea,
    #main-header {
        margin: 0;
        width: 720px;
    }
    #doctor-details {
        width: 650px;
    }
    .nav-tabs {
        display: none !important;
    }
    .tab-content {
        display: block !important;
        opacity: 1;
    }
    .tab-pane {
        height: auto !important;
    }
    .panel-body {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .collapse,
    .panel-collapse {
        display: block !important;
        height: auto !important;
    }
    :not(notIE) #main-contentarea,
    :not(notIE) #main-header,
    :not(notIE) #doctor-details {
        width: auto;
    }
    /*hack for all browsers except IE8 and below*/
}
.webpart {
    margin-bottom: 20px;
}
.webpart > div {
	margin-bottom: 5px;
}
.webpart h3,
.webpart .ms-webpart-titleText {
    font-size: 1.29em;
    margin-bottom: 8px;
    color: #051D43 !important; 
    padding-bottom: 5px;
    font-weight: bold;
}
.webpart .ms-webpart-chrome-title {
    line-height: 0;
}
.webpart .ms-webpart-chrome-title,
.webpart .ms-webpart-titleText {
    margin-bottom: 0;
}
.section .part-bar,
.part-bar-blue,
.section2 .part-bar,
.section2 .part-bar-blue,
.part-bar-gray,
.webpart .part-bar,
.spot-light-box .part-bar {
    height: 0;
}
/*#endregion*/


/*#region [#main-footerarea] - done */
.fc-blue {
    color: #003F93;
}
#main-footerarea {	
    background-color: #eee;
}
#foot-language .active2 a,
#foot-language .active2 a:hover {	
    background-color: #0A5588;
	color: #ffffff;
}
.foot-lang-acce .dropdown > a {    
    background-image: linear-gradient(#0072C6 0,#081F3F 100%);
    color: #ffffff;
    border: 1px solid #082042;
}
#foot-language ul li a {
	padding: 5px 8px;
}
#foot-language ul li:nth-last-child(n+2):after {
	content: "|";
	margin-left: 15px;
}
#main-footer {
	--bs-link-color: #000000;	
}
/*#main-footer li a {        
	color: #000000;
    border-color: #000000;
    font-size: 0.80rem;
    text-decoration: underline dotted #051d43;
    text-underline-offset: 30%;
}
#main-footer li a:hover {
	color: #224F87;
    border-color: #224F87;
    text-decoration: none;
}*/
#foot-links .side-social li a {
    font-size: 1.3em;
    line-height: 1.9em;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    height: 2em;
    width: 2em;    
}
#foot-nav ul li a.externalanchor:after {
    font-family: "Font Awesome 6 Pro";		
    content: "\f08e";
    display: inline-block;
    padding-left: 5px;		
    text-decoration: none;    
}
img.uoftlogo {
    padding: 0 20%;
}
@media (min-width: 768px) {
    img.uoftlogo {
        padding: 0;
    }
} 
/*#endregion*/


/*#region [Page Edit] */
#s4-workspace.page-edit .right-nav-handle, 
#s4-workspace.hide-right-nav .right-nav-handle, 
#s4-workspace.page-edit #offcanvas-rightnav,
#s4-workspace.hide-right-nav #offcanvas-rightnav, 
#s4-workspace.page-edit [aria-label="sidebar"],
#s4-workspace.hide-right-nav [aria-label="sidebar"] {
    display: none !important;
}
#s4-workspace.page-edit #MSO_ContentTable,
#s4-workspace.hide-right-nav #MSO_ContentTable {
    border-right: none;
    width: 100% !important;
    margin-bottom: 15px;
}
#s4-workspace.page-edit #MSO_tblPageBody > tbody > tr > td:nth-last-child(2) {
	padding-right: 12px;
	padding-left: 12px;	
}
/* #endregion */

/* Extras */
.externallink:after,
.external:after {
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    font-weight: 400;
    content: "\f08e";
    padding-left: 4px;
    padding-top: 4px;    
    cursor: normal;
    pointer-events: none;
}

ul.arrow, ul.disc, ul.circle {
    padding-left: 1em;
}

ul.arrow li {
    margin-bottom: 0.5em;
}

ul.arrow li::marker, 
ul.quick-links li::marker {
    color: #003F93;
    content: "\f054";
    letter-spacing: 5px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 0.8rem;
}

@-moz-document url-prefix() {
    ul.arrow li, ul.quick-links li {
        padding-left: 0.3em;
    }
  }

@media (any-pointer: coarse) {
    ul.arrow li {
      margin-bottom: 1em;
    }
}
/* images style start */
.figure {
    display: table;
    margin: 0 auto;
}
.figure-caption, .figcaption {
    background-color:#000;
    caption-side: bottom; 
    color: #fff;
    display: table-caption; 
    padding: 10px;
}

.figure-caption a:link, .figcaption a:link, .figcaption a:visited {
    color: var(--bs-white);
}

.figure-caption a:hover, .figcaption a:hover {
    color: var(--bs-link-color);
    background-color: var(--bs-white);
}
/* images style end */

/* social share icons start */
.social-links ul li {
    text-align: center;
}
.social-links li a {
    font-size: 1.1rem;
    background-color: transparent;
    border: 1px solid #414B5C!important;
    border-radius: 50%;
    color: #414B5C!important;;
    display: inline-block;
    height: 1.8em;
    width: 1.8em;
    transition: .2s ease-in-out;
    margin-bottom: 2%
}
.social-links li:hover a {
    background-color: #414B5C;
    color: #fff!important;
}
.social-links li a span {
    padding: 5px;
}
/* social share icons end */

/* Alert bar */

#alert-widget a:link {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    font-size: 0.92em;
    text-decoration: none;
    transition: background-size 0.3s;
    white-space: break-spaces;
}

#alert-widget a:hover {
    background-size: 100% 1px;
} 

/* Alert bar */

/* back to top - march 2023*/ 
.backTopButton{
    display: inline-block;
    background-color: #0A5588;
    text-align: center;
    border-radius: 100px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    padding: 8px 12px;
    color: #fff;
    font-size: .8125rem;
    line-height: 1.4;
    font-weight: 600;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}
 a.backTopButton{
    text-decoration: none;
}
.backTopButton::before {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
}
.backTopButton:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff;
}
.backTopButton:active {
  background-color: #555;
}
.backTopButton.showTop {
  opacity: 1;
  visibility: visible;
}

/* END back to top - march 2023*/ 
.figureVideo {
    margin: 0 auto;
    width: 90%;
}

.figcaptionVideo{
    background-color: #000;
    caption-side: bottom;
    color: #fff;
    padding: 10px;
}
    
/* Disclaimer Drop-Down Tweak */
#google_translate_element_In_Page select {
    width: 100%;
    height: 50px;
    color: rgb(58, 58, 58);
    font-size: 16px;
    font-weight: 700;
    appearance: none;
    background-image: url("/_catalogs/masterpage/uhn/webparts/Translator/down_arrow.svg");
    background-size: 20px 15px;
    margin: 0px;
    padding: 0px 0px 0px 18px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 171, 171);
    border-image: initial;
    background-repeat: no-repeat;
    background-position:98% 50%;
}

.imglink {
	text-decoration: none !important;
	border-bottom: none !important;
}

.ms-helperText {
    color: #565656 !important;
}
/* Extras End*/