/* constructs for new front page designs */
/* include SASS variables */
/* variables to be used in IWD css creation */
/* include SASS variables */
/* major components */
/* nav link parameters */
/* used in top level nar, breadcrumbs and side links */
/* IWD custom button colors values */
/* generic button mixin */
.ui-rate {
  font-size: 85px;
  font-weight: bold; }

.bb-outline-border {
  border: 12px solid white; }

/* flex constructs */
.flex-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

.flex-display.container:after,
.flex-display.container:before,
.flex-display.row:after,
.flex-display.row:before {
  content: normal; }

.flex-display-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex; }

.flex-display-item-100 {
  display: block;
  width: auto; }

.flex-display-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  flex-direction: column; }

.flex-display-content p {
  flex: 1 0 auto; }

.flex-display-content ul {
  flex: 1 0 auto; }

.flex-display-content li {
  flex: 1 0 auto; }

/* style black background sections */
.black-background {
  background: #111111;
  color: #ffffff;
  padding-top: 15px; }

.black-background-i > .row {
  margin-left: 0;
  margin-right: 0; }

/* style black background sections */
.black-background p {
  background: #111111;
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 5px; }

p .black-background {
  background: #111111;
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 5px; }

.black-background h2,
.black-background h3,
.black-background h4,
.black-background p {
  color: #ffffff; }

.black-background a,
.black-background a:visited {
  background: #ffffff;
  color: #111111;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #111111; }

.black-background a:active,
.black-background a:focus,
.black-background a:hover {
  background: #444444;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

.black-background-i {
  background: #111111;
  color: #ffffff;
  padding-top: 15px; }

.black-background-i h2,
.black-background-i h3,
.black-background-i h4,
.black-background-i p {
  color: #ffffff;
  padding-bottom: 5px; }

.black-background-i a,
.black-background-i a:visited {
  background: #111111;
  color: #ffffff;
  padding: 0;
  text-decoration: none;
  border: 1px solid #111111; }

.black-background-i a:active,
.black-background-i a:focus,
.black-background-i a:hover {
  background: #444444;
  color: #f5f5f5 !important;
  text-decoration: underline;
  /* border: 1px solid $iwd-white; */ }

/* green background behind white icons */
.green-background-i {
  background: #4e7d4b;
  color: #ffffff;
  padding-top: 15px; }

.green-background-i .row {
  margin-left: 0;
  margin-right: 0; }

.green-background-i h2,
.green-background-i h3,
.green-background-i h4,
.green-background-i p {
  color: #ffffff;
  background: #4e7d4b;
  padding-bottom: 5px; }

.green-background-i a,
.green-background-i a:visited {
  background: #4e7d4b;
  color: #ffffff;
  /* padding: 5px 10px; */
  text-decoration: none;
  /* border: 1px solid $black-background-color; */ }

.green-background-i a:active,
.green-background-i a:focus,
.green-background-i a:hover {
  background: #80b17d;
  color: #f5f5f5 !important;
  text-decoration: underline;
  /* border: 1px solid $iwd-white; */ }

.icon-link:hover {
  -webkit-filter: grayscale(50%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(50%); }

/* style teal background sections */
.teal-background {
  background: #00808d;
  color: #ffffff;
  padding-top: 15px; }

.teal-background p {
  background: #00808d;
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 5px; }

.teal-back {
  background: #00808d;
  color: #ffffff; }

.teal-background h2,
.teal-background h3,
.teal-background h4,
.teal-background p {
  color: #ffffff;
  padding-bottom: 5px; }

.teal-background a,
.teal-background a:visited {
  background: #ffffff;
  color: #00808d;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #00808d;
  margin-bottom: 10px; }

.teal-background a:active,
.teal-background a:focus,
.teal-background a:hover {
  background: #00808d;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

/* constructs for green background  */
.green-background {
  background: #4e7d4b;
  color: #ffffff;
  padding-bottom: 15px; }

.gr-bk-btm-half {
  background: #4e7d4b;
  color: #ffffff;
  height: 50%;
  position: absolute;
  bottom: 10px; }

.green-background h2,
.green-background h3,
.green-background h4,
.green-background p {
  color: #ffffff;
  padding-bottom: 5px; }

.green-background a,
.green-background a:visited {
  background: #ffffff;
  color: #4e7d4b;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #4e7d4b;
  margin-bottom: 10px; }

.green-background a:active,
.green-background a:focus,
.green-background a:hover {
  background: #4e7d4b;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

/* constructs for blue background  */
.blue-background {
  background: #004156;
  color: #ffffff;
  padding-bottom: 15px; }

.gr-bk-btm-half {
  background: #004156;
  color: #ffffff;
  height: 50%;
  position: absolute;
  bottom: 10px; }

.blue-background h2,
.blue-background h3,
.blue-background h4,
.blue-background p {
  color: #ffffff;
  padding-bottom: 5px; }

.blue-background a,
.blue-background a:visited {
  background: #ffffff;
  color: #004156;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #004156;
  margin-bottom: 10px; }

.blue-background a:active,
.blue-background a:focus,
.blue-background a:hover {
  background: #004156;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

/* constructs to control semi-transparent backgrounds */
/* blue semi-transparent background */
.blue-tran-back {
  background-color: rgba(0, 65, 86, 0.9);
  color: #ffffff;
  /* max-height: $content-height-percent; */
  position: relative;
  top: 50%;
  height: 50%; }

.blue-tran-back h2,
.blue-tran-back h3,
.blue-tran-back h4,
.blue-tran-back p {
  color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 0; }

.blue-tran-back a,
.blue-tran-back a:visited {
  background: #ffffff;
  color: #004156;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #004156;
  margin-bottom: 10px;
  position: relative;
  bottom: 15px; }

.blue-tran-back a:active,
.blue-tran-back a:focus,
.blue-tran-back a:hover {
  background: #004156;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

/* red semi-transparent background */
.red-tran-back {
  background-color: rgba(185, 70, 48, 0.9);
  color: #ffffff;
  /* max-height: $content-height-percent; */
  position: relative;
  top: 50%;
  height: 50%; }

.blue-tran-back-summit {
  background-color: rgba(0, 65, 86, 0.9);
  color: #ffffff;
  /* max-height: $content-height-percent; */
  position: relative;
  top: 50%;
  height: 50%; }

.blue-tran-back-summit h2,
.blue-tran-back-summit h3,
.blue-tran-back-summit h4,
.blue-tran-back-summit p {
  color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 5px; }

.blue-tran-back-summit a,
.blue-tran-back-summit a:visited {
  background: #ffffff;
  color: #004156;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #004156;
  margin-bottom: 10px;
  position: relative;
  bottom: 15px; }

.blue-tran-back-summit a:active,
.blue-tran-back-summit a:focus,
.blue-tran-back-summit a:hover {
  background: #004156;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

.red-tran-back h2,
.red-tran-back h3,
.red-tran-back h4,
.red-tran-back p {
  color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 0; }

.red-tran-back a,
.red-tran-back a:visited {
  background: #ffffff;
  color: #b94630;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #b94630;
  margin-bottom: 10px;
  position: relative;
  bottom: 15px; }

.red-tran-back a:active,
.red-tran-back a:focus,
.red-tran-back a:hover {
  background: #b94630;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

/* class to cut off overflow */
.hide-overflow {
  overflow-x: hidden; }

.mw-100 {
  max-width: 100%; }

/* green left semi-transparent background */
.green-left-tran-back {
  background-color: rgba(0, 128, 141, 0.9);
  /* mix-blend-mode: multiply; */
  color: #ffffff;
  width: 400px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  /* min-height: 400px; */
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); }

.green-left-tran-back h2,
.green-left-tran-back h3,
.green-left-tran-back h4,
.green-left-tran-back p {
  color: #ffffff;
  padding: 5px 25% 5px 15px;
  margin-top: 5px;
  margin-bottom: 5px; }

.green-left-tran-back h3 {
  font-size: 15px; }

.green-left-tran-back a,
.green-left-tran-back a:visited {
  background: #ffffff;
  color: #00808d;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #4e7d4b;
  margin-bottom: 10px;
  position: relative;
  bottom: 15px; }

.green-left-tran-back a:active,
.green-left-tran-back a:focus,
.green-left-tran-back a:hover {
  background: #00808d;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

.black-right-tran-back {
  background-color: rgba(0, 0, 0, 0.9);
  /* mix-blend-mode: multiply; */
  color: #ffffff;
  width: 30%;
  width: 400px;
  height: 500px;
  position: absolute;
  right: 0;
  /* min-height: 400px; */
  clip-path: polygon(0% 50%, 25% 0%, 100% 0%, 100% 100%, 25% 100%);
  color: #fff; }

.black-right-tran-back h2,
.black-right-tran-back h3,
.black-right-tran-back h4,
.black-right-tran-back p,
.black-right-tran-back ul {
  color: #ffffff;
  padding: 5px 15% 5px 125px;
  margin-top: 5px;
  margin-bottom: 5px; }

.black-right-tran-back a,
.black-right-tran-back a:visited {
  background: #ffffff;
  color: #111111;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #111111;
  margin-bottom: 10px;
  position: relative;
  bottom: 15px; }

.black-right-tran-back a:active,
.black-right-tran-back a:focus,
.black-right-tran-back a:hover {
  background: #111111;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

/* green semi-transparent background */
.green-tran-back {
  background-color: rgba(0, 128, 141, 0.9);
  /* mix-blend-mode: multiply; */
  color: #ffffff;
  /* max-height: $content-height-percent; */
  position: relative;
  top: 50%;
  height: 50%; }

.green-tran-back h2,
.green-tran-back h3,
.green-tran-back h4,
.green-tran-back p {
  color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 0; }

.green-tran-back a,
.green-tran-back a:visited {
  background: #ffffff;
  color: #00808d;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #00808d;
  margin-bottom: 10px;
  position: relative;
  bottom: 15px; }

.green-tran-back a:active,
.green-tran-back a:focus,
.green-tran-back a:hover {
  background: #00808d;
  color: #ffffff !important;
  text-decoration: none;
  border: 1px solid #ffffff; }

.white-background-image {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/included_images/White.768.526.png");
  background-repeat: no-repeat;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden; }

.tower-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/BetterJobimage_734-520.jpg");
  background-size: 100%;
  height: 526px;
  padding-left: 0;
  padding-right: 0;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden; }

.better-job-bkgnd {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/BetterJobimage_384-520.jpg");
  background-size: 100%;
  height: 520px;
  padding-left: 0;
  padding-right: 0;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .better-job-bkgnd {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/BetterJobimage_734-520.jpg");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; } }
/* http://iwd.dev.dd:8083/sites/search.iowaworkforcedevelopment.gov/files/included_images/bigFlag-351x526.png */
.bigflag-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Apprenticeship_image_734-520.jpg");
  background-size: 100%;
  height: 520px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden; }

.hbi-bkgnd {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/HBI_image_384-520.jpg");
  background-size: 100%;
  height: 520px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .hbi-bkgnd {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/HBI_image_734-520.jpg");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; } }
/* http://iwd.dev.dd:8083/sites/search.iowaworkforcedevelopment.gov/files/included_images/apprentice-351x527.png */
.apprentice-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/HBI_image_734-520.jpg");
  background-size: 100%;
  height: 520px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

.apprentice-bkgnd {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Apprenticeship_image_378-520.jpg");
  background-size: 100%;
  height: 520px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .apprentice-bkgnd {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Apprenticeship_image_734-520.jpg");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; } }
.summit-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/FRI_Summit_photo_384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .summit-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/FRI_Summit_photo_734-520.jpg");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; } }
.hiring-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Architects-Working-384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .hiring-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Architects-Working-734-520.jpg"); } }
.questions-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/SIDES-Man-on-computer384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .questions-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/SIDES-Man-on-computer734-520.jpg"); } }
.contractor-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Hispanic-Construction-Worker 384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .contractor-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Hispanic-Construction-Worker 734-520.jpg"); } }
.build-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Woman_looking_at_board-384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .build-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Woman_looking_at_board-734-520.jpg"); } }
.hbi-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Army-384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .hbi-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Army-734-520.jpg"); } }
.talent-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Nursing-384-520.jpg");
  background-size: 100%;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 500px; }

@media screen and (max-width: 991px) {
  .talent-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Nursing-734-520.jpg"); } }
/* http://iwd.dev.dd:8083/sites/search.iowaworkforcedevelopment.gov/files/included_images/IowaCapitol-1170x526.png */
.wide-capitol-background {
  background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/included_images/Unemployment_Main_image_1170x500.jpg");
  display: block;
  max-width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0; }

@media screen and (max-width: 991px) {
  .wide-capitol-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/included_images/Unemployment_Main_image_768x500.jpg"); } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .wide-capitol-background {
    background-image: url("/sites/search.iowaworkforcedevelopment.gov/files/included_images/Unemployment_Main_image_992x500.jpg"); } }
/* set max width to 100% */
.mw-100 {
  max-width: 100%; }

.h-100 {
  height: 100%; }

.w {
  width: 100%; }

/* style to footer with black background */
#mini-panel-lower_front_page_triple {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }

#block-panels-mini-lower-front-page-triple .panels-flexible-region-inside {
  padding-left: 0;
  padding-right: 0; }

footer {
  /* background-color: $footer-background-color; */ }

.blackfoot-row {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }

.blackfoot-row-inside {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }

.blackfoot-canvas-inside {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }

.blackfoot-logo {
  background-color: #333333;
  width: 100%;
  color: #ffffff;
  margin: 0;
  display: block; }

.blackfoot-logo h2 {
  display: none; }

.blackfoot-logo p {
  background-color: #333333;
  width: 100%;
  color: #ffffff;
  margin: 0; }

.blackfoot-region {
  padding-top: 5px !important;
  padding-bottom: 6px !important;
  border-top: none !important; }

.blackfoot-region {
  background-color: #333333;
  color: #eeeeee;
  /* margin-left: 5px; */
  /* margin-right: 5px; */ }

.blackfoot-region h2 {
  color: #eeeeee;
  font-size: 16px;
  text-align: left;
  padding-left: 25px; }

.blackfoot-region h3 {
  color: #eeeeee;
  font-size: 14px; }

.blackfoot-region li a {
  color: #eeeeee;
  text-decoration: none;
  font-weight: normal;
  float: none !important;
  padding: 5px;
  display: block; }

.blackfoot-region li a:visited {
  color: #eeeeee;
  font-weight: normal; }

.blackfoot-region li a:hover {
  color: #ff3333;
  text-decoration: underline;
  background-color: #333333;
  font-weight: normal; }

.blackfoot-region li a:focus {
  color: #ff3333;
  text-decoration: underline;
  background-color: #333333;
  font-weight: normal; }

.blackfoot-region li a:active {
  color: underline;
  text-decoration: underline;
  background-color: #333333;
  font-weight: normal; }

.blackfoot-region ul {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  list-style: none; }

.blackfoot-region ul li {
  float: left !important;
  width: 100%; }

.blackfoot-region li {
  float: left !important;
  width: 100%; }

/* news block in lower right of front page */
.news-block {
  height: 100%;
  /* border-style: solid; */
  /* border-width: thin; */
  /* border-color: black; */
  /* margin-top: 2px; */ }

.news-block-content a {
  font-weight: 700; }

/* header of news block */
.news-block-head {
  height: 50px;
  background: #00808d; }

.news-block-content {
  height: 365px;
  overflow-y: scroll; }

.news-block-content li {
  padding-bottom: 15px; }

.news-block-footer {
  height: 40px; }

.short-news-block-header {
  background-color: #111111;
  text-transform: uppercase;
  margin-left: 20%;
  padding: 8px 0;
  clip-path: polygon(10% 50%, 20% 0%, 100% 0%, 100% 100%, 20% 100%);
  height: 50px; }

.short-news-block-header h2 {
  background: #111111;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 18pt;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 0; }

.news-block-button a,
.news-block-button a:visited {
  background: #111111;
  color: #ffffff;
  padding: 5px 10px;
  margin-bottom: 20px;
  text-decoration: none;
  border: 1px solid #111111; }

.news-block-button a:active,
.news-block-button a:focus,
.news-block-button a:hover {
  background: #ffffff;
  color: #111111;
  text-decoration: none; }

.news-block-content ul {
  list-style: none;
  padding-left: 15px; }

.news-block-content li {
  font-weight: 500;
  padding-bottom: 15px; }

.news-block-content a {
  font-weight: 500; }

.news-headline {
  background: #999; }

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .short-news-block-header {
    margin-left: 10%; } }
@media screen and (min-width: 769px) and (max-width: 991px) {
  .short-news-block-header {
    margin-left: 0; }

  .short-news-block-header h2 {
    font-size: 14pt;
    line-height: 1.5; } }
@media screen and (max-width: 768px) {
  .news-block > .panels-flexible-region-inside-last,
  .news-block-content,
  .news-block-footer,
  .news-block-head,
  .panels-flexible-region-inside-first,
  .unemployment-block > .panels-flexible-region-1-center-inside {
    width: 100%; } }
.expanded {
  display: block; }

/* overflow hidden in x direction */
.overflow-x-hidden {
  overflow-x: hidden; }

/* overflow hidden in y direction */
.overflow-y-hidden {
  overflow-y: hidden; }

.side-margin-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

@media screen and (max-width: 768px) {
  .side-margin-10 {
    margin-left: 0;
    margin-right: 0; } }
.small-icon-drop {
  margin-bottom: -10px; }

.blackfoot-region .announcement-line {
  padding: 10px 20px 20px !important !important;
  text-align: center;
  color: #ffffff;
  text-decoration: none; }

.blackfoot-region .announcement-line a,
.blackfoot-region .announcement-line a:visited {
  color: #FFC000;
  text-decoration: underline; }

.announcement-line a:active,
.announcement-line a:focus,
.announcement-line a:hover {
  color: #000000;
  text-decoration: underline; }

p.white-logo {
  padding: 20px !important !important; }

.footer {
  margin-top: 0; }

.field-name-field-businessindividual {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.icon-row p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px; }

.icon-row .icon-div {
  padding-top: 0 !important; }

.icon-div img {
  opacity: 1; }

.icon-div:hover img {
  opacity: 0.5; }

.screen-top-image {
  height: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden; }

/* billboard button */
.bbb {
  margin-top: 15px;
  margin-bottom: 15px !important;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.bbbn {
  margin-top: 15px;
  margin-bottom: 25px !important;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* add margin to top of images */
.top-hat {
  padding-top: 10px; }

.squash-h2 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.2; }

/* centering images approaches */
img.centered-image {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.imageContainer {
  overflow: hidden;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex; }

.imageContainer img {
  width: 100%;
  align-self: center; }

/* add margin to top of images */
.top-hat {
  padding-top: 15px; }

/* remove top border of footer */
.footer {
  border-top: none; }

/* accommodate three-by to change height of overlay when going one-by */
@media only screen and (max-width: 972px) {
  .early-widen .apprentice-bkgnd,
  .early-widen .better-job-bkgnd,
  .early-widen .blue-tran-back,
  .early-widen .build-background,
  .early-widen .green-tran-back,
  .early-widen .hbi-background,
  .early-widen .hbi-bkgnd,
  .early-widen .red-tran-back,
  .early-widen .talent-background {
    top: 60%;
    height: 40%; } }
/* background for business top image */
.business-top-image {
  background-image: url(/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Woman%20on%20iPad.jpg) !important;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden; }

/* background for individual top image */
.individual-top-image {
  background-image: url(/sites/search.iowaworkforcedevelopment.gov/files/uploaded_images/Unemployment_Main_image_1170x500.jpg) !important;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden; }

.blackfoot-canvas h2,
.blackfoot-canvas li,
.blackfoot-canvas ul {
  padding-left: 10px; }

.blackfoot-canvas h2 {
  padding-left: 25px !important; }

/* eliminate negative margins associated with Bootstrap row construct */
.trimmed-row {
  margin-left: 0;
  margin-right: 0; }

@media screen and (max-width: 972px) {
  .small-h2 h2 {
    font-size: 14px; } }
/* hide external link indicator on individual and busines landing page */
.field-name-field-html-paragraph span.ext {
  background: none !important;
  width: 0;
  height: 0; }

.summit-background span.ext {
  background: none !important;
  width: 0;
  height: 0; }

/*# sourceMappingURL=billboard.css.map */