/*!
Theme Name: fwm
Author: Fabric Workshop and Museum
Author URI: https://fabricworkshopandmuseum.org/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fwm

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

fwm is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.cta-button-container {
  padding: 20px 50px 50px 0px;
}

.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

body {
  font-family: 'UniversNextPro-Regular', 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
  font-size: 18px;
  color: #323232;
  overflow-x: hidden;
  padding-top: 126px; //line-height: 2.7;
}

@media screen and (max-width: 1350px) {
  #site-navigation .navbar-nav>li>a {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 1200px) {
  body {
    padding-top: 64px;
  }
  
  .search-drop {
  display: none;
}
  #search-dropdown {
    display: block !important;
  }

.search-drop .glyphicon-search {
  position: relative;
  top: -4px;
}

.search-forms .form-group {
      float: left;
    width: 100%;
}

.search-forms .form-control {
         float: left;
    width: 75%;
}

.search-forms .btn {
           float: left;
    padding-left: 16px;
    padding-top: 4px;
}
}

@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: none;
  }
}

@media screen and (max-width: 550px) {
  body {
    padding-top: 90px;
  }
}

em {
  /* font-family: 'universregularitalic'; */
}

b, strong {
  font-weight: normal;
  font-family: 'UniversNextPro-Medium';
}

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

.white { color: #fff !important; }

.search article img {
  float: left;
  margin: 0 25px 5px 0;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  width: auto;
  height: auto;
  position: static;
}

.home-banner-visual .embed-responsive {
  height: auto;
  margin-left: -15px !important;
  margin-right: -15px !important;
  max-width: none !important;
}

.home-banner-visual .embed-responsive video {
  /* width: 100% !important; */
  width: calc(100% + 30px) !important;
  position: absolute;
  /* left: -15px !important;; */
}

@media screen and (max-width: 767px) {
  .img-responsive, .search article img {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    max-width: none !important;
  }
}

.home .img-responsive {
  margin: 0 -15px 15px;
  width: 100%;
}

img.download-arrow {
  width: 40px;
  margin-right: 25px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

a, a:visited, a:hover, a:active {
  color: #323232;
}

a:hover, a:focus {
  text-decoration: none;
  color: #FF28DD;
}

p a, p a:visited, p a:hover, p a:active {
  color: #323232;
  text-decoration: underline;
}

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

h1 a {
  text-decoration: none;
  color: #323232;
}

#social a:hover {
  border-bottom: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0 0 25px;
}

.exhibition h1.entry-title a {
  color: #FF28DD;
}

@media screen and (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

h1 {
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  margin-bottom: 0;
  font-family: 'UniversNextPro-Medium';
}

h6 {
  font-size: 12px;
}

hr {
  margin: 0 0 50px 0;
  border-top: 1px solid #999;
}

.entry-content hr {
  margin-top: 50px;
}

.FWMbtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 15px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #2A00FF;
  border-color: #2A00FF;
}

/* Typography colors */

.red {
  color: #e82535;
}

.pink, a.pink {
  color: #FF28DD !important;
}

.blue, a.blue {
  color: #0080FF !important;
}

.gray {
  color: #4a4a4a;
}

.light-gray {
  color: #787878;
}

.container-fluid {
  max-width: 1440px;
}

.text-muted {
  color: #555555;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
  /* margin: 0 auto; */
}

/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/

.navbar-brand {
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (max-width: 550px) {
  .navbar-brand {
    padding-right: 10px;
  }
}

#site-branding.navbar .custom-logo {
  max-width: 95px;
  height: auto;
}

@media screen and (max-width: 550px) {
  #site-branding.navbar .custom-logo {
    max-width: 58px;
    padding-top: 5px;
  }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.navbar {
  border: none;
  border-radius: 0;
}

.navbar a:hover {
  border: none;
}

/* Top menu */
#site-branding.navbar {
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0;
  background: #ff28dc;
  -webkit-animation: navbar 10s ease infinite;
  -moz-animation: navbar 10s ease infinite;
  animation: navbar 10s ease infinite;
}

@-webkit-keyframes navbar {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes navbar {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes navbar {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

.logged-in #site-branding.navbar {
  margin-top: 32px
}

@media screen and (max-width: 782px) {
  .logged-in #site-branding.navbar {
    margin-top: 46px
  }
}

@media screen and (max-width: 550px) {
  #site-branding.navbar {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#site-branding.navbar a {
  color: #ffffff;
  font-weight: 300;
}

/* Main menu */

#site-navigation {
  background-color: #ffffff;
  margin-bottom: 0;
  margin-top: 64px;
}

@media screen and (max-width: 550px) {
  #site-navigation {
    margin-top: 50px;
  }
}

.logged-in #site-navigation {
  margin-top: 96px;
}

@media screen and (max-width: 782px) {
  .logged-in #site-navigation {
    margin-top: 110px
  }
}

@media screen and (max-width: 550px) {
  .logged-in #site-navigation {
    margin-top: 96px;
  }
}

.navbar-fixed-top .navbar-collapse {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media screen and (min-width: 1201px) {
  .navbar-fixed-top .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
 
}

@media screen and (min-width: 1201px) {
  #site-navigation .navbar-nav {
    /* display: table;
    width: 100%;
    margin: 0; */
  }
}

