/* Secondary CSS*/
* { box-sizing: border-box; }

/* ---- button ---- */
.btn{white-space:normal!important}
button {justify-content:center;align-items:center;min-width: 60px}

/* Reset Default */
body::-webkit-scrollbar-track, #cssmenu::-webkit-scrollbar-track, #RightPane div > ul::-webkit-scrollbar-track
{
	background-color: inherit;
	border-radius: 0;
}
#LeftMenu ul::-webkit-scrollbar-track{background-color:#7a91b1;border-radius:10px}
html{scroll-padding-top:8rem}
body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}
#LeftMenu ul::-webkit-scrollbar{background-color:#375a89;width:4px}

#RightPane div > ul::-webkit-scrollbar, #cssmenu::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb, #cssmenu::-webkit-scrollbar-thumb
{
	background-image: -webkit-linear-gradient(-45deg, rgba(50, 90, 140,1) 0%,rgba(26,66,120,1) 60%)
}
#LeftMenu ul::-webkit-scrollbar-thumb {background:#1a4278}

#RightPane div > ul {
    padding-bottom: 2rem;
}

.fsRowBody input[type="radio"]:before, .fsRowBody input[type="radio"]:checked:before, .fsRowBody input[type="checkbox"]:before, .fsRowBody input[type="checkbox"]:checked:before{
    margin:auto!important;
}


html {scroll-behavior: smooth}
.opacity-0{	
	opacity:0;	
}	
 .opacity-1{	
	opacity:0.2;	
}	
 .opacity-2{	
	opacity:0.4;	
}	
 .opacity-3{	
	opacity:0.6;	
}	
 .opacity-4{	
	opacity:0.8;	
}	
 .opacity-5{	
	opacity:1;	
}
svg {display: block}
.Normal {
	color: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
}
a.svgbg:hover {text-decoration: none}
.dropdown-menu {padding:0;flex-flow: row wrap;}
.container-fluid {position:relative}

.modal-open {overflow: hidden!important}
.fade-in{opacity: 0;}

/* scroll down arrow */
.scroll-arrow a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  padding-top: 60px;
}
.scroll-arrow a:hover {
  opacity: .5;
}

.scroll-arrow a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  box-sizing: border-box;
  animation: scroll-arrow 1.75s 7s 12 alternate;
}
@keyframes scroll-arrow {
  0% {
    top: 0;
  }
  100% {
    top: 3rem;
  }
}
.scroll-arrow a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
  animation: opacity-arrow 1.75s 7s 12 alternate;
}
@keyframes opacity-arrow {
  0% {
    opacity: 1;
  }	
	50% {opacity: 0.8}
  100% {
    opacity: 0.1;
  }
}

.scroll-arrow a span::before {
  position: absolute;
  content: '';
  width: 44px;
  height: 44px;
  border-radius: 100%;
  animation: sdb03 3.5s 24;
}

@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#GrayPane:empty,#FormsPane:empty {display: none !important}

