html {
	scroll-behavior: smooth;
}
body
{
	font-family: proxima-nova, helvetica, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: var(--base-font-size);
	line-height: 24px;
	color: var(--primary);
}

h1, .h1 
{
	font-size: var(--h1-font-size)!important;
	color: var(--primary)!important;
	font-weight: var(--base-bold)!important;
	line-height: 48px!important;
	margin: 0!important;
	Padding: 0!important;
}

h2 
{
	font-size: var(--h2-font-size)!important;
	color: var(--primary)!important;
	font-weight: var(--base-bold)!important;
	padding: 32px 0 16px!important;
	line-height: 40px!important;
	margin: 0!important;
}

h3, .h3
{
	font-size: var(--h3-font-size)!important;
	color: var(--primary)!important;
	font-weight: var(--base-bold)!important;
	padding: 8px 0 16px!important;
	line-height: 32px!important;
	margin: 0!important;
}

h4
{
	font-size: var(--h4-font-size)!important;
	color: var(--primary)!important;
	font-weight: var(--base-bold)!important;
	padding: 8px 0!important;
	line-height: 24px!important;
	margin: 0!important;
}

p
{
	font-weight: normal;
	font-size: var(--base-font-size);
	color: var(--primary);
	margin: 0!important;
	padding-bottom: 16px;
}

dl, ol, ul, li {
    line-height: 24px;
    margin-top: 0!important;
    margin-bottom: 8px!important;
}

li
{
	padding-left: 8px;
}

dl ul, ol ul, ul ul {
    margin-top: 8px!important;
}


.table__media__caption {
	font-size: var(--base-xsm-font-size);
	color: var(--secondary);
	line-height: 16px;	
}

.article-media__two-col .table__media__caption {
	margin-top: 8px;
}

.article-header__wrapper 
{
	margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
	padding-bottom: var(--block-margin-bottom);
	background-repeat: no-repeat;
    background-position: center right;
	padding-top: 32px;
	padding-left: 16px!important;
    padding-right: 16px!important;
}



.training-header__wrapper .article-header__image {
    margin: 0 101px;
}

.state-resource-header__wrapper, .state-guide-header__wrapper, .training-header__wrapper {
	display: flex;
	align-items: center;
	flex-basis: 100%;
	justify-content: space-between;
	position: relative;
}

.center-page-layout {
	margin: 40px auto;
    max-width: 1088px;
}

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

.table-of-content__wrapper, .list-items__wrapper
{
	margin-bottom: var(--block-margin-bottom);
}

.table-of-content__wrapper .sticky-container {
    width: 100%!important;
    margin-left: 0!important;
}

.article-link:link,
.article-link:visited,
.article-link:focus,
.article-link:active,
.xref:link, .xref:visited,
.xref:focus, .xref:active

{
	color: var(--link)!important;
	font-weight: normal;
	text-decoration: none;
	font-size: var(--base-font-size);
}

.article-link:hover, .xref:hover
{
	text-decoration: underline;
}

.article-link img
{
    margin-left: 8px;
}

.anchor-link img
{
	margin-left: 0!important;
	margin-right: 8px;
}

.anchor-link
{
	float: right;
	padding-bottom: 40px;
}


.intro-paragraph, .intro-paragraph__wrapper, .administrator-intro
{
	padding-bottom: var(--block-margin-bottom)!important;
}

.intro-paragraph__wrapper .intro-paragraph
{
	max-width: 640px;
}

.article-spec__wrapper 
{
	margin-left: -16px;
	padding-top: 4px;
}

.article-spec
{
	margin-left: 16px;
	font-size: var(--base-sm-font-size);
	white-space: nowrap;
}
.article-spec img
{
	margin-right: 8px;
	margin-bottom: -3px;
}

.date-time__bordered-spec span:after, 
.link-with-border:after,
.language-block span:after{
	content: "";
	padding-right: 1px;
    margin-right: 12px;
	margin-left: 12px;	
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.date-time__bordered-spec span:after,
.language-block span:after{
	background-color: #C4C4C4;
}
.link-with-border:after {
	background-color: #484848;
	display: inline-table;
    height: 14px;
    vertical-align: middle;
}
.date-time__bordered-spec span:last-child:after,
.language-block span:last-child:after{
	padding-right: 0!important;
    margin-right: 0!important;
	margin-left: 0!important;
	background-color: none!important;
}

.language-block span:nth-child(2) {
	margin-left: 0!important;
}
.language-block {
	padding-top: 0!important;
    padding-bottom: 24px;	
	display: flex;
}
.list-items__wrapper .step-list__wrapper { 
    counter-reset: item;
    list-style-type: none;
	margin-bottom: 16px!important;
	padding-left: 24px;
}
.list-items__wrapper .step-list__wrapper .step-list 
{ 
	display: block;
	margin: 0 0 16px 0!important;
	position: relative;
	padding-left: 40px;
}
.list-items__wrapper .step-list__wrapper .step-list:before { 
    content: counter(item);
    counter-increment: item;
    background: #4B6EB2;
    border-radius: 50%;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: var(--base-sm-font-size);
    flex: 0 0 auto;
    text-align: center;
    justify-content: center;
	border-width: 0;
}

.nested__unordered__level-one
{
	padding-left: 64px;
	padding-bottom:8px;
}

.nested__unordered__level-one > li
{
	list-style-type: disc!important;
}
.nested__unordered__level-two > li
{
	list-style-type: circle!important;
}
.nested__unordered__level-three > li
{
	list-style-type: square!important;
}
.ordered-list, .unordered-list
{
	padding-left: 40px;
}
.unordered-list .list-row 
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.unordered-list .list-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding: 0;
}