@media screen and (min-width: 1201px) {
  #site-navigation .navbar-nav>li {
    /* float: none;
    display: table-cell;
    text-align: center; */
  }
}

#site-navigation .navbar-nav li a {
  padding-left: 0;
  padding-right: 50px;
  color: #323232;
}

#site-navigation .navbar-nav>li>a {
  font-size: 20px;
  padding-top: 22px;
  padding-bottom: 10px;
}

/* @media screen and (max-width: 1200px) {
  #site-navigation.navbar-default .navbar-nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 1100px) {
  #site-navigation.navbar-default .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 980px) {
  #site-navigation.navbar-default .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
 */

@media screen and (min-width: 1201px) {
  #site-navigation.navbar-default .navbar-nav>li:first-child a {
    /* padding-left: 0; */
    /* text-align: left; */
  }
}

/* #site-navigation.navbar-default .navbar-nav>li:last-child a {
  padding-right: 0 !important;
  text-align: right;
} */

#site-navigation .navbar-nav>li>a, #site-navigation .navbar-nav>.open>a, #site-navigation .navbar-nav>.open>a:focus, #site-navigation .navbar-nav>.open>a:hover, #site-navigation .navbar-nav>.active>a, #site-navigation .navbar-nav>.active>a:focus, #site-navigation .navbar-nav>.active>a:hover {
  color: #323232;
  background-color: #ffffff;
}

#site-navigation .navbar-right li a {
  padding-right: 0;
}

.navbar-right {
  padding-right: 15px;
}

#primary-menu {
  /* padding-left: 15px; */
}

@media screen and (max-width: 769px) {
  #primary-menu {
    padding-left: 0;
  }
}

#dropdownMenu1 {
  padding-right: 30px;
}



/* Navigation hamburger toggle */

#top-menu {
  padding-top: 2px;
}

.navbar-default .navbar-toggle {
  border: none;
  padding-right: 0;
  position: relative;
  /* top: -56px;
  right: 0; */
}

/* @media screen and (max-width: 550px) {
  .navbar-default .navbar-toggle {
    top: -49px;
  }
} */

/* @media screen and (min-width: 768px) {
  .navbar-default .navbar-toggle {
    margin-right: 0;
    padding-right: 15px;
  }
} */

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

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

/* Make the submenu full-width */

ul.dropdown-menu {
  padding: 0 1000em 15px 1000em;
  /* trick from css-tricks comments */
  margin: 0 -1000em;
  /* trick from css-tricks comments */
  border: none;
  box-shadow: none;
  /* left: 0; */
}

@media (max-width: 1200px) {
  ul.dropdown-menu {
    padding: 0 0 15px 0;
    margin: 0;
  }
}

.dropdown-menu>li>a {
  padding: 8px 15px;
  font-size: 17px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #ffffff;
  color: #323232;
}

@media screen and (min-width: 1201px) {
  .menu-search a {
    padding-right: 0 !important;
    text-align: right;
  }
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
  background-color: #ffffff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #ffffff;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 80%;
}

/* Increase the width at which the nav collapses from 767 to 768 for iPads */

@media (max-width: 1200px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin: 0;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.aligncenter {
  margin-bottom: 55px;
}

.alignleft {
  float: left;
  margin: 0 15px 5px 0;
}

.alignright {
  float: right;
  margin: 0 0 5px 15px;
}

.cat-links, .edit-link {
  display: block;
}

/* Homepage Banner */

.home-banner-link {
  display: block;
}

.home-banner-visual {
  position: relative;
}

.home-banner-visual img {
  width: 100%;
  height: auto;
  margin-left: -15px !important;
  margin-right: -15px !important;
  width: calc(100% + 30px) !important;
  max-width: none !important;
}

.home-banner-visual::before {
  display: block;
  position: relative;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.5+0,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
  margin-bottom: -100px;
  height: 100px;
  width: 100%;
  content: '';
  margin-left: -15px !important;
  margin-right: -15px !important;
  width: calc(100% + 30px) !important;
}

.home-banner-visual::after {
  display: block;
  position: relative;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000', GradientType=0);
  /* IE6-9 */
  margin-top: -200px;
  height: 200px;
  width: 100%;
  content: '';
  margin-left: -15px !important;
  margin-right: -15px !important;
  width: calc(100% + 30px) !important;
}

.home-banner-FWM {
  z-index: 999;
  position: absolute;
  top: 5px;
  left: 30px;
  font-size: 48px;
  color: #fff;
}

@media screen and (max-width: 550px) {
  .home-banner-FWM {
    display: none;
  }
}

.home-banner-heading {
  z-index: 999;
  position: absolute;
  bottom: 0%;
  left: 30px;
  color: #fff;
}

@media screen and (max-width: 550px) {
  .home-banner-heading {
    position: relative;
    bottom: auto;
    left: auto;
    color: #323232;
    text-align: center;
    margin-top: 1em;
  }
  .home-banner-heading h2 {
    font-size: 15px;
    font-weight: 300;
  }
}

@media screen and (max-width: 550px) {
  .home-banner-FWM {
    font-size: 20px;
    position: inherit;
    color: #323232;
    left: 0;
    top: 10px;
    text-align: center;
  }
  .home-banner-visual::before {
    background: none;
  }
  .home-banner-visual::after {
    display: none;
  }
}

/* @media screen and (min-width: 768px) {
  .home-banner-FWM {
    font-size: 20px;
    position: inherit;
    color: #323232;
    left: 0;
    top: 10px;
  }
} */

.site-content {
  max-width: 1440px;
  margin: 0 auto;
}

.home-page-entry {
  padding: 20px 15px 5px;
}

@media screen and (min-width: 768px) {
  .home-page-entry {
    padding: 100px 15px;
  }
}

article {
  padding-bottom: 25px;
  position: relative;
}

figure {
  margin-right: -15px;
}

.home article {
  padding-bottom: 30px;
}

header.entry-header {
  padding-bottom: 70px;
  /* margin-left: -15px;
  margin-right: -15px;
  max-width: calc(100% + 30px); */
}

@media screen and (max-width: 767px) {
  header.entry-header {
    padding-bottom: 20px;
  }
}

header.entry-header .entry-title-container {
  padding: 100px 0 0;
}

@media screen and (max-width: 767px) {
  header.entry-header .entry-title-container {
    padding-top: 20px;
  }
}

header.entry-header img {
  padding-bottom: 10px;
  max-height: 740px;
  margin-right: -15px !important;
  object-fit: contain;
  object-position: left;
  width: 100%;
}

@media screen and (max-width: 767px) {
  header.entry-header img {
    width: calc(100% + 15px) !important;
    max-width: none !important;
  }
}

.post-thumbnail {
  text-align: right;
}

#home-page-image-holder img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .explore-more {
    text-align: center;
  }
}

