/* related toppics */

.MCHelpControlListItem:last-child {
	margin-bottom: 0!important;
}

.MCHelpControlListItem:first-child {
	margin-top: 16px!important;
}

.MCRelatedTopicsControlListItem {
    margin-bottom: 16px!important;
}

.MCHelpControlList {
	margin-bottom: 0!important;
}

.article-sidebar__wrapper {
    padding-left: 16px!important;
    padding-right: 16px!important;
}

.MCHelpControl-Related .MCHelpControl-RelatedHotSpot_.MCHelpControl-RelatedHotSpot_side-menu {
    background-image: none!important;
    padding-left: 0!important;
}

/* sticky menu */

ul.menu._Skins_SideMenu.mc-component {
	padding: 0 50px 0 10px!important;
	margin-top: 0!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	width: 305px!important;
}

ul.menu._Skins_SideMenu.mc-component:before {
	font-weight: bold;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	margin-left: -10px;
}

html[lang="en-us"] ul.menu._Skins_SideMenu.mc-component:before,
html[lang="en-ca"] ul.menu._Skins_SideMenu.mc-component:before,
html[lang="en-gb"] ul.menu._Skins_SideMenu.mc-component:before
 {
	content: "In this article";
}

html[lang="fr-ca"] ul.menu._Skins_SideMenu.mc-component:before
 {
	content: "Dans cet article";
}

ul.menu._Skins_SideMenu.mc-component li > a {
	margin-top: 16px!important;
}
ul.menu._Skins_SideMenu.mc-component li > a:hover {
text-decoration: underline!important;
}
.sticky-container__wrapper {
	margin-top: -8px!important;
}

ul.menu._Skins_SideMenu.mc-component a {
    color: var(--secondary);
	padding-bottom: 0!important;
	font-weight: normal!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
}

ul.menu._Skins_SideMenu.mc-component li > a.selected {
    border-left: 0!important;
    border-radius: 0!important;	
	font-weight: bold!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	color: #4b6eb2;
}
ul.menu._Skins_SideMenu.mc-component li > a.selected:before {
	content: "";
	padding-right: 2px;
    margin-left: -10px;
    margin-right: 8px;
	background-color: #4b6eb2;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
	border-radius: 10px;

}

ul.menu._Skins_SideMenu.mc-component li > a.selected:hover {
    
    color: #4b6eb2!important;
}

ul.menu._Skins_SideMenu.mc-component ul > li > a:hover {
	text-decoration: underline;
}

.article-menu .sticky.is-stuck, .article-menu .sticky-container, .article-menu .sticky.is-anchored {
	position: relative!important;
}

.article-menu p {
	padding-bottom: 0!important;
}

.article-menu ul.menu._Skins_SideMenu.mc-component:before {
	content: ""!important;
}

ul.menu._Skins_SideMenu.mc-component ul > li > a {
	padding-left: 40px!important;
}

ul.menu._Skins_SideMenu.mc-component ul ul > li > a {
	padding-left: 80px!important;
}

.side-bar-callout__link {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

div.body-sidemenu .sticky-container {
    width: 22%;
    margin-left: 11%;
}

.article-sidebar__wrapper .callout__content-block span
  {
      padding-right: 0!important;
  }	  
  
  .article-sidebar__wrapper .callout__wrapper:hover {
  	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.1));
  }



@media only screen and (max-width: 1024px) and (min-width: 769px) {
	div.body-sidemenu .sticky-container
	{
		width: 30%;
		margin-left: 3%;
	}
}

@media only screen and (max-width: 768px) {
	div.body-sidemenu > div:nth-child(1), div.body-sidemenu > div:nth-child(2) {
	    width: 100%!important;
		margin-left: 0!important;
	}
	
	div.body-sidemenu > div:nth-child(3) .sticky-menu {
		display: none!important;
	}
	
	.sticky-menu-lg-screen {
		display: none;
	}
	.sticky-menu {
		position: relative!important;
	}
}

@media only screen and (min-width: 769px) {

	.article-sidebar__wrapper .callout__content-block {
	    font-size: 14px!important;
	    line-height: 16px!important;
	}
	
	div.article-sidebar__wrapper h3 {
	    font-size: var(--h4-font-size)!important;
	    line-height: 24px!important;
	}
	
	
	.sticky-menu-sm-screen {
		display: none;
	}
	/*.sticky-menu {
		max-width: 200px!important;
    	margin-left: 100px;
	}*/
	.article-menu .sticky-menu {
		max-width: inherit!important;
    	margin-left: 0!important;
	}
	.relatedTopics.relatedTopicsside-menu {
		max-width: 100%;
    	margin: 0 0 0 auto;
	}
}