.checkmark-list {
	list-style: none!important;	
	padding-bottom: 32px;
}

.checkmark-list li {
	position: relative;
}

.checkmark-list li:before{
	content: url(../Images/Icons/ic-checkmark.svg);
	position: absolute;
    left: 23px;
	top: 50%;
    transform: translate(-46px, -50%);
}


.three-column__wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	gap: 32px;
	justify-content: left;
}

.column-block {
	flex-basis: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
	flex-direction: column;
}

list-row:nth-child(2) {
    padding-left: 60px;
}

hr
{
	background-color: var(--secondary-btn-color-border)!important;
    height: 1px;
    border: none;
    margin: 0 0 40px 0;
}

.article-tip
{
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

.article-tip--nested
{
	margin-top: 8px;
}

.article-tip--nested span
{
	margin-left: 16px;
}

p.back-to-top
{
	text-align: right;
	border-bottom: solid 1px #ccc;
	padding-bottom: 40px;
	margin-bottom: 24px!important;
}

p.back-to-top img
{
	margin-right: 8px;
}

div.code-example
{
	border: solid 1px #ccc;
	border-radius: 6px;
	padding: 24px 24px 12px 24px;
	word-wrap: break-word;
}

div.code-example p
{
	font-family: 'Courier New', sans-serif;
}

/* tables */

.article-table__block
{
	margin-bottom: 24px;
 }
 .article-table
{
	width:100%;
	min-width: 550px;
	border: 1px solid #E1E1E1;
	box-sizing: border-box;
	border-radius: 4px;
	border-spacing: 0;
	font-size: var(--base-sm-font-size);
    line-height: 16px;
	background: #ffffff;
}

.accordion-table th{
    background: #f1f1f1!important;
}

.article-table .article-link {
	font-size: var(--base-sm-font-size);
    line-height: 16px;
}

.article-table li {
	font-size: var(--base-sm-font-size)!important;
    line-height: 16px!important;
	padding-left: 0!important;
}
.article-table ul, .article-table ol {
	padding-top: 8px;
}

.article-table th, .article-table td 
{
	padding: 16px 24px;
	vertical-align: top;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.equal-cols th, .equal-cols td 
{
	width: 33.333%;
}

.wide-first-col th, .wide-first-col td, .wide-last-col th, .wide-last-col td 
{
	width: 25%;
}

.wide-first-col th:first-child, .wide-first-col td:first-child, .wide-last-col th:last-child, .wide-last-col td:last-child 
{
	width: 50%!important;
}


.article-table th:last-child, .article-table td:last-child 
{
	border-right: 0!important;
}
.article-table tr:last-child td
{
	border-bottom: 0!important;
}

.article-table th 
{
	background: #FAFAFA;
	text-align: left;
}
.article-table th:first-child {
	border-top-left-radius: 4px;
}
.article-table th:last-child {
	border-top-right-radius: 4px;
}

/* resources, callouts, accourdion*/

.resources__wrapper 
{
	padding: 24px;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	margin-bottom: 40px;
	background-color: #ffffff;
}

.resources__wrapper--nested
{
	margin-bottom: 16px;
}
.resources__list 
{
	list-style-type: none!important;
	padding: 0!important;
	margin: 0!important;
}
.resources__list li
{
	border-bottom: 1px solid #e1e1e1;
	padding: 24px 0;
	width: 100%;
	align-items: center;
	margin-bottom: 0!important;
	position: relative;
}
.resources-block__link {
	width: 100%;
	align-items: center;
}
.callout__wrapper {
	padding: 24px;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 24px;
	position:relative;
}
.resources__list li:last-child
{
	border-bottom: 0!important;
	padding-bottom:0;
}

.resources__list li:first-child
{
	padding-top: 0!important;
}

.resource__content-block
{
	padding-right: 32px;
}

.resource__multi-date-block + .resource__content-block
{
	width: 1600px;
}

.resource__content-block b
{
	display: inline-block;
	align-items: center;
}
.resources__title, .callout__title
{
	text-transform: uppercase;
	font-size: var(--base-xsm-font-size);
	display: block;
	color: var(--secondary);
	white-space: nowrap;
}

.resources__list .resources__subrow
{
	font-size: var(--base-sm-font-size);
	color: var(--secondary);
	display: block;
	line-height: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

 .training-resources li {
 	padding-bottom: 24px!important;
 }

.watch-recording {
	position: absolute;
    bottom: 24px;
    left: 264px;
}
/* IE10+ CSS styles go here */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.resources__list .resources__subrow {
		white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
		width: 250px;
	}
}

.resources_spec
{
	padding-top: 8px;
	color: #737373!important;
}

.resource__icon, .resource__image
{
	margin-right: 16px;
}

.callout__wrapper .callout__icon
{
	margin-right: 8px;
}

.accordion-group__header__icon
{
	margin-right: 16px;
}

.resource__icon {
	width: 64px;
    height: 64px;
    text-align: center;
    vertical-align: middle;
    padding: 18.67px;
}
.resource__icon__wrapper {
	width: 64px;
    height: 64px;
    text-align: center;
    vertical-align: middle;
    background: #FAFAFA;
    border: 1px solid #F1F1F1;
    border-radius: 120px;
	margin-right: 16px;
}
.unordered-list .resources__wrapper {
	margin-top: 8px;
    margin-bottom: 16px;
}

.resource__date-block {
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px solid #e1e1e1;
  border-top: 4px solid #52B886;
  border-radius: 4px;
  padding: 8px 12px 12px;
  width: 64px;
  flex-direction: column;
  margin-right: 16px;
}

.resource__date-block b {
	text-transform: uppercase;
}
.resource__date-block .h3 {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.resource__date-block b, .resource__date-block span {
	font-size: var(--base-sm-font-size);
	line-height: 16px;
}

.resources-block__link {
	text-decoration: none!important;
  color: inherit!important;
}
.resources-block__link:hover .resource__content-block b{
	text-decoration: underline!important;
}


/** multiple dates **/

.resource__multi-date-block {
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px solid #e1e1e1;
  border-top: 4px solid #52B886;
  border-radius: 4px;
  padding: 8px 5px 12px;
  width: 161px;
  flex-direction: column;
  margin-right: 16px;
}

.resource__multi-date-block b {
	text-transform: uppercase;
}
.resource__multi-date-block .h3 {
	padding-top: 0!important;
	padding-bottom: 0!important;
	font-size: 22px!important;
}
.resource__multi-date-block b, .resource__multi-date-block span {
	font-size: var(--base-sm-font-size);
	line-height: 16px;
}



.callout__icon__wrapper, 
.callout__content-block, 
.accordion-group__header,
.accordion-body__icon-text__wrapper,
.highlighting-block
 {
 	display: flex;
	align-items: center;
 }
 
 .highlighting-block {
 	padding: 24px;
	background: #F2F4D3;
	border-radius: 4px;
	margin-top: 24px;
	margin-bottom: 24px;
 }
 .lesson-guid-highlight {
 	background: #F0F4FB!important;
 }
 
 .accordion-body__icon
	{
		margin-right: 8px;
	}
 
 .highlighting-block__icon
 {
 	margin-right: 16px;
 }
 
 .callout__content-block
  {
  	margin-top: 8px;
  }
  .callout__content-block span
  {
      padding-right: 24px;
  }	  
  
  .callout__content-block b
  {
      display: block;
	  padding-bottom: 4px;
  }	  
  
.callouts--gs {
	background: #F7F1FA;
	border: 1px solid #F0E3F6;
}
.callouts--kb {
	background: #E9F7FC;
	border: 1px solid #D4EFF9;
}	  
.callouts--training {
	background: #EDF7F2;
	border: 1px solid #DCF0E6;
}

.callouts--academy {
	background: #F0F4FB;
	border: 1px solid #E1E9F7;
}
.accordion-group__wrapper {
	padding: 24px 0;
}

.accordion-group__wrapper .MCDropDown {
    border-bottom: 1px solid #e1e1e1;
	font-family: proxima-nova, helvetica, arial, sans-serif;
}

.accordion-group__wrapper .dropDownHead {
    border-bottom: 0!important;
	padding: 0!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	
}

.accordion-group__wrapper .MCDropDown_Open .dropDownHead {
	background: #fafafa;
}


.accordion-group__header {
	padding: 64px 0 24px;
	border-bottom: 1px solid #cccccc;
}


.accordion-group__header h3{
	padding: 0!important;
}

.accordion-group__wrapper .MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage, 
.accordion-group__wrapper .MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none!important;
	display: flex;
    justify-content: space-between;
    flex-direction: row;
	padding: 24px 0!important;
    margin: 0 16px;
	color: var(--primary)!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
}

.accordion-group__wrapper .dropDownHotspot:link
{
	align-items: center!important;	
	font-size: var(--base-font-size)!important;	
	line-height: 24px!important;
	color: var(--primary)!important;	
	cursor: pointer!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
}

.accordion-group__wrapper .MCDropDown_Closed .dropDownHotspot:link {
	font-weight: normal!important;
}

.accordion-group__wrapper .dropDownHead:hover .dropDownHotspot:link {
	text-decoration: underline;
}

.accordion-group__wrapper .MCDropDown_Closed .dropDownHead:hover {
	background: #fafafa;
}

.accordion-group__wrapper .MCDropDown_Open .dropDownHotspot:link {
	font-weight: bold!important;
}

.accordion-group__wrapper .MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage {
    border-bottom: 1px solid #e1e1e1;
}

.accordion-group__wrapper .dropDownHotspot:link img
{
	margin-left: 8px;
	vertical-align: middle;
}

.accordion-group__wrapper .MCDropDown_Image_Icon
{
	display: none!important;
}

.accordion-group__wrapper .MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage img
{
	transform: rotate(-180deg);
}

.accordion-group__wrapper .MCDropDownBody {
    margin: 0!important;
    padding: 24px 16px;
    border-bottom: 0!important;
    background: #fafafa;
	font-family: proxima-nova, helvetica, arial, sans-serif;
}

.no-bottom-space {
	margin-bottom: 0!important;
}


/* images and Video */

.article-media__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
}

.article-media {
  	display: flex;
    flex-direction: column;
    flex-basis: 100%;
	margin-bottom: 8px;
    margin-top: 16px;
}

.article-media img{
	width: 100%;
	border-radius: 4px;
}

.article-media iframe {
	border-radius: 4px;
}

iframe {
	box-sizing: unset;
}

.intro-paragraph__wrapper, .text-video-intro {
  	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	gap: 32px;
}

.text-video-intro iframe {
	width: 304px;
    height: 170px;
	border-radius: 4px;
}

.MCPopupContainer {
    background-color: rgba(0, 0, 0, 0.5);
    border: 0!important;
    padding: 0;
    position: fixed;
    cursor: pointer;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    z-index: 1001;
    width: 100vw;
    height: 100vh;
    display: flex;
	align-items: center;
    justify-content: center;
    left: 0!important;
    top: 0!important;
}

.MCPopupFullImage {
    width: 0px;
    height: 0px;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
}


/* upped width from 288px!important (NL apr 29) */
.MCPopupThumbnail {
    width: 290px!important;
    height: auto;
	mc-thumbnail-max-height: auto!important;
    mc-thumbnail-max-width: 1000px!important;
}

.image-border, .image-border__wrapper img {
	border: 1px solid #E1E1E1;
    border-radius: 4px;
}

/* spacers */
.xxlg-spacer {
	margin-bottom: 40px!important;
}

.lg-spacer
{
	margin-bottom: 24px!important;
}

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

.sm-spacer
{
	margin-bottom: 8px!important;
}

.left-lg-spacer {
	margin-left: 24px;
}
.right-lg-spacer {
	margin-right: 24px;
}
.right-sm-spacer {
	margin-right: 8px!important;
}
.top-sm-spacer {
	margin-top: 8px;
}

.vertical-border {
		content: "";
    padding-right: 1px;
    margin-left: 12px;
    margin-right: 12px;
    background-color: #C4C4C4;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}


/* search input field and search filters */
/* TEMP style to hide filters. Remove this when need to bring back filters */
	.search-bar div.search-filter-wrapper {
		display: none!important;
	}
	.search-bar input.search-field {
		border-left: solid 1px #cccccc!important;
		border-radius: 4px!important;
	}
	
	div.nav-search {
		margin-top: 0;
		width: 100%;
	}

/* ------------------------------------------------ */


.search-bar .search-filter-wrapper {
	right: auto!important;
    left: -40px!important;	
}
.search-bar .search-filter, .search-bar .search-filter:hover {
	border: 1px solid #CCCCCC!important;
	border-radius: 4px 0 0 4px!important;
	padding-right: 0!important;
	width: 40px!important;
	background: #fafafa url(../Images/Icons/ic-filter.svg) no-repeat center center!important;
}

.search-bar .search-filter.selected, .search-bar .search-filter.selected:hover {
	background: #fafafa url(../Images/Icons/ic-filter-selected.svg) no-repeat center center!important;
	background-size: 16px!important;
}
.search-bar .search-field {
	border-left:0!important;
	border-radius: 0 4px 4px 0!important;
	font-family: proxima-nova, helvetica, arial, sans-serif!important;
	padding-left: 33px!important;
	padding-right: 75px!important;
	color: #484848;
}
.search-bar .search-field:focus {
	outline: #cccccc;
}
.search-bar:before {
	content: '';
	position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
	background: transparent url(../Images/Icons/ic-magnifying-glass.svg) no-repeat center center!important;
	display: inline-block;
    width: 16px;
    height: 16px;
}

.search, .search-bar {
	min-width: 390px;
}
@media screen and (max-width: 1265px) {
	.search, .search-bar {
		min-width: 300px!important;
	}
}

 .nav-search {
	width: auto;
    margin-left: auto;
}

.search-bar.search-bar-container .search-submit {
	min-width: 75px!important;
	background: none!important;
	display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #cccccc;
	background: #FAFAFA!important;
	padding: 0 16px;
    width: auto!important;
}

.search-bar.search-bar-container .search-submit .invisible-label {
    height: auto!important;
    font-size: var(--base-sm-font-size)!important;
	line-height: 16px;
	color: var(--primary);
}
.search-bar.search-bar-container .search-submit:hover .invisible-label {
	color: var(--link);
}
.search-bar.search-bar-container .search-submit:hover {
	background: #FFFFFF!important;
}
.search-filter-content {
	right: auto!important;
    left: 0!important;
	border: 1px solid #E1E1E1;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 4px!important;
	margin-top: 2px;
}
.search-filter-content button.mc-dropdown-item {
	font-family: proxima-nova, helvetica, arial, sans-serif!important;
	font-size: var(--base-sm-font-size)!important;
	line-height: 16px;
	color: var(--primary)!important;
	padding: 12px 16px!important;
}
.search-filter-content ul li {
    padding: 0!important;
    margin: 0!important;
}
.search-filter-content ul {
	padding: 12px 0!important;
	margin-bottom: 0!important;
}

.search-filter-content ul li button.mc-dropdown-item:hover {
	font-weight: normal!important;
	background: #FAFAFA!important;
	cursor: pointer;
}
input[type="search"]::-webkit-input-placeholder, 
input[type="search"]::-moz-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="search"]:-moz-placeholder
{
  	font-family: proxima-nova, helvetica, arial, sans-serif!important;
	font-size: var(--base-sm-font-size)!important;
	line-height: 16px;
	color: var(--secondary)!important;
}


/* navigation */
.navigation [data-mc-id="0"].has-children:hover {
	border-bottom-color: #B474D1;
	border-bottom-style: solid;
	transition: border-color 0.6s linear;
}
.navigation [data-mc-id="1"].has-children:hover {
	border-bottom-color: #26AFDF;
	border-bottom-style: solid;
	transition: border-color 0.6s linear;
}
.navigation [data-mc-id="2"].has-children:hover, html[lang="en-gb"] .navigation li[data-mc-id="2"]:hover{
	border-bottom-color: #52B886;
	border-bottom-style: solid;
	transition: border-color 0.6s linear;
}
.navigation .has-children {
    padding: 0 24px 0 0!important;
	border-bottom-width: 4px;
	border-bottom-style: unset;
	border-color: #ffffff;
	margin-left: 40px;
	margin-top: 17px!important;
}

.navigation .sub-menu li {
	border: 0;
}

html[lang="en-gb"] .navigation li[data-mc-id="2"] {
    padding: 0!important;
	
	border-bottom-width: 4px;
	border-bottom-style: unset;
	border-color: #ffffff;
	margin-left: 20px;
	margin-top: 17px!important;
}

ul.navigation li > a {
	font-family: proxima-nova, helvetica, arial, sans-serif!important;
	padding-bottom: 12px!important;
	padding-left: 0!important;
    padding-right: 0!important;
	padding-top: 0!important;
}

ul.navigation li > a:hover {
	text-decoration: none!important;
}

ul.navigation ul.sub-menu > li > a:hover {
	text-decoration: underline!important;
}

ul.navigation li:hover> a, ul.navigation li:focus > a, ul.navigation li:active > a {
	color: var(--primary)!important;
}

ul.navigation ul, ul.navigation > li.has-children:after {

	border: 1px solid #E1E1E1;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 4px!important;
}
ul.navigation ul > li, ul.navigation ul > li.has-children {
    padding: 0!important;
    margin: 0!important;
}
ul.navigation ul > li > a {
	font-family: proxima-nova, helvetica, arial, sans-serif!important;
    font-size: var(--base-sm-font-size)!important;
    line-height: 16px;
    color: var(--primary)!important;
    padding: 12px 16px!important;
}
.navigation-wrapper {
	position: relative;
	flex: 3 1 auto!important;
}
.off-canvas-wrapper-inner nav.title-bar .outer-row ul.navigation {
	position: absolute;
	top: 0;
	padding-left: 0!important;
    padding-right: 0!important;
	margin-top: -8px!important;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	min-width: 350px;
}

nav.title-bar {
	border-bottom: 1px solid #e1e1e1;
}

button.topnav-expand-toplevel {
	clip: unset!important;
	top: 5px!important;
    right: 0!important;
	background: url(../Images/Icons/ic-chevron-down.svg) no-repeat center center;
	color: transparent;
    cursor: pointer;
	padding: 0;
	transform: rotate(180deg);
	width: 16px;
    height: 16px;
}

html[lang="en-gb"] li[data-mc-id="2"] button.topnav-expand-toplevel {
	background: none!important;
}
.navigation .is-expanded button {
	transform: rotate(0deg)!important;
}



.accordion-group__wrapper .anchor-link {
	margin-top: 32px;
	padding-bottom: 0!important;
    display: block;
    text-align: right!important;
    float: none!important;
}

/* logo */

.title-bar-layout a.logo {
	background: transparent url('../Images/logo.svg') no-repeat center center!important;
}

.logo-wrapper {
	position: relative;
	align-items: flex-end;
}

.logo-wrapper:after {
	content: '';
	display: inline-block;
    width: 100px;
    height: 16px;
	margin: 0 8px 8px;
}

html[lang="en-us"] .logo-wrapper:after {
	background: transparent url(../Images/usa-flag.svg) no-repeat left center!important;
}

html[lang="en-ca"] .logo-wrapper:after {
	background: transparent url(../Images/canada-en-flag.svg) no-repeat left center!important;
}

html[lang="fr-ca"] .logo-wrapper:after {
	background: transparent url(../Images/canada-fr-flag.svg) no-repeat left center!important;
}

html[lang="en-gb"] .title-bar-layout .logo-wrapper {
	    padding-bottom: 8px;
}

html[lang="en-gb"] .logo-wrapper:after {
	background: transparent url(../Images/uk-flag.svg) no-repeat left center!important;
	margin: 0 8px 4px 8px!important;
}

html[lang="en-gb"] .logo-wrapper:before {
	content: '';
	background: transparent url(../Images/powered-by-cascaid.svg) no-repeat center center!important;
	display: inline-block;
    width: 78px;
    height: 16px;
    position: absolute;
    bottom: -4px;
    left: 0;
}

.text-image__wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: space-between;
	align-items: center;
}
.text-image__wrapper .text-block, .text-image__wrapper .image-block {
	display: flex;
    flex-basis: 100%;
    flex-direction: column;
}