.explore-more img {
  margin-left: 55px;
  width: 50px;
}

@media screen and (max-width: 767px) {
  .explore-more img {
    width: 30px;
    margin-left: 0;
  }
}

figcaption {
  /* color: #555555; */
  font-size: 13px;
  display: inline-block;
  padding-right: 15px;
  /* float: right; */
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  figcaption {
    /* padding-left: 15px;
    padding-right: 15px; */
    font-size: 12px;
  }
}

img.collection-item-img {
  /* width: 100%; */
}

.support-row {
  margin-top: -25px;
}

.support-block {
  display: inline-block;
  margin: 0 30px 30px 0;
  max-width: 150px;
}

.long-logo {
  max-width: 350px;
}

img.sponsor {
  /* height: 228px;
  margin-right: 40px; */
  vertical-align: bottom;
}

/* @media screen and (max-width: 767px) {
  img.post-image {
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);
  }
} */

.current-artist-in-residence:hover {
  color: #323232;
}

/* Temporary fix to make the heights all the same so tht the Load More button goes int he right spot. We are doing this because we got rid of the clearfix method */

article.past-exhibitions .thumbnail {
  /* min-height: 310px; */
}

article.artists-in-residence a {
  text-decoration: none;
}

article.artists-in-residence .thumbnail {
  /* min-height: 330px; */
}

article.collection-items .thumbnail {
  /* min-height: 410px; */
}

article.press-releases .thumbnail {
  /* min-height: 290px; */
  margin-bottom: 0;
}

.thumbnail, .thumbnail:hover {
  border: none;
  padding: 0;
  /* color: #323232; */
  /* margin-bottom: 25px; */
}

/* .thumbnail a>img.no-margin, .thumbnail>img.no-margin {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .thumbnail a>img.no-margin, .thumbnail>img.no-margin {
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);;
  }
} */

@media screen and (min-width: 768px) {
  .single-event .thumbnail>img, .single-exhibition .thumbnail>img {
    max-height: 300px;
    object-fit: contain;
    object-position: left;
    width: 100%;
  }
}

div[data-post-type="attachment"] .thumbnail>img, {
  /* width: 100%; */
  max-height: 215px;
  margin: 0;
}

div[data-post-type="artist"] .thumbnail>img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .thumbnail>img {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    max-width: none !important;
  }
  div[data-post-type="artist"] .thumbnail>img {
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.caption, .thumbnail .caption, .caption p a:hover {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  color: #323232;
}

.past-exhibitions .caption p a {
  display: inline-block;
}

.thumbnail.small-grid .caption, .past-exhibitions .caption p {
  font-size: 15px !important;
}

.grid-caption-date {
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .thumbnail .caption {}
}

@media screen and (max-width: 600px) {
  .one_half {
    margin-bottom: 0;
  }
}

/* .load-more {
  width: 40px;
  margin-bottom: 15px;
} */

.alm-load-more-btn {
  border: none;
  height: 100px;
  background-image: url(images/plus_blue.png);
  background-repeat: no-repeat;
  background-size: 30%;
  background-color: #ffffff;
  background-position: 50% 65%;
  padding: 13% 0 0 0;
  margin-bottom: 50px;
}

.alm-load-more-btn.done {
  display: none;
}

@media screen and (max-width: 1100px) {
  .alm-load-more-btn {
    background-position-y: 40%;
  }
}

@media screen and (max-width: 767px) {
  .alm-load-more-btn {
    background-size: 20%;
    height: 200px;
    background-position-y: 40%;
    padding: 30% 0 0 0;
  }
  .artists-in-this-exhibition .alm-load-more-btn {
    width: 50%;
    background-size: 30%;
    height: 100px;
    background-position-y: 75%;
  }
}

.alm-load-more-btn:focus {
  outline: 0;
}

.arrow {
  width: 40px;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .arrow {
    width: 25px;
    margin-right: 10px;
  }
}

.arrow.right {
  margin-right: 0;
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  .arrow.right {
    margin-left: 10px;
  }
}

#pdf {
  cursor: pointer;
}