.mountains {
    width: 140%;
    height: 4vw;
    position: absolute;
    margin-left: -15px;
    -webkit-mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
    mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
    background-image: linear-gradient(to 80%, rgba(73,73,73,0), rgba(73,73,73,.5));
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(58,78,100,0) 25%, rgba(73,73,73,1) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(58,78,100,0) 25%,rgba(73,73,73,1) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(58,78,100,0) 25%,rgba(255,255,255,1) 100%);
    bottom: -1px;
    -webkit-mask-size: 100% 133%;
    mask-size: 100% 133%;
}
.mountains:before {
	content: '';
    width: 120vw;
    height: 6vw;
    position: absolute;
    -webkit-mask-size: 120% 190%;
	mask-size: 120% 190%;
    margin: auto -15px 0;
   -webkit-mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
    mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
    background-image: linear-gradient(to 80%, rgba(21,21,21,0), rgba(255,255,255,1));
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(21,21,21,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
}
.mountains.back {
    width: 90vw;
    position: absolute;
    background-image: linear-gradient(to 80%, rgba(21,21,21,0), rgba(255,255,255,1));
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(21,21,21,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
    -webkit-mask-size: 100% 131%;
    mask-size: 100% 131%;
}
.list-style {
    margin: 1rem auto 1rem 8ch;
    max-width: 75ch;
    list-style: none;
    line-height: 3rem;
}
.list-style li:before {
    content: "\203A";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width:1.5rem;
    height:1.5rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}
/* Board Links Modal */
.boardLinks li {
    position: relative;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}
.boardLinks li:before {
    font-size: .9rem!important;
    transform: scale(.8);
}

.fsRowBody label.input-has-value {transform: none;}/* fix for Help-Link form */
label.control-label {top: .5rem;left: 1.75rem;}
.rcbScroll input:focus + label, .rcbScroll label.input-has-value {transform: none !important}
.rcbScroll label {position: relative !important;top: auto !important;left: auto !important}
.dropdown-item.primary:hover, .dropdown-item.primary:focus {background: #217cba; color: #fff;}
.text-shadow {text-shadow: 2px 3px 3px rgba(73,73,73,0.85)}
.bg-tprimary {background: rgba(26, 66, 120, 0.5);
    mix-blend-mode: hard-light;
    box-shadow: 0px 0px 1px 2px rgb(97, 116, 138);
	transition: all .05s ease-in-out
}
.bg-tsecondary {background: #494949b0}
.bg-dliGreen70 {background: #a7b25d;}
.text-dliGreen70 {color:#3D854D}
.bg-lightGreen {background: #60ab71}
.bg-brightBlue {background:#217cba}
.text-brightBlue {color:#217cba;}
.bg-lightGray {background-color:#ececec!important;}
.text-lightGray {color:#757575!important}
.text-lightBlue{color: #3d67a0!important;}
.bg-dliGreen {background-color:#3D854D!important;}
.text-dliGreen {color:#3D854D!important;}
.bg-dliRed70 {background: #C05457;}
.btn-primary {color:#fff !important}
#sorts :is(.btn-outline-dark), #filters :is(.btn-outline-dark) {
    border-color: #dddddd!important;
}
.btn-dliGreen {
	color:#fff;
	background-color:#3D854D;
	border-color:#3D854D;
}
.btn-dliGreen:not(:disabled):not(.disabled).active, .btn-dliGreen:not(:disabled):not(.disabled):active, .show>.btn-dliGreen.dropdown-toggle, .btn-dliGreen:hover, .btn-dliGreen:focus {background-color:#165a25;border-color:#165a25}
a.btn-outline-light:hover, a.btn-outline-light:focus {color: #1a4278 !important}
#form {margin:0}
.object-fit {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.top-arrow {position:relative}
.top-arrow:before {
	content: "\A";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 20px solid #1a4279;
    position: absolute;
    left: calc(50% - 29px);
    top: -20px;
}
.currentPane {
	background: -moz-radial-gradient(center, ellipse cover, rgba(70,117,175,1) 0%, rgba(26,66,120,1) 60%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(70,117,175,1) 0%,rgba(26,66,120,1) 60%);
	background: radial-gradient(ellipse at center, rgba(70,117,175,1) 0%,rgba(26,66,120,1) 60%);
	overflow: hidden;
}
.icon-accordion .card, .icon-accordion .card-header {
    background: none;
    border: none;
}
.icon-accordion .card-header:before {
    font-family: "Font Awesome 5 Free";
    content: "\f146";
}

.icon-accordion .card-header.collapsed:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
}
.icon-accordion a {
    text-decoration: none !important;
}
/*
  NAVBAR 
*/
.navbar.bg-custom {z-index:1050;}
/*.nav-down  {background-color: rgba(26, 66, 120, 1) !important;top:0!important}*/
.scroll-lock{background-color: rgba(26, 66, 120, 1) !important;top:0!important}
.navbar-brand svg, .above-footer svg {
    fill: #fff;
}
.navbar-brand svg {
    max-height: 30px;
    overflow: hidden;
}
nav a.dli-div {
    position: relative;
    display:flex;
    flex-flow:column wrap;
    white-space:normal!important;
    top:-.2rem;
}
/*text below dli-logo*/
span.dli-div {
    font-size: .65rem;
    display: block;
    position: absolute;
    opacity: 0.65;
    color: inherit;
    text-transform: uppercase;
    mix-blend-mode: difference;
    letter-spacing: .04em;
    left: 25%;
    bottom: -8px;
}
.dli-logo.dli-div:before{
    max-height:60px!important;
    width:100%;
    max-width:240px;
}
.nav-up #PhonePane:after {display:none}
.nav-up .dli-div:before {
   /* display: none;*/
}
.nav-up .dli-logo {top:.2rem;}
.nav-up span.dli-div {
  /*  opacity: 1;
    border: 4px double #516d94;
    position:relative;
    top: 0;
    left:0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    font-size: .9rem;
    font-weight: bold;
    text-indent:unset;
    mix-blend-mode:unset;
    transform:unset*/
    bottom:-3px;
    left:28%;
    font-size:.65rem;
}
.navbar-call:hover, .navbar-call:focus {
	opacity: 0.5;
	color:#fff;
}

.navbar-call:before {
    content: '';
    opacity: 0;
    transition: opacity .6s ease-in-out;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 138px;
	top:-6px;
}
.navbar-brand:hover, .navbar-brand:focus {opacity: 0.5;transform:none!important}
.navbar-brand img {
    max-height: 50px;
    padding-right: 0.75rem;
    filter: brightness(0) saturate(100%) invert(50%) brightness(10);
}
.nav-item {min-width: 50px;}
.all-services {background: #494949 !important;}
#navbarSupportedContent ul.navbar-nav {
    max-width: 100vw;
}

#navbarSupportedContent ul:nth-of-type(2) .nav-item {min-width:320px}
#navbarSupportedContent .nav-link:hover, #navbarSupportedContent .nav-link:focus {background:#1a4279 !important;color:#fff !important}

/* Inner Nav */
#ml-menu ul:first-of-type {
    margin: .49rem 0 1rem !important;
}

.icon--arrow-left:before {
	content: '\e901';
}

.icon--menu:before {
	content: '\e903';
}

.icon--cross:before {
	content: '\e117';
}


/* Menu styles */
#MenuPane {width:100%}

.menu__level {
	overflow: hidden;
	top: 0;
}

.menu__level:focus {
	outline: none;
}

.menu__level--current {
	visibility: visible;
	background: #292929;
	z-index: 20;
/*	top: 0;
	left: 0;
	height: 100vh;
	overflow-y: auto;*/
}

.menu__item {
	display: block;
}

.menu__link {
	font-weight: 600;
	position: relative;
	display: block;
	padding: 1em 2.5em 1em 1.5em;
	color: #bdbdbd;
	transition: color 0.1s;
}
.ellipsis-h:before, .menu__item .nav-link[data-submenu]:after{
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%233e5d7c%27%20d%3D%27M328%20256c0%2039.8-32.2%2072-72%2072s-72-32.2-72-72%2032.2-72%2072-72%2072%2032.2%2072%2072zm104-72c-39.8%200-72%2032.2-72%2072s32.2%2072%2072%2072%2072-32.2%2072-72-32.2-72-72-72zm-352%200c-39.8%200-72%2032.2-72%2072s32.2%2072%2072%2072%2072-32.2%2072-72-32.2-72-72-72z%27%2F%3E%3C%2Fsvg%3E");
	max-height: 3rem;
	width:1.25rem;
	position: absolute;
	right: 0;
	top:0;
	
	content: '\00a0';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100vw;
    transition: all .3s ease-in-out;
    display: flex !important;
    margin: 1px auto 0 !important;
    line-height: 1;
}
.menu__item a i {
    color: #3e5d7c !important;
}

.menu__link:hover,
.menu__link:focus,
.menu__link[data-submenu]:hover::after,
.menu__link[data-submenu]:focus::after {
	color: #5c5edc;
}

.menu__link--current::before {
	content: '\00B7';
	font-size: 1.5em;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 0.5em;
	height: 4px;
	color: #5c5edc;
}

[class^='animate-'],
[class*=' animate-'] {
	visibility: visible;
}

.animate-outToRight .menu__item {
	-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.animate-outToLeft .menu__item {
	-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
ul.animate-inFromLeft ul.menu__level {
    opacity: 0;
    visibility: hidden;
}
.animate-inFromLeft .menu__item {
	-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromRight .menu__item {
	-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.menu__breadcrumbs {
	font-size: 0.65em;
    line-height: 1;
    position: relative;
    display: flex;
    flex: 1 1 auto;
    max-height: 55px;
    border-bottom: 1px solid #494949;
    align-items: center;
    max-width: 500px;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
}

.menu__breadcrumbs a {
	font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ececec !important;
    text-align: center;
    line-height: .85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
    padding: 0 .5rem;
}

.menu__breadcrumbs a:last-child {
	pointer-events: none;
	color: #fcc735 !important;
}

.menu__breadcrumbs a:hover,
.menu__breadcrumbs a:focus {
	color: #90b1de !important;
}

.menu__breadcrumbs a:not(:last-child)::after {
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    padding:0 0 0 .75rem;
    color: #fcc735;
    transition: 1s all ease-in-out;
}

.menu__breadcrumbs a:not(:last-child):hover::after,
.menu__breadcrumbs a:not(:last-child):focus::after {
	content: "\f105";
    color: inherit;
    transform: rotate(180deg);
    transform-origin: center;
    padding: 0 .75rem 0 0;
	transition: .25s all ease-in-out;
}

.menu__back {
	font-size: 1.05em;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 2.25em;
	margin: 0;
	padding: 1.365em 0.65em 0 0;
	cursor: pointer;
	color: #2a2b30;
	border: none;
	background: none;
}

.menu__back--hidden {
	pointer-events: none;
	opacity: 0;
}

.menu__back:hover,
.menu__back:focus {
	color: #fff;
	outline: none;
}


/* Open and close buttons */

.action {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}

.action:focus {
	outline: none;
}

.action--open {
	font-size: 1.5em;
	top: 1em;
	left: 1em;
	display: none;
	color: #fff;
	position: fixed;
	z-index: 1000;
}

.action--close {
	font-size: 1.1em;
	top: 1.25em;
	right: 1em;
	display: none;
	color: #45464e;
}

.menu__level::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 0px;
}

.menu__level::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.menu__level::-webkit-scrollbar-thumb
{
	background-image: -webkit-linear-gradient(-45deg, rgba(50, 90, 140,1) 0%,rgba(26,66,120,1) 60%)
}

/* Breadcrumb */
.breadcrumbs .breadcrumb a:hover, .breadcrumbs .breadcrumb a:focus {
    text-decoration: underline;
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {color: #bbb}
.breadcrumb-item.active{color:#bbb!important}
.breadcrumbs .breadcrumb {
    color: #fff;
    padding: .5rem 0;
    margin: 0;
    font-size: .75rem;
    background: none;
}
.breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb a:visited {color: #fff}
nav.breadcrumb i {padding: 0 .75rem;transition: .33s ease-in-out;display:inline-flex;flex:1 1 auto;width:2.5rem}
nav.breadcrumb span:hover + i {
    transform: rotate(180deg);
    mix-blend-mode: soft-light
}




/*
  LOGIN SCREEN
*/
.navbar-nav .login-screen {
	position: fixed;
    float: none;
    background: red;
    width: 500px;
    height: 500px;
    z-index: 99999;
    top: 60px;
}

/*
  RAISED BUTTONS
*/
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background:#22559a;
    border-color: #22559a;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow:none;border-color:transparent}
.jumbotron {transition: all .5s ease-in-out}
.jumbotron .container-fluid .row {
    max-width: 100%;
}
.jumbotron h1 {font-size: 3.25rem;border:none}
.jumbotron h1.mainHeader {
	z-index: 0;
    position: absolute;
	border: none;
	bottom: 0;
	color: #fff !important;
	font-size: 2rem;
	border-radius: 150% 150% 0 0;
	width: 100vw;
	background: rgba(26, 66, 120, .7);
	background: -moz-linear-gradient(left, rgba(26,66,120,0) 0%, rgba(26,66,120,0.7) 30%, rgba(26,66,120,0.7) 70%, rgba(26,66,120,0) 100%);
	background: -webkit-linear-gradient(left, rgba(26,66,120,0) 0%,rgba(26,66,120,0.7) 30%,rgba(26,66,120,0.7) 70%,rgba(26,66,120,0) 100%);
	background: linear-gradient(to right, rgba(26,66,120,0) 0%,rgba(26,66,120,0.7) 30%,rgba(26,66,120,0.7) 70%,rgba(26,66,120,0) 100%);
	padding: .25rem 1rem 1.625rem 1rem;
}

.jumbotron p {font-size:1.125rem}
.jumbotron .mountains {-webkit-mask-size: 100% 113%;mask-size: 100% 113%;margin:auto;}

.jumbotron.contain {
    background-size: contain!important;
    padding: 0!important;
    background-position: center 66px!important;
    overflow: visible!important;
    height: 20vw;
    margin-top: 66px;
    min-height: fit-content!important;
    background-color:#282724 !important;
}
.jumbotron.contain .lowres {display:none!important;}
.carousel-thumbnails .carousel-indicators img {
    max-width: 100px;
    height: 50px;
    overflow: hidden;
    display: block;
	object-fit: cover;
}


.carousel-thumbnails .carousel-indicators li {
    height: auto;
    max-width: 100px;
    width: 100px;
    border: 2px solid #494949;
	background: transparent;
	transition: margin .3s ease-in-out;
	transition: border-width .6s ease-in-out;
}
.carousel-thumbnails .carousel-indicators li.active {
    border-color: #1a4278;
	border-width: 0 0 2px;
	margin:-3px 0 2px;
}

/* navbar search */
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
    position: relative;
    width: 80vw;
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
	z-index: 0;
	border-bottom: 1px solid #757575
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
	z-index: 0;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	border-color: #646464;
	opacity: 1;
	padding: 9px 17px 15px;
	font-size: 27px;
}
#search .searchInputContainer {position: inherit}
a .fa, a .fab, a .fal, a .far, a .fas, a .fa, a .fab, a .fal, a .far, a .fas {transition: all .15s ease-in-out;}
a:hover .fa, a:hover .fab, a:hover .fal, a:hover .far, a:hover .fas, a:focus .fa, a:focus .fab, a:focus .fal, a:focus .far, a:focus .fas {
    color: inherit;
    transform: scale(1.16);
}
a.carousel-control:hover span, a.carousel-control:focus span {
    color: #1a4278!important;
}
.carousel-caption a {
    text-decoration: none!important;
    transition: .5s all ease-in-out;
}
.carousel-caption a:hover{text-decoration:underline #c5d9f5}
button.close.bg-primary {
    color: #fff;
    text-shadow: 0 1px 0 #777;
}

/* Navbar Animated Menu */
.navbar-toggler {
  min-width: 50px;
  padding: 0.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-flow: column;
  background: transparent !important;
}

.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #fff;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.icon-bar:nth-child(3) {
  width: 16px;
  transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(3), .navbar-toggler:focus>.icon-bar:nth-child(3) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(3) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all .2s;
  background-color: #ffc735;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(4) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
  background-color: #ffc735;
}
.navbar-dark .navbar-toggler:not(.collapsed) {border: 2px solid #fcc735;}
.collapse.in {display: flex !important;}

/* Jumbotron MontanaWorks */
.montanaWorks {
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	background-color: #d1d1d1;
	position: relative;
	z-index: 0;
	margin-bottom: 10vh;
    height: 95vh;
	min-height: 535px;
	padding: 5rem 0rem 10rem;
	overflow: hidden
}
.montanaWorks:after {
	content: "";
    background: #ffffff;
    height: 140px;
    display: block;
    position: absolute;
    bottom: -120px;
    z-index: 3;
    width: 160%;
    border-radius: 100%;
    left: -31%;
}
.background2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    height: 80vh;
    width: 100%;
    position: absolute;
}

/* Responsive Video */
.video-container {    
	width: 100%;
    margin: -10rem auto 0;
    padding: 0 15px;
	position: relative;
	z-index: 3;
	text-align:center;
}
.video-responsive{
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}
.video-responsive iframe{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.youtube-player {	
	 position: relative;	
	 padding-bottom: 56.23%;	
	/* Use 75% for 4:3 videos */	
	 height: 0;	
	 overflow: hidden;	
	 max-width: 100%;	
	 border-radius: 10px;	
}	
 .youtube-player iframe {	
	 position: absolute;	
	 top: 0;	
	 left: 0;	
	 width: 100%;	
	 height: 100%;	
	 z-index: 100;	
	 background: transparent;	
}	
 .youtube-player img {	
	 bottom: 0;	
	 display: block;	
	 left: -1px;	
	 margin: auto;	
	 max-width: 100.5%;	
	 width: 100.5%;	
	 position: absolute;	
	 right: 0px;	
	 top: -1px;	
	 border: none;	
	 height: auto;	
	 cursor: pointer;	
	 -webkit-transition: .4s all;	
	 -moz-transition: .4s all;	
	 transition: .4s all;	
	 background-color: #292929;	
}	
 .youtube-player img:hover {	
	-webkit-filter: brightness(75%);	
}	
 .youtube-player .play {	
	 height: 46px;	
	 width: 66px;	
	 left: 50%;	
	 top: 50%;	
	 margin-left: -33px;	
	 margin-top: -23px;	
	 position: absolute;	
	 cursor: pointer;	
	 border-radius: 32px;	
}	
 .youtube-player .play:before {	
	 content: "\f167";	
	 -moz-osx-font-smoothing: grayscale;	
	 -webkit-font-smoothing: antialiased;	
	 display: inline-block;	
	 font-style: normal;	
	 font-variant: normal;	
	 text-rendering: auto;	
	 line-height: 1;	
	 font-family: "Font Awesome 5 Brands";	
	 text-align: center;	
	 font-size: 4rem;	
	 position: relative;	
	 top: -10px;	
	 left: -2px;	
}	
 .youtube-player:hover .play:before, .youtube-player:focus .play:before {	
	color: red	
}	
 #video_btn:before {	
	 content: '\A';	
	 width: 0;	
	 height: 0;	
	 border-top: 7px solid transparent;	
	 border-bottom: 7px solid transparent;	
	 border-left: 10px solid #fff;	
	 display: inline-block;	
	 margin: 0 10px 0px 0;	
}	
/* Shadow Effect */	
 .shadow-effect {	
	position:relative;	
}	
/*.shadow-effect:before, .shadow-effect:after {	
	 z-index: -1;	
	 position: absolute;	
	 content: '';	
	 bottom: 1em;	
	 width: 50%;	
	 top: 80%;	
	 background: transparent;	
	 box-shadow: 0 1.25em 0.8em #777;	
}	
*/	
 .shadow-effect:before {	
	 transform: rotate(-3deg);	
	 left: 1.5em;	
}	
 .shadow-effect:after {	
	 transform: rotate(3deg);	
	 right: 1.5em;	
}

/* Login Area */
.login-area .card {
	border:none;
	flex: 1 1 auto;
	max-width: 99.99%;
}
.login-area .card:after {
    content: "\A";
    display: flex;
    width: 120px;
    border-bottom: 2px solid #ececec;
    margin: auto auto 0;
	transition: border-bottom .33s ease-in-out;
}
.login-area .card:hover:after, .login-area .card:focus:after {
    content: "\A";
    border-bottom: 2px solid #0f501e;
}
.login-area a.login {display:flex;flex:1 1 auto;flex-flow:column;max-width: 99.99%}
.login-area a.login:hover, .login-area a.login:focus {
    text-decoration: none !important;
}
.login-area a.login:hover h4, .login-area a.login:focus h4 {
    color: #1a4278 !important;
	border-radius: 8px 8px 0 0;
	transition:background .5s ease-in;
}

/* FrontPage */
h1.frontpage {font-size: 3rem;letter-spacing:0.05rem;text-shadow: 1px 1px 2px #fff;outline: 7px double#1a4278;
    outline-offset: 15px;
    border: 0;position: relative;
    margin-top: -2.5rem;}

/* Job Search */
.job-search p {max-width: 330px;}
.job-search h2 {font-size: 2.33rem;}
.job-search-image{    
	padding: 0;
    flex: 1 1 auto;
    align-self: center;
    margin-bottom: -7.8%;
    z-index: -2;
    background-image: url('https://montanaworks.gov/_files/images/job-search-woman.jpg');
    padding-bottom: 33%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* Apprenticeship */
.apprenticeship {background-color: #3D854D}
.apprenticeship a.btn-outline-light:hover, .apprenticeship a.btn-outline-light:focus {color:#3D854D !important}

/* Unemployment */
#JobSearchPane + #UIPane {
    margin-top: -3rem;
}
.unemployment {
	background-color: #eaf5fd;
    margin-top: 4rem;
    margin-bottom: 6rem;
    position:relative;
    z-index:-1;
}
.unemployment .row {position:relative}
.unemployment a.btn-outline-danger:hover, .unemployment a.btn-outline-danger:focus {color:#ffffff !important}

/* Department Services */
#deptServ .department-services .btn-group {
    flex: 1 1 auto;
    display: flex;
    text-align: center;
    flex-flow: row nowrap;
    justify-content: center;
	max-width: 1200px;
	width:100%;
}
.btn:focus {box-shadow:none !important}
.currentPane .show .container-fluid:nth-of-type(2) {
    min-height: 250px;
	transition: height 1s ease-in-out;
}
.currentPane .show .container-fluid:nth-of-type(2) {
    min-height: 87px;
}

/* ---- Hidden ---- */
.hidden{    
	visibility: hidden;
    width: 0px!important;
    height: 0px!important;
    margin: 0px!important;
    padding: 0px!important;
    position: absolute !important;
    left: -500rem !important;
    top: 500rem !important;
  }
.department-services .col-auto {
	padding: 0 5px;
    width: auto;
    flex: 1 1 auto;
	margin-bottom: .65rem;
	display: flex;
}
.department-services .btn {flex:1 1 auto !important;transition: all .3s ease-in-out;min-height: 36px}
#deptServ .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}
.secondaryFilter .dropdown-menu {
    background: #1a4278;
	padding: 0 !important;
}
.secondaryFilter .dropdown-menu button {
    border-bottom: 1px solid #fff !important;
    text-align: left;
    width: 100%;
    border-radius: 0;
    transition: all .3s ease-in-out !important;
	padding: .75rem;
	margin:0 !important;
}
.secondaryFilter .dropdown-menu button:last-of-type {border-bottom-width:0 !important;}
.secondaryFilter .dropdown-menu button:nth-of-type(-n+3) {width:33%;border-radius: 0;margin-top: -3px !important;}
.sorts .dropdown-menu.show {display: flex;width:100%;min-width:220px}

.deptServPanel {display: flex}
#deptServ .card {
	background: transparent;
    color: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: background .25s ease-in;
    max-width: 340px;
    min-width: 320px;
    margin: auto;
    border:1px solid hsl(200deg 96% 59% / 7%);
    border-radius:1rem;
    text-decoration:none;
}
#deptServ .card:hover, #deptServ .card:focus {
	background:#217cba;
	background:hsl(213deg 60% 47%);
	text-decoration: none
}
.loadAllServices i {position: relative}
.loadAllServices i:after {
    content: "";
    border-bottom: 2px solid #fff;
    text-align: center !important;
    width: 16px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: -1px;
}


h1:before {
  margin-right:10px;
}

h1:after {
  margin-left:10px;
}
#mtc {flex:1 1 auto}

/* Professional Boards Module */
#proBoardsModal li {
    padding-bottom: 15px;
    list-style-type: decimal;
}

#proBoardsModal a:hover, #proBoardsModal a:focus {color: red}



/* Animating Elements */
.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0%, 0px, 0px);
  -webkit-transform: translate3d(0%, 0px, 0px);
  -o-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate3d(0%, 0px, 0px);
}
/*animation element fly-left*/
.animation-element.fly-left {
  opacity: 0;
  transition: all 1s ease-in-out;
  -moz-transform: translateX(-265%);
  -webkit-transform: translateX(-265%);
  -o-transform: translateX(-265%);
  -ms-transform: translateX(-265%);
  transform: translateX(-265%);
}

.animation-element.fly-left.in-view {
  opacity: 1;
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  animation: fly 1s cubic-bezier(0,1,.8,1) forwards;
}
.animation-element.fly-left.in-view:before {
    content: "";
    animation: flyy 1s cubic-bezier(.5,1,.8,.9) forwards;
    display: block;
	margin: auto;
}
@keyframes fly {
	from {transform: translateX(-265%)}
	to {transform: translateX(0%)}
}
@keyframes flyy {
	0% {transform: translateY(60px)}
	33% {transform: translateY(10px)}
	66% {transform: translateY(2px)}
	80% {transform: translateY(0px)}
	100% {transform: translateY(0px)}
}

/* Random Image */
.random-img {
	opacity: 1;
	background-image: var(--randbgIMG);
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center 25% !important;
	background-attachment: fixed !important;
	animation: fade 1s ease-in-out
}

@keyframes fade {
	0% {opacity: 0}
	1% {opacity:0.1}
	33% {opacity:0.1}
	100% {opacity: 1}
}

/* SVG MT Counties */
#mtcounties {
  display: block;
  width: 100%;
  overflow: visible;
}
#mtcounties path{fill:transparent;stroke:#ffffff;stroke-width:2;stroke-linejoin:round;transition: all .25s ease-in-out}
#mtcounties path:hover, #mtcounties path:focus {fill:#3D854D !important}
/* Legend */
#mtc [data-color] {
    font-size: .8rem;
    margin-right: 1px;
    padding: 0 2px;
}

#mtc [data-color] i {
    font-size: .65rem;
    padding-right: .2rem;
}
/* Fill based on Unemployment Rate */
#mtcounties path[data-color="darkest"], [data-color="darkest"] {
    fill: #041d37;
	    border-top: 10px solid #041d37;
}
#mtcounties path[data-color="darker"], [data-color="darker"] {
    fill: #133253;
	border-top: 10px solid #133253;
}
#mtcounties path[data-color="dark"], [data-color="dark"] {
    fill: #2b4c6f;
	border-top: 10px solid #2b4c6f;
}
#mtcounties path[data-color="medium"], [data-color="medium"] {
    fill: #4a6b8a;
	border-top: 10px solid #4a6b8a;
}
#mtcounties path[data-color="light"], [data-color="light"] {
    fill: #738ca6;
	border-top: 10px solid #738ca6;
}
#mtcounties path[data-color="lightest"], [data-color="lightest"] {
    fill: #bfc9d3;
	border-top: 10px solid #bfc9d3;
}
.col[data-color]:hover, .col[data-color]:focus  {
    background-color: #555e11;
    color: #fff;
}
#mtcounties path.dataHover {
    fill: #9ca3ab;
	opacity: 0.4;
}
.graphHover {
	fill:#3D854D !important;
	opacity: 1 !important;
}

/* Custom Tooltip */
.unemployment-rate .tooltip.show {opacity: 1}
.unemployment-rate .tooltip>.tooltip-inner {
    background: #3D854D !important;
    padding: .5rem .75rem;
}

/* Tooltip on top */
.unemployment-rate .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before, .unemployment-rate .tooltip.bs-tooltip-top .arrow:before, .unemployment-rate .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .unemployment-rate .tooltip.bs-tooltip-bottom .arrow:before {
  display:none;
}


/* Lazy Load Images */
.lozad {
    filter: blur(.15rem);
    transition: all .15s ease-in-out;
}

[data-loaded="true"] {
    filter: blur(0) !important;
}

/* isotope */
.grid {transition:height .33s ease-in-out;overflow: hidden}
/* Sorts */
.quicksearch {
    margin: 0 !important;
    background: transparent;
    color: #fff;
    font-size: .875rem;
	flex:0 1 auto;
	border:none;
	padding: 0 .5rem;
	text-align: center;
	outline: none;
	width:100%;
}
.quicksearch::-webkit-input-placeholder {color:#fff;font-size:.875rem}
.quicksearch::-moz-placeholder {color:#fff;font-size:.875rem}
.quicksearch:-ms-input-placeholder {color:#fff;font-size:.875rem}
.quicksearch:-moz-placeholder {color:#fff;font-size:.875rem}

.sorts {max-width: 600px !important;}
.sorts button[data-sort-by="original-order"] {min-width: 105px}
.sorts .dropdown {
    flex: 1 1 auto;
    display: flex;
    text-align: center;
    flex-flow: row nowrap;
    justify-content: center;
    max-width: 210px;
    margin-left: -2px;
}
.sorts .dropdown .btn {
    border-radius: 0 .25rem .25rem 0;
}
.sorts .dropdown-menu .btn-dliGreen {font-size: 0rem}
.sorts .dropdown-menu .btn-dliGreen:not(.svgbg) {
    font-size: .8rem;
    white-space: normal !important;
    text-align: center;
    padding: 0 5px;
}
.unset {position: unset !important;}
.hidden.unset {display: none;}



/* Overwrite old skin.css */

.form-group{position: relative}
.form-group h2{margin-top: 1.5rem}
.form-group + input {margin-top: 1rem}
.field-container{display: inline-block}
#RightPane textarea {max-height: 200px}
#ContentPane ul, #ContentPane ol {
    font-size: .95rem;
}
#ContentPane ul > li, #ContentPane ol > li {
    margin-bottom: .75rem;
    padding-left: .5rem
}
#ContentPane ul.nav-tabs li {
    margin: 0 -2px -1px;
    padding: 0;
}
main ol, section ol {
    padding: .75rem 0 .5rem .5rem;
    margin: .75rem auto 0 2rem!important;
    border: 1px solid #f1f1f1;
    border-width: 1px 0;
    font-size: .95rem;
}
h4 a.link {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    display: block;
	width: 100%;
}
.nav-tabs > li > a {
    font-weight: normal!important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
    border: 0;
    -webkit-box-shadow: inset 0 -2px 0 #2196f3;
    box-shadow: inset 0 -2px 0 #2196f3;
}

h4 span.centered {
    text-align: center!important;
    display: block;
    font-weight: normal;
}
.nav-item a:hover {background-image: none!important}
.grt a.btn {text-decoration: none}
#FormsPane div {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    flex: 1 1 auto;
}
#RightPane {
	padding: 0;
    border-radius: .25rem;
    max-width: 260px;
    margin: 4.75rem auto auto auto;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}
#RightPane div {background: #fbfbfb;box-shadow: inset -2px -2px 2px #e4e4e4}
#RightPane div > ul {overflow-x: auto;max-height: 75vh}
#RightPane h2 {
    margin: 0 auto;
    text-align: center;
    padding: .5rem;
    font-size: 1.25rem;
    color: #6a6a6a;
    background: #ebebeb;
}
#RightPane ul {padding-left:0;margin-bottom: 0;margin-left:0;list-style:none}
li[role="menuitem"] a.nav-link:hover, li[role="menuitem"] a.nav-link:focus {background: #ebebeb}
#RightPane > ul > .title {font-size: 0.95rem;font-weight: 600;color: #585858;margin:auto}
#RightPane li.title:first-of-type {margin-top: 0;padding-top:0}
#RightPane a.disabled, #RightPane li a.active {background: #dfebfb;box-shadow: inset 0px 0px 2px #e4e4e4, inset 5px 0px 0px #217cba;}
#RightPane ul li a {width: 100%;display: block;padding: 0 1rem 0 1rem;line-height: 1.75;transition: all 1s ease-in-out;font-size: .9rem;display: flex;align-items: center;}
#RightPane ul li .nav-link {padding: .35rem 1.25rem .35rem 1.25rem!important;transition: all .5s ease-in-out;position: relative;line-height: 1.25rem;}
#RightPane .small {font-size: .82rem}
#RightPane + div + div {border-radius: .5rem;overflow: hidden}
#RightPane + div + div p {background: #f1f1f1;padding: .25rem 2.25rem}
#RightPane div:not(#cssmenu) > ul > li.title {border-bottom: 1px solid #ebebeb}
#RightPane div:not(#cssmenu) > ul > li.title:last-of-type {border-bottom: none}
#RightPane > ul > li.title:last-of-type {border-bottom: 0}
a.folder[aria-expanded="false"]::after, a.folder:focus[aria-expanded="false"]::after, a.folder[aria-expanded="true"]::after, a.folder:focus[aria-expanded="true"]::after, a.other[aria-expanded="false"]::after, a.other:focus[aria-expanded="false"]::after, a.other[aria-expanded="true"]::after, a.other:focus[aria-expanded="true"]::after {
    content: '\0276F';
    font-weight: normal;
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    background: #ebebeb8c;
    display: inline-flex;
    justify-content: center;
}
a.folder[aria-expanded="true"]::after, a.folder:focus[aria-expanded="true"]::after, a.other[aria-expanded="true"]::after, a.other:focus[aria-expanded="true"]::after {
    transform: rotate(90deg);
    background:none;
}
#RightPane .title li a.title {font-size: .84rem;margin:-.25rem auto 0;}
.title .title ul a{padding-left:2rem;}
#RightPane .title.folder > a[aria-expanded="true"], #RightPane .title.other > a[aria-expanded="true"] {margin-top:4px;background:#ebebeb;}
.title.nav-link.folder {background: #fbfbfb}
#RightPane .title.folder> a[aria-expanded="true"] + ul.show {
    padding-left:.25rem;
    border-bottom:4px solid #e9eef5;
    padding-bottom:.5rem;
    margin-bottom:.5rem;
}
#RightPane a.folder:hover {background: #ebebeb!important;}
#RightPane li.title {0px 1px 4px -4px}

.jumbotron.secondary{    
	background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    background-color: #fff;
    position: relative;
    z-index: 0;
    min-height: 300px;
    height:50vh;
    padding: 5rem 0 10rem;
    overflow: hidden;
	margin-bottom:0;
}
.jumbotron.secondary:after{content: "";background: #fff;height: 140px;display: block;position: absolute;bottom: -120px;z-index: 3;width: 170%;border-radius: 100%;left: -36%;border-top:2px solid #b6c7da}
.jumbotron.highlightTitle:after {
    content: "";
    height: 160px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    background: linear-gradient( 
0deg
 , rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    margin: 0 auto;
    border: none;
    left: auto;
    border-radius: unset;
}
.jumbotron.largeImg{    
    height: 85vh;
	max-height:100%
}
.largeImg:before {content: ""; opacity: 0}
.jumbotron.smallImg{
    height:25vh;
    min-height:120px;
}
.jumbotron.contain:after,.jumbotron.smallImg:after{display:none}
.jumbotron.contain.highlightTitle:after{display:block}


main p:last-of-type, section p:last-of-type {
    margin-bottom: .75rem;
}

.grt h2, .grt h3, .grt h4, .grt h5, .grt h6 {margin-bottom:calc(.25rem + .5vw)}
.grt p, .grt ul, .grt ol, .grt blockquote, .grt pre, .grt .alert, .grt .note, .grt .box, .grt .footnotes {
	margin-bottom: calc(1rem + 1vw);
}
.grt p:not(:last-of-type) + ul {
    margin-top: -.75rem;
    margin-bottom:1.5rem;
}
.grt p:last-of-type + ul {
    margin-top: 1.25rem;
}
.grt ul, .grt ol {
	margin-left: 2rem;
}
.grt ol, ol.list-style {
    list-style: none;
    counter-reset: my-awesome-counter;
    position: relative;
}
.grt ol > li, ol.list-style > li {
    counter-increment: my-awesome-counter;
}
.grt ol > li::before, ol.list-style > li::before {
    content: counter(my-awesome-counter);
    background: #809ac9;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    font-size: 1rem;
    position: absolute;
    left: -2rem;
    justify-content: center;
    display: flex;
    align-content: center;
    align-items: center;
    padding-bottom: .15rem;
}
ol ul > li:before {
    display: none!important;
}
.grt ul{list-style: none}
.grt ul:not(.nav):not(.list-style):not(.redactor-toolbar):not(.list-unstyled):not(.accordions) li:before {
    content: "\2022";
    color: #bbb;
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    margin-left: -1.6rem;
    margin-right: .6rem;
}
.grt li {
	margin-bottom: .75rem;
	line-height: 1.75rem
}
.grt sub, .grt sup {
	padding: 0 1px;
}
.grt .footnotes {
	font-size: 13px;
	line-height: 24px;
	padding-top: 19px;
	border-top: 1px dotted rgba(0,0,0,0.15);
}
.grt .footnotes p {
	margin-bottom: 19px;
}
article.grt,section.grt,main.grt {
    padding-top: 22px;
}
article h1, main h1, section h1 {margin-bottom: 1.5rem;font-size:2.25rem}
article div.row, section div.row, main div.row {margin-bottom:0}

@media all and (min-width: 828px) {
	.grt {
		padding: 30px;
	}
}


#FormsPane h2 {text-align: center}
.c-form .field-container button {display: flex;margin: auto;padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.above-footer:before, .above-footer:after{display: none}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color: #72a3e6}
footer ul {
    margin: 0;
    color: #ececec;
}

/* Specific CSS styles - needs rewritten */
/* dli.mt.gov/jobopenings */
.job-info-container p {text-indent: 0!important;font-size: 1rem}
.job-info-heading {
    background: linear-gradient(180deg, #376fb9, #4f77ad);
    margin: 2rem auto auto;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: .5rem .5rem 0 0;
}
.job-info-heading h4 {
    font-size: 1.15rem;
    margin: auto;
    padding: .5rem .25rem;
}
.btn-default {
    color: #494949;
    border-color: #dddddd;
}
.btn-default:hover, .btn-default:focus {
    border-color: #a9a9a9;
}
/* wsd.dli/mt.gov/job-seeker/veteran-services */
#vet-services-banner {
    background-image: url('https://wsd.dli.mt.gov/_images/veteranservices-banner.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-box-shadow: inset 0 4px 6px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 4px 6px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0 4px 6px 0px rgba(0,0,0,0.4);
    background-color: #fff;
    min-height: 150px;
    padding: 0px 15px 0px 15px;
}
.nav-tabs {margin: auto -15px -2px;background:#fbfbfb}
.nav-tabs .nav-link {text-decoration: none;flex:1 1 auto}
.nav-tabs > li > a {
    line-height: 1.428571429 !important;
    border: 2px solid #ececec !important;
    border-radius: 4px 4px 0 0 !important;
    color: #666 !important;
    background-color: #f6f6f6 !important;
    text-decoration:none !important;
    text-align: center;
    display:flex;
    flex:1 1 auto;
    justify-content:center;
    align-items:center;
    align-content:center;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color:#eaeaea !important;
}
.nav-tabs > li > a.active { 
	background-color: #1a4278 !important;
    color: #fff !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    background: #e4e4e4;
    color: #757575;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff!important;
    background-color: #1a4278 !important;
    border-color: #1a4278 #1a4278 #dee2e6;
}
ul.nav-tabs {border-bottom: 1px solid #dee2e6;flex: 1 1 auto;margin: auto;}
ul.nav-tabs li {margin-bottom: 0 !important;padding-left: 0 !important;}
ul.nav.nav-tabs .dropdown-menu.show {
    display: flex;
    background: #494949;
}

ul.nav.nav-tabs button.btn.btn-secondary.col-6:nth-of-type(odd) {
    border-right: 1px solid #8d8f91 !important;
}
ul.nav.nav-tabs button.btn.btn-secondary.col-6 {
    margin-bottom: -5px;
    padding-bottom: 10px;
}
.nav-item a.active {
    margin: -2px 0 0;
    position: relative;
    padding-bottom: .65rem;
    transition:all .3s ease-in-out;
}
.tab-content {
    padding: 1rem 1.5rem;
    margin: auto;
    border: 2px solid #f1f1f1;
    border-width: 0 2px 2px;
    border-radius: 0 0 .5rem .5rem
}
.tab-pane > h2 {
    border-bottom: 1px solid #f1f1f1;
}
.comp-court h6 {
    margin-bottom: 0;
}
.dli-newscenter-announcement-item {
    margin-top: 30px;
    min-height: 75px !important;
    max-height: 200px !important;
    padding-bottom: 5px;
    display: flex;
    flex-flow: row wrap;
    height: fit-content;
    background: #f9f9f9;
    margin: 30px auto auto;
    max-width: 47%;
    flex: 1 1 47%;
}
.dli-newscenter-announcement-item h3 {
    line-height: normal;
	font-size: 18px;
	margin-bottom: 0;
}
.dli-home-announcement-item h5 a, .dli-newscenter-announcement-item h5 a, .dli-home-announcement-item h3 a, .dli-newscenter-announcement-item h3 a {
    text-decoration: none !important;
    font-weight: 600;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.news {
    border: 2px solid #b1d1e7;
    border-radius:.5rem;
}
.news a.btn-light {
    min-height: 5.5rem;
}
.isotope.news a.btn:hover {
    background: #dcebff;
}
.dli-home-events:hover {
    background-color: white;
}
.dli-home-events:hover .text-primary {
    color: #217cba!important;
}
.dli-home-events:hover time {
    color: #217cba;
}
.post-month {color:#4b86d7;}
.post-day {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    height: 60px;
    line-height: 48px;
    width: 60px;
    background-color: #e3ebf1;
    color: #4b86d7;
    border: 4px double #f8f9fa;
    border-radius: 100%;
    margin: -.33rem auto 0;
    display: flex;
    justify-content: center;
    aspect-ratio: 1/1;
    flex-flow: column;
    padding-top: .5rem;
}
.post-year {
    font-weight: 500;
    color: #3b75c5;
    margin-top: -1.85rem;
    font-size: .6rem
}
.post-dates {
    margin-top: .15rem;
    color: #417fd4;
    border-radius: 9999px;
    font-size: .55rem;
}
.post-time {
    margin-top: .25rem;
    color: #2F72CE;
    border-radius: 9999px;
    font-size: .7rem;
    font-weight: 700;
}
.post-timeMarker {
    margin: -.05rem auto;font-size:.6rem;
}
.post-timeMarker:before,.post-timeMarker:after {content: "\2014";padding: .25rem;}
.tab-content .events-heading {
    background: #dddddd;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: .5rem .5rem 0 0;
    padding: .5rem;
}
.events-heading h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: auto;
}
.dli-category-eventinfo {
    border: 2px solid #dee2e6;
    border-radius: 0 0 .5rem .5rem;
    margin-bottom: 1.25rem;
    padding: .5rem 1rem 0;
}
.af-slide label {
    position: relative;
}
label.control-label.af-slide {
    position: relative;
    left: auto;
    text-align: left !important;
	background:transparent;
	color: #000;
}
.form-group .btn-form {
    margin-top: 1.5rem !important;
}
.clear input.btn {
    margin-top: .33rem;
}
.scrolling{height: 45vh !important;min-height: 33vh}

/*Apprenticeship Page */
.justify-content-space-around {justify-content: space-around}
.justify-content-space-around .col-sm-3.col-md-4.mt-4.mx-2.p-0.d-flex.align-items-stretch {max-width: 480px}
/* apprenticeship Area */
.apprenticeship-area .card {
	border: none;
    z-index: 0;
    background: transparent;
	order:3;
}
.apprenticeship-area .main-selection {max-width: 450px;flex:1 1 50%;margin: 0}
.apprenticeship-area .svgbg:hover:before {transform: none}
.apprenticeship-area h4 {
    white-space: nowrap;
    margin: 0;
    width: 100%;
    padding-bottom: .5rem !important;
}
.apprenticeship-area h4:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 2.8rem;
    padding-bottom: .75rem;
}
.apprenticeship-area .btn-primary.collapsed span {color: #494949}
.apprenticeship-area .btn-primary:not(.collapsed) span {color: #fff;z-index: 9}
.apprenticeship-area .btn-primary:hover h4, .apprenticeship-area .btn-primary:focus h4, .apprenticeship-area .btn-primary:hover p, .apprenticeship-area .btn-primary:focus p, .apprenticeship-area .btn-primary:hover span, .apprenticeship-area .btn-primary:focus span {
    color: #fff !important;
}
.apprenticeship-area .card-footer {
    background: none;
    border: none;
    padding: 2rem 1rem;
}
.apprenticeship-area.make-selection {position: relative;z-index: 10}
.apprenticeship-area a.login {display:flex;flex:1 1 auto;flex-flow:column;max-width: 99.99%}
.apprenticeship-area a.login:hover, .apprenticeship-area a.login:focus {
    text-decoration: none !important;
}
.apprenticeship-area .card.button  {
    background: transparent;
    border: transparent;
    height: 100%;
    padding: .5rem .25rem;
    display: flex;
    flex-flow: row wrap;
    max-width: 450px;
    border-top: 4px solid #909090;
    border-radius: 0;
    margin: 0
}
.apprenticeship-area .card.button:hover, .apprenticeship-area .card.button:focus {color:#fff;background:#1A4278;border-top: 4px solid #FFD700}
.apprenticeship-area .card.button:not(.collapsed) {
	background: #217CBA;
    outline: none !important;
    position: relative;
    border-top: 4px solid #FFD700
}
.apprenticeship-area a.login:hover h4, .apprenticeship-area a.login:focus h4 {
    color: #1a4278 !important;
	border-radius: 8px 8px 0 0;
	transition:background .5s ease-in;
}
.apprenticeship-area .card.button:not(.collapsed)::before {
    content: "\A";
    position: absolute;
    bottom: -1.5rem;
    transition: all .3s ease-in-out;
    width: 3rem;
    height: 3rem;
    transform: rotate(45deg);
    z-index: 0;
    transform-origin: center;
    background: #217CBA;
    left: calc(50% - 1.5rem)
}
.apprenticeship-area .card.button:not(.collapsed):active::before {background:#112b4e;transition: none}
.apprenticeship-area .login h4 + span {
    margin-top: -.25rem;
    margin-bottom: .5rem;
    font-size: 92%;
}
.apprenticeship-area .card.button:not(.collapsed) .text-secondary {color: #fff !important}
.apprenticeship-area #mt span {
	font-size: 3.5rem;
    color: #fff;
    font-weight: bold;
    overflow-wrap: initial
}
h5.apprenticeship {
    background: none;
    text-align: left;
    text-transform: uppercase;
    font-size: .85rem;
    padding-top: 2rem;
	font-weight: bold;
}
ol.apprenticeship-area {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-left: 3.5rem;
    z-index: 1;
    position: relative;
    margin-top: 1.5rem;
}
ol.apprenticeship-area li {
    counter-increment: my-awesome-counter;
    margin-bottom: 1rem;
    text-indent: unset;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
ol.apprenticeship-area li::before {
    background: #1a4278;
    content: counter(my-awesome-counter);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 2.25rem;
    z-index: -1;
    color: #fff !important;
    text-align: center;
    margin-right: -2rem;
    font-size: 2.2rem;
    position: absolute;
    left: 0rem;
    justify-content: center;
    display: flex;
    align-content: center;
    align-items: center;
    padding-bottom: .15rem;
}
ol.apprenticeship-area.apprentice li:last-child::before {
    content: "\f005";
    background: #ffc735;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	padding: 0;
	font-size: 1.5rem;
}
#infographicModal .modal-dialog {
    max-width: 100vh;
}
#accordion .collapsing {opacity: 0}
#accordion .collapse {
	transition: opacity .33s ease-in-out;
	opacity: 1;
	position: relative;
	right: auto;
}
#accordion .card {
    border-bottom: none;
}
#accordion .card-header .btn-link {background-image:none!important;padding-bottom:0;font-size: 1.25rem;}
#accordion .card-header:hover a:before, #accordion .card-header:hover a:focus{background:#217CBA!important;color:#fff}
.card-header:hover span.bg-lightGray, .card-header:hover span.bg-lightGray {
    background: #217CBA!important;
    color: #fff;
}

.card-header a[aria-expanded]:before {
    background: #ececec;
    content: '\002b';
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .75rem;
    margin: -.72rem .75rem -.73rem -1.25rem!important;
}
.card-header a[aria-expanded="true"]:before {content: '\2212';background-color:#217CBA;color:#fff}
.card-header a.btn-link {
    display: flex;
}
.card-header a.stretched-link:hover:before, .card-header a.stretched-link:focus:before {
    background: #217CBA;
    color: #fff;
}

/* The animation code */
@keyframes blur {
  0%   {filter:blur(15px);right:100rem}
  33%  {opacity: .8s;right:15rem}
  99%  {right: 0}
  100% {filter:blur(0px);opacity: 1;right:auto}
}

/* fixes */
.nav-pills .nav-link{
	color: inherit;
	text-decoration: none;
}
li p {line-height: inherit}
a.link {
    color: #217CBA;
    text-decoration: underline #c5d9f5;
}

/* Job Search */
#jobSearch, #provider-search {
    padding: 20px 0px 30px 0px;
    border-bottom: 2px solid #1A4278;
}
.pagination {
    overflow-x: auto;
}
.pagination li {margin: 0 0 1rem;padding:0!important;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #23569C;
    text-decoration: none!important;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff!important;
    cursor: default;
    background-color: #1A4278!important;
    border-color: #1A4278;
}
.page-link.current, .page-link:hover {
    background: #217CBA!important;
    color: #fff!important;
    border: 2px solid #3f98d4;
    padding: 5px 11px;
}
.job-result-list li:nth-of-type(even){background:#f9f9f9}
.job-result-list li{    
	border-bottom: 1px solid #ececec;
    margin-bottom: 0!important;
    padding: 1.25rem .5rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    margin: auto;}

.job-service img.img-fluid, .job-service img.img-responsive {
    object-fit: cover;
    margin: auto auto 2rem auto;
    min-width: 320px;
    min-height: 240px;
    max-height: 470px;
    aspect-ratio: auto 16 / 9;
}
.job-service h3 {
    color: #1a4278;
    border: 1px solid #efefef;
    padding: .25rem 0 .5rem;
    font-size: 2rem;
    border-width: 1px 0;
}
.job-service h3:before {
    display: none!important;
}
.job-service .hours {
	background: #f1f1f1;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    text-align: left;
    padding: 1rem .75rem;
}
.job-service .col-md-3 {
    background: #fdfaf3;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    margin: 0 auto 1rem 0;
    border-bottom: 1px solid #dadada;
    height:fit-content;
}
.job-service .col-md-3 p {
    font-size: .9rem;
    line-height: normal;
}
.job-service .col-md-3 strong {
    font-size: 1.25rem;
    width: 100%;
    display: inline-block;
    padding: 0 .5rem .25rem;
    margin: 0 -.5rem .25rem;
    border: 2px solid #ececec;
    border-width: 0 0 1px;
}
.job-service .col-md-3 p:last-of-type {
    margin-bottom: .25rem;
}
.job-service #chevron {
    z-index: 0;
    width: 50%;
    margin: 4% auto 2.75%;
}
.job-service #chevron:before, .job-service #chevron:after {
    background: #bcc7d7;
    top: -25%;
    filter: unset;
}
.job-service a {
    text-decoration: none!important;
}
.local-resources {
    border-bottom: 2px solid #ececec;
    border-radius: .5rem;
    padding: 2rem 1.5rem;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 101%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 101%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 101%);
}
.local-resources h3 {margin-left:2rem}
.local-resources ul {
    list-style: none;
    text-align: left;
}
#jobLocationsPane .job-service {
    visibility:collapse;
    height:0;
	overflow:hidden
}
#jobLocationsPane .job-service.active {
    height: auto;
    visibility: visible;
}


.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
@media not all, (-webkit-transform-3d){
.carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
	}}

@media not all, (-webkit-transform-3d){
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	}}

.carousel-inner>.active {
    left: 0;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}
.carousel-caption {
    position: static !important;
    color: #000 !important;
    text-shadow: 0px 0px #000000 !important;
    margin-left: 80px;
    margin-right: 80px;
    min-height: 198px;
    text-align: left !important;
}

/* WCC Menu */
#ml-menu2 .menu__level--current {
    background: #fbfbfb;
}

#ml-menu2 a {
    color: inherit;
    text-decoration: none!important;
}

#ml-menu2 ul li a {
    background: #ffffff;
    text-decoration: none;
    border-color: #f1f1f1;
    color: #494949;
    margin-bottom: -1px;
    border-radius: 0;
}

#ml-menu2 ul li a:hover {
    background: rgba(252, 194, 53, 0.35)!important;
}

#ml-menu2 {
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
}
#ml-menu2 .menu__breadcrumbs a {color:#494949!important}
#ml-menu2 .menu__breadcrumbs a:last-child{border: 1px solid #fcc735;padding: .25rem;background: rgba(252, 199, 53, 0.35)!important;}
#ml-menu2 nav.menu__breadcrumbs a{background:transparent!important}
#ml-menu2 .menu__level--current {
    background: #fbfbfb;
    margin-top: 1rem;
}

.thead-light tr{position:relative}
.thead-light th{position:-webkit-sticky;position:sticky;top:0}

.logo-bg {background-color: rgba(197, 197, 197, 0.75)}

/* Board Page */
.heading_wrapper h2 span {display:block!important}
 .board.wrapper {
	margin-top: 67px;
	position: relative;
	width: 100%
}
.jumbotron + .board.wrapper {
	 margin-top: -40px;
	 position: relative;
	 width: 100%;
}
h1 + #quicklinks {
    margin-bottom: -1rem!important;
}

#LeftMenu {
    min-width: 270px;
    max-width: 360px;
    overflow-y: visible!important;
    /*overflow-x:hidden!important;*/
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
    /* background: #375A89; */
    /* height: 100%; */
    min-height: 98vh;
    /* width: 50vw!important; */
    flex-flow: column;
    /*border-radius: 10px 10px 0 0;*/
    background: linear-gradient(90deg, #375a89 94%, transparent 94%);
    /* position: relative; */
    margin-right: -18px;
    flex: 1 1 10%;
}
#LeftMenu:before {content: '\00a0';background: #375a89;position: relative;top: -1rem;border-radius: 10px 10px 0 0;margin-right: 38px;z-index: 99999;position: absolute;width: 94%;}
#LeftMenu ul.board-tabs{overflow-y: scroll!important;max-height: 91vh;overflow:visible;background:linear-gradient(90deg, #375a89 94%, transparent 94%);max-width: 377px;padding-right: 23px;direction:rtl;height:fit-content;position:sticky;top:66px;margin-bottom:1rem;padding-bottom:3rem;display: block;}
#cssmenu.nav-down {top:100px!important}
.board-tabs li {
    position:relative;
    border: 1px solid #3c6193;
    border-width: 1px 0 0;
    /* padding: .66rem 0 .66rem 2rem; */
    color: #fff;
    line-height: 1.5;
    width: 100%;
    display: flex;
    flex-flow: column;
    flex: 1 1 auto;
    direction:ltr;
}
.board-tabs li.folder {
    padding: .66rem .5rem .66rem 2rem;
}
.board-tabs li a {
    padding: .66rem 2rem .66rem 2rem;
    text-decoration: none;
    color: var(--bs-nav-link-color);
}
.board-tabs li.active, .board-tabs li:hover, .board-tabs li[aria-expanded="true"] {background-color: rgb(255 255 255 / 10%);}
.board-tabs li[aria-expanded="true"] {background-color: rgb(255 255 255 / 10%);padding-bottom: 1rem!important;color: #fff;}
.board-tabs li.active:not(.folder):after, .boards-sub-tabs li.active:not(.folder):after {-moz-transform: translateY(0px);border-top: 10px solid transparent;background: transparent!important;-moz-transform: translateY(0px);transform: translateY(0px);opacity: 1;content: "\A";transition: all .3s ease-in-out;width: 0;height: 0;border-left: 10px solid #4b6b95;border-right: 15px solid transparent;position: absolute;right: -25px;top: calc(50% - 10px);border-bottom: 10px solid transparent;}
.boards-sub-tabs li.active:not(.folder):after {
    right: -29px;
    border-left: 15px solid #217cba;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: calc(50% - 15px);}
.board-tabs li.active > a:hover{background:transparent}
.board-tabs > .folder[aria-expanded]:before, .boards-sub-tabs > .folder[aria-expanded]:before {
    content: '';
    position: absolute;
    left: .75rem;
    max-width: 1rem;
    max-height: 1rem;
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20256%20512%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M224.3%20273l-136%20136a23.9%2023.9%200%2001-33.9%200l-22.6-22.6a23.9%2023.9%200%20010-33.9l96.4-96.4-96.4-96.4a23.9%2023.9%200%20010-33.9L54.3%20103a23.9%2023.9%200%200133.9%200l136%20136a24%2024%200%2001.1%2034z%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    opacity: 0.33;
    transition: .25s all ease-in;
    top:.95rem;
    max-width:100%;
    width:1em;
    height:1em;
}
.board-tabs > li[aria-expanded="true"]:before, .boards-sub-tabs > li[aria-expanded="true"]:before {
    transform: rotate(90deg);
    top:1.15rem!important;
    left: .5rem!important;
}
.boards-sub-tabs > li[aria-expanded="true"]:before {
    top: 1rem;
}
.boards-sub-tabs {
    margin: .5rem -.25rem -.66rem -1.75rem;
    max-height: 0%;
    display: flex!important;
    opacity: 0;
    transition: .25s opacity ease-in-out;
    }
.boards-sub-tabs.show {
    opacity: 1;
    display: flex!important;
    flex-flow: column;
    max-height: 100%;
    color: #fff;
    /* border-radius: 10px; */
    /* overflow: hidden; */
}
.boards-sub-tabs li {
    font-size: .95rem!important;
    /* padding: .5rem .25rem .5rem 2.5rem!important; */
    transition: .33s all ease-in-out;
    color:#d4ddea;
    width: 100%;
    /* padding: 0; */
}
.boards-sub-tabs .not-active a {
	border:none
}
.boards-sub-tabs li:hover {
    color:#fff;
  /*  background-color: rgb(255 255 255 / 10%); */
}
.boards-sub-tabs li.active {
    background: rgb(33 124 186);
}
.boards-sub-tabs li.folder.active[aria-expanded="true"] {
    background: #375a89;
    padding-bottom: 1.25rem!important;
}
.boards-sub-tabs .boards-sub-tabs {
    margin: .5rem -.5rem 0 -2rem!important;
}

.board-tabs li[aria-expanded="true"] ul.show {
    /* background: rgb(16 55 105 / 50%); */
    /* border-radius: 10px; */
    /* overflow: hidden; */
}


.boards-sub-tabs li {
    background: rgb(26 66 120 / 75%);
}

.board-tabs .dropdown-toggle::after {display:none}
.board-tabs .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    position: absolute;
    left: -1.25rem;
    top: 1rem;
    opacity: 0.33;
}
.board-tabs .dropdown-toggle[aria-expanded="true"]::before {
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    top: 1.25rem;
}
.boards-sub-tabs:not(.show) {
    max-height:0;
    margin:0!important;
}
.boards-sub-tabs .boards-sub-tabs.show {
    /* margin-left: -2.6rem; */
}

.boards-sub-tabs li a {
    padding: .66rem .5rem .66rem 2rem!important;
}

.boards-sub-tabs li {
    /* padding: .5rem; */
}
#LeftMenu a.btn:first-of-type {
    margin: 0 .5rem;
    justify-content: center;
}
#LeftMenu .btn {
   min-height: 44px;
   align-items:center;
   box-shadow: none;
}
#LeftMenu .new-license:last-of-type {
    margin-bottom: 1rem;
}
#NewLicenseLinks li {flex: 1 1 auto}
#NewLicenseLinks a {
    padding: .5rem .5rem;
}
#faq-accordion .panel-default {
    margin-bottom: 1.75rem;
}
#dli-home-news-container {
    border-bottom: 4px solid #DBDBDB;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