.text-image__wrapper .image-block img{
	width: 100%;
}

.small-image-text__wrapper {
	display: flex;
    align-items: center;
	margin-bottom: 24px;
}

.small-image-text__wrapper img {
	margin-right: 16px;
}
.round-border {
	border-radius: 100px!important;
	width: 80px;
    height: 80px;
}

.small-image-text__wrapper .title-block {
	padding: 0!important;
}

.small-image-text__wrapper .title-block span, .small-image-text__wrapper .title-block__subrow{
	font-size: var(--base-sm-font-size);
    color: var(--secondary);
    line-height: 16px;
}

.small-image-text__wrapper .title-block__subrow {
	display: block;
}

.border-bottom {
	padding: 34px 0;
	border-bottom: 1px solid #e1e1e1;
}

/* media */
@media screen and (min-width: 551px) {

.training-header__wrapper {
	padding-top: 24px!important;
	padding-bottom: 24px!important;
}
  .unordered-list .list-column, .article-media__two-col .article-media, 
  .intro-paragraph__wrapper, .column-block, .text-image__wrapper .text-block, .text-image__wrapper .image-block,
  .administrator-intro {
    flex: 1
  }
  .column-block {
  	max-width: 31%;
  }
  .article-tip span
	{
		margin-left: 16px;
	}
  .sm-screen
  {
	 display: none;
	 visibility:hidden;
  }
  .article-media__wrapper .second-image {
  	margin-left: 32px;
	}
	
	.resources__list li
	{
		
		display: flex;

	}
	.resources-block__link {
		display: flex;
	}
	.training-resources {
		padding-top: 48px!important;
	}
	
	.xlg-spacer
	{
		margin-bottom: 30px!important;
	}
	
	.list-row div:nth-child(2) {
	    padding-left: 60px;
	}
}

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