#pdf-slidedown {
  display: none;
}

.single-exhibition #pdf-slidedown {
  display: inline-block;
  margin-top: 10px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.bar-above-footer {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff28dc+20,0080ff+80 */
  background: #ff28dc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ff28dc 20%, #0080ff 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ff28dc 20%, #0080ff 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ff28dc 20%, #0080ff 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff28dc', endColorstr='#0080ff', GradientType=1);
  /* IE6-9 */
  height: 35px;
  margin: 0;
  -webkit-animation: navbar 10s ease infinite;
  -moz-animation: navbar 10s ease infinite;
  animation: navbar 10s ease infinite;
  position: relative;
  z-index:  100;
}

footer.site-footer {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  background: #fff;
}

footer, footer a, footer a:visited, footer a:hover, footer a:active {
  color: #555555;
}

.footer-main {
  padding: 40px 0;
  font-size: 15px;
}

/* Second column */

ul#menu-footer-menu {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

ul#menu-footer-menu, ul#menu-footer-menu li, ul#menu-footer-menu li ul.sub-menu {
  list-style-type: none;
  padding-left: 0;
  color: #FF28DD;
}

ul#menu-footer-menu>li {
  padding: 0 0 15px;
}

ul#menu-footer-menu>li>a {
  color: #FF28DD;
  cursor: default;
  pointer-events: none;
}

/* Third column */

#social a, #find-us-social a {
  text-decoration: none;
}

#social [class*="fab fa-"], #find-us-social [class*="fab fa-"] {
  background-color: #0080FF;
  border-radius: 40px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 40px;
  font-size: 24px;
  text-align: center;
  margin: 10px 20px 15px 0;
}

#find-us-social [class*="fab fa-"] {
  margin-right: 10px;
}

#find-us-social .social-name {
  margin-right: 30px;
}

@media screen and (max-width: 550px) {
  #find-us-social [class*="fab fa-"] {
    margin-right: 20px;
  }
  #find-us-social .social-name {
    display: none;
  }
}

#email-signup, #gform_submit_button_1 {
  padding-top: 10px;
  color: #0080FF;
  border-color: #0080FF;
  border: 1px solid #0080FF;
  display: inline;
  padding: 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background-color: #ffffff;
  border-radius: 4px;
}

#email-signup {
  width: 100%;
}

input[type=search] {
  border: 1px solid #0080FF;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.search-form input[type=search] {
  font-size: 20px;
}

@media screen and (min-width: 1201px) {
  .search-form input[type=search] {
    min-width: 800px;
  }
}

#search-dropdown {
  position: static;
  z-index: 9999;
}

#search-dropdown .navbar-form {
  padding: 0;
}

@media screen and (max-width: 768px) {
  #search-dropdown .navbar-form {
    padding: 0 0 0 15px;
  }
}

.search-form button, .search-form button:hover, .search-form button:focus, .search-form button:active, .search-form button:active:focus {
  border: none;
  font-size: 20px;
  font-weight: 700;
  color: #0080FF;
  outline: none;
  box-shadow: none;
  background-color: transparent;
}

@media screen and (max-width: 769px) {
  .search-form button {
    padding-top: 15px;
    padding-left: 0;
  }
}

.site-info {
  font-size: 12px;
  color: #555555;
}

.site-info {
  padding: 40px 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

/* TEMP 

@media screen and (max-width: 768px) {
  
  .homeslide-top { font-size: 19px; }
  .homeslide-bottom-big { font-size: 19px; }
  .homeslide-bottom-small { font-size: 13px; }
  
  
}
*/

/* ekko lightbox */

.modal-open .modal {
  overflow: hidden;
}

.modal-dialog {
  max-width: 100% !important;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.modal-header {
  border: none;
}

.close {
  text-shadow: none !important;
  opacity: 1 !important;
}

.close::before {
  content: url('./images/x_gray.png');
}

.ekko-lightbox-container>div.ekko-lightbox-item {
  text-align: center;
}

.modal-content img {
  width: auto !important;
  height: 100%;
}

.ekko-lightbox-nav-overlay {
  width: auto !important;
  height: auto !important;
  top: auto !important;
  bottom: -57px;
  left: auto !important;
  right: 0;
  display: flex !important;
}

.ekko-lightbox-nav-overlay a {
  color: #000000 !important;
  opacity: 1 !important;
  transition: none !important;
  padding-left: 25px;
}

.ekko-lightbox-nav-overlay a>* {
  flex-grow: 0 !important;
  height: auto;
}

.embed-responsive-16by9, .embed-responsive video {
  width: auto !important;
  height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.modal-footer {
  width: 80%;
  border: none;
}



@media screen and (max-width: 991px) {
  .site-content {
    position: relative;
    top: 40px;
  }
  
  
  
  
}

@media screen and (max-width: 767px) {
  .modal-footer {
    width: 50%;
  }
  
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

/* Business Hours Indicator Plugin */

#we-are-open {
  color: #ffffff;
  font-size: 17px;
  font-weight: regular;
  padding: 17px 0 0 25px;
  float: left;
}

@media screen and (max-width: 550px) {
  #we-are-open {
       width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    text-align: center;
  }
}

#site-title {
  color: #ffffff;
  font-size: 14px;
  padding: 15px 0 0 7px;
  font-weight: regular;
  float: left;
}

@media screen and (min-width: 551px) {
  #site-title {
    display: none;
  } 
}

