@font-face {
  font-family: "GothamBook";
  src: url("fonts/Gotham-Book.eot");
  src: url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Book.woff") format("woff"),
    url("fonts/Gotham-Book.ttf") format("truetype"),
    url("fonts/Gotham-Book.otf") format("opentype");
}

:root {
  /* Base Colors */
  --blue: #29409a;
  --blue-link: #037ce0;
  --dark-blue: #000080;
  --orange: #f7941d;
  --dark: #3f3f40;
  --white: #fff;
  --gray-dark: #444;
  --light-blue: #4ae2f1;
  --light-bg: #e6ecf5;
  --light-bg-2: #eff6fc;
  --light-bg-3: #f3f9fe;
  --footer-bottom-bg: #011f37;
  --light-gray: rgb(241, 241, 241);

  /* Box Shadows */
  --panel-shadow: 0 8px 15px -8px rgba(100, 120, 150, 0.3),
    8px -8px 20px 10px rgba(100, 120, 150, 0.05),
    -8px 8px 20px 10px rgba(100, 120, 150, 0.05);

  /* Fonts */
  --primary-font: "GothamBook", sans-serif;
  --primary-font-weight: 400;
}

/* Base Styles
====================================================================*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--primary-font);
  color: var(--dark);
  font-size: 18px;
  box-shadow: 0 2px 4px #29409a0f;
  box-shadow: rgba(41, 64, 154, 0.018) 0px 2px 4px;
}

[id] {
  scroll-margin-top: 110px;
}

/* Links
====================================================================*/
a {
  color: var(--blue-link);
  cursor: pointer;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  font-size: 18px;
}

a:visited,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited {
  color: var(--blue-link);
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
  color: var(--orange) !important;
}

/* Typography
====================================================================*/
p {
  font-family: var(--primary-font);
  font-size: 18px;
  margin: 12px 0;
  line-height: 1.5;
}

h1 {
  font-family: var(--primary-font);
  font-size: 36px;
  color: var(--blue);
  font-weight: 400;
}

h1:after,
h1.panel-title:after {
  display: none;
}

h2 {
  font-family: var(--primary-font);
  font-size: 22px;
  font-weight: 400;
  color: var(--blue-link);
  margin: 35px 0 20px 0;
}

h3 {
  font-family: var(--primary-font);
  font-size: 20px;
  color: var(--dark);
  font-weight: 600;
}

h4 {
  font-family: var(--primary-font);
  color: var(--dark);
  font-size: 18px;
  font-weight: 700;
}

h5 {
  font-family: var(--primary-font);
  font-size: 16px;
  color: var(--dark);
  font-weight: 700;
}

h6 {
  font-family: var(--primary-font);
  font-size: 14px;
  color: var(--dark);
  font-weight: 700;
}

/* Input Styles
====================================================================*/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake {
  color: #555555;
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

label,
.Label,
.PanelFieldLabelFont {
  color: var(--dark);
}

/* Header Styles
====================================================================*/
#hd {
  min-height: 134px;
  background-color: transparent;
  padding: 15px 0 0;
}

@media (min-width: 992px) {
  #hd {
    padding: 15px;
  }
}

@media (max-width: 992px) {
  #hd {
    background: white !important;
  }
}

div#ctl01_ciUtilityNavigation_UtilityPlaceholder {
  text-align: right;
}

div#masterLogoArea {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  div#masterLogoArea {
    justify-content: flex-start;
  }
}

#masterHeaderImage {
  background-image: none;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  text-indent: 0;
  overflow: unset;
  float: none;
  display: block;
  width: 275px;
}

.container,
.header-container,
.SliderPage1 {
  /* max-width: 1320px; */
  max-width: 1500px;
}

.backToTop {
  display: none;
}

a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.к-grid a,
.RadToolTip.RadToolTip a {
  color: var(--blue-link);
  text-decoration: underline;
}

/* Navigation Styles
====================================================================*/

/* Utility Nav */
.UtilityNavigationList .NavigationUnorderedList > li > a {
  display: inline-block;
  text-decoration: none;
  color: var(--blue);
  font-size: 16px;
  padding: 1px 15px;
  border: solid 1px var(--blue);
  margin: 0 5px;
  display: block;
}

.UtilityNavigationList .NavigationUnorderedList > li > a:hover {
  display: inline-block;
  text-decoration: none;
  color: var(--white);
  font-size: 16px;
  padding: 1px 15px;
  border: solid 1px var(--blue);
  margin: 0 5px;
  display: block;
  background-color: var(--blue);
}