.intro-paragraph__icon {
		width: 416px!important;
		height: 234px!important;
	}


}

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

/* search input field and search filters */
/* TEMP style to hide filters. Remove this when need to bring back filters */
	
	div.nav-search {
	    margin-right: -20%!important;
	}

/* ------------------------------------------------ */


}

@media screen and (min-width: 1131px) and (max-width: 1200px) {

/* search input field and search filters */
/* TEMP style to hide filters. Remove this when need to bring back filters */
	
	div.nav-search {
	    margin-right: 5%;
	}

/* ------------------------------------------------ */


}

@media screen and (min-width: 1025px) and (max-width: 1130px) {

/* search input field and search filters */
/* TEMP style to hide filters. Remove this when need to bring back filters */
	
	.search, .search-bar {
		    min-width: auto;
	}

/* ------------------------------------------------ */


}

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

/* search input field and search filters */
/* TEMP style to hide filters. Remove this when need to bring back filters */
	
	div.nav-search {
	    margin-left: 5%!important;
	}

/* ------------------------------------------------ */

/* floating image */

	.floated-img img {
			float: right; 
			width: 416px;
			margin-left: 10px;
	}
	
	

}


@media screen and (min-width: 769px) {
	.article-media iframe {
		  	width: 640px;
			height: 360px;
	}
	.article-media .single-image {
		  	width: 640px;
	}
	.state-guide-header__wrapper {
		padding-top: 56px!important;
		padding-bottom: 56px!important;
	 }   
	 .state-resource-header__wrapper {
		padding-top: 13px!important;
		padding-bottom: 12px!important;
	 }  
	 .sm-md-screen
	  {
		 display: none;
		 visibility:hidden;
	  }
	 .intro-paragraph__icon {
		width: 309px;
		height: 174px;
	}
	
	
	/* changed from 1088px!important (NL apr 29) */
	.MCPopupFullImage {
		width: auto;
	    height: auto!important;
	}
	
	.text-image__wrapper .text-block {
		flex: 2!important;
	}
	
}