#faq-accordion .panel-title {
    background: #f5f5f5;
    border-color: #ddd;
    padding: 0.5rem 1rem !important;
    font-size: 1.3rem;
    margin: auto;
}

#faq-accordion .panel-collapse {
    padding: .5rem 1rem 1rem;
    border: 1px solid #ddd;
}

#faq-accordion p {
    margin: 0;
}
.dli-eventinfo {
    width: 100%;
    overflow-wrap: break-word;
}
.dli-eventinfo .event-date {
    margin-top: -.5rem;
}
.dli-eventinfo .event-categories small {
    font-size: .75rem;
    color: #777!important;
    line-height: normal;
    margin-bottom: .66rem;
}

.menu-button {
    color: #fff;
    font-size: 1.8em;
    height: 4.5rem;
    width: 4.5rem;
    background: #a839a0;
    position: fixed;
    left: 50%;
    bottom: -1.25em;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    float: none;
    padding: 0 0 2rem 0;
    outline: none!important;
    text-align: center;
}
.menu-button:hover, .menu-button:active, .menu-button:focus {
    color: #0ebeff;
}
.menu-button.right {
    left: auto;
    right: -1.75rem;
    bottom: 50%;
    box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.6);
    padding: 0 1.5rem .5rem 0;
}
.menu-button.active {
    background: #709cac;
    color: #202020!important;
    z-index: 1500;
}
#LeftMenu .btn-label {
    display: none;
}
#LeftMenu a.btn:first-of-type:not(.new-license) {
    margin: 0 .5rem;
    justify-content: center;
}
#LeftMenu .btn {
    margin: auto auto .33rem!important;
}
.board_action_btn_wrapper {
    background: #415f88;
    margin-top: -3rem;
    padding: 2rem 1rem;
}
#BoardActionsPane{justify-content: space-between;align-items:baseline;max-width: 850px;}

