/* 
 * Custom CSS
 *
 * Create a custom.css file to add custom styles to your menu.
 */

 /* Custom Styles from Ubermenu Plugin Backend */

 #ubermenu-nav-main-1430 > li > a > .ubermenu-target-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }
  #menu-item-30014 .ubermenu-tabs-group {
    border-right: 5px solid #790E13 !important;
    padding: 1rem;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab > .ubermenu-target > .ubermenu-target-title {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 0 8px 3px 0;
  }
  #ubermenu-nav-main-1430 .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-title,
  #ubermenu-nav-main-1430 .ubermenu-submenu > .ubermenu-tab > .ubermenu-target:hover > .ubermenu-target-title {
      border-right: 1px solid white;
      border-bottom: 1px solid white;
  }
  #ubermenu-nav-main-1430 .ubermenu-item {
    font-size: 1.5rem;
    font-weight: 600;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu .ubermenu-target-title {
    font-size: 1.0625rem !important;
    font-weight: 400;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-target > .ubermenu-target-title,
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu .font-bold-20 > .ubermenu-target-title {
    font-size: 1.25rem !important;
    font-weight: 600;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item.ubermenu-column > .ubermenu-submenu > .ubermenu-item {
    margin-bottom: 1.5rem;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel .ubermenu-target {
    padding: 0 10px;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu {
    margin-top: 0;
    padding-top: 0;
  }
  #ubermenu-nav-main-1430 .ubermenu-custom-content {
      color: #ffffff;
  }
  
  .nav-underline {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-left: 0 !important;
  }
  
  .ubermenu .ubermenu-target-text .ubermenu-target-title {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-weight: bold;
    color: #fff;
  }
  .ubermenu .ubermenu-target-text {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-weight: bold;
    font-size: 10pt;
    color: #fff;
  }
  .ubermenu-target {
    padding-left: 20px;
  }
  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    color: #fff;
  }
  span.ubermenu-target-title .ubermenu-target-text {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-weight: inherit;
    color: #fff;
  }
  ul.ubermenu-submenu {
    /*opacity: .98 ;*/
    opacity: 1; /* changed to opaque submenu background -HS */
    top: 65.2px;
  }
  ul.ubermenu-submenu a {
    color: #fff;
  }
  .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    height:50px;
  }
  .ubermenu-main .ubermenu-submenu .ubermenu-has-submenu-drop > .ubermenu-target:after {
    color: #fff;
  }
  
  .ubermenu .ubermenu-divider hr { /* styles for UberMenu Adv Items Horizontal Divider -HS */
    border-top: 1px solid rgb(216, 216, 216);
    margin-bottom: 20px;
  }
  
  .ubermenu .ubermenu-submenu-type-stack > .ubermenu-divider { /* styles for UberMenu Adv Items Horizontal Divider -HS */
    padding: 0;
  }
  
  
  /**
   * End old menu styles
   */
  
  a.um-logo, button.mobile-mag {
    display: none;
  }
  
  #ubermenu-nav-main-1430 > li > a > .ubermenu-target-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }
  #menu-item-30014 .ubermenu-tabs-group {
    border-right: 5px solid #790E13;
    padding: 1rem;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab > .ubermenu-target > .ubermenu-target-title {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 0 8px 3px 0;
  }
  #ubermenu-nav-main-1430 .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-title,
  #ubermenu-nav-main-1430 .ubermenu-submenu > .ubermenu-tab > .ubermenu-target:hover > .ubermenu-target-title {
      border-right: 1px solid white;
      border-bottom: 1px solid white;
  }
  #ubermenu-nav-main-1430 .ubermenu-item {
    font-size: 1.5rem;
    font-weight: 600;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu .ubermenu-target-title {
    font-size: 1.0625rem;
    font-weight: 400;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-target > .ubermenu-target-title,
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu .font-bold-20 > .ubermenu-target-title {
    font-size: 1.25rem;
    font-weight: 600;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item.ubermenu-column > .ubermenu-submenu > .ubermenu-item {
    margin-bottom: 1.5rem;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel .ubermenu-target {
    padding: 0 10px;
  }
  #ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu {
    margin-top: 0;
    padding-top: 0;
  }
  #ubermenu-nav-main-1430 .ubermenu-custom-content {
    color: #ffffff;
  }
  
  .ubermenu-custom-content-padded > p.blurb-lg { /* new text block styles for About and Support nav sections -HS */
      font-size: 24px;
      font-family: 'Open Sans', sans-serif;
      color: #bebebe;
      opacity: 1;
      line-height: 34px;
      letter-spacing: 0;
      font-weight: normal;
  }
  
  .ubermenu-custom-content-padded > p.blurb-med {
    color: #BEBEBE;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: normal;
  }
  
  .ubermenu-custom-content-padded > p.blurb-sm {
    font-size: 13px;
    margin-top: 20px;
    font-weight: normal;
    max-width: 80%;
    color: #BEBEBE;
    font-family: "Open Sans";
    letter-spacing: 0;
    line-height: 18px;
  }
  
  .ubermenu .ubermenu-item .ubermenu-submenu-drop {
    z-index: 99999;
  }
  
  /*********************************************************************************
  **Getting the Search Bar in the header into the right position ****
  **********************************************************************************/
  h3.ubermenu-widgettitle.ubermenu-target {
    display: none;
  }
  li#ajaxsearchlitewidget-2.widget.AjaxSearchLiteWidget.ubermenu-column-full.ubermenu-column-full.ubermenu-column-full.ubermenu-widget.ubermenu-column.ubermenu-item-header {
    padding: 2px 15px;
  }
  
  
  .ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 0;
  }
  
  
  .ubermenu a > span,
  .ubermenu a > i > span,
  .ubermenu a > em > span {
    font-weight: 400;
  } 
  
  nav#ubermenu-main-3110-main-3 {
    border-top: 1px solid #222322;
    border-bottom: 2px solid #222322;
  }
  
  ul#ubermenu-nav-main-3110-main {
    /* margin-left: 110px;
    margin-right: 110px; */
    height: 60px;
    margin: 0 auto;
  }
  
  ul#ubermenu-nav-main-3110-main > li > span.ubermenu-target, ul#ubermenu-nav-main-3110-main > li > a.ubermenu-target {
    /*padding: 20px ;*/
    padding: 20px 32px;
    
  }
  
  ul#ubermenu-nav-main-3110-main > li > span.ubermenu-target > span.ubermenu-target-title, ul#ubermenu-nav-main-3110-main > li > a.ubermenu-target > span.ubermenu-target-title  {
    font-size: 14px;
    font-weight: 600;
    color: #221F22;
  }
  
  ul#ubermenu-nav-main-3110-main > li:hover, ul#ubermenu-nav-main-3110-main > li > a.ubermenu-target:hover {
    font-weight: bold;
  }
  
  ul#ubermenu-nav-main-3110-main > li.search-toggle > a.ubermenu-target {
    padding-top: 16px;
    outline: none;
  }
  
  .ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    /*padding-top: 20px ;*/
    padding-bottom: 12px;
  }
  
  .ubermenu .ubermenu-row {
    padding: 54px 95px;
  }
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group,
  .ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack{
    /*padding: 54px 70px 54px 95px;*/
  }
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
      padding: 54px 95px 54px 80px;
  }
  .ubermenu .ubermenu-item.image-content-column {
    padding: 54px 0;
  }
  
  .ubermenu .text-only-column.ubermenu-item-type-column > .ubermenu-submenu-id-63310.ubermenu-submenu-type-stack, .ubermenu .text-only-column.ubermenu-item-type-column > .ubermenu-submenu-id-63326.ubermenu-submenu-type-stack, .ubermenu .text-only-column.ubermenu-item-type-column >.ubermenu-submenu-id-63334.ubermenu-submenu-type-stack {
    padding-right: 20px;
  }
  
  .ubermenu .ubermenu-tabs-group {
    border-style: none;
  }
  
  .ubermenu-main .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image {
    padding: 0;
    position: relative;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-right: 25px;
  }
  .ubermenu-main .image-content-column .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image {
    margin-right: 0;
  }
  .ubermenu-main .image-content-column .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image:hover {
    transform: translateZ(0);
      transition: all 750ms cubic-bezier(.37,.44,.58,1);
  }
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-image {
    width: 100%;
    margin-bottom: 20px;
  }
  
  
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
    color: #ffffff;
    padding-left: 0;
  }
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-title {
    /*text-transform: uppercase;
    position: absolute;
    top: 45%;
    left: 0;
    text-align: center;
    width: calc(100% - 60px);
      padding: 0 30px;
    z-index: 100;
    font-weight: bold ;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.4px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.50);*/
  
  }
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-description {
    position: absolute;
    top: calc(45% + 20px);
    left: 0;
    text-align: center;
    width: calc(100% - 60px);
      padding: 0 30px;
    z-index: 100;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.50);
  }
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-title:hover,
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-description:hover {
    opacity: 1;
  }
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-title,
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-description{
    position: relative;
    top: auto;
    width: 100%;
    padding: 0;
    text-align: left;
    line-height: 24px;
  }
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-title {
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    margin-top: 16px;
    display: inline-block;
  }
  
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-title:hover {
    opacity: 1;
  }
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-description{
    font-size: 13px;
    opacity: 0.7;
    line-height: 19px;
  }
  .ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-description:hover {
    opacity: 0.7;
  }
  
  .ubermenu .ubermenu-target {
   /* padding: 16px;*/
    /*padding-left: 16px ;*/
  }
  .ubermenu .ubermenu-item.ubermenu-item-level-0 {
    /*margin: 0 12px;*/
    margin: 0;
    height: 100%;
  }
  .ubermenu .ubermenu-target-text {
    font-size: 17px;
    font-family: "Open Sans";
    color: #ffffff;
    letter-spacing: 0.7px;
    line-height: 17px;
    font-weight: normal;
  }
  .ubermenu-submenu .ubermenu-target-text {
    letter-spacing: 0.2px;
    line-height: 17px; 
    font-weight: 400;
  }
  
  
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-text {
    line-height: 17px;
    font-weight: bold;
  }
  
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-description.ubermenu-target-text {
    font-weight: 300;
    font-style: italic;
    text-transform: none;
    font-size: 14px;
  }
  .ubermenu-submenu .ubermenu-item-layout-text_only .ubermenu-target-text {
    letter-spacing: 0;
  }
  .ubermenu-submenu .ubermenu-target-text:hover {
    /*opacity: 0.5;*/
    text-decoration: underline;
  }
  
  
  
  /*.ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-text:hover {
    background: url("/wp-content/uploads/2019/08/hover-arrow.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 17px 15px;
    padding-right: 24px;
  }
  */
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-tab-content-panel .ubermenu-target-text:hover {
    background: none;
  }
  .ubermenu-tab .ubermenu-target-text {
    text-transform: uppercase;
  }
  .ubermenu-main .ubermenu-item-normal > .ubermenu-target {
      color: #fff;
  }
  .ubermenu .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
    width: 100%;
  }
  .ubermenu .ubermenu-submenu .ubermenu-column.ubermenu-column-id-63368-col-0, .ubermenu .ubermenu-submenu .ubermenu-column.ubermenu-column-id-63369-col-0 {
    width: 100%;
  }
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group {
  /*-webkit-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);*/
  }
  .ubermenu-has-submenu-stack {
    width: calc(100% - 160px);
    padding: 0 80px;
  }
  .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 20px;
  }
  
  .ubermenu-has-submenu-stack .ubermenu-target {
      padding-left: 0;
  }
  .ubermenu-submenu-type-stack .ubermenu-target-text {
    text-transform: none;
    /*font-weight: 400 ;*/
  }
  .ubermenu ul.ubermenu-submenu-id-63274  .ubermenu-submenu-type-stack .ubermenu-target-text {
  /*  text-transform: uppercase;
    font-weight: bold ;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.7px;
    line-height: 20px;*/
    }
  .ubermenu ul.ubermenu-submenu-id-63274  .ubermenu-submenu-type-stack .ubermenu-target-description.ubermenu-target-text {
      text-transform: none;
    }
  .ubermenu-submenu-type-stack .ubermenu-target-title.ubermenu-target-text {
    color: #FFFFFF ;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: normal;
  }
  .ubermenu-has-submenu-stack .ubermenu-submenu-type-stack a.ubermenu-item-layout-default {
    border-bottom: none;
    margin-bottom: 0;
  }
  .ubermenu .no-overview .ubermenu-tab-content-panel .ubermenu-autocolumn.ubermenu, .ubermenu .ubermenu-autocolumn {
    padding-top: 0;
  }
  .ubermenu .no-overview .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0;
  }
  .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
      /*padding-right: 55px;*/
  }
  
  .ubermenu .sub-full-width .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
      padding-right: 20px;
  }
  .ubermenu .image-content-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack {
      padding-right: 25px;
  }
  /*.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #211f22;
  }*/
  /* histories of art */  /*  NOW Called For Learning -HS  */
  .ubermenu li.ubermenu-item-63309:hover {
    /*background: #851013; *//* original color */
    background: transparent;
    border-bottom: 6px solid #222322;
  }
  
  .ubermenu li.ubermenu-item-63309 .ubermenu-target:hover .ubermenu-target-text,
  li.ubermenu-item-63309.ubermenu-active .ubermenu-target-text {
    /*color: #fff ;*/
  }
  li.ubermenu-item-63309.ubermenu-active {
    /*background: #851013;*/ /* original color */
    /*background: #222322;*/
    /*color: #fff;*/
  }
  .ubermenu-main li.ubermenu-item-63309 .ubermenu-submenu.ubermenu-submenu-drop {
      /*background-color: #851013;   original color */
      background-color: #222322;
      color: #fff;
  }
  .ubermenu li.ubermenu-item-63309 .ubermenu-tab-layout-left>.ubermenu-tabs-group {
    /*border-right: 1px solid #560000;*/
  }
  .ubermenu .ubermenu-item.ubermenu-item-63309.ubermenu-current-menu-ancestor > .ubermenu-target {
    font-weight: bold; /* Bolds main level nav ancestor when child page is active -HS */
  }
  
  p.um-upcoming-date, p.um-upcoming-time, p.um-upcoming-title {
    color: #BEBEBE;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: normal;
  }
  
  p.um-upcoming-title {
    margin-right: 15px;
  }
  
  .ubermenu-main .ubermenu-item-normal > .ubermenu-target.ubermenu-target-empty-posts, .ubermenu-main .ubermenu-item-normal > .ubermenu-target.ubermenu-target-empty-posts:hover {
    color: #BEBEBE !important;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: normal;
  }
  
  /* Books */
  .ubermenu li.ubermenu-item-63343:hover {
    /*background: #27688F;   original color */
    background: transparent;
    border-bottom: 6px solid #222322;
  }
  .ubermenu li.ubermenu-item-63343 .ubermenu-target:hover .ubermenu-target-text,
  li.ubermenu-item-63343.ubermenu-active .ubermenu-target-text {
    /*color: #fff ;*/
  }
  li.ubermenu-item-63343.ubermenu-active,
  .ubermenu-main .ubermenu-item-63343.ubermenu-active .ubermenu-target{
    /*background: #27688F;
    color: #fff;*/
  /*  border-top: 4px solid purple; */
    border-bottom: 6px solid #222322;
  }
  .ubermenu-main li.ubermenu-item-63343 .ubermenu-submenu.ubermenu-submenu-drop {
      /*background-color: #27688F;   original color */
      background-color: #222322;
      color: #fff;
  }
  
  .ubermenu li.ubermenu-item-63343 .ubermenu-tab-layout-left>.ubermenu-tabs-group {
    /*border-right: 1px solid #0C3960;*/
  }
  .ubermenu .ubermenu-item.ubermenu-item-63343.ubermenu-current-menu-item > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-63343.ubermenu-current-menu-ancestor > .ubermenu-target {
    font-weight: bold; /* Bolds main level nav ancestor when child page is active -HS */
  }
  
  li.ubermenu-item-45503 > a.ubermenu-target > span.ubermenu-target-title { /*featured guide in nav styles -HS */
    font-family: 'Open Sans';
    font-size: 14px;
  }
  
  li.ubermenu-item-45503 > a.ubermenu-target > span.ubermenu-target-title > span.featured-guide { /*featured guide in nav styles -HS */
    font-family: 'Open Sans';
    /*content: "Featured Guide | by ";*/
    font-family: 'Open Sans Semibold';
    font-size: 11px;
    text-transform: uppercase;
    opacity: .7;
    line-height: 17px;
  }
  
  li.book-image {
    margin-bottom: 32px;
  }
  
  li.book-image > a.ubermenu-target-with-image > img.ubermenu-image, li.for-teaching > a.ubermenu-target > img.um-upcoming-image {
    width: 114px;
    height: 114px;
    object-fit: cover;
    margin-top: 6px;
    transition: transform 1s ease;
  }
  
  li.book-image > a.ubermenu-target-with-image > img.ubermenu-image:hover {
    transform: scale(1.2);
  }
  
  li.book-image > a.ubermenu-target-with-image > img.ubermenu-image, li.for-teaching > a.ubermenu-target > img.um-upcoming-image {
    float: left;
    margin-right: 15px;
  }
  
  li.book-image > a.ubermenu-target-with-image > span.ubermenu-target-title.ubermenu-target-text {
    color: #BEBEBE;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: normal;
    /*padding-left: 130px;*/
  }
  
  li.for-teaching > a.ubermenu-item-layout-image_left > span.ubermenu-target-title.ubermenu-target-text {
    display: none;
  }
  
  ul.ubermenu-submenu.ubermenu-submenu-id-63369 > li.menu-item-63371-col-0 {
    width: 100%;
  }
  
  
  
  /*about */
  .ubermenu li.ubermenu-item-63274:hover {
    /*background: #B28C35;*/ /* original color */
    background: transparent;
    /*border-bottom: 6px solid #222322;*/
    box-shadow: inset 0 -6px 0 #222322;
    -moz-box-shadow: inset 0 -6px 0 #222322;
    -webkit-box-shadow: inset 0 -6px 0 #222322;
  }
  .ubermenu li.ubermenu-item-63274 .ubermenu-target:hover .ubermenu-target-text,
  li.ubermenu-item-63274.ubermenu-active .ubermenu-target-text {
    /*color: #fff ;*/
  }
  li.ubermenu-item-63274.ubermenu-active {
    /*background: #B28C35;*/ /* original color */
    /*background: #222322;
    color: #fff;*/
  }
  .ubermenu-main li.ubermenu-item-63274 .ubermenu-submenu.ubermenu-submenu-drop {
     /* background-color: #B28C35;*/ /* original color */
     background-color: #222322;
    color: #fff;
  }
  .ubermenu .ubermenu-item.ubermenu-item-63274.ubermenu-current-menu-ancestor > .ubermenu-target {
    font-weight: bold; /* Bolds main level nav ancestor when child page is active -HS */
  }
  
  .ubermenu-main li.ubermenu-item-63274 .ubermenu-column-id-63275 { /* drop shadow and color border style -HS */
    /*border-right: 1px solid #8D6705;*/
    /*-webkit-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);*/
  }
  
  /*commons */ /* NOW For Teaching  -HS */
  
  ul.ubermenu-submenu.ubermenu-submenu-id-49343.ubermenu-submenu-type-stack {
    display: flex;
    flex-direction: column;
  }
  
  .ubermenu li.ubermenu-item-63356:hover {
    /*background: #60575C; original color */
    /*color: #fff;*/
    background: transparent;
    border-bottom: 6px solid #222322;
  
  }
  .ubermenu li.ubermenu-item-63356 .ubermenu-target:hover .ubermenu-target-text,
  li.ubermenu-item-63356.ubermenu-active .ubermenu-target-text {
    /*color: #fff ;*/
  }
  .ubermenu li.ubermenu-item-63356 .ubermenu-target {
    /*background-image: url("/wp-content/uploads/2019/08/sh-commons-icon.png");*/
    /*background-repeat:  no-repeat;
    background-size: 21px 24px;
        background-position: 16px center;
      padding-left: 42px ;*/
    /*background-position: 4px center;
  padding-left: 29px ;*/
  }
  .ubermenu li.ubermenu-item-63356 .ubermenu-target:hover {
    /*background-image: url("/wp-content/uploads/2019/08/sh-commons-icon-inverted.png");*/
  }
  .ubermenu-main li.ubermenu-item-63356 .ubermenu-submenu.ubermenu-submenu-drop {
      background-color: #222322;
      color: #fff;
  }
  .ubermenu .ubermenu-item.ubermenu-item-63356.ubermenu-current-menu-ancestor > .ubermenu-target {
    font-weight: bold; /* Bolds main level nav ancestor when child page is active -HS */
  }
  
  /*support */
  ul.ubermenu-row-id-49325{
    /*padding: 54px 95px;*/
    display: flex;
    flex-direction: row;
    padding: 0;
  }
  
  ul.ubermenu-row.support-button-row > li.donate-button {
    height: 46px;
    width: 285px;
    background-color: #27688F;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 24px;
  }
  
  ul.ubermenu-row.support-button-row > li.donate-button > a, ul.ubermenu-row.support-button-row > li.donate-button > a > span.ubermenu-target-text {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    text-transform: none;
    padding-top: 8px;
  }
  
  ul.ubermenu-row.support-button-row > li.donate-button > a:hover, ul.ubermenu-row.support-button-row > li.donate-button > a > span.ubermenu-target-text:hover {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
  }
  
  ul.ubermenu-row.support-button-row > li.contribute-button {
    box-sizing: border-box;
    height: 46px;
    width: 285px;
    border: 1px solid #BEBEBE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  
  ul.ubermenu-row.support-button-row > li.contribute-button > a, ul.ubermenu-row.support-button-row > li.contribute-button > a > span.ubermenu-target-text {
    color: #BEBEBE;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    text-transform: none;
    padding-top: 8px;
  }
  
  ul.ubermenu-row.support-button-row > li.contribute-button > a, ul.ubermenu-row.support-button-row > li.contribute-button > a > span.ubermenu-target-text  {
    color: #BEBEBE;
    /*font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    text-transform: none;*/
  }
  
  .ubermenu li.ubermenu-item-63372:hover, li.search-toggle:hover {
    /*background: #60575C;   original color */
    background: transparent;
    border-bottom: 6px solid #222322;
  }
  .ubermenu li.ubermenu-item-63372 .ubermenu-target:hover .ubermenu-target-text,
  li.ubermenu-item-63372.ubermenu-active .ubermenu-target-text {
    /*color: #fff ;*/
   /* text-transform: uppercase; /* navigation sidebar titles all capitals and new text styles -HS */
    /*font-family: "Open Sans"; 
    font-size: 14px;  
    font-weight: bold;  
    letter-spacing: 0.7px;  
    line-height: 17px;*/
  }
  
  .ubermenu li.ubermenu-item-63372 .ubermenu-target:hover .ubermenu-target-description,
  li.ubermenu-item-63372.ubermenu-active .ubermenu-target-description { /* new styles for descriptions -HS */
    text-transform: none;
    font-style: italic;
    font-size: 12px;
    font-family: "Open Sans";
    letter-spacing: 0.4px;
    line-height: 17px;
  }
  
  li.ubermenu-item-63372.ubermenu-active {
    /*background: #60575C;   original color */
    background: transparent;
    border-bottom: 6px solid #222322;
    /*color: #fff;*/
  }
  .ubermenu-main li.ubermenu-item-63372 .ubermenu-submenu.ubermenu-submenu-drop {
      /*background-color: #60575C;  original color */
      background-color: #222322;
      color: #fff;
  }
  .ubermenu .ubermenu-item.ubermenu-item-63372.ubermenu-current-menu-ancestor > .ubermenu-target {
    font-weight: bold; /* Bolds main level nav ancestor when child page is active -HS */
  }
  /*
  li.ubermenu-item-63372 > a.ubermenu-target > span.ubermenu-target-title {
    text-transform: uppercase;
  }*/
  
  .ubermenu-main li.ubermenu-item-63372 .ubermenu-column-id-45505 { /* drop shadow and color border style -HS */
    border-left: 1px solid #332C2F;
   /* -webkit-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);*/
  }
  
  /* search */
  
  li.search-toggle > a > span:after {
    content: url(https://smarthistory.org/wp-content/themes/sh-new-theme/images/mag-glass_new.svg);
    position: relative;
    top: 5px;
    left: 9px;
  }
  
  .ubermenu-submenu > li.column-header > span.ubermenu-target > span.ubermenu-target-title, .ubermenu-row > li.column-header > span.ubermenu-target > span.ubermenu-target-title.ubermenu-target-text {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.7px;
    line-height: 17px;
    text-transform: uppercase;
    padding-bottom: 8px;
  }
  
  .ubermenu-submenu > li.column-header > span.ubermenu-target > span.ubermenu-target-title:hover {
    text-decoration: none;
  }
  
  .ubermenu-submenu .ubermenu-submenu-id-49292 .ubermenu-submenu-type-stack {
    padding: 45px 10px 50px 130px;
  }
  
  a.ubermenu-responsive-toggle:hover {
    box-shadow: none;
  }
  div.asl_w .probox .proinput input::placeholder {
    color: rgb(128, 128, 128);
    font-weight: 400;
  }
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-target:hover {
      /*background: url(/wp-content/uploads/2019/08/hover-arrow.svg);
      background-repeat: no-repeat;
      background-position: right 3px;
      background-size: 17px 15px;
      padding-right: 24px;*/
      text-decoration: underline;
  }
  
  /* this is the navigation arrow persistence fix, needed to target the ubermenu active tab class -HS */
  .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
    /*background: url(/wp-content/uploads/2019/08/hover-arrow.svg);
      background-repeat: no-repeat;
      background-position: right 3px;
      background-size: 17px 15px;
      padding-right: 24px;*/
  }
  
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-tab-content-panel .ubermenu-target:hover {
    background: none;
  }
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-target:hover .ubermenu-target-text {
    opacity: 0.5;
    background: none;
  }
  
  .ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-text .current-menu-ancestor > a {
    background: url(/wp-content/uploads/2019/08/hover-arrow.svg);
    background-repeat: no-repeat;
      background-position: right 3px;
      background-size: 17px 15px;
      padding-right: 24px;
  }
  
  #ubermenu-main-3110-main-3 ul.ubermenu-nav li.ubermenu-item.current-page-ancestor > a,
  #ubermenu-main-3110-main-3 ul.ubermenu-nav li.ubermenu-item.current-page-ancestor > span.um-anchoremulator{
     color:red;
     background-color:blue;
  }
  
  .ubermenu .ubermenu-item-layout-image_left > .ubermenu-image:before {
    background: #ca0164;
    content: '.';
    
  }
  .ubermenu .ubermenu-item-layout-image_left:hover .ubermenu-image {
    /*opacity: 0.5;*/
  } 
  li.text-only-column > div.ubermenu-submenu > .ubermenu-row {
    /*padding: 54px 95px;*/
    padding: 0;
  }
  /*.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group,
  .ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack{
    /*padding: 54px 70px 54px 95px; original */
    /*padding: 45px 130px 50px 140px;
  }
    */
  
  .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    margin-top: 6px;
  } 
  
  .ubermenu-submenu.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    padding: 45px 130px 50px 92px; //originally 45px 130px 50px 140px
  }
  li.text-only-column > ul.ubermenu-submenu-id-63283, li.text-only-column > ul.ubermenu-submenu-id-63352, li.text-only-column > ul.ubermenu-submenu-id-63366, li.text-only-column > ul.ubermenu-submenu-id-63378  {
    margin-left: 32px;
  }
  
  li.text-only-column > ul.ubermenu-submenu-id-63275, li.text-only-column > ul.ubermenu-submenu-id-63344, li.text-only-column > div.ubermenu-submenu-id-63373, li.text-only-column > ul.ubermenu-submenu-id-63358 {
    border-right: 1px solid #60575c;
  }
  
  
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
      padding: 54px 95px 54px 80px;
  }
  .ubermenu .ubermenu-item.image-content-column {
    padding: 54px 0;
  } 
  .ubermenu-main .ubermenu-item-normal > .ubermenu-target {
    color: #fff;
  }
  
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
      padding-left: 30px;
  }
  .ubermenu-submenu-id-63274 .ubermenu-item-layout-image_left>.ubermenu-target-description,
  .ubermenu-submenu-id-63274 .ubermenu-item-layout-image_left>.ubermenu-target-title {
    text-shadow: none;
    opacity: 1;
  }
  .ubermenu-main .ubermenu-submenu-id-63274 .ubermenu-target.ubermenu-target-with-image .ubermenu-target-title.ubermenu-target-text {
    text-transform: none; 
    font-weight: bold;
  }
  .ubermenu-main .ubermenu-submenu-id-63274 .ubermenu-target.ubermenu-target-with-image .ubermenu-target-title.ubermenu-target-text:hover {
    opacity: 0.5;
  }
  .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
      margin-top: 0;
  }
  
  @media screen and (min-width: 1025px) {
    .ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-custom.ubermenu-current-menu-ancestor.ubermenu-item-has-children.ubermenu-item-level-0.ubermenu-column.ubermenu-column-auto.ubermenu-has-submenu-drop.ubermenu-has-submenu-mega {
      border-bottom: 6px solid #222322;
    }
  }
  
  
  @media screen and (min-width: 1025px) and (max-width: 1289px) {
    /* ul#ubermenu-nav-main-3110-main {
      margin-left: 35px;
      margin-right: 37px;
    } */
  
    .ubermenu-submenu.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
      padding: 45px 35px 50px 60px; //originally 45px 35px 50px 35px;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1289px) {
    ul.ubermenu-submenu.ubermenu-submenu-id-63352.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63381.ubermenu-submenu-type-stack {
      display: flex;
      flex-direction: column;
    }
  }
  
  
  @media screen and (min-width: 1024px) and (max-width: 1024px) {
  
    /* ul#ubermenu-nav-main-3110-main {
      margin-left: 35px;
      margin-right: 35px;
    } */
  
    .ubermenu-submenu.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
      padding: 45px 37px 55px 60px;
    }
  }
  
  @media screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  
    a.um-logo {
      display: block;
      width: 80%;
      /* float: left; */
    }
  
    button.mobile-mag {
      display: flex;
      background: transparent;
      margin-right: 20px;
      width: 100px;
      /* margin-top: 6px; */
      /* position: relative;
      left: 60%;
      top: 40px; */
    }
  
    img.search-mag-icon {
      margin-top: 0;
      display: block;
      width: 20px;
      height: 20px;
      margin-left: 10px;
    }
  
    nav#ubermenu-main-3110-main {
      background-color: #ffffff;
      max-width: 320px;
      float: right;
      /* top: -1.5px; */
      border-bottom: none;
      height: 100vh;
      /* top: 9.1px; */
      box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.5);
      z-index: 9999;
      position: absolute;
      top: 129px;  /*  This adjustment is needed when notification bar is disabled */
      /* top: 329px;  This adjustment will be needed if notification bar is active - donation box at top of screen */
      right: 0px;
    }
  
    li.ubermenu-item-49303 > span.ubermenu-target > span.ubermenu-target-text, li.ubermenu-item-49302 > span.ubermenu-target > span.ubermenu-target-text {
      padding-top: 15px;
    }
  
    .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
      background-image: url(/wp-content/uploads/2019/08/down-grey.png);
      background-repeat: no-repeat;
      background-size: 15px 8px;
      background-position: 20px center;
    }
  
    .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
        background-image: url("/wp-content/themes/sh-new-theme/images/up-grey.png");
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 20px center;
    }
  
    .ubermenu li.ubermenu-item-63343:hover {
      border-bottom: none;
    }
  
    ul#ubermenu-nav-main-3110-main > li > span.ubermenu-target, ul#ubermenu-nav-main-3110-main > li > a.ubermenu-target {
      padding: 0 32px;
      height: 60px;
    }
  
    ul#ubermenu-nav-main-3110-main > li > span.ubermenu-target > span.ubermenu-target-title {
      height: 100%;
      line-height: 60px;
    }
  
    ul#ubermenu-nav-main-3110-main > li > span.ubermenu-target > span.ubermenu-target-title:hover {
      font-weight: 700;
      -webkit-box-shadow: inset 0 -8px 0px -2px #222322;
      -moz-box-shadow: inset 0 -8px 0px -2px #222322;
      box-shadow: inset 0 -8px 0px -2px #222322;
    }
    /*.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target:active, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target:focus {
      background-image: url("/wp-content/uploads/2019/08/up-grey.png"); 
    }  */
  
    .tc-header {
        border-top: 0;
        height: 58px;
      }
  
      img.logo-mobile {
        margin: 13px 0 7px 29px;
        display: inline-block;
        width: 194px;
      }
  
      img.logo-mobile:after {
        content: 'f002';
        font-size: 18px;
        color: grey;
      }
  
      a.um-logo:hover {
        box-shadow: none;
      }
  
      #ajaxsearchpro1_1, #ajaxsearchpro1_2, div.asp_m.asp_m_1 {
        display: none;
      }
  
      .ubermenu-submenu.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        padding: 21px 14px 23px 14px;
      }
  
      .ubermenu-responsive-toggle .fas{
        width: 20px;
        height: 20px;
        /* position: relative;
        top: 15px;
        right: 30px; */
      }
  
      a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-none.ubermenu-loc-main {
        display: block;
        width: 45px;
        /*width: 100%;*/
        /*background-color: white;*/
      }
  
      ul#ubermenu-nav-main-3110-main {
        margin-left: 0;
        margin-right: 0;
        height: auto;
      }
  
      ul#ubermenu-nav-main-3110-main > li > span.ubermenu-target, ul#ubermenu-nav-main-3110-main > li > a.ubermenu-target {
        /*padding: 14px 43px;*/
        padding-left:  55px;
      }
  
      ul.ubermenu-submenu {
        top: auto;
      }
  
      ul.ubermenu-submenu-align-full_width {
        padding: 0;
      }
  
      .ubermenu-submenu > li.column-header > span.ubermenu-target > span.ubermenu-target-title, .ubermenu-row > li.column-header > span.ubermenu-target > span.ubermenu-target-title.ubermenu-target-text {
        padding-bottom: 0;
      }
  
      ul.ubermenu-submenu.ubermenu-submenu-id-63275.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63310.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63326.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63334.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63344.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63358.ubermenu-submenu-type-stack  {
        margin-left: 42px;
      }
  
      ul.ubermenu-submenu.ubermenu-submenu-id-63326.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-63334.ubermenu-submenu-type-stack {
        margin-top: 28px;
      }
  
      .ubermenu .ubermenu-row,
      .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group,
    .ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack,
      .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel,
      .ubermenu .ubermenu-item.image-content-column{
        padding: 0;
      }
      .ubermenu li.ubermenu-item-63372 .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
          /*background-color: #60575C;*/
        } 
  
      .ubermenu li.ubermenu-item-63274 .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
        /*background-color: #B28C35;*/
        /*padding: 0 20px;*/
        border: none;
      }   
  
       .ubermenu li.ubermenu-item-63309 .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
        /*background-color: #851013;*/
      }
  
      .ubermenu.ubermenu-main {
        background: white;
        height: 100%;
        /*max-height: 100% ; commented out to fix not being able to click on search field in mobile -HS */
        overflow: visible;
        padding-top: 0px;  /* increased to adjust for logo size increase -HS */
      }
      .nav-collapse.collapse {
        overflow: visible;
      }
      .ubermenu-responsive-toggle {
        padding: 16px 12px;
      }
  
      .ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
        padding: 0;
      }
  
      ul.ubermenu-submenu-align-full_width {
        padding: 14px 15px 18px;
      }
      
    .ubermenu .ubermenu-item-header>.ubermenu-submenu-type-stack>.ubermenu-autocolumn,
      .ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack{
        padding-bottom: 0;
      }
      .ubermenu .sub-full-width .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
        padding-right: 0;
    }
      .my-extra-widget {
        display: block;
        position: absolute;
        top: 23px;
        right: 50px;
        z-index: 1100;
      }
      .my-extra-widget a {
        background: url(/wp-content/uploads/2019/08/magnifier.png);
        background-size: 23px 23px;
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        width: 23px;
        height: 23px;
        /*display: block;*/
        display: none;  /* modified to hide extra magnifying glass in mobile screen size -HS */
        overflow: hidden;
    }
      .my-extra-widget a:hover {
        box-shadow: none;
      }
      .tc-header .brand .site-logo img { /* increased size of logo in mobile */
        width: 230px;
        margin-left: 15px;
        margin-right: initial;
        margin-top: 5px;
      }
      #ajaxsearchlite2 {
        display: none;
      }
      .fas.fa-times {
        color: white;
      }
      .fas.fa-bars {
        background: url(/wp-content/themes/sh-new-theme/images/hamburger_new.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        /*width: 22px;
        height: 21px;*/
      }
      .ubermenu-responsive-toggle-open .fas.fa-bars {
        background: url(/wp-content/themes/sh-new-theme/images/close_new.svg);
        /*margin: 20px 22px;*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px auto;
  
      }
      .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack,
      .ubermenu .image-content-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack{
        padding-right: 0;
      }
      .ubermenu .ubermenu-item.image-content-column {
        padding: 12px;
    }
      .navbar-wrapper {
        position: absolute;
      }
      nav#ubermenu-main-3110-main-3 {
        border-bottom: 0;
        display: flex;
        align-items: center;
      }
  
      header.tc-header {
        padding-bottom: 10px;
        /*border-bottom: 1px solid #808080;*/
        display: flex;
        flex-direction: column;  /* fix hamburger icon positioning -HS */
        border-bottom: 1px solid #211F22;
        height: 97px;
      }
      header .brand {
        /*position: absolute;*/  
        /*position: relative;*/ /*fix for logo overlapping search bar on mobile -HS */
       /* z-index: 1000;
        width: calc(100% - 100px);*/
        display: none;
      }
      .ubermenu .ubermenu-item.ubermenu-item-level-0 {
        margin: 0;
        border-bottom: 1px solid #808080;
      }
      .ubermenu-main .ubermenu-submenu .ubermenu-target {
        padding: 16px;
      }
      .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
        margin-bottom: 0;
      }
      .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group, .ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack,
      .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel{
        padding: 0;
        border: none;
      }
      .ubermenu-main .ubermenu-item-normal > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-target,
      .ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target  {
        /*padding: 13px;*/
      }
      .ubermenu-submenu-id-63274 .ubermenu-item-layout-image_left {
        padding-right: 0;
        padding-top: 0;
      }
      .image-content-column {
        padding: 0;
      }
      .ubermenu-submenu-id-63274 .ubermenu-image {
        float: left;
        width: 26%;
        margin-right: 14px;
        margin-bottom: 0;
      }
      .ubermenu-main ul li ul li ul li ul li .ubermenu-target {
        padding: 8px;
      }
      
      .ubermenu-main .ubermenu-item-normal > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-target,
      .ubermenu-main .ubermenu-submenu .ubermenu-target{
        padding: 0 14px 20px 0;
        text-transform:none;
      }
  
      .ubermenu-main ul li ul li ul li ul {
        padding-top: 0;
      }
      ul.ubermenu-submenu {
        opacity: 1;
      }
  
      /* histories of art */
      .ubermenu li.ubermenu-item-63309 .ubermenu-target {
        /*background-image: url(/wp-content/uploads/2019/08/down-grey.png);
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 12px center;
        padding-left: 43px;
        border-top: 1px solid #808080;*/
      }
      .ubermenu li.ubermenu-item-63309 .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
        /*border-bottom: 1px solid #560000;*/
      }
  
      .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel .ubermenu-target-text {
        text-transform: none;
      }
      .ubermenu li.ubermenu-item-63309.ubermenu-item-level-0 .ubermenu-target:hover,
      li.ubermenu-item-63309.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
        /*background-color: #560000;*/
        /*background-image: url("/wp-content/uploads/2019/08/up-grey.png");*/
      }
      
      .ubermenu li.ubermenu-item-63309.ubermenu-item-level-0 ul .ubermenu-target:hover,
      li.ubermenu-item-63309.ubermenu-item-level-0.ubermenu-active ul .ubermenu-target  {
        /*background: #851013;
        border-bottom: 1px solid #560000;
        border-top: none ;*/
      }
  
      .ubermenu-main ul li.ubermenu-item-63309 ul li ul li ul li .ubermenu-target { 
        background: #790B0E;
        border-bottom: none;
      }
      
      .ubermenu li.ubermenu-item-63309 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
        /*border-bottom: 1px solid #560000;*/
      }
  
      .ubermenu-item-level-4:last-of-type ul { 
        /*border-bottom: 1px solid #560000; */
      }
  
      .ubermenu-item-level-4:last-of-type ul {
        border-bottom: none;
      }
     
      /* guides */
      .ubermenu li.ubermenu-item-63343 .ubermenu-target {
       /* background-image: url(/wp-content/uploads/2019/08/down-grey.png);
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 12px center;
        padding-left: 43px;*/
      }
      .ubermenu li.ubermenu-item-63343 .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
       /* border-bottom: 1px solid #0C3960 ;*/
      }
      .ubermenu li.ubermenu-item-63343.ubermenu-item-level-0 .ubermenu-target:hover,
      li.ubermenu-item-63343.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
       /* background-color: #0C3960;
        background-image: url("/wp-content/uploads/2019/08/up-grey.png");
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 12px center;
        padding-left: 43px ;*/
      }
      
      .ubermenu li.ubermenu-item-63343.ubermenu-item-level-0 ul .ubermenu-target:hover,
      li.ubermenu-item-63343.ubermenu-item-level-0.ubermenu-active ul .ubermenu-target  {
        /*background: #27688F;
        border-bottom: 1px solid #0C3960;
        border-top: none ;*/
      }
      .ubermenu li.ubermenu-item-63343 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
        /*border-bottom: 1px solid #0C3960;*/
      }
      .ubermenu-main ul li.ubermenu-item-63343 ul li ul li ul li .ubermenu-target { 
       /* background: #3c607f;*/
        border-bottom: none;
      }
      /* about */
  
      .ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
        padding-bottom: 12px;
      }
  
      .ubermenu-custom-content-padded > p.blurb-lg {
        color: #fff;
        font-family: "Open Sans";
        font-size: 18px;
        letter-spacing: 0;
        line-height: 27px;
        font-weight: 600;
      }
  
      .ubermenu-custom-content-padded > p.blurb-sm {
        max-width: 100%;
        color: #fff;
        line-height: 17px;
    }
      .ubermenu li.ubermenu-item-63274 .ubermenu-target {
        /*background-image: url(/wp-content/uploads/2019/08/down-grey.png);
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 12px center;
        padding-left: 43px;*/
      }
      .ubermenu li.ubermenu-item-63274.ubermenu-item-level-0 .ubermenu-target:hover,
      li.ubermenu-item-63274.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
        /*background-color: #8D6705;
        background-image: url("/wp-content/uploads/2019/08/up-grey.png");*/
      }
      
      .ubermenu li.ubermenu-item-63274.ubermenu-item-level-0 ul .ubermenu-target:hover,
      li.ubermenu-item-63274.ubermenu-item-level-0.ubermenu-active ul .ubermenu-target  {
        /*background: #B28C35;*/
        /*border-bottom: 1px solid #8D6705;*/
        border-top: none;
      }
      .ubermenu li.ubermenu-item-63274 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
        /*border-bottom: 1px solid #8D6705;*/
        /*padding-left: 15px;
        padding-top: 15px;*/
      }
      
      /* books */
      li.book-image > a.ubermenu-target-with-image > span.ubermenu-target-title.ubermenu-target-text {
        padding-left: 0;
      }
  
      li.book-image > a.ubermenu-target-with-image > img.ubermenu-image, li.for-teaching > a.ubermenu-target > img.um-upcoming-image {
        width: 108.4px;
        height: 64px;
        object-fit: cover;
        margin-top: 5px;
    }
  
    li.book-image > a.ubermenu-target-with-image > span.ubermenu-target-title.ubermenu-target-text {
      color: #F0F0F0;
      font-family: "Open Sans";
      font-size: 14px;
      letter-spacing: 0;
      line-height: 19px;
      font-weight: normal;
      width: 266px;
      padding-right: 0;
      /*padding-left: 130px;*/
    }
  
    li.text-only-column > ul.ubermenu-submenu-id-63366 {
        margin-left: 0;
      }
  
      li.for-teaching > a.ubermenu-target > img.um-upcoming-image {
        /*margin-right: 15px;*/
      }
      .ubermenu li.ubermenu-item-63356 .ubermenu-target {
        /*background-image: url(/wp-content/uploads/2019/08/down-grey.png);
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 12px center;
        padding-left: 43px;*/
      }
      /* support */
      .ubermenu .ubermenu-row {
        padding: 16px;
      }
  
      ul.ubermenu-row-id-63375 {
        flex-direction: column;
      }
  
      ul.ubermenu-row.support-button-row > li.donate-button > a, ul.ubermenu-row.support-button-row > li.donate-button > a > span.ubermenu-target-text, ul.ubermenu-row.support-button-row > li.contribute-button > a, ul.ubermenu-row.support-button-row > li.contribute-button > a > span.ubermenu-target-text {
        line-height: 12px;
      }
  
      ul.ubermenu-row.support-button-row > li.donate-button, ul.ubermenu-row.support-button-row > li.contribute-button {
        margin-bottom: 20px;
        margin-right: 0;
      }
  
      li.text-only-column > ul.ubermenu-submenu-id-63352, li.text-only-column > ul.ubermenu-submenu-id-63378, li.text-only-column > ul.ubermenu-submenu-id-63366, li.text-only-column > ul.ubermenu-submenu-id-63369 {
        margin-left: 6px;
        margin-top: 32px;
      }
  
      ul.ubermenu-submenu-id-63366 > li.ubermenu-column-id-63381 {
        margin-bottom: 20px;
      }
  
      p.um-upcoming-title {
        margin-right: 0;
        margin-left: 126px;
      }
  
      li.text-only-column > ul.ubermenu-submenu-id-63283 {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 34px;
      }
  
      li.text-only-column > ul.ubermenu-submenu-id-63275, li.text-only-column > ul.ubermenu-submenu-id-63344, li.text-only-column > div.ubermenu-submenu-id-63373, li.text-only-column > ul.ubermenu-submenu-id-63358 {
        border-right: none;
        
    }
  
      li.text-only-column.ubermenu-column-id-63373, li.text-only-column.ubermenu-column-id-63275, li.text-only-column.ubermenu-column-id-63344, li.text-only-column.ubermenu-column-id-63358  {
        padding-bottom: 11px;
        border-bottom: 1px solid #60575c;
    }
  
    .ubermenu-content-block .ubermenu-custom-content .ubermenu-custom-content-padded {
      padding-bottom: 0;
    }
  
      .ubermenu li.ubermenu-item-63372 .ubermenu-target {
        /*background-image: url(/wp-content/uploads/2019/08/down-grey.png);
        background-repeat: no-repeat;
        background-size: 15px 8px;
        background-position: 12px center;
        padding-left: 43px;*/
      }
      .ubermenu li.ubermenu-item-63372.ubermenu-item-level-0 .ubermenu-target:hover,
      li.ubermenu-item-63372.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
        /*background-color: #332C2F;*/
        /*background-image: url("/wp-content/uploads/2019/08/up-grey.png");*/
      }
      .ubermenu-responsive-single-column-subs .ubermenu-item-63372 .ubermenu-submenu .ubermenu-item {
        /*width: 50%;
        min-width: 10%;
        float: left;*/
      }
      .ubermenu-main .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image {
        margin-right: 8px;
      }
      .ubermenu-responsive-single-column-subs .ubermenu-item-63372 .ubermenu-submenu .ubermenu-item:last-of-type .ubermenu-target.ubermenu-target-with-image {
        margin-right: 0;
        margin-left: 8px;
      }
      .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-title {
        top: 35%;
        width: calc(100% - 30px);
        padding: 0 15px;
        font-size: 16px;
        line-height: 18px;
       }
  
    .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-description {
        top: calc(45% + 20px);
        width: calc(100% - 30px);
        padding: 0 15px;
        font-size: 12px;
      }
      .ubermenu li:first-of-type .ubermenu-item-layout-image_left>.ubermenu-target-description {
        top: 45%;
      }
      .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
        /*padding-left: 15px;*/
      }
      .ubermenu li.ubermenu-item-63309 ul li ul li .ubermenu-target,
      .ubermenu li.ubermenu-item-42881 ul li ul li .ubermenu-target,
      .ubermenu li.ubermenu-item-63274 ul li ul li .ubermenu-target,
      .ubermenu li.ubermenu-item-63372 ul li ul li .ubermenu-target {
        /*padding-left: 15px;*/
      }
      .ubermenu-submenu-id-63274 .ubermenu-target .ubermenu-target-title.ubermenu-target-text {
        font-weight: 400;
        margin-top: 0;
        font-size: 16px;
      }
      .ubermenu-submenu-id-63274 .ubermenu-target .ubermenu-target-description.ubermenu-target-text {
        font-weight: 400;
        margin-top: 0;
        font-size: 12px;
      }
  
      .ubermenu li.ubermenu-item-63274:hover {
        box-shadow: none;
        -webkit-box-shadow: none;
      }
  
      .ubermenu.ubermenu-main {
        background: rgba(255, 255, 255, 1);
      }
  
      ul#ubermenu-nav-main-3110-main > li.ubermenu-active > span.ubermenu-target > span.ubermenu-target-text {
          font-weight: bold;
          -webkit-box-shadow: inset 0 -8px 0px -2px #222322;
          -moz-box-shadow: inset 0 -8px 0px -2px #222322;
          box-shadow: inset 0 -8px 0px -2px #222322;
        }
  
      ul#ubermenu-nav-main-3110-main > li.ubermenu-active {
        /*border-bottom: 6px solid #222322;*/
      }
  }
  
  @media only screen and (min-width: 429px) and (max-width: 1024px){
      span.search-text {
        color: #211F22;
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.8px;
        line-height: 19px;
        text-transform: uppercase;
      }
    
  }

  @media only screen and (max-width: 782px) {
    nav#ubermenu-main-3110-main {
      top: 143px;  /* This adjustment is needed if notification bar is disabled */
      /* top: 343px; This adjustment will be needed if the Notification Bar plugin is active - donation box at top of screen */
    }   
  }
  
  @media only screen and (max-width: 700px) {
   /* .ubermenu.ubermenu-main {
      background: rgba(255, 255, 255, 1);*/ /*make mobile menu background white instead of transparent -HS */
  }
  
  
  @media screen and (max-width: 428px) {
    span.search-text{
      display: none;
    }

    button.mobile-mag {
      width: 30px;
    }
    
    img.logo-mobile { 
      margin: 13px 0 7px 15px;
    }
  }
  
  
  /*to give room for the search bar on the ipad*/
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .ubermenu-responsive-default.ubermenu {
      /*display: block;
      width: 750px;*/
    }
  }