@media only screen and (max-width: 1024px) {
.navigation li[data-mc-id="0"], .navigation li[data-mc-id="1"], .navigation li[data-mc-id="2"] {
    padding: 0!important;
}
	.sm-scr-step-nested-img .article-media .single-image {
		  	width: 100%!important;
	}
	.nav-search-wrapper {
	    flex-basis: 100%;
		order: 3;
		min-width: 288px;
	}
	.navigation-wrapper {
		order: 2;		
	}
	.nav-search {
	    width: 100%!important;
	/* TEMP style to hide filters. set margin-left 4.5% when need to bring back filters */
	    margin-left: 0!important;
		margin-right: 0!important;
	/* ------------------------------------- */
		margin-top: 15px!important;
	}
	/* floating image */

	.floated-img img {
			float: right; 
			width: 304px;
			margin-left: 10px;
	}
	button.topnav-expand-toplevel, 
	ul.navigation ul, ul.navigation > li.has-children:after {
		display: none!important;
	}
}
@media screen and (max-width: 768px) {
	.nav-search {
	/* TEMP style to hide filters. set 6% when need to bring back filters */
	    margin-left: 0!important;
	/* ------------------------------------- */
	}
	/*.title-bar .navigation li {
		border:0!important;
	}*/
	
	/* floating image */

	.floated-img img {
			float: right; 
			width: 304px;
			margin-left: 10px;
	}
	
	
}