/* Secondary Page Left Menu */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
	opacity: 0;
    min-width: 240px;
    max-width: 300px;
	padding-bottom:3rem;
    overflow-x: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #3b6296!important;
    overflow-y: auto;
    height: 100vh;
    min-height: 568px;
    width: 50vw!important;
    flex-flow: column;
	animation: fade 2s ease-in-out forwards;
	z-index:1049
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}

#cssmenu a.disabled {
  cursor: pointer;
    z-index: 2;
    font-size: .9rem;
    text-decoration: none;
    color: #ffffff;    
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    padding-left: 2rem;
    box-shadow: inset -0.15rem 0.15rem 0.25rem -0.075rem #1a4278;
    position: relative;
}
#cssmenu a.disabled:after {
    content: '';
    background: #19bee3;
    width: 6px;
    height: 100%;
    display: block;
    position: absolute;
    right: -6px;
    top: 0;
}
#cssmenu li.active {border-right: 6px solid #2f6bb7;}
#cssmenu li.active li.active {border:none!important}
#cssmenu .title > a {
    background: transparent;
}
#cssmenu .open > ul {
    display: block!important;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}

#cssmenu ul li a:hover {
  color: #ffffff;
}

#cssmenu .has-sub:before {
    content: '';
    position: absolute;
    left: .95rem;
    width: 100%;
    height: 100%;
    max-width: 1rem;
    max-height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20256%20512%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M224.3%20273l-136%20136a23.9%2023.9%200%2001-33.9%200l-22.6-22.6a23.9%2023.9%200%20010-33.9l96.4-96.4-96.4-96.4a23.9%2023.9%200%20010-33.9L54.3%20103a23.9%2023.9%200%200133.9%200l136%20136a24%2024%200%2001.1%2034z%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    margin-top: 1rem;
    opacity: 0.5;
    transition: .25s all ease-in;
}
#cssmenu li.open:before {
    transform: rotate(90deg);
    margin-top: 1.19rem;
    left: .6rem;
}
#cssmenu li a:hover, #cssmenu a.disabled {
    background: rgba(255, 255, 255, 0.1);
}