@media screen and (max-width: 370px) {
  #site-title {
    display: none;
  }
}

.day {
  width: 30%;
  display: inline-block;
}

ul#holidays {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
  margin-bottom: 25px;
}

ul#holidays, ul#holidays li {
  list-style-type: none;
  padding-left: 0;
}

.trick-anchor {
  position: absolute;
  left: 0px;
  top: -120px;
}

.letter {
  cursor: pointer;
}

/* AJAX Load More plugin */

#ajax-load-more video {
  width: 100%;
}

/* div[data-post-type="attachment"] .alm-reveal:first-of-type>div.col-sm-3:nth-child(4n+5), div[data-post-type="collectionitem"] .alm-reveal:first-of-type>div.col-sm-3:nth-child(4n+5), div[data-post-type="artist"] .alm-reveal:first-of-type>div.col-sm-3:nth-child(4n+5), div[data-post-type="exhibition"] .alm-reveal:first-of-type>div.col-sm-3:nth-child(4n+5), div[data-post-type="pressreleases"] .alm-reveal:first-of-type>div.col-sm-3:nth-child(4n+5) {
  display: block;
  clear: both;
}

div[data-post-type="attachment"] .alm-reveal:nth-of-type(n+2)>div.col-sm-3:nth-child(4n+2), div[data-post-type="collectionitem"] .alm-reveal:nth-of-type(n+2)>div.col-sm-3:nth-child(4n+2), div[data-post-type="artist"] .alm-reveal:nth-of-type(n+2)>div.col-sm-3:nth-child(4n+2), div[data-post-type="exhibition"] .alm-reveal:nth-of-type(n+2)>div.col-sm-3:nth-child(4n+2), div[data-post-type="pressreleases"] .alm-reveal:nth-of-type(n+2)>div.col-sm-3:nth-child(4n+2) {
  display: block;
  clear: both;
} */

/* The below should be changed to use a formula to select the correct divs, but for now the correct elements are being listed literally */

div.col-sm-3[data-counter='5'], div.col-sm-3[data-counter='9'], div.col-sm-3[data-counter='13'], div.col-sm-3[data-counter='17'], div.col-sm-3[data-counter='21'], div.col-sm-3[data-counter='25'], div.col-sm-3[data-counter='29'], div.col-sm-3[data-counter='33'], div.col-sm-3[data-counter='37'], div.col-sm-3[data-counter='41'], div.col-sm-3[data-counter='45'], div.col-sm-3[data-counter='49'], div.col-sm-3[data-counter='53'], div.col-sm-3[data-counter='57'], div.col-sm-3[data-counter='61'], div.col-sm-3[data-counter='65'], div.col-sm-3[data-counter='69'], div.col-sm-3[data-counter='73'], div.col-sm-3[data-counter='77'], div.col-sm-3[data-counter='81'], div.col-sm-3[data-counter='85'], div.col-sm-3[data-counter='89'], div.col-sm-3[data-counter='93'], div.col-sm-3[data-counter='97'], div.col-sm-3[data-counter='101'], div.col-sm-3[data-counter='105'], div.col-sm-3[data-counter='109'], div.col-sm-3[data-counter='113'], div.col-sm-3[data-counter='117'], div.col-sm-3[data-counter='121'], div.col-sm-3[data-counter='125'], div.col-sm-3[data-counter='129'], div.col-sm-3[data-counter='133'], div.col-sm-3[data-counter='137'], div.col-sm-3[data-counter='141'], div.col-sm-3[data-counter='145'], div.col-sm-3[data-counter='149'], div.col-sm-3[data-counter='153'], div.col-sm-3[data-counter='157'], div.col-sm-3[data-counter='161'], div.col-sm-3[data-counter='165'], div.col-sm-3[data-counter='169'], div.col-sm-3[data-counter='173'], div.col-sm-3[data-counter='177'], div.col-sm-3[data-counter='181'], div.col-sm-3[data-counter='185'], div.col-sm-3[data-counter='189'], div.col-sm-3[data-counter='193'], div.col-sm-3[data-counter='197'], div.col-sm-3[data-counter='201'], div.col-sm-3[data-counter='205'], div.col-sm-3[data-counter='209'], div.col-sm-3[data-counter='213'], div.col-sm-3[data-counter='217'], div.col-sm-3[data-counter='221'], div.col-sm-3[data-counter='225'], div.col-sm-3[data-counter='229'], div.col-sm-3[data-counter='233'], div.col-sm-3[data-counter='237'], div.col-sm-3[data-counter='241'], div.col-sm-3[data-counter='245'], div.col-sm-3[data-counter='249'], div.col-sm-3[data-counter='253'], div.col-sm-3[data-counter='257'], div.col-sm-3[data-counter='261'], div.col-sm-3[data-counter='265'], div.col-sm-3[data-counter='269'], div.col-sm-3[data-counter='273'], div.col-sm-3[data-counter='277'], div.col-sm-3[data-counter='281'], div.col-sm-3[data-counter='285'], div.col-sm-3[data-counter='289'], div.col-sm-3[data-counter='293'], div.col-sm-3[data-counter='297'], div.col-sm-3[data-counter='301'], div.col-sm-3[data-counter='304'], div.col-sm-3[data-counter='309'], div.col-sm-3[data-counter='313'], div.col-sm-3[data-counter='317'], div.col-sm-3[data-counter='321'], div.col-sm-3[data-counter='325'], div.col-sm-3[data-counter='329'], div.col-sm-3[data-counter='333'], div.col-sm-3[data-counter='337'], div.col-sm-3[data-counter='341'], div.col-sm-3[data-counter='345'], div.col-sm-3[data-counter='349'], div.col-sm-3[data-counter='353'], div.col-sm-3[data-counter='357'], div.col-sm-3[data-counter='361'], div.col-sm-3[data-counter='365'], div.col-sm-3[data-counter='369'], div.col-sm-3[data-counter='373'], div.col-sm-3[data-counter='377'], div.col-sm-3[data-counter='281'], div.col-sm-3[data-counter='385'], div.col-sm-3[data-counter='389'], div.col-sm-3[data-counter='393'], div.col-sm-3[data-counter='397'], div.col-sm-3[data-counter='401'], div.col-sm-3[data-counter='405'], div.col-sm-3[data-counter='409'], div.col-sm-3[data-counter='413'], div.col-sm-3[data-counter='417'], div.col-sm-3[data-counter='421'], div.col-sm-3[data-counter='425'], div.col-sm-3[data-counter='429'], div.col-sm-3[data-counter='433'], div.col-sm-3[data-counter='437'], div.col-sm-3[data-counter='441'], div.col-sm-3[data-counter='445'], div.col-sm-3[data-counter='449'], div.col-sm-3[data-counter='453'], div.col-sm-3[data-counter='457'], div.col-sm-3[data-counter='461'], div.col-sm-3[data-counter='465'], div.col-sm-3[data-counter='469'], div.col-sm-3[data-counter='473'], div.col-sm-3[data-counter='477'], div.col-sm-3[data-counter='481'], div.col-sm-3[data-counter='485'], div.col-sm-3[data-counter='489'], div.col-sm-3[data-counter='493'], div.col-sm-3[data-counter='497'], div.col-sm-3[data-counter='501'], div.col-sm-3[data-counter='505'] {
  display: block;
  clear: both;
}

