/*Header*/

.ste-toggle {
    background-position: -35px -105px;
}

.header-bottom-container .header-container{
    max-width:1140px;
}

.nav-auxiliary .WTZone{
  display: flex;
  align-items: center;
  gap: 0px 25px;
}

.dropdown-menu a,
.dropdown-menu a:visited{
    color: #26a8cc;
    text-decoration: none;
}


.dropdown-menu a:hover,
.dropdown-menu a:focus{
  color:#23527c;
}

.UtilityAuthentication{
	margin-left: 0px!important;
	padding: 0;
}

.UtilityNavigation{
  display:
  flex;
  gap:0px 25px;
  align-items: center;
}

.obo-toggle {
    background-position: 0px -105px;
}

.account-menu .profile-picture-wrapper {
    display: none;
}

.UtilityNavigation .account-menu > li > a.sign-in-link,
.UtilityNavigation .account-menu > li > a.sign-in-link:visited{
  font-weight:300;
  border:1px solid #fff;
  border-radius:50px;
  padding: 8px 10px;
  font-size: 16px;
  line-height: 1.5;
  transition:0.2s;
}

.UtilityNavigation .account-menu > li > a.sign-in-link:hover,
.UtilityNavigation .account-menu > li > a.sign-in-link:focus{
  background:#fff;
   color:#00385f!important;
}

.account-toggle,
.account-toggle:visited{
	padding:5px 10px;
	border:1px solid #fff;
	border-radius: 50px;
    transition:0.2s;
}

.account-toggle:hover,
.account-toggle:focus{
  background:#fff;
  color:#00385f!important;
}

.account-toggle .nav-text {
    font-weight: 300;
    font-size: 16px;
    padding: 0px 5px 0px 0px;
}

@media (max-width: 991px){
  .account-toggle .nav-text, .account-toggle.dropdown-toggle .caret {
      position: relative;
      left: 0;
      z-index: 2000;
      font-size: 16px;
  }
}

@media(min-width:768px){
  .RadMenu.RadMenu ul.rmHorizontal {
      float: none;
      display: flex;
      justify-content: space-between;
  }

  #ste_container_ciMobileToggle{
    display:none;
  }

  .navbar-header .NavigationUnorderedList{
    display:flex;
    gap:0px 25px;
  }
}

#masterLogoArea img{
    max-width: 260px;
    width: 100%;
    height: 38px;
}

#masterLogoArea a.ContentRecordPageAnchor img{
  width: auto;
}

.nav-auxiliary .UtilityAuthentication  a,
.nav-auxiliary .UtilityNavigationList  a,
.nav-auxiliary .UtilityAuthentication  a:visited,
.nav-auxiliary .UtilityNavigationList  a:visited{
  /* Utility navigation links */
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid #fff;
  border-radius: 100px;
  font-weight: 400;
  line-height: 1.5;
  transition: .2s;
  font-size: 16px;
}

.nav-auxiliary .UtilityAuthentication  a:hover,
.nav-auxiliary .UtilityNavigationList  a:hover,
.nav-auxiliary .UtilityAuthentication  a:focus,
.nav-auxiliary .UtilityNavigationList  a:focus{
  color:#00385f;
  background-color:#fff;
}

.RadMenu.RadMenu_Toronto .rmToggle .rmIcon, 
.RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle .rmIcon{
    background-image:none;
    margin: 0;
    height:6px;
    width:11px;
}

.RadMenu.RadMenu_Toronto .rmToggle .rmIcon, 
.RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle .rmIcon:after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #05395e transparent transparent transparent;
  display: block;
  content:'';
}

.UtilityNavigation .account-menu > li > a, 
.UtilityNavigation .account-menu > li > a:hover, 
.UtilityNavigation .account-menu > li > a:visited, 
.UtilityNavigation .account-menu > li > a:active {
    text-decoration: none;
    color: #fff;
}

@media(max-width:767px){
  .header-logo-container {
      float: none;
      text-align:
      center;
      margin-bottom: 20px;
  }

  .navbar-header {
      float: none;
      text-align:center;
  }

  .nav-auxiliary .WTZone {
      display: flex;
      align-items: center;
      gap: 0px 25px;
      justify-content: center;
      flex-wrap: wrap;
  }

  .nav-auxiliary .UtilityAuthentication  a,
  .nav-auxiliary .UtilityNavigationList  a,
  .nav-auxiliary .UtilityAuthentication  a:visited,
  .nav-auxiliary .UtilityNavigationList  a:visited{
    /* Utility navigation links */
    border:0px;
    padding-left:0;
    padding-right: 0px;
  }

  .nav-auxiliary{
    display:
    flex;
    gap:0px 25px;
    justify-content: center;
  }
  
  
  .RadMenu.RadMenu_Toronto .rmLevel1 .rmToggle {
      display: inline-block;
      float: none;
      height: 100%;
      position: relative;
      margin-top: 17px;
  }

    
  
  .RadMenu.RadMenu_Toronto .rmToggle, 
  .RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle {
      display: inline-block;
      float: none;
      height: 100%;
      position: relative;
      margin-top: 28px;
  }
  
  
  .RadMenu.RadMenu_Toronto .rmVertical .rmItem .rmText {
      text-align: left;
      width: auto;
  }

  .RadMenu.RadMenu_Toronto .rmGroup {
      border: 0px;
      padding-left: 20px!important;
  }

  .RadMenu_Toronto .rmSlide .rmExpandRight .rmText:after, 
  .RadMenu_Toronto .rmSlide .rmGroup a.rmLink.rmExpandRight .rmText:after{
    display: none;
  }
  
    .RadMenu.RadMenu_Toronto .rmSlide ul.rmGroup.rmLevel2 {
      padding: 0;
      margin-top: 40px!important;
  }
  
}

