/*  define headings and paragraph to meet requirements
 *  by content owners
*/
/* 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 */
/* load "Open Sans" fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,400italic,700italic,400,700);
/* H1 header format */
h1 {
  font-family: "Open Sans", sans-serif;
  color: #00808d;
  font-size: 20pt;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5; }

/* H2 header format */
h2 {
  font-family: "Open Sans", sans-serif;
  color: #39413d;
  font-size: 18pt;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 10px; }

/* implemented for myIowaUI in H2 */
h2.no-transform {
  text-transform: none; }

/* H3 header format */
h3 {
  font-family: "Open Sans", sans-serif;
  color: #b94630;
  font-size: 16pt;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5; }

/* declare a class to match h3 tag */
.h3 {
  font-family: "Open Sans", sans-serif;
  color: #b94630;
  font-size: 16pt;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5; }

/* H4, 5, & 6 format */
h4 {
  font-family: "Open Sans", sans-serif;
  color: #4e7d4b;
  font-size: 14pt;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.5; }

h5 {
  font-family: "Open Sans", sans-serif;
  font-family: Open Sans, sans-serif;
  color: blue;
  font-size: 12pt;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.5; }

h6 {
  font-family: "Open Sans", sans-serif;
  font-family: Open Sans, sans-serif;
  color: #5f6863;
  font-size: 11pt;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5; }

/* paragraph format */
p {
  font-family: "Open Sans", sans-serif !important;
  color: #39413d;
  font-size: 11pt;
  font-weight: normal;
  padding: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px; }

/* change default body text size to match paragraph */
body {
  font-family: "Open Sans", sans-serif;
  color: #39413d;
  font-size: 11pt;
  font-weight: normal; }

/* treatments for text links */
a {
  color: #00808d;
  text-decoration: underline; }

a:hover {
  color: #b94630;
  text-decoration: underline; }

a:visited {
  color: #004156; }

/* color for Read More links on accordian */
.btn-read-more a {
  color: #b94630 !important;
  text-decoration: underline; }

.btn-read-more a:hover {
  color: #b94630 !important;
  text-decoration: underline; }

.btn-read-more a:visited {
  color: #004156 !important; }

/*  formatting for the "UP" link in a book footer */
.page-up {
  font-size: 1.15em;
  margin: 0px 20px 5px 20px; }

/* set the second level of book table of contents in site's left sidebar*/
#block-book-navigation ul li.expanded ul li {
  font-style: italic;
  padding-left: 5px; }

#block-book-navigation ul li.collapsed a::before {
  content: url(/misc/menu-collapsed.png); }

#block-book-navigation ul li.expanded a::before {
  content: url(/misc/menu-expanded.png); }

#block-book-navigation ul li.leaf a::before {
  content: url(/misc/menu-leaf.png); }

/* this section defines component widths */
/* these can be used in views to coltrol some column widths */
.fix-width-10 {
  width: 10%; }

.fix-width-20 {
  width: 20%; }

.fix-width-30 {
  width: 30%; }

.fix-width-40 {
  width: 40%; }

.fix-width-50 {
  width: 50%; }

/* set up some width styles based on percentages */
.span20 {
  width: 20%; }

.span22 {
  width: 22%; }

.span23 {
  width: 23%; }

.span25 {
  width: 25%; }