#cssmenu ul li a {
    padding: .95rem 1rem .95rem 2rem!important;
    color: #ddd;
    font-size: .9rem;
}

.accord-open{background:rgba(255, 255, 255, 0.1)}
.accord-open + ul {background:#1a4278;border-bottom: 1px solid #4f72a1;}
.accord-open + ul a {
    padding-left: 3rem!important;
    line-height: 1.5!important;
}
#cssmenu .accord-open {background: #2165bd}

/* Table */
.table td, .table th {padding: .25rem;font-size: .9rem}

.category-page-list-item {
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 2rem;
}
.category-page-list-item:last-child{border:none;}

/* Checkbox */
.checkbox label {
    position: relative;
    display: block;
    padding: 15px 0 15px 35px;
    margin: 0;
    border-top: 1px solid #eee;
    cursor: pointer;
}

.checkbox label input {
    display: none;
}

.checkbox input[type="checkbox"] + span:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 30px;
    font-family: FontAwesome;
    content: "\f096";
    font-size: 2em;
    line-height: 1;
    color: #aaa;
}

.checkbox input[type="checkbox"]:checked + span:before {
    content: "\f14a";
    color: #333;
}

.checkbox label.ng-binding input {
    display: inline-flex;
    margin: 0 6px -1px 0;
}