.UtilityNavigation .account-menu > li > a,
.UtilityNavigation .account-menu > li > a:hover,
.UtilityNavigation .account-menu > li > a:visited,
.UtilityNavigation .account-menu > li > a:active {
  color: var(--blue);
}

.account-toggle:focus .nav-text {
  color: var(--orange);
}

.account-toggle .nav-text {
  font-size: 16px;
}

.dropdown-menu > li > a,
.dropdown-menu > li > div {
  text-decoration: none;
  font-size: 16px;
}

@media (max-width: 992px) {
  .UtilitySTEToggle {
    display: none !important;
  }
}

a.ste-toggle:hover,
a.ste-toggle:focus,
.wrapper.SVG-enabled a.ste-toggle:hover,
.wrapper.SVG-enabled a.ste-toggle:focus,
.obo-toggle:hover,
.obo-toggle:focus,
.wrapper.SVG-enabled .obo-toggle:hover,
.wrapper.SVG-enabled .obo-toggle:focus,
.batch-toggle:hover,
.batch-toggle:focus,
.wrapper.SVG-enabled .batch-toggle:hover,
.wrapper.SVG-enabled .batch-toggle:focus,
.transaction-date-toggle:hover,
.transaction-date-toggle:focus,
.wrapper.SVG-enabled .transaction-date-toggle:hover,
.wrapper.SVG-enabled .transaction-date-toggle:focus,
.page-statistics-toggle:hover,
.page-statistics-toggle:focus,
.wrapper.SVG-enabled .page-statistics-toggle:hover,
.wrapper.SVG-enabled .page-statistics-toggle:focus,
.list-toggle:hover,
.list-toggle:focus,
.wrapper.SVG-enabled .list-toggle:hover,
.wrapper.SVG-enabled .list-toggle:focus {
  background-color: transparent;
}

/* Main Nav */
.RadMenu.RadMenu ul.rmHorizontal {
  float: right;
}

/* .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
  text-decoration: none;
  background-color: var(--orange);
  color: var(--white) !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 4px;
  display: block;
  border-right: solid 1px #877132;
  margin-top: 15px;
} */

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
  border-top: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
  border-top: 3px solid var(--orange);
}

/* Dropdown Styling */
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
  background-color: var(--blue);
}

.col3 + .rmSlide,
.col2 + .rmSlide {
  height: 600px !important;
}

.col3 + .rmSlide,
.col3 + .rmSlide .rmLevel1 {
  width: 1000px !important;
  max-height: 600px;
  min-height: 100%;
}

.col2 + .rmSlide,
.col2 + .rmSlide .rmLevel1 {
  width: 825px !important;
  max-height: 600px;
  min-height: 100%;
}

.col3 + .rmSlide .rmLevel1,
.col2 + .rmSlide .rmLevel1 {
  display: flex !important;
  flex-flow: column wrap;
  padding-top: 25px !important;
  padding-left: 25px !important;
}

.col1 + .rmSlide,
.col1 + .rmSlide .rmLevel1 {
  width: 350px !important;
  max-height: auto;
  min-height: auto;
}

.RadMenu.MegaDropDownMenuOuter div.rmSlide .rmLevel1 .rmItem {
  clear: both;
  display: block !important;
  background-color: var(--blue);
}