/* section to define front page blocks as of May 26, 2015 or so */
.front-block-lightblue {
  background-color: #6b839d; }

.front-block-blue {
  background-color: #19497a; }

.front-block-darkgray {
  background-color: #2d3742; }

.front-block-red {
  background-color: #9C3122; }

/* new  definitions in 2018 */
.front-block-teal {
  background-color: #00808d; }

.front-block-brown {
  background-color: #39413d; }

.front-block-iwdblue {
  background-color: #004156; }

.front-block-green {
  background-color: #4e7d4b; }

div .front-block {
  padding: 2px 0px 0px 0px;
  font-size: 1em;
  line-height: 1.2;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: #d8d8d8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 10px; }

.front-block p {
  font-size: 14pt;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 10px; }

.front-block a {
  text-decoration-line: none; }

.front-block a:hover {
  text-decoration: underline; }

.row.equalheights {
  display: flex;
  flex-wrap: wrap; }

.col-2 {
  /* a phony class to aid in the application of equalheights wildcard above */ }

/* end of section to color and size color blocks on front page */
.nav-list li {
  border: 1px solid;
  border-style: none none solid none; }

.nav-list a:hover {
  text-decoration: underline !important; }

.front-block h2 {
  color: #ffffff;
  text-align: center;
  display: block;
  font-size: 18pt;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold; }

.front-block a {
  color: #ffffff;
  font-size: 14pt; }

.front-block a:hover {
  color: #ffffff;
  font-size: 14pt;
  text-decoration: underline; }

/* section to color the four boxes on the front page */
.frontbluish {
  background-color: #5d87a1;
  background: linear-gradient(#5d87a1, #446e88);
  background-image: -ms-linear-gradient(top, #5d87a1, #446e88);
  background-image: linear-gradient(to bottom, #5d87a1 0%, #446e88 100%); }

.frontgreenish {
  background-color: #b0bc22;
  background: linear-gradient(#b0bc22, #97a309);
  background-image: -ms-linear-gradient(top, #B0BC22, #97a309);
  background-image: linear-gradient(to bottom, #b0bc22 0%, #97a309 100%); }

.frontdustish {
  background-color: #959484;
  background: linear-gradient(#959484, #7c7b6b);
  background-image: -ms-linear-gradient(top, #959484, #7c7b6b);
  background-image: linear-gradient(to bottom, #959484 0%, #7c7b6b 100%); }

.frontpumpkin {
  background-color: #bc9038;
  background: linear-gradient(#bc9038, #a3771f);
  background-image: -ms-linear-gradient(top, #bc909c, #a3771f);
  background-image: linear-gradient(to bottom, #bc9038 0%, #a3771f 100%); }

/* establish shadow look for front page colored boxes and hover behaviour */
.frontboxshadow:hover {
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset -1px -1px 1px rgba(250, 250, 250, 0.4);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset -1px -1px 1px rgba(250, 250, 250, 0.4);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset -1px -1px 1px rgba(250, 250, 250, 0.4); }

.frontboxshadow {
  -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -1px -1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -1px -1px 1px rgba(0, 0, 0, 0.4); }

.frontbox {
  color: white;
  border: solid 1px #ccc;
  margin-left: 0px !important;
  height: 180px;
  overflow: hidden; }

/* rounded corners on left side */
.frontboxleft {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-left: 0px !important;
  behavior: url(/sites/all/themes/iwd/js/PIE.htc); }

/* rounded corners on right side */
.frontboxright {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  behavior: url(/sites/all/themes/iwd/js/PIE.htc); }

/* set the color of text in front colored boxes */
.frontbox p {
  color: #ffffff;
  padding: 0px 15px 0px 15px;
  font-family: "Open Sans", sans-serif; }

.frontbox ul {
  color: #fff; }

.frontbox li {
  color: "Open Sans", sans-serif;
  list-style: none; }

.frontbox a {
  color: "Open Sans", sans-serif; }

.frontbox a:hover {
  text-decoration: underline; }

.frontbox h4 {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  padding: 10px;
  font-size: 14pt;
  /* border-bottom: solid 1px #ccc; */
  text-align: center;
  margin: 0; }

/* two deviations on frontbox classes to enable comparisons of fonts */
.frontbox2 p {
  color: #ffffff;
  padding: 0px 15px 0px 15px;
  font-family: Arial, sans-serif !important; }

.frontbox2 h4 {
  color: #ffffff;
  font-family: Arial, sans-serif !important;
  padding: 10px;
  font-size: 14pt;
  /* border-bottom: solid 1px #ccc; */
  text-align: center;
  margin: 0; }

/* add margin to top of navigation to make the logo clickable*/
.region.region-navigation {
  margin-top: 45px; }

/* set up an unordered list type to use with front page navigation testing */
ul#navigation_pri {
  display: inline-block;
  clear: both;
  float: left;
  list-style-type: none; }

ul#navigation_pri li {
  display: inline;
  text-align: -webkit-match-parent; }

/* hide the h2 header above front page colored blocks */
.hideh2 h2 {
  display: none !important; }

/* hide division taxonomy display */
.field.field-name-field-department.field-type-taxonomy-term-reference.field-label-inline.clearfix {
  display: none; }

.lm-minus20 {
  margin-left: -20px; }

.lm-minus15 {
  margin-left: -15px; }

.lm-minus10 {
  margin-left: -10px; }

.lm-minus5 {
  margin-left: -5px; }

.lm-minus0 {
  margin-left: 0px; }

/* declare width of front page colored boxes */
/* the first set is for blocks to occupy left part of page */
.span-iwd {
  margin-left: 0px !important;
  width: 200px !important; }

.span-iwd:hover {
  /*   opacity: 0.9; */ }

/* define a wider version of front colored boxes */
.span-iwd-w {
  margin-left: 0px !important;
  width: 270px !important; }

.span-iwd-w:hover {
  /*   opacity: 0.9; */ }

/* hide header above front colored boxes */
.span-iwd-w h2 {
  display: none !important; }

/* end of front page box color definitions */
/* the following are used to change the look of site map - two columns and different text sizes */
#site-map .page-header {
  font-size: 16px;
  font-weight: bold; }

#site-map .titlex {
  font-size: 14px;
  font-weight: normal; }

#site-map .li {
  font-size: 12px;
  font-weight: normal; }

#site-map .content {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-rule-color: #ccc;
  -moz-column-rule-style: none;
  -moz-column-rule-width: 1px;
  -webkit-column-rule-color: #ccc;
  -webkit-column-rule-style: none;
  -webkit-column-rule-width: 1px;
  -ms-column-count: 2;
  -ms-column-gap: 20px;
  column-count: 2;
  column-gap: 20px; }

/* end of section to change the site map display */
/* eliminate border around navbar section */
#navbar {
  border: none !important; }

.navbar.container {
  border: none !important; }

/* Landscape phones and down */
@media all and (max-width: 520px) {
  .navbar .profile-info-wrapper {
    float: none;
    text-align: center; }

  .navbar .profile-info {
    padding: 0px;
    float: none;
    margin: 0px; }

  .navbar .profile-info-login {
    float: right;
    text-align: right; }

  #admin-menu {
    visibility: hidden; }

  #login-form, #register-form {
    width: 60%;
    margin: 20px auto;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    behavior: url(/sites/all/themes/iwd/js/PIE.htc); }

  .frontbox {
    height: auto !important; }

  .span22 {
    width: 80%; }

  .front-block {
    height: auto; }

  .webformtextarea {
    width: auto; } }
@media all and (max-width: 767px) {
  /* set height of colored navigation boxes */
  .frontbox {
    height: auto !important; }

  .span22 {
    width: 80%; }

  .webformtextarea {
    width: 440px; } }
@media all and (max-width: 960px) {
  .webformtextarea {
    width: 440px; } }
@media all and (min-width: 961px) {
  .webformtextarea {
    width: 440px; } }
/* do not let the window get smaller than 320 pixels */
/* the log-in dialog box and cause problems if the window gets too small */
body {
  min-width: 320px;
  width: auto !important; }

/* control look of menu list on right side of front page */
.region-sidebar-second {
  background-color: none !important;
  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important; }

/* change color of submit button */
@media all {
  button#edit-submit.btn-inverse {
    background: none;
    border: none;
    background-color: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -o-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: linear-gradient(#FFFFFF, #DDDDDD); } }
/* change the background color for the collapsed sections of accordian node displays */
.ui-state-default .views-row {
  background: #f5f5f5 !important; }

/* declare a class to display inline */
.inline-class {
  display: inline-block;
  height: 100%; }

/* change h2 in secondary sidebar */
.region-sidebar-second h2 {
  color: #0067b1 !important; }

/* formatting of lists to be used in secondary navigation
   to allow separate lists with borders */
.secondarylist {
  /*    border: solid 1px #ccc; */
  /*    border-radius:10px; */
  /*    border-color: #ccc; */
  padding: 10px;
  background-color: #f5f5f5;
  margin: 10px 0px 10px 0px;
  box-sizing: border-box;
  overflow: auto !important;
  behavior: url(/sites/all/themes/iwd/js/PIE.htc); }

.secondarylist h2 {
  color: #0067b1; }

.secondarylist ul {
  list-style-type: none;
  margin: 0px; }

.secondarylist li {
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 5px 5px 5px 10px !important;
  font-family: Arial, sans-serif !important;
  background-color: #fff;
  color: #111;
  behavior: url(/sites/all/themes/iwd/js/PIE.htc); }

.secondarylist a {
  color: #111 !important;
  font-family: Arial, sans-serif !important;
  font-size: 12pt; }

.secondarylist a:hover {
  text-decoration: underline; }

.secondarylist li:visited {
  color: #111 !important; }

/* little class to declare left and right margins */
.margin10 {
  margin: 0px 10px 0px 10px; }

/* adjustment to make the background of breadcrumbs match the page background */
ul.menu.nav li {
  float: right; }

/* make book navigation normal */
.book-navigation ul.menu.nav li {
  float: left; }

/* style top navbar menu */
section#block-menu-menu-iwd-navigation {
  /* margin-top: 80px; */
  float: right;
  width: 100%;
  z-index: 100; }

section#block-menu-menu-iwd-navigation li {
  display: inline-block; }

section#block-menu-menu-iwd-navigation li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  float: none !important;
  padding: 6px 10px 6px 10px !important;
  margin-top: 6px;
  color: #39413d !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 #ffffff !important;
  border-radius: 10px;
  border-color: #bbb;
  border-width: 1px;
  border-style: hidden; }

section#block-menu-menu-iwd-navigation li a:hover {
  /* text-decoration: underline !important; */
  /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; */
  /* font-size: 14px !important; */
  padding: 5px 9px 5px 9px !important;
  /* margin-top: 6px; */
  color: #39413d !important;
  background-color: #f5f5f5 !important;
  /* border-radius: 10px; */
  border-color: #bbb;
  /* border-width: 1px; */
  border-style: solid;
  /* text-decoration: none !important; */
  /* text-shadow: 0 1px 0 #ffffff !important; */ }

form#search-block-form {
  /*  margin-top: -60px; */ }

.search-results .search-info {
  display: none; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  float: right;
  border-radius: 0;
  border: solid;
  border-width: 1px;
  border-color: #ddd;
  border-right: none;
  border-left: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 2px 1px 1px #ddd;
  width: 100%; }

.quick-links {
  margin-bottom: 0px; }

.breadcrumb {
  color: #39413d;
  background-color: #d2d2d2;
  background: -o-linear-gradient(top, white 0%, #e7e6e6 100%) !important;
  background: -ms-linear-gradient(top, white 0%, #e7e6e6 100%) !important;
  background-image: -ms-linear-gradient(top, #ffffff 0%, #838282 100%);
  background: linear-gradient(to bottom, white 0%, #e7e6e6 100%);
  border-radius: 0;
  border: solid;
  border-width: 1px;
  border-color: #ddd;
  border-right: none;
  border-left: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 2px 1px 1px #ddd; }

.breadcrumb a {
  color: #39413d;
  font-size: 14px !important;
  padding: 2px 8px 2px 8px;
  text-decoration-line: none;
  border-color: transparent;
  border-width: 1px;
  border-style: solid; }

.breadcrumb a:hover {
  color: #39413d;
  text-decoration: none;
  padding: 2px 8px 2px 8px;
  margin-top: 6px;
  text-decoration: underline;
  background-color: #f5f5f5;
  border-radius: 10px;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid; }

.breadcrumb a:visited {
  color: #39413d;
  text-decoration: none; }

.breadcrumb a:active {
  color: #39413d;
  text-decoration: none; }

.breadcrumb a:focus {
  color: #39413d;
  text-decoration: none; }

/* modify parameter to get IE 9 to show better search input field */
.search-query {
  max-width: 166px !important;
  min-width: 166px !important; }

/* modify the size of blockquote text from 17px which shows badly in Calibri */
blockquote p {
  font-size: 16pt;
  color: #4e7d4b; }

/* set up classes for tables  */
.iwd-table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.iwd-table {
  overflow: auto; }

.iwd-table th, .iwd-table td {
  padding: 5px;
  line-height: 20px;
  /*text-align: left; */
  vertical-align: top;
  /*border-top: 1px solid #dddddd; */ }

.iwd-table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

/* adjustment to make description lines on webforms
   smaller and indented from the left */
.description {
  font-size: 9pt;
  margin-left: 40px;
  font-style: italic;
  margin-bottom: 6px; }

/* set the color of table header cell text */
.table th {
  color: #19497a; }

/* create 400 px high container for a table */
.tablecontainer400 {
  overflow-y: auto;
  height: 400px; }

/* create a class that hopefully stops an image from shrinking */
.noshrink {
  min-width: none;
  max-width: none;
  min-height: 100%;
  max-height: 100%;
  overflow: scroll;
  /* width: auto; */
  /* height: auto; */ }

/* create floating classes for images so that they do not have*/
/* to rely on style attributes */
.float_left {
  float: left; }

.float_right {
  float: right; }

/* define two classes to create divs that will offer sliders for */
/* content that goes off the side of the viewport */
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: scroll !important;
  /* -ms-overflow-style: -ms-autohiding-scrollbar; */ }

.div-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: scroll !important;
  /* -ms-overflow-style: -ms-autohiding-scrollbar; */ }

.overflow-hidden {
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.bordered-div {
  border-style: solid;
  border-width: 1px;
  padding: 5px; }

.side-list ul {
  margin: 0 0 10px 5px;
  padding-left: 5px; }

.side-list li {
  /* padding: 2px 5px; */
  padding: 5px 9px 5px 9px !important;
  font-size: 1em;
  border: 1px solid;
  border-style: none none none none;
  list-style: none;
  list-style-image: none;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

.side-list a {
  color: #39413d;
  padding: 5px 9px 5px 9px !important;
  font-size: 14px !important;
  /* padding: 2px 8px 2px 8px; */
  text-decoration-line: none;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  display: block; }

.side-list a:hover {
  color: #39413d;
  text-decoration: none;
  /* padding: 2px 8px 2px 8px; */
  /* margin-top: 6px; */
  text-decoration: underline;
  background-color: #f5f5f5;
  border-radius: 10px;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid; }

.side-list a:visited {
  color: #39413d;
  text-decoration: none; }

.side-list a:active {
  color: #39413d;
  text-decoration: none; }

.center {
  margin-left: auto;
  margin-right: auto; }

.padding-5 {
  padding-left: 5px;
  padding-right: 5px; }

.padding-r-10 {
  padding-right: 10px; }

.padding-bottom-15 {
  padding-bottom: 15px; }

.tinytext {
  font-size: 7pt;
  font-family: Arial, sans-serif; }

/* to keep tableau inserts scrollable when parts are off the page on the right */
.tableauPlaceholder {
  width: 100% !important;
  overflow-x: auto !important; }

/* hide external link icons when associated with an area structure in */
/* a client side map */
area.ext {
  display: none; }

/* additions to fix tableau help display page */
/* FAQ COLLAPSE/EXPAND STYLES */
.faqanswer {
  display: none;
  width: 550px;
  background: #19497A;
  padding: 12px 20px 0 30px; }

.faqanswer p {
  font-size: 13px;
  line-height: 17px; }

a.active {
  font-weight: bold; }

.togglefaq {
  text-decoration: none;
  color: #333;
  font-size: 13px;
  padding: 10px 30px;
  line-height: 20px;
  display: block;
  border: 1px solid #d0d0d0;
  width: 550px;
  margin-bottom: -1px; }

.icon-plus {
  color: #5ec4cd;
  margin-right: 20px;
  font-size: 20px;
  float: left; }

.icon-minus {
  color: #5ec4cd;
  margin-right: 20px;
  font-size: 20px;
  float: left; }

.btn-blue, .btn-blue:focus, .btn-blue:visited, .btn-blue:active {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-blue:hover, .btn-blue:focus {
  color: #ffffff;
  opacity: 0.8;
  background-color: #0061c1;
  background-image: -moz-linear-gradient(top, #0081c1, #0041c1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0081c1), to(#0041c1));
  background-image: -webkit-linear-gradient(top, #0081c1, #0041c1);
  /* background-image: -o-linear-gradient(top, #00881c1, #0041c1); */
  background-image: linear-gradient(to bottom, #0081c1, #0041c1);
  text-decoration: none;
  background-position: 0 0;
  -webkit-transition: background-position 0s linear;
  -moz-transition: background-position 0s linear;
  -o-transition: background-position 0s linear;
  transition: background-position 0s linear; }

/* set the height of program select box on views */
.control-group.form-type-select.form-item-field-programs-tid.form-item {
  height: 200px;
  overflow: scroll;
  border: 1px solid #cccccc;
  border-radius: 5px; }

.form-type-bef-checkbox input {
  display: inline-block;
  width: 25px;
  height: 15px;
  margin-top: 0;
  padding-top: 0;
  padding-top: 0;
  padding-bottom: 0; }

.form-type-bef-checkbox label {
  padding-top: 5px;
  display: inline-block; }

.bef-select-as-checkboxes {
  min-width: 350px;
  overflow: scroll;
  height: 250px; }

.bef-select-as-checkboxes {
  height: 250px;
  width: 300px;
  overflow: scroll; }

input#edit-field-geofield-distance-distance {
  width: 50px; }

input#edit-field-geofield-distance-origin {
  width: 250px; }

/* adjust size of program selector in apprenticeship proximity views */
div#edit-field-apprenticeship-programs-tid-wrapper {
  height: 350px;
  overflow: auto;
  border: 1px solid #cccccc;
  padding: 3px;
  margin: 5px;
  border-radius: 5px; }

/* adjust the size of apprenticeship filter box */
.control-group.form-type-select.form-item-field-apprenticeship-programs-tid.form-item {
  height: 350px;
  overflow: scroll;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-radius: 5px; }

/* adjust the font weight of apprentice program filter box */
.views-exposed-form label {
  font-weight: normal; }

.text-white {
  color: #ffffff; }

.flex-direction-nav a {
  overflow: visible; }

#front-page-slider img {
  border-radius: 10px 10px 0px 0px; }

.view.view-iwd-slider {
  margin-top: 50px; }

.max100 {
  max-width: 100%; }

/* hide external link indicator on buttons */
.btn span.ext {
  background-image: none; }

a.btn {
  text-decoration-line: none;
  text-align: center; }

.btn.ext {
  padding-left: 20px;
  -webkit-align-content: center;
  align-content: center; }

/* define IWD button definitions */
.iwd-btn-blue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #007ba3 !important;
  background-image: -moz-linear-gradient(top, #007ba3, #004156) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007ba3), to(#004156)) !important;
  background-image: -webkit-linear-gradient(top, #007ba3, #004156) !important;
  background-image: -o-linear-gradient(top, #007ba3, #004156) !important;
  background-image: linear-gradient(to bottom, #007ba3, #004156) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0) !important;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; }

.iwd-btn-blue:hover, .iwd-btn-blue:visited, .iwd-btn-blue:focus, .iwd-btn-blue:active {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #004156 !important;
  background-image: -moz-linear-gradient(top, #004156, #004156) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004156), to(#004156)) !important;
  background-image: -webkit-linear-gradient(top, #004156, #004156) !important;
  background-image: -o-linear-gradient(top, #004156, #004156) !important;
  background-image: linear-gradient(to bottom, #004156, #004156) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0) !important;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; }

.iwd-btn-blue span.ext {
  display: none !important; }

.iwd-btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #67a264 !important;
  background-image: -moz-linear-gradient(top, #67a264, #4e7d4b) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67a264), to(#4e7d4b)) !important;
  background-image: -webkit-linear-gradient(top, #67a264, #4e7d4b) !important;
  background-image: -o-linear-gradient(top, #67a264, #4e7d4b) !important;
  background-image: linear-gradient(to bottom, #67a264, #4e7d4b) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0) !important;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; }

.iwd-btn-green:hover, .iwd-btn-green:visited, .iwd-btn-green:focus, .iwd-btn-green:active {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4e7d4b !important;
  background-image: -moz-linear-gradient(top, #4e7d4b, #4e7d4b) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e7d4b), to(#4e7d4b)) !important;
  background-image: -webkit-linear-gradient(top, #4e7d4b, #4e7d4b) !important;
  background-image: -o-linear-gradient(top, #4e7d4b, #4e7d4b) !important;
  background-image: linear-gradient(to bottom, #4e7d4b, #4e7d4b) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0) !important;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; }

.iwd-btn-green span.ext {
  display: none !important; }

.iwd-btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d36854 !important;
  background-image: -moz-linear-gradient(top, #d36854, #b94630) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d36854), to(#b94630)) !important;
  background-image: -webkit-linear-gradient(top, #d36854, #b94630) !important;
  background-image: -o-linear-gradient(top, #d36854, #b94630) !important;
  background-image: linear-gradient(to bottom, #d36854, #b94630) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0) !important;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; }

.iwd-btn-red:hover, .iwd-btn-red:visited, .iwd-btn-red:focus, .iwd-btn-red:active {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #b94630 !important;
  background-image: -moz-linear-gradient(top, #b94630, #b94630) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b94630), to(#b94630)) !important;
  background-image: -webkit-linear-gradient(top, #b94630, #b94630) !important;
  background-image: -o-linear-gradient(top, #b94630, #b94630) !important;
  background-image: linear-gradient(to bottom, #b94630, #b94630) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0) !important;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; }

.iwd-btn-red span.ext {
  display: none !important; }

/* color the caret for the buttons  on dropdowns */
.iwd-btn-red .caret {
  border-top: 4px solid #ffffff; }

.iwd-btn-green .caret {
  border-top: 4px solid #ffffff; }

.iwd-btn-blue .caret {
  border-top: 4px solid #ffffff; }

/* move caret on dropdown to the right */
.dropdown, .dropup {
  position: relative; }

/* fix color of bootstrap buttons */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
  color: #ffffff; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:visited {
  color: #ffffff; }

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:visited {
  color: #ffffff; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:visited {
  color: #ffffff; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:visited {
  color: #ffffff; }

.btn-primary:visited {
  color: #ffffff; }

/* change h3 on views accordion to achieve better contrast */
.field-content.h3 {
  color: #0000c2 !important; }

/* align book navigation block li elements to be float: left; */
.block-book li {
  float: left !important; }

/* center an image */
img.centered-image {
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%); }

.imageContainer {
  overflow: hidden;
  display: flex; }

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

/* set size of question/answer filter box on views */
.view-id-questions .bef-select-as-checkboxes {
  height: auto;
  width: auto;
  overflow: scroll; }

/* make videos resize based on browser width */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 100%; }

/*  hide a field on content used to contain related information for search engine crawls */
.field-name-field-related-information {
  display: none; }

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