/*General*/

.GreenButton,
.GreenButton:visited{
  color:#fff;
  background-color:#198754;
  border-color:#198754;
}

.GreenButton:focus,
.GreenButton:hover{
  color:#fff;
  background-color:#157347;
  border-color:#157347;
}


.breadcrumb {
    padding: 0;
    text-align: center;
}

.breadcrumb li:not(:last-of-type):after {
    content: '/';
    display: inline-block;
    padding: 0 0.4em;
    color:#000;
}

.breadcrumb-item{
  color:#035099;
}

.breadcrumb-item a{
  color:#000000;
}

.col-secondary{
  display:none;
}

.col-primary{
  width: 100%!important;
  margin: 0!important;
}

#masterMainBreadcrumb{
  margin-bottom:50px;
}

.InternalHeaderArea .panel-body, 
.InternalHeaderArea .PanelBody {
    padding: 0px;
}

.InternalHeaderArea .panel, 
.InternalHeaderArea .StandardPanel {
    border:0px;
}

.InternalHeaderArea .col-sm-12,
.InternalHeaderArea .row{
  padding:0;
  margin:0;
}

/*Footer*/
.contact-info{
  list-style:none;  
}

.contact-info li{
  position:relative;
  margin:5px 0px;
}

.email:before{
  display:block;
  width:20px;
  height:20px;
  background-image:url(images/envelope-solid.svg);
  background-position:center;
  background-repeat:no-repeat;
  content:'';
  position:absolute;
  left:-30px;
  top:3px;
}

.phone:before{
  display:block;
  width:20px;
  height:20px;
  background-image:url(images/square-phone-solid.svg);
  background-position:center;
  background-repeat:no-repeat;
  content:'';
  position:absolute;
  left:-30px;
  top:3px;
}

.map:before{
  display:block;
  width:20px;
  height:20px;
  background-image:url(images/location-dot-solid.svg);
  background-repeat:no-repeat;
  background-position:center;
  content:'';
  position:absolute;
  left:-30px;
  top:3px;
}

.footer-nav-copyright .row .ContentItemContainer{
  display:
  flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-nav-copyright .row .ContentItemContainer:after{
  display:none;
}

.socialIcons{
  display: flex;
  gap: 0px 25px;
  align-content: center;
}

.socialIcons svg{
  fill:#fff;
  width:17px;
}

@media(min-width:768px){
  #hd{
    position:
    fixed;
    top:0; right:0;left:0;
    z-index: 200;
  }

  .InternalHeaderArea{
    margin-top: 145px;
  }
  
}

.InternalHeaderArea .carousel-caption{
  text-shadow: none;
  padding-bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;

}

.InternalHeaderArea .carousel-caption h1{
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 600;
}

#ste_container_ciAccessibilityTools{
  position:  fixed;
  left:-180px;top:90px;
  z-index:2000;
      -webkit-transition: left 750ms cubic-bezier(.23, 1, .32, 1);
    -moz-transition: left 750ms cubic-bezier(.23, 1, .32, 1);
    -o-transition: left 750ms cubic-bezier(.23, 1, .32, 1);
    transition: left 750ms cubic-bezier(.23, 1, .32, 1);
}

#ste_container_ciAccessibilityTools.show{
  left:0;
}

.accessTools .links{
  color:#333333;
  font-size: 18px;
  background: #fff;
  padding: 20px;
  border:1px solid #303030;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
  width:180px;
}

.accessTools .tab{
  display:flex;
  background:#303030;
  width:52px;
  height:52px;
  text-align:center;
  position:absolute;
  top:0;
  right:-52px;
  justify-content:center;
  align-content:center;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.accessTools .tab svg{
  fill:#fff;
  width:30px;
  margin: 0;
}

.accessTools ul{
  list-style:none;
  padding:0;
  line-height:1.1;
}

.accessTools ul li{
  margin:10px 0px;
}

.accessTools a{
  color:#333333;
  font-size: 14px;
}

.accessTools svg{
  margin-right:10px;
}

@media(max-width:767px){
  #ste_container_ciAccessibilityTools{
    top:0;
  }
}