/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=https://pagecdn.io/lib/normalize/8.0.1/normalize.min.css.map */

/* Assign fonts to Pure div structure */
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] { font-family: "ridley-grotesk-light", "Helvetica Neue", arial, sans-serif; }




/* SAFE TO REMOVE IF ALREADY EMBEDDING THE FONTS ELSEWHERE */

@font-face {
    font-family: 'ridley-grotesk-light';
    src: url('https://www.employers.com/fonts/ridleygrotesk-light-webfont.eot') format('eot'),
         url('https://www.employers.com/fonts/ridleygrotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ridley-grotesk-bold';
    src: url('https://www.employers.com/fonts/ridleygrotesk-bold-webfont.eot') format('eot'),
         url('https://www.employers.com/fonts/ridleygrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* END FONT EMBED */ 


/* Div Modifiers - Float, Etc. */
.frame { margin: 0 auto; padding: 0px; }
.frame-slim { max-width: 1000px; margin: 0 auto; padding: 0px; }
.border-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.clearfix { float: none; clear: both; }
.fixed { position: fixed; overflow: none; }
.flexbox { display: flex; justify-content: center; }
.left { float: left; display: inline; }
.mar-bot-0 { margin-bottom: 0em; }
.mar-bot-025 { margin-bottom: 0.25em; }
.mar-bot-05 { margin-bottom: 0.5em; }
.mar-bot-1 { margin-bottom: 1em; }
.mar-bot-15 { margin-bottom: 1.5em; }
.mar-bot-2 { margin-bottom: 2em; }
.mar-top-0 { margin-top: 0em; }
.mar-top-05 { margin-top: 0.5em; }
.mar-top-1 { margin-top: 1em; }
.mar-top-2 { margin-top: 2em; }
.padding-bot-1 { padding-bottom: 1em; }
.padding-bot-2 { padding-bottom: 2em; }
.padding-top-1 { padding-top: 1em; }
.padding-top-2 { padding-top: 2em; }
.right, .alignright { float: right; display: inline; }
.sans-serif { font-family: 'Helvetica Neue', arial; }
.screen { opacity: .5; filter: alpha(opacity=50); }
.shadow { text-shadow: 1px 1px 4px #000; }
.small-type { font-size: 0.85em; }
.spacer { margin-top: 20px; margin-bottom: 40px; }
.wrap { float: left; margin: 1.2em 20px 20px 0; }
.white { color: #FFF; }

/* Global Base */
body { background-color: #FFF; }
h1, h2, h3, h4, h5, h6 { font-family: "ridley-grotesk-bold", "Helvetica Neue", arial, sans-serif; line-height: 1.1em; color: #003e7e; /*font-weight: 700; margin-bottom: 0.5em; letter-spacing: 0px; color: #000; text-transform: uppercase;*/ }
	#bodyContent h1:nth-of-type(1), #bodyContent h2:nth-of-type(1), #postContent h1:nth-of-type(1), #postContent h2:nth-of-type(1), #bodyContentNoStick h1:nth-of-type(1), #bodyContentNoStick h2:nth-of-type(1) { margin-top: 0; }
	h2, h3 { line-height: 1.1em; margin: 1.6em 0 0.6em 0; }
	ul { margin-bottom: 1.8em; }
p, li, label { font-size: 1em; line-height: 1.4em; color: #3a4445; margin: 0em 0 1.2em 0; }
	p, li, label, table, img.body-img { margin-bottom: 1.2em; }
	p.blueButton { margin-top: 2em; margin-bottom: 3.2em; }

#pageHeader a {padding: 0;}
  #navContain a { color: #003e7e; /* text-decoration: none; */ }
	#navContain a:hover { color: #000; }
  #footerNav ul { margin-top: 1em;}
  #footerNav li { margin: 0 0 1em 0; line-height: 1.4em;}
  #footerNav a { color: #003e7e; /* text-decoration: none; */ }
  #footerNav a:hover { color: #000; }
  #footerNav h6 { font-size: 1.4em; margin: 0; font-family: "ridley-grotesk-bold", "Helvetica Neue", arial, sans-serif;}
  #footerNav h6 > a, #footerNav h6 > a:link, #footerNav h6 > a:hover, #footerNav h6 > a:focus {font-family: "ridley-grotesk-bold", "Helvetica Neue", arial, sans-serif;}
	footer a { text-decoration: none; padding: 0;}
	footer a:hover { text-decoration: underline; }
	#socialIcons a { color: #7d8f92; }
	#socialIcons a:hover { color: #003e7e; }
	
	
hr { margin: 2em 0; border: 1px solid #DDD; }

strong { font-family: "ridley-grotesk-bold", "Helvetica Neue", arial, sans-serif; }

  #searchBar form {
    background-color: transparent;
    border: none; 
    border-radius: 4px;
    padding: 0px;
  }
  
    #searchBar form > input {
    display: none;
  }
  
  #searchBar form > button {
    display: none;
  }

header { background-color: #FFF; position: fixed; top: 0; width: 100% !important; z-index: 2; }
nav { background-color: #FFF; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul li { }
nav ul li a, #searchBar a { text-decoration: none; }
nav ul li a:hover, nav ul li .submenu ul li a:hover { /*color: #999; */ }
nav ul li .submenu { display: none; }
nav ul li .submenu ul li { width: 100%; }
nav ul li .submenu ul li:hover { background-color: #EEE; }
#searchBar a { color: #FFF; }
#searchBar a:hover { text-decoration: underline; }

img { -ms-interpolation-mode: bicubic; }
	img.pure-img { width: 100% !important; }
	
#indexIcons img { width: 200px; height: 200px; }


h4.summary { font-size: 18px; margin: 0; padding: 1em 0; border-bottom: 1px solid #DDD; }
	h4.summary:after { content: '+'; display: inline; float: right; padding: 0em 0.5em; }
	h4.summary .active:after { content: '-'; display: inline; float: right; padding: 0em 0.5em; }
	.details { padding-top: 1em; }



footer { padding: 0em; }
	#footerDisclaimer { background-color: #003e7e; padding-top: 1em; }
	#footerDisclaimer p { color: #FFF; }
	#footerDisclaimer a { color: #FFF; text-decoration: underline; }
	#footerDisclaimer a:hover { color: #aab4bf; text-decoration: none; }



/* Pure Mods */
.pure-g [class*="pure-u"] { padding: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-g [class*="no-pad"] { padding: 0em; }
.pure-g [class*="no-pad-top"] { padding: 0em 1em 0 1em; }
.pure-g [class*="extra-pad"] { padding: 3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-offset-center { margin-left: auto; margin-right: auto; }
.table-u-1-1 { width: 100%; }
.table-u-2-3 { width: 66.66667%; }


/* Phone */

@media (max-width:767px)
{
	.pure-hidden-phone { display: none; }

	body { padding-top: 70px; }
	header { height: 70px; }
	#header-logo { height: 40px; /*margin: 15px 10px 15px 18px;*/ }
	#toggle-button { line-height: 40px; }
	nav ul li .submenu ul li.submenu-header, nav ul li .submenu ul li.submenu-divider { display: none; }
	.columns { -webkit-columns: 50% 2; -moz-columns: 50% 2; columns: 50% 2; }

	h1 { font-size: 2em; }
	h2 { font-size: 1.4em; }

	#socialIcons { padding: 2em 7em; }
	#footerNav ul { padding: 0; margin-bottom: 0em; }
	#footerNav li { list-style: none; }

}

/* Tablet */

@media (min-width:768px) and (max-width:1059px)
{
	.pure-visible-phone { display: none; }
	.pure-hidden-tablet { display: none; }

	body { padding-top: 70px; }
	header { height: 70px; }
	#header-logo { height: 40px; /*margin: 15px 10px 15px 18px;*/ }
	nav ul li .submenu ul li { border-bottom: 0; }
	nav ul li .submenu { padding: 1em; margin: 0 -1em; }
	#socialIcons img { max-width: 200px !important; }
		#socialIcons img#employersLogoFooter { margin-left: auto; margin-right: auto; }

	h1 { font-size: 2.6em; }
	h2 { font-size: 1.8em; }

	#auditSubnav { position: sticky; top: 70px; line-height: 3em; margin-top: -1em; margin-bottom: 1em; }

}


/* Phone + Tablet */

@media (max-width:1059px)
{
	.pure-visible-desktop { display: none; }

	header { /* position: fixed; top: 0; height: 82px; */ }
	#toggle-button { font-size: 2em; }
	#toggle-button a { color: #003e7e; }
  
  #searchBar {
    display: none;
  }
  #searchform {
    display: none;
  }

	nav ul { max-height: 80vh; overflow-y: auto; }
		nav ul li { font-size: 1em; margin: 0; padding: 0 1em; border-top: 1px solid #98b0ca; }
		nav ul li a { line-height: 3em; }
		nav ul li .submenu ul li { font-size: 0.9em; padding-left: 2em; border-top: 1px solid #abc0d6; }
		nav ul li .submenu { padding: 0em; margin: 0 -1em; }
		nav#menu { display: none; float: none; clear: both; position: fixed; top: 70px; left: 0; width: 100%; z-index: 99999; border-bottom: 1px solid #003e7e; }
		nav ul li .submenu { background-color: #d6e5f5; }
		.submenu ul li { border-top: 1px solid #abc0d6; }
		nav ul li.blueMobile { background-color: #003e7e; }
		nav ul li.blueMobileForm { padding: 1em; }
		nav ul#navContain li.blueMobile a { color: #FFF; }


	p.blueButton { margin-top: 1em; margin-bottom: 2.2em; background-color: #003e7e; padding: 10px 18px; border-radius: 6px; text-align: center; }
		.blueButton a { color: #FFF; text-decoration: none; }

}



/* Desktop - All */

@media (min-width:1060px)
{
	.pure-visible-phone { display: none; }
	.pure-visible-tablet { display: none; }
	.pure-hidden-desktop { display: none; }

	body { padding-top: 148px; }

	.inline-anchor:before { display: block; content: ""; margin-top: -150px; height: 150px; visibility: hidden; }
	.inline-anchor-audit:before { display: block; content: ""; margin-top: -200px; height: 200px; visibility: hidden; }
	
	h1 { font-size: 3em; }
	h2 { font-size: 2em; }
	h4 { font-size: 20px; }
  
	#header-logo { height: 60px; /*margin: 10px 20px 10px 18px;*/ }
	.breadcrumb { font-size: 0.9em; color: #717171; margin-top: 2em; margin-bottom: 2em; }
		.breadcrumb a { text-decoration: none; }
		.breadcrumb a:hover { text-decoration: underline; }
	.blueButton a { background-color: #003e7e; color: #FFF; text-decoration: none; padding: 10px 18px; border-radius: 6px; }

	#navContain { float: right; }
		nav ul li { float: left; position: relative; margin: 0; font-size: .85em; line-height: 60px; padding: 0 0 0 3em; }
		nav ul li .submenu { width: 240px; float: left; background-color: #FFF; position: absolute; padding: 2em; top: 60px; left: -100px; z-index: 999999; text-align: left; border: 1px solid #CCC; border-radius: 0 0 4px 4px; background: url('https://www.employers.com/images/bkgrd_blueGradient.jpg') no-repeat top center, #FFF; background-size: contain; }
		nav ul li .submenu ul { padding: 0em; }
		nav ul li .submenu ul li { clear: both; margin: 1.2em 0 0.6em; font-size: 1em; line-height: 1.2em; padding: 0em; }
		nav ul li .submenu ul li.submenuGradient { height: 10px; width: 100%; margin: -2em -2em 0 -2em; background-color: #003e7e; background-image: linear-gradient(to right, #003e7e, #6cbddd); }
		nav ul li .submenu ul li a { /* padding-left: 2em; */ }
		nav ul li .submenu ul a:hover { text-decoration: none; }
		nav ul li #navWorkersComp.submenu { /* width: 340px; */ }

	#shareThis { font-size: 0.75em; text-align: right; }
  
  #footerNav {background: url(https://www.employers.com/images/bg-sub-footer.png)}
	#footerNav ul { list-style-type: none; margin-bottom: 2em; padding: 0; font-size: 0.85em; }
	/*	#footerNav li { margin-bottom: 1em; } */
		#footerNav li:hover { background-color: #EEE; }
		#footerNav h6 { font-size: 1em; border-bottom: 3px solid #003e7e; margin: 1em 0 0.5em; padding-bottom: 0.25em; }

}


/* Desktop - Medium */

@media (min-width:1060px) and (max-width:1279px)
{
	.frame { max-width: 1060px; }
}

/* Desktop - Large */

@media (min-width:1280px) and (max-width:1339px)
{
	.frame { max-width: 1260px; }
}

	@media (min-width:1280px)
	{
	.feature_1200_300 { width: 1200px; margin: 2em auto; }
		.feature_1200_300 img { width: 1200px; height: 300px; margin-bottom: 10px; }
	}

/* Desktop - XL */

@media (min-width:1340px)
{
	.frame { max-width: 1310px; }
}

/* Misc Styles */
.blocker { z-index: 999 !important; }
.modal { border-radius: 4px !important; max-width: 650px !important; }

.hs-button { 
	display: inline-block;
    margin: 10px 0 0 0;
	color: #fff;
	background-color: #003e7e;
	border-color: #003165;
    padding: 5px 12px;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid transparent;
}