.dropdown-absolute .dropdown-panel > div {
    background: #ced4da;
    display: none;
}
.label-top + input {
    margin-top: .5rem;
}

/* DLI News */
.dli-news-wrapper h3, .dli-pressrelease-wrapper h3, .newscenter-container h3, .dli-announcements-wrapper h3 {font-size: 1.33rem!important;}

.dli-news-wrapper > div, .dli-pressrelease-wrapper > div, .dli-pub-wrapper > div, dli-announcements-wrapper > div {
    flex: 1 1 50%;
    background: #f9f9f9;
    padding: 8px 15px;
    border-radius: .5rem;
    margin: 0 auto 2%;
    width: 100%;
    max-width: 48%;
}
/* Fix to Calendar edit mode */
.DnnModule-DNN_Events {min-height: 500px;z-index: 99}

/* Tableau Dashboard Tile Hover */
.tile {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	display:flex;
	justify-content:center;
	flex-flow:row wrap;
}

/* Common style */
.tile figure {
	position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    flex: 1 1 31%;
}

.tile figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.tile figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: .9rem;
	text-shadow: 2px 2px 2px #333;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tile figure figcaption::before,
.tile figure figcaption::after {
	pointer-events: none;
}

.tile figure figcaption,
.tile figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.tile figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.tile figure h2 {
	word-spacing: -0.15em;
	font-weight: 400;
}