article.shop .col-sm-3:nth-child(4n+5) {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 550px) {
  div[data-post-type="artist"] .alm-reveal:first-of-type>div.col-xs-6:nth-child(2n+3) {
    display: block;
    content: "";
    clear: both;
  }
  div[data-post-type="artist"] .alm-reveal:nth-of-type(n+2)>div.col-xs-6:nth-child(2n+2) {
    display: block;
    content: "";
    clear: both;
  }
}

.widget_text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* Pop Up Maker */

.pum-theme-default-theme .pum-content {
  padding-top: 40px;
  text-align: center;
  font-size: 28px;
}

@media screen and (max-width: 550px) {
  .pum-theme-default-theme .pum-container {
    padding: 60px 20px !important;
  }
  .pum-theme-default-theme .pum-title {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .pum-theme-default-theme .pum-content {
    padding-top: 20px;
    font-size: 14px;
  }
}

.pum-theme-default-theme .pum-content+.pum-close, .pum-theme-default-theme .pum-content+.pum-close:hover {
  background-image: url('images/x_pink.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.pum-theme-default-theme .pum-content+.pum-close:focus {
  outline: none;
}

/* Simple Download Monitor */

input[type=password].sdm_pass_text {
  margin-top: 10px;
  border: 1px solid #0080FF;
  padding: 10px 10px 2px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  font-family: 'UniversNextPro-Regular', 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}

.sdm_download.green, .sdm_download.green:hover {
  color: #0080FF !important;
  text-shadow: none;
  box-shadow: none;
  border-color: #0080FF;
  border: 1px solid #0080FF;
  display: inline;
  padding: 16px 12px 9px;
  margin: 10px 0 0 5px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border-radius: 4px;
  font-family: 'UniversNextPro-Regular', 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}


/* PRESS ROOM LOAD MORE */
#myList {
  padding: 0;
}

#myList li {
  display: none;
  list-style-type: none;
}

/* PAST EVENTS LOAD MORE */
#myList article {
  display: none;
}

/* Mobile Secondary Nav */
.mobile-2nd-nav {
  
}

.mobile-2nd-nav ul {
      padding: 0px;
    margin: 0px;
    display: inline;
}
.mobile-2nd-nav li {
      display: inline-block;
    width: 33.33333%;
    text-align: center;
    float: left;
}
.mobile-2nd-nav li a {
    width: 100%;
    display: block;
    padding: 10px 20px;
}

/* FWM @ Home */