@media screen and (min-width: 551px) and (max-width: 768px) {
	.article-media iframe {
		  	width: calc(100vw - 33px);
			height: 408px;
	}

	.MCPopupContainer {
		width: 100%!important;
	}
	
	.MCPopupFullImage {
		width: 600px!important;
	    height: auto!important;
	}
	.state-guide-header__wrapper {
		padding-top: 32px!important;
		padding-bottom: 32px!important;
	 }  
	 .state-resource-header__wrapper {
		padding-top: 21px!important;
		padding-bottom: 20px!important;
	 }  
	 .intro-paragraph__icon {
		width: 255px;
		height: 143px;
	}
	.extra-space-sm-md-screen {
		margin-left: 22px;
	}
	.tablet-style__new-line-spec {
		display: block;
	    margin-left: 40px;
	}
	
}

@media screen and (max-width: 550px) {

.resource__icon, .resource__image
{
	margin-right: 8px!important;
}

.article-panel__wrapper {
	gap: 24px!important;
}

.training-header__wrapper {
	padding-top: 40px!important;
	padding-bottom: 40px!important;
}

	ul.off-canvas-list li a {
		border-bottom: 0!important;
		color: var(--primary)!important;
		padding: 16px 24px;
	}

	ul.off-canvas-list li a:hover, ul.off-canvas-list li.js-drilldown-back > a:hover,
	ul.off-canvas-list li a:active, ul.off-canvas-list li.js-drilldown-back > a:active,
	ul.off-canvas-list li a:focus, ul.off-canvas-list li.js-drilldown-back > a:focus
	{
    background-color: #ffffff!important;
	}

	.off-canvas, .off-canvas ul ul {
    background-color: #ffffff!important;
	}
	.js-off-canvas-exit {
		box-shadow: 1px 2px 4px rgb(0 0 0 / 10%);
	}

	ul.off-canvas-list li {
		margin-bottom: 0!important;
	}

	.is-drilldown-submenu-parent > a::after, .js-drilldown-back > a::after {
		content: '';
		transform: rotate(90deg);
		background: transparent url(../Images/Icons/ic-chevron-down.svg) no-repeat center center!important;
		display: inline-table;
	    width: 16px;
	    height: 16px;
	    vertical-align: middle;
	}

.search-bar.search-bar-container .search-submit .invisible-label {
	color: transparent!important;
	background: transparent url(../Images/Icons/ic-magnifying-glass.svg) no-repeat center center!important;
}
.search-bar.search-bar-container .search-submit {
	width: 40px!important;
}

.title-bar .menu-icon[aria-expanded="false"] span {
	background: transparent url(../Images/Icons/ic-hamburger-menu.svg) no-repeat center center!important;
}

.title-bar .menu-icon[aria-expanded="true"] span {
	background: transparent url(../Images/Icons/ic-close.svg) no-repeat center center!important;
}

	.nav-search {
	 /* TEMP style to hide filters. set 14% when need to bring back filters */
	    margin-left: 0!important;
	/* ------------------------------------- */
	}
	
	.search, .search-bar {
	    min-width: auto!important;
	}
	.search-bar .search-field {
		padding-left: 12px!important;
		padding-right: 40px!important;
	}
	.search-bar:before {
		display: none!important;
	}

	.article-tip img
	{
		display: none;
	}
	.list-items__wrapper .step-list__wrapper 
	{
	    margin-left: -24px;
	}

	.unordered-list .list-column {
	        padding-right: 0!important;
    		padding-left: 0!important;
	}
	
	.article-table__wrapper
	{
		overflow: auto;
		min-width: 250px;
	 }
	  .resources__list li, .callout__wrapper, .resources-block__link
	  {
			display: block!important;
	  }
	  .resource__content-block
	  {
			margin-top: 8px!important;
			padding-right: 0!important;
	  }
	  .lg-screen
	  {
	  	display: none;
		visibility:hidden;
	  }
	  .resource__icon__wrapper
	  {
	  	display: flex;
		align-items: center;
	  }
	  .article-media__wrapper .second-image {
	  	margin-left: 0;
		margin-top: 24px;
	  }
	  .article-media iframe{
	  	width: calc(100vw - 33px);
		height: 160px;
	  }

	  .MCPopupThumbnailLink {
		    display: none;
	  }
	
	.MCPopupContainer {
		width: 94%!important;
		margin-left: 0!important;
		padding: 50px!important;
	}

	.article-tip--nested span {
		margin-left: 0px;
	}
	
	.state-resource-header__wrapper, .state-guide-header__wrapper {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	
	.state-resource-header__wrapper .article-header__image, .training-header__wrapper .article-header__image {
		display: none;
	}
	.intro-paragraph__icon {
		width: 288px;
		height: 160px;
		margin-top: 24px;
	}
	
	.resource__icon {
		width: 40px!important;
	    height: 40px!important;
	    padding: 11.67px!important;
		margin-left: -1px;
	}
	
	.resource__icon__wrapper {
		width: 40px!important;
	    height: 40px!important;
	}
	.callout__content-block
	  {
	  	display: block!important;
	  }

	.accordion-body__icon-text__wrapper,
	.highlighting-block
	 {
	 	align-items: start;
	 }	 
	 
	 .intro-paragraph__wrapper, .administrator-intro, .text-video-intro {
    	flex-direction: column;
	}
	.training-resources {
		padding-top: 24px!important;
	}
	.training-resources .article-spec {
		display: block;
	}

	.extra-space-sm-md-screen {
		margin-left: 22px;
	}
	.tablet-style__new-line-spec {
		display: block;
	    margin-left: 24px;
	}
	
	.resource__image {
		width: 100%!important;
		height: auto!important;
	}
	
	.xlg-spacer
	{
		margin-bottom: 40px!important;
	}
	
	.watch-recording {
        bottom: 86px!important;
    	left: 0!important;
	}
	/* floating image */

	.floated-img img {
		width: 100%;
		margin-bottom: 16px;
	}
	
	.three-column__wrapper {
		    gap: 0!important;
	}
	.three-column__wrapper .unordered-list{
		    margin-bottom: 0!important;
	}
	
	.sm-scr-step-nested-img {
		margin-left: -40px!important;
		width: calc(100% + 40px)!important;
	}
	
	.sm-scr-nested-img__level-one {
		margin-left: -48px!important;
		width: calc(100% + 48px)!important;
	}
	
	.sm-scr-nested-img__level-two {
		margin-left: -96px!important;
		width: calc(100% + 96px)!important;
	}
}

/*hide dropdown arrows for mobile menu*/
@media only screen and (max-width: 550px) {
	ul.off-canvas-list ul ul > li > a, 
	.is-accordion-submenu-parent > a span.submenu-toggle,
	.is-accordion-submenu-parent > ul > li > a > span,
	.off-canvas ul ul.is-accordion-submenu
	{
	     display: none;
	}
}

span.SearchHighlight {
	padding: 0;
	margin-left: 0px;
	display: contents;
}


/* use this to keep the text overflow in the subrow of the resources list from cutting off or spans being broken by search queries */

p.resources__short-desc
{
	font-size: var(--base-sm-font-size);
	color: var(--secondary);
	display: block;
	line-height: 16px;
	margin-bottom: -16px!important;
}