/*
 Theme Name:   Allied Progress - Main Site Theme
 Description:  A child theme based upon the Allied Progress master theme. Used for Alliedprogress.org. 
 Author:       Jason Yovanoff
 Template:     progress-master
*/


/* Tracker styles + overides */

.tracker-nav {}
 ul.tracker-nav { position: relative; text-align: center; padding: 0; background: #fff; font-size: 0; letter-spacing: -1em; z-index: 3; }
  .tracker-nav > li { display: inline-block; width: 16.66%; font-size: 14px; letter-spacing: 0; vertical-align: top; font: 16px/66px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; border-top: 3px solid #859ba0; border-bottom: 1px solid #859ba0; }
  .tracker-nav > li:first-child { border-right: 1px solid #859ba0; }
   .tracker-nav > li > a { display: block; text-decoration: none; color: #859ba0; }
   .tracker-nav > li.is-active a,
   .tracker-nav > li:hover > a, .tracker-nav > li > a:hover { color: #d48931; }
    .tracker-nav > li > a:before { display: inline-block; content: ''; margin: 0 10px 0 0; font: 28px/1 Fontello; line-height: inherit; vertical-align: top; -webkit-transition: inherit; transition: inherit; }
    .tracker-nav > li.states > a:before { content: '\e814'; }
    .tracker-nav > li.actions > a:before { content: '\e817'; }
  .tracker-nav > li .drop { display: none; position: absolute; left: 0; top: 100%; right: 0; margin: -1px 0 0; border: 1px solid #859ba0;; background: #fff; z-index: 200000;}
   .tracker-nav > li:hover .drop { display: block; }
    .tracker-nav .drop ul { padding: 20px 0 30px 40px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; background: #fff; list-style-type: none; }
    .tracker-nav .drop ul.c2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .tracker-nav .drop ul.c3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
     .tracker-nav .drop li { margin-bottom: 0; padding-top: 10px; line-height: 1.5; font-weight: normal; font-size: 12px; text-transform: none; text-align: left; }
      .tracker-nav .drop li a { text-decoration: none; color: #606d72; font: 13px/30px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
     .no-csscolumns .tracker-nav .drop li { float: left; width: 24.999%; }
     .no-csscolumns .tracker-nav .drop .c2 li { width: 49.999%; }
     .no-csscolumns .tracker-nav .drop .c3 li { width: 33.333%; }
      .tracker-nav .drop li:before { display: none; }
      .tracker-nav .drop li a { box-shadow: none; }
      .tracker-nav .drop li a:hover { color: #d48931; }

.tracker-header h1 { text-transform: none; color: #333333; font: 28px/36px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; float: left; width: calc(100% - 270px); margin-top: 5px; }
.tracker-header .share-a { text-align: right;  margin: 30px 0;}

@media screen and (max-width: 719px) {
  .tracker-header .share-a {  clear: left; text-align: center; }
  .tracker-header h1 { float: none; display: block; width: 100%; }
  .tracker-nav > li { display: inline-block; width: 50%; }
}
@media screen and (max-width: 479px) {
}

/*!
 * Helpers
/* ---------------------------------------- */
.ie8 .hide\@large { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1250px) { .show\@large { display: block !important; } .hide\@large { display: none !important; } }
@media screen and (max-width: 1249px) and (min-width: 720px) { .show\@medium { display: block !important; } .hide\@medium { display: none !important; } }
@media screen and (max-width: 719px) { .show\@small { display: block !important; } .hide\@small { display: none !important; } }

.tracker form { }
.tracker label { cursor: pointer; vertical-align: middle; text-transform: uppercase; color: #859ba0; font: 11px/13px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.tracker label:first-child { display: block; margin: 0 0 5px; }
.tracker  label em { color: #f00; }
.tracker input[type=text], .tracker input[type=password], .tracker input[type=search], .tracker input[type=email], .tracker input[type=tel], .tracker textarea, .tracker select { width: 100%; height: 35px; padding: 0 19px; font-size: 13px; border: 3px solid #859ba0; border-radius: 5px; b background: #fff; vertical-align: top; -webkit-appearance: none; outline: none; }
.tracker .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 15px; padding-bottom: 15px; line-height: 20px; }
.tracker input[type="checkbox"], .tracker input[type="radio"] { padding: 0; }
.tracker input::-ms-clear { display: none; }
.tracker textarea { overflow: auto; height: auto; padding: 19px; line-height: 20px; resize: vertical; }
.tracker textarea.autoresize { min-height: 40px; max-height: 160px; }
.tracker select { padding: 5px 35px 5px 10px; color: #23211e; font-weight: bold; background: #fff url(images/select-b.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.tracker select::-ms-expand { display: none; }

.tracker .ie9 select, .tracker .ie8 select { padding-right: 18px; padding-left: 16px; background-image: none; }
.tracker .ie8 select { padding-top: 15px; padding-bottom: 15px; }
.tracker .firefox select { padding-left: 13px; }
.tracker button, .tracker input[type="submit"], .tracker input[type="button"], .tracker input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
.tracker button[disabled], .tracker input[disabled] { cursor: default; }

.tracker .cfpb-link { text-decoration: none; }
.tracker .cfpb-link:hover { text-decoration: underline; }

 ::-webkit-input-placeholder { color: #859ba0; font-style: normal; opacity: 1; }
 :-ms-input-placeholder { color: #859ba0 !important; font-style: normal; opacity: 1; }
 :-moz-placeholder { color: #859ba0; font-style: normal; opacity: 1; }
 ::-moz-placeholder { color: #859ba0; font-style: normal; opacity: 1; }

 .tracker .placeholder, .tracker .placeholdersjs { color: #859ba0 !important; font-style: normal; font-weight: normal; opacity: 1; }
 select:invalid { color: #859ba0; }

/* page layout */

[class^="page-section"].article.tracker > .container { max-width: 1200px; }

.page-a { position: relative; margin-bottom: 50px; }
 .page-a:after { display: table; clear: both; content: ''; }
 .page-a > .side { float: left; width: 170px; margin: 0 -100% 0 0; }
  .page-a > .side:before { position: absolute; left: 185px; top: 0; bottom: 0; content: ''; width: 1px; background: #dae1e2; }
  .page-template-template-enforcement-tracker-listing .page-a > .side:before { width: 0; }
  .page-a > .side h4 { text-transform: uppercase; color: #606d72; font: 11px/24px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
  .page-a > .side .entry { font: 14px/18px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 5px; margin: 20px 20px 0 0; border-bottom: 1px solid #dae1e2; }
   .page-a > .side p { margin: 0 0 15px 0; }
   .page-a > .side .entry:first-child { margin-top: 0; }
   .page-a > .side .fields-a p { margin: 25px 0; }
   .page-a > .side .fields-a > p:first-child { margin-top: 0; }
   .page-a > .side .entry:last-child { border: none; }
    .page-a > .side label { color: #606d72; }
   .page-a > .side button { width: 100%;  }
 .page-a > .main { margin: 0; }
 .page-a > .side + .main { margin-left: 230px; }
 .page-a > .toolbar-a { display: none; }

 .page-a > .main h4.hx { text-transform: uppercase; font: 16px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; margin: 0; }
 .page-a > .main .entry p { margin: 0 0 16px 0; }


 .page-a hr.small, .tracker hr.small { height: 1px; margin: 30px 0; clear: both; }

 .page-a .meta {}
  .page-a .meta p { font: 13px/24px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #606d72; }
   .page-a .meta p a { color: #d48931; }
  .page-a .meta ul { position: relative; padding: 0; margin: 0; font-size: 0; /*letter-spacing: -1em;*/} 
   .page-a .meta ul li {  display: inline-block; width: 25%; margin: 15px 0; padding-right: 15px; font: 14px/18px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: top; }
    .page-a .meta ul label { margin-bottom: 0; }
 .page-a .dates { font: 14px/24px "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.1em; }
  .page-a .dates span { font-size: 18px; line-height: 24px; /*letter-spacing: 0;*/ }
  .page-a .dates label { font-size: 11px; line-height: 24px; margin-left: 60px; margin-right: 10px; /*letter-spacing: 0;*/ }

@media screen and (max-width: 719px) {
   .page-a .meta ul li {  width: 50%;  }
}

.page-a.tight { }
 .page-a.tight > .side { width: 165px; }
  .page-a.tight > .side:before { left: 180px; }
 .page-a.tight > .side + .main { margin-left: 200px; }

@media screen and (max-width: 1249px) {
.page-a { margin-bottom: 35px; }
 .page-a > .side,
 .page-a.tight > .side { float: none; width: auto; margin: 0 0 35px; }
  .page-a > .side:before { display: none; }
 .page-a > .side + .main { margin-left: 0; padding-top: 35px; border-top: 1px solid #ccc; }
 .page-a > .toolbar-a { display: block; margin-top: 50px; padding-top: 35px; border-top: 1px solid #2b2a2a; }
 .page-a.tight > .side + .main { margin-left: 0; }
}

/* tables */

table { display: table; width: 100%; margin-bottom: 35px; border-collapse: collapse; border-spacing: 0; color: #7d7b7b;  }
 th, td { padding: 15px 20px 15px; border: none; border-bottom: 1px solid #ccc; text-align: left; vertical-align: top; font-weight: 400; font: 12px/17px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
 thead th { padding-top: 20px; padding-bottom: 20px; background: #282727; color: #fff; font-size: 11px; line-height: 13px; font-weight: 700; text-transform: uppercase; }
 tbody th { color: #2b2a2a; font-weight: bold;  }
 table a { box-shadow: none !important; text-decoration: none; }
 table a:hover { text-decoration: underline; }

table[data-sortable] { }
 table[data-sortable] thead th { outline: none; }
 table[data-sortable] thead th.primary { color: #d48931; }
  table[data-sortable] .tablesorter-header-inner:after { display: inline-block; margin-left: 5px; content: '\e818'; color: #d48931; font-family: Fontello; vertical-align: top; }
   table[data-sortable] thead th.tablesorter-headerAsc .tablesorter-header-inner:after { content: '\e819'; }
   table[data-sortable] thead th.tablesorter-headerDesc .tablesorter-header-inner:after { content: '\e81a'; }
 table[data-sortable] [data-nosort] { pointer-events: none; }
  table[data-sortable] [data-nosort] .tablesorter-header-inner:after { display: none; }
 table[data-sortable] tbody tr > .primary { background-color: #f4f4f4; color: #2b2a2a; }

@media screen and (max-width: 1249px) {
table, tbody, tfoot, tr, td, th { display: block; }
table { border: 1px solid #ccc; }
 thead { display: none; }
  tr { padding: 25px 30px; }
  tr:nth-child(odd) { background: #f4f4f4; }
  tr ~ tr { border-top: 1px solid #ccc; }
   th, td { overflow: hidden; margin-bottom: 10px; padding: 0; border: none; }
   [data-th] { padding-left: 100px; }
    [data-th]:before { float: left; content: attr(data-th); margin: 3px 0 0 -100px; width: 90px; color: #7d7b7b; font: bold 12px/1.33 nimbus-sans,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
}
@media screen and (max-width: 719px) {
tr { padding: 20px; }
}
@media screen and (max-width: 479px) {
tr { }
[data-th] { padding-left: 0; }
[data-th] ~ [data-th] { padding-top: 10px; border-top: 1px solid #ccc; }
 [data-th]:before { display: block; float: none; width: auto; margin: 0 0 2px; font-size: 10px; }
}

/* sidebar filters */

.filters-a { position: relative; z-index: 2; }
 .filters-a .header { display: none; position: relative; overflow: hidden; }
  .filters-a .header .hx { position: absolute; left: 230px; top: 0; width: 35px; height: 35px; margin: 0; border: 3px solid #859ba0; border-radius: 5px; font: 14px/30px Fontello; text-align: center; color: #606d72;}
  .filters-a.is-active .header .hx { border-color: #606d72; }
  .filters-a .header .hx { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
   .filters-a .header .hx:before { display: block; content: '\e816'; text-align: inherit }
   .filters-a .header .hx span { display: none; }
  .filters-a .header .search-b { float: left; width: 220px; margin: 0; position: relative;}
   .filters-a .header .search-b label { display: none; }
  .filters-a .header .toolbar-a { float: right; margin: 15px 0 0; }

.filters-a .header button { position: absolute; right: 0; top: 0; width: 40px; padding: 0; line-height: 30px; border-radius: 0; border-color: transparent !important; background: transparent !important; color: #859ba0; }

/* search line */

.search-b { position: relative; }
 .search-b label { display: none !important; }
 .search-b input[type] { padding-right: 40px; }
   .search-b button { position: absolute; right: 0; top: 0; width: 40px; padding: 0; border-radius: 0; border-color: transparent !important; background: transparent !important; color: #111; }
   .search-b button:hover { color: #2b2a2a; }
    .search-b button:before { content: '\e815'; font: 16px Fontello; line-height: inherit; }
    .search-b button span { display: none; }

@media screen and (max-width: 1249px) {
.filters-a .header { display: block; }
.filters-a .fields { display: none; position: absolute; left: 0; top: 100%; right: 0; margin: 15px 0 0; padding: 20px; border: 1px solid #859ba0; background: #fff; }
.filters-a.is-active .fields { display: block; }
}
@media screen and (max-width: 599px) {
.filters-a .header .search-b { float: none; width: auto; margin-right: 60px; }
.filters-a .header .hx { left: auto; right: 0; }
.filters-a .header .toolbar-a { display: none; }
}

/* states map */

.states-a { position: relative; font: 15px/1.3 nimbus-sans,Helvetica Neue,Helvetica,Arial,sans-serif; }
 .states-a .map { width: 1030px; height: 600px; margin: 0 auto; }
  .states-a .minimap { display: none; position: relative; width: 410px; height: 300px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/states-a-minimap.jpg) 50% 0 no-repeat; background-size: contain; }
   .states-a .minimap p { position: absolute; left: 50%; top: 38%; width: 280px; margin: -32px 0 0 -140px; }
    .states-a .minimap label { margin-bottom: 10px; color: #2b2a2a; font-size: 16px; }
  .states-a .svg-wrap { -webkit-filter: drop-shadow(0 5px 0 #e2e2e2); filter: drop-shadow(0 5px 0 #e2e2e2); }
  .states-a svg { display: block; margin: 0 auto; }
   .states-a svg > g > path { fill: #e1e5e5; stroke: #91a3a6; stroke-width: 0.7; }
    .states-a svg > g:hover path{ fill: #d58b28; cursor: pointer; }
   .states-a svg > g text { cursor: pointer; font-size: 14px; font-weight: bold; fill: #606d72;}
    .states-a svg > g:hover text { fill: #ffffff;}
    .states-a svg > g.outer:hover text { fill: #d58b28;}
   .states-a svg .line {fill:none;stroke:#b9b9b9;stroke-width:1.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none; }
   /*
   .states-a svg .incomplete { fill: url(#pattern1); }
   .states-a svg .st1{ fill: #fff; }
   .states-a svg .st2 { fill: #ccc; }
  */
   .map-small-a .states-a svg .current { fill: #ffe4d0; }
   .map-small-a .states-a svg .blocked { fill: #fea869; }
   .map-small-a .states-a svg .current.blocked,
   .map-small-a .states-a svg > path.current.blocked { fill: #fe7919; /*url(#stripes);*/ }

  .states-a .entries { position: absolute; left: 50%; top: 0; width: 0; height: 0; margin: 0; }
   .states-a .entry { display: none; position: relative; width: 600px; margin: -15px 0 0 -300px; box-shadow: 0 0 4px rgba(0,0,0,0.25); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
   .states-a .entry.is-active { display: block; }
   .states-a .entry.bottom { margin-top: 15px; -webkit-transform: none; -ms-transform: none; transform: none; }
   .states-a .entry.left { margin: 0 15px 0 0; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
   .states-a .entry.right { margin: 0 0 0 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .states-a .entry:before { position: absolute; left: 50%; top: 100%; content: ''; margin-left: -10px; border: 10px solid transparent; border-top-color: #fff; pointer-events: none; }
    .states-a .entry.bottom:before { top: auto; bottom: 100%; border-color: transparent; border-bottom-color: #fff; }
    .states-a .entry.left:before { top: 50%; left: 100%; margin: -10px 0 0; border-color: transparent; border-left-color: #fff; }
    .states-a .entry.right:before { top: 50%; left: auto; right: 100%; margin: -10px 0 0; border-color: transparent; border-right-color: #fff; }
    .states-a .entry > .wrap { padding: 20px; border: 5px solid #282727; border-width: 5px 0 0; background: #fff; color: #7d7b7b; }
    .states-a .entry.bottom > .wrap { border-width: 0 0 5px; }
    .states-a .entry.left > .wrap { border-width: 0 0 0 5px; }
    .states-a .entry.right > .wrap { border-width: 0 5px 0 0; }
     .states-a .entry > .wrap > .hx { margin-bottom: 20px; font-size: 30px; line-height: 50px; }
      .states-a .entry > .wrap > .hx img { float: left; height: 50px; margin: 0 20px 0 0; }
     .states-a .entry .people { overflow: hidden; margin-bottom: 20px; border: 1px solid #ccc; border-width: 1px 0; line-height: 25px; }
      .states-a .entry .people > div { float: left; width: 52.5%; margin: 0; padding: 15px 0; }
      .states-a .entry .people > .b { width: 47.5%; padding-left: 20px; border-left: 1px solid #ccc; }
       .states-a .entry .people .hx { float: left; margin: 0 20px 0 0; color: inherit; font: inherit; }
     .states-a .entry .nums { margin-bottom: 10px; padding-left: 0; }
      .states-a .entry .nums li { display: inline-block; vertical-align: top; }
      .states-a .entry .nums li ~ li { margin-left: 30px; }
       .states-a .entry .nums li:before { display: none; }
     .states-a .entry p { margin-bottom: 5px; }
     .states-a .entry .note { font-size: 12px; }
      .states-a .entry .note strong { color: inherit; }
      .states-a .entry strong { color: #2b2a2a; }
      .states-a .entry a { box-shadow: none !important; }
 .states-a .legend { width: 350px; margin: -50px 0 0 auto; color: #7d7b7b; font-size: 12px; }
  .states-a .legend p { position: relative; margin-bottom: 10px; padding-left: 25px; }
   .states-a .legend p span { position: absolute; left: 0; top: -1px; overflow: hidden; width: 16px; height: 16px; background: #d1cfc9; text-indent: 321%; white-space: nowrap; }
   .states-a .legend p.incomplete span { background: #fff url(images/states-a-stripe-a.gif); }
 .states-a .list { margin: 80px 0 0; }
  .states-a .list ul { padding: 0; -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; }
   .states-a .list li { padding-top: 10px; }
   .no-csscolumns .states-a .list li { float: left; width: 16.66%; }
    .states-a .list li:before { display: none; }
    .states-a .list li a { box-shadow: none; }

@media screen and (max-width: 1249px) {
.states-a .map { width: auto; height: auto; }
 .states-a .minimap { display: block; }
 .states-a svg { display: none; }
 .states-a .entries { position: relative; left: auto; top: auto; width: auto; height: auto; }
  .states-a .entry { display: none; width: auto; margin: 0 !important; box-shadow: none; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
  .states-a .entry.is-active-mini { display: block; }
   .states-a .entry:before { display: none; }
   .states-a .entry > .wrap { padding: 0; border: none; }
.states-a .legend { display: none; }
.states-a .list { display: none; }
}
@media screen and (max-width: 599px) {
.states-a .minimap { width: 100%; height: 0; padding-top: 73%; }
.states-a .entry > .wrap > .hx { font-size: 26px; line-height: 40px; white-space: nowrap; }
 .states-a .entry > .wrap > .hx img { height: 40px; }
.states-a .entry .people > div { float: none; width: auto; margin: 0; padding: 15px 0; }
.states-a .entry .people > .b { width: auto; padding-left: 0; border: none; border-top: 1px solid #ccc; }
.states-a .entry .nums li { display: block; }
.states-a .entry .nums li ~ li { margin-left: 0; }
}