/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;

}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* ===============  Default Adjustments  =============== */

body { }

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
  max-width: none !important;
}

p { margin:0 0 1em 0; line-height:1.75;}

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden,
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:focus, .visually-hidden:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.skip { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.skip:focus, .skip:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}

.a11y-instructions:focus {position:fixed; top:0; left:0; width:100%; background:#1f3b62; color:#fff; padding:10px; border:1px dashed #fff; text-align:Center; z-index:1001;}
.a11y-instructions p:last-child {margin:0px;}

.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}
.hidden     { display: none!important; }
.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.important { color:red; font-weight:bold; text-transform:uppercase; }



/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note {font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }

/* GOOGLE MAP IMAGES */
.gm-style img {
  max-width: initial !important;
  height: initial !important;
}

/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#B22622; text-decoration:underline; font-weight:500;}
a:hover, a:active, a:focus { color:#B22622; text-decoration:none;}
a:active, a:focus { outline:1px solid #78aeda; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }

/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }

svg.icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;}

/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
    display: none;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px #78aeda;
    transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}

#focus-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
    transition: all 0.1s ease-out;
}

#focus-overlay.focus-overlay-active {
    display: block;
}

#focus-overlay.focus-overlay-animating::after {
    opacity: 1;
}

.focus-overlay-target {
    outline: none;
}