.page-template-page-at-home .explore-more img {
    margin-left: 105px;
}
.page-template-page-at-home .panel-group .panel {
  margin-bottom: 10px;
}
.page-template-page-at-home .panel-title > a:before {
    float: right !important;
   font-family: 'Font Awesome 5 Free';
    content:"\f068";
    padding-right: 5px;
  font-weight: 900;
  margin-left: 50px;
}
.page-template-page-at-home .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
   font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 50px;
}
.page-template-page-at-home .panel-title > a:hover, 
.page-template-page-at-home .panel-title > a:active, 
.page-template-page-at-home .panel-title > a:focus  {
    text-decoration:none;
}

.at-home-heading {
      bottom: 0px;
    left: 0px;
    padding: 20px;
    top: unset;
    font-size: 1.3em;
}
.at-home-heading {
  position: unset;
    color: #222;
    text-align: center;
}
.at-home-footer {
  
    padding: 20px;

    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.at-home-footer a, .at-home-footer a:visited, .at-home-footer a:active {
  color: #FF28DD;
}
.page-template-page-at-home .explore-more h1 {
  font-size: 24px;
}
.page-template-page-at-home .home-banner-visual::after {
  background: none;
}
@media screen and (max-width: 767px){
.page-template-page-at-home .explore-more img {
    width: 30px;
    margin-left: 0;
}
  }


/* Tickets Page Styling */
/* Pink: #ff29de */
.panel-title-tickets {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #ff29de;
}

.panel-title-tickets a {
  color: #fff;
  text-transform: uppercase;
  margin-left: 10px;
}

.panel-heading-tickets {
  color: #fff !important;
    background-color: #ff29de !important;
    border-color: #ff29de !important;
}

.page-template-page-tickets .panel-title-tickets > a.collapsed:before {
    float: left !important;
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 0px;
}

.page-template-page-tickets .panel-title-tickets > a:before {
  float: left !important;
    font-family: 'Font Awesome 5 Free';
    content: "\f068";
    padding-right: 5px;
    font-weight: 900;
    margin-left: 0px;
}

.tickets-break {
  margin: 25px 0 25px 0;
}


/* Collectionspace */
.collectionspace-template-default .site-content {
  padding-top: 0;
}

.collectionspace-template-default .cspace-DetailPage--common {
  padding: 48px;
}

.collectionspace-template-default .cspace-DetailPanel--common {
  max-width: 910px;
}

.collectionspace-template-default .site-footer {
  margin-top: 0;
}

.cspace-Filter--common label {
  font-weight: inherit;
}

#cspace-browser {
  padding-top:140px;
}

/*
  Reduce the width of the footer and move it right, to avoid having
  the filter panel cover it. (Only do this for screen widths where
  the filter panel is not a collapsible overlay.)
*/

@media only screen
and (min-width: 769px) {
  .has-cspace-SearchResultPage .site-footer {
    width: calc(100% - 260px);
    float: right;
  }
}


@media only screen
and (min-width: 768px) {
  .podcast-row {
    display:  flex;
    align-items:  flex-end;
  }
}

.podcast-row .text-muted {
  display: none;
}

.page-template-page-podcast .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen
and (max-width: 991px) {
  .page-template-page-podcast .d-flex img {
    width:  120px;
    padding: 0 10px;
  }
}

/*
 * Become a Member page
 */

html {
  scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

.tab-pane:before,
.dropdown-menu:before {
  display: none !important;
  height:  auto !important;
  margin:  0 !important;
}

body.page-template-page-become-a-member #main .btn.btn-primary,
body.page-template-page-fundraiser-landing-page #main .btn.btn-primary,
body.page-template-page-round-up-to-membership #main .btn.btn-primary,
body.page-template-page-become-a-member-with-carousel #main .btn.btn-primary {
  background-color:  transparent;
  border-color:  #5056f6;
  color:  #323232;
}

body.page-template-page-become-a-member #main .btn.btn-primary:hover,
body.page-template-page-become-a-member #main .btn.btn-primary:focus,
body.page-template-page-become-a-member #main .btn.btn-primary:active {
  background-color:  #5056f6;
  color:  #fff;
}

@media screen and (max-width:  599px) {
  .nav-tabs > li.nav-item.active > a,
  .nav-tabs > li.nav-item.active > a:hover,
  .nav-tabs > li.nav-item.active > a:focus,
  .nav-tabs > li.nav-item.active > a:active {
    border-bottom-color:  #ddd;
    border-radius:  4px;
  } 
}

.nav-tabs > li.nav-item.active > a,
.nav-tabs > li.nav-item.active > a:hover,
.nav-tabs > li.nav-item.active > a:focus,
.nav-tabs > li.nav-item.active > a:active {
  color: #FF28DD;
}

.tab-content > .tab-pane {
  padding:  4rem 2rem 2rem;
  border: solid #ddd;
  border-width:  0 1px 1px;
  border-radius:  0 0 4px 4px;
  box-shadow:  2px 2px 10px #dfdfdf;
}

.tab-content > .tab-pane:first-child {
  opacity:  1;
}

body.page-template-page-become-a-member #main .tab-content > .tab-pane .btn.btn-primary,
body.page-template-page-round-up-to-membership #main .btn.btn-primary,
body.page-template-page-become-a-member-with-carousel #main .btn.btn-primary {
  color:  #ff28dd;
}

