/********************************************* Imports ********************************************************/
/********************************************* Fonts **********************************************************/
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-semi-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-display-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Display';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-display-medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Display';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-display-semi-bold.ttf') format('truetype');
}
/********************************************* Imports ********************************************************/
/********************************************* Fonts **********************************************************/
/********************************************* Global Colors **************************************************/
/********************************************* Global Styles **************************************************/
/********************************************* Structure ******************************************************/
/********************************************* General ********************************************************/
/********************************************* Controls *******************************************************/
/********************************************* Media **********************************************************/
/********************************************* Tables *********************************************************/
/********************************************* Main Menu ******************************************************/
/********************************************* Devices ********************************************************/
/********************************************* Misc ***********************************************************/
/********************************************* Global Structure ***********************************************/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans Display', serif;
  letter-spacing: 0.1px;
  text-decoration-skip-ink: none;
}
*:focus {
  outline-color: #1980EC;
  outline-width: 2px !important;
}
main:focus {
  outline: none;
}
body {
  position: relative;
  margin: auto;
  overflow-x: hidden;
  font-size: 18px;
  line-height: 28px;
}
header {
  position: fixed;
  width: 100%;
  margin: auto;
  z-index: 50;
  background: radial-gradient(circle, #1a5380 50%, #0c3e66 100%);
}
header {
  background: radial-gradient(circle, #1a5380 0%, #0f4a7a 100%);
}
.header-top {
  position: relative;
  z-index: 51;
}
.header-top-frame {
  position: relative;
  height: 104px;
  padding: 17px 0 0 0;
}
.my-ohio-legislature-button {
  position: absolute;
  top: 0;
  right: 0px;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  padding: 5px 8px 4px 8px;
  border-radius: 0 0 6px 6px;
  border: solid #2c6794;
  border-width: 0 1px 1px 1px;
}
.my-ohio-legislature-button a {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}
.home-button {
  position: relative;
  width: 448px;
  margin: auto;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  display: flex;
}
.home-button-seal {
  margin: 4px 0 0 0;
  width: 64px;
  height: 64px;
}
.home-button-header {
  flex: 1;
}
.home-button .home-button-header .home-button-header-main {
  padding: 10px 0 0 0;
  color: #ffffff;
  font-family: 'Jost', serif;
  font-size: 37px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  text-align: center;
}
.home-button-header-tagline {
  padding: 3px 0 0 0;
  font-family: 'Jost', serif;
  color: #5b87a9;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-align: center;
}
.home-button img {
  float: left;
  margin: 0;
  padding: 0;
}
.header-bottom {
  position: relative;
  border: solid #2c6794;
  border-width: 1px 0px 0px 0px;
}
.header-bottom-frame {
  position: relative;
  height: 40px;
  padding: 0 0 0 0;
}
/********************************************* Page Header ****************************************************/
.page-header {
  top: 145px;
  position: fixed;
  width: 1320px;
  z-index: 20;
  margin: 10px auto 0 auto;
}
.page-header-down {
  margin: 14px auto 0 auto;
}
.page-header-up {
  margin: 0 auto 0 auto;
}
.page-header-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  overflow: hidden;
  z-index: 20;
  padding: 12px 0;
  color: #6f98b2;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 30px;
  text-transform: uppercase;
  text-align: center;
  background: #1a5380;
}
nav.page-header-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 39px;
  z-index: 20;
  text-align: left;
  padding: 0 0 0 26px;
  background: #1a5380;
}
.member-home nav.page-header-menu {
  background: rgba(26, 83, 128, 0.85);
}
nav.page-header-menu a {
  display: inline-block;
  margin: 0 1% 0 0;
  padding: 10px 13px 10px 13px;
  color: #ffffff;
  font-size: 17px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
  text-decoration: none;
}
nav.page-header-menu a:hover {
  background: #316791;
}
nav.page-header-menu a.active {
  background: #316791;
}
.page-header-background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 32px;
  background: url('../images/global/backgrounds/page-header-background.jpg') 0 0 no-repeat;
}
.page-header-background-menu {
  height: 40px;
}
.body-middle {
  position: relative;
}
.site-background {
  position: absolute;
  display: block;
  top: 208px;
  width: 100%;
  height: 504px;
  margin: 0;
  padding: 0 0 100px 0;
  background: #e4ebf1;
}
.content-layout {
  position: relative;
  margin: 0 0 0 0;
  padding: 155px 0 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}