.skip a { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; text-align:center;}
.skip a:focus {position:static; width:auto; height:auto; background:#444444; color:#ffffff; font-weight:bold; display:block; padding:10px;}


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
html, body {overflow-x:hidden; color:#222;}
body {background:#f6f8fa; font-family: 'Roboto', sans-serif; height: 100vh;}
.container { }
.site-body { padding:20px 0 30px; background:#f6f8fa; position: relative;}
.site-body:before{content:''; position: absolute; z-index: 1; left: 0; top: 0; width: 0px; height: 0px;overflow: hidden; display: block; opacity: 0;background-color: #000000; transition: opacity 400ms ease, right 0ms ease 1000ms, bottom 0ms ease 1000ms, width 0ms ease 1000ms, height 0ms ease 1000ms;}


.page-bkgd {background:#fff; padding:30px 5% 15px; border-radius:5px; border:1px solid #eef1f5; overflow:hidden;}

body.search-active .outer-container .site-body:before{right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.75;
    transition: opacity 400ms ease, right 0ms, bottom 0ms, width 0ms, height 0ms;}

@media only screen and (min-width:48em){
  .page-bkgd {padding:40px 5% 30px;}
  .site-body { padding:30px 0 60px;}
} 
/* ==========================================================================
   Typography
   ========================================================================== */

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

.hdng {margin:0 0 1em;}
.hdng2 {}

/* ==========================================================================
   Layouts
   ========================================================================== */

.table-layout {}
.table-layout .table-cell {background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.table-layout .table-cell .inner {padding:10px; }
.table-layout.with-overlay .table-cell {padding:10px;}
.table-layout.with-overlay .table-cell .inner {background:rgba(255,255,255,.7); padding:20px; }
.table-layout .table-cell img.set-as-background {display:none;}



/* ==========================================================================
   Global Modules - Most modules use the same setup and changing below changes each one. 
   If global, change here, if specific, change via events.css, news.css etc. 
   ========================================================================== */

.mod { position: relative; margin:0 0 1em;}

.title { position: relative; margin: 0 0 1em; }
.title a {text-decoration:none;}
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }

.mod-head {position:relative;}
.mod-head .title {}
.mod-head .more {position:absolute; right:0px; top:0px;}

.mod-content {}

.mod-rail {border:1px solid #dddddd; }
.mod-rail .mod-head {background:#eeeeee; border-bottom:1px solid #dddddd;}
.mod-rail .mod-head .title {padding:10px; margin:0;}
.mod-rail .mod-content { padding:10px;  font-size:.875em;}
.mod-rail .more {border-top:1px solid #dddddd;}
.mod-rail .more a {display:block; background:#eeeeee; padding:10px; text-decoration:none; text-align:center;}
.mod-rail .more a:hover,
.mod-rail .more a:focus {background:#dddddd;} 

/* Item Lists Content
   ========================================================================== */

.item-list { 
  margin:0; 
  padding:0; 
  list-style:none; 
}

.item { 
  padding: 1em 0; 
  border-top: 1px solid #ccc; 
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {display:table-cell;}

.content .title { margin:0; }
.item-list .content p { margin: 0; }
.content .date { font-size:0.85em; margin:0 0 5px; display:block;}


/* Item Media
   ========================================================================== */

.aside {
  text-align:center;
  padding:0 0 10px;
}

.aside.date-icon {
  display: table-cell;
  padding: 0 15px 0 0;
}

.date-icon .date {
  border:1px solid #888;
  background:#888;
  font-weight:bold;
  text-align:center;
  width:50px;
}
.date-icon .date .month {
  font-size:.875em;
  padding:5px;
  color:#fff;
}
.date-icon .date .day {
  padding:10px 5px;
  background:#fff;
}

.caption {
  display: block;
  font-size: 0.8em;
  line-height: 1.2em;
}


/* Media Queries for Item Lists 
  ========================================================================== */


@media only screen and (min-width:30em){
  
  .item { 
    display: table;
    padding: 1em 0; 
    width: 100%;
    border-top: 1px solid #ccc; 
  }
  .item > .content {
    display: table-cell;
    width: 100%;
    vertical-align: top;
  }
  .aside { 
    display: table-cell;
    padding: 0 15px 0 0; 
  }
    .aside img {
        max-width:80px !important;
    }

}

@media only screen and (min-width:48em) {

    .item .item-block {
        display: table-cell;
        vertical-align: top;
        padding:0 10px 0 0;
    }
    .item .item-block:last-child {padding:0;}
}


/* News
   ========================================================================== */

.article > .aside {
  float:right; 
  margin: 1em;
}

.meta{
  margin:0.5em 0;
}

.meta > div {
  float: left;
}

.meta .social-tools{
  float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{

  margin:0 0 1em;
}

.filter-options{
  float: left;
}

.filter-actions{
  float: right;
}

.filter .btn {margin-bottom:10px;}


/* Pagination
   ========================================================================== */

.paging {
  
}

.sort-status {
    font-size:.875em;
    margin:0 0 1em;
}

.paging-results { 
  float: left;
}

.paging-list {
  float: right;
}

.paging-list ul {
  display: block;
  padding: 0;
  margin: 0;
}

.paging-list li{
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid #002B40;
  border-left-width: 0;
  float: left;
}

.paging-list li:first-child{
  border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
  display: block;
  min-width: 30px;
  padding: 2px 5px;
  text-align: center;
}

.paging-list li a {
  /* Link State */
}

.paging-list li span {
  /* Current Page State */
}

.paging-list li.disabled { 
  display: none;
}

.paging-list li.disabled+li { 
  border-left-width: 1px;
}

.paging-list li.disabled+.all {
  border-left-width: 0;
}




/* ==============================================================
   GLOBAL STYLES 
   ============================================================== */

/*--- where is this used at? ----*/
.alert {    
  overflow:hidden;
  border: 1px solid #FE0000; 
  margin: 1em 0;
  padding: 10px;
  min-height: 50px; 
  color: #000;
  background-color: #FEFF99;  
}
.alert a { color:#000; }

.bdr        { border:1px solid #555244; padding:1px; background-color:#a7a496; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate  {background-color: #d8d8d8;}
.row    {background-color: #ffffff;}


/* ##  Error Markers  ## */
   
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}

 
/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.generic-pager {margin:0 0 1em;}
.generic-pager ul {list-style-type: none; margin:0; padding:0;}
.generic-pager li {display:inline-block; margin:0 2px; font-size:1em; font-weight:bold; border-radius: 2px;}
.generic-pager li a {display:inline-block; color:#113363; padding:6px 10px; background:transparent; text-decoration:none; border-radius: 2px;}
.generic-pager li a:hover, .genericPager li a:focus { color:#FFFFFF; background:#b22622; text-decoration:none;padding: 10px; }
.generic-pager li.nolink {color:#fff; background:#444444; padding:10px;}
.generic-pager li.active {color:#fff; background:#b22622; padding:10px;}
.generic-pager li.pg-next,
.generic-pager li.pg-previous{font-size: 2em; position: relative; top: 5px; margin: 0;}

.generic-pager li.pg-next a,
.generic-pager li.pg-previous a{padding: 0 10px;}

/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.site-overlay {
  position:relative;
  max-width:800px;
  margin:0 auto;
  background:#ffffff; 
  overflow:hidden;

    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.site-overlay .overlay-content {padding:15px;}


/* Legacy Overlay */
.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
   MODULE STYLES - No Specific home for these yet
===================================================================*/

.breadcrumb-container {background: #f6f8fa; /* border-bottom:1px solid #ddd; */ padding:10px 0;}

/* ##  Breadcrumb  ## */

.breadcrumbs { padding:0; font-size:.8em; display:none;}
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; color:#4C4C4C;}
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }
/* .breadcrumbs .seperator {margin:0 8px; vertical-align:middle; padding:0px; display:inline-block; width:0px; height:0px; border-left:6px solid #aaa; border-top:5px solid transparent; border-bottom:5px solid transparent;} */
.breadcrumbs .seperator {margin:0 8px; vertical-align:middle; padding:0px; display:inline-block; width:6px; height:6px; border-right:1px solid #4C4C4C; border-bottom:1px solid #4C4C4C;
  -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
.pagetool-wrapper{ display: flex; align-items: center; }
.pagetool-wrapper .page-tools{width: 10%; margin-left: auto; display: none;}
.page-tools .social-media a{padding: 0 3px}
.page-tools .social-media a svg{ fill: #113363; font-size: 1.25em;}

@media only screen and (min-width:48em){
  .breadcrumbs {display:block;} 
  .pagetool-wrapper .page-tools{display: block;}
}

/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.page-tools-wrapper {float:right; display:inline; padding:0; text-align:right;}

.page-tool { margin:0 5px 0; font-size:0.875em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.page-tools-wrapper  a { float:right; display:inline;  }
.page-tools-wrapper  a:hover,
.page-tools-wrapper  a:focus,
.page-tools-wrapper  a:active {color:#1C4E87;}

.page-tools-wrapper  .addthis_toolbox { float:right; display:inline; }
.page-tools-wrapper  .addthis_toolbox a,
.page-tools-wrapper  .addthis_toolbox a:link,
.page-tools-wrapper  .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

/* ## Page Heading ## */

.page-heading { margin-bottom:5px; }
.page-heading .title, 
.page-heading h1 { margin:0; padding:0 0 20px; font-size:30px; font-weight:bold; background:none; border:0; color:#222222; }
.section-heading h1{font-size:1.5em; margin:10px 0;}

@media only screen and (min-width:48em){
  .page-heading { margin-bottom:0; }
  .page-heading .title, 
  .page-heading h1 {font-size:40px;}  
  .section-heading h1{font-size:2em;} 
} 
@media only screen and (min-width:75em){
  .page-heading .title, 
  .page-heading h1 {font-size:50px;}  
} 


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }


/* ## FAQ ## */

.faq-wrapper {}
.faq-wrapper h2 {}
.faq-wrapper .category-header {}
.faq-wrapper .question-list {list-style-type:none; padding:0px; margin:0 0 20px 10px; position:relative;}
.faq-wrapper .question-list:before {position:absolute; content:''; height:100%; width:1px; left:0; top:-10px; background:#ccc;}
.faq-wrapper .question-list li {position:relative; padding:0 0 0 20px;}
.faq-wrapper .question-list li:before {position:absolute; content:''; width:10px; height:1px; left:0; top:10px; background:#ccc;}
.faq-wrapper .faq-block {}

/* =================================================================
                  Carousel STYLES - Slick
===================================================================*/


.carousel {margin-bottom:20px !important; }
.carousel .carousel-item {padding:0 10px;}
.carousel .slick-prev,
.carousel .slick-next {position:absolute; bottom:0px;}
.carousel .slick-prev {left:0px;}
.carousel .slick-next {right:0px;}

.carousel .slick-dots {margin:10px 0 0; padding:0px; list-style-type:none; text-align:center;}
.carousel .slick-dots li {display:inline-block; margin:0 2px;}
.carousel .slick-dots li button {text-indent:-9999em; text-align:left; display:block; width:12px; height:12px; padding:0px; background:#dddddd; border:1px solid #cccccc; -webkit-border-radius: 20px; border-radius: 20px;}
.carousel .slick-dots li.slick-active button {background:#aaaaaa;}



/* =================================================================
                  Responsive Tabs
===================================================================*/


.tab-module {}


/* Tabs container */
.r-tabs {
  position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  background:#cccccc;
  border:1px solid #cccccc;
  border-bottom:0px;
  position:relative;
  bottom:-1px;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  background:#ffffff;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
  border:1px solid #ccc;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  background:#cccccc;
  border:1px solid #cccccc;
  border-bottom:0px;
  position:relative;
  bottom:-5px;
  margin:0 0 4px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {position:absolute; content:''; right:10px; top:15px; border-top:10px solid #aaaaaa; border-left:9px solid transparent; border-right:9px solid transparent;}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background:#ffffff;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {border-top:0px; border-bottom:10px solid #aaaaaa; border-left:9px solid transparent; border-right:9px solid transparent;}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}




/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
  * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  body{height: auto!important}
}


/* ## Button Styles ## */

.btn-wrapper { display:inline-block; text-decoration:none !important; }
.btn, a.btn { display:inline-block; margin:0; padding:17px 25px; font-weight:800; color:#fff; background:#b22622; border:0; text-align:center; text-decoration:none; cursor:pointer; overflow:visible; font-size:14px; font-family: 'Raleway', sans-serif; text-transform:uppercase; border-radius:4px;}
.btn:hover,
.btn:focus {background:#333;}

.btn-alt {}
.btn-alt .btn{color:#333; background-color:#cccccc ; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}


.btn-large .btn {padding:5px 10px; font-size:1.4em;}

.btn-full-width {display:block;}
.btn-full-width .btn {display:block; padding-left:0; padding-right:0; }
.btn-full-width input.btn { width:100%; }

.btn.transp {padding:16px 25px; border: 1px solid #113363; background:transparent; color:#113363;}
.btn.transp:hover,
.btn.transp:focus {background:#333; color:#fff;}

/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btn-wrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }

/*  Flex Pre defined styles */

.flex-div{display: flex;}
.flex-center{align-items: center; justify-content: center;}
.flex-top{align-items: flex-start;}
.flex-content-top{justify-content:flex-start;}
.flex-content-bottom{justify-content: flex-end}
.flex-direction-row{flex-direction: row;}
.flex-direction-column{flex-direction: column;}
/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}





/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.table-wrapper {overflow:auto; }
.data-table {
  widtH:100%;
  display: table;
  border-collapse:collapse;
  margin-bottom:20px;
}
.data-table tr:nth-child(odd) {background:#e6e6e6;}
.data-table th {background:#888888; padding:6px 15px; font-size:1em; border:1px solid #888; border-bottom:2px solid #555555; color:#fff;}
.data-table th a {color:#fff; text-decoration:underline;}
.data-table td {vertical-align:top; padding:6px 15px; border:1px solid #E1E1E1;}
.data-table td td {border-style:none;}


/* ## NEW Limit Text Box ## */

.limitTextBox {width:100% !important; margin:0 0 1em;}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; }
.limitTextBoxBarWrpr {
  width:100%;
  border:0px solid #000;
  overflow:hidden;
  font-size:9px;
  color:#000;
  white-space:nowrap;
  height:5px;
  background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { vertical-align:top; margin:0px !important;}
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }

/* Global Home page styling */

span.headspan{color:#113363; font-weight:600; padding: 10px 0; display: block; line-height: 1.5em; font-size: .9em;}
a.view-more{text-decoration: none; font-weight: 600; color: #B22622; text-decoration: none; display: block;}
.recent-activity{margin-bottom: 20px;}
.whitebg-border{background: #fff;  border: 1px solid #ededed; padding: 20px 10px; position: relative;}
.whitebg-border h2,
.whitebg-border h3{margin:0 0 20px 0; font-size: 1.5em;}
.whitebg-border h3{display: inline-block;}
span.spanhead{color: #B22622; font-size: .9em; font-weight: bold;}

.employee-salary .es-inner input[type="text"]:-webkit-autofill,
.employee-salary .es-inner input[type="text"]:-webkit-autofill:hover, 
.employee-salary .es-inner input[type="text"]:-webkit-autofill:focus, 
.employee-salary .es-inner input[type="text"]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


/*  Employee Salary Search files */

.employee-salary{background: #113363; padding:20px 10px; color: #ffffff;}
.employee-salary > h1{font-size: 1.25em; font-weight: bold; display: block; margin: 10px 0;}
.employee-salary .es-inner{color: #888888; background: transparent; display: flex; align-items: center; border-radius: 5px; margin: 15px 0;  flex-direction: column;}
.employee-salary .es-inner label{font-weight: bold;}
.employee-salary .es-inner input[type="text"]{border: none; color: #000000; width: 85%; padding: 12px 10px; background:white;}
.employee-salary .es-inner .es-find,
.employee-salary .es-inner .es-near{width: 100%; position: relative; background: #fff; margin: 5px 0; border-radius: 5px; padding: 8px 10px;}
.employee-salary .es-inner .es-near{display: flex; align-items: center; padding: 0 0 0 10px;}
.employee-salary .es-inner .btn{background-image: url(/cms/images/svg/search-white.svg);background-size: 22px 22px; background-repeat: no-repeat;background-position: 50% 50%; margin: 5px; border-radius: 0px 5px 5px 0px; margin: 2px; padding: 19px 30px;}


/* Home page Recent Activity Page */
.homepage-activity{display: flex; flex-direction: column; align-items: flex-start;}
.hp-left, .hp-right{width: 100%;}
.activity-wrapper{display: block; align-items: center; }
.activity-wrapper .activity{margin-bottom: 20px;}
.recent-activity a{display: inline-block; text-decoration: none; }
.clips-opinion{ margin: 25px 0; }
.exclusive-clips{margin-bottom: 20px;}
.exclusive-clips a{display: block; text-decoration: none;}
.clips{margin-bottom: 10px;}
input::-webkit-calendar-picker-indicator {
  display: none;
}
.clips-wrapper .clips > a{display: block; position: relative;}
.clips-wrapper .clips > a img{width: 100%;}
.clips-wrapper .clips > a img.ytb-icon{position: absolute; width: 15%; left: 0; right: 0; top: 25%; margin:0 auto;}
.opinion{display: flex; flex-wrap:wrap; margin-bottom: 10px;}
.opinion > span{width: 100%;}
.opinion .op-left a{text-decoration: none;}
.opinion .op-left span{padding:7px 0;}
.opinion .op-left{width: 85%;}
.opinion .op-right{width: 15%; position: relative; top: -15px;}
.opinion .op-right img{width: 100%!important; border: 1px solid #ccc;}
.all_news .opinion .op-right img{border-radius: 0;}
.news-headlines{padding: 10px; background: #fff; border: 1px solid #ededed;}
.news-headlines h2.featured-h{margin: 0; padding: 20px;}
.featured-item .featured-image{position: relative;}
.featured-item .featured-image > a{display: block;}
.featured-item .featured-image img{width: 100%;}
.featured-item .featured-image h2{color: #fff; display: inline-block; font-size: 1.25em; 
  background: rgba(17, 51, 99, .85); position: absolute; left: 0; bottom: 0; padding: 20px; 
  margin:0 }
.featured-interior .featured-item .featured-image img{width: auto; text-align: center;}
.featured-interior .featured-item .featured-image > a{text-align: center;}
.featured-interior .featured-item .headline {padding: 15px;}
.featured-interior .featured-item .headline h2{font-size: 1.25em}
.featured-item .headline h2{color: #113363; margin: 10px 0 10px 0; }
.featured-item .headline h2 > a {text-decoration: none; color: inherit;}
.other-featured{padding: 0px;}
.other-featured .opinion{justify-content: space-between; align-items: flex-start; margin-bottom: 40px;}
.other-featured .opinion .op-right{ width: 43%; position: relative; top: -15px;}
.other-featured .opinion .op-left{ width: 55%; }
.other-featured p{font-size: .9em;}
.news-headlines .view-more{margin: 20px; display: inline-block; float: right;}
/*  Featured News Section Home Page */
.featured-salaries, .featured-maps, .featured-reports{margin: 20px 0;}
/*  Featured Items interior */
.featured-interior{display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}
.featured-interior .featured-item{width: 100%; border: 1px solid #ededed; margin: 30px 12px;}
.other-featured .featured-right .opinion .op-left span{color: #000; font-weight: 300;}
.other-featured .featured-right .opinion .op-left span.spanhead a{color:#113363}
/* About us page */

.page-bkgd h1{text-align: center; font-size:2.25em; color: #113363;}
.page-bkgd h3{font-size:1.5em;text-align: center; color: #113363;}
.about-us-graphic{background: #000; border-radius: 10px; color: #ffffff; display: flex; flex-direction: column; text-align: center;}
.about-us-graphic:nth-child(2n){background: #F6F8FA; color: #113363;}
.about-us-graphic img{ order: 2; border-radius: 0 0 10px 10px; }
.about-us-graphic .about-image-content{padding: 25px 40px;}
.about-us-graphic .about-image-content h2,
.about-us-graphic .about-image-content h4{font-size: 1.25em; }
.about-us-graphic span{color: #C1C1C1; font-style: italic; font-weight: 400; font-size: .8em;}

.about-us{margin: 40px 0; text-align: center;}
.about-us > h3{font-size: 1.25em; display: block; text-align: center;}
.about-us-inner{flex-direction: column;}
.about-us-inner  h3{font-size: 1.25em; display: block; text-align: center;}
.about-us-inner a.view-more{text-align: center; margin: 25px 0;}

.about-wide{margin:50px -10px; flex-direction: column;}
.about-wide .contact{flex-direction: column; text-align: center;  background-color: #0D2D3D; color: #ffffff;}

.about-wide .contact .contact-div-left{padding: 35px 0; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
.about-wide .contact .contact-div-right{padding: 35px 0;}
.about-wide .contact .contact-div-right .flex-div{flex-direction: column; align-items: center;}
span.contact-title{text-transform: uppercase; display: block;}
span.contact-head{font-weight: 600; display: block; padding: 5px 0;}
.about-wide .contact p{line-height: 1.5em; font-weight: 300;}
.about-wide .contact span > a {color: #fff; padding: 10px 0;}
.about-wide .contact .teams{padding:25px 0; }
.about-wide .contact .teams span > a{ display: block; padding: 0px 10px; text-decoration: none;}
.about-wide .contact .teams > a{padding: 5px; display: inline-block;}


.result_chart{/* background:#f9f7f7;  */padding: 10px; }
.map-instructions {margin-bottom: 20px;}
.map-instructions h1{font-size: 1.5em; color: #113363; margin: 10px 0; }
#google_map {width: 100%;height: 800px; background-color: #113363; }
.google-map{position: relative;margin: 40px -5.5% 30px;}
.google-map .map-selections{position: absolute; top: 0; width: 100%; background:#113363; padding:10px; color: #ffffff; display: flex; align-items: flex-end;justify-content: space-between; flex-direction: column;}
.google-map .map-selections select::-ms-expand { display: none;}
.google-map .map-selections .location-type,
.google-map .map-selections .location-zip{display: flex; flex-direction: column; }
.google-map .map-selections .location-type select{background-color: #fff!important;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%)!important;
	background-repeat: no-repeat, repeat!important;
	background-position: right .7em top 50%, 0 0!important;
	background-size: .65em auto, 100%!important;}
.google-map .map-selections .location-type{width: 100%;}
.google-map .map-selections .location-zip{width: 100%}
.google-map .map-selections #idButton{width: 100%; margin-top:10px;}


.google-map .map-selections .location-type label,
.google-map .map-selections .location-zip label{font-weight: 600; font-size: 1.15em; margin: 10px 0;}


.google-map .map-selections .location-type select,
.google-map .map-selections .location-zip input {padding: 15px; border:none; background:#ffffff; border-radius: 5px;  font-weight: bold; width: 100%; -webkit-appearance: none;line-height: 25px}

.google-map .map-selections .location-type select{padding: 15px 25px 15px;}

.google-map .map-Zoom {position: absolute; top: 300px; left: 10px; display: flex; flex-direction: column; z-index: 5}
.google-map .map-tools{position: absolute; top: 300px; right: 10px; display: flex; flex-direction: column; z-index: 5; width: 100%; max-width: 225px;}
.google-map .map-Zoom button{border: 0; background: #b22622; padding: 10px 12px; width: 40px; height: 40px;}
.google-map .map-Zoom #zoomInButton{border-bottom: 1px solid transparent; border-radius: 5px 5px 0 0; margin-bottom: 2px;}
.google-map .map-Zoom #zoomOutButton{border-radius: 0px 0px 5px 5px;}
.google-map .map-Zoom button svg{fill: #ffffff;}
.google-map .map-tools .map-type,
.google-map .map-tools .map-heat {display: flex; margin-bottom: 5px;}
.google-map .map-tools .map-type > button,
.google-map .map-tools .map-heat > button{width: 50%; border: 0;}

.google-map .map-tools button{background: #fff; color: #113363; padding: 10px; text-transform: uppercase; font-weight: 500;}
.google-map .map-tools button.active{background: #b22622; color: #fff; padding: 10px;}

.google-map .map-tools .map-type button:first-of-type,
.google-map .map-tools .map-heat button:first-of-type{border-radius: 5px 0 0 5px}

.google-map .map-tools .map-type button:last-of-type,
.google-map .map-tools .map-heat button:last-of-type{border-radius: 0 5px 5px 0px}

.google-map .map-tools .map-type > button,
.google-map .map-tools .map-heat > button{width: 50%; border: 0;}

.google-map .map-logo{position: absolute; bottom: 20px; left: 20px}
.map-widget{display: flex; flex-direction: column; margin-bottom: 50px;}
.map-widget > div{width: 100%;}
.map-widget ul{list-style: none; margin:0; padding:20px 0;}
.map-widget li{line-height: 1.5em;}
.map-widget h2, .map-widget h3{text-align: left;}
.map-widget textarea{width: 100%; background:#f6f8fa; border-radius: 5px; padding:20px; border-color: #cccccc; color: #848484; font-size: 1.15em;}

.gm-style-cc { display:none; }

.employer-detail-table{width: 100%; text-align: left; margin: 25px 0; border: 1px solid #ccc; border-radius: 10px;}
.employer-detail-table th, .employer-detail-table td{padding: 20px; border-right: 1px solid #ccc;}
.employer-detail-table tr:nth-of-type{odd}{background:#f7f8fa;}
.employer-detail-table th{background: #113363; font-size: 1.1em; font-weight: bold; color: #ffffff}
.employer-detail-table th > a{text-decoration: none; color: #ffffff; background: url('/cms/images/svg/move-up.svg') no-repeat; background-position: 100% 100%; background-size: 20px; display: block; padding-right: 25px;}


.employer-detail-table tr:nth-child(even){background: #eef2f5}
.employer-detail-table.watch-table td > a{display: block; text-decoration: none; display: block;}

.employer-detail-table.watch-table td > a img{width: 60px!important; margin-right: 10px;}
.donation-form{width: 100%; display: flex; align-items: center; flex-direction: column;}
.donation-form input,
.donation-form select{padding: 10px 20px; border: 0; border-radius: 5px; margin: 10px; }
.donation-form .donation-mailaddress{width: 100%;}
.donation-form .donation-address,
.donation-form .donation-billing,
.donation-form .donation-payment{border: 1px solid #b22622; padding: 10px; margin: 10px 0; width: 100%;}
@media only screen and (max-width:30em){
  .donation-form table{position: relative;}
  .donation-form table td{display: block; text-align: left;}
  .donation-form table td.fieldlbl{margin: 0 15px;}
  .donation-form table td.fieldreq{position: absolute; top: -20px; left: -5px; }
  .donation-form input, .donation-form select{width: 80%;}
}

@media only screen and (max-width: 60em){
  .imageset{display: block; width: 100%; background:none!important; width: 100%;}
  .imageset img{display: block; width: 100%;}
  .maptable-wrapper{width: 100%; overflow-x: scroll;}
}

@media only screen and (min-width:48em){
  .featured-interior{flex-direction: row;}
  .featured-interior .featured-item{width: 48%;} 
  .result_chart{padding: 50px;}
  .map-widget{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
	.map-widget .widget-left{width: 55%;}
	.map-widget .widget-right{width: 35%;}
	.page-bkgd .map-widget h2{font-size: 1.5em; font-weight: bold;}
	.page-bkgd .map-widget h3{font-size: 1.25em;}
	.map-widget p, .map-widget ul{font-size: .9em;}

}

@media only screen and (min-width:60em){
   .page-bkgd h1{font-size: 3em; text-align: left}
   .page-bkgd h3{font-size: 2.5em;}
   .about-us-graphic{margin: 50px 0; flex-direction: row; text-align: left;}
   .about-us-graphic .about-image-content{width: 50%; order: 2; border-radius: 0 10px 10px 0; padding: 50px;}
   .about-us-graphic .about-image-content h2, .about-us-graphic .about-image-content h4{position: relative;}
   .about-us-graphic .about-image-content h2:before,
   .about-us-graphic .about-image-content h4:before{content: "\201C";color: #b22622; font-size: 1.75em; position: absolute; left: -15px; top: -45px; font-family: sans-serif; }
   .about-us-graphic img{width: 50%;order: 1; border-radius: 10px 0 0 10px;}
   .about-us-graphic .about-image-content h2{font-size: 2em;}
   .about-us-graphic:nth-child(2n) .about-image-content{width: 100%;}
   .about-us-graphic:nth-child(2n) .about-image-content h4{font-size: 2em;}
   .about-us-graphic span{font-size: 1em;}
   .about-us-inner{flex-direction: row;}
   .about-us-inner > h3,
   .about-us > h3{font-size: 2em;}
   .about-wide{margin:50px 0px; flex-direction: row;}
   .about-wide > img{width: 50%;}
   .about-wide .contact{width: 50%; text-align: left;}
   .about-wide .contact .contact-div-left,
   .about-wide .contact .contact-div-right{display: flex; justify-content: center; flex-direction: column; margin: 0 50px;}
   .about-wide .contact .contact-div-right .flex-div{flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 10px;}
   .about-wide .contact .contact-div-right .flex-div img{border-radius: 50%;}

   .about-wide .contact .teams span > a{padding: 0;}
   .about-wide .contact .contact-div-right{}
   .about-wide .contact .teams{padding:5px 25px; }
   .about-wide .contact .teams > a{padding: 5px 0 0 0;}
   span.contact-title{font-size: .9em; margin-bottom: 10px;}
   span.contact-head{font-size: .9em;}

   .google-map .map-selections{flex-direction: row;}
   .google-map .map-selections .location-type{width: 60%;}
   .google-map .map-selections .location-zip{width: 20%}
   .google-map .map-selections #idButton{width: 15%;} 

   .google-map .map-tools .map-type, 
   .google-map .map-tools .map-heat{display: flex; margin-bottom: 10px;}

   .google-map .map-Zoom {top: 200px; left: 40px;}
   .google-map .map-tools{top: 200px; right: 40px;}

   .google-map .map-selections{padding: 30px;}
   .donation-form{flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
   .donation-form-table{width: 100%;}
   .donation-mailaddress{width: 100%; display: flex; justify-content: space-between;}

   .donation-payment{width: 48%;}
   .donation-form td.fieldpad{width: 55%;}
   .donation-form td.fieldlbl span{width: 100%; display: block;}

   .donation-form .donation-address,
   .donation-form .donation-billing{width: 48%}
   .donation-form .donation-payment{width: 100%;}

  .imageset{display: block; width: 50%; background-size: cover; background-position: center;}
  .imageset img{display: none;}

   .donation-form .donation-address td.fieldlbl{width: 7%;}
   .donation-form .donation-billing td.fieldlbl{width: 20%;}
   .donation-form .donation-payment td.fieldlbl{width: 10%;}

}





@media only screen and (min-width:65em){

 .featured-interior .featured-item{width: 23%;}
 
}


@media only screen and (min-width:85em){
  .about-wide .contact{flex-direction: row;}
  .about-wide .contact .contact-div-right{width: 60%;}
  .about-wide .contact .contact-div-left{border-right: 2px solid #fff; border-top: 0; border-bottom: 0; width: 40%; }
  .about-wide .contact .contact-div-right,
  .about-wide .contact .contact-div-left{padding: 0 50px; margin: 40px 0;}
 
}


/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {  
  .page-tools-wrapper {display:none;}
  
  .responsive-table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display:block;
    width:100%;
  }

  .responsive-table tr {border:1px solid #E1E1E1;}
  .responsive-table th {display:none;}
  .responsive-table td {border-style:none;}
    
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em){

    /* Content and layout modifiers */
    .d-align-right {text-align:right;}
    .d-align-left {text-align:left;}

    /* ==========================================================================
       Layouts
   ========================================================================== */

    .table-layout {display:table; width:100%; table-layout:fixed;}
    .table-layout .table-cell {display:table-cell; vertical-align:middle;}
    .table-layout .table-cell .inner {display:inline-block; width:100%; max-width:40em; /* half of container width */}
    .table-layout .table-cell:first-child {text-align:right;}
    .table-layout .table-cell:first-child .inner {text-align:left;}

    .table-layout.full-width .table-cell .inner {max-width:2000px;}
    .other-featured{padding: 10px;}
}


/* Custom Styles */

/* Mobile Apps */
.mobile-apps {text-align:center; padding:20px 10px 0;}
.mobile-apps .heading {font-size:22px; margin: 1em -10px}
.mobile-app {display:inline-block; margin:0 0 15px;}
.mobile-app a {display:inline-block; border:1px solid #dde3ec; border-radius:10px; overflow:hidden;}
.mobile-app a:hover,
.mobile-app a:focus {border:1px solid #113363;}

@media only screen and (min-width:48em){
  .mobile-apps {width:100%; max-width:1000px; margin:0 auto; padding:30px 0 0;}
  .mobile-apps .heading {font-size:24px;}
  .mobile-app {float:left; width:50%; padding:0 15px;}
}


/* Accordion - Clear UI styles*/

.ui-accordion .ui-accordion-header { margin: 0 !important; font-weight:bold; padding:.75em 45px .75em 40px ; position:relative;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:inherit !important;}

.ui-accordion .ui-state-default, 
.ui-accordion .ui-widget-content .ui-state-default, 
.ui-accordion .ui-widget-header .ui-state-default {color:#222;}

.ui-accordion .ui-corner-all, 
.ui-accordion .ui-corner-bottom, 
.ui-accordion .ui-corner-right, 
.ui-accordion .ui-corner-br, 
.ui-accordion .ui-corner-top{border: none ; border-radius: 0 ; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: auto !important; right: 15px !important;}
.ui-accordion .ui-state-active .ui-icon {background-image: none;}
.ui-accordion .ui-state-default .ui-icon {background-image: none;}
.ui-accordion .ui-icon {height: 20px !important; width: 24px !important; text-indent:0 !important;}
.ui-accordion .ui-widget-content {color: inherit !important; padding: 1em 1em;}

  

/* FAQ */
.FAQWrpr{}
.FAQWrpr h1{font-size:30px; margin:0 0 .35em; text-align:center;}
.FAQWrpr a {color:#B22622; text-decoration:underline; font-weight:500;}
.FAQWrpr a:hover,
.FAQWrpr a:focus {text-decoration:none;}
.FAQWrpr h4.qa {font-size:18px; position:relative;}
.FAQWrpr h4.qa:before {
  position:absolute;
  content:"";
  left:0;
  top:50%;
  width:100%;
  height:1px;
  background:#D2D6DA;
}
.FAQWrpr h4.qa span {background:#f6f8fa; padding-right:20px; position: relative;}
.FAQWrpr h4.question {font-size:14px; margin:1.5em 0 0; line-height:1.7;}
.FAQWrpr p {line-height:1.7;}

.topOfPage {margin-top:-1em;}
.topOfPage a {text-decoration:none; padding-left:17px; position:relative;}
.topOfPage a:hover,
.topOfPage a:focus {text-decoration:underline;}
.topOfPage a:before{
  position:absolute;
  left:0;
  top:-3px;
  content: "\e607";
  font-family: 'icomoon';
  font-weight: bold;

}

.questionList {list-style:none; padding:0; margin:0;}
.questionList li {margin-bottom:10px;}
.faq-accordion {margin-top:30px;}

.faq-accordion .ui-accordion-header {border-bottom:1px solid #ebeef2; font-size:22px; padding:.75em 45px .75em 5% ; text-align: left; width: 100%; background: transparent; box-shadow: none; border-right: 0; border-left: 0; border-top: 0;}

.faq-accordion .ui-state-hover,
.faq-accordion .ui-widget-content .ui-state-hover,
.faq-accordion .ui-widget-header .ui-state-hover,
.faq-accordion .ui-state-focus,
.faq-accordion .ui-widget-content .ui-state-focus,
.faq-accordion .ui-widget-header .ui-state-focus {
  background: #e7f0f9;  
}

.faq-accordion .ui-accordion-header.active {background:#b22622; color:#fff; border-radius:5px 5px 0 0;}
.faq-accordion .ui-widget-content {background:#f6f8fa; padding:20px 5% 10px; border:1px solid #ebeef2; font-size: 14px;}
.faq-accordion.ui-accordion  .ui-state-default .ui-icon:after {
  position: absolute;
  content: "\e90e";
  font-family: 'icomoon';
  font-weight: normal;
  font-size: 14px;
  color:#b22622;
  
}
.faq-accordion.ui-accordion  .ui-state-active .ui-icon:after {
  content: "\e90d"; 
  color:#fff;
}

@media only screen and (min-width:48em){
  .FAQWrpr h1{font-size:50px; text-align:left;}
  .FAQWrpr h4.qa {font-size:20px;}
  
  .faq-accordion {margin-top:40px;}
  .faq-accordion .ui-accordion-header {font-size:26px; padding:.75em 45px .75em 30px ;}
  .ui-accordion  .ui-widget-content {padding:50px 5% 40px;}
}


/* Petition */


.petition h1 {text-align:center;}
.petition  .btn.read {width:240px; margin:0 auto 40px auto; display:block; }

.switch-nav-wrpr {margin:0 0 20px; position: relative;}

.switch-nav-toggle {background-color:#fff; padding:10px 20px 9px 40px; border:1px solid #dde3ec; border-radius:4px; font-weight:bold; margin:1px 1px 15px 1px; color:#0D2D3D; 
  background-image:url(/cms/images/layout/icon-filter.png);
  background-repeat: no-repeat;
  background-position:15px 50%;
}
.switch-nav-toggle:hover,
.switch-nav-toggle:focus,
.switch-nav-toggle.active {background-color:#dee3ea; border:2px solid #113363; margin:0 0 14px 0;}

/* .switch-nav {list-style:none; padding:0; display:none;}*/
.switch-nav li {display:inline-block; margin:0 5px 10px 0;}
.switch-nav li a {display:inline-block; background-color:#fff; color:#0D2D3D; padding:15px 20px 14px 20px; border:1px solid #dde3ec; border-radius:4px; text-decoration:none; margin:1px; font-weight:normal;
/*   background-image:url(/cms/images/layout/star-blue.png);
background-repeat: no-repeat;
background-position:15px 50%; */
}
.switch-nav li a:hover,
.switch-nav li a:focus,
.switch-nav li a.active {background-color:#113363; border:2px solid #113363; margin:0; color: #ffffff;}

.custom-detail-module  .switch-nav li a{background: none; padding: 15px 20px 15px 20px; cursor: pointer;}
.custom-detail-module  .switch-nav li a:hover,
.custom-detail-module  .switch-nav li a:focus,
.custom-detail-module  .switch-nav li a.active{ background:#113363; color: #ffffff; border: 2px solid #fff; }


.news-cat-list .switch-nav-wrpr .switch-nav li a{padding: 15px 20px; background: none;}
.news-cat-list .switch-nav-wrpr .switch-nav li a:hover,
.news-cat-list .switch-nav-wrpr .switch-nav li a:focus,
.news-cat-list .switch-nav-wrpr .switch-nav li a.active{ background:#113363; color: #ffffff; border: 2px solid #fff; }


.petition-bottom {padding:1.5em 0; position:relative;}
.petition-bottom:after {
  position:absolute;
  content:"";
  top:0;
  left:-5000em;
  width:10000em;
  height:1px;
  background:#dfe4e9;
}
.petition-description {font-size:14px; padding-right:3%; margin-bottom:2em;}
.petition-description p {margin:0 0 1.5em;}

.petition-form {background:#f6f8fa; padding:7% 10%; border:1px solid #dde3ec; border-radius:10px; margin-bottom:20px;}
.petition-form h2 {font-size:20px; color:#0d2d3d; margin-bottom:1em;}
.petition-form .grid_12 {padding:0;}
.petition-form .denotes {font-size:12px; font-weight:normal; display:block; margin:10px 10px 10px 0;}

.petition-form .btnWrapper {display:block; width:100%; margin-top:5px;}
.petition-form .btnWrapper .btn {width:100%;}

.form-theme .formee input[type="text"], 
.form-theme .formee input[type="email"] { margin-bottom:25px; padding: 28px 15px 8px 17px; }
.form-theme .formee label { font-size:12px; margin:0;position:absolute;left:17px; top:9px; color:#113363;}
.form-theme .formee label[hidden] {opacity: 0;visibility: hidden;}
.form-theme .formee label[hidden] + input[type="text"],
.form-theme .formee label[hidden] + input[type="email"] { padding: 18px 15px;}
.form-theme .formee label .formee-req {display:none;}
.custom-detail-module h1 > img,
article.newsDetail h1 > img{width: 75px!important; position: relative; left: 20px; }
.employer-watch{position: relative; text-align: center; width: 75px; margin: 0 auto;}
.employer-watch svg{fill: #113363; font-size: 2em;}
.employer-watch span{cursor: pointer}
.employer-watch.active .watching{display: block}
.employer-watch.active .not-watching{display: none}
.employer-watch .watching{display: none}
.employer-watch .not-watching{display: block; opacity: .7;}
.watch-toggle,.watch-toggle:active{position:absolute;top:-5000px;height:0;width:0;opacity:0;border:none;outline:none;}
.checkbox-label{display:block;position:relative;padding:10px;margin-bottom:20px;font-size:12px;line-height:16px;width:100%;height:36px;/*border-radius*/
-webkit-border-radius:18px;   -moz-border-radius:18px;border-radius:18px;background:#f8f8f8;cursor:pointer;}

.checkbox-label:before{
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    line-height:34px;
    text-indent:40px;
    height:36px;
    width:36px;/*border-radius*/
    -webkit-border-radius:100%; 
    -moz-border-radius:100%; 
    border-radius:100%;
    top:0px;
    left:0px;
    right:auto;
    background:white;/*box-shadow*/
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd; 
    box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    /*transition*/
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;}

.checkbox-label:after{
      content:attr(data-off);
      display:block;
      position:absolute;
      z-index:0;
      top:0;
      left:-300px;
      padding:10px;
      height:100%;
      width:300px;
      text-align:right;
      color:#000000;
      white-space:nowrap;
      /*transition*/
      -webkit-transition:.25s ease-in-out;
      -moz-transition:.25s ease-in-out;
      -o-transition:.25s ease-in-out;
      transition:.25s ease-in-out;
  }

.watch-toggle:checked + .checkbox-label{
      /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
  }
.watch-toggle:checked + .checkbox-label:before{
    left:calc(100% - 36px);
    /*box-shadow*/
    -webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
       -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
            box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
  }
.watch-toggle:checked + .checkbox-label:after{content:attr(data-on);left:70px;width:70px;}
.tabflex{display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin: 25px 0;}
.tabfilter{width: 100%;}
.tabData{width: 100%;}

.filternav{border: 1px solid #ccc; background: #eef2f5;}
.filternav .filter-heading{background:#113363; padding:15px 10px; color: #fff; text-align: left; font-size: 1.25em; width: 100%; display: block; font-weight: 500; position: relative;}
.filternav .filter-heading:after{content: '+'; color: #fff; font-size: 1.25em; font-weight: bold; position: absolute; right: 10px; top: 25%; cursor: pointer}
.filternav ul{list-style: none; padding: 10px 0; margin: 20px; display: flex; flex-wrap: wrap;}
.filternav ul.active{display: block;}
.filternav ul li label{display: block; padding: 10px 0;}
.filternav ul li{margin-bottom: 10px; width: 100%;}
.filternav ul li input, 
.filternav ul li select{display: block; width: 90%; padding:10px; border: 0; border-radius: 5px;}

.filternav ul li.filter-input{width: 100%; margin: 10px 0; display: flex; }
.filternav .filtername{position: relative;}
.filternav .filtername .tooltip{position: absolute; top:0; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 10px; background:#ffffff; color: #000000; width: 50%; border-radius: 10px; font-size: .8em; box-shadow: 1px 1px 8px rgba(0,0,0,0.5); display: none;}
.filternav ul li.filter-input input{ width: 100%; margin: 10px;}


@media only screen and (min-width:48em){

  .whitebg-border{padding: 20px}
  .petition h1 {text-align:left;}
  .petition .btn.read {margin:0 0 40px 0;}
  
  .switch-nav-toggle {display:none;}
  .switch-nav {display:block !important;}
  .switch-nav-wrpr{margin: 0;}
  .newsswitch.switch-nav-wrpr{margin: 25px 0;}
  .petition-description { padding-right:15%;}
  
  .petition-form h2 {font-size:26px;}
  .petition-form .denotes {float:right; font-size:14px; margin:10px;}
  
  .petition-form .formee {font-size:18px; width:100%; max-width:450px; margin:0 auto;}
  .petition-form .btnWrapper {width:100%; max-width:450px; margin:5px auto 0;}

  .employee-salary{padding: 20px 40px;}
  .employee-salary > h1{font-size: 1.5em;}
  .employee-salary .es-inner{flex-direction: row;padding: 0 0px 0 10px; background: #fff;}
  .employee-salary .es-inner .es-find,
  .employee-salary .es-inner .es-near{width: 50%; background: transparent; border-radius: 0; padding: 0; margin: 0;}
  .employee-salary .es-inner .es-find:after{height: 60%; border-right: 1px solid #888888; content: ''; position: absolute; right: 10px; top: 10px; }
  .employee-salary .es-inner .btn{padding: 14px 25px; margin-left: auto;}
	.custom-detail-module h1{font-size: 2.5em;}
  .custom-detail-module.employer-details-module h1{position: relative;}
  .custom-detail-module.employer-details-module .employer-detail-table{ width: 100%;}

  .custom-detail-module h1 > img,
  article.newsDetail h1 > img{ position: absolute; right: 20px; left: auto; bottom: 0;}
  article.newsDetail .employer-watch{top: 0;}
  .homepage-activity{flex-direction: row; justify-content: space-between; margin:25px 0;}
  .hp-left{width: 40%;} .hp-right{width: 58%;}
  .activity-wrapper{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
  .activity-wrapper .activity{margin-bottom: 10px; width: 48%;}
/*   .activity-wrapper .activity img{height: 200px; width: 200px;} */
  .activity-wrapper .activity:first-child{margin-right: 30px;}

  .clips-opinion{margin: 0;}

  .opinion .op-left{width: 70%;}
  .opinion .op-right{width: 30%;}
  .featured-item .featured-image h2{font-size: 2em;}
  .featured-item .headline h2{margin: 0px 0 10px 0; font-size: 1.75em;}
  .news-headlines{padding: 0px; }
  .featured-item .headline{padding: 20px;}
  .featured-item.summary .headline{padding:20px 0;}

  .switch-tools{display: flex; align-items: center; margin-bottom: 20px;}
  .switch-tools .simple-pagination{margin-left: auto;}
  .switch-tools .switch-nav{margin: 0;}
  .switch-tools .switch-nav li{margin: 0 5px 0 0;}

  .employer-watch{position: absolute; top: 20px; right: 30px; }
  .newsswitch.switch-nav-wrpr .employer-watch{top:0;}
  .filternav ul li {width: 48%}
  .filternav ul li.filter-wages{width: 100%;}

} 


@media only screen and (min-width:60em){
  .featured-item .featured-image h2{font-size: 2.5em;}
  .featured-item.summary .featured-image h2{font-size: 1.75em;}
  .other-featured{display: flex; align-items: flex-start; justify-content: space-between; padding: 0px 20px 20px 20px;}  
  .other-featured .featured-left{width: 55%}
  .other-featured .featured-right{width: 42%}


  .clips-opinion{display: flex; align-items: flex-start; justify-content: space-between;}
  .clips-opinion > div{width: 48%; margin: 0;}
  .other-featured { padding: 20px;}


}

@media only screen and (min-width: 75em){
  .tabflex .tabfilter{margin:20px 0;}
  .filternav ul{display: flex; justify-content: space-between; }
  .filternav ul.active{display: flex; flex-wrap: wrap;}
		.filternav ul li {width: 32%; margin-right: 15px;}
		.filternav ul li.filter-wages {width: 32%; margin-right: 15px;}
  .filternav ul li.filter-input{width: 100%; text-align: center; margin:10px 0; display: flex; justify-content: flex-end;}
  .filternav ul li.filter-input input{ width: 15%; margin: 10px; }
/*   .tabfilter{width: 25%; margin-left: -3%;}
.tabData{width: 80%;margin: 0 -3% 0 0;} */
}


@media only screen and (max-width:47.99em){
  .petition-bottom .grid-6 {padding:0;}
  .tabData{overflow-x: scroll; margin: 25px 0;}
}
@media only screen and (max-width:29.99em){
  .petition-form {padding:3% 5% 10%;}
} 


/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
  list-style: none;
}

.simple-pagination {
  display: block;
  overflow: hidden;
  margin: 10px 0;
}

.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}
span.ellipse.clickable {
  cursor: pointer;
}

.ellipse input {
  width: 3em;
}



/*------------------------------------*\
  Light Theme Styles
\*------------------------------------*/
.light-theme span {
  cursor:pointer;
}

.light-theme a, .light-theme span {
  float: left;
  color: #666;
  text-align: center;
  min-width: 14px;
  padding:7px;
  margin: 0 10px 0 0;  
  text-decoration: none;
}


.light-theme a:hover,
.light-theme a:active{}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	background: #b22622; color: #fff;
}

.light-theme .current {
  background: #b22622;
  color: #FFF;
  border-color: #444;
  cursor: default;
}

.light-theme .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
  cursor: default;
}
.light-theme .next,
.light-theme .prev{position: relative; background: transparent;}

.light-theme .next:hover,
.light-theme .prev:hover{background:transparent;}
.light-theme .prev{margin-right: 20px;}
.light-theme .next:after,
.light-theme .prev:after{
	 content: "\203A";
	 font-size: 2em;
	 color: #000;
	 position: absolute;
	 top: -5px;
}
.light-theme .prev:after{
	content: "\2039";
}

/*  Data Expander  */

.target-show {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: toggleTargetShow;
}

.target-hide {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: toggleTargetHide;
}

[data-expander-target] {
    display: none;
}

[data-expander-target].active {
    display: block;
}

[data-expander-target].target-show {
    animation-name: toggleTargetShow;
}

[data-expander-target].target-hide {
    animation-name: toggleTargetHide;
}

@keyframes toggleTargetShow {
    from {
        opacity: 0;
        transform: translateY(-10%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes toggleTargetHide {
    from {
        opacity: 1;
        transform: translateY(0%);
    }

    to {
        opacity: 0;
        transform: translateY(-10%);
    }
}

.data-expander-after:after{content: '+'; position: absolute; right: 25px; top: 20%; font-size: 1.5em; color:#b22622; }
.data-expander-after.active:after{content: '-'; top: 16%; color: #ffffff; right: 30px}


/* Quick Links */
.quick-links-wrpr {}
.quick-links { position:relative;}
.quick-links-dropdown {display:none; list-style:none; padding:15px; background:#fff; border:1px solid #ededed; border-radius:5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); max-height: 398px; overflow-y: scroll;}
.quick-links-dropdown.active {display:block; position:absolute; top:100%; left:5px; min-width:200px; margin-top:0; z-index:9;}
.quick-links-dropdown a {color:#113363; text-decoration:none; padding:3px 0; display:inline-block;}
.quick-links-dropdown a:hover,
.quick-links-dropdown a:focus {text-decoration:underline;}



.quick-links a.trigger, 
.quick-links a.menu-icon, 
.quick-links a.report-icon {
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    padding-left: 50px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    display: inline-block;
}
.quick-links a.trigger:hover,
.quick-links a.trigger:focus {text-decoration:underline;}

.quick-links a.menu-icon {background-image: url(/cms/images/menu-icon.png);}
.quick-links a.trigger.categories {background-image: url(/cms/images/categories.png);}
.quick-links a.trigger.federal-employees {background-image: url(/cms/images/federal-employees.png);}
.quick-links a.trigger.state-employees {background-image: url(/cms/images/state-employees.png);}
.quick-links a.trigger.maps {background-image: url(/cms/images/maps.png);}
.quick-links a.report-icon {background-image: url(/cms/images/reports-icon.png);}

@media only screen and (min-width:48em){
	.quick-links-wrpr {}
	.quick-links { float:left; width:50%;}

        .quick-links a.trigger,
        .quick-links a.menu-icon,
        .quick-links a.report-icon {
            padding: 10px 10px;
            padding-left: 50px;
            font-size: 1.5em;
            background-size: 40px 40px;
        }
	
	.quick-links-dropdown.active {left:10px; margin-top:20px;}

}
@media only screen and (min-width:60em){
	.quick-links-wrpr {/* padding-top:10px; */ text-align:center;}
	.quick-links { display:inline-block; text-align:left; float:none; width:auto;}
	.quick-links a.trigger {padding:5px 10px; padding-left:50px; margin-left:10px;}
	
	.quick-links:last-child .quick-links-dropdown.active {left:auto; right:5px;}
}

/* Ticket #551997 - Home Page - Scrollable Employer List */

.scrollable-employe-list {
    background: #fff;
    margin-bottom: 20px
}

.scrollable-employe-list .slick-track {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.scrollable-employe-list .slick-slide {
    border: solid 0px #ff0000;
    text-align: center;
}

.scrollable-employe-list .slick-slide a.image {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scrollable-employe-list .slick-slide a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding: 0px 10px
}

.scrollable-employe-list .slick-slide a img {
    margin: 0px auto;
}