@media only screen and (min-width: 769px) {
  .tab-content .dropdown {
    float:  left;
    margin-right:  5px;
  }
}

.tab-content .dropdown-toggle {
  padding:  0;
  font-size:  1.8rem;
}

.tab-content .dropdown-menu {
  padding: 20px 10px 10px;

  width: 85vw;
}

@media only screen and (min-width: 769px) {
  .tab-content .dropdown-menu {
    width: 65vw;
    max-width:  800px;
  }
}

#donorbox-widget {
  margin:  3rem auto 4rem;
  text-align:  center;
}

#donorbox-widget h3 {
  margin-top:  1rem;
}

/* Podcast Accordions */

.panel-heading h3 {
  margin-bottom:  0;
}

.panel-heading h3 > a {
  display:  block;
  width:  100%;
  height:  100%;
  padding:  10px 0;
}

.panel-heading h3 a:before {
  float: right !important;
  font-family: 'Font Awesome 5 Free';
  content:"\f068";
  padding-right: 5px;
  font-weight: 900;
  margin-left: 50px;
}

.panel-heading h3 a.collapsed:before {
  content:"\f067";
}

/* Fundraiser Pages */

body.page-template-page-fundraiser-landing-page #page {
  background:  url(images/bg-2022-fall-fundraiser.jpg) center top no-repeat;
  background-size:  cover;
}

/* 2023 Fall Benefit Landing Page */
body.page-template-page-fundraiser-landing-page.page-id-17246 #page {
  background:  url(/wp-content/uploads/2023/07/bg-2023-fall-fundraiser.jpg) center top no-repeat;
  background-size:  cover;
}


body.page-template-page-fundraiser-landing-page article:not(.page) {
  background-color:  #fff;
  padding: 30px;
  margin-bottom:  45px;
}

body.page-template-page-fundraiser-landing-page .footer-wrap {
  background-color:  #fff;
}

body.page-template-page-fundraiser-landing-page .fundraiser-custom-field-wrap {
  padding:  0 30px;
}

body.page-template-page-fundraiser .home-banner-visual::before,
body.page-template-page-fundraiser .home-banner-visual::after,
body.page-template-page-fundraiser-landing-page .home-banner-visual::before,
body.page-template-page-fundraiser-landing-page .home-banner-visual::after {
  background:  none;
}

body.page-template-page-fundraiser-landing-page .home-banner-heading h1 {
  font-size:  60px;
}

body.page-template-page-fundraiser-landing-page .home-banner-heading h2 {
  font-size:  19px;
}

/* 2023 fall benefit - hide headings except for SRs */

body.page-template-page-fundraiser-landing-page.page-id-17246 .home-banner-visual {
  margin-top: 220px;
  text-align: center;
}

body.page-template-page-fundraiser-landing-page article.action-buttons {
  background-color:  transparent;
}

body.page-template-page-fundraiser-landing-page #main .btn.btn-primary {
  background-color:  #fff;
  font-size:  2.5rem;
  margin: 0 15px;
  padding:  15px 30px;
}

body.page-template-page-fundraiser-landing-page .committee ul {
  padding:  0;
  list-style:  none;
}

body.page-template-page-fundraiser-landing-page .committee ul li {
  margin-bottom:  5px;
}

@media screen and (min-width:  768px) {
  body.page-template-page-fundraiser-landing-page .home-banner-heading h1 {
    font-size:  96px;
  }

  body.page-template-page-fundraiser-landing-page .home-banner-heading h2 {
    font-size:  30px;
  }

  body.page-template-page-fundraiser-landing-page .has-columns > .row,
  body.page-template-page-fundraiser-landing-page .freeform-content > .row {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Align image with Givebutter iframe */
  .fundraiser-image.image-0 {
    margin-top:  225px;
  }
}

@media screen and (min-width:  992px) {
  body.page-template-page-fundraiser-landing-page .home-banner-heading h1 {
    font-size:  120px;
  }

  body.page-template-page-fundraiser-landing-page .home-banner-heading h2 {
    font-size:  38px;
  }
}


@media screen and (min-width:  1200px) {
  body.page-template-page-fundraiser-landing-page .home-banner-heading h1 {
    font-size:  158px;
  }

  body.page-template-page-fundraiser-landing-page .home-banner-heading h2 {
    font-size:  57px;
  }
}

/* Carousel Slides */

.carousel-slides {
  margin:  0 15px;
  display: none;
}

.carousel-slides.slick-initialized {
  display: block;
}

.carousel-slides .slick-prev:before,
.carousel-slides .slick-next:before {
  color: #000;
}

/* Tours and Workshops */

body.page-template-page-tours-and-workshops header.entry-header {
  padding-bottom: 30px;
}

/* Jump-Links */

.jump-links {
  font-size: 18px;
  margin: 30px 0;
  padding: 0;
  min-height: 25px;
}

.jump-links > li {
  list-style-type: none;
  margin-left: 10px;
}

.jump-links > li > a {
  color: #FF28DD;
}


@media screen and (min-width: 900px) {
  .jump-links {
    display: flex;
    justify-content: center;
  }

  .jump-links > li:after {
    content: "|";
    margin-left: 10px;
  }

  .jump-links > li:first-child {
    margin-left: 0;
  }

  .jump-links > li:last-child:after {
    content: "";
  }
}