.tile figure h2,
.tile figure p {
	margin: 0;
}



figure.tile-effect figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0.4;
	-webkit-transform: translate3d(0,10%,0);
	transform: translate3d(0,10%,0);
	font-size:1.5rem;
	font-weight:400
}

figure.tile-effect h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	font-size:1.75rem;
	text-shadow:1px 1px 4px #333;
}

figure.tile-effect figcaption::before,
figure.tile-effect p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.tile-effect p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.tile-effect:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.tile-effect:hover figcaption::before ,
figure.tile-effect:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* envelope icon inside contact us sidebar */
.newsletter-widget .envelope:before {
    position: absolute;
    top: -2rem;
    left: 11rem;
    width: 15rem;
    opacity: 0.075;
    max-height: 15rem;
    transform: rotate(13deg);
    z-index: -1;
}

.logogrid {
  display: grid;
  grid-gap: 1rem;
  grid-auto-flow: column dense;
  grid-auto-columns: auto;
  grid-auto-rows: auto;
  justify-content: center;
  align-content: center;
  justify-items: stretch;
  align-items: stretch;
  background: #f2f2f2;
  padding: 2.5rem 1rem;
}
.logogrid > a > img, .logogrid > img {
  background: #fff;
  padding: 1rem;
  display: grid;
  place-items: center;
  object-fit: contain;
  max-width: 200px;
  height: 100;
}