.RadMenu.MegaDropDownMenuOuter div.rmSlide .rmLevel2 .rmItem {
  flex-flow: row wrap;
  width: 100% !important;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmItem .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 .rmLink {
  width: 100% !important;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 .rmLink {
  line-height: 1.6;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
  font-family: var(--primary-font);
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  padding-right: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmVertical.rmLevel2 .rmItem .rmText {
  display: block;
  vertical-align: top;
  float: none;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmExpandRight,
.RadMenu_NaturalHeritageSites .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: none !important;
}

.rmLevel1 li a:hover {
  color: var(--orange) !important;
}

.rmLevel2 li a {
  color: var(--light-blue) !important;
  font-size: 15px !important;
  text-transform: capitalize;
}

.rmLevel2 li a:hover {
  color: var(--orange) !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused,
.RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: transparent;
  color: var(--orange);
}

.RadMenu.RadMenu_NaturalHeritageSites .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  padding: 0 10px;
}

/* 3 Column */
.col3 + .rmSlide .rmLevel1 > .rmItem {
  width: 33%;
}

/* 2 Column */
.col2 + .rmSlide .rmLevel1 > .rmItem {
  width: 50%;
}

/* 1 Column */
.col1 + .rmSlide .rmLevel1 > .rmItem {
  width: 100%;
}

.RadMenu.RadMenu_NaturalHeritageSites
  .rmTwoLevels
  .rmLevel1
  > .rmItem
  > .rmLink {
  font-size: 16px;
  text-transform: capitalize !important;
}

@media (min-width: 992px) {
  .RadMenu_NaturalHeritageSites .rmSlide,
  ul.rmVertical.rmGroup.rmLevel1 {
    border-radius: 6px;
  }

  ul.rmVertical.rmGroup.rmLevel1 {
    padding: 10px 20px 18px !important;
    box-shadow: rgba(0, 0, 0, 0.0941) 0px 3px 8px;
  }

  ul.rmLevel1 > li.rmItem > a.rmLink {
    padding-top: 8px !important;
  }

  ul.rmVertical.rmGroup.rmLevel2 {
    margin-left: 8px !important;
    width: 100%;
  }

  .RadMenu.MegaDropDownMenuOuter div.rmSlide .rmLevel2 .rmItem {
    /* width: 50% !important; */
  }

  li.rmTwoLevels .rmRootLink.two-col ~ .rmSlide ul.rmVertical.rmGroup.rmLevel1 {
    columns: 2;
  }

  li.rmTwoLevels .rmRootLink.two-col ~ .rmSlide li.rmItem {
    break-inside: avoid;
  }
}

.obo-label,
a[id$="_SelectContactButton"] {
  font-size: 16px;
  text-decoration: none;
}

.dropdown-menu {
  border: none;
  border-radius: 6px;
}

/* Button Styles
====================================================================*/
html:not(.t-safari) .btn,
html:not(.t-safari) .TextButton {
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 20px;
  border: solid 2px var(--blue);
  background-color: var(--blue) !important;
  color: var(--white) !important;
  text-transform: uppercase;
  padding: 5px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: all 0.2s;
  cursor: pointer;
  background-image: none !important;
}

html:not(.t-safari) .UsePrimaryButton .TextButton {
  background: var(--blue) !important;
  color: white !important;
}

html:not(.t-safari) .TextButton:hover,
html:not(.t-safari) .UsePrimaryButton .TextButton:hover {
  transform: scale(0.94) !important;
  color: var(--blue) !important;
  background-color: transparent !important;
  border: solid 2px var(--blue);
}

.button {
  font-size: 16px;
  border-radius: 20px;
  letter-spacing: 1px;
  border: solid 2px var(--blue);
  background-color: var(--blue) !important;
  color: var(--white) !important;
  text-transform: uppercase;
  padding: 5px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.button:hover {
  color: var(--blue) !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.btn,
.TextButton,
.SignInButton {
  font-size: 16px;
  border-radius: 20px;
  letter-spacing: 1px;
  border: solid 2px var(--blue);
  background-color: var(--blue) !important;
  color: var(--white) !important;
  text-transform: uppercase;
  padding: 5px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-image: none !important;
}

.UsePrimaryButton .TextButton {
  background: var(--blue) !important;
  color: white !important;
}

.TextButton:hover,
.UsePrimaryButton .TextButton:hover {
  transform: scale(0.94) !important;
  color: var(--blue) !important;
  background-color: transparent !important;
  border: solid 2px var(--blue);
}

.button {
  font-size: 16px;
  border-radius: 20px;
  border: solid 2px var(--blue);
  background-color: var(--blue) !important;
  color: var(--white) !important;
  text-transform: uppercase;
  padding: 5px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.button:hover {
  color: var(--blue) !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.SignInButton:hover {
  color: var(--blue) !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* Body Styles
====================================================================*/
#masterContentArea.container {
  max-width: 1450px !important;
  padding: 0 30px 50px !important;
  min-height: 30vh;
}

.Wrapper-FullWidth #masterContentArea .container-inner,
.Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer {
  max-width: 1400px;
}

@media (min-width: 900px) {
  .blocks-col {
    flex: 0 0 auto;
    width: 25% !important;
  }
}

/* Responsive Styles 
====================================================================*/
@media (max-width: 991px) {
  #masterHeaderImage img {
    max-width: 90%;
    text-align: center;
  }

  .navbar {
    background-color: var(--white) !important;
  }

  .UtilitySection {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
  }

  .NavigationListItem {
    list-style-type: none;
    display: block;
    margin-left: 0;
  }

  .UtilityNavigationList .NavigationUnorderedList > li > a {
    display: block;
    text-decoration: none;
    color: var(--blue);
    font-size: 16px;
    padding: 1px 15px;
    border: solid 1px var(--blue);
    margin: 10px;
    display: block;
    width: 90%;
    min-width: 300px;
  }

  .navbar-toggle .icon-bar {
    background-color: var(--blue);
    display: block;
    width: 40px;
    height: 5px;
    border-radius: 1px;
  }

  .navbar-toggle,
  .obo-toggle,
  .ste-toggle,
  .batch-toggle,
  .transaction-date-toggle,
  .page-statistics-toggle,
  .list-toggle {
    width: 52px;
    height: 40px;
    margin-bottom: 12px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites {
    background-color: var(--white);
  }

  .RadMenu.RadMenu ul.rmHorizontal {
    float: none;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    margin-top: 2px;
    padding: 0px 4px;
  }

  .footer-top {
    text-align: center;
    margin-bottom: 25px;
  }
}

/* Leadership Page Styles
====================================================================*/
.interior-heading {
  margin-bottom: 0px;
  padding: 0px;
  font-size: 40px;
  font-weight: 400;
  font-family: var(--primary-font);
  color: rgb(41, 64, 154);
}

.interior-heading::after {
  border: none !important;
}

/* News Page Styles
====================================================================*/
.news-list .BlockTLItem {
  border: none !important;
  margin-bottom: 20px;
}

.news-list .contentTaggedListImageThumbnail {
  max-width: 140px;
  height: auto;
  border: none;
}

.news-list table td h4 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #333;
}

.news-list table td h4 a {
  text-decoration: underline;
  color: var(--blue-link);
}

.news-list table td h4 a:hover,
.news-list table td h4 a:focus {
  opacity: 0.5;
}

.news-list table td span.PublishDate {
  font-style: normal;
  font-size: 1.35rem;
}

.news-wrapper {
  padding: 30px 40px 50px;
}

/* Research Foundation Page Styles
====================================================================*/
p.rf-list {
  margin: 0;
  line-height: 1.5;
}

.rf-research-committee h2 {
  color: black;
  font-weight: 600;
  font-size: 18px;
}

/* New Store Styles
====================================================================*/
a:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited {
  color: var(--blue-link);
}

.view-cart-btn .panel-border {
  border-color: transparent;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
  color: white !important;
}

.upcoming-events .RadGrid_MetroTouch,
.upcoming-events .RadGrid.RadGrid_MetroTouch .rgMasterTable {
  background-color: var(--light-bg-2);
}

.ProductDisplay {
  background-color: transparent;
}

/* Alert Styles
====================================================================*/
.Alerts.expired-member .AlertItem {
  border: none;
  border-radius: 8px;
  padding: 12px 20px;
}

.expired-member .media {
  align-items: center;
}

.expired-member .media-body input {
  float: right;
}

/* Product Events Button Styles
====================================================================*/
.products-event-btn .BigButtonList {
  display: flex;
}

/* Products Styles
====================================================================*/
.products .panel.panel-border .panel-heading.Distinguish {
  border: none !important;
}

.products .panel.panel-border .panel-heading {
  background-color: var(--blue);
  margin: 0;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.products .panel.panel-border .panel-heading .panel-title {
  color: var(--white);
}

.products .product-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}

.products .product-img {
  object-fit: contain;
  width: 75px;
  height: 75px !important;
}

.products .product-wrapper p {
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

.products .product-wrapper a {
  transition: all 0.2s ease-in-out;
}

.products .product-wrapper a:hover {
  color: var(--orange) !important;
}

/* Upcoming Events, View Cart, Sidebar, Products Styles
====================================================================*/
.upcoming-events .panel.panel-border,
.products .panel.panel-border,
.view-cart .panel.panel-border {
  border-color: transparent !important;
  border-radius: 8px;
  box-shadow: var(--panel-shadow);
}

.upcoming-events th.rgHeader {
  display: none;
}

.upcoming-events .RadGrid.RadGrid_MetroTouch .rgRow td,
.upcoming-events .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.upcoming-events .RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
  line-height: 1.4;
}

.upcoming-events .RadGrid_MetroTouch .rgAltRow {
  background: transparent;
}

.upcoming-events .RadGrid_MetroTouch {
  border-color: transparent;
}

.upcoming-events a {
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

.upcoming-events a:hover {
  color: var(--orange) !important;
}

/* Back to top
====================================================================*/

.backToTop {
  display: block;
  font-size: 0;
  color: transparent;
  bottom: 20px;
  position: fixed;
  right: 25px;
  z-index: 1;
  width: 48px;
  height: 48px;
  background: var(--orange) !important;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.backToTop:hover {
  background: #d88117 !important;
}

.backToTop::before {
  content: "\f106";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 24px;
  color: #fff;
  display: inline-block;
  line-height: 48px;
}

/* Products Page Styles
====================================================================*/
.products-main .simplePaginateList .col {
  flex: inherit;
}

.products-main .panel.panel-border {
  padding: 0 10px;
  border-color: transparent !important;
  border-radius: 8px;
  box-shadow: var(--panel-shadow);
}

.products-main .card {
  align-items: center;
  justify-content: center;
  word-wrap: break-word;
  background-color: var(--light-bg-2);
  background-clip: border-box;
  border: none;
  border-radius: 8px;
  padding: 25px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  height: 100% !important;
  min-height: 200px;
  margin-bottom: 15px;
}

.products-main .product-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.products-main .product-img {
  object-fit: contain;
  width: 75px;
  height: 75px !important;
  height: auto;
}

.products-main .product-wrapper p {
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

.products-main .product-wrapper a {
  transition: all 0.2s ease-in-out;
}

.products-main .product-wrapper a:hover {
  color: var(--orange) !important;
}

/* Event Search Page Styles
====================================================================*/
.event-search .panel.panel-border {
  border-color: transparent !important;
  border-radius: 8px;
  box-shadow: var(--panel-shadow);
}

.event-search .FilterPanel {
  background-color: transparent;
  border: none !important;
  margin-top: -3px;
  padding: 10px 15px;
}

.event-search .RadGrid_MetroTouch {
  border-color: transparent;
}

.event-search .RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
  color: var(--white) !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
}

.event-search .RadGrid_MetroTouch .rgHeader {
  background-color: var(--orange);
}

.event-search a,
.event-search .RadGrid.RadGrid .rgRow a,
.event-search .RadGrid .rgAltRow a {
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

.event-search a:hover,
.event-search .RadGrid.RadGrid .rgRow a:hover,
.event-search .RadGrid .rgAltRow a:hover {
  color: var(--orange);
}

.event-search .RadGrid.RadGrid_MetroTouch .rgSelectedRow {
  background-color: var(--orange);
  border-color: var(--orange);
  text-decoration: none;
}

.event-search .RadGrid.RadGrid_MetroTouch .rgSelectedRow td {
  border-color: var(--white);
}

.tabs-vertical .RadTabStripVertical .rtsLI.rtsFirst {
  border-radius: 10px 0 0 0;
}

.tabs-vertical .RadTabStripVertical .rtsLI.rtsLast {
  border-radius: 0 0 0 10px;
}

/* Multi Page, Tables, Search Box Styling
====================================================================*/

.RadMultiPage {
  border-color: transparent;
  background: white;
}

.RadTabStrip_MetroTouch.RadTabStrip,
.RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
  background-color: transparent;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
  color: var(--dark) !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: var(--blue);
  border-color: var(--blue);
  opacity: 0.6;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
  background-color: var(--blue);
}

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: var(--orange);
}

.SearchField label {
  color: white;
}

.SearchField,
.SearchResultSummary .ListItemTitle a {
  background-color: var(--dark);
}

.RadMultiPage {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
}

.RadGrid_MetroTouch {
  border-color: whitesmoke !important;
  border-radius: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.RadGrid_MetroTouch .rgAltRow {
  background: var(--light-bg-3) !important;
}

.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
  background-color: var(--dark);
  border-color: var(--dark);
}

.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: var(--blue);
  background-color: var(--blue);
}

.FilterPanel {
  background-color: transparent;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
  background-color: var(--blue);
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
  background-color: var(--blue) !important;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper,
.RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader,
.RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
  border-bottom: 1px solid var(--blue);
  border-left: 1px solid var(--blue);
}

/* Mobile Styling
====================================================================*/
@media (max-width: 768px) {
  .view-cart-btn {
    float: left;
  }

  .upcoming-events {
    margin-bottom: 8rem;
  }
}

@media (min-width: 768px) {
  .products {
    margin-bottom: 8rem;
  }

  .event-search {
    margin-bottom: 8rem;
  }

  .products-main {
    margin-bottom: 8rem;
  }
}

/* Header Styles 
====================================================================*/
#ctl01_masterWrapper {
  background: var(--light-bg-2);
}

#hd {
  min-height: 134px;
  background-color: var(--light-bg-2);
  padding-top: 15px;
  position: sticky;
  box-shadow: none;
  top: 0;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}

#masterHeaderImage {
  width: 230px;
}

a.obo-toggle,
a.ste-toggle {
  background-color: transparent;
}

.col1 + .rmSlide,
.col1 + .rmSlide .rmLevel1 {
  width: auto !important;
}

@media (max-width: 992px) {
  .col1 + .rmSlide,
  .col1 + .rmSlide .rmLevel1 {
    width: 100% !important;
  }
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
  text-decoration: none;
  background-color: transparent;
  color: var(--blue) !important;
  font-family: var(--primary-font);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 14px 4px;
  display: block;
  border: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink:hover {
  color: var(--orange) !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
  font-size: 16px;
}

#SimpleSearchBlock .TextButton {
  display: none;
}

@media (min-width: 992px) {
  .UtilitySection.UtilitySearch {
    display: inline-block !important;
    visibility: visible !important;
  }
  .primary-navigation-area {
    margin-top: 15px;
  }
}

@media (max-width: 992px) {
  .UtilitySection.UtilityNavigationToggle:has(> .searchbar-toggle) {
    display: none;
  }

  .UtilitySearch .search-container-sm {
    display: block !important;
  }

  .header-search .search-field {
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid var(--blue);
  }

  .UtilitySection input[type="text"] {
    font-size: 16px;
  }

  .search-field {
    background-size: 16px;
    background-position: 7px -15px;
    padding-left: 32px !important;
  }

  .header-search .search-field {
    height: 28px;
  }
}

@media (min-width: 992px) {
  a.ste-toggle {
    margin-bottom: 5px;
  }

  .obo-toggle {
    margin-top: 0px;
  }

  .UtilitySearch .header-search {
    padding: 8px 15px 8px 4px;
  }

  .header-search .search-field {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    box-shadow: none;
  }
}

@media (min-width: 992px) {
  .rmLevel2 .rmLast {
    margin-bottom: 3px !important;
  }
}

@media (max-width: 991px) {
  .navbar {
    background-color: transparent !important;
  }

  div#masterLogoArea {
    margin-top: 8px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    background-color: var(--blue) !important;
    color: var(--white) !important;
    margin: 0 !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites
    .rmTwoLevels
    .rmLevel1
    > .rmItem
    > .rmLink {
    font-size: 15px !important;
    white-space: normal;
  }

  .rmLevel2 li a {
    font-size: 15px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmText,
  .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText {
    padding: 6px 15px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmGroup {
    padding: 0;
    border-bottom: 3px solid var(--orange);
  }

  .account-menu,
  .account-menu > li {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .UtilityNavigation.nav-auxiliary {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
  }

  .UtilityAccountArea {
    float: left;
    margin-left: 20px;
    margin-top: 3px;
  }

  .UtilityNavigationToggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px;
    width: 100%;
    text-align: center;
    margin-top: 10px !important;
  }

  .obo-toggle {
    width: 47px;
    height: 40px;
    margin-bottom: 6px !important;
    background-position: 9px -64px;
  }

  .navbar-toggle.collapsed {
    background-color: transparent;
  }

  .navbar-toggle:hover,
  .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-toggle .icon-bar {
    background-color: var(--blue);
    display: block;
    width: 40px;
    height: 3px;
    border-radius: 1px;
  }

  ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    border-top: 1px solid #eff6fc;
  }

  .dropdown-menu > li > a,
  .dropdown-menu > li > div {
    font-size: 12px;
  }

  .account-menu .dropdown-header {
    font-size: 14px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmLink:hover .rmToggle > .rmIcon,
  .RadMenu.RadMenu_NaturalHeritageSites .rmLink.rmFocused .rmToggle > .rmIcon,
  .RadMenu.RadMenu_NaturalHeritageSites
    .rmSelected
    > .rmLink
    .rmToggle
    > .rmIcon,
  .RadMenu.RadMenu_NaturalHeritageSites
    .rmFocused
    > .rmLink.rmRootLink
    .rmToggle
    > .rmIcon,
  .RadMenu.RadMenu_NaturalHeritageSites
    .rmExpanded
    > .rmLink
    .rmToggle
    > .rmIcon,
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink .rmToggle > .rmIcon {
    background-position: initial;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon,
  .RadMenu.RadMenu_NaturalHeritageSites
    .rmRootGroup
    .rmRootLink
    .rmToggle
    .rmIcon {
    width: 25px;
    height: 10px;
    background-size: 32px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    padding: 4px 4px;
  }
}

/* Footer Styles 
====================================================================*/
.footer {
  color: var(--white);
  padding: 0;
  display: block;
}

.footer-container {
  background-color: var(--blue);
  padding: 40px 20px;
  width: 100%;
}

.footer-container .inner-container {
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.footer-section {
  flex: 1;
  margin: 0 20px;
  min-width: 200px;
}

.footer-logo {
  flex: 0 0 auto;
  margin-right: 40px;
  max-width: 315px;
}

.footer-logo img {
  max-width: 100%;
  height: auto;
}

footer h2 {
  color: var(--white);
  margin: 0;
}

.footer-section h3 {
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.footer-section p {
  margin: 10px 0 12px;
  font-size: 16px;
}

.footer-section a {
  color: var(--light-blue);
  font-size: 16px;
  text-decoration: none;
}

.social-icons {
  display: flex;
  gap: 15px;
  padding-top: 10px;
}

footer .social-icons a {
  color: var(--white);
}

footer .social-icons a .fa-brands {
  font-size: 3.25rem;
}

.footer-section ul {
  list-style: none;
  padding: 5px 0 0;
}

.footer-section ul li {
  margin-bottom: 5px;
}

.footer-bottom {
  background-color: var(--footer-bottom-bg);
  width: 100%;
  padding: 20px 30px;
}

.footer-bottom .inner-bottom {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}

.footer-bottom p {
  font-size: 14px;
  margin: 12px 0;
  line-height: 1.5;
}

@media (max-width: 992px) {
  .footer-container .inner-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-section {
    margin: 20px 0;
  }

  .footer-logo {
    margin: 0 0 20px 0;
  }

  .social-icons {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .footer-container {
    padding: 20px 15px;
  }

  .footer-section h3 {
    font-size: 16px;
  }

  .footer-bottom .inner-bottom {
    font-size: 12px;
    padding: 0 10px;
  }
}

/* Home Page Styles 
====================================================================*/

/* Carousel */
.carousel-inner {
  border-radius: 10px;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel-indicators {
  display: block;
}

.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 3px;
  border: 1px solid var(--orange);
  background-color: white;
}

.carousel-indicators .active {
  margin: 3px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 500px;
}

.carousel-inner.bg-img > .item {
  background-color: var(--blue);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100% !important;
}

@media (min-width: 1300px) {
  .carousel-inner.bg-img > .item {
    background-size: cover;
  }
}

/* Card styling */
.content-blocks-wrapper section.col {
  flex: auto;
}

.homeBoxContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  height: 200px;
}

.homeBox {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 35px 10px 35px 18px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.33, 2, 0.8, 1);
  cursor: pointer;
}

.homeBox:focus {
  text-decoration: none;
}

.homeBox:hover {
  transform: scale(1.06);
  box-shadow: 0.5rem 0.5rem 1.75rem rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.boxImage em,
.boxImage em {
  font-size: 44px;
  color: var(--blue);
  transition: all 0.3s ease-in-out;
}

.homeBox:hover .boxImage em,
.homeBox:hover .boxImage em {
  color: var(--orange);
}

.BlockTLItem:hover {
  background-size: inherit;
}

.quickLinkText {
  margin: 0;
  text-align: left;
  color: var(--blue);
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  margin: 1.25rem 0 0;
}
.quickLinkLearn {
  margin: 0;
  text-align: left;
  color: var(--orange);
  display: block;
  font-weight: 700;
  font-size: 1.2rem;
  margin-top: 0.75rem;
}

.content-blocks-wrapper section.col {
  flex: auto;
}

@media (min-width: 992px) {
  .content-blocks-wrapper section.col {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}

/* Featured Content Blocks */
.featured-content-block {
  display: flex;
  align-items: center;
}

.landing-featured-left {
  margin-right: 20px;
  flex: 1;
}

.landing-featured-right {
  flex: 5;
}

.landing-featured-left img {
  width: 100%;
  max-width: 250px;
  float: none;
  margin: 0;
}

.landing-featured-right .more-container {
  text-align: right;
}

/* Custom Table */
.ascrs-table,
.ascrs-table2 {
  border-width: 1px;
}

.ascrs-table th,
.ascrs-table td {
  border: 1px solid;
  vertical-align: top;
  padding: 15px;
}

.ascrs-table2 th,
.ascrs-table2 td {
  border: 1px solid;
  vertical-align: top;
  padding: 5px;
}

/* Image Wrapper */
.img-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
}

/* Sign In Page */
div[id$="_ciNewContactSignInCommon"] .panel-border {
  border: transparent;
}
div[id$="_ciNewContactSignInCommon"] .panel-border h2 {
  text-align: center;
}

/* Account Page */
.account-banner:before {
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

div[id$="_ciMyAccount"] .RadMultiPage {
  border-radius: 10px;
}

/* Events */
.EventSummary {
  background-color: transparent;
}

/* Cart */
.CartCharges {
  background-color: rgb(241, 241, 241);
}

.CartCharges .PanelField {
  border-top: 1px solid white;
}

/* Contact Us */
.contact-us-wrapper p {
  margin: 0;
  line-height: 1.65;
}

/* Diseases and Conditions */
.diseases-conditions-wrapper {
  margin: 50px 0;
}

.diseases-conditions-wrapper div {
  line-height: 1.5;
  margin-top: 10px !important;
}

/* Staff Page
====================================================================*/

.staff-member {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 50px;
}

.staff-photo,
.leadership-photo {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.staff-photo img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center 22%;
  display: block;
}

.leadership-photo img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center -5px;
  display: block;
}

.staff-details {
  flex-grow: 1;
}

.staff-details h3 {
  margin-top: 0;
}

.staff-details p {
  margin: 0 0 10px 0;
}

.staff-details .phone {
  font-size: 0.9em;
  color: #777;
  margin-top: 5px;
}

@media (max-width: 600px) {
  .staff-member {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 60px;
    gap: 0;
  }

  .staff-photo {
    margin-bottom: 10px;
  }

  h3 {
    text-align: center;
  }
}

/* Past Presidents Page
====================================================================*/

section.past-president-container {
  margin: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.past-president-container .past-pres-image {
  width: 200px;
  max-width: 100%;
  height: 200px;
  border-radius: 100%;
  background-size: cover;
}

.past-president-container .past-pres-name {
  color: var(--blue);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 10px 0 0;
}

.past-president-container .past-pres-date {
  text-align: center;
  margin: 3px 0 0;
}

/* Pagination */
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background: var(--blue-link);
  border-color: var(--blue-link);
}

.page-link {
  color: var(--blue-link);
}

/* Upcoming Meetings and Events
====================================================================*/

.upcoming-events-wrapper {
  margin-bottom: 50px;
}

.upcoming-events-wrapper h2 {
  margin: 0;
}

.upcoming-events-wrapper p {
  margin: 5px 0 15px;
}

/* Specific Event Page */

@media (min-width: 992px) {
  .SummaryFloat .EventDetails .FloatArea {
    top: 180px;
  }
}

.RegistrationArea div:not(.PriceOverrideForm) > .PrimaryButton.LargeButton {
  line-height: 1.3;
}

/* Register Someone Else Modal */

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: var(--blue);
}

.RegistrantInfoAddressEntry {
  background-color: transparent;
  padding: 1em;
  display: inline-block;
}

/* Diseases and Conditions Page */
.diseases-conditions-iqa .RadGrid_MetroTouch {
  display: none !important;
}

@media (min-width: 768px) {
  .diseases-conditions-iqa .PanelField label {
    width: auto;
    margin-right: 15px;
  }
}

.diseases-conditions-iqa .TextButton {
  margin-top: 15px;
}

/* Read More Styling
====================================================================*/

.read-more-container .more-text {
  display: none;
}

.read-more-container {
  margin: 40px 0;
  max-width: 600px;
}

.readmore-toggle-btn {
  background-color: transparent;
  color: var(--blue);
  border: none;
  cursor: pointer;
}

/* ---------- Print Styles ---------- */
@media print {
  footer,
  iframe,
  #printPageButton,
  .sign-in-link,
  .picture-primary,
  .OnBehalfOfContainer {
    display: none !important;
  }
}

#printPageButton {
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 20px;
  border: solid 2px var(--blue);
  background-color: var(--blue) !important;
  color: var(--white) !important;
  text-transform: uppercase;
  padding: 5px 20px !important;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: all 0.2s;
  cursor: pointer;
  background-image: none !important;
}

#printPageButton:hover {
  color: var(--blue) !important;
  background-color: transparent !important;
  border: solid 2px var(--blue);
}