@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i");
@import url("https://fonts.googleapis.com/css2?family=Delius&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*LOCAL VARIABLES*/
/*MIXINS*/
.pagination-wrapper, .footer-pagination-wrapper, .breadcrumbs-container, ul.accordion .is-active .accordion-title, ul.accordion .accordion-title:hover, .commemoration {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,e6f0f8+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 40%, #e6f0f8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 40%, #e6f0f8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 40%, #e6f0f8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f0f8',GradientType=0 );
  /* IE6-9 */ }

#ra-news-wrapper .ra-news-section .ra-news-item .titleBar, #profiles-wrapper .profiles-section .profiles-item .titleBar, ul.accordion .accordion-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f4f3+28,f3f4f3+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(243, 244, 243, 0) 0%, rgba(243, 244, 243, 0.28) 28%, #f3f4f3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(243, 244, 243, 0) 0%, rgba(243, 244, 243, 0.28) 28%, #f3f4f3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(243, 244, 243, 0) 0%, rgba(243, 244, 243, 0.28) 28%, #f3f4f3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f4f3', endColorstr='#f3f4f3',GradientType=0 );
  /* IE6-9 */ }

body {
  background: #85949E;
  height: auto; }

.page-container {
  background-color: #fefefe; }

.row {
  max-width: 1250px !important; }

.homepage .homepage-container .latest-articles-grid .item .headline, .homepage .homepage-container .press-releases ul li.item .headline, .homepage .homepage-container .latest-resources ul li.item .headline, .homepage .homepage-container .quick-links ul li.item .headline, .homepage .homepage-container .nysut-united-promo .item .callout .headline, .homepage .homepage-container .our-initiatives .item .callout .headline, .homepage .homepage-container .mb-promo .item .callout .headline, .homepage .homepage-container .resources-carousel .item .callout .headline {
  margin-top: .5rem;
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem !important;
  color: #0a0a0a !important;
  font-weight: 500 !important; }
  .homepage .homepage-container .latest-articles-grid .item .headline:hover, .homepage .homepage-container .press-releases ul li.item .headline:hover, .homepage .homepage-container .latest-resources ul li.item .headline:hover, .homepage .homepage-container .quick-links ul li.item .headline:hover, .homepage .homepage-container .nysut-united-promo .item .callout .headline:hover, .homepage .homepage-container .our-initiatives .item .callout .headline:hover, .homepage .homepage-container .mb-promo .item .callout .headline:hover, .homepage .homepage-container .resources-carousel .item .callout .headline:hover {
    text-decoration: underline; }

.homepage .homepage-container .latest-articles-grid .item:hover, .homepage .homepage-container .nysut-united-promo .item .callout:hover, .homepage .homepage-container .our-initiatives .item .callout:hover, .homepage .homepage-container .mb-promo .item .callout:hover, .homepage .homepage-container .resources-carousel .item .callout:hover {
  background: #e5e3e3; }

.homepage {
  background: #fefefe; }
  .homepage #homepage-nav-banner {
    margin-bottom: 1rem; }
  .homepage .homepage-container {
    background: #fefefe; }
    .homepage .homepage-container .latest-articles-grid .section-title h3, .homepage .homepage-container .press-releases .section-title h3, .homepage .homepage-container .nysut-united-promo .section-title h3, .homepage .homepage-container .quick-links .section-title h3, .homepage .homepage-container .our-initiatives .section-title h3, .homepage .homepage-container .mb-promo .section-title h3, .homepage .homepage-container .latest-resources .section-title h3 {
      font-family: "Work Sans" !important;
      font-size: 1rem !important;
      color: #46484B !important;
      font-weight: 700 !important;
      text-transform: uppercase; }
      .homepage .homepage-container .latest-articles-grid .section-title h3:before, .homepage .homepage-container .press-releases .section-title h3:before, .homepage .homepage-container .nysut-united-promo .section-title h3:before, .homepage .homepage-container .quick-links .section-title h3:before, .homepage .homepage-container .our-initiatives .section-title h3:before, .homepage .homepage-container .mb-promo .section-title h3:before, .homepage .homepage-container .latest-resources .section-title h3:before {
        content: " ";
        height: 12px;
        width: 12px;
        background-color: #0068b7;
        display: inline-block;
        margin-right: .5rem; }
      .homepage .homepage-container .latest-articles-grid .section-title h3:after, .homepage .homepage-container .press-releases .section-title h3:after, .homepage .homepage-container .nysut-united-promo .section-title h3:after, .homepage .homepage-container .quick-links .section-title h3:after, .homepage .homepage-container .our-initiatives .section-title h3:after, .homepage .homepage-container .mb-promo .section-title h3:after, .homepage .homepage-container .latest-resources .section-title h3:after {
        content: " ";
        height: 1px;
        width: 100%;
        margin-top: .35rem;
        background: #d4d4d6;
        display: block; }
    .homepage .homepage-container .latest-articles-grid .nysut-button-news, .homepage .homepage-container .press-releases .nysut-button-news, .homepage .homepage-container .nysut-united-promo .nysut-button-news, .homepage .homepage-container .quick-links .nysut-button-news, .homepage .homepage-container .our-initiatives .nysut-button-news, .homepage .homepage-container .mb-promo .nysut-button-news, .homepage .homepage-container .latest-resources .nysut-button-news {
      background-color: #0068b7;
      border: 2px solid #0068b7;
      color: #c5dff7 !important; }
      .homepage .homepage-container .latest-articles-grid .nysut-button-news:hover, .homepage .homepage-container .press-releases .nysut-button-news:hover, .homepage .homepage-container .nysut-united-promo .nysut-button-news:hover, .homepage .homepage-container .quick-links .nysut-button-news:hover, .homepage .homepage-container .our-initiatives .nysut-button-news:hover, .homepage .homepage-container .mb-promo .nysut-button-news:hover, .homepage .homepage-container .latest-resources .nysut-button-news:hover {
        border: 2px solid #005495;
        color: #fefefe !important; }
    .homepage .homepage-container .latest-articles-grid .item {
      margin-bottom: 1.5rem;
      padding: .25rem; }
      @media print, screen and (min-width: 41em) {
        .homepage .homepage-container .latest-articles-grid .item img {
          margin-bottom: .25rem; } }
      .homepage .homepage-container .latest-articles-grid .item .latest-articles-date {
        color: #727579;
        font-size: 0.75rem;
        font-style: italic; }
      @media print, screen and (min-width: 41em) {
        .homepage .homepage-container .latest-articles-grid .item .hlwrap {
          padding: 0 .25rem .5rem .25rem; } }
      .homepage .homepage-container .latest-articles-grid .item a.topic {
        letter-spacing: 1px;
        font-family: "Roboto", sans-serif !important;
        font-size: 0.75rem !important;
        color: #DA2127 !important;
        font-weight: 500 !important;
        text-transform: uppercase; }
        .homepage .homepage-container .latest-articles-grid .item a.topic:after {
          content: " | "; }
        .homepage .homepage-container .latest-articles-grid .item a.topic:last-of-type:after {
          content: ""; }
        .homepage .homepage-container .latest-articles-grid .item a.topic:hover {
          text-decoration: underline; }
    .homepage .homepage-container .take-action-banner {
      padding: .99rem;
      margin-bottom: 1rem; }
      .homepage .homepage-container .take-action-banner .take-action-container {
        margin: 1.5rem; }
        .homepage .homepage-container .take-action-banner .take-action-container .take-action-headline {
          font-family: "Roboto", sans-serif !important;
          font-size: 3rem !important;
          color: #fefefe !important;
          font-weight: 900 !important; }
        .homepage .homepage-container .take-action-banner .take-action-container .take-action-description h1 {
          font-size: 3rem; }
        .homepage .homepage-container .take-action-banner .take-action-container .take-action-description h2 {
          font-size: 2.25rem; }
        .homepage .homepage-container .take-action-banner .take-action-container .take-action-description h3 {
          font-size: 1.75rem; }
    .homepage .homepage-container .press-releases ul, .homepage .homepage-container .latest-resources ul, .homepage .homepage-container .quick-links ul {
      margin-left: 2rem; }
      .homepage .homepage-container .press-releases ul li.item, .homepage .homepage-container .latest-resources ul li.item, .homepage .homepage-container .quick-links ul li.item {
        margin-bottom: .65rem; }
        .homepage .homepage-container .press-releases ul li.item:nth-child(2n), .homepage .homepage-container .latest-resources ul li.item:nth-child(2n), .homepage .homepage-container .quick-links ul li.item:nth-child(2n) {
          background: #F7F7F7; }
        .homepage .homepage-container .press-releases ul li.item .date-format-news, .homepage .homepage-container .latest-resources ul li.item .date-format-news, .homepage .homepage-container .quick-links ul li.item .date-format-news {
          color: #727579;
          font-size: 0.875rem;
          font-style: italic;
          margin: 0; }
    .homepage .homepage-container .nysut-united-promo .item .callout, .homepage .homepage-container .our-initiatives .item .callout, .homepage .homepage-container .mb-promo .item .callout, .homepage .homepage-container .resources-carousel .item .callout {
      border: none; }
      @media print, screen and (min-width: 41em) {
        .homepage .homepage-container .nysut-united-promo .item .callout img, .homepage .homepage-container .our-initiatives .item .callout img, .homepage .homepage-container .mb-promo .item .callout img, .homepage .homepage-container .resources-carousel .item .callout img {
          margin-bottom: .75rem; } }
    .homepage .homepage-container .nysut-united-promo .item .readMore, .homepage .homepage-container .our-initiatives .item .readMore, .homepage .homepage-container .mb-promo .item .readMore, .homepage .homepage-container .resources-carousel .item .readMore {
      font-family: "PT Sans", sans-serif !important;
      font-size: 0.88rem !important;
      color: #0068b7 !important;
      font-weight: 600 !important;
      margin-top: 1rem; }
    .homepage .homepage-container .headline-item {
      margin-bottom: 1rem; }
      .homepage .homepage-container .headline-item .headline-item-image {
        margin: 0;
        padding: 0; }
        .homepage .homepage-container .headline-item .headline-item-image .headline-video {
          position: relative;
          overflow: hidden;
          width: 100%;
          padding-top: 56.25%; }
        .homepage .homepage-container .headline-item .headline-item-image iframe {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 100%; }
      .homepage .homepage-container .headline-item .headline {
        padding: .5rem;
        background: #0068b7; }
        .homepage .homepage-container .headline-item .headline h1 {
          font-family: "Roboto", sans-serif !important;
          font-size: 2rem !important;
          color: #fefefe !important;
          font-weight: 600 !important; }
      .homepage .homepage-container .headline-item .description {
        padding: 1rem;
        padding-bottom: 0;
        border: solid 1px #d4d4d6; }
        .homepage .homepage-container .headline-item .description p, .homepage .homepage-container .headline-item .description h1, .homepage .homepage-container .headline-item .description h2, .homepage .homepage-container .headline-item .description h3, .homepage .homepage-container .headline-item .description h4 {
          font-family: 'Work Sans'; }
        .homepage .homepage-container .headline-item .description a {
          font-weight: 700; }
    .homepage .homepage-container .our-initiatives .featured-item {
      margin: 1rem; }
      .homepage .homepage-container .our-initiatives .featured-item img {
        max-height: 200px;
        margin-bottom: 0; }
    @media print, screen and (min-width: 41em) {
      .homepage .homepage-container .our-initiatives .item {
        border: solid 1px #d4d4d6;
        padding-bottom: 1rem; } }
    .homepage .homepage-container .our-initiatives .item .callout {
      border: solid 1px #d4d4d6;
      padding: 0; }
      @media print, screen and (min-width: 41em) {
        .homepage .homepage-container .our-initiatives .item .callout {
          border: none;
          padding: 1rem; } }
    .homepage .homepage-container .resources-carousel {
      padding: 1rem; }
      .homepage .homepage-container .resources-carousel .resources-carousel-div {
        background-color: #e5e5e7; }
      .homepage .homepage-container .resources-carousel .card {
        background: #fefefe;
        padding: 1rem;
        margin: 1rem; }
        .homepage .homepage-container .resources-carousel .card:hover {
          background-color: #c5dff7;
          border: solid 2px #005495; }
    .homepage .homepage-container .mb-promo .mb-promo-image {
      object-fit: contain; }
    .homepage .homepage-container .readMore {
      font-family: "PT Sans", sans-serif !important;
      font-size: 1rem !important;
      color: #0068b7 !important;
      font-weight: 700 !important;
      margin-top: 1rem; }
      .homepage .homepage-container .readMore:hover {
        text-decoration: underline; }

/* ELEMENTS */
html {
  font-family: "PT Sans", sans-serif !important;
  color: #222222 !important;
  line-height: 1.25 !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a {
  color: #005495; }

.anchor {
  display: block;
  position: relative;
  visibility: hidden;
  top: -92px; }
  @media print, screen and (min-width: 41em) {
    .anchor {
      top: -131px; } }
  @media print, screen and (min-width: 62.5em) {
    .anchor {
      top: -157px; } }

a:hover {
  color: #222222;
  text-decoration: none; }

h1, h2, h3, h4, h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 500; }

h1, h2, h3, h4, h5, h6, p, a {
  word-wrap: break-word; }

h1 {
  font-size: 2rem;
  margin: 0 0 0.67rem 0; }

h2 {
  font-size: 1.5rem;
  margin: 0 0 0.83rem 0; }

h3 {
  font-size: 1.17rem;
  margin: 0 0 1rem 0; }

h4 {
  font-size: 1rem;
  margin: 0; }

h5 {
  font-size: 0.83rem;
  margin: 0; }

h6 {
  font-size: 0.75rem;
  margin: 0 0 2.33rem 0; }

menu, ol, ul {
  padding: 0; }

ul.no-bullet {
  list-style-type: none !important; }

select[disabled] {
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.75); }

img {
  border: 0; }

table.stack {
  border: solid 3px #e6e6e6; }

.stack td {
  border-bottom: none !important; }

#wait {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e6e6e6;
  font-size: 3.0em;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; }

.site-body-wrapper {
  margin-bottom: 0.5rem; }

/* BUTTONS */
.white-button, .custom-button {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,e6f0f8+100 */
  background: #fefefe !important;
  /* Old browsers */
  /*background: -moz-linear-gradient(top, #ffffff 40%, #e6f0f8 100%) !important;*/
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top, #ffffff 40%,#e6f0f8 100%) !important;*/
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, #ffffff 40%,#e6f0f8 100%) !important;*/
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f0f8',GradientType=0 ) !important;*/
  /* IE6-9 */
  border: 1px solid #727579 !important;
  border-radius: 4px !important;
  /*		@include nysut-box-shadow(0px,1px,2px,1px);*/
  display: inline-block !important;
  padding: .5rem !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 0.85rem !important;
  color: #005495 !important;
  font-weight: 500 !important; }
  .white-button:hover, .custom-button:hover {
    color: #0a0a0a !important; }
  .white-button.disabled, .disabled.custom-button, .white-button.disabled a, .disabled.custom-button a {
    color: #727579 !important;
    cursor: not-allowed; }

.blue-button {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00abdb+0,005495+100 */
  background: #005495;
  /* Old browsers */
  /*background: -moz-linear-gradient(top, rgba(0,171,219,1) 0%, rgba(0,84,149,1) 100%);*/
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top, rgba(0,171,219,1) 0%,rgba(0,84,149,1) 100%);*/
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, rgba(0,171,219,1) 0%,rgba(0,84,149,1) 100%);*/
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abdb', endColorstr='#005495',GradientType=0 );*/
  /* IE6-9 */
  border: 1px solid #0a0a0a !important;
  border-radius: 4px;
  /*		@include nysut-box-shadow(0px,1px,2px,1px);*/
  display: inline-block !important;
  padding: .5rem !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 0.85rem !important;
  color: #fefefe !important;
  font-weight: 500 !important; }
  .blue-button:hover {
    color: #c5dff7 !important; }
  .blue-button:disabled {
    background-color: #727579 !important;
    color: lightgray !important; }

.nysut-button, .nysut-button-action, .nysut-button-login, .nysut-button-mac, .nysut-button-news, .nysut-button-whoWeAre {
  font-family: "PT Sans", sans-serif !important;
  font-size: 1rem !important;
  color: #fefefe !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  background-color: transparent;
  border: 2px solid #fefefe;
  border-radius: 3px;
  margin: 0;
  padding: .5rem 1rem .5rem 1rem !important;
  text-align: center;
  text-decoration: none;
  transition: .1s ease-in-out;
  transition-property: color,background-color,background-position,border-color,box-shadow;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-origin: border-box;
  display: inline-block; }
  .nysut-button:hover, .nysut-button-action:hover, .nysut-button-login:hover, .nysut-button-mac:hover, .nysut-button-news:hover, .nysut-button-whoWeAre:hover {
    background-color: #fefefe;
    color: #005495 !important; }

.nysut-button-action {
  border: 2px solid #DA2127; }
  .nysut-button-action:hover {
    border: 2px solid #DA2127;
    background-color: #DA2127;
    color: #fefefe !important; }

.nysut-button-login {
  background-color: #005495 !important; }
  .nysut-button-login:hover {
    background-color: #0068b7 !important;
    color: #fefefe !important; }

.nysut-button-mac {
  border: 2px solid #FAAD29; }
  .nysut-button-mac:hover {
    border: 2px solid #FAAD29;
    background-color: #FAAD29;
    color: #0168B7 !important; }

.nysut-button-news {
  background-color: #fefefe;
  border: 2px solid #005495;
  color: #005495 !important; }
  .nysut-button-news:hover {
    border: 2px solid #005495;
    background-color: #005495;
    color: #fefefe !important; }

.nysut-button-whoWeAre:hover {
  background-color: #fefefe;
  color: #46484B !important; }

/* CENTERED TOP BAR MAIN NAV */
.sticky {
  z-index: 99 !important; }

/*to eliminate flash of responsive menus...*/
@media screen and (max-width: 40.9375em) {
  .no-js .top-bar {
    display: none; } }

@media print, screen and (min-width: 62.5em) {
  .no-js .title-bar {
    display: none; } }

.topbar-center-logo {
  background: #005495;
  padding: 0.25rem !important;
  box-shadow: 0px 3px 3px 0px rgba(5, 32, 66, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .topbar-center-logo .dropdown {
    background-color: #005495 !important; }
  .topbar-center-logo a.top-bar-navhead {
    background: #005495;
    color: #fefefe !important;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important; }
    .topbar-center-logo a.top-bar-navhead:after {
      border-color: #fefefe transparent transparent !important; }
      @media print, screen and (min-width: 62.5em) {
        .topbar-center-logo a.top-bar-navhead:after {
          border: none !important; } }
    .topbar-center-logo a.top-bar-navhead:hover {
      color: #c5dff7; }
    @media print, screen and (min-width: 62.5em) {
      .topbar-center-logo a.top-bar-navhead {
        border-top: 1px solid transparent;
        text-align: center; }
        .topbar-center-logo a.top-bar-navhead:hover {
          border-top: solid 1px #c5dff7; } }
  .topbar-center-logo .top-bar-left {
    width: 40%; }
    @media print, screen and (min-width: 62.5em) {
      .topbar-center-logo .top-bar-left .dropdown {
        float: right; } }
  .topbar-center-logo .top-bar-center {
    width: 20%;
    flex: 1 0 auto;
    padding-bottom: 0.15em;
    display: none; }
    @media print, screen and (min-width: 62.5em) {
      .topbar-center-logo .top-bar-center {
        display: block; } }
  .topbar-center-logo .top-bar-right {
    width: 40%; }

.topbar-center-logo-mobile {
  background: #005495; }
  .topbar-center-logo-mobile .title-bar-title img {
    height: 100%;
    max-height: 7vh;
    width: auto;
    padding-left: 1rem; }
    @media print, screen and (min-width: 62.5em) {
      .topbar-center-logo-mobile .title-bar-title img {
        display: none; } }
  .topbar-center-logo-mobile .menu-icon {
    vertical-align: text-top; }

.mainDropdown {
  width: 100%;
  margin: 0 auto !important;
  border: solid 2px #005495;
  color: #46484B;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,e8f1f9+100 */
  background: #feffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #feffff 0%, #e8f1f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #feffff 0%, #e8f1f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feffff 0%, #e8f1f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e8f1f9',GradientType=0 );
  /* IE6-9 */
  box-shadow: 2px 3px 3px 0px rgba(5, 32, 66, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2 !important; }
  .mainDropdown ul {
    background: none !important; }
  .mainDropdown .mainDropdown-sub {
    color: #727579;
    font-weight: 500; }
    .mainDropdown .mainDropdown-sub:hover {
      color: #0068b7; }
  @media print, screen and (min-width: 62.5em) {
    .mainDropdown {
      width: 100%;
      padding: 1rem 0 1rem 0;
      min-width: 35rem;
      max-width: 125rem;
      position: absolute;
      top: 58px !important; } }
  @media screen and (max-width: 40.9375em) {
    .mainDropdown {
      left: 0 !important;
      right: 0 !important;
      margin: 0 auto !important; } }

@media screen and (max-width: 47.9375em) {
  ul.mainDropdown.is-accordion-submenu.is-active {
    max-height: calc(100vh - 366px);
    overflow-y: auto; } }

/* SOCIAL ICONS */
#social-icons-wrapper {
  background-color: #0068b7; }

#social-icons-right {
  padding-right: 1vw;
  position: relative;
  z-index: 10 !important; }
  #social-icons-right .is-dropdown-submenu {
    background: none !important;
    border: none !important; }
  @media screen and (max-width: 40.9375em) {
    #social-icons-right {
      position: fixed;
      right: 0; } }
  #social-icons-right a.contact-us-link {
    color: #d3e9ff;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.75rem 0.25rem; }
    #social-icons-right a.contact-us-link:visited {
      color: #d3e9ff; }
    #social-icons-right a.contact-us-link:hover {
      color: #fefefe; }

.social-icon-button, .search-button {
  border-radius: 2.15rem;
  width: 2.15rem;
  height: 2.15rem;
  text-align: center;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
  color: #d3e9ff; }
  .social-icon-button:visited, .search-button:visited {
    color: #d3e9ff; }
  .social-icon-button:hover, .search-button:hover {
    color: #fefefe; }

.search-button {
  margin: .7rem .0rem .7rem .7rem; }

.slide-left .search {
  opacity: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  width: 0px; }

.search.slide-left-on {
  opacity: 1 !important;
  width: 42vw; }
  @media print, screen and (min-width: 41em) {
    .search.slide-left-on {
      width: 32vw; } }
  @media print, screen and (min-width: 62.5em) {
    .search.slide-left-on {
      width: 24vw; } }

.member-icon {
  height: 2.15rem;
  /*font-size: 1rem;*/
  transition: all 0.3s ease-in-out;
  color: #d3e9ff;
  cursor: pointer; }
  .member-icon:visited {
    color: #d3e9ff; }
  .member-icon:hover {
    color: #fefefe; }
  .member-icon i {
    position: relative;
    top: 0.40rem;
    margin: 0 0 0 .75rem; }
  .member-icon span {
    font-size: 0.78rem;
    font-weight: 600;
    position: relative;
    top: 15%;
    margin-left: .15rem; }
  @media screen and (max-width: 40.9375em) {
    .member-icon {
      margin-right: 0.75rem; } }

#login-dropdown {
  width: 275px !important;
  padding: .75rem 1.35rem;
  box-shadow: 3px 2px 3px 3px rgba(5, 32, 66, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  z-index: 9999; }
  #login-dropdown label {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.75rem !important;
    color: #fefefe !important;
    font-weight: 500 !important;
    padding: 0 0.5rem;
    background-color: #005495; }
  #login-dropdown #loginUserName, #login-dropdown #loginPassword {
    font-family: "PT Sans", sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important; }
    #login-dropdown #loginUserName:focus, #login-dropdown #loginPassword:focus {
      outline: none; }
  #login-dropdown .login-link {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.85rem !important;
    color: #005495 !important;
    font-weight: 500 !important;
    /*			&:hover {
				color: $nysutLightBlue !important;
			}*/ }
  #login-dropdown .memberMenu {
    background-color: #fefefe;
    margin: .5rem 0; }
    #login-dropdown .memberMenu li {
      list-style: none;
      border: solid 1px #d3e9ff; }
      #login-dropdown .memberMenu li:hover {
        background-color: #c5dff7; }
      #login-dropdown .memberMenu li a {
        font-size: 0.85rem; }
        #login-dropdown .memberMenu li a:focus {
          outline: none; }
  #login-dropdown .memberMenuHeader {
    color: #0a0a0a; }

/*SLIDER*/
figure.orbit-figure {
  max-height: 80vh; }

#homepage-slider {
  position: relative;
  left: 0;
  top: 0; }
  #homepage-slider .orbit-container {
    position: relative;
    width: auto;
    background-color: #85949E;
    box-shadow: 0px 4px 4px 0px rgba(5, 32, 66, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2; }
  #homepage-slider .orbit-caption {
    bottom: 0;
    font-family: "Roboto", sans-serif;
    text-shadow: 1px 1px 2px black, 0 0 25px black;
    padding-right: 27vw;
    font-size: 3vw; }
    @media print, screen and (min-width: 62.5em) {
      #homepage-slider .orbit-caption {
        font-size: 2rem; } }
  #homepage-slider .union-badge {
    position: absolute;
    bottom: 2vh;
    right: 3vw;
    width: 20vw;
    max-width: 20%;
    z-index: 3; }
    @media screen and (max-width: 40.9375em) {
      #homepage-slider .union-badge {
        width: 25vw;
        max-width: 25%;
        bottom: 1vh; } }

/*MIDDLE BAR FOR ICONS*/
#divWhoWeAreBanner {
  background: #46484B !important;
  padding-top: 1rem;
  position: relative;
  background: #46484B;
  z-index: 1; }
  #divWhoWeAreBanner .callout {
    background: none;
    border: none;
    padding: 0.5em;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #fefefe; }
    #divWhoWeAreBanner .callout h4 {
      font-weight: 300; }
    #divWhoWeAreBanner .callout .description {
      color: red; }
    #divWhoWeAreBanner .callout img {
      width: 22vw;
      height: auto; }
      @media print, screen and (min-width: 41em) {
        #divWhoWeAreBanner .callout img {
          width: 7vw; } }

/*PRIMARY CALLOUTS*/
.callout-pair .callout {
  padding: 0;
  margin: 0;
  border: none; }
  .callout-pair .callout a {
    width: 100%; }

/* SECTION TITLE */
.section-title h1 {
  font-family: "Roboto Condensed", sans-serif !important;
  color: #46484B !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em;
  text-align: center;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }
  @media screen and (max-width: 40.9375em) {
    .section-title h1 {
      font-family: "Roboto Condensed", sans-serif !important;
      font-size: 5.5vw !important;
      color: #46484B !important;
      font-weight: 400 !important; } }
  .section-title h1 a {
    color: #46484B; }

/*SECONDARY CALLOUTS*/
.take-action-bar .owl-item .callout {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #0a0a0a; }
  .take-action-bar .owl-item .callout img {
    opacity: 0.4 !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer; }
  .take-action-bar .owl-item .callout .title {
    font-family: "Roboto", sans-serif !important;
    color: #fefefe !important;
    font-weight: 500 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0.80rem;
    line-height: 1.5rem;
    text-align: center;
    z-index: 2;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media screen and (min-width: 27em) {
      .take-action-bar .owl-item .callout .title {
        font-size: 1.25rem;
        line-height: 1.75rem; } }

.take-action-bar {
  background-color: #0168B7; }
  .take-action-bar .oBar {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: .25rem;
    background-color: #FAAD29; }
  .take-action-bar .take-action-items .callout {
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #0a0a0a; }
    .take-action-bar .take-action-items .callout .take-action-imgLink img:first-child {
      opacity: 0.4 !important;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      cursor: pointer; }
      .take-action-bar .take-action-items .callout .take-action-imgLink img:first-child:hover {
        /*transition: all 0.4s ease-in-out;*/
        opacity: .7 !important; }
    .take-action-bar .take-action-items .callout .take-action-imgLink .title {
      font-family: "Roboto", sans-serif !important;
      font-size: 1.5rem !important;
      color: #fefefe !important;
      font-weight: 500 !important;
      line-height: 2rem !important;
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      z-index: 2;
      transform: translate(-50%, -50%); }
      @media print, screen and (min-width: 41em) {
        .take-action-bar .take-action-items .callout .take-action-imgLink .title {
          font-family: "Roboto", sans-serif !important;
          font-size: 1.25rem !important;
          color: #fefefe !important;
          font-weight: 500 !important;
          line-height: 1.5rem !important; } }
      @media print, screen and (min-width: 62.5em) {
        .take-action-bar .take-action-items .callout .take-action-imgLink .title {
          font-family: "Roboto", sans-serif !important;
          font-size: 1rem !important;
          color: #fefefe !important;
          font-weight: 500 !important;
          line-height: 1.5rem !important; } }

/*LATEST NEWS*/
.latest-news-section {
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 2rem; }
  .latest-news-section .latest-news-item {
    position: relative; }
    .latest-news-section .latest-news-item .callout {
      /*height: 36em;
                overflow: hidden;
                z-index: 10;*/
      border: solid 1px #0a0a0a; }
      .latest-news-section .latest-news-item .callout .filtered {
        position: relative; }
        .latest-news-section .latest-news-item .callout .filtered img {
          opacity: 1.0;
          margin: 0; }
          .latest-news-section .latest-news-item .callout .filtered img:hover {
            opacity: 0.8; }
      .latest-news-section .latest-news-item .callout .news-info-header {
        color: #46484B;
        padding-top: 0.4rem;
        padding-bottom: 0.55rem;
        text-transform: uppercase;
        font-size: .85rem; }
        .latest-news-section .latest-news-item .callout .news-info-header .news-byline {
          text-align: right; }
      .latest-news-section .latest-news-item .callout .teaser-text {
        font-family: "PT Sans", sans-serif !important;
        font-size: 1rem !important;
        color: #0a0a0a !important;
        font-weight: 400 !important;
        margin-bottom: 2rem; }
        .latest-news-section .latest-news-item .callout .teaser-text h1 {
          font-family: "PT Sans", sans-serif;
          font-size: 1.25rem;
          color: #46484B;
          font-weight: 700;
          text-align: center;
          padding: 1.25rem 0 1.25rem 0; }
      .latest-news-section .latest-news-item .callout .news-topic {
        position: absolute;
        bottom: 0;
        left: 0.75rem;
        background: white;
        padding-top: 5px;
        width: calc(100% - 0.75rem);
        min-height: 2em; }
        .latest-news-section .latest-news-item .callout .news-topic h5 {
          letter-spacing: normal;
          font-family: "Roboto", sans-serif;
          padding: 2px 0; }
          .latest-news-section .latest-news-item .callout .news-topic h5 a {
            color: #005495; }
        .latest-news-section .latest-news-item .callout .news-topic .ellipsis {
          position: absolute;
          right: 2em; }
      .latest-news-section .latest-news-item .callout .readMore {
        font-family: "PT Sans", sans-serif !important;
        font-size: 1rem !important;
        color: #0068b7 !important;
        font-weight: 700 !important;
        margin-top: 1rem;
        position: absolute;
        bottom: .5rem;
        right: 1rem; }

/*RA NEWS*/
#ra-news-wrapper .ra-news-section {
  font-family: "Roboto Condensed", sans-serif; }
  #ra-news-wrapper .ra-news-section .ra-news-item {
    position: relative;
    border: solid 1px #34BA96;
    margin-bottom: 2rem;
    display: none;
    float: none; }
    #ra-news-wrapper .ra-news-section .ra-news-item .socmedia_tagHeader {
      color: #50c621;
      font-size: 0.875rem;
      margin-top: 1rem; }
    #ra-news-wrapper .ra-news-section .ra-news-item .socmedia_headline {
      font-family: "Roboto", sans-serif !important;
      font-size: 1.25rem !important;
      color: #0a0a0a !important;
      font-weight: 500 !important;
      margin: 0;
      padding: 0; }
    #ra-news-wrapper .ra-news-section .ra-news-item .ra-news-info-header {
      color: #46484B;
      padding: .35rem;
      text-transform: uppercase;
      font-size: .75rem; }
    #ra-news-wrapper .ra-news-section .ra-news-item ul li {
      margin-left: 2rem;
      margin-bottom: 1rem; }
    #ra-news-wrapper .ra-news-section .ra-news-item .titleBar {
      border-top: solid 1px #E6E6E6;
      font-family: "Roboto Condensed", sans-serif !important;
      font-size: 1.15rem !important;
      color: #46484B !important;
      font-weight: 500 !important;
      padding: 1rem; }
      #ra-news-wrapper .ra-news-section .ra-news-item .titleBar h1 {
        font-family: "PT Sans", sans-serif;
        font-size: 1.45rem;
        font-weight: 700; }
      #ra-news-wrapper .ra-news-section .ra-news-item .titleBar h4 {
        font-family: "PT Sans", sans-serif;
        font-size: .85rem;
        font-weight: 700;
        font-style: italic;
        margin-left: 1rem; }
    #ra-news-wrapper .ra-news-section .ra-news-item .caption {
      font-style: italic;
      color: #46484B;
      font-size: .88rem; }
    #ra-news-wrapper .ra-news-section .ra-news-item .rtf-content {
      /*				@include font-props($body-font-family,1rem,$black,400,false);
				background-color: $white;*/
      margin: 1rem; }
    #ra-news-wrapper .ra-news-section .ra-news-item .readall-button {
      margin-bottom: 3rem; }
  #ra-news-wrapper .ra-news-section .socmedia-post {
    border: solid 1px #1ca9d8;
    padding: 1rem; }
  #ra-news-wrapper .ra-news-section .topic-alert {
    font-family: "Roboto", sans-serif;
    padding: 2rem;
    color: white;
    border: none; }
  #ra-news-wrapper .ra-news-section #loadMore {
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out; }
  #ra-news-wrapper .ra-news-section #loadMore:hover {
    background-color: #fff;
    color: #33739E; }

/*IWWD PROFILES*/
#profiles-wrapper .profiles-section {
  font-family: "Roboto Condensed", sans-serif; }
  #profiles-wrapper .profiles-section .profiles-item {
    position: relative;
    border: solid 1px #34BA96;
    margin-bottom: 2rem; }
    #profiles-wrapper .profiles-section .profiles-item .profiles-info-header {
      color: #46484B;
      padding: .35rem;
      text-transform: uppercase;
      font-size: .75rem; }
    #profiles-wrapper .profiles-section .profiles-item ul li {
      margin-left: 2rem;
      margin-bottom: 1rem; }
    #profiles-wrapper .profiles-section .profiles-item .titleBar {
      border-top: solid 1px #E6E6E6;
      font-family: "Roboto Condensed", sans-serif !important;
      font-size: 1.15rem !important;
      color: #46484B !important;
      font-weight: 500 !important;
      padding: 1rem; }
      #profiles-wrapper .profiles-section .profiles-item .titleBar h1 {
        font-family: "PT Sans", sans-serif;
        font-size: 1.45rem;
        font-weight: 700; }
      #profiles-wrapper .profiles-section .profiles-item .titleBar h4 {
        font-family: "PT Sans", sans-serif;
        font-size: .85rem;
        font-weight: 700;
        font-style: italic;
        margin-left: 1rem; }
    #profiles-wrapper .profiles-section .profiles-item .rtf-content {
      margin: 1rem; }

.news-topic {
  color: #46484B;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.date-format-news {
  color: #727579;
  font-size: 0.875rem;
  margin: 10px 0; }

.newsFilter option:checked {
  font-weight: bold; }

.section-carousel {
  font-family: "Roboto Condensed", sans-serif; }
  .section-carousel h4 {
    font-weight: 700; }
  .section-carousel .card {
    background-color: #d3e9ff;
    font-family: "Roboto", sans-serif;
    display: block;
    position: relative; }
    .section-carousel .card .card-divider {
      background-color: #005495;
      color: #fefefe;
      font-size: 4rem; }
    .section-carousel .card .card-section {
      color: #46484B;
      padding-bottom: 3.5rem; }
    .section-carousel .card .button-row {
      position: absolute;
      bottom: .5rem;
      right: 1rem; }

/*BOTTOM BANNER*/
.bottom-banner {
  position: relative;
  background-color: #46484B;
  width: 100%;
  max-height: 22vh;
  overflow-y: hidden;
  margin-top: 3rem; }
  @media print, screen and (min-width: 41em) {
    .bottom-banner {
      max-height: 45vh; } }
  @media print, screen and (min-width: 62.5em) {
    .bottom-banner {
      max-height: 60vh; } }
  .bottom-banner .bottom-banner-background {
    z-index: 1;
    opacity: 0.5; }
    .bottom-banner .bottom-banner-background img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .bottom-banner .bottom-banner-foreground {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 27vw;
    z-index: 1; }
    @media print, screen and (min-width: 62.5em) {
      .bottom-banner .bottom-banner-foreground {
        top: 60%; } }

/*FOOTER*/
.footer {
  background-color: #46484B;
  border: solid 1px #727579;
  color: #fefefe;
  font-family: "Roboto", sans-serif;
  margin-top: 0rem;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem; }
  .footer h1, .footer h2, .footer h3, .footer h4, .footer h5 {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1rem; }
  .footer a {
    text-decoration: none;
    color: #fefefe; }
    .footer a:hover {
      color: #c5dff7; }
  .footer li {
    list-style: none;
    font-weight: 300;
    font-size: 0.88rem;
    line-height: 1.75rem; }
  .footer .contact-block {
    display: block;
    clear: both;
    margin-bottom: 1rem;
    font-family: "Roboto", sans-serif; }
    .footer .contact-block .contact-icon {
      float: left; }
    .footer .contact-block .contact-info {
      font-size: 0.88rem;
      line-height: 1.15rem;
      float: right; }
      .footer .contact-block .contact-info h4 {
        padding-bottom: 0;
        margin-bottom: 0.25rem; }
  .footer .copyright {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-weight: 300;
    font-size: 0.88rem;
    border-top: dotted 1px #727579;
    padding-top: 2rem; }
    .footer .copyright div {
      padding-bottom: 0.5rem; }

/* CONTENT HEADER */
.content-header {
  margin-bottom: 1rem; }
  .content-header h1 {
    font-family: "PT Sans", sans-serif !important;
    font-size: 1.75rem !important;
    color: #005495 !important;
    font-weight: normal !important;
    padding: 0 0 .75rem 0;
    margin: .5rem 0 0 0;
    border-bottom: 3px solid #005495; }
  .content-header img {
    vertical-align: middle;
    border: 1px solid #46484B; }
  .content-header .custom-button-text {
    color: #46484B; }
  .content-header .rss-feed-icon img {
    border: 0px;
    vertical-align: middle; }
  .content-header .rss-feed-icon span.rss-feed-img {
    background: url(/_Images/_icons/icon-rss-feed.png) top left no-repeat;
    width: 31px;
    height: 31px;
    display: block; }
    .content-header .rss-feed-icon span.rss-feed-img:hover {
      background: url(/_Images/_icons/icon-rss-feed-hover.png) top left no-repeat; }
  @media print, screen and (min-width: 41em) {
    .content-header h1 {
      clear: both; }
    .content-header .custom-button {
      float: left;
      margin-bottom: 1.75rem; }
    .content-header .custom-button-text {
      float: left;
      margin-bottom: 1.75rem; } }

/*RTF CONTENT*/
.rtf-content {
  font-weight: normal;
  font-family: "PT Sans", sans-serif; }

.rtf-content {
  font-size: 0.875rem;
  max-width: 100%; }
  .rtf-content p {
    font-family: "PT Sans", sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1rem;
    line-height: 1.5; }
    .rtf-content p img + em, .rtf-content p img + br + em {
      border-bottom: 1px solid #e6e6e6;
      padding: 0.625rem 0;
      font-size: 0.875rem;
      font-style: italic;
      margin-bottom: 1rem;
      margin-left: 1rem; }
  .rtf-content h2 {
    font-size: 1.625rem; }
  .rtf-content h3 {
    font-size: 1.375rem; }
  .rtf-content h4, .rtf-content h5 {
    font-size: 1.125rem; }
    .rtf-content h4 a, .rtf-content h5 a {
      text-decoration: none; }
  .rtf-content h6 {
    font-size: 0.625rem; }
  .rtf-content a {
    color: #005495;
    text-decoration: underline; }
    .rtf-content a:hover {
      color: #222222; }
  .rtf-content ol {
    list-style-type: decimal;
    margin: 1rem 0 1rem 1rem !important; }
    .rtf-content ol li {
      font-family: "PT Sans", sans-serif !important;
      font-size: 0.875rem !important;
      font-weight: normal !important;
      line-height: 1.625rem !important; }
  .rtf-content ul {
    list-style-type: disc;
    margin: 1rem 0 1rem 1rem !important; }
    .rtf-content ul li {
      content: "";
      font-family: "PT Sans", sans-serif !important;
      font-size: 1rem !important;
      font-weight: 400 !important; }
      .rtf-content ul li:before {
        content: "" !important; }
  .rtf-content img {
    vertical-align: middle; }

/* CALLOUT CONTENT*/
.callout-content ul li {
  font-size: 0.875rem; }

.callout-content p {
  font-size: 0.9rem !important;
  font-family: "PT Sans", sans-serif; }

/* GENERIC CONTENT */
.generic-content-wrapper {
  margin: 1.25rem 0; }

.generic-content-header h1, .generic-title-header h1 {
  font-family: "Roboto", sans-serif !important;
  font-size: 1.75rem !important;
  font-weight: normal !important;
  padding: 0 0 0.75rem 0;
  margin: 1.5rem 0 0 0; }

.generic-image-wrapper {
  margin: 0; }

.generic-wrapper-img {
  margin: 0 0 1rem 0; }

.generic-section-footer-links-wrapper {
  border-top: 1px solid #46484B;
  margin-top: .75rem;
  padding-top: 1.25rem;
  width: 100%; }
  .generic-section-footer-links-wrapper ul li {
    width: 45%;
    display: inline-table;
    margin-right: 3%;
    padding-bottom: 1.25rem;
    color: #46484B;
    font-size: .85rem; }
    .generic-section-footer-links-wrapper ul li h4 {
      margin: 0;
      padding: 0 0 .5rem 0; }

/* GENERIC LISTING */
.generic-listing {
  max-width: 398px;
  margin: 0 0 1.85rem;
  max-height: 350px; }
  .generic-listing .meeting {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 1.25rem; }
    .generic-listing .meeting .meeting-details a {
      margin: 8px 0 3px;
      display: block;
      text-decoration: none;
      font-size: 0.9rem;
      font-family: "Roboto", sans-serif; }
    .generic-listing .meeting .meeting-details p {
      padding: 0;
      color: #999;
      font-size: 0.9rem;
      line-height: 1.5em; }
    .generic-listing .meeting .meeting-details .time {
      text-transform: uppercase; }
    .generic-listing .meeting p {
      color: #46484B;
      font-size: 0.9rem;
      font-family: "PT Sans", sans-serif;
      margin: 0;
      padding: .5rem 0 .15rem; }
    .generic-listing .meeting .teaser-text {
      width: 100%; }
    .generic-listing .meeting .title span {
      background-image: none;
      float: left; }
    .generic-listing .meeting .title .view-meetings {
      float: right;
      text-decoration: none;
      color: #46484B;
      padding-top: .2rem;
      font-size: 1rem;
      font-family: "PT Sans", sans-serif;
      padding-top: .2rem; }
  .generic-listing .meeting-details h2 {
    font-size: 1.17rem;
    padding-top: .75rem; }
  .generic-listing .no-image .title span {
    background-image: none; }
  .generic-listing .no-image .teaser-text {
    width: 100%;
    display: block; }
  .generic-listing .title {
    border-bottom: 3px solid #005495; }
    .generic-listing .title span {
      margin: 0;
      font-family: "Roboto", sans-serif;
      font-weight: normal;
      color: #46484B;
      letter-spacing: 1px;
      background: url("/_Images/_icons/icon-doublearrow.png") no-repeat 100% 40%;
      display: block;
      padding: 0 1.33rem .8rem 0;
      font-size: 1.25rem; }
  .generic-listing .teaser-text {
    float: left;
    max-width: 240px;
    width: 60%;
    margin-right: 5%;
    font-size: 0.9rem;
    line-height: 1.25em; }
    .generic-listing .teaser-text li {
      list-style: none;
      margin-left: 0.5rem; }
    .generic-listing .teaser-text p {
      padding: 1rem 0; }
  .generic-listing .listing-image {
    float: left;
    max-width: 142px;
    width: 35%;
    padding-top: 1.25rem; }
    .generic-listing .listing-image img {
      width: 100%;
      height: auto; }

/* SEARCH RESULTS PAGE */
.search-results {
  margin: 0 1.25rem;
  list-style: none; }
  .search-results li.search-result {
    border-bottom: solid 1px #e6e6e6;
    padding: 1rem 0;
    float: left !important;
    width: 100%; }
    .search-results li.search-result:first-child {
      padding-top: 1.5rem; }
    .search-results li.search-result h2 {
      margin-left: 1.3rem;
      text-indent: -1.3rem; }
      .search-results li.search-result h2 img {
        vertical-align: baseline;
        margin-bottom: 2px; }
    .search-results li.search-result .search-breadcrumbs {
      color: #727579;
      margin-bottom: .5rem; }

th.sort-icon-asc:after {
  content: " \f0de";
  font-family: Font Awesome\ 5 Free; }

th.sort-icon-desc:after {
  content: " \f0dd";
  font-family: Font Awesome\ 5 Free; }

/*Pagination*/
.ajax-loader {
  color: #005495;
  display: none;
  font-size: 1rem;
  height: 100%;
  padding-bottom: 1.75rem;
  position: relative;
  width: 100%;
  z-index: 9999; }
  .ajax-loader img {
    vertical-align: middle; }

.show-more {
  background: url("/_Images/_icons/icon-show-more.png") no-repeat 0 2px;
  padding-left: 25px;
  margin: 20px 0; }
  .show-more a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1rem; }
    .show-more a:hover {
      color: #46484B; }

.pagination-wrapper {
  border-bottom: 1px solid #e6e6e6;
  padding: .75rem;
  overflow: hidden;
  font-size: 0.9rem; }
  .pagination-wrapper .pagination-content:first-child span, .pagination-wrapper .pagination-records:first-child span {
    font-weight: bold;
    color: #0a0a0a; }
  .pagination-wrapper ul.pagination-records {
    margin-left: 0; }
    .pagination-wrapper ul.pagination-records li {
      float: right;
      list-style: none;
      padding: 0 1%; }
      .pagination-wrapper ul.pagination-records li a {
        font-weight: bold; }
      .pagination-wrapper ul.pagination-records li.disabled-text a {
        color: #e6e6e6;
        text-decoration: none;
        cursor: default; }
  .pagination-wrapper select {
    max-width: 4rem;
    margin-bottom: 0; }
  .pagination-wrapper input[type="text"] {
    max-width: 3rem; }

.footer-pagination-wrapper {
  border: 0;
  border-top: 1px solid #e6e6e6; }

/* Teaser Content */
.teaser-description {
  color: #0a0a0a;
  font-size: .875rem !important;
  clear: both; }
  .teaser-description img {
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc; }

/* MOBILE WRAPPER */
.mobile-section-wrapper {
  background-color: #C4D7E6; }
  .mobile-section-wrapper .secnav-heading {
    padding: .75rem 0 .5rem 1rem !important;
    text-transform: uppercase;
    border-bottom: none !important; }
    .mobile-section-wrapper .secnav-heading a {
      font-family: "Roboto", sans-serif !important;
      font-size: 1.6rem !important;
      font-weight: bold !important;
      color: #005495 !important; }
      .mobile-section-wrapper .secnav-heading a:hover {
        color: #46484B !important;
        text-decoration: none; }

/* BREADCRUMB */
.breadcrumbs-container {
  border-bottom: 1px solid #cccccc;
  height: 2.25rem;
  padding-left: 1rem; }
  .breadcrumbs-container .breadcrumbs li {
    padding-top: 0.35rem; }
  .breadcrumbs-container .breadcrumbs a {
    text-decoration: none; }
    .breadcrumbs-container .breadcrumbs a:hover {
      color: #005495; }

/* ACCORDION */
ul.accordion .accordion-item {
  list-style: none !important;
  /*			.accordion-content {
				padding-top: 2rem;
			}*/ }

ul.accordion .is-active .accordion-title:before {
  content: "\f056"; }

ul.accordion .accordion-title {
  border-top: solid 1px #E6E6E6;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 1.15rem !important;
  color: #0068b7 !important;
  font-weight: 500 !important; }
  ul.accordion .accordion-title:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f055";
    margin-right: .35em;
    color: #0068b7; }

ul.ra.accordion .accordion-item .accordion-content {
  padding-top: 1rem; }

ul.ra.accordion .is-active .accordion-title {
  background-color: #fefefe; }
  ul.ra.accordion .is-active .accordion-title:before {
    content: "\f068"; }

ul.ra.accordion .accordion-title {
  font-family: "PT Sans", sans-serif !important;
  font-size: 1rem !important;
  color: #0068b7 !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  padding: .15rem; }
  ul.ra.accordion .accordion-title:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: .75rem;
    content: "\f067";
    margin-right: .35em;
    color: #0068b7; }
  ul.ra.accordion .accordion-title:hover {
    background-color: #fefefe; }

.raDelegate .row:first-child, .raDelegate .row:last-child {
  border-bottom: none;
  margin: 0;
  padding-bottom: 0; }

.raDelegate .row {
  border-bottom: solid 1px #d3e9ff;
  margin: .5rem 0 1rem 0;
  padding-bottom: .2rem; }
  .raDelegate .row .committees {
    border-bottom: none;
    margin: 0 0 0 .25rem;
    padding-bottom: .25rem;
    text-indent: -1.25rem; }
    @media screen and (max-width: 40.9375em) {
      .raDelegate .row .committees {
        text-indent: 0; } }

.raDelegate .committee-date {
  font-size: 0.875rem;
  font-style: italic; }
  @media screen and (min-width: 41em) and (max-width: 47.9375em) {
    .raDelegate .committee-date {
      padding: 0 0 0 2.5rem !important; } }
  @media screen and (max-width: 40.9375em) {
    .raDelegate .committee-date {
      padding: 0 0 0 1.5rem !important; } }

/* SECTION NAV */
.secnav-wrap {
  background: #fefefe;
  margin: 1em 0 5em 0;
  width: 100%; }
  .secnav-wrap .secnav-heading {
    padding: 0 0 .5rem 0;
    margin: 0;
    border-bottom: 3px solid #005495;
    font-family: "Roboto", sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important; }
    .secnav-wrap .secnav-heading a {
      color: #46484B;
      font-size: 1.5rem;
      line-height: 2rem; }
      .secnav-wrap .secnav-heading a:hover {
        color: #005495;
        text-decoration: none; }
  .secnav-wrap .secnav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1rem;
    background: #F3F4F3; }
    .secnav-wrap .secnav .secnav-item {
      border-bottom: 1px solid #727579; }
      .secnav-wrap .secnav .secnav-item:hover {
        background-color: #c5dff7; }
      .secnav-wrap .secnav .secnav-item .secnav-link {
        font-family: "PT Sans", sans-serif;
        color: #005495;
        display: block;
        padding: 0.65rem 0.25rem 0.25rem 1rem;
        font-size: 1rem; }
        .secnav-wrap .secnav .secnav-item .secnav-link:hover {
          color: #46484B; }
      .secnav-wrap .secnav .secnav-item .subnav {
        background-color: #fefefe;
        margin: 0;
        padding: 0 0 .65rem 1rem;
        list-style: none; }
        .secnav-wrap .secnav .secnav-item .subnav .subnav-item {
          padding: 0.2rem 0 0 0;
          font-size: 0.9rem; }
          .secnav-wrap .secnav .secnav-item .subnav .subnav-item .subnav-link {
            color: #005495; }
            .secnav-wrap .secnav .secnav-item .subnav .subnav-item .subnav-link:hover {
              color: #46484B; }
          .secnav-wrap .secnav .secnav-item .subnav .subnav-item a.recent-update {
            font-weight: 600; }
            .secnav-wrap .secnav .secnav-item .subnav .subnav-item a.recent-update:after {
              font-family: 'Font Awesome 5 Free';
              content: "\f005";
              font-size: .7rem;
              margin-left: .25em;
              color: #0068b7; }

.secnav-item.active {
  background: #fefefe; }
  .secnav-item.active .secnav-link {
    font-weight: 700;
    color: #0a0a0a !important; }

.subnav-link.active {
  color: #0a0a0a !important;
  font-weight: 700; }

/* GENERIC CALLOUTS */
.callout-wrap .callout-head {
  border-bottom: 3px solid #005495;
  margin-bottom: 0.625rem;
  padding-bottom: 0.75rem; }
  .callout-wrap .callout-head h3 {
    margin: 0;
    padding: 0;
    max-height: 3rem;
    font-family: "Roboto", sans-serif !important;
    font-size: 1.25rem !important;
    color: #0a0a0a !important;
    font-weight: 500 !important; }
  .callout-wrap .callout-head a {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.25rem !important;
    color: #0a0a0a !important;
    font-weight: 500 !important; }
    .callout-wrap .callout-head a:hover {
      color: #005495; }

.callout-wrap .callout-content {
  overflow: hidden; }

.callout-wrap .custom-button {
  margin-top: 0.5rem;
  margin-bottom: 2rem; }

.callout-wrap .callout-cta {
  margin-top: 0.5rem;
  margin-bottom: 2rem; }
  .callout-wrap .callout-cta a {
    font-size: 0.85rem;
    color: #005495; }
    .callout-wrap .callout-cta a:hover {
      color: #0a0a0a; }

/* FEATURED RESOURCE */
.featured-resource-nav-head {
  padding: 1rem 0 1rem 0;
  border-bottom: 3px solid #005495; }
  .featured-resource-nav-head h3 {
    display: block;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0;
    max-height: 3rem;
    overflow: hidden; }

.featured-resource-nav-item {
  list-style: none;
  background-color: #F3F4F3;
  margin: 0 0 10% 0;
  box-shadow: 0 3px 2px -2px rgba(5, 32, 66, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 99%; }
  .featured-resource-nav-item li {
    border-bottom: 1px solid #ebebeb;
    padding: 3% 5%; }
    .featured-resource-nav-item li a {
      font-family: "PT Sans", sans-serif;
      color: #005495;
      font-size: 1rem; }
      .featured-resource-nav-item li a:hover {
        color: #46484B; }
    .featured-resource-nav-item li:last-child {
      border-bottom: 1px solid #f4f4f4; }
  .featured-resource-nav-item a + img {
    margin-left: 5%; }

/* FEATURE LISTINGS */
.feature-listing {
  border-top: 1px solid #e6e6e6;
  padding-top: 1rem; }
  .feature-listing ul li {
    display: inline-table;
    width: 45%;
    margin-bottom: 1rem; }
    .feature-listing ul li img {
      border: 1px solid #e6e6e6; }
    .feature-listing ul li h3 a {
      font-family: "Roboto", sans-serif !important;
      font-size: 1.25rem !important;
      color: #005495 !important;
      font-weight: 500 !important;
      padding-bottom: 0.25rem;
      border-bottom: 3px solid #005495;
      display: block; }
      .feature-listing ul li h3 a:hover {
        color: #0a0a0a; }

/* NYSUT UNITED ELEMENTS */
.btn-news-detail, .download-callout {
  background: url(/_Images/_backgrounds/bg-contact-texture.png) repeat; }

.download-callout {
  border-top: 3px solid #005495;
  padding: 1.75rem; }
  .download-callout .rtf-content {
    text-align: center; }
  .download-callout .callout-content {
    height: auto; }
  .download-callout .callout-cta {
    background: #005495;
    line-height: 1.25;
    padding: 0.625rem;
    margin-top: 1rem;
    margin-bottom: 0;
    text-align: center;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 0 5px 0 rgba(5, 32, 66, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .download-callout .callout-cta a {
      font-family: "Roboto Condensed", sans-serif !important;
      font-size: 1.25rem !important;
      color: #fefefe !important;
      font-weight: 500 !important; }
    .download-callout .callout-cta:hover {
      background-color: #fefefe; }
      .download-callout .callout-cta:hover a {
        color: #222222; }

/* FORMS */
.form-gray {
  /*background: url("/_Images/_backgrounds/bg-contact-texture.png") repeat;*/
  background-color: #e7e7e7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23b4b4b4' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  color: #4E4F55;
  padding: 1vw 2vw;
  margin-bottom: 0.5rem;
  border: 1px solid #46484B;
  border-radius: 6px; }
  .form-gray .input-group {
    padding-bottom: 0.5rem; }
    .form-gray .input-group .input-group-label {
      font-family: "Roboto", sans-serif !important;
      font-size: 0.75rem !important;
      color: #fefefe !important;
      font-weight: 500 !important;
      background-color: #aaaa9e;
      min-width: 7rem; }
  .form-gray input.input-error {
    outline: 1px solid red; }
  .form-gray .section-head {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.85rem !important;
    color: #fefefe !important;
    font-weight: 500 !important;
    background-color: #76766a;
    min-width: 8.25rem;
    padding: .5rem;
    margin: .5rem 0 .25rem 0; }

.form-yellow {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffbc4+1,fffdea+70,fffdea+80,fffdea+80,fffef4+100 */
  background: #fffbc4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fffbc4 1%, #fffdea 70%, #fffdea 80%, #fffdea 80%, #fffef4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fffbc4 1%, #fffdea 70%, #fffdea 80%, #fffdea 80%, #fffef4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffbc4 1%, #fffdea 70%, #fffdea 80%, #fffdea 80%, #fffef4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbc4', endColorstr='#fffef4',GradientType=0 );
  /* IE6-9 */
  padding: 1vw 2vw;
  border: 1px solid #46484B;
  border-radius: 6px;
  max-width: 700px; }
  .form-yellow .input-group {
    padding-bottom: 0.5rem; }
    .form-yellow .input-group .input-group-label {
      font-family: "Roboto", sans-serif !important;
      font-size: 0.75rem !important;
      color: #fefefe !important;
      font-weight: 500 !important;
      background-color: #aaaa9e;
      min-width: 7rem; }
  .form-yellow .section-head {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.85rem !important;
    color: #fefefe !important;
    font-weight: 500 !important;
    background-color: #aaaa9e;
    min-width: 8.25rem;
    padding: .5rem;
    margin: .5rem 0 .25rem 0; }

.enroll-form label {
  font-weight: 600;
  color: #4e4f55;
  padding-top: 0.5rem; }

.enroll-form input, .enroll-form select {
  height: unset;
  margin-bottom: 0.5rem; }

.enroll-form option.job-category {
  font-weight: bold;
  color: black; }

.enroll-form .has-tip {
  font-weight: normal !important;
  border: none; }

.enroll-form .interests {
  margin: 1rem 0;
  padding: 0.5rem;
  background-color: #f6f6f6;
  border-radius: 0.5rem; }
  .enroll-form .interests h3 {
    margin: 0; }
  .enroll-form .interests h4 {
    margin: 1rem 1rem 0 1rem; }
  .enroll-form .interests label {
    cursor: pointer;
    line-height: 1rem;
    margin-left: 1.5rem;
    text-indent: -1.5rem; }
    .enroll-form .interests label input {
      margin-bottom: 0; }

.enroll-form .fine-print {
  margin: 1rem 0 0 0;
  padding: 0.75rem;
  font-size: 0.875rem;
  background-color: #f6f6f6;
  border-radius: 0.5rem; }

/*Universal error style*/
.errorMsg {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.85rem !important;
  color: Red !important;
  font-weight: 600 !important;
  color: #DA2127 !important; }

#upInviteList .resend-sms input {
  margin: 0.5rem 0; }

#upInviteList .resend-sms label {
  font-size: 0.75rem; }

#upInviteList tr.inviter {
  border-top-style: inset !important;
  background-color: #c5dff7; }

#upInviteList label.gv-mobile {
  font-weight: 600;
  line-height: 1.25; }

#upInviteList .save-button {
  background-color: transparent;
  border: none;
  color: #005495;
  cursor: pointer;
  font-size: 1.35rem; }
  #upInviteList .save-button:hover {
    color: #0a0a0a; }

.vc-enroll h1, .vc-enroll h2, .vc-enroll h3, .vc-enroll h4, .vc-enroll h5 {
  color: #005495; }

.vc-enroll h3, .vc-enroll h4, .vc-enroll h5 {
  color: #c63923; }

.vc-enroll .spDecline:hover {
  font-weight: bold; }

.vc-enroll h3, .vc-enroll h4, .vc-enroll h5 {
  color: #c63923; }

.vc-enroll .spDecline:hover {
  font-weight: bold; }

.vc-enroll label {
  font-weight: 600;
  color: #4e4f55;
  padding-top: 0.5rem; }

.vc-enroll .vc-decision, .vc-enroll .vc-enroll-form {
  padding: 1rem;
  border: 3px solid #337c0e;
  border-radius: 6px; }

.vc-enroll .vc-enroll-form input[type=text], .vc-enroll .vc-enroll-form input[type=email], .vc-enroll .vc-enroll-form select {
  height: unset;
  background-color: #F3F4F3;
  border: solid 1px #727579;
  width: 100%;
  padding: .75rem;
  margin: .5rem;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box; }

.vc-enroll .vc-enroll-form input.attention {
  height: 2.25rem;
  font-size: 1.75rem;
  padding: 1.5rem;
  border: solid 2px red;
  background-color: white;
  text-align: center; }

.vc-enroll .vc-enroll-form .has-tip {
  font-weight: normal !important;
  border: none; }

.vc-enroll .vc-enroll-form .spDecline:hover {
  font-weight: bold; }

.vc-enroll .vc-confirm h3, .vc-enroll .vc-confirm h4, .vc-enroll .vc-confirm h5 {
  color: #0a0a0a; }

.vc-enroll .vc-confirm input.signature {
  width: 100%;
  padding: 2rem;
  margin: .5rem;
  display: inline-block;
  border: 1px solid #727579;
  border-radius: 4px;
  box-sizing: border-box;
  height: 2.25rem;
  font-size: 1.75rem;
  font-family: 'Delius', cursive;
  text-align: center; }

.vc-enroll .vc-confirm .fine-print {
  margin: 1rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  background-color: #f6f6f6;
  border-radius: 0.5rem; }

.vc-enroll .vc-confirm .deductionAmt {
  color: #337c0e; }

.vc-enable-enrollment .vc-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px; }
  .vc-enable-enrollment .vc-switch input {
    opacity: 0;
    width: 0;
    height: 0; }

.vc-enable-enrollment .vc-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cacaca;
  -webkit-transition: .4s;
  transition: .4s; }
  .vc-enable-enrollment .vc-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }

.vc-enable-enrollment input:checked + .vc-slider {
  background-color: #0068b7; }
  .vc-enable-enrollment input:checked + .vc-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .vc-enable-enrollment input:checked + .vc-slider:focus {
    box-shadow: 0 0 1px #0068b7; }

.vc-enable-enrollment .vc-slider.round {
  border-radius: 1.5rem; }
  .vc-enable-enrollment .vc-slider.round:before {
    border-radius: 50%; }

.scfForm .scfCheckbox, .scfForm .scfCaptchaLabelText {
  width: 100%; }

.scfForm input[type="checkbox"] {
  transform: scale(1.5);
  margin-left: 1rem; }

.scfForm .scfRequired {
  left: 50px; }
  @media screen and (max-width: 40.9375em) {
    .scfForm .scfRequired {
      left: 30px; } }

form .field-validation-error {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.75rem !important;
  color: red !important;
  font-weight: 500 !important; }

/* MY LEGISLATORS */
.myLegislators {
  margin-top: 2rem; }
  .myLegislators .legislator {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00abdb+0,005495+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 40%, #e6f0f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 40%, #e6f0f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 40%, #e6f0f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f0f8',GradientType=0 );
    /* IE6-9 */
    border: 2px solid #0068b7 !important;
    border-radius: 7px !important;
    margin-bottom: 2rem; }
    .myLegislators .legislator .heading {
      background-color: #0068b7;
      color: white;
      text-align: center;
      padding: .25rem;
      margin-bottom: 1.25rem;
      font-size: 1.15rem;
      font-weight: bold; }
    .myLegislators .legislator .endorsedContainer {
      background-color: white;
      border: solid 2px green;
      border-radius: 5px;
      padding: .5rem; }
      .myLegislators .legislator .endorsedContainer .endorsedHeader {
        background-color: green;
        border: solid 1px green;
        border-radius: 3px;
        padding: .15rem;
        color: white;
        margin-bottom: 1rem; }
        .myLegislators .legislator .endorsedContainer .endorsedHeader i {
          font-size: 2rem; }
        .myLegislators .legislator .endorsedContainer .endorsedHeader .endorsedHeader_Title {
          position: relative;
          bottom: .3rem;
          font-weight: bold; }
      .myLegislators .legislator .endorsedContainer .endorsedName {
        font-size: 1.25rem;
        text-align: center;
        text-decoration: underline;
        margin-bottom: .75rem; }
      .myLegislators .legislator .endorsedContainer .endorsementSummary {
        margin: 0 .5rem; }
  .myLegislators .imgLegislator {
    border: 1px solid #727579 !important;
    border-radius: 4px !important;
    box-shadow: 0px 1px 2px 1px rgba(5, 32, 66, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 175px;
    margin-bottom: 1rem; }

.myLegislators_Address .input-group-field {
  height: auto !important; }

/* Contact Us Page */
#department-list ul li {
  font-size: 0.8rem;
  color: #46484B;
  display: inline-table;
  padding: 1rem 0.25rem;
  width: 32%; }
  @media screen and (max-width: 40.9375em) {
    #department-list ul li {
      width: 48%; } }

.commemoration .photo {
  border: solid 2px #46484B;
  max-height: 150px;
  max-width: 150px; }

.commemoration .photoDefault {
  max-height: 105px;
  max-width: 105px;
  margin-bottom: 1rem;
  opacity: 0.3; }

.commemoration .detailContainer {
  padding: 1.5rem;
  border: solid 1px #46484B; }
  .commemoration .detailContainer h1 {
    font-size: 1.85em; }
  .commemoration .detailContainer hr {
    border-color: #727579; }
  .commemoration .detailContainer .bio {
    /*line-height: 1.38rem;
			font-family: 'Martel', serif;*/ }

.vcAdminWrapper input[type=checkbox] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  padding: 10px;
  margin-right: .5rem; }

.vcAdminWrapper .bigger > input[type=checkbox] {
  -ms-transform: scale(2.25);
  /* IE */
  -moz-transform: scale(2.25);
  /* FF */
  -webkit-transform: scale(2.25);
  /* Safari and Chrome */
  -o-transform: scale(2.25);
  /* Opera */
  transform: scale(2.25);
  margin: .5rem; }

.vcAdminWrapper .toggleText {
  font-family: "PT Sans", sans-serif;
  font-weight: normal;
  margin-left: .35rem;
  margin-right: 2rem; }

.vcAdminWrapper #filterToggler {
  color: #005495; }

.vcAdminWrapper .vcAdminLegend {
  border: 1px solid #46484B;
  border-radius: 2px;
  margin: 1rem;
  font-size: .85rem; }
  .vcAdminWrapper .vcAdminLegend .columns {
    padding: .35rem; }
  .vcAdminWrapper .vcAdminLegend .vcDonor {
    background-color: rgba(0, 255, 0, 0.3); }
  .vcAdminWrapper .vcAdminLegend .vcNonDonor {
    background-color: rgba(255, 0, 0, 0.3); }

.vcAdminWrapper .vcSelectAll {
  border: 1px solid #46484B;
  border-radius: 2px;
  margin-bottom: .2rem;
  padding-top: .2rem; }
  .vcAdminWrapper .vcSelectAll #lbSelectAll, .vcAdminWrapper .vcSelectAll #lbClearAll {
    font-size: .75rem;
    color: #005495;
    padding-bottom: .2rem;
    cursor: pointer; }
    .vcAdminWrapper .vcSelectAll #lbSelectAll:hover, .vcAdminWrapper .vcSelectAll #lbClearAll:hover {
      font-weight: bold; }

.enrollment h1 {
  font-size: 6vw; }
  @media print, screen and (min-width: 41em) {
    .enrollment h1 {
      font-size: 4.5vw; } }
  @media screen and (min-width: 48em) {
    .enrollment h1 {
      font-size: 4vw; } }
  @media print, screen and (min-width: 62.5em) {
    .enrollment h1 {
      font-size: 2.5vw; } }

.enrollmentCards {
  margin-top: 2rem; }
  .enrollmentCards .enrollCard {
    background-color: #005495;
    color: #fefefe;
    padding: 1rem;
    transition: all .2s ease-in-out;
    /*  1vw = 1% of viewport width 
			1vh = 1% of viewport height 
			1vmin = 1vw or 1vh, whichever is smaller 
			1vmax = 1vw or 1vh, whichever is larger */ }
    .enrollmentCards .enrollCard:hover {
      background-color: #29aa1b;
      /*$nysutMediumBlue;*/
      transform: scale(1.02); }
    .enrollmentCards .enrollCard h2 {
      font-size: 3.75vw; }
      @media print, screen and (min-width: 41em) {
        .enrollmentCards .enrollCard h2 {
          font-size: 3vw; } }
      @media screen and (min-width: 48em) {
        .enrollmentCards .enrollCard h2 {
          font-size: 2.3vw; } }
      @media print, screen and (min-width: 62.5em) {
        .enrollmentCards .enrollCard h2 {
          font-size: 1.85vw; } }
  .enrollmentCards .enrollIcon {
    font-size: 9vmin;
    margin-bottom: 1rem; }

#divEnrollFormIndividual .individualEnrollTitle {
  background-color: #0068b7;
  color: #fefefe;
  /*		text-align: center;*/
  font-family: "Roboto", sans-serif !important;
  font-size: 1.25rem !important;
  color: #fefefe !important;
  font-weight: 500 !important;
  padding: .5rem;
  margin-bottom: 1rem; }

#divEnrollFormIndividual .optional {
  background-color: #727579; }

#divEnrollFormIndividual .fa-asterisk {
  color: red;
  margin-right: 0.25rem;
  font-size: .6rem; }

#divEnrollFormIndividual .fieldLabel {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.88rem !important;
  color: #222222 !important;
  font-weight: 600 !important; }

#divEnrollFormBatch .batchInstructTitle {
  background-color: #0068b7;
  color: #fefefe;
  text-align: center;
  font-family: "Roboto", sans-serif !important;
  font-size: 1.85rem !important;
  color: #fefefe !important;
  font-weight: 500 !important; }

#divEnrollFormBatch .batchInstructRow {
  border-bottom: solid 1px #0068b7;
  padding-bottom: 1rem;
  padding-top: 1rem; }
  #divEnrollFormBatch .batchInstructRow .batchInstructText {
    font-weight: 600; }

#divDtr #dtrSummary {
  border: solid 2px green;
  border-radius: 15px; }

#divDtr #dtrLineItems {
  border: solid 3px #005495; }
  #divDtr #dtrLineItems thead {
    background-color: #005495;
    color: white; }
  #divDtr #dtrLineItems .dtrTotal {
    font-weight: bold; }
  #divDtr #dtrLineItems .dtrDuesTypeRow {
    border-top: solid 2px #005495;
    border-bottom: solid 2px #005495;
    background-color: #c5dff7; }
  #divDtr #dtrLineItems td:not(:last-child) {
    border-right: solid 2px #005495; }
  #divDtr #dtrLineItems td:not(:first-child) {
    text-align: right; }
  #divDtr #dtrLineItems td:last-child {
    font-weight: bold; }

.lmsEnrollButton {
  background-color: #0068B6;
  color: white;
  font: normal normal bold 1.15rem PT Sans;
  padding: .75rem;
  border: none;
  cursor: pointer; }

.lmsSubmitButton {
  background-color: #0068B6;
  color: white;
  font: normal normal bold 1rem PT Sans;
  padding: .65rem;
  border: none; }

.form-lms {
  background-color: #e7e7e7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23b4b4b4' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  color: #4E4F55;
  padding: 1rem;
  margin-bottom: 0.5rem;
  border: 1px solid #46484B; }
  .form-lms .input-group {
    padding-bottom: 0.5rem; }
    .form-lms .input-group .input-group-label {
      font-family: "Roboto", sans-serif !important;
      font-size: 0.75rem !important;
      color: #fefefe !important;
      font-weight: 500 !important;
      background-color: #aaaa9e;
      min-width: 7rem; }
  .form-lms input.input-error {
    outline: 1px solid red; }
  .form-lms label {
    font-weight: 600;
    color: #4e4f55;
    padding-top: 0.5rem; }
  .form-lms .section-head {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.85rem !important;
    color: #fefefe !important;
    font-weight: 500 !important;
    background-color: #76766a;
    min-width: 8.25rem;
    padding: .5rem;
    margin: .5rem 0 .25rem 0; }

.bigCheckbox > input[type=checkbox] {
  -ms-transform: scale(2.25);
  /* IE */
  -moz-transform: scale(2.25);
  /* FF */
  -webkit-transform: scale(2.25);
  /* Safari and Chrome */
  -o-transform: scale(2.25);
  /* Opera */
  transform: scale(2.25);
  margin: .5rem; }

.myBreakpointTester {
  width: 10vw;
  color: white;
  background-color: red; }
  .myBreakpointTester:before {
    content: "SMALL"; }
  @media print, screen and (min-width: 41em) {
    .myBreakpointTester {
      background-color: orange; }
      .myBreakpointTester:before {
        content: "MEDIUM"; } }
  @media screen and (min-width: 48em) {
    .myBreakpointTester {
      background-color: lawngreen; }
      .myBreakpointTester:before {
        content: "MEDIUMLARGE"; } }
  @media print, screen and (min-width: 62.5em) {
    .myBreakpointTester {
      background-color: aquamarine; }
      .myBreakpointTester:before {
        content: "LARGE"; } }
  @media screen and (min-width: 75em) {
    .myBreakpointTester {
      background-color: lightsalmon; }
      .myBreakpointTester:before {
        content: "XLARGE"; } }
  @media screen and (min-width: 90em) {
    .myBreakpointTester {
      background-color: black; }
      .myBreakpointTester:before {
        content: "XXLARGE"; } }