#countdownClock container {
	border: 4px double lightgray;
}
 #countdownClock .container {
    border-radius: .5rem;
    background: white!important;
    box-shadow: 2px 2px 12px -2px #486894;
    margin: 2rem auto;
}
 #countdownClock li {
    font-weight: 400!important;
}
 #countdownClock li span {
    color: #217cba;
}
 #headline{
    font-size: 2.5rem;
    color: #fff!important;
    border: 2px solid #bfbfbf;
    border-width: 2px 0;
    width: 120%;
    padding: 1rem!important;
    display: inline-block;
    margin: 0 -2.5rem -.5rem!important;
    background: #234a7e;
    border-radius: .25rem;
    box-shadow: 0 25px 15px -15px #999;
}
#countdownClock:after {
    content: 'Time until event';
    display: block;
    font-size: .85rem;
    position: relative;
    margin: 0 auto;
    width: 100%;
    color: #b5b5b5;
    text-align: center;
    bottom: 1rem;
}

/* Media queries */
@media only screen and (min-width:1200px) {
	.row-contain {max-width: 1140px !important;margin-left: auto !important;margin-right: auto !important;}
	.eagle {margin-left:-4% !important;max-width: 20% !important;flex:1 1 auto !important}
}
@media only screen and (max-width:1200px){
	#RightPane.active {position:fixed;top:0;right: 0;z-index: 999999;flex: 1 1 auto!important;bottom:.5rem}
	#RightPane:not(.active) {position:fixed;right: -600rem!important;transition:.5s all ease-in-out}
}
@media only screen and (min-width:992px) {
	.change {max-width: 12vw}
	.apprenticeship-area .card.col-lg-4 {margin-top: -4.25rem}
}
@media only screen and (max-width:992px) {
	.unemployment-rate .btn {padding: .25rem .5rem;font-size: .875rem}
	#BoardActionsPane {max-width:768px}
	#BoardActionsPane .btn {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}
	#cssmenu{
		position: fixed;
		right: 0;
		z-index: 999999;
		flex: 1 1 auto!important;
		bottom: .5rem;}
	#cssmenu:not(.active) {
    position: fixed;
    right: -600rem!important;
    transition: .5s all ease-in-out;
}
}
@media only screen and (max-width:960px) {
	.notifications a {font-size: .6rem;text-align: left;}
}
@media only screen and (min-width:768px) and (max-width:960px) {
	#mainServices button {font-size: .9rem}
	.state-footer {font-size:.8rem}
}
@media only screen and (min-width:768px) {
	.login-area .col-md-3 {
    flex: 1 1 33.33333%;
    max-width: 30%;
}
	.job-search {margin-top:6rem !important}
	.job-search-image {margin-top:-15.33%}
	.job-search .mr-auto {margin-right: 16.66667%!important;}
	.eagle {margin:-7.33rem -1.5% 0 -3%}
	.department-services .btn-group:first-of-type>.btn:not(:first-child) {border-radius:0}
	.department-services .btn-group:last-of-type>.btn:first-child {border-radius:0}
	.department-services .btn-group:first-of-type>.btn:last-child {margin-right: -1px}
	.department-services .btn-group:last-of-type>.btn:first-child {margin-left:-1px}
	.currentPane:before {display: none;top:0;}
	.quicksearch {text-align: left}
}
@media only screen and (max-width:768px) {
	.apprenticeship-area .ban {order: 1}
	a.search.nav-link {
    min-width: 54px!important;
    padding: 0 !important;
}
	#deptServ .department-services .btn-group {
    display: inline-flex;
    flex-flow: row wrap;
}
	#mainServices button, .sorts button {
    display: inline-flex;
    min-width: 49%;
	justify-content: center;
	align-content:center;
	align-items:center;
}
	.currentPane:before {
	border-bottom: 20px solid #1a4279;
    border-top: 0px solid transparent;
	content: "\A";
    bottom: 0;
    transition: all .3s ease-in-out;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: calc(50% - 25px);
    top: -18px;
	} 
	.service-search-icon {width:60%;margin: 0 -1px auto;justify-content: center;align-content: center;align-items: center}
	.quicksearch{text-align: center;font-size: 1rem}
	.sorts button {
	min-width: 25%;
	display: flex;
	}
	.sorts .svgbg {min-width: 15%}
	.sorts button {
	flex: 1 1 auto;
    display: inline-flex;
    text-align: center;
    flex-flow: row nowrap;
    justify-content: center;
	}
	.sorts .btn-dliGreen {margin:-3px 0 0 0 !important}
	.sorts .btn-dliGreen:nth-of-type(2) {border: 2px solid #fff;border-width: 0 1px;}
	.sorts .dropdown {margin-left: auto;border-radius: .25rem;max-width: 600px;}
	.eagle {margin-left: -20px}
	#loginModal.modal {padding:0 .3rem !important}
	#loginModal .modal-title {margin-left: 0;}
	#loginModal .modal-content {height:auto;top:-15px;margin-top:0}
	#loginModal .modal-dialog:before {margin: 0;top: -175px;width: 200px;}
	#loginModal .modal-dialog{max-width:320px;top:205px;margin:0 auto;}
	.job-search-image {margin-bottom: -5.85%;padding-bottom: 43%}
	.job-search h2 {font-size:2.1rem}
	#chevron:before {
		transform:skew(0deg, 12deg);
		top:-9%;
	}
	#chevron:after {
		transform:skew(0deg, -12deg);
		top:-9%;
	}
	.accountgriz {display: flex}
	.accountgriz img {max-width: 500px;margin: 0 auto !important;align-self: center;}
	.department-services .btn-group:first-of-type {margin-right:-1px;}
	.department-services .btn-group:last-of-type {margin-left:-1px;}
	#mainServices button:before {display:none;}
	.grizaccount {align-items:center;margin:0;}
	.accountgriz img {
    position: relative;
    right: auto;
    width: 100%;
	}
	.above-footer:before {-webkit-mask-size: 130% 130%;mask-size: 130% 130%}
	#loginModal .modal-body .btn {margin: auto auto .75rem}
	.animation-element.slide-left.in-view:before {
    padding-bottom: 29%;}
    .state-footer {font-size:.9rem}
    
    #LeftMenu {position:fixed;z-index: 999999;flex: 1 1 auto!important;top:66px;right: -20px;}
	#LeftMenu:not(.active) {position:fixed;right: -600rem!important;transition:.5s all ease-in-out}
	#LeftMenu:before{display:none}
	.boards-sub-tabs li.active:not(.folder):after{display:none}
}
@media only screen and (min-width:576px) {
	.widget-area .card-deck .card{flex:1 1 auto}
}
@media only screen and (max-width:576px) {
    span.dli-div {display:none!important;}
    .jumbotron.contain{background-size:cover!important;}
	.nav-item a {    
	flex: 1 1 auto;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;}
	.menu__breadcrumbs a {font-size:.6rem;padding:0 .25rem}
	.jumbotron h1 {font-size:1.75rem}
	.jumbotron p {font-size:calc(1.125rem - .5vw)}
	.jumbotron.largeImg {margin-bottom: -2vh}
	.notifications a {width:175px;}
	.service-search-icon{width: 60%}
	.apprenticeship-area .card:not(.collapsed)::before{transform: scale(.66)rotate(45deg)!important;}
	.apprenticeship-area h4 {font-size: 1rem}
	.above-footer:before {-webkit-mask-size:185% 218%;mask-size:185% 218%}
	footer .col-6 {min-width: 320px;}
	.job-search-image {
		margin-bottom: -4.05%;
	}
	#navbarSupportedContent a {
    text-align: center;
	width: 100%;
	}
	#navbarSupportedContent .disabled .nav-link {
    background: #2a2d38;
		}
	.list-style {margin:auto;}
	ol.numbered-list {padding-left:0;}
	.department-services .col-auto {
		flex:1 1 185px;
	}
	#mainServices button {
    flex: 1 1 auto;
    margin: auto -1px .5rem;
	font-size: .8rem;
}
	.department-services .btn, .quicksearch {border-radius:0 !important}
	#mt span.rate {padding-left:initial}
	h4 a.link {
    max-width: 10em!important;
    }
    .clive-checkboxes > label, .clive-radiobuttons > label {width:100%;}
    #countdownClock li {
        font-size:4vw;
    }
     #countdownClock li span {
        font-size:10vw;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
	/* Target IOS devices */
	.random-img, .prolicensing{background-attachment:scroll !important}
	.animation-element.fly-left.in-view {animation: none;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	.navbar-brand.apprenticeship-logo:before {max-height: 40px;}
	.col-12 {flex: 1 1 auto !important}
	.random-img{background-attachment: scroll !important}
	.mountains{display: none}
    .montanaWorks:after {opacity:0}
    article .grt,main .grt,section .grt{max-width:760px;}
	.apprenticeship{background-position: center center !important}
	.apprenticeship:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
	background: rgba(85, 94, 16, .8);
	margin:-24px;
	z-index: 0;
	max-height: 400px;
	}
	.card .apprenticeship::before{background:none}
	#mtcounties {
	height: 1px;
	padding-bottom: 57.68%;
	}
	ol.apprenticeship-area li::before {position: relative;left:-3rem}
	#RightPane {top:auto}
	.above-footer:before, footer:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
	background: rgba(76, 70, 73, 0.8);
	margin-left:-15px;
	z-index: 0;
	}
	footer.random-img{background-image: none!important}
}