.content-layout-extended {
  padding: 144px 0 0 0;
}
.content-layout-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  margin: auto;
  z-index: 1;
  background-position: center 0 !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
}
.content-layout-head {
  position: relative;
  height: 480px;
  z-index: 3;
}
.content-layout-body {
  position: relative;
  z-index: 4;
  padding: 0 0 0px 0;
}
.content-layout-body .content-frame-medium {
  background: #ffffff;
}
.content-container {
  min-height: 600px;
  display: block;
  padding: 60px 34px 40px;
}
.content-areas {
  display: flex;
}
.content-area {
  display: flex;
}
.content-area-rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.content-area-row {
  width: 100%;
  min-height: 100px;
}
.content-area-columns {
  flex-direction: row;
  gap: 20px;
  column-gap: 100px;
}
.content-area-column {
  flex: 1;
  min-height: 100px;
}
footer {
  position: relative;
  margin: 44px 0 0 0;
  padding: 0 0 0px 0;
  color: #444444;
  font-size: 18px;
  line-height: 30px;
  z-index: 3;
  background: #ffffff;
}
.footer-top {
  display: none;
  position: relative;
  margin: 0 0 6px 0;
  padding: 4px 0;
  z-index: 3;
  color: #ffffff;
  background: #ffffff;
}
.footer-bottom {
  border: solid #e2eaf0;
  border-width: 2px 0 0 0;
  position: relative;
  margin: 0 34px;
  padding: 18px 0 10px 0;
  background: #ffffff;
}
footer .footer-section p {
  margin: 0;
  padding: 7px 0;
}
footer .footer-section p,
footer .footer-section span,
footer a {
  font-size: 17px;
  line-height: 17px;
}
footer a {
  clear: both;
  display: inline-block;
  color: #444444;
  text-decoration: none;
  border: solid #e0e6ec;
  border-width: 0 1px 0 0;
  padding-left: 4px;
  padding-right: 9px;
}
footer a:last-child {
  border-width: 0;
}
footer a:hover {
  text-decoration: underline;
}
footer .footer-section {
  position: relative;
  float: left;
  width: 100%;
  min-height: 180px;
  padding: 0;
  text-align: center;
}
.footer-bottom div.rights-notice {
  display: inline;
}
/********************************************* Global Frames **************************************************/
.content-frame-small {
  position: relative;
  margin: auto;
  padding: 0 0px;
}
.content-frame-medium {
  position: relative;
  margin: auto;
  padding: 0 0px;
}
.content-frame-large {
  position: relative;
  margin: auto;
  padding: 0 0px;
}
/********************************************* Skip To Main ***************************************************/
a.skip-to-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
  color: #ffffff;
  background: #000000;
}
a.skip-to-main:focus,
a.skip-to-main:active {
  color: #ffffff;
  background: #000000;
  left: auto;
  top: auto;
  width: 240px;
  height: auto;
  overflow: auto;
  padding: 5px;
  text-align: left;
  font-size: 20px;
  z-index: 999;
}
/********************************************* Section ********************************************************/
.section {
  position: relative;
}
/********************************************* Section Header *************************************************/
.section-header {
  position: relative;
  margin: 0 0 4px 0;
  width: 100%;
}
.section-title {
  position: relative;
  margin: 7px 20px 0 0;
}
.section-title h1 {
  padding: 0 14px 0 0;
  margin-bottom: 0;
}
.section-title-addition {
  position: relative;
  float: left;
  margin: 2px 20px 0 0;
  padding: 4px 0 0 14px;
  color: #000000;
  font-size: 21px;
  line-height: 28px;
  border: solid #1a5380;
  border-width: 0 0 0 3px;
}
.return-link {
  clear: both;
  display: inline-block;
  margin: 0px 0 20px 1px;
  padding: 4px 7px 4px 7px;
  color: #ffffff;
  background: #1a5380;
  border-radius: 0px;
  font-size: 17px;
  line-height: 17px;
  font-weight: 400;
  text-decoration: none;
}
.return-link:hover {
  background: #114873;
}
.admin-return-link {
  clear: both;
  display: inline-block;
  margin: 8px 0 20px 1px;
  padding: 4px 10px;
  color: #165a8a;
  background: #e2eaf0;
  border-radius: 4px;
  vertical-align: top;
  font-size: 19px;
  line-height: 19px;
  text-decoration: none;
}
.admin-return-link:hover {
  background: #cddce7;
}
/********************************************* Section Menu ***************************************************/
.section-menu {
  clear: both;
  display: block;
  position: relative;
  margin: 4px 0 0px 0;
  padding: 0 0 0 0;
}
.section-menu a {
  margin: 0 0 8px 2px;
  padding: 6px 12px 5px 12px;
  display: inline-block;
  color: #ffffff;
  font-size: 19px;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  border: 0 solid #1a5380;
  border-radius: 4px;
  transition: 0.2s;
  background: #1a5380;
}
.section-menu a.active {
  border: 0 solid #1a5380;
  color: #ffffff;
  background: #4b7ea3;
}
.section-menu a:hover {
  border: 0 solid #1a5380;
  color: #ffffff;
  background: #4b7ea3;
}
/********************************************* Subsection *****************************************************/
.subsection {
  clear: both;
  position: relative;
}
.subsection-header {
  clear: both;
  width: 100%;
  margin: 10px 0 6px 0;
  display: inline-block;
  border: solid #e2eaf0;
  border-width: 0 0 2px 0;
}
.subsection-header h2 {
  float: left;
  margin: 0 12px 6px 0;
  padding: 4px 6px 4px 1px;
  color: #000000;
  font-size: 26px;
  line-height: 26px;
  font-weight: 600;
}
.subsection-header a.link-button,
.subsection-header button.link-button {
  vertical-align: text-top;
  min-width: 74px;
  margin: 2px 8px 0 0;
  padding: 3px 5px 3px 5px;
  font-size: 19px;
  line-height: 19px;
  background: #1a5380;
}
/********************************************* Subsection Menu ************************************************/
.subsection-menu {
  clear: both;
  position: relative;
  float: left;
  margin: 2px 0 28px 0;
  padding: 9px 0px 8px;
  width: 100%;
  border: solid #e2eaf0;
  border-width: 2px 0 0 0;
}
.subsection-menu ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.subsection-menu ul li {
  margin: 0 2px 0 0;
  padding: 0;
  display: inline-block;
  background: none;
}
.subsection-menu ul li a {
  margin: 0;
  padding: 9px 12px 8px 12px;
  display: inline-block;
  color: #111111;
  font-size: 19px;
  line-height: 19px;
  text-decoration: none;
  border: solid #e2eaf0;
  border-width: 2px;
  background-color: #ffffff;
}
/********************************************* Simple Menu ****************************************************/
.simple-menu {
  clear: both;
  display: block;
  position: relative;
  margin: 0px 0 16px 0;
  padding: 0 0 0 0;
}
.simple-menu a {
  font-size: 20px;
  line-height: 20px;
}
/********************************************* Corner Menu ****************************************************/
.corner-menu {
  position: absolute;
  top: 60px;
  right: 40px;
  padding: 0 0 0 0;
}
.admin-corner-menu {
  font-size: 18px;
  position: absolute;
  top: 38px;
  right: 0;
  padding: 0 0 0 0;
}
.admin-corner-menu a {
  margin: 0 0 0 4px;
  text-decoration: underline;
}
.user-info-panel {
  position: absolute;
  top: 18px;
  right: 0px;
  text-align: right;
  padding: 6px 0 0 0;
  color: #333333;
  font-size: 15px;
  line-height: 15px;
}
/********************************************* Layout 1 *******************************************************/
.layout-1 .left {
  float: left;
  width: 60%;
  padding: 0 20px 0 0;
}
/********************************************* Visibility *****************************************************/
.home-logo-small,
.home-logo-medium,
.home-logo-large {
  display: none;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  header {
    background: radial-gradient(circle, #1a5380 0%, #0f4a7a 100%);
  }
  .header-top-frame {
    height: 62px;
    padding: 6px 0 0 0;
    background: none;
  }
  .page-header {
    top: 70px;
    height: 28px;
  }
  .home-button {
    width: 274px;
  }
  .home-button-seal {
    margin: 2px 4px 0 0;
    width: 55px;
    height: 55px;
  }
  .home-button .home-button-header .home-button-header-main {
    padding: 10px 0 0 0;
    font-size: 23px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: 0px;
  }
  .home-button-header-tagline {
    padding: 3px 0 0 0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2px;
  }
  .header-bottom {
    border-width: 0;
  }
  .header-bottom-frame {
    height: 8px;
  }
  .layout {
    font-size: 18px;
    line-height: 28px;
  }
  .content-layout {
    padding: 80px 0 0 0;
    font-size: 17px;
    line-height: 24px;
  }
  .content-container {
    min-height: 10px;
    padding: 60px 18px 0px 18px;
  }
  .site-background,
  .my-ohio-legislature-button {
    display: none;
  }
  .home-logo-small {
    display: block;
  }
  nav.page-header-menu {
    height: 31px;
    padding: 0 0 0 0px;
  }
  nav.page-header-menu a {
    margin: 0;
    padding: 7px 7px 5px 7px;
    font-size: 16px;
    line-height: 19px;
  }
  .return-link {
    font-size: 15px;
    line-height: 15px;
  }
  .footer-bottom {
    margin: 0 24px;
    padding: 20px 0 10px 0;
  }
  .footer-bottom div,
  .footer-bottom div.rights-notice {
    display: block;
    margin: 0 0 16px 0;
  }
  .footer-bottom a {
    display: block;
    line-height: 24px;
    margin: 0 0 2px 0;
    border: none;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  header {
    background: radial-gradient(circle, #1a5380 0%, #0f4a7a 100%);
  }
  .header-top-frame {
    height: 102px;
    padding: 15px 0 0 0;
    background: none;
  }
  .home-button {
    width: 412px;
    padding-right: 20px;
  }
  .home-button-seal {
    margin: 8px 4px 0 0;
    width: 57px;
    height: 57px;
  }
  .home-button .home-button-header .home-button-header-main {
    padding: 10px 0 0 0;
    font-size: 34px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 0.5px;
  }
  .home-button-header-tagline {
    padding: 1px 0 0 0;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 4px;
  }
  .header-bottom-frame {
    height: 0;
  }
  .page-header {
    top: 102px;
    height: 28px;
  }
  nav.page-header-menu {
    height: 39px;
    padding: 0 0 0 0px;
  }
  nav.page-header-menu a {
    margin: 0 0% 0 0;
    padding: 11px 12px 9px;
    font-size: 16px;
    line-height: 19px;
  }
  .return-link {
    font-size: 15px;
    line-height: 15px;
  }
  .content-layout {
    padding: 112px 0 0 0;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
  }
  .content-container {
    min-height: 640px;
    padding: 54px 28px;
  }
  .home-logo-medium {
    display: block;
  }
  .my-ohio-legislature-button {
    border-radius: 0 0 0px 6px;
    border-width: 0 0px 1px 1px;
  }
  .footer-bottom {
    margin: 0 28px;
    padding: 30px 0 10px 0;
  }
}
/********************************************* Desktops *******************************************************/
@media screen and (min-width: 961px) and (max-width: 1320px) {
  header {
    background: radial-gradient(circle, #1a5380 0%, #0f4a7a 100%);
  }
  .home-logo-large {
    display: block;
  }
  .my-ohio-legislature-button {
    border-radius: 0 0 0px 6px;
    border-width: 0 0px 1px 1px;
  }
}
/********************************************* Large Screens **************************************************/
@media screen and (min-width: 1321px) {
  .content-frame-small {
    width: 1140px;
  }
  .content-frame-medium {
    width: 1320px;
  }
  .content-frame-large {
    width: 100%;
  }
  .home-logo-large {
    display: block;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Links **********************************************************/
a {
  color: #165a8a;
  text-decoration: underline;
  cursor: pointer;
}
/********************************************* Headers ********************************************************/
h1 {
  font-family: 'Jost', serif;
  margin: 2px 0 16px 0;
  color: #000000;
  font-size: 35px;
  line-height: 35px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h2 {
  font-family: 'Jost', serif;
  font-size: 29px;
  line-height: 28px;
  font-weight: 500;
  margin: 0 0 12px 0;
  color: #a89b87;
}
h3 {
  font-family: 'Jost', serif;
  margin: 0px 0 4px 0;
  padding: 0;
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  text-align: left;
}
/********************************************* Paragraph ******************************************************/
p {
  margin: 0 0 20px 0;
}
p:last-child {
  margin-bottom: 0;
}
/********************************************* Content Areas **************************************************/
.content-areas {
  display: flex;
}
.content-area {
  display: flex;
}
.content-area-rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.content-area-row {
  width: 100%;
  min-height: 100px;
}
.content-area-columns {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.content-area-column {
  flex: 1;
  min-height: 100px;
}
/********************************************* Section ********************************************************/
section {
  margin: 0;
}
section.general-content {
  padding: 1% 3%;
}
section:last-child {
  margin-bottom: 0;
}
/********************************************* Section Dividers ***********************************************/
.section-divider {
  clear: both;
  width: 100%;
  display: block;
  margin: 0 auto;
  height: 68px;
  background: url('../images/global/other/section-divider.png') center 20px no-repeat;
}
.section-divider-short {
  height: 48px;
  background: url('../images/global/other/section-divider.png') center 0px no-repeat;
}
.sidebar-divider {
  clear: both;
  width: 100%;
  display: block;
  margin: 0 auto;
  height: 48px;
  background: url('../images/global/other/sidebar-divider.png') center center no-repeat;
}
.sidebar-divider:last-child {
  display: none;
}
/********************************************* Lists **********************************************************/
ul {
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 22px;
  list-style: none;
}
ul li {
  padding: 4px 0 12px 24px;
  font-size: 19px;
  line-height: 26px;
  text-indent: 0;
  color: #333333;
  background: url('../images/global/icons/bullet.png') 0 12px no-repeat;
}
ul li ul {
  padding: 4px 0 0 0;
}
ul li a {
  color: #333333;
  text-decoration: none;
}
ul li a:hover {
  color: #165a8a;
  text-decoration: underline;
}
ol {
  list-style-position: inside;
}
ol li {
  padding: 4px 0 4px 0;
}
ol li ol li {
  padding: 4px 0 4px 30px;
}
ul.two-column-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
/********************************************* Lines **********************************************************/
.vertical-bar {
  display: inline-block;
  margin: 0 3px;
  line-height: 14px;
  vertical-align: middle;
  width: 1px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.6);
}
/********************************************* Spacers ********************************************************/
.spacer-2 {
  height: 2px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-4 {
  height: 4px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-8 {
  height: 8px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-12 {
  height: 12px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-16 {
  height: 16px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-24 {
  height: 24px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-32 {
  height: 32px;
  font-size: 1px;
  line-height: 1px;
}
.spacer-48 {
  height: 48px;
  font-size: 1px;
  line-height: 1px;
}
/********************************************* Horizontal Spacers *********************************************/
.horizontal-spacer-8 {
  width: 8px;
  display: inline-block;
}
.horizontal-spacer-12 {
  width: 12px;
  display: inline-block;
}
.horizontal-spacer-16 {
  width: 16px;
  display: inline-block;
}
.horizontal-spacer-24 {
  width: 24px;
  display: inline-block;
}
.horizontal-spacer-44 {
  width: 44px;
  display: inline-block;
}
/********************************************* Highlighted Block **********************************************/
.did-you-know {
  overflow: auto;
  float: left;
  width: 100%;
  margin: 0;
  padding: 5% 5%;
  font-size: 19px;
  line-height: 32px;
  color: #000000;
  background: #eeeeee;
}
.did-you-know-module {
  font-size: 20px;
  line-height: 28px;
  color: #8f8372;
  margin: 0 0 32px 0;
}
.did-you-know-module:last-child {
  margin-bottom: 0;
}
/********************************************* Highlighted Block **********************************************/
.highlight-block {
  margin: 40px auto;
  width: 100%;
  background: #ccc8bc;
}
.highlight-block .highlight-block-header {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding: 12px 28px;
  background: #8f8372;
}
.highlight-block .highlight-block-header h2 {
  color: #ffffff;
  margin: 0;
}
.highlight-block .highlight-block-body {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  padding: 20px 28px;
  color: #8f8372;
}
/********************************************* Error Notice ***************************************************/
.error-notice {
  margin: 80px auto;
  text-align: left;
  width: 90%;
  color: #000000;
  background: #dadada;
  padding: 32px 40px 44px 40px;
}
.error-notice h2 {
  margin: 10px 0 0 0;
  line-height: 26px;
}
.error-notice-diagnostics {
  clear: both;
  border: solid #333333;
  border-width: 1px 0 0 0;
  margin: 20px 0 0 0;
  padding: 8px 0;
}
/********************************************* Panel **********************************************************/
.expandable-panel {
  margin: 0 0 4px 0;
  padding: 0;
  display: inline-block;
}
.expandable-panel .panel-header {
  margin: 0 0 0 0;
  width: 100%;
  text-align: left;
  font-family: 'Noto Sans Display', serif;
  font-size: 18px;
  line-height: 18px;
  padding: 0px 0px;
  color: #000000;
  background: #ffffff;
  border: solid #e2eaf0;
  border-width: 0px 0 0px 0;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.expandable-panel .panel-header .closed-text,
.expandable-panel .panel-header .opened-text {
  display: inline-block;
  font-family: 'Noto Sans Display', serif;
  font-size: 18px;
  line-height: 18px;
  color: #165a8a;
}
.expandable-panel .panel-header .opened-text {
  display: none;
}
.expandable-panel .panel-header .indicator {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  margin: 7px 8px 0 0;
  border-radius: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.budget-document-module-expandable .expandable-panel .panel-header .indicator {
  margin: 3px 8px 0 0;
}
.expandable-panel .panel-header .indicator .arrow {
  display: block;
  width: 14px;
  height: 14px;
  transition: 0.2s;
  background: url('../images/global/icons/expandable-panel-arrow.png') 0px 0px no-repeat;
}
.expandable-panel .panel-body {
  display: none;
  padding: 12px 0px;
}
.expandable-panel .panel-body-open {
  display: block;
}
.expandable-panel-spin-close {
  transition: 0.2s;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.expandable-panel-spin-open {
  transition: 0.2s;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/********************************************* Pete Fact ******************************************************/
.pete-fact {
  display: block;
  position: relative;
}
.pete-fact-icon {
  float: left;
  position: relative;
  margin: 7px 16px 0 0;
  width: 36px;
  height: 36px;
  border: 2px solid #e0e6ec;
  background: url('../images/pete-facts/pete-icon.png') center center no-repeat;
}
.pete-fact-body {
  display: none;
  position: absolute;
  top: 0;
  left: 0px;
  padding: 7px 0 0 44px;
  width: 240px;
  transition: 0.2s;
}
.pete-fact-body-inner {
  display: block;
  min-width: 280px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 24px;
  border: 2px solid #e0e6ec;
  background: #ffffff;
}
.pete-fact-body-inner .pete-fact-image-container {
  position: relative;
  display: block;
  width: 100%;
  background: #000000;
  margin: 6px 0 12px 0;
}
.pete-fact-body-inner .pete-fact-image-container .pete-fact-image {
  position: relative;
  display: block;
  margin: auto;
}
.pete-fact-body .pete-fact-icon {
  margin: 0px 12px 0 0;
  width: 36px;
  height: 36px;
  border: none;
}
.pete-fact:hover > .pete-fact-body {
  display: block;
}
/********************************************* Misc ***********************************************************/
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.clear {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 1px;
}
.display-none {
  display: none !important;
}
.display-block {
  display: block !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline {
  display: inline !important;
}
.visibility-hidden {
  visibility: hidden;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.bold {
  font-weight: bold;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-left-margin {
  margin-left: 0 !important;
}
.no-right-margin {
  margin-right: 0 !important;
}
.no-top-padding {
  padding-top: 0 !important;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
.no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-left-padding {
  padding-left: 0 !important;
}
.no-right-padding {
  padding-right: 0 !important;
}
.compact-text {
  line-height: 24px !important;
}
.bottom-note {
  padding: 10px 0 10px 0;
  font-size: 19px;
}
.file-format-icon {
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0 0 0 6px;
  padding: 0px 4px;
  color: #ffffff;
  background: #1a5380;
  border-radius: 2px;
  text-decoration: none;
}
ul li .file-format-icon {
  vertical-align: top;
  line-height: 27px;
}
.black {
  color: #000000 !important;
}
.no-underline {
  text-decoration: none;
}
.external-link-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../images/global/icons/external-link.png') center 2px no-repeat;
}
.screen-reader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/********************************************* Visibility *****************************************************/
.smart-phone-show {
  display: none;
}
.tablet-show {
  display: none;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  section.general-content {
    padding: 1% 0%;
  }
  section {
    margin: 0 0 0px 0;
  }
  section.general-content {
    padding: 2% 2%;
  }
  section:last-child {
    margin-bottom: 0;
  }
  h1 {
    margin: 4px 0 16px 0;
    font-size: 24px;
    line-height: 23px;
    letter-spacing: 0;
  }
  h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    margin: 0 0 8px 0;
  }
  h3 {
    margin: 0px 0 4px 0;
    color: #000000;
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
  ul {
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 22px;
    list-style: none;
  }
  ul li {
    padding: 4px 0 12px 24px;
    font-size: 16px;
    line-height: 22px;
    text-indent: 0;
    color: #333333;
    background: url('../images/global/icons/bullet.png') 0 12px no-repeat;
  }
  .did-you-know-module {
    font-size: 18px;
    line-height: 28px;
  }
  .smart-phone-hide {
    display: none;
  }
  .smart-phone-show {
    display: initial;
  }
  .highlight-block {
    margin: 20px auto;
  }
  .highlight-block .highlight-block-header {
    padding: 12px 12px 10px 12px;
  }
  .highlight-block .highlight-block-header h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .highlight-block .highlight-block-body {
    font-size: 16px;
    line-height: 22px;
    padding: 12px 18px;
  }
  .content-area-columns {
    flex-direction: column;
    gap: 40px;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  h1 {
    margin: 2px 0 16px 0;
    font-size: 32px;
    line-height: 32px;
  }
  h2 {
    font-size: 26px;
    line-height: 29px;
    margin: 0 0 12px 0;
  }
  h3 {
    margin: 0px 0 4px 0;
    font-size: 24px;
    line-height: 28px;
  }
  ul li {
    padding: 4px 0 12px 24px;
    font-size: 18px;
    line-height: 24px;
    background: url('../images/global/icons/bullet.png') 0 11px no-repeat;
  }
  section.general-content {
    padding: 1% 0%;
  }
  .tablet-hide {
    display: none;
  }
  .tablet-show {
    display: initial;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Text Inputs ****************************************************/
input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input {
  width: 100%;
  margin: 0 15px 0 0;
  padding: 8px 4px 8px 7px;
  display: inline-block;
  color: #000000;
  font-size: 17px;
  line-height: 20px;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  transition: 0.2s;
  background: #ffffff;
  outline: none;
}
input[type="file"] {
  padding: 5px 0 0 4px;
  margin-right: 22px;
  height: 38px;
}
textarea {
  position: relative;
  float: left;
  width: 100%;
  padding: 6px 4px 6px 7px;
  font-size: 17px;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  outline: none;
  transition: 0.2s;
  background: #ffffff;
}
input::placeholder,
textarea::placeholder {
  color: #cbd2d6;
}
input:focus::placeholder {
  color: transparent;
}
/********************************************* Search Bar *****************************************************/
.search-bar {
  position: relative;
  float: left;
  width: 417px;
  height: 38px;
  margin: 0 10px 10px 0;
  padding-right: 80px;
  background: #ffffff;
}
.search-bar .search-bar-input {
  float: left;
  width: 100%;
  height: 38px;
  font-size: 17px;
  line-height: 20px;
  padding-right: 14px;
  border: solid #d3dbe0;
  transition: 0.2s;
  border-width: 1px 0 1px 1px;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
}
.search-bar .search-bar-input input {
  width: 100%;
  height: 36px;
  border: none;
  background: #ffffff;
}
.search-bar .search-bar-clear {
  position: absolute;
  top: 10px;
  right: 102px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  background: #dadada url('../images/global/icons/clear-value-icon.png') center center no-repeat;
}
.search-bar .search-bar-clear:hover {
  background: #cccccc url('../images/global/icons/clear-value-icon.png') center center no-repeat;
}
.search-bar .search-bar-button {
  position: absolute;
  right: 0;
  width: 94px;
}
.search-bar .search-bar-button button,
.search-bar .search-bar-button a {
  float: right;
  width: 100%;
  height: 38px;
  border: 0 solid #d3dbe0;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  background: #1a5380 url('../images/global/icons/search-bar-button-white.png') center center no-repeat;
}
/********************************************* Open Record Control ********************************************/
.open-record-control {
  position: relative;
  float: left;
  width: 240px;
  height: 38px;
  margin: 0 16px 10px 0;
  padding-right: 50px;
  background: #ffffff;
}
.open-record-control .open-record-control-input {
  float: left;
  width: 100%;
  height: 38px;
  padding-right: 14px;
  border: solid #d3dbe0;
  transition: 0.2s;
  border-width: 1px 0 1px 1px;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
}
.open-record-control .open-record-control-input input {
  width: 100%;
  border: none;
  font-size: 17px;
  line-height: 21px;
  vertical-align: middle;
  padding: 3px 4px 0 8px;
  background: #ffffff;
}
.open-record-control .open-record-control-button {
  position: absolute;
  right: 0;
  width: 64px;
}
.open-record-control .open-record-control-button button,
.open-record-control .open-record-control-button a {
  float: right;
  color: #ffffff;
  font-size: 17px;
  line-height: 17px;
  padding: 0;
  vertical-align: top;
  width: 100%;
  height: 38px;
  border: 0 solid #d3dbe0;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  background: #1a5380;
}
/********************************************* File Upload ****************************************************/
.file-upload-container {
  float: left;
  margin: 0 12px 0 0;
}
.file-upload-note {
  display: block;
  margin: 0;
  padding: 4px 0 2px 1px;
  color: #1a5380;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
}
/********************************************* Select *********************************************************/
.select-container {
  position: relative;
  margin: 0 15px 0 0;
}
.select-container::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 38px;
  margin: 0;
  padding: 0 4px 0 5px;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: 0 4px 4px 0;
  background: #1a5380 url(../images/global/icons/select-arrow-white.png) center 13px no-repeat;
}
select {
  font-family: 'Noto Sans Display', serif;
  width: 100%;
  margin: 0;
  padding: 8px 4px 8px 7px;
  display: inline-block;
  color: #000000;
  cursor: pointer;
  font-size: 17px;
  line-height: 20px;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  transition: 0.2s;
  background: #ffffff;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/********************************************* Checkbox *******************************************************/
.checkbox-container {
  position: relative;
  margin: 12px 40px 4px 0;
  padding: 0 0 0 32px;
  display: block;
  font-size: 16px;
  text-align: left;
  line-height: 22px;
  cursor: pointer;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-container-small {
  position: relative;
  margin: 12px 40px 4px 0;
  padding: 0 0 0 32px;
  text-align: left;
  line-height: 22px;
  cursor: pointer;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 4px 0 4px 0;
  padding: 0 0 0 28px;
  display: block;
  font-size: 16px;
  line-height: 23px;
}
.checkbox-container-inline {
  float: left;
  margin: 7px 40px 7px 0;
  padding: 0 0 0 28px;
  display: block;
  font-size: 15px;
  line-height: 19px;
}
.checkbox-container input,
.checkbox-container-small input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  transition: 0.2s;
  border-radius: 4px;
  background: #dcdfe0;
}
.radio-choice-option .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #dcdfe0;
  border-radius: 50%;
}
.panel-control .panel-control-body .checkmark {
  background: #dcdfe0;
}
.panel-control .panel-control-body .checkmark:hover {
  background: #dcdfe0;
}
.checkbox-container-small .checkmark {
  top: 3px;
  width: 17px;
  height: 17px;
}
.checkbox-container:hover input ~ .checkmark,
.checkbox-container-small:hover input ~ .checkmark {
  background: #dcdfe0;
}
.checkbox-container input:focus ~ .checkmark,
.checkbox-container-small input:focus ~ .checkmark {
  background: #cccccc;
  outline: 2px solid #1980EC;
}
.checkbox-container input:checked ~ .checkmark,
.checkbox-container-small input:checked ~ .checkmark {
  background: #1a5380 !important;
}
.checkmark:after {
  position: absolute;
  display: none;
  content: "";
}
.checkbox-container input:checked ~ .checkmark:after,
.checkbox-container-small input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-container .checkmark:after,
.checkbox-container-small .checkmark:after {
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-container-small .checkmark:after {
  top: 1px;
  left: 5px;
  width: 4px;
  height: 9px;
}
/********************************************* Checkbox Group *************************************************/
.default-form .checkbox-group-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}
.default-form .checkbox-group-grid fieldset {
  position: relative;
  flex: 1 0 30%;
  float: initial;
  min-width: initial;
}
/********************************************* Radio Choice ***************************************************/
.radio-choice-container {
  float: left;
  display: block;
  margin: 0 15px 0 0;
  padding: 2px 4px 0 7px;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  background: #ffffff;
}
.radio-choice-container-transparent {
  float: left;
  display: block;
  margin: 0 15px 0 0;
  padding: 2px 4px 0 7px;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  background: #ffffff;
  padding: 1px 4px 1px 0;
  background: transparent;
  border: 1px solid transparent;
}
.radio-choice-option {
  float: left;
  display: block;
  position: relative;
  padding: 5px 0 5px 26px;
  margin-bottom: 2px;
  margin-right: 18px;
  cursor: pointer;
  font-size: 17px;
  line-height: 19px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-choice-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-choice-option .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #dcdfe0;
  border-radius: 50%;
}
.radio-choice-option:hover input ~ .checkmark {
  background-color: #dcdfe0;
}
.radio-choice-option input:focus ~ .checkmark {
  background: #cccccc;
  outline: 2px solid #1980EC;
}
.radio-choice-option input:checked ~ .checkmark {
  background-color: #1a5380;
}
.radio-choice-option.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-choice-option input:checked ~ .checkmark:after {
  display: block;
}
.radio-choice-option .checkmark:after {
  top: 5px;
  left: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}
/********************************************* Image Radio Choice *********************************************/
.image-radio-choice {
  margin: 0 0 0;
  display: inline;
  font-size: 16px;
  line-height: 22px;
}
.image-radio-choice input {
  float: left;
  width: 0;
  margin: 0 8px 0 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.image-radio-choice label {
  float: left;
  width: 100px;
  height: 34px;
  margin: 0 8px 0 0;
  padding: 0;
  display: inline-block;
  color: #000000;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
  background: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/********************************************* Date Selector **************************************************/
.date-selector-container {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.date-selector-container input {
  float: left;
}
.date-selector-container img {
  margin-top: 2px;
  margin-right: 0;
}
input[type="text"].date-entry {
  width: 102px;
  margin: 0 10px 0 0;
}
.floating-text-container {
  padding: 0 2px;
  float: left;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
}
/********************************************* Time Selector **************************************************/
.time-selector-container {
  float: left;
  margin-right: 20px;
  margin-left: 10px;
  cursor: pointer;
}
.time-selector-container input {
  float: left;
  margin: 4px 8px 0 0;
}
/********************************************* Color Picker ***************************************************/
input[type="color"] {
  width: 34px;
  height: 34px;
  padding: 2px 4px;
}
input[type="color"]::-webkit-color-swatch {
  border: none;
}
/********************************************* Buttons ********************************************************/
a.link-button,
button.link-button {
  min-width: 138px;
  margin: 0 8px 4px 0;
  padding: 10px 16px;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  border: 0 solid #043c66;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  background: #1a5380;
}
a.link-button:hover,
button.link-button:hover {
  color: #ffffff;
  background: #4b7ea3;
}
a.link-button-small,
button.link-button-small {
  min-width: 138px;
  margin: 0 8px 4px 0;
  padding: 10px 16px;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  border: 0 solid #043c66;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  background: #1a5380;
  float: left;
  min-width: 60px !important;
  margin: 4px 10px 0 0;
  padding: 5px 8px 5px 8px;
  font-size: 15px;
  line-height: 16px;
}
ul li a.link-button {
  min-width: 138px;
  margin: 0 8px 4px 0;
  padding: 10px 16px;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  border: 0 solid #043c66;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  background: #1a5380;
  vertical-align: text-top;
  margin: 1px 0 0 10px;
  font-size: 14px;
  padding: 2px 4px 2px 4px;
  min-width: 40px;
  text-decoration: none;
}
ul li a.link-button:hover {
  text-decoration: none;
}
/********************************************* Scroll Panel ***************************************************/
.scroll-panel-base {
  padding: 8px 8px;
  border: 2px solid #e2eaf0;
  margin: 0 0 8px 0;
  width: 100%;
  overflow-y: scroll;
  background: #ffffff;
  border-radius: 4px;
}
.scroll-panel-short {
  padding: 8px 8px;
  border: 2px solid #e2eaf0;
  margin: 0 0 8px 0;
  width: 100%;
  overflow-y: scroll;
  background: #ffffff;
  border-radius: 4px;
  height: 100px;
}
.scroll-panel-medium-short {
  padding: 8px 8px;
  border: 2px solid #e2eaf0;
  margin: 0 0 8px 0;
  width: 100%;
  overflow-y: scroll;
  background: #ffffff;
  border-radius: 4px;
  height: 120px;
}
.scroll-panel-medium {
  padding: 8px 8px;
  border: 2px solid #e2eaf0;
  margin: 0 0 8px 0;
  width: 100%;
  overflow-y: scroll;
  background: #ffffff;
  border-radius: 4px;
  height: 360px;
}
.scroll-panel-medium-tall {
  padding: 8px 8px;
  border: 2px solid #e2eaf0;
  margin: 0 0 8px 0;
  width: 100%;
  overflow-y: scroll;
  background: #ffffff;
  border-radius: 4px;
  height: 480px;
}
.scroll-panel-tall {
  padding: 8px 8px;
  border: 2px solid #e2eaf0;
  margin: 0 0 8px 0;
  width: 100%;
  overflow-y: scroll;
  background: #ffffff;
  border-radius: 4px;
  height: 600px;
}
/********************************************* Panel Controls *************************************************/
.panel-control {
  position: relative;
  display: inline-block;
  width: 200px;
  margin: 0 8px 10px 0;
  padding: 0 0 0 0;
}
.search-filters .panel-control {
  float: left;
}
.panel-control-header {
  font-family: 'Noto Sans Display', serif;
  width: 100%;
  position: relative;
  padding: 0px 2px 0px 10px;
  color: #000000;
  vertical-align: top;
  height: 38px;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  background: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panel-control-header .multiline-label {
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  font-size: 14px;
  line-height: 15px;
  width: 154px;
}
.panel-control-header:hover {
  background: #e2eaf0;
  color: #1a5380;
  border-color: #4b7ea3;
}
.panel-control-header:hover strong {
  color: #1a5380;
}
.panel-control-header .indicator {
  position: absolute;
  display: block;
  top: 8px;
  right: 8px;
  width: 19px;
  height: 19px;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
}
.panel-control-header .indicator .arrow {
  display: block;
  width: 19px;
  height: 19px;
  transition: 0.2s;
  background: url('../images/global/icons/panel-control-arrow.png') 2px 6px no-repeat;
}
.panel-control-body {
  position: absolute;
  width: 100%;
  max-height: 280px;
  margin: -1px 0 0 0;
  padding: 4px 0 0 0;
  text-align: left;
  display: none;
  z-index: 12;
  overflow-y: auto;
  border: 1px solid #d3dbe0;
  border-radius: 0;
  background: #ffffff;
}
.panel-control-body .empty-selector {
  font-size: 15px;
  color: #62829c;
  line-height: 20px;
  margin: 4px 7px 8px 7px;
  padding: 8px 10px;
  background: #e2eaf0;
}
.panel-control-body fieldset.select-control-options {
  margin: 0;
  padding: 0 8px;
  border: 0;
}
.panel-control-body fieldset.select-control-options button {
  display: block;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 2px 8px;
  font-size: 17px;
  font-weight: normal;
  line-height: 22px;
  border: none !important;
  color: #111111;
  background-color: #ffffff;
  cursor: pointer;
}
.panel-control-body fieldset.select-control-options button:hover {
  background-color: #dadada;
}
.panel-control-body .select-control-options {
  padding: 4px 8px;
}
.panel-control-body .select-control-options .options-header {
  padding: 4px 0 0 5px;
  color: #000000;
  font-family: 'Jost', serif;
  font-size: 18px;
}
.panel-control-body .select-control-options .option {
  clear: both;
  margin: 0 0 4px 0;
  padding: 4px 8px 4px 0;
}
.panel-control-body .select-control-options .option:hover {
  background: #e6e9eb;
}
.panel-control-body .select-control-options .option .option-label {
  margin: 0 0 0 28px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
}
.panel-control-body .select-control-options .option .option-label-no-image {
  margin: 0 0 0 6px;
  color: #000000;
  font-size: 14px;
  line-height: 14px;
}
.panel-control-body .radio-choice-option {
  float: none;
}
.panel-control-body .select-control-options .option-groups {
  display: flex;
}
.panel-control-body .select-control-options .option-groups .option-group {
  flex: 1;
  gap: 40px;
}
.panel-control-body .select-control-options .option-groups .option-group-header {
  margin: 2px 0 2px 0;
  color: #000000;
  font-size: 17px;
  line-height: 17px;
  font-weight: 500;
}
/********************************************* Panel Control Control Sizes ************************************/
.extra-wide-panel-control {
  width: 400px;
}
.wide-panel-control {
  width: 360px;
}
.medium-wide-panel-control {
  width: 322px;
}
.medium-panel-control {
  width: 260px;
}
/********************************************* Panel Control Control Body Sizes *******************************/
.extra-wide-control-body {
  width: 440px;
}
.wide-control-body {
  width: 360px;
}
.medium-wide-control-body {
  width: 320px;
}
.medium-control-body {
  width: 260px;
}
/********************************************* Panel Control Overrides ****************************************/
#date-range-selector .panel-control-body {
  padding: 12px 8px;
  width: 400px;
}
#page-size-selector {
  width: 104px !important;
}
/********************************************* Delete Warning *************************************************/
.delete-warning {
  width: 64%;
  margin: 0px 0 28px 2px;
  padding: 6px 10px 5px 10px;
  color: #8f8372;
  font-size: 16px;
  line-height: 24px;
  border: solid #a89b87;
  border-radius: 4px;
  border-width: 0 0 0 3px;
  background: #ccc8bc;
}
/********************************************* Dialog Box *****************************************************/
.dialog-box {
  position: absolute;
  color: #333333;
  top: 0;
  width: 50%;
  padding: 20px 24px 24px 24px;
  margin-left: 25%;
  background: #eeeeee;
  border: 16px solid #ffffff;
  box-shadow: 2px 2px 2px rgba(101, 127, 148, 0.2);
  z-index: 20;
}
.dialog-box-header {
  font-size: 28px;
  color: #111111;
  padding: 0 0 16px 0;
}
.dialog-box-message {
  font-size: 18px;
  text-align: left;
  padding: 0 0 40px 0;
}
.dialog-box-message a {
  text-decoration: underline;
}
/********************************************* Busy Indicator *************************************************/
#busy-indicator-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  display: none;
  z-index: 100;
  background: rgba(255, 255, 255, 0.4);
}
#busy-indicator {
  position: relative;
  top: 32%;
  width: 208px;
  height: 208px;
  margin: 0 auto;
  padding: 0px;
  display: block;
  border: solid 3px #dde5eb;
  background: #ffffff;
}
#busy-indicator .busy-indicator-graphic {
  display: block;
  height: 100px;
  width: 100px;
  margin: 50px 0 0 50px;
  border: 6px #e2eaf0 solid;
  border-top: 6px #1a5380 solid;
  border-radius: 50%;
  -webkit-animation: animation-1 1s infinite linear;
  animation: animation-1 1s infinite linear;
}
#busy-indicator .busy-indicator-text {
  display: block;
  width: 100%;
  padding: 20px 0;
  color: #333333;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 8px;
}
@-webkit-keyframes animation-1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes animation-1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/********************************************* Forms : Sortable List ******************************************/
ul.sortable-list {
  padding: 12px 0 0 0;
}
ul.sortable-list li {
  margin: 0px 0 12px 0;
  padding: 0;
  background-image: none;
}
.sortable-element {
  position: relative;
  width: 100%;
  min-height: 58px;
  height: auto;
  margin: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  border: 2px solid #e2eaf0;
  border-radius: 4px;
  background: #ffffff;
}
.sortable-element-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  float: left;
  width: 46px;
  height: 46px;
  cursor: pointer;
  border: solid 2px #ffffff;
  transition: 0.5s;
  background: #114873 url('../images/global/icons/order.png') center center no-repeat;
}
.sortable-element-handle:hover {
  background: #4b7ea3 url('../images/global/icons/order.png') center center no-repeat;
}
.sortable-element-content {
  margin: 0 100px 0 58px;
  padding: 0;
  display: inline-block;
  min-width: 86%;
}
.sortable-element-thumbnail {
  float: left;
  padding: 6px 0 6px 0;
}
.sortable-element-thumbnail img {
  border: solid 2px #ffffff;
}
.sortable-element-info {
  padding: 6px 4px;
  text-align: left;
}
.sortable-element-actions {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 100px;
  height: 50px;
}
.sortable-element-actions .actions {
  float: right;
  width: 64px;
}
/********************************************* Sortable List Small ********************************************/
ul.sortable-list-compact li {
  margin: 0px 0 4px 0;
  padding: 0;
  background-image: none;
}
ul.sortable-list-compact .sortable-element {
  min-height: 42px;
  margin: 0 0 4px 0;
  line-height: 26px;
  padding: 0 0 3px 0;
}
ul.sortable-list-compact .sortable-element-handle {
  top: 4px;
  left: 4px;
  width: 32px;
  height: 32px;
}
ul.sortable-list-compact .sortable-element-content {
  margin: 0 100px 0 34px;
  padding: 0;
}
ul.sortable-list-compact .sortable-element-info {
  font-size: 16px;
  padding: 7px 12px 4px 15px;
}
ul.sortable-list-compact .sortable-element-actions {
  width: 100px;
  height: 34px;
}
/********************************************* Change Notices *************************************************/
.changes-made-notice {
  float: left;
  margin: 4px 4px 0 12px;
  padding: 2px 12px 2px 12px;
  color: #8f8372;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #a89b87;
  border-radius: 4px;
  background: #e0ded7;
}
.changes-saved-notice {
  float: left;
  margin: 4px 4px 0 12px;
  padding: 2px 11px 2px 8px;
  color: #25771c;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #35902c;
  border-radius: 4px;
  background: #b6d1b3;
}
/********************************************* Tool Tips ******************************************************/
.tooltip-icon {
  margin: 0 0 0 6px;
  padding: 0 5px 0 5px;
  vertical-align: top;
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  border-radius: 4px;
  background: #a89b87;
  transition: 0.2s;
}
.tooltip-inline-icon {
  margin: 0 0 0 6px;
  padding: 0 5px 0 5px;
  vertical-align: top;
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  border-radius: 4px;
  background: #a89b87;
  transition: 0.2s;
  margin: 3px 0 0 6px;
}
.tooltip-icon:hover,
.tooltip-inline-icon:hover {
  background: #a89b87;
}
/********************************************* Control States *************************************************/
input[type="text"]:hover,
input[type="password"]:hover,
input[type="file"]:hover,
textarea:hover,
select:hover,
.image-radio-choice label:hover {
  background: #dcdfe0;
  border-color: #c8cbcc;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
textarea:focus {
  background: #e2eaf0;
  border-color: #1a5380;
  box-shadow: 0 0 0 1px #1a5380;
}
.search-bar .search-bar-input input[type="text"]:hover,
.search-bar .search-bar-input input[type="text"]:focus,
.open-record-control .open-record-control-input input[type="text"]:hover,
.open-record-control .open-record-control-input input[type="text"]:focus {
  border: 0;
  background: #ffffff;
  box-shadow: none;
}
.search-bar .search-bar-input:hover,
.open-record-control .open-record-control-input:hover {
  color: #1a5380;
  border-color: #4b7ea3;
}
.image-radio-choice input:checked + label {
  color: #ffffff;
  background: #1a5380;
  border-color: #1a5380;
  box-shadow: 0 0 0 1px #d3dbe0;
}
/********************************************* Form Validation ************************************************/
.error-message {
  margin: 6px 15px 0 0;
  clear: both;
  display: block;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  line-height: 18px;
  color: #990000;
  border: 0 solid #990000;
  border-radius: 3px;
  background: #f2e4e4;
}
.error-message-full {
  margin: 6px 15px 0 0;
  clear: both;
  display: block;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  line-height: 18px;
  color: #990000;
  border: 0 solid #990000;
  border-radius: 3px;
  background: #f2e4e4;
  margin-right: 0;
}
input[type="text"].input-error,
input[type="password"].input-error,
input[type="file"].input-error,
textarea.input-error,
select.input-error,
input.input-error ~ label {
  color: #990000;
  border-color: #990000;
  box-shadow: 0 0 0 1px #990000;
  background: #f2e4e4;
}
input[type="text"].input-error::placeholder {
  color: #990000;
}
/********************************************* Control Sizes **************************************************/
.long-control {
  width: 600px;
}
.medium-long-control {
  width: 400px;
}
.medium-control {
  width: 300px;
}
.medium-short-control {
  width: 240px;
}
.medium-extra-short-control {
  width: 180px;
}
.short-control {
  width: 124px;
}
.mini-control {
  width: 60px;
}
/********************************************* My Ohio ********************************************************/
label.my-ohio {
  float: left;
  margin: 0px 10px 5px 0;
}
input.my-ohio {
  float: left;
  margin: 0px 10px 5px 0;
  border: solid #cccccc;
  border-width: 1px;
}
/********************************************* Misc ***********************************************************/
.spin-open {
  transition: 0.2s;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.spin-close {
  transition: 0.2s;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.spin-close-instant {
  transition: 0s;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#view-state {
  display: none;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .panel-control {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .search-bar {
    width: 100%;
    padding-right: 80px;
  }
  .long-control,
  .medium-long-control,
  .medium-control,
  .medium-extra-short-control,
  .medium-short-control {
    width: 100%;
    margin-right: 0;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Structure ******************************************************/
.form {
  position: relative;
  clear: both;
  display: block;
  overflow: auto;
}
.form-row:after {
  content: "";
  display: table;
  clear: both;
}
.form-column-50 {
  float: left;
  width: 50%;
}
.form-column-1 {
  float: left;
  width: 66%;
  padding: 0 20px 0 0px;
  border: solid #e2eaf0;
  border-width: 0 0px 0 0;
}
.form-column-2 {
  float: left;
  width: 34%;
  padding: 0px 0px 0 12px;
  border-radius: 4px;
}
.form-column-1-55 {
  width: 55%;
  float: left;
}
.form-column-2-45 {
  width: 45%;
}
.form-column-1-60 {
  width: 60%;
}
.form-column-2-40 {
  width: 40%;
}
.form-column-1-64 {
  width: 64%;
}
.form-column-2-36 {
  width: 36%;
}
.form-column-1-50,
.form-column-2-50 {
  width: 50%;
}
.form-line {
  position: relative;
  clear: both;
  display: block;
}
.form-element {
  position: relative;
  float: left;
  margin: 0 0 10px 0;
  display: block;
}
.form-spacer {
  position: relative;
  float: left;
  display: block;
  width: 20px;
}
.form-element-half {
  position: relative;
  float: left;
  margin: 0 0 10px 0;
  display: block;
  width: 50%;
  padding: 0 15px 0 0;
}
.form-element-three-quarters {
  position: relative;
  float: left;
  margin: 0 0 10px 0;
  display: block;
  width: 75%;
  padding: 0 15px 0 0;
}
.form-element-full {
  position: relative;
  float: left;
  margin: 0 0 10px 0;
  display: block;
  width: 100%;
}
.form-label {
  position: relative;
  width: 100%;
  margin: 5px 0 6px 0;
  padding-left: 2px;
  color: #000000;
  font-weight: bold;
  font-size: 17px;
  line-height: 16px;
}
.form-label-application-icon {
  line-height: 18px;
}
.form-label img.application-icon {
  display: inline-block;
  vertical-align: top;
  float: initial;
  margin: 0 4px 0 0;
  padding: 0 0 0 0;
}
.form-label-note {
  margin: 2px 0 0 5px;
  padding-left: 2px;
  display: inline-block;
  color: #a89b87;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}
.form-label .inline-label-control {
  margin: 4px 0 0 0;
  display: inline-block;
}
.form-label .inline-label-control .control-label {
  position: relative;
  float: left;
  margin: 0 24px 6px 0;
  padding-left: 2px;
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  line-height: 16px;
}
.form-label .inline-label-control label {
  font-weight: normal;
}
.form-label .inline-label-control .radio-choice-option {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.form-label .inline-label-control .checkmark {
  top: 0;
}
.form-input {
  position: relative;
  width: 100%;
  padding-left: 2px;
  font-size: 16px;
}
.form-value {
  position: relative;
  width: 100%;
  margin: 4px 0 4px 0;
  padding-left: 2px;
  font-size: 16px;
  line-height: 24px;
}
.record-info-panel {
  display: flex;
  gap: 0px;
  position: relative;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  padding: 0px;
  background: #ffffff;
}
.record-info-panel-header {
  padding: 7px 12px 7px 16px;
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  border: solid #4b7ea3;
  border-width: 0 0 2px 0;
  background: #1a5380;
}
.record-info-panel-body {
  padding: 10px 16px;
}
.record-info-panel-body p {
  margin-bottom: 10px;
}
.record-info-panel-left {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 26%;
  border: solid #e2eaf0;
  border-width: 0 1px 0 0;
  padding: 0;
  margin: 0 0px 0 0;
}
.record-info-panel-left a {
  flex-grow: 1;
  text-decoration: underline;
  display: block;
  margin-bottom: 4px;
}
.record-info-panel-right {
  flex: 1;
  padding: 0 0 0 0px;
}
.form-value p {
  margin: 0 0 8px 0;
}
.form-value p:last-child {
  margin-bottom: 0;
}
.form-buttons {
  float: left;
  clear: both;
  margin: 12px 0 0 0;
  padding-left: 2px;
}
.inset-controls {
  clear: both;
  display: block;
  overflow: auto;
  margin: 0 0 20px 28px;
  padding: 4px 0 8px 12px;
  border: solid #1a5380;
  background-color: #ffffff;
  border-width: 0 0 0 3px;
}
.form-top-note {
  font-size: 17px;
  padding: 5px 12px;
  line-height: 25px;
  color: #114873;
  background-color: #e2eaf0;
  margin: 0 0 24px 0;
  width: initial;
  display: inline-block;
  border-radius: 2px;
}
.form-top-controls {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
  overflow: auto;
}
.form-top-controls .link-button-small {
  margin-top: 0;
}
/********************************************* Forms : Fieldsets **********************************************/
.default-form fieldset {
  padding: 16px 20px;
  margin: 0px 0px 16px 0px;
  border-radius: 4px;
  border: solid #e2eaf0;
  border-width: 2px;
}
.default-form fieldset legend {
  color: #000000;
  font-size: 22px;
  line-height: 22px;
  font-weight: 500;
  padding: 4px 12px 4px 12px;
  margin: 0 0 0 0px;
}
.default-form fieldset.full-width {
  padding: 10px 16px 10px 16px;
}
.default-form fieldset.compact {
  min-width: 62%;
  padding: 4px 20px 0px 4px;
  margin: 0px 0px 4px 0px;
  border-width: 0px 0px 0px 3px;
}
.default-form fieldset.indented {
  margin-left: 40px;
  background: #e9f0f5;
}
.form-column-1 fieldset,
.form-column-2 fieldset {
  width: 100%;
  padding-right: 18px;
}
.default-form fieldset .fieldset-note {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px 0;
}
.default-form fieldset .checkbox-group .checkmark {
  background: #dadada;
}
/********************************************* Forms : Record Write Info **************************************/
.record-write-info {
  clear: both;
  margin: 16px 0 40px 0;
  padding: 12px 0 0 2px;
  font-size: 15px;
  line-height: 24px;
  font-style: italic;
}
/********************************************* Form Menu ******************************************************/
.form-menu {
  min-height: 32px;
  margin: 10px 0 20px 0;
}
.form-menu a {
  color: #000000;
  float: left;
  margin: 0 10px 0 0;
  font-size: 15px;
  line-height: 20px;
  padding: 4px 8px;
  background: #dadada;
  border-radius: 4px;
}
.form-menu a.active {
  color: #ffffff;
  background: #1a5380;
}
.form-menu a:hover {
  background: #cccccc;
}
/********************************************* Action Buttons *************************************************/
.form-element .form-input .add-button {
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 16px;
  color: #ffffff;
  margin: 4px 0px 0 0px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  text-align: left;
  width: 100px;
  padding: 3px 5px 3px 6px;
  background: #1a5380 url('../images/global/icons/new.png') 77px center no-repeat;
}
.form-element .form-input .delete-button {
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 16px;
  color: #ffffff;
  margin: 4px 0px 0 0px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  background: #1a5380 url('../images/global/icons/delete.png') center center no-repeat;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .form .form-line .form-element,
  .form .form-line .form-element-half,
  .form .form-line .form-element-three-quarters,
  .form .form-line .form-element-full {
    width: 92%;
    padding-right: 0;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .form .form-line .form-element,
  .form .form-line .form-element-half,
  .form .form-line .form-element-three-quarters,
  .form .form-line .form-element-full {
    width: 90%;
    padding-right: 0;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Structure ******************************************************/
.search-header {
  clear: both;
}
.search-filters {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 0 0;
  display: block;
}
.search-filters .search-filters-label {
  clear: both;
  width: 100%;
  margin: 10px 0 4px 0;
  display: block;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.active-filters {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 0 0;
  background: #ffffff;
}
.search-results {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 40px 0;
  background: #ffffff;
}
/********************************************* Header *********************************************************/
.search-header h1 {
  float: left;
  margin-right: 20px;
}
.search-header a.link-button,
.search-header button.link-button {
  min-width: 74px;
  margin: 14px 8px 0 0;
  padding: 3px 5px 3px 5px;
  font-size: 15px;
  line-height: 16px;
  background: #1a5380;
}
.search-header a.new-link {
  text-align: left;
  padding: 3px 5px 3px 6px;
  background: #1a5380 url('../images/global/icons/new.png') 50px center no-repeat;
}
/********************************************* Active Filters *************************************************/
.active-filters .active-filter {
  float: left;
  margin: 0 10px 10px 0;
  padding: 5px 4px 6px 4px;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  border: 1px solid #d3dbe0;
  border-radius: 4px;
  background: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.active-filters .active-filter a.remove-filter-link {
  float: left;
  width: 16px;
  height: 16px;
  margin: 1px 6px 0 2px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.5s;
  text-decoration: none;
  background: #1a5380 url('../images/global/icons/clear-value-icon.png') center center no-repeat;
}
.active-filters .active-filter .remove-filter-link:hover {
  background: #043c66 url('../images/global/icons/clear-value-icon.png') center center no-repeat;
}
.active-filters .active-filter .filter-label {
  float: left;
  margin: 1px 0 0 0;
  color: #000000;
  font-weight: bold;
}
.active-filters .active-filter .filter-connector {
  float: left;
  margin: 0 4px;
  color: #000000;
}
.active-filters .active-filter .filter-value {
  float: left;
  margin: 1px 5px 0 0;
  color: #333333;
}
/********************************************* Search Results Empty *******************************************/
.search-results-empty-container {
  float: left;
  width: 100%;
  height: 360px;
  margin: 7px 0 40px 0;
  padding: 170px 0 0 0;
  color: #d3dee5;
  font-size: 24px;
  text-align: center;
  border: 2px solid #e2eaf0;
  background-color: #f5f8fa;
}
/********************************************* Search Display Controls ****************************************/
.search-display-controls {
  line-height: 25px;
  position: relative;
  display: inline-block;
  margin: 0 12px 40px 0;
  padding: 5px 6px 2px 8px;
  border: solid #4b7ea3;
  border-width: 1px 0 0 0;
  background: #e2eaf0;
  border-radius: 3px;
}
.search-display-controls .panel-control {
  position: relative;
  width: 184px;
  margin: 0 2px 4px 0;
  padding: 0 0 0 0;
}
.search-display-controls .panel-control-header {
  display: inline-block;
  vertical-align: top;
  padding: 0 2px 0 6px;
  margin: 0 0 0 0;
  color: #000000;
  font-size: 15px;
  line-height: 25px;
  height: 27px;
  border: 1px solid #d3dbe0;
  background: #ffffff;
}
.search-display-controls .panel-control-header .indicator {
  top: 0px;
  right: 2px;
  width: 17px;
  height: 17px;
  margin: 4px 2px 0 0;
  padding: 1px 0 0 0;
  border-radius: 0;
  cursor: pointer;
  background: #1a5380;
}
.search-display-controls .panel-control-header .indicator .arrow {
  width: 17px;
  height: 16px;
  background: url('../images/global/icons/panel-control-arrow-white.png') center center no-repeat;
}
.search-display-controls .panel-control-body {
  padding: 6px;
}
.search-display-controls .panel-control-body fieldset.select-control-options {
  padding: 0 0;
}
.search-display-controls .panel-control-body fieldset.select-control-options button {
  font-size: 16px;
  line-height: 22px;
  padding: 2px 4px;
}
.search-display-controls .panel-control-body .select-control-options .option .option-label-no-image {
  margin: 0 0 0 6px;
  font-size: 13px;
  line-height: 13px;
}
.subsection-body .search-display-controls {
  top: 0;
  right: 0;
}
/********************************************* Search Results Info ********************************************/
.search-results-info {
  color: #043c66;
  margin: 0 12px 0 0;
  padding: 7px 0 8px 0;
  vertical-align: top;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  white-space: nowrap;
}
/********************************************* Compact Pager **************************************************/
.compact-pager {
  line-height: 25px;
  font-size: 1px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
  height: 27px;
}
.page-iterator {
  position: relative;
  display: inline-block;
  height: 27px;
  margin: 0;
  padding: 0;
  border: 0 solid #d3dbe0;
}
.page-selector {
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 124px;
  height: 27px;
  margin: 0;
  padding: 0;
  border: 0 solid #d3dbe0;
}
.compact-pager a.previous {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 27px;
  height: 27px;
  font-size: 1px;
  color: transparent;
  border: 1px solid #d3dbe0;
  border-radius: 4px 0 0 4px;
  background: #ffffff url('../images/global/compact-pager/previous.png') center center no-repeat;
}
.compact-pager a.next {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 27px;
  height: 27px;
  font-size: 1px;
  color: transparent;
  border: solid #d3dbe0;
  border-width: 1px 1px 1px 0;
  border-radius: 0 4px 4px 0;
  background: #ffffff url('../images/global/compact-pager/next.png') center center no-repeat;
}
.page-selector .panel-control {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;
}
.page-selector .panel-control-header {
  width: 100%;
  padding: 0 4px 0 10px;
  height: 27px;
  font-size: 13px;
  line-height: 27px;
  border: 1px solid #d3dbe0;
  cursor: pointer;
  background: #ffffff;
}
.page-selector:hover .panel-control-header {
  background: #e2eaf0;
  color: #1a5380;
  border-color: #4b7ea3;
}
.page-selector .panel-control-header .indicator {
  background: transparent;
}
.page-selector .panel-control-header .indicator .arrow {
  background: url('../images/global/compact-pager/page-selector-arrow.png') center 4px no-repeat;
}
.page-selector .panel-control-body {
  position: absolute;
  width: 100%;
  max-height: 248px;
  padding: 6px 6px;
  display: none;
  overflow-y: scroll;
  border: none;
}
.page-selector .page-number-link {
  margin: 0 0 0 0;
  padding: 1px 6px;
  display: block;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
}
.page-selector .page-number-link:hover {
  background: #dadada;
}
/********************************************* Profile Navigator **********************************************/
.profile-pager {
  clear: both;
  font-size: 17px;
  line-height: 19px;
  float: left;
  width: 100%;
  margin: 6px 0 24px 0;
  padding: 0;
}
.previous a {
  float: left;
  width: 136px;
  height: 31px;
  margin: 0 10px 0 0;
  background: #1a5380;
}
.previous-disabled img {
  opacity: 0.5;
  background: #cccccc;
}
.next a {
  float: left;
  width: 136px;
  height: 31px;
  margin: 0;
  background: #1a5380;
}
.next-disabled a {
  opacity: 0.5;
  background: #cccccc;
}
.profile-pager-arrow {
  float: left;
  height: 14px;
  margin: 2px 8px 0 8px;
  display: inline-block;
}
.previous .profile-pager-arrow {
  float: left;
  margin: 2px 8px 0 0;
}
.next .profile-pager-arrow {
  float: right;
  margin: 2px 0 0 8px;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .search-display-controls {
    width: 100%;
  }
  .search-display-controls .panel-control {
    clear: both;
  }
  .search-filters .panel-control {
    width: 100%;
  }
  .search-filters {
    margin: 0 0 10px 0;
  }
  .search-results-empty-container {
    height: 180px;
    padding: 74px 20px 0px 20px;
    font-size: 18px;
    margin-bottom: 0;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Images *********************************************************/
img {
  max-width: 100%;
}
figure.image img,
.image-bordered {
  border: 4px solid #ffffff;
}
.image-left {
  float: left;
  margin: 9px 20px 6px 0;
}
.image-right {
  float: right;
  margin: 9px 0 6px 20px;
}
/********************************************* Figures ********************************************************/
figure {
  position: relative;
}
figure img {
  display: block;
}
figure.figure-left {
  float: left;
  margin: 8px 20px 20px 0;
}
figure.figure-top {
  margin-top: 9px;
}
img.image-full,
figure.figure-full {
  width: 100%;
}
img.image-large,
figure.figure-large {
  width: 64%;
}
img.image-medium,
figure.figure-medium {
  width: 54%;
}
img.image-small,
figure.figure-small {
  width: 32%;
}
figcaption {
  margin: 2px 0;
  padding: 4px 8px;
  font-size: 19px;
  font-weight: normal;
  line-height: 19px;
  text-align: center;
  width: 100%;
  color: #1a5380;
  background: transparent;
  overflow: hidden;
}
figcaption.overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 6px 16px 7px 16px;
  text-align: center;
  font-size: 19px;
  line-height: 25px;
  color: #ffffff;
  background: rgba(26, 83, 128, 0.85);
}
/********************************************* Featured Images ************************************************/
.featured-image {
  position: relative;
  background: #043c66;
  margin: 0 0 0 0;
}
.featured-image .image {
  opacity: 0;
  position: relative;
  overflow: hidden;
}
.featured-image .image img {
  display: block;
  margin: 0;
  padding: 0;
}
.featured-image .caption {
  opacity: 0;
  width: 94%;
  position: absolute;
  bottom: 12%;
  right: 0%;
  padding: 8px 2% 9px 2%;
  color: #ffffff;
  background: rgba(26, 83, 128, 0.85);
}
.featured-image .caption .caption-line-1,
.featured-image .caption .caption-line-2 {
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Jost', serif;
  text-align: center;
  opacity: 0;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
}
.featured-image .caption .caption-line-3 {
  font-family: 'Jost', serif;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  margin: 2px 0 0 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
/********************************************* Pull Quote *****************************************************/
.pull-quote {
  width: 40%;
  padding: 18px 24px;
  margin: 8px 0px 20px 0px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: #1a5380;
}
.pull-quote-left {
  width: 40%;
  padding: 18px 24px;
  margin: 8px 0px 20px 0px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: #1a5380;
  float: left;
  margin-right: 28px;
}
.pull-quote-right {
  width: 40%;
  padding: 18px 24px;
  margin: 8px 0px 20px 0px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: #1a5380;
  float: right;
  margin-left: 28px;
}
.pull-quote-small {
  width: 28%;
}
.pull-quote img,
.pull-quote-left img,
.pull-quote-right img {
  display: block;
  margin: 8px auto;
  border: 8px solid #043c66;
}
/********************************************* Media Container ************************************************/
.media-container,
.media-container-portrait,
.media-container-landscape,
.media-container-square,
.media-container-video {
  position: relative;
  float: left;
  width: 48%;
  margin: 0 2% 2% 0;
}
.media-container-full {
  width: 100%;
}
.media-container-large {
  width: 60%;
}
.media-container-medium {
  width: 50%;
}
.media-container-small {
  width: 25%;
}
.media-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 100% 0;
}
.media-container .media-thumbnail {
  padding: 0 0 120% 0;
}
.media-container-portrait .media-thumbnail {
  padding: 0 0 125% 0;
}
.media-container-landscape .media-thumbnail {
  padding: 0 0 64% 0;
}
.media-container-square .media-thumbnail {
  padding: 0 0 100% 0;
}
.media-container-video .media-thumbnail {
  padding: 0 0 58% 0;
}
.media-type-icon {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  float: left;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: auto;
  display: block;
  z-index: 8;
  background: center center no-repeat rgba(26, 83, 128, 0.85);
}
.media-overlay-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 54px;
  padding: 5px 0px 5px 0px;
  z-index: 8;
  color: #ffffff;
  text-align: center;
  background: rgba(26, 83, 128, 0.85);
}
.media-overlay-caption-text {
  position: absolute;
  display: block;
  width: 100%;
  font-size: 19px;
  line-height: 23px;
  font-weight: 400;
  margin: 0;
  padding: 0px 10px 2px 10px;
  top: 50%;
  transform: translateY(-50%);
}
.media-overlay-caption-text-line-1 {
  font-family: 'Jost', serif;
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
  color: #ffffff;
}
.media-overlay-caption-text-line-2,
.media-overlay-caption-text-line-2 div {
  font-family: 'Jost', serif;
  color: rgba(255, 255, 255, 0.4);
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
}
.media-overlay-caption-text-line-2 .vertical-bar {
  margin: 3px 3px 0 2px;
  font-size: 17px;
  line-height: 17px;
  vertical-align: top;
  width: 2px;
  background: rgba(189, 207, 221, 0.9);
}
.media-selected-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 6;
  transition: 0.2s;
  border: solid 5px transparent;
}
.media-selected-indicator:hover {
  border: solid 5px #1a5380;
  background: center center no-repeat rgba(26, 83, 128, 0.1);
}
.media-thumbnail-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 20px solid #eeeeee;
  background: center 0 / cover no-repeat;
}
.media-caption {
  clear: both;
  color: #111111;
  margin: 5px 0 5px 0;
  padding: 2px 8px;
  position: relative;
  float: left;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
.media-caption .committee-member-position {
  width: 100%;
  font-size: 21px;
  line-height: 24px;
  color: #000000;
  text-align: center;
}
.media-caption .chamber-member-position {
  font-size: 17px;
  line-height: 27px;
  text-align: center;
}
.media-caption .chamber-member-position .position-name {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 10px 0 8px 0;
  text-align: center;
}
/********************************************* Media Grid *****************************************************/
.media-grid-1-column,
.media-grid-2-column,
.media-grid-3-column,
.media-grid-4-column,
.media-grid-5-column,
.media-grid-6-column {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.media-grid-1-column .media-container {
  width: 100%;
  margin: 0 0 4% 0;
}
.media-grid-2-column .media-container {
  width: 48%;
  margin: 0 4% 4% 0;
}
.media-grid-3-column .media-container {
  width: 31%;
  margin: 0 3.5% 4% 0;
}
.media-grid-4-column .media-container {
  width: 22%;
  margin: 0 4% 4% 0;
}
.media-grid-5-column .media-container {
  width: 17%;
  margin: 0 3.75% 2% 0;
}
.media-grid-6-column .media-container {
  width: 15%;
  margin: 0 2% 2% 0;
}
.media-grid .media-thumbnail-image {
  border: 0 solid #eeeeee;
  background: center 0 / cover no-repeat;
}
.media-grid-clear-row-1,
.media-grid-clear-row-2,
.media-grid-clear-row-3,
.media-grid-clear-row-4,
.media-grid-clear-row-5,
.media-grid-clear-row-6 {
  clear: both;
  height: 2px;
  width: 100%;
  font-size: 1px;
  line-height: 1px;
  display: none;
}
.media-grid-1-column .media-grid-clear-row-1,
.media-grid-2-column .media-grid-clear-row-2,
.media-grid-3-column .media-grid-clear-row-3,
.media-grid-4-column .media-grid-clear-row-4,
.media-grid-5-column .media-grid-clear-row-5,
.media-grid-6-column .media-grid-clear-row-6 {
  display: block;
}
.media-grid-1-column .last-item-row-1,
.media-grid-2-column .last-item-row-2,
.media-grid-3-column .last-item-row-3,
.media-grid-4-column .last-item-row-4,
.media-grid-5-column .last-item-row-5,
.media-grid-6-column .last-item-row-6 {
  margin-right: 0;
}
/********************************************* Media List *****************************************************/
.media-list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
.media-list-item {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 4% 0;
  padding: 20px;
  background: #dddddd;
}
.media-list-item-thumbnail {
  position: relative;
  float: left;
  width: 32%;
  height: 100%;
  padding: 0 28px 0 0;
}
.media-list-item-thumbnail .media-container {
  width: 100%;
  margin: 0;
}
.media-list-item-thumbnail .media-container .media-thumbnail-image {
  margin: 0;
  display: block;
  border: 16px solid #ffffff;
  background-color: #000000;
  background-size: cover;
  background-position: center center;
}
.media-list-item-info {
  position: relative;
  float: left;
  width: 60%;
  height: 100%;
  margin: 0;
}
.media-list-item-pre-title {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 15px;
  line-height: 18px;
}
.media-list-item-title {
  margin: 0;
  padding: 0;
}
.media-list-item-summary {
  margin: 0 0 16px 0;
  height: auto;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}
.media-list-item-summary .content-link {
  display: block;
  width: 120px;
  height: auto;
  margin: 12px 0 0 0;
  padding: 4px 10px;
  text-align: center;
  color: #ffffff;
  background: #4b7ea3;
}
.media-list-item-post-summary {
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 18px;
}
/********************************************* Video Container ************************************************/
.video-frame {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
.video-container {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  height: 0;
  padding-bottom: 56.25%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/********************************************* Video Box ******************************************************/
.video-box {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/********************************************* Press Release **************************************************/
.press-release-header {
  margin: 0 0 20px 0;
}
.press-release-full-title {
  margin: 0 0 8px 0;
}
.press-release-title {
  margin: 0 0 4px 0;
}
.press-release-subtitle {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 4px 0;
}
.press-release-date {
  font-size: 19px;
  line-height: 21px;
  color: #4b7ea3;
}
.press-release-social-media {
  margin: 12px 0 4px 0;
}
.press-release-social-media a {
  margin: 0 4px 0 0;
}
/********************************************* Press Release **************************************************/
.media-header {
  margin: 0 0 20px 0;
}
.media-title {
  margin: 0 0 4px 0;
}
.media-date {
  font-size: 19px;
  line-height: 21px;
  color: #4b7ea3;
}
.media-social-media {
  margin: 12px 0 4px 0;
}
.media-social-media a {
  margin: 0 4px 0 0;
}
/********************************************* Thumbnail Portrait *********************************************/
.thumbnail-portrait-small {
  float: left;
  width: 50px;
  height: 64px;
  margin: 0 8px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
.thumbnail-portrait-medium {
  float: left;
  width: 100px;
  height: 128px;
  margin: 1px 8px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
/********************************************* Thumbnail Landscape *********************************************/
.thumbnail-landscape-small {
  float: left;
  width: 100px;
  height: 64px;
  margin: 0 8px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
.thumbnail-landscape-medium {
  float: left;
  width: 120px;
  height: 80px;
  margin: 0 8px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
.thumbnail-landscape-large {
  float: left;
  width: 380px;
  height: 220px;
  margin: 7px 20px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
/********************************************* Thumbnail Banner ***********************************************/
.thumbnail-banner-small {
  float: left;
  width: 320px;
  height: 128px;
  margin: 0 8px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
.thumbnail-banner-medium {
  float: left;
  width: 400px;
  height: 160px;
  margin: 0 8px 0 0;
  display: block;
  overflow: hidden;
  border: 0 solid #cccccc;
  background-color: #000000;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .featured-image .caption {
    width: 100%;
    position: relative;
    display: block;
    padding: 6px 2% 12px 2%;
  }
  .featured-image .caption .caption-line-1,
  .featured-image .caption .caption-line-2 {
    font-size: 18px;
    line-height: 20px;
  }
  .featured-image .caption .caption-line-3 {
    font-size: 18px;
    line-height: 20px;
  }
  .pull-quote,
  .pull-quote-left,
  .pull-quote-right {
    width: 90%;
    margin: 20px 5% 40px;
    padding: 8px 14px;
    min-height: 280px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
  figure.figure-left {
    margin: 8px 0px 16px 0px;
  }
  figure.figure-large,
  figure.figure-medium,
  figure.figure-small {
    width: 100%;
  }
  .media-grid-1-column .media-container,
  .media-grid-2-column .media-container,
  .media-grid-3-column .media-container,
  .media-grid-4-column .media-container,
  .media-grid-5-column .media-container,
  .media-grid-6-column .media-container {
    width: 100%;
    margin: 0 0 8% 0;
  }
  .media-list-item-thumbnail,
  .media-list-item-info {
    width: 100%;
  }
  .media-list-item-thumbnail {
    margin-bottom: 20px;
    padding: 0;
  }
  .thumbnail-landscape-large {
    width: 100%;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .featured-image .caption {
    width: 90%;
    position: absolute;
    right: 0;
    bottom: 8%;
    display: block;
    padding: 6px 2% 6px 2%;
  }
  .featured-image .caption .caption-line-1,
  .featured-image .caption .caption-line-2,
  .featured-image .caption .caption-line-3 {
    font-size: 20px;
    line-height: 22px;
  }
  figcaption {
    margin: 2px 0;
    padding: 4px 8px;
    font-size: 19px;
    line-height: 19px;
  }
  figcaption.overlay {
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 6px 16px 7px 16px;
    text-align: center;
    font-size: 17px;
    line-height: 19px;
  }
  figure.figure-left {
    margin: 8px 0px 20px 0px;
  }
  figure.figure-bio-headshot {
    margin: 8px 20px 20px 0px;
  }
  .media-caption {
    margin: 5px 0 5px 0;
    padding: 2px 8px;
    font-size: 16px;
    line-height: 20px;
  }
  .media-overlay-caption {
    min-height: 46px;
    padding: 4px 0px 4px 0px;
  }
  .media-overlay-caption-text {
    font-size: 16px;
    line-height: 19px;
    padding: 2px 10px 2px 10px;
  }
  .media-overlay-caption-text-line-1 {
    padding-top: 2px;
    font-size: 20px;
    line-height: 22px;
  }
  .media-overlay-caption-text-line-2,
  .media-overlay-caption-text-line-2 div {
    font-size: 18px;
    line-height: 21px;
  }
  .media-overlay-caption-text-line-2 .vertical-bar {
    margin: 3px 3px 0 2px;
    font-size: 17px;
    line-height: 17px;
    width: 2px;
  }
  .media-caption .chamber-member-position {
    font-size: 16px;
    line-height: 22px;
  }
  .media-caption .chamber-member-position .position-name {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 8px 0 6px 0;
  }
  .pull-quote,
  .pull-quote-left,
  .pull-quote-right {
    width: 46%;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
  }
  .pull-quote-small {
    width: 32%;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
  }
  .pull-quote img,
  .pull-quote-left img,
  .pull-quote-right img {
    margin: 4px auto;
    border: 8px solid #043c66;
  }
  .media-grid-4-column .media-grid-clear-row-4,
  .media-grid-5-column .media-grid-clear-row-5,
  .media-grid-6-column .media-grid-clear-row-6 {
    display: none;
  }
  .media-grid-3-column .media-grid-clear-row-3,
  .media-grid-4-column .media-grid-clear-row-3,
  .media-grid-5-column .media-grid-clear-row-3,
  .media-grid-6-column .media-grid-clear-row-3 {
    display: block;
  }
  .media-grid-3-column .media-container,
  .media-grid-4-column .media-container,
  .media-grid-5-column .media-container,
  .media-grid-6-column .media-container {
    width: 31%;
    margin: 0 3.5% 4% 0;
  }
  .media-grid-3-column .last-item-row-3,
  .media-grid-4-column .last-item-row-3,
  .media-grid-5-column .last-item-row-3,
  .media-grid-6-column .last-item-row-3 {
    margin-right: 0;
  }
  .media-list-item-thumbnail {
    width: 45%;
  }
  .media-list-item-info {
    width: 55%;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Defaults ********************************************************/
table {
  width: 100%;
  border-collapse: collapse;
}
table tr th {
  padding: 8px 10px 2px 10px;
  font-weight: normal;
  font-size: 21px;
  line-height: 22px;
  text-align: left;
  vertical-align: top;
}
table tr td {
  padding: 6px 10px 6px 10px;
  font-size: 21px;
  line-height: 22px;
  text-align: left;
  vertical-align: top;
}
table tr td a {
  text-decoration: underline;
}
/********************************************* Data Grid Table ************************************************/
table.data-grid {
  width: 100%;
  margin: 0 0 0 0;
  border-collapse: collapse;
  background: #ffffff;
}
table.data-grid caption {
  font-family: 'Jost', serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin: 0 0 6px 0;
  text-align: left;
  color: #a89b87;
}
table.data-grid thead tr th {
  padding: 10px 10px 10px 10px;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  border: solid #4b7ea3;
  border-width: 0 0 2px 0;
  background: #1a5380;
}
table.data-grid thead tr th.full-length-header {
  text-align: center;
}
table.data-grid thead tr th a {
  color: #ffffff;
  font-size: 19px;
  line-height: 22px;
  text-decoration: none;
}
table.data-grid tbody tr th,
table.data-grid tr td {
  padding: 11px 20px 11px 10px;
  font-size: 18px;
  line-height: 20px;
  border: solid #d5dbe0;
  border-width: 2px 0 2px 0;
}
table.data-grid tbody tr th {
  color: #ffffff;
  background: #1a5380;
  border: solid #4b7ea3;
  border-width: 0 0 2px 0;
}
table.data-grid tbody tr th a {
  color: #ffffff;
}
table.data-grid tr:hover td {
  color: #1a5380;
  border-width: 2px 0;
  border-style: double;
  border-color: #1a5380;
  background: #d4e0e9;
}
table.unhighlighted-table tbody tr:hover td {
  color: #000000;
  border-color: #d5dbe0;
  background: #ffffff;
}
table.unhighlighted-table tbody tr:hover td table tbody tr td,
table.vote-breakdown-table tbody tr:hover td {
  border: solid transparent !important;
  border-width: 2px 0;
}
/********************************************* Cells Types ****************************************************/
table.data-grid tr td.thumbnail-cell {
  width: 100px;
  padding: 8px 0 8px 0;
}
table.data-grid tr th.actions-cell {
  padding-left: 0;
}
table.data-grid tr td.actions-cell {
  padding: 8px 0;
}
table.data-grid tr td.actions-cell .actions {
  display: flex;
  justify-content: flex-end;
}
/********************************************* Action Buttons *************************************************/
.delete-button {
  display: block;
  float: left;
  margin: 0 0px 0 6px;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  text-decoration: none;
  background: #1a5380 url('../images/global/icons/delete.png') center center no-repeat;
}
.edit-button {
  display: block;
  float: left;
  margin: 0 0px 0 6px;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  text-decoration: none;
  background: #1a5380 url('../images/global/icons/edit.png') center center no-repeat;
}
.download-button {
  display: block;
  float: left;
  margin: 0 0px 0 6px;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  text-decoration: none;
  background: #1a5380 url('../images/global/icons/download.png') center center no-repeat;
}
.print-button {
  display: block;
  float: left;
  margin: 0 0px 0 6px;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  text-decoration: none;
  background: #1a5380 url('../images/global/icons/print.png') center center no-repeat;
}
.text-button {
  display: block;
  float: left;
  margin: 0 0px 0 6px;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  text-decoration: none;
  border-radius: 0;
  font-size: 16px;
  line-height: 16px;
  width: initial;
  min-width: 90px;
  padding: 5px 8px;
  display: inline-block;
  color: #ffffff !important;
  text-align: center;
  background: #1a5380;
}
.text-button:hover {
  text-decoration: none;
}
/********************************************* Section Menu ***************************************************/
table.data-grid tr td .section-menu {
  float: right;
  margin: 1px 0 0 0;
  padding: 0 0 0 0;
}
table.data-grid tr td .section-menu a {
  margin: 0 0 0 2px;
}
table.data-grid tr td .section-menu a.delete-button {
  float: right;
  margin: 0 0 0 6px;
  height: 26px;
  width: 26px;
  background: #1a5380 url('../images/global/icons/delete.png') center center no-repeat;
}
/********************************************* Member Legislation Table ***************************************/
table.member-legislation-table {
  margin: 8px 0 32px 0;
}
table.member-legislation-table tr th.name-cell {
  width: 160px;
  white-space: nowrap;
}
/********************************************* Member Press Releases Table ************************************/
table.member-press-releases-table tr td.date-cell {
  padding: 3px 0 0 0;
  width: 20%;
}
table.member-press-releases-table tr td.title-cell {
  padding: 0 0 40px 0;
  line-height: 28px;
}
table.member-press-releases-table tr td a.press-release-header-link {
  display: block;
  font-size: 25px;
  margin: 0 0 4px 0;
  text-decoration: none;
  font-weight: 500;
}
/********************************************* Member News Stories Table **************************************/
table.member-new-stories-table tr td.title-cell {
  width: 24%;
}
table.member-new-stories-table tr td.date-cell {
  width: 200px;
}
/********************************************* Legislation Table **********************************************/
table.legislation-table tr {
  cursor: pointer;
}
table.legislation-table tr th.number-cell {
  width: 160px;
}
table.legislation-table tr td.sponsor-cell {
  width: 180px;
}
table.legislation-table tr td.version-cell {
  width: 180px;
}
/********************************************* Legislation History Table **************************************/
table.legislation-status-table {
  margin: 7px 0 0 0;
}
table.legislation-status-table tr th.date-cell {
  width: 128px;
}
table.legislation-status-table tr td.chamber-cell {
  width: 120px;
}
table.legislation-status-table tr td.action-cell {
  width: 320px;
}
/********************************************* Legislation Votes Table ****************************************/
table.legislation-votes-table {
  margin: 7px 0 0 0;
}
table.legislation-votes-table tr th.date-cell {
  width: 100px;
  padding-right: 0;
}
table.legislation-votes-table tr td.chamber-cell {
  width: 104px;
}
table.legislation-votes-table tr td.result-cell {
  width: 120px;
}
table.legislation-votes-table tr td.vote-cell {
  white-space: nowrap;
}
.vote-count-column {
  white-space: nowrap;
  display: inline-block;
  width: 80px;
}
.vote-count-column-long {
  white-space: nowrap;
  display: inline-block;
  width: 104px;
}
/********************************************* Legislation Vote Breakdown Table *******************************/
table.vote-breakdown-table {
  background: #ffffff;
  margin-bottom: 20px;
}
table.vote-breakdown-table tbody tr td {
  padding: 4px 8px 4px 0;
  font-size: 16px;
  line-height: 16px;
  border: solid transparent;
  border-width: 2px 0;
}
table.vote-breakdown-table tr th.date-cell {
  width: 120px;
}
table.vote-breakdown-table tr th.date-cell {
  width: 120px;
}
.vote-breakdown {
  margin: 16px 0 0 0;
}
.vote-breakdown h4 {
  text-align: center;
  border: solid #cccccc;
  padding: 2px 0;
  border-width: 0 0 1px;
}
/********************************************* Legislation Committee Table ************************************/
table.legislation-committee-table {
  margin: 0 0 12px 0;
}
table.legislation-committee-table tr th.committee-cell {
  width: 200px;
}
table.legislation-committee-table tr td.date-cell {
  width: 200px;
}
table.legislation-committee-table tr td.bill-text-cell {
  width: 110px;
  padding-left: 5px;
}
/********************************************* Status Reports Table *******************************************/
table.status-reports-table {
  margin-bottom: 60px;
}
table.status-reports-table tr th.name-cell {
  width: 140px;
}
table.status-reports-table tr td.actions-cell {
  width: 120px;
  padding-left: 5px;
}
/********************************************* Acts Table *****************************************************/
table.acts-table tr th.name-cell {
  width: 140px;
}
table.acts-table tr td.actions-cell {
  width: 120px;
}
/********************************************* Committee Meetings Table ***************************************/
table.committee-meetings-table tr th.date-cell {
  width: 200px;
}
/********************************************* Committee Legislation Table ************************************/
table.committee-legislation-table tr th.name-cell {
  width: 200px;
}
/********************************************* Committee Meeting General Submissions Table ********************/
table.committee-meeting-general-submissions-table {
  margin-bottom: 20px;
}
table.committee-meeting-general-submissions-table tr th.subject-cell {
  width: 280px;
}
table.committee-meeting-general-submissions-table tr td.document-cell {
  width: 116px;
  padding-left: 5px;
}
/********************************************* Committee Meeting Table ****************************************/
table.committee-meeting-table {
  margin-bottom: 10px;
}
table.committee-meeting-table tr th.committee-cell {
  width: 240px;
}
table.committee-meeting-table tr td.date-cell {
  width: 200px;
}
table.committee-meeting-table tr td.bill-text-cell {
  width: 116px;
  padding-left: 5px;
}
/********************************************* Committee Meeting Agenda Table *********************************/
table.committee-meeting-agenda-item-table {
  margin-bottom: 10px;
}
table.committee-meeting-agenda-item-table tr th.bill-cell {
  width: 240px;
}
table.committee-meeting-agenda-item-table tr td.amendments-cell {
  width: 200px;
}
table.committee-meeting-agenda-item-table tr td.fiscal-notes-cell {
  width: 200px;
}
table.committee-meeting-agenda-item-table tr td.analysis-cell {
  width: 116px;
  padding-left: 5px;
}
/********************************************* Committee Meeting Testimony Table ******************************/
.committee-meeting-testimony {
  margin-left: 20px;
}
table.committee-meeting-testimony-table {
  margin-bottom: 10px;
}
table.committee-meeting-testimony-table tr th.witness-cell {
  width: 280px;
}
table.committee-meeting-testimony-table tr td.organization-cell {
  width: 340px;
}
table.committee-meeting-testimony-table tr td.actions-cell {
  width: 116px;
  padding-left: 5px;
}
/********************************************* Session Schedule Table *****************************************/
table.session-schedule-table {
  margin-bottom: 60px;
}
table.session-schedule-table tr td.date-cell {
  width: 24%;
}
table.session-schedule-table tr td.senate-event-cell {
  width: 38%;
}
table.session-schedule-table tr td.house-event-cell {
  width: 38%;
}
/********************************************* Journals Table *************************************************/
table.journals-table tr th.date-cell {
  width: 20%;
}
/********************************************* Legislation Activity Table *************************************/
table.legislation-activity-stream-table tr th.bill-cell {
  width: 100px;
}
table.legislation-activity-stream-table tr td.date-cell {
  width: 132px;
}
table.legislation-activity-stream-table tr td.action-cell {
  width: 240px;
}
table.legislation-activity-stream-table tr td.chamber-cell {
  width: 240px;
}
/********************************************* Committee Activity Stream Table ********************************/
.committee-activity-stream-table .date-cell {
  width: 120px;
}
.committee-activity-stream-table .time-cell {
  width: 120px;
}
.committee-activity-stream-table .notice-cell {
  width: 160px;
}
.committee-activity-stream-table .ics-cell {
  width: 180px;
}
.committee-activity-stream-table .canceled-meeting-cell {
  width: 140px;
  color: #990000;
}
/********************************************* Newspaper Articles Table ***************************************/
table.newspaper-articles-table tr td {
  padding: 0px 0 50px 0;
}
table.newspaper-articles-table tr td a.article-header-link {
  display: block;
  font-size: 25px;
  margin: 0px 0 4px 0;
  text-decoration: none;
  font-weight: 500;
}
table.newspaper-articles-table tr td .article-date {
  font-size: 20px;
  line-height: 28px;
  color: #1a5380;
}
table.newspaper-articles-table tr td .article-summary {
  line-height: 28px;
  margin: 4px 0 0px 0;
}
/********************************************* Visibility *****************************************************/
.smart-phone-label {
  display: none;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  table.data-grid caption,
  table.data-grid caption.screen-reader {
    position: initial;
    width: initial;
    height: initial;
    margin: initial;
    padding: 5px 0;
    overflow: initial;
    clip: initial;
    word-wrap: normal;
    border: initial;
    clip-path: initial;
    font-size: 17px;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
    background-color: #1a5380;
  }
  table.data-grid thead tr th {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  table.data-grid tbody tr {
    display: block;
    width: 100%;
    clear: both;
    padding: 12px 4px;
    border: solid #e2eaf0;
    border-width: 2px 0 0 0;
    border-collapse: collapse;
    overflow: auto;
  }
  table.data-grid tbody tr:last-child {
    border-width: 2px 0 2px 0;
  }
  table.data-grid tbody tr td,
  table.data-grid tbody tr th {
    float: left;
    clear: both;
    width: 100% !important;
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    font-size: 16px;
    line-height: 20px;
    border: none;
    color: #111111;
    background: #ffffff;
  }
  table.data-grid tbody tr th a {
    color: #165a8a;
    font-size: 18px;
    font-weight: bold;
    background: #ffffff;
    text-decoration: underline;
  }
  table.data-grid tbody tr:hover td,
  table.data-grid tbody tr:hover th {
    color: #333333;
    border: none;
    background: initial;
  }
  .delete-button,
  .edit-button,
  .download-button,
  .print-button {
    margin: 0 6px 0 0;
  }
  table.data-grid tr td.actions-cell .actions {
    padding: 0 0 0 0px;
    justify-content: flex-start;
  }
  .text-button {
    margin: 0;
  }
  table.data-grid tr td.actions-cell {
    padding: 0 0 4px 0;
  }
  table.data-grid tr:hover td {
    color: #333333;
    border-width: 0;
    background: initial;
  }
  .smart-phone-label {
    display: inline-block;
    font-weight: bold;
  }
  .smart-phone-label:after {
    content: " - ";
  }
  table.data-grid tbody tr th,
  table.data-grid tr td {
    padding: 2px 12px 2px 0px;
    font-size: 17px;
  }
  table.member-press-releases-table tr td.date-cell {
    display: none;
    width: 30%;
  }
  table.member-press-releases-table tr td.title-cell {
    padding: 0 0 40px 0;
    line-height: 28px;
  }
  div.summary-cell {
    padding-top: 4px;
    font-size: 17px;
    line-height: 23px;
  }
  table.member-press-releases-table tr td a.press-release-header-link {
    font-size: 22px;
    line-height: 24px;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  table.data-grid tbody tr th,
  table.data-grid tr td {
    padding: 9px 20px 9px 10px;
    font-size: 17px;
  }
  table.member-press-releases-table tr td.date-cell {
    width: 30%;
  }
  table.member-press-releases-table tr td.title-cell {
    padding: 0 0 40px 0;
    line-height: 28px;
  }
  table.member-press-releases-table tr td a.press-release-header-link {
    font-size: 22px;
    line-height: 24px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Main Menu ******************************************************/
.multilevel-menu {
  font-family: 'Jost', serif;
}
.multilevel-menu li.menu-header {
  margin: 0 3.6% 0 0;
  padding: 0;
  display: inline-block;
  background-image: none;
}
.multilevel-menu li.menu-header a {
  display: inline-block;
  position: relative;
  height: 40px;
  margin: 0;
  padding: 1px 14px 0px 14px;
  color: #ffffff;
  font-family: 'Jost', serif;
  font-size: 15px;
  line-height: 40px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  transition: 0.2s;
}
.multilevel-menu li.menu-header:first-child a {
  padding: 1px 1px 0px 1px;
}
.multilevel-menu li.menu-header:first-child a:hover {
  background-color: initial;
}
.multilevel-menu ul li:hover .submenu-header {
  background-color: #316791;
}
.multilevel-menu li.menu-header a:hover {
  background-color: #316791;
}
.multilevel-menu li.menu-header a.active {
  background-color: #316791;
}
.multilevel-menu li.submenu {
  display: inline-block;
  position: relative;
}
.multilevel-menu li.submenu:hover > ul {
  display: block;
  position: absolute;
}
.multilevel-menu ul.submenu-body {
  display: none;
  margin: 0;
  min-width: 280px;
  background-color: #ffffff;
  border: solid #316791;
  border-width: 0px 0 0px 0;
  box-shadow: 2px 2px 2px rgba(101, 127, 148, 0.2);
}
.multilevel-menu ul ul ul.submenu-body {
  left: 100%;
  top: -8px;
  margin-left: 0px;
  border: solid;
  border-width: 4px 0 0px 2px;
  border-color: #4b7ea3 #e2eaf0;
}
.multilevel-menu ul.submenu-body li {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 22px;
  background-image: none;
}
.multilevel-menu ul.submenu-body li a {
  display: inline-block;
  width: 100%;
  padding: 7px 12px;
  margin: 0;
  font-family: 'Noto Sans Display', serif;
  color: #333333;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  text-decoration: none;
  height: initial;
  transition: 0s;
}
.multilevel-menu .compact-submenu ul.submenu-body li a {
  font-size: 17px;
  line-height: 20px;
  padding: 6px 10px;
}
.multilevel-menu ul.submenu-body li a.compact-menu-item {
  letter-spacing: 0px;
}
.multilevel-menu ul li:hover ul.submenu-body li.submenu .submenu-header {
  background-color: #ffffff;
}
.multilevel-menu ul li:hover ul.submenu-body li.submenu .submenu-header:hover,
.multilevel-menu ul.submenu-body li a:hover {
  color: #ffffff;
  background-color: #316791;
}
.multilevel-menu .submenu-indicator {
  position: absolute;
  font-size: 34px;
  top: 8px;
  right: 8px;
}
/********************************************* Panel Control Control Body Sizes *******************************/
.extra-wide-submenu-body {
  width: 480px;
}
.wide-submenu-body {
  width: 360px;
}
.medium-wide-submenu-body {
  width: 280px;
}
.medium-submenu-body {
  width: 244px;
}
/********************************************* User Menu ******************************************************/
#user-menu {
  position: absolute;
  top: 2px;
  right: 1px;
  z-index: 90;
}
#user-menu .panel-control {
  position: relative;
  float: left;
  width: initial;
  padding: 3px 0 0 0;
}
#user-menu .panel-control-header {
  padding: 0px 2px 0px 8px;
  color: #ffffff;
  font-size: 17px;
  line-height: 28px;
  border: 1px solid rgba(20, 81, 128, 0.6);
  background: rgba(20, 81, 128, 0.3);
  min-width: 120px;
}
#user-menu .panel-control:hover .panel-control-header {
  background: rgba(20, 81, 128, 0.6);
}
#user-menu .panel-control-header .indicator {
  float: right;
  width: 19px;
  height: 19px;
  margin: 5px 0 0 8px;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
}
#user-menu .panel-control-header .indicator .arrow {
  background: url('../images/global/icons/user-menu-arrow.png') center center no-repeat;
}
#user-menu .panel-control-body {
  max-height: initial;
  overflow: hidden;
  border-color: #ffffff;
}
#user-menu .panel-control-body a {
  padding: 2px 2px 6px 2px;
  display: block;
  color: #000000;
  font-size: 17px;
  line-height: 17px;
  text-decoration: none;
}
/********************************************* Search Box *****************************************************/
.site-search-button {
  position: absolute;
  top: 10px;
  z-index: 500;
  right: 16px;
  width: 24px;
  height: 20px;
  cursor: pointer;
  transition: 0.2s;
  border: none;
  background: transparent;
}
.site-search-button:hover {
  opacity: 1;
}
.search-form-container {
  display: none;
  position: absolute;
  z-index: 5000;
  top: 0px;
  right: 56px;
  width: 320px;
  padding: 0;
  background-color: #1b5683;
}
.search-form-container input {
  font-size: 18px;
  line-height: 40px;
  border: 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0);
  padding: 0 10px 0 10px;
}
.search-form-container input:focus {
  color: #ffffff;
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0) !important;
}
.search-form-container input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
/********************************************* Default Visibility *********************************************/
.multilevel-menu {
  display: block;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .multilevel-menu {
    display: none;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .multilevel-menu {
    display: none;
  }
}
/********************************************* Desktops *******************************************************/
@media screen and (min-width: 961px) and (max-width: 1320px) {
  .multilevel-menu {
    padding-left: 34px;
  }
  .multilevel-menu li.menu-header {
    margin: 0 1% 0 0;
  }
  .multilevel-menu {
    display: block;
  }
}
/********************************************* Large Screens **************************************************/
@media screen and (min-width: 1321px) {
  .multilevel-menu {
    display: block;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Mobile Menu Button *********************************************/
.mobile-navigation-button {
  position: fixed;
  top: 43px;
  left: 15px;
  margin: 0;
  z-index: 90;
  cursor: pointer;
  background: transparent;
  border: none;
  width: 20px;
  height: 20px;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#mobile-navigation-button span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  opacity: 1;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #ffffff;
}
#mobile-navigation-button span:nth-child(1) {
  top: 0;
}
#mobile-navigation-button span:nth-child(2),
#mobile-navigation-button span:nth-child(3) {
  top: 7px;
}
#mobile-navigation-button span:nth-child(4) {
  top: 14px;
}
#mobile-navigation-button.open span:nth-child(1) {
  top: 7px;
  left: 50%;
  width: 0;
}
#mobile-navigation-button.open span:nth-child(2) {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-navigation-button.open span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobile-navigation-button.open span:nth-child(4) {
  top: 7px;
  left: 50%;
  width: 0;
}
/********************************************* Structure ******************************************************/
.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  transition: 0.15s;
  left: 100%;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  z-index: 80;
}
.mobile-menu-top {
  height: 103px;
  position: relative;
  padding: 12px 0 0 0;
}
.mobile-menu-top .mobile-menu-home-button {
  width: 540px;
  position: relative;
  margin: auto;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}
.mobile-menu-top .mobile-menu-home-button img {
  float: left;
  margin: 0 0 0 0;
  padding: 0;
}
.mobile-menu-bottom {
  height: 100%;
  background: #ffffff;
}
/********************************************* Search *********************************************************/
.mobile-search-form-container {
  display: none;
  margin: auto;
  width: 100%;
  padding: 2px 20px 2px 20px;
  background: #e2eaf0;
  border: solid #e2eaf0;
  border-width: 0 0 2px 0;
}
.mobile-search-form-container .search-bar {
  height: 39px;
  width: 100%;
  margin: 0 0 18px 0;
}
.mobile-search-form-container .search-bar .search-bar-input {
  height: 39px;
  border: solid 1px #4b7ea3;
}
.mobile-search-form-container .search-bar .search-bar-input input::placeholder {
  color: #a6bbcb;
}
.mobile-search-form-container .search-bar-button {
  width: 86px;
}
.mobile-search-form-container .search-bar-button button {
  width: 98px;
  height: 39px;
}
.mobile-search-form-container .search-bar-number-search .search-bar-button button {
  color: #ffffff;
  font-size: 15px;
  background-image: none;
}
/********************************************* Menu ***********************************************************/
.mobile-menu ul {
  margin: 4px 0;
  padding: 0px 0;
  display: block;
  background: #ffffff;
}
.mobile-menu ul li {
  margin: 0 0 0 0;
  padding: 0;
  display: block;
  background: none;
}
.mobile-menu .menu-header {
  color: #111111;
  width: 100%;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 20px 10px 20px;
  background: #ffffff;
  border: solid transparent;
  border-width: 2px 0 0 0;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.mobile-menu .menu-header:hover {
  color: #114873;
  background: #e2eaf0;
  text-decoration: none;
}
.mobile-menu .menu-header .indicator {
  display: block;
  float: right;
  width: 21px;
  height: 21px;
  margin: 1px 4px 0 0;
  border-radius: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mobile-menu .menu-header .indicator .arrow {
  display: block;
  width: 19px;
  height: 19px;
  transition: 0.2s;
  background: url('../images/global/mobile-menu/arrow.png') 2px 6px no-repeat;
}
.mobile-menu ul.menu-body {
  display: none;
  background: #ffffff;
}
.mobile-menu ul.menu-body li a {
  color: #1a5380;
  padding: 9px 20px 9px 40px;
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0px;
  display: block;
  text-decoration: none;
}
.mobile-menu ul.menu-body li a:hover {
  background: #e2eaf0;
  text-decoration: none;
}
/********************************************* Visibility *****************************************************/
.mobile-search-form-container,
.mobile-navigation-button,
.mobile-menu {
  display: none;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .mobile-navigation-button {
    top: 27px;
    left: 12px;
    margin: 0;
  }
  .mobile-menu-top {
    height: 70px;
    padding: 6px 0 0 0;
  }
  .mobile-search-form-container {
    padding: 16px 14px 0 14px;
  }
  .mobile-menu .menu-header {
    padding: 8px 16px 7px 16px;
    font-size: 17px;
    line-height: 21px;
  }
  .mobile-menu ul.menu-body li a {
    padding: 8px 20px 8px 20px;
    font-size: 17px;
    line-height: 19px;
  }
  .mobile-search-form-container,
  .mobile-navigation-button,
  .mobile-menu {
    display: block;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .mobile-search-form-container,
  .mobile-navigation-button,
  .mobile-menu {
    display: block;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Structure ******************************************************/
.home .content-layout {
  padding: 148px 0 0 0;
}
.home .content-layout-body {
  position: relative;
  z-index: 4;
  padding: 0 0 0px 0;
  padding: 0;
  min-height: 400px;
}
/********************************************* Quick Start ****************************************************/
.quick-start-container {
  position: relative;
  opacity: 0;
  margin: 28px 0 14px;
  background: #ffffff;
  transition: 2.5s;
}
.quick-start-container-visible {
  opacity: 1;
}
.quick-start {
  position: relative;
  height: 440px;
  width: 100%;
  overflow: hidden;
  margin: 5px auto;
  padding: 0;
  z-index: 10;
  transition: 0.5s;
  background-repeat: no-repeat;
  background-position: center -194px;
  background-image: none;
}
.quick-start .panels {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.quick-start .panels .panel {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  height: 440px;
  background-repeat: no-repeat;
  background-position: center -194px;
  transition: all 500ms ease;
  border: solid #ffffff;
  border-width: 0 16px 0 0px;
  width: 8%;
  filter: saturate(0.5);
}
.quick-start .panels .panel:last-child {
  border-width: 0;
}
.quick-start .panels .panel-closed {
  width: 8%;
  filter: saturate(0.5);
}
.quick-start .panels .panel-open {
  width: 52%;
  filter: saturate(1);
}
.quick-start .panels .panel .panel-label {
  font-family: 'Jost', serif;
  position: absolute;
  top: 0px;
  left: 0;
  height: 220px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 32px 3px 24px 3px;
  color: #ffffff;
  writing-mode: vertical-lr;
  background: rgba(26, 83, 128, 0.6);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.quick-start .panels:hover .panel:hover .panel-label {
  opacity: 0;
}
.quick-start .panels .panel:nth-child(1) {
  background-size: 1200px;
  background-position: center -60px;
  background-image: url('../images/home/quick-start/backgrounds/1.jpg');
}
.quick-start .panels .panel:nth-child(2) {
  background-size: 1200px;
  background-position: center 0px;
  background-image: url('../images/home/quick-start/backgrounds/2.jpg');
}
.quick-start .panels .panel:nth-child(3) {
  background-size: 1200px;
  background-position: center -120px;
  background-image: url('../images/home/quick-start/backgrounds/3.jpg');
}
.quick-start .panels .panel:nth-child(4) {
  background-size: 1200px;
  background-position: center -20px;
  background-image: url('../images/home/quick-start/backgrounds/4.jpg');
}
.quick-start .panels .panel:nth-child(5) {
  background-size: 1200px;
  background-position: center -100px;
  background-image: url('../images/home/quick-start/backgrounds/5.jpg');
}
.quick-start .panels .panel:nth-child(6) {
  background-size: 1200px;
  background-position: center -40px;
  background-image: url('../images/home/quick-start/backgrounds/6.jpg');
}
.quick-start .panels .panel:nth-child(7) {
  background-size: 1200px;
  background-position: -100px 0px;
  background-image: url('../images/home/quick-start/backgrounds/7.jpg');
}
.quick-start .panels .panel .panel-content .panel-content-inner {
  display: block;
  height: 440px;
  margin: 0;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px 15px 60px;
  color: #ffffff;
  text-decoration: none;
  transition: all 200ms ease;
}
.quick-start .panels .panel-open .panel-content .panel-content-inner {
  background: rgba(0, 0, 0, 0.4);
}
.quick-start .panels .panel-initial .panel-content .panel-content-inner {
  background: rgba(0, 0, 0, 0);
}
.quick-start .panels .panel .panel-content .panel-content-inner * {
  opacity: 0;
  margin: 0;
  position: relative;
  z-index: 5;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.quick-start .panels .panel-open .panel-content .panel-content-inner * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.quick-start .panels .panel-initial .panel-content .panel-content-inner * {
  opacity: 0;
}
.quick-start .panels .panel-open .panel-label {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(2 -px);
}
.quick-start .panels .panel-initial .panel-label {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 400ms ease;
}
.quick-start .panels .panel .panel-content .panel-content-inner h2 {
  top: 68px;
  color: #ffffff;
  font-size: 32px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 8px;
}
.quick-start .panels .panel .panel-content .panel-content-inner p {
  font-family: 'Jost', serif;
  top: 68px;
  width: 680px;
  font-size: 21px;
  line-height: 24px;
  font-weight: 400;
}
.quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content {
  display: block;
  margin: 16px 0px 0px 0px;
}
.quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content a {
  display: block;
  width: 260px;
  color: #ffffff;
  text-align: left;
  font-family: 'Jost', serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  background: rgba(26, 83, 128, 0.8);
  text-decoration: none;
  margin: 0px 0 5px 0px;
  padding: 9px 10px 8px 10px;
  transition: 0.2s;
}
.quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content a:hover {
  background: rgba(26, 83, 128, 0.9);
}
/********************************************* Live Streams Bar ***********************************************/
.home-live-streams-notice {
  clear: both;
  width: 100%;
  display: block;
}
.home-live-streams-notice-inner {
  padding: 10px 16px;
  background: #ffffff;
  overflow: auto;
}
.home-live-stream {
  padding: 10px 16px;
  margin: 0 auto 10px auto;
  color: #ffffff;
  font-size: 22px;
  text-decoration: underline;
  text-decoration-color: #990000;
  background: #1a5380;
}
.home-live-stream .live-indicator {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 10px;
  color: #ffffff;
  background-color: #990000;
}
/********************************************* Bottom *********************************************************/
.homepage-modules-left {
  float: left;
  width: 50%;
  padding-left: 20px;
}
.homepage-modules-right {
  float: left;
  width: 50%;
}
.homepage-module {
  display: block;
  overflow: auto;
  width: 420px;
  margin: 0 auto;
  padding: 20px 0px 24px;
  font-size: 20px;
  line-height: 26px;
  color: #333333;
}
.homepage-module h2 {
  margin: 0 0 10px 0;
}
.homepage-module .form {
  margin-top: 10px;
}
.homepage-module .form-input {
  padding-left: 0px;
}
.homepage-module a {
  color: #000000;
  text-decoration: none;
}
.homepage-module a:hover {
  color: #000000;
  text-decoration: underline;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .home .content-layout {
    padding: 84px 0 0 0;
  }
  .quick-start-container {
    margin: 8px 0 0 0;
  }
  .quick-start {
    height: 220px;
  }
  .quick-start .panels .panel {
    height: 220px;
    border-width: 0 1px 0 0px;
    width: 6%;
  }
  .quick-start .panels .panel:nth-child(4) {
    width: 64%;
  }
  .quick-start .panels:hover .panel {
    width: 6%;
  }
  .quick-start .panels:hover .panel:hover {
    width: 64%;
  }
  .quick-start .panels .panel .panel-label {
    height: 160px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 6px 0px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner {
    height: 220px;
    margin: 0;
    width: 100%;
    position: relative;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner h2 {
    top: 4px;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner p {
    top: 4px;
    width: 220px;
    font-size: 15px;
    line-height: 16px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content {
    margin: 12px 0px 0px 0px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content a {
    width: 180px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    margin: 0px 0 2px 0px;
    padding: 2px 6px 1px 6px;
  }
  .homepage-modules {
    flex-direction: column;
  }
  .homepage-module {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 10px 20px 0px 20px;
    font-size: 18px;
    line-height: 24px;
  }
  .homepage-module h2 {
    margin: 0 0 6px 0;
  }
  .homepage-modules-left {
    width: 100%;
    padding: 0;
  }
  .homepage-modules-right {
    width: 100%;
    padding: 0;
  }
  .medium-long-control {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body {
    margin: 0;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .home .content-layout {
    padding: 126px 0 0 0;
  }
  .quick-start-container {
    margin: 8px 0 0 0;
  }
  .quick-start {
    height: 288px;
  }
  .quick-start .panels .panel {
    height: 288px;
    border-width: 0 8px 0 0px;
    width: 7%;
  }
  .quick-start .panels .panel:nth-child(4) {
    width: 58%;
  }
  .quick-start .panels:hover .panel {
    width: 7%;
  }
  .quick-start .panels:hover .panel:hover {
    width: 58%;
  }
  .quick-start .panels .panel .panel-label {
    height: 180px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 8px 2px 8px 2px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner {
    height: 288px;
    margin: 0;
    width: 100%;
    position: relative;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner h2 {
    top: 20px;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 8px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner p {
    top: 20px;
    width: 400px;
    font-size: 18px;
    line-height: 19px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content {
    margin: 12px 0px 0px 0px;
  }
  .quick-start .panels .panel .panel-content .panel-content-inner .highlighted-content a {
    width: 220px;
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    margin: 0px 0 5px 0px;
    padding: 5px 9px 4px 9px;
  }
  .medium-long-control {
    width: 100%;
  }
  .homepage-module {
    width: 100%;
    font-size: 19px;
    line-height: 24px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Site Search ****************************************************/
.gsc-control-cse {
  width: 100% !important;
  padding: 0 !important;
  margin: 1% 0% !important;
}
.gsc-positioningWrapper,
.gsc-orderby-container {
  display: none;
}
.gsc-results {
  width: 100% !important;
  font-size: 18px;
  line-height: 20px;
  padding: 0 !important;
  margin: 0 !important;
}
.gsc-above-wrapper-area {
  border-color: #dddddd !important;
  border-width: 0px 0 2px 0 !important;
  padding: 0 !important;
  height: 36px;
}
.gs-title a,
.gs-title b {
  font-size: 21px !important;
  line-height: 27px;
  color: #165a8a !important;
}
.gsc-thumbnail-inside {
  padding: 0 !important;
  margin: 0 !important;
}
.gs-visibleUrl {
  font-size: 17px !important;
  line-height: 24px;
  color: #114873 !important;
  padding: 1px 0 2px 1px;
  margin: 0px 0 0px 0 !important;
}
.gs-snippet {
  font-size: 16px !important;
  line-height: 24px;
  padding: 0 !important;
  margin: 2px 0 0px 0 !important;
  width: 60%;
}
.gsc-url-top {
  padding: 0 !important;
  margin: 0 !important;
}
.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
  color: #000000 !important;
}
.gsc-cursor-box {
  margin: 10px 0 0 0 !important;
}
.gsc-cursor-page {
  color: #000000 !important;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  margin-right: 3px;
  padding: 5px 0px 4px 0px;
  width: 32px;
  float: left;
  text-align: center;
  text-decoration: none !important;
  border: 2px solid #ffffff !important;
}
.gsc-cursor-current-page {
  background-color: #1a5380 !important;
  border: 2px solid #1a5380 !important;
  color: #ffffff !important;
}
.gsc-cursor-page:hover {
  background-color: #1a5380 !important;
  border: 2px solid #1a5380 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff !important;
  border: none !important;
}
.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
  background-color: #ffffff !important;
  border: none !important;
}
.gsc-result-info-container {
  padding: 0 0 0 0 !important;
}
.gsc-result-info {
  font-size: 17px !important;
  color: #333333 !important;
  padding: 0 !important;
}
.gcsc-more-maybe-branding-root {
  padding: 48px 0 0 0 !important;
  clear: both;
  display: block;
}
.gcsc-find-more-on-google-text,
.gcsc-find-more-on-google-query,
.gcsc-find-more-on-google-magnifier {
  font-size: 19px;
  fill: #1a5380 !important;
  color: #1a5380 !important;
}
/********************************************* Imports ********************************************************/
/********************************************* Glossary *******************************************************/
.letter-menu {
  display: block;
  overflow: auto;
  margin: 0 0 20px 0;
}
.letter-menu a {
  float: left;
  margin: 0 8px 8px 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background: #1a5380;
}
.letter-menu a:hover {
  background: #4b7ea3;
}
.glossary-term {
  margin: 0 0 20px 0;
  display: block;
}
.glossary-term-name {
  font-size: 25px;
  line-height: 32px;
  font-weight: 500;
  margin: 0 0 2px 0;
}
.glossary-term-name a {
  color: #000000;
  text-decoration: none;
}
.glossary-term-definition {
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 20px 0;
  display: block;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .glossary-term-name {
    font-size: 23px;
  }
  .glossary-term-definition {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px 0;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .glossary-term-name {
    font-size: 23px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* District Map ***************************************************/
.district-map-container-full {
  position: relative;
  float: left;
  width: 100%;
  border: solid 3px #e2eaf0;
  margin: 9px 0 20px 0;
}
#senate-district-map {
  height: 540px;
  width: 100%;
}
.district-data {
  display: none;
}
.gm-style .gm-style-iw {
  background-color: #ffffff !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 86px !important;
  padding-top: 0px;
  display: block !important;
  box-shadow: 3px 3px 3px rgba(101, 127, 148, 0.2);
  border-radius: 2px;
}
.district-info-box {
  position: relative;
  display: block;
  width: 400px !important;
  height: 200px !important;
  padding: 0px;
  margin: 0 0 0px 0 !important;
  background-color: #ffffff !important;
}
.district-info-box-headshot {
  position: relative;
  float: left;
  width: 84px;
  padding: 0px 0 0px 0;
  background: #1a5380 !important;
}
.district-info-box-headshot img {
  width: 80px;
}
.district-info-box-body {
  position: absolute;
  left: 94px;
  top: 10px;
  width: 200px !important;
  height: 68px;
  color: #000000 !important;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  padding: 8px 0px 8px 8px;
  background-color: #e2eaf0;
  text-decoration: none !important;
  z-index: 100;
}
.district-info-box-body div.district-info-box-header {
  color: #165a8a !important;
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 4px 0;
  font-weight: bold;
  text-decoration: underline;
}
/********************************************* Other **********************************************************/
.multiple-member-container {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 17px;
  margin: 0 0 16px 0;
  padding: 8px 12px 10px 12px;
  background: #eeeeee;
  border: solid #dadada;
  border-width: 2px 0;
}
.multiple-member-module-divider {
  float: left;
  background: #cccccc;
  width: 1px;
  height: 80px;
  margin: 8px 20px 0 0px;
}
.multiple-member-container a {
  text-decoration: underline;
  font-size: 14px;
}
.multiple-member-module {
  float: left;
  width: 120px;
  margin: 0 20px 0 0;
  padding: 0;
  text-align: center;
}
.multiple-member-module .portrait-thumbnail-container-small {
  height: 80px;
  margin: 6px 0 2px 0;
  overflow: hidden;
  border: 3px solid #ffffff;
}
.multiple-member-module .portrait-thumbnail-container-small img {
  float: left;
}
/********************************************* Leadership *****************************************************/
.leadership h3 {
  color: #333333;
  display: block;
  font-size: 26px;
  font-weight: normal;
  margin: 8px 0 12px 0;
  text-align: center;
}
/********************************************* Priorities *****************************************************/
.priorities-module {
  display: block;
  margin: 20px 0 60px 0;
  background: #e2eaf0;
}
.priorities-module:last-child {
  margin-bottom: 0;
}
.priorities-module .priorities-module-media {
  float: left;
  padding: 0px 0px 0 0;
  width: 54%;
}
.priorities-module .priorities-module-info {
  color: #1a5380;
  float: left;
  padding: 20px 24px;
  width: 46%;
}
.priorities-module .priorities-module-info h3 {
  font-size: 25px;
  margin: 0 0 12px 0;
  color: #1a5380;
}
/********************************************* News ***********************************************************/
.news-module {
  display: block;
  margin: 20px 0 60px 0;
}
.news-module .news-module-left {
  float: left;
  width: 16%;
}
.news-module .news-module-right {
  float: left;
  width: 84%;
}
.news-module .news-module-right h3 a {
  display: block;
  font-size: 28px;
  margin: 0 0 12px 0;
  text-decoration: none;
}
.news-module .news-module-right .news-module-media {
  float: left;
  padding: 10px 20px 0 0px;
  width: 288px;
}
.news-module .news-module-right .news-module-media img {
  float: left;
}
.news-module .news-module-right .news-module-link {
  margin: 8px 0 0px 0;
}
.news-module .news-module-right .news-module-link a {
  font-size: 25px;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .district-map-container-full {
    position: relative;
    float: left;
    width: 100%;
    border: solid 3px #e2eaf0;
    margin: 9px 0 20px 0;
  }
  #senate-district-map {
    height: 320px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Structure ******************************************************/
.member .content-container {
  padding-top: 68px;
}
.member-home .content-area-1 {
  padding: 0px 60px 80px 40px;
  float: left;
  width: 42%;
}
.member-home .content-area-2 {
  padding: 0px 40px 80px 0px;
  float: left;
  width: 58%;
}
/********************************************* Profile Navigation *********************************************/
.profile-navigation {
  position: relative;
  margin: 0 4px 0 12px;
  padding: 9px 0 0 0;
  float: right;
  width: 86px;
  z-index: 100;
}
.profile-navigation a {
  display: inline-block;
  margin-right: 3px;
}
.profile-navigation a:last-child {
  margin-right: 0;
}
.profile-navigation .profile-navigation-button {
  position: relative;
  float: left;
  width: 22px;
  height: 22px;
  text-align: center;
  font-size: 24px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  transition: 0.4s;
  background-color: rgba(20, 81, 128, 0.6);
}
.profile-navigation .profile-navigation-button:hover {
  background-color: rgba(20, 81, 128, 0.85);
}
/********************************************* Slideshow ******************************************************/
.member-home-slideshow {
  position: relative;
  top: 0;
  left: 0;
  height: 660px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  z-index: 10;
}
.member-home-slideshow-background {
  background: #000000;
}
.member-banners-slider-container {
  position: relative;
  top: 0;
  left: 0;
  height: 660px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 10;
  opacity: 0;
}
.member-banners-slider-container .slider-member-banner {
  position: relative;
  width: 100%;
  height: 660px;
  z-index: 10;
}
.member-banners-slider-container .slider-member-banner .media-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 10;
}
.member-banners-slider-container .slider-member-banner .media-container .banner {
  float: left;
  display: block;
  width: 100%;
  height: 660px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
.member-home-slideshow .member-home-slide-bottom {
  position: absolute;
  padding: 2px 0px 0 2px;
  z-index: 12;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
  background: rgba(26, 83, 128, 0.85);
}
.member-home-slideshow .member-home-slide-bottom .member-name,
.member-home-slideshow .member-home-slide-bottom .member-district {
  display: inline-block;
  color: #ffffff;
  font-family: 'Jost', serif;
  font-size: 25px;
  line-height: 26px;
  font-weight: 400;
  padding: 6px 0px 0 0px;
}
.member-home-slideshow .member-home-slide-bottom .separator {
  display: inline-block;
  margin: 6px 12px 0px 12px;
  vertical-align: top;
  padding: 0;
  width: 1px;
  height: 26px;
  background: #5a92bd;
}
.member-home-slideshow .member-home-slide-bottom .party-logo {
  float: left;
  padding: 0;
  margin: 0 12px 0 8px;
  width: 48px;
  height: 38px;
}
/********************************************* District Map ***************************************************/
.district-map-container {
  position: relative;
  float: left;
  width: 100%;
  border: solid 2px #e2eaf0;
  margin: 10px 0 20px 0;
}
.district-map-container #membership-district-map {
  height: 380px;
  width: 100%;
}
/********************************************* Contact Info ***************************************************/
.member-home .content-area-1 .contact-info-container {
  padding: 0 0 20px 0;
}
/********************************************* Communications *************************************************/
.communications {
  position: relative;
  margin: 10px 0 20px 0;
}
.communications .social-media-link {
  float: left;
  margin: 0 8px 12px 0;
  text-decoration: none;
}
.communications .social-media-link img {
  float: left;
}
.communications .form-input {
  padding-left: 0px;
}
#newsletter-sign-up-form {
  margin-bottom: 2px;
}
/********************************************* Fun Facts ******************************************************/
.fun-facts {
  position: relative;
  display: block;
  margin: 30px 0 20px 0;
  background: #ffffff;
}
.fun-facts-modules {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 16px 28px;
  background: #e0ded7;
}
.fun-facts-module {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 28px;
  color: #8f8372;
  margin: 0px 0;
  padding: 0px 0px;
}
.fun-facts-module:last-child {
  border-width: 0;
}
/********************************************* Newsletters ****************************************************/
.newsletters {
  position: relative;
  display: block;
  margin: 20px auto 40px;
  padding: 40px 20px;
  border: 2px solid #e2eaf0;
  width: 40%;
  background: #ffffff;
}
.newsletter-module {
  position: relative;
  display: block;
  margin: 0px 0 40px 0;
  text-align: center;
}
.newsletter-module .newsletter-title {
  position: relative;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #000000;
  float: left;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
.newsletter-module .newsletter-date {
  clear: both;
  position: relative;
  color: #a89b87;
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  padding: 2px 0px 16px 0px;
  width: 100%;
}
.newsletter-module .social-media {
  color: #114873;
  margin: 0 auto;
  width: 60%;
  font-size: 17px;
  line-height: 19px;
}
.newsletter-module .social-media-links {
  margin: 8px 0 0 0;
}
.newsletter-module .social-media-links a {
  text-decoration: none;
}
/********************************************* Member Contact *************************************************/
.member-contact {
  position: relative;
  width: 100%;
}
.member-contact-side {
  position: relative;
  padding: 0 28px 0 0;
  float: left;
  width: 26%;
}
.member-contact-main {
  padding: 5px 0 0 0;
  position: relative;
  float: right;
  width: 74%;
}
/********************************************* Member Home Info Bar *******************************************/
.member-info-bar {
  float: left;
  width: 100%;
  min-height: 50px;
  margin: 12px 28px 0 0;
  padding: 20px 5px;
  text-align: center;
  background-color: #1a5380;
  border: 0px solid #ffffff;
  border-radius: 4px;
}
.member-info-bar-module {
  padding: 6px 0 8px 0;
}
.member-info-bar-label {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  padding: 0;
}
.member-info-bar-value {
  font-size: 19px;
  line-height: 24px;
  color: #ffffff;
  padding: 0 0 6px 0;
}
.member-info-bar-value a {
  color: rgba(255, 255, 255, 0.9);
}
.member-social-media {
  position: relative;
  width: 120px;
  margin: 6px auto;
}
.member-social-media a {
  margin-right: 4px;
  text-decoration: none;
}
.member-info-bar-divider {
  height: 1px;
  margin: 10px auto;
  width: 184px;
  background-color: rgba(255, 255, 255, 0.2);
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .member-menu {
    margin: 0;
  }
  .member-home .content-area-1,
  .member-home .content-area-2 {
    padding: 0px 6% 80px 6%;
    width: 100%;
  }
  .member-home-slideshow,
  .member-banners-slider-container,
  .member-banners-slider-container .slider-member-banner,
  .member-banners-slider-container .slider-member-banner .media-container .banner {
    height: 248px;
  }
  .member-home-slideshow .member-home-slide-bottom {
    padding: 0px 0px 0 2px;
    height: 30px;
  }
  .member-home-slideshow .member-home-slide-bottom .member-name,
  .member-home-slideshow .member-home-slide-bottom .member-district {
    font-size: 20px;
    line-height: 20px;
  }
  .member-home-slideshow .member-home-slide-bottom .party-logo {
    width: 35px;
    height: 28px;
  }
  .member-contact-side {
    padding: 0 0 28px 0;
    width: 100%;
  }
  .member-contact-main {
    padding: 5px 0 0 0;
    width: 100%;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .member-menu {
    margin: 0;
  }
  .member-home .content-area-1 {
    padding: 0px 40px 80px 30px;
    width: 48%;
  }
  .member-home .content-area-2 {
    padding: 0px 30px 80px 0px;
    width: 52%;
  }
  .newsletters {
    width: 88%;
  }
  .newsletter-module {
    margin: 0px 0 20px 0;
  }
  .newsletter-module .newsletter-title {
    font-size: 20px;
    line-height: 24px;
    padding: 2px 0px 2px 0px;
  }
  .newsletter-module .newsletter-date {
    font-size: 19px;
    line-height: 19px;
    padding: 2px 0px 16px 0px;
  }
  .member-contact-side {
    margin: 80px 0 0 0;
    position: relative;
    padding: 0 10% 0;
    display: block;
    width: 100%;
  }
  .member-contact-main {
    padding: 5px 0 0 0;
    position: relative;
    display: block;
    width: 100%;
  }
  .fun-facts-modules {
    padding: 16px 20px;
  }
  .fun-facts-module {
    font-size: 16px;
    line-height: 21px;
  }
  .district-map-container #membership-district-map {
    height: 280px;
  }
  .member-home-slideshow,
  .member-banners-slider-container,
  .member-banners-slider-container .slider-member-banner,
  .member-banners-slider-container .slider-member-banner .media-container .banner {
    height: 384px;
  }
  .member-home-slideshow .member-home-slide-bottom .member-name,
  .member-home-slideshow .member-home-slide-bottom .member-district {
    font-size: 20px;
    line-height: 26px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Structure ******************************************************/
.committee .content-container {
  padding-top: 68px;
}
/********************************************* Imports ********************************************************/
/********************************************* Structure ******************************************************/
.legislation {
  position: relative;
}
.legislation .content-area-1 {
  position: relative;
  float: left;
  width: 24%;
  margin: 3px 0 0 0px;
  padding: 0 0 0 1px;
  min-height: 400px;
  border-radius: 4px;
}
.legislation .content-area-2 {
  position: relative;
  float: right;
  width: 76%;
  padding: 0 0 0 3%;
  margin: 0 0 0 0;
  min-height: 400px;
}
/********************************************* General ********************************************************/
.legislation .content-area-1 h2 {
  text-align: center;
}
a.legislation-file-format-icon {
  font-size: 15px;
  margin: 0 0 0 2px;
  padding: 0px 4px;
  color: #ffffff;
  background: #1a5380;
  border-radius: 2px;
  text-decoration: none;
}
.tag-link-group {
  margin: 6px 0 0 0;
}
.tag-link {
  float: left;
  text-align: left;
  margin: 0px 8px 8px 0;
  padding: 4px 8px;
  font-size: 17px;
  line-height: 21px;
  border: 2px solid #e2eaf0;
  color: #1a5380;
  background: #e2eaf0;
  text-decoration: none;
  transition: 0.2s;
  border-radius: 4px;
}
.tag-link:hover {
  background: #e2eaf0;
}
/********************************************* Bill Tracker Button ********************************************/
a.bill-tracker-button {
  position: relative;
  z-index: 10;
  display: block;
  float: right;
  width: 200px;
  height: 52px;
  padding: 4px 10px 4px 10px;
  font-size: 17px;
  line-height: 22px;
  text-align: center;
  background: #e2eaf0;
}
/********************************************* Sponsors *******************************************************/
.legislation-primary-sponsors {
  text-align: center;
  overflow: hidden;
}
.legislation-primary-sponsors .media-grid-1-column .media-container {
  border-width: 0;
  margin-top: 20px;
  margin-bottom: 8px;
}
.legislation-primary-sponsors .media-grid-1-column .media-container:first-child {
  margin-top: 0px;
}
.legislation-primary-sponsors-note {
  font-size: 16px;
  line-height: 22px;
  padding: 0 8%;
  font-style: italic;
}
.legislation-primary-sponsors-house {
  margin: 9px 0 20px 0;
  padding: 10px 4px;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  border: 8px solid #ffffff;
}
.legislation-primary-sponsors-house a {
  color: #114873;
  margin: 10px 0 10px 0;
  display: block;
  text-decoration: none;
}
.other-primary-sponsors {
  margin: 16px 0;
  padding: 12px 4px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  border: 0px solid #ffffff;
  color: #114873;
  background: #dae3eb;
}
.other-primary-sponsors a {
  display: block;
  margin: 5px 0;
  color: #114873;
  text-decoration: none;
}
.legislation-cosponsors-inner {
  margin: 10px 0 10px 0;
  padding: 12px 4px 20px 4px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  border: 0px solid #ffffff;
  color: #114873;
  background: #dae3eb;
}
.legislation-cosponsors-header {
  font-size: 15px;
  margin: 24px 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.legislation-cosponsors a {
  display: block;
  margin: 5px 0;
  color: #114873;
  text-decoration: none;
}
.legislation-cosponsors a:hover {
  text-decoration: underline;
  background: transparent;
}
/********************************************* Summary ********************************************************/
.long-title-button {
  margin: 2px 0 10px 0;
  font-size: 23px;
  line-height: 23px;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
}
#toggle-long-title {
  font-size: 19px;
  line-height: 19px;
  font-weight: 400;
  color: #a89b87;
}
#long-title {
  display: none;
}
.legislation-section {
  display: block;
  clear: both;
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.legislation-section h2 {
  margin: 3px 0 4px 0;
}
.legislation-section h3 {
  padding: 8px 0 0 2px;
  font-size: 21px;
  line-height: 21px;
  font-weight: 400;
  color: #a89b87;
}
.legislation-section p {
  padding-left: 3px;
}
.legislation-section ul {
  padding: 4px 0 12px 0;
}
.legislation-section ul li {
  padding: 4px 0 4px 24px;
}
/********************************************* Votes **********************************************************/
.vote-breakdown-button {
  color: #1a5380;
  cursor: pointer;
  white-space: nowrap;
}
.vote-breakdown {
  display: none;
}
/********************************************* Documents ******************************************************/
.legislation-documents a {
  position: relative;
  display: block;
}
/********************************************* Status Diagram *************************************************/
.status-diagram {
  position: relative;
  width: 100%;
  margin: 20px 0 16px 0;
  padding: 10px 0 21px 0;
  border: solid #e2eaf0;
  border-width: 2px 0px;
}
.status-diagram-chambers {
  float: left;
  position: relative;
  padding: 0px 0 0px 0;
}
.status-diagram-inverted .status-diagram-house {
  transform: translateY(120px);
}
.status-diagram-inverted .status-diagram-senate {
  transform: translateY(-120px);
}
.status-step {
  width: 92px;
  height: 120px;
  float: left;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #1a5380;
}
.status-step img {
  display: block;
  width: 48px;
  margin: 20px auto 4px auto;
}
.status-step-connector {
  width: 44px;
  height: 120px;
  float: left;
  background: url('../images/legislation/step-arrow.png') right 40px no-repeat;
}
.status-step-connector-blank {
  width: 44px;
  height: 120px;
  float: left;
}
.status-step-final-connector {
  width: 85px;
  height: 120px;
  float: left;
}
.status-diagram-house .status-step-final-connector {
  background: url('../images/legislation/final-step-arrow-top.png') right 45px no-repeat;
}
.status-diagram-senate .status-step-final-connector {
  background: url('../images/legislation/final-step-arrow-bottom.png') right -1px no-repeat;
}
.status-diagram-inverted .status-diagram-house .status-step-final-connector {
  background: url('../images/legislation/final-step-arrow-bottom.png') right -1px no-repeat;
}
.status-diagram-inverted .status-diagram-senate .status-step-final-connector {
  background: url('../images/legislation/final-step-arrow-top.png') right 45px no-repeat;
}
.status-diagram-final {
  position: relative;
  padding: 15px 0 0 0;
  margin: 0 0 0 8px;
  float: left;
  width: 100px;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #1a5380;
}
.status-diagram-final-spacer {
  display: block;
  height: 48px;
}
.status-diagram-final img {
  display: block;
  width: 86px;
  margin: 0 auto 4px auto;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .legislation .content-area-1 {
    margin: 32px 0 0 0;
    padding: 10px 4%;
    width: 100%;
    min-height: 1px;
  }
  .legislation .content-area-2 {
    width: 100%;
    margin: 0 0 0 0;
    padding-left: 0;
    min-height: 1px;
  }
  a.bill-tracker-button,
  .status-diagram {
    display: none;
  }
  .legislation-info-module {
    margin: 3px 0 20px 0;
    padding: 0px 12px 20px 12px;
    border: 8px solid #ffffff;
  }
  .legislation-info-module h3 {
    font-size: 19px;
    line-height: 24px;
    margin: 12px 0 0px 0;
  }
  .tag-link {
    margin: 5px 5px 0 0;
    padding: 4px 7px;
    font-size: 16px;
    line-height: 18px;
    border: 2px solid #ffffff;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .legislation .content-area-1 {
    margin: 32px 0 0 0;
    padding: 10px 26%;
    width: 100%;
    min-height: 1px;
  }
  .legislation .content-area-2 {
    margin: 0px 0 0 0;
    width: 100%;
    padding-left: 0;
    min-height: 1px;
  }
  .legislation .content-area-1 h2,
  .legislation-section h2 {
    font-size: 24px;
    line-height: 24px;
  }
  .status-step {
    width: 82px;
    font-size: 15px;
    line-height: 19px;
  }
  .status-step-connector {
    width: 28px;
  }
  .status-step-connector-blank {
    width: 28px;
  }
  .status-step-final-connector {
    width: 28px;
  }
  .status-diagram-house .status-step-final-connector {
    margin: 0 2px 0 4px;
  }
  .status-diagram-senate .status-step-final-connector {
    display: none;
  }
  .status-diagram-final {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 0 8px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Calendar *******************************************************/
.fc {
  background: #ffffff !important;
}
.fc a {
  text-decoration: none;
}
/********************************************* Toolbar ********************************************************/
.fc-toolbar {
  padding: 2px 0 !important;
  border-width: 1px 0 1px 0;
  border-radius: 0;
  margin-bottom: 8px !important;
}
.fc-toolbar h2 {
  color: #1a5380 !important;
  font-size: 25px !important;
  line-height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
}
/********************************************* Header Cells ***************************************************/
.fc-col-header-cell {
  font-size: 18px !important;
  background: #e2eaf0 !important;
  padding: 6px 0 !important;
}
/********************************************* General ********************************************************/
.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #e2eaf0 !important;
}
.fc-theme-standard .fc-list {
  border: 1px solid #e2eaf0 !important;
}
.fc-cell-shaded {
  background: #e2eaf0 !important;
}
.fc-theme-standard .fc-scrollgrid {
  border: none !important;
}
/********************************************* Buttons ********************************************************/
.fc-button {
  padding: 2px 8px !important;
  font-size: 16px !important;
  line-height: 20px !important;
  height: 32px !important;
  border-radius: 0 !important;
}
.fc-button-primary {
  background-color: #114873 !important;
  margin-right: 4px !important;
  border-color: #ffffff !important;
}
.fc .fc-button:disabled {
  opacity: 1 !important;
}
.fc-button-primary:hover {
  background-color: #4b7ea3 !important;
  border-color: #ffffff !important;
}
.fc-button-primary:last-child {
  margin-right: 0 !important;
}
.fc-dayGridMonth-button,
.fc-timeGridWeek-button,
.fc-timeGridDay-button,
.fc-listMonth-button {
  min-width: 60px !important;
}
/********************************************* Day Grid View **************************************************/
.fc-daygrid-event {
  color: #111111 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 2px !important;
}
.fc-timeGridDay-view td.fc-day-today {
  background: #ffffff !important;
}
.fc-daygrid-day-number {
  font-size: 19px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}
/********************************************* Time Grid View *************************************************/
th.fc-timegrid-axis {
  background: #e2eaf0 !important;
}
.fc-timegrid-slot {
  padding: 2px 0 0 0 !important;
  height: 28px !important;
}
.fc-timegrid-slot-label {
  font-size: 14px !important;
}
.fc-timegrid-axis {
  color: transparent !important;
  font-size: 15px !important;
  text-align: right !important;
}
.fc-timegrid-event {
  border-radius: 0 !important;
  border: none !important;
  font-size: 16px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  padding: 0 1px !important;
}
.fc-timegrid-event .fc-event-time {
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
}
/********************************************* List View ******************************************************/
.fc-list-empty {
  color: #1a5380 !important;
  border-color: #1a5380 !important;
  background-color: #e2eaf0 !important;
}
.fc-list-table th {
  font-size: 16px;
}
.fc-list-table td {
  font-size: 16px;
}
.fc-list-event-graphic {
  padding-right: 12px !important;
}
/********************************************* Event Details **************************************************/
.event-details {
  line-height: 28px;
}
.event-details .event-details-header {
  margin: 2px 0 16px 0;
  padding-left: 1px;
  font-size: 34px;
  line-height: 34px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.event-details h2 {
  margin-bottom: 4px;
}
.event-details .event-status-notice {
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 17px;
  background: #cea346;
  padding: 5px 18px 5px 18px;
}
/********************************************* Imports ********************************************************/
/********************************************* Newspaper ******************************************************/
.newspaper {
  display: block;
}
.newspaper-content-layout {
  margin: 0 0 0 0;
  padding: 144px 0 0 0;
}
.newspaper-header {
  min-height: 112px;
  width: 100%;
  display: flex;
  column-gap: 30px;
  flex-direction: row;
}
.newspaper-header-left {
  position: relative;
  flex-basis: 26%;
}
.newspaper-header-left .newspaper-subscribe-button {
  display: block;
  min-width: 132px;
  width: 132px;
  margin: 36px 0 0 120px;
  color: #1a5380;
  background-color: #f5f8fa;
  border: 1px solid #4b7ea3;
  border-radius: 4px;
}
.newspaper-header-center {
  flex-basis: 48%;
  display: block;
  text-align: center;
  padding: 0 0;
}
.newspaper-header-right {
  flex-basis: 26%;
}
.newspaper-header-center h1 {
  display: block;
  font-size: 60px;
  line-height: 56px;
  letter-spacing: 2px;
  margin: 16px 0 2px 0;
  text-align: center;
}
.newspaper-header-center .newspaper-slogan {
  font-size: 28px;
  font-family: 'Jost', serif;
  display: block;
  letter-spacing: 1px;
  text-align: center;
}
.newspaper-header-right .presidents-podcast {
  position: relative;
  min-height: 112px;
  background: url('../images/newspapers/presidents-podcast.jpg') center center no-repeat;
  background-size: cover;
}
.newspaper-header-right .presidents-podcast-label {
  position: absolute;
  left: 0px;
  bottom: 8px;
  font-size: 15px;
  line-height: 17px;
  padding: 1px 4px;
  color: #ffffff;
  background-color: #1a5380;
}
.newspaper-body {
  display: block;
  padding: 20px 0;
}
.newspaper-featured-content {
  display: block;
  padding: 8px 0 0px 0;
  border: solid #e0e6ec;
  border-width: 2px 0 0px 0;
}
a.top-story-headline-link {
  display: block;
  text-decoration: none;
  padding: 10px 0 16px 0;
}
a.top-story-headline-link .top-story-headline {
  display: block;
  width: 100%;
  font-size: 36px;
  line-height: 38px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-wrap: balance;
}
a.top-story-headline-link .top-story-subtitle {
  display: block;
  width: 100%;
  font-size: 22px;
  line-height: 26px;
  padding: 2px 0 0 0;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
}
.newspaper-featured-content-top {
  position: relative;
  display: flex;
  gap: 38px;
  padding: 28px 0 24px 0;
  border: solid #e0e6ec;
  border-width: 2px 0 2px 0;
}
.featured-content-header {
  font-family: 'Jost', serif;
  font-weight: 500;
  color: #000000;
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 12px 0;
}
.article-read-more-link {
  color: #165a8a;
  text-decoration: none;
  display: block;
  margin: 20px 0 0 0;
  padding: 0;
  font-style: italic;
}
.newspaper-featured-policy .featured-content-header {
  text-align: left;
}
.newspaper-featured-content-top .featured-content-module {
  position: relative;
  overflow-y: auto;
}
.newspaper-featured-content-top .featured-content-middle {
  position: relative;
  width: 72%;
  margin: auto;
}
.newspaper-featured-content-top .featured-content-middle .top-story-image {
  width: 100%;
}
.newspaper-featured-article {
  padding: 20px 0 0 0;
  margin: auto;
  width: 72%;
  display: block;
}
.newspaper-article-header {
  padding: 0 0 8px 0;
}
.newspaper-article-title {
  font-family: 'Jost', serif;
  font-weight: 500;
  color: #000000;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  text-align: center;
}
.newspaper-article-subtitle {
  font-size: 19px;
  line-height: 26px;
  font-style: italic;
  text-align: center;
}
.newspaper-article-credit {
  padding: 2px 0 0 0;
  text-align: center;
}
.newspaper-content-modules {
  padding: 24px 0 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
.newspaper-content-module {
  display: block;
  border: solid #e0e6ec;
  border-width: 2px 0 0 0;
  padding: 40px 0 0 0;
}
.newspaper-article-list-title {
  font-family: 'Jost', serif;
  font-weight: 500;
  color: #000000;
  font-size: 26px;
  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
}
.newspaper-article-list-item {
  clear: both;
  display: block;
  margin: 10px 0 24px 0;
}
.newspaper-article-list-item-thumbnail {
  float: left;
  margin: 4px 16px 12px 0;
  width: 180px;
  height: 120px;
  background-color: #000000;
}
.newspaper-article-list-item-title {
  font-size: 20px;
  line-height: 22px;
  margin: 0 0 4px 0;
}
.newspaper-article-list-item-credit {
  font-size: 18px;
  line-height: 20px;
}
.newspaper-article-block-link {
  color: initial;
  text-decoration: none;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .newspaper-content-layout {
    margin: 0 0 0 0;
    padding: 50px 0 0 0;
  }
  .newspaper-header {
    column-gap: 0;
    flex-direction: column;
  }
  .newspaper-header-center {
    flex-basis: 100%;
    padding: 0 0 16px 0;
  }
  .newspaper-header-right {
    flex-basis: 100%;
    padding: 0 20%;
  }
  .newspaper-header-right .presidents-podcast {
    min-height: 100px;
  }
  .newspaper-header-left {
    flex-basis: 100%;
    left: initial;
    top: initial;
  }
  .newspaper-header-left .newspaper-subscribe-button {
    margin: 16px auto 0 auto;
  }
  .newspaper-header .newspaper-header-center {
    order: 1;
  }
  .newspaper-header .newspaper-header-left {
    order: 3;
  }
  .newspaper-header .newspaper-header-right {
    order: 2;
  }
  .newspaper-header-center h1 {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 1px;
    margin: 12px 0 2px 0;
  }
  .newspaper-header-center .newspaper-slogan {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 1px;
  }
  .newspaper-featured-article {
    padding: 40px 0 40px 0;
    width: 100%;
  }
  .newspaper-content-modules {
    padding: 20px 0 20px 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
  .newspaper-content-module {
    padding: 24px 0 0 0;
  }
  .content-profile-body .content-profile-body-inner .thumbnail {
    width: 100%;
    margin: 10px 0 10px 0;
  }
  .newspaper-featured-content-top {
    gap: 20px;
    padding: 22px 0 18px 0;
    border-width: 2px 0 2px 0;
    flex-direction: column;
  }
  .newspaper-featured-content-top .featured-content-module {
    height: initial;
  }
  .newspaper-featured-content-top .featured-content-middle {
    width: 100%;
  }
  .newspaper-article-list-item {
    margin: 12px 0 12px 0;
  }
  .newspaper-article-list-item-title {
    font-size: 18px;
  }
  .newspaper-article-list-item-thumbnail {
    margin: 4px 12px 8px 0;
    width: 135px;
    height: 90px;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .newspaper-content-layout {
    margin: 0 0 0 0;
    padding: 100px 0 0 0;
  }
  .newspaper-header {
    column-gap: 0;
    flex-direction: column;
  }
  .newspaper-header-center {
    flex-basis: 100%;
    padding: 0 0 16px 0;
  }
  .newspaper-header-right {
    flex-basis: 100%;
    padding: 0 24%;
  }
  .newspaper-header-right .presidents-podcast {
    min-height: 100px;
  }
  .newspaper-header-left {
    flex-basis: 100%;
    left: initial;
    top: initial;
  }
  .newspaper-header-left .newspaper-subscribe-button {
    margin: 16px auto 0 auto;
  }
  .newspaper-header .newspaper-header-center {
    order: 1;
  }
  .newspaper-header .newspaper-header-left {
    order: 3;
  }
  .newspaper-header .newspaper-header-right {
    order: 2;
  }
  .newspaper-article-list-item-thumbnail {
    margin: 4px 12px 0 0;
    width: 120px;
    height: 80px;
  }
  .newspaper-article-list-item-title {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 4px 0;
  }
  .newspaper-article-list-item-credit {
    font-size: 16px;
    line-height: 20px;
  }
  .featured-content-header {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 4px 0;
  }
  .newspaper-featured-policy .featured-content-header {
    text-align: left;
  }
  .newspaper-featured-content-top {
    gap: 20px;
    padding: 22px 0 18px 0;
    border-width: 2px 0 2px 0;
    flex-direction: column;
  }
  .newspaper-featured-content-top .featured-content-module {
    height: initial;
  }
  .newspaper-featured-content-top .featured-content-middle {
    width: 88%;
  }
  .newspaper-featured-article {
    width: 88%;
  }
}
/********************************************* Desktops *******************************************************/
@media screen and (min-width: 961px) and (max-width: 1320px) {
  .newspaper-header-center h1 {
    font-size: 54px;
    line-height: 54px;
    letter-spacing: -2px;
    margin: 16px 0 2px 0;
  }
  .newspaper-header-center .newspaper-slogan {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 1px;
  }
}
/********************************************* Imports ********************************************************/
/********************************************* Newsfeed *******************************************************/
.newsfeed-module {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  display: block;
  margin: 0 0 60px 0;
  background: #ffffff;
}
.newsfeed-module:last-child {
  margin-bottom: 0;
}
.newsfeed-module .newsletter-module-title a {
  text-decoration: none;
}
.newsfeed-module .newsfeed-module-media {
  position: relative;
  float: left;
  padding: 0px 0px 8px 0;
  width: 100%;
}
.newsfeed-module .newsfeed-module-media .video-box {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.newsfeed-module .newsfeed-module-media .video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: none;
}
.newsfeed-module .newsfeed-module-date {
  clear: both;
  position: relative;
  color: #a89b87;
  font-size: 19px;
  line-height: 22px;
  font-weight: 500;
  padding: 0px 0px 16px 0px;
  width: 100%;
}
.newsfeed-module .newsfeed-module-info {
  position: relative;
  color: #333333;
  float: left;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
/********************************************* Newsroom *******************************************************/
.newsroom .content-area-columns {
  padding: 0 3.2%;
  gap: 60px;
}
.newsroom .column-1 {
  position: relative;
  padding: 0px 0 0px 0px;
}
.newsroom .column-2 {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 32%;
  padding: 0px 0px 0 0;
}
.newsroom .newsroom-section {
  display: flex;
}
.newsroom .newsroom-section-label {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 54px;
  padding: 5px 0px 0px 0px;
}
.newsroom .newsroom-section-label h2 {
  height: 220px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 8px 6px 24px;
  color: #ffffff;
  text-orientation: sideways;
  writing-mode: vertical-rl;
  background: #1a5380;
}
.newsroom .newsroom-section-body {
  flex: 1;
}
.newsroom .column-2 .newsfeed-module {
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 12px;
}
.newsroom .column-2 .newsfeed-module h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}
.newsroom .column-2 .newsfeed-module .newsfeed-module-date {
  font-size: 16px;
  line-height: 20px;
}
.newsroom-photo-galleries {
  position: relative;
  width: 100%;
  margin: 5px 0 40px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.newsroom-photo-galleries .newsroom-photo-gallery {
  position: relative;
  flex: 40%;
  background-color: #eeeeee;
}
.newsroom-photo-galleries .newsroom-photo-gallery .photo-thumbnail {
  width: 100%;
  height: 120px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000000;
}
.newsroom-photo-galleries .newsroom-photo-gallery .photo-caption {
  opacity: 0;
  transition: 0.2s;
  display: block;
  padding: 10px 8px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  background-color: #dddddd;
}
.newsroom-photo-galleries .newsroom-photo-gallery .photo-caption:hover {
  opacity: 1;
  color: #ffffff;
  background-color: rgba(26, 83, 128, 0.6);
}
/********************************************* Press Release **************************************************/
.content-profile {
  position: relative;
}
.content-profile-corner a.return-link {
  float: right;
  padding: 3px 6px 3px 6px;
  font-size: 15px;
}
.content-profile-header {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: solid #dadada;
  border-width: 0 0 0px 0;
  background: #ffffff;
}
.content-profile-title {
  margin: 0 0 4px 0;
}
.content-profile-subtitle {
  margin: 4px 0 4px 2px;
  font-size: 22px;
  line-height: 24px;
  font-style: italic;
  color: #333333;
}
.content-profile-date {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  margin: 4px 0 8px 0px;
  color: #a89b87;
}
.article-content-profile-date {
  font-size: 18px;
  line-height: 18px;
  margin: 6px 0 8px 0px;
  color: #111111;
}
header.content-profile-header .return-link {
  margin: 0;
}
div.content-profile-body .section-divider {
  height: 36px;
  background: url('../images/global/other/section-divider.png') center center no-repeat;
}
.content-profile-body {
  position: relative;
  width: 100%;
  margin: 0px auto;
  padding: 0;
}
.content-profile-body .content-profile-body-inner {
  padding: 2% 4%;
}
.content-profile-body .content-profile-body-inner-video {
  padding: 6px 0;
}
.content-profile-body .content-profile-body-inner-photo {
  margin: 12px 0 8px 0;
  position: relative;
  background-color: #000000;
  width: 100%;
  height: 604px;
}
.content-profile-body .content-profile-body-inner-photo a.previous-photo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  width: 48px;
  height: 80px;
  color: #ffffff;
  text-decoration: none;
  transition: 0.4s;
  background: rgba(26, 83, 128, 0.6) url('../images/global/icons/previous.png') 2px center no-repeat;
}
.content-profile-body .content-profile-body-inner-photo a.previous-photo:hover {
  background-color: rgba(17, 72, 115, 0.85);
}
.content-profile-body .content-profile-body-inner-photo a.next-photo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  display: block;
  width: 48px;
  height: 80px;
  color: #ffffff;
  text-decoration: none;
  transition: 0.4s;
  background: rgba(26, 83, 128, 0.6) url('../images/global/icons/next.png') 4px center no-repeat;
}
.content-profile-body .content-profile-body-inner-photo a.next-photo:hover {
  background-color: rgba(17, 72, 115, 0.85);
}
.content-profile-body .content-profile-body-inner-photo img {
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.content-profile-body .content-profile-body-inner .thumbnail {
  width: 58%;
  float: left;
  margin: 10px 10px 0 0;
}
/********************************************* User Content ***************************************************/
.content-profile-body .user-content .image-left {
  width: 58%;
  float: left;
  margin: 9px 20px 0 0;
}
.content-profile-body .user-content .image-right {
  width: 50%;
  float: right;
  margin: 9px 0 0 20px;
}
.content-profile-footer {
  position: relative;
  color: #cccccc;
  font-size: 16px;
  line-height: 22px;
  background: transparent;
  margin: 22px 0 0 0;
  padding: 4px 0 0 0;
}
.content-profile-footer a {
  clear: both;
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #4b7ea3;
  line-height: 21px;
  text-decoration: none;
  border-width: 0 0px 0 0;
}
.content-profile-footer .content-profile-social-media {
  padding: 0;
  margin: 20px 0 4px 0;
}
.content-profile-footer .content-profile-social-media a {
  padding: 0;
  margin: 0 8px 0 0;
}
.content-layout-extended h1 {
  font-size: 27px;
  line-height: 27px;
  letter-spacing: 0px;
  margin: 2px 0 0px 0;
}
.content-layout-extended .content-profile-header {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 1;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: solid #dadada;
  border-width: 0 0 0px 0;
  background: #ffffff;
}
.collections-list {
  padding-left: 6px;
  display: inline;
}
.content-layout-extended .content-profile-full-title {
  margin: 0;
  width: 85%;
}
.content-layout-extended .content-profile-corner {
  margin: 0;
  padding: 4px 0 0 0;
  width: 15%;
}
.content-layout-extended h1 {
  font-size: 27px;
  line-height: 27px;
  letter-spacing: 0px;
  margin: 2px 0 0px 0;
}
/********************************************* Newsfeed *******************************************************/
.employment-module a {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
}
.employment-module a.link-button {
  margin-top: 12px;
  color: #ffffff;
}
/********************************************* Smart Phones ***************************************************/
@media screen and (max-width: 640px) {
  .content-layout-extended .content-profile-header {
    flex-direction: column;
  }
  .content-layout-extended .content-profile-full-title {
    width: 100%;
  }
  .content-layout-extended .content-profile-corner {
    padding: 4px 0 0 0;
    width: 100%;
  }
  h1.content-profile-title,
  .content-layout-extended h1 {
    font-size: 22px;
    line-height: 23px;
    margin: 2px 0 0px 0;
  }
  .content-profile-corner a.return-link {
    float: left;
    padding: 3px 6px 3px 6px;
    font-size: 15px;
    margin-bottom: 6px;
  }
  .newsfeed-module {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 28px 0;
  }
  .newsfeed-module .newsfeed-module-date {
    font-size: 19px;
    line-height: 22px;
    padding: 0px 0px 8px 0px;
  }
  .content-profile-body .content-profile-body-inner .thumbnail {
    width: 100%;
    margin: 10px 0 10px 0;
  }
}
/********************************************* Tablets ********************************************************/
@media screen and (min-width: 641px) and (max-width: 960px) {
  .content-layout-extended h1 {
    font-size: 24px;
    line-height: 26px;
    margin: 2px 0 0px 0;
  }
  .content-layout-extended .content-profile-header {
    flex-direction: column;
  }
  .content-layout-extended .content-profile-full-title {
    width: 100%;
  }
  .content-layout-extended .content-profile-corner {
    padding: 4px 0 0 0;
    width: 100%;
  }
  .content-profile-corner a.return-link {
    float: left;
    padding: 3px 6px 3px 6px;
    font-size: 15px;
    margin-bottom: 6px;
  }
  .newsfeed-module {
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 12px;
  }
  .newsfeed-module p {
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 12px;
  }
  .newsfeed-module h3 {
    margin-top: 4px;
    font-size: 20px;
    line-height: 22px;
  }
  .newsfeed-module .newsfeed-module-date {
    font-size: 16px;
    line-height: 20px;
  }
}
/*# sourceMappingURL=master.css.map */