.shows-listing.list .show-item .show-item-content{
height:auto !important;
}
.series-menu {
  padding: 10px 0;
}
.series-menu h2{
display:none;
}
.series-menu ul{
padding:0;margin:0;
list-style:none;
display:flex;
justify-content:end;
align-items:center;
gap:30px;
}
.series-menu ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.series-menu.alt-text ul li a {
  color: #000;
}
.series-menu ul li a:hover{
  opacity:0.8;
}
.series-landing-events .shows-listing .show-item .show-item-content{height:auto !important;}
.ctagroup .btn {
border: 1px solid #000;
  margin-left: -1px;
  letter-spacing: 2px;
  font-weight: 500;
font-size: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
.footer-row .footer-right-col:nth-child(2), .footer-row .footer-right-col:nth-child(3){max-width:50%;}
.series-menu img{width: auto;height:40px;}
.series-landing-sponsors-list .flogo-item img{height: 100px;width: auto;}
}

@media (min-width: 992px) {
.ctagroup .btn {
  font-size: 24px;
  padding: 20px 60px;
  margin-top: 50px;
  margin-bottom: 20px;
  border: 2px solid #000;
}
.shows-listing.grid_3_column .show-item .show-item-content {
  height: 100% !important;
}
.shows-listing.news-listing .show-item .show-item-content {
    height: 280px !important;
  }
}
@media (max-width: 992.98px) {
#upcoming-shows-controls {display: flex;  justify-content: center;  gap: 30px;}
#upcoming-shows-controls .btn {font-size: 53px;margin-bottom: 35px;margin-top: 5px;}
}
@media (max-width: 767.98px) {
.series-menu{
  text-align: left;
  padding: 10px 0 !important;
}
.series-menu ul {
  justify-content: end;
  align-items: end;
  gap: 4px 15px;
  flex-wrap: wrap;
  flex-direction: column;
}
.series-menu ul li {
  line-height: 1;
}
.series-menu ul li a {
  font-size: 12px;
}
.series-menu img{
  width: 100%;
}
}
.grid-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.event-card {
    border: 1px solid #cfb97d;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    flex-direction: column;
    transition: all .3s 
ease;
}


.event-details {
    flex: 1;
    padding: 24px 56px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
}

.job-details {
    text-transform: uppercase;
    text-decoration: none;
}

.DisplayOnMob{
display:none;
}
.HeroBanner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 820px;
}
.HeroBanner img {
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    z-index: -1;
}
.img-absolute{
     position: absolute;
}
.HeroBanner  h1 {
    text-align: center;
    font-family: var(--bs-body-font-family);
    font-size: 52px;
color:#fff;
    max-width: 640px;
    margin: 0px auto;
font-weight: 700;
}
.main-action-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.main-action-links .btn-outline-primary {
    border-color: rgb(255 255 255 / 70%);
    min-width: 299px;
    min-height: 94px;
    background-color: rgb(0 0 0 / 70%);
    color: #fff;
    font-size: 26px;
}
.main-action-links .btn-outline-primary:hover {
    border-color: rgb(207 185 125);
    background-color: rgb(207 185 125);
    color: #000;
}
.hero-content-area {
    position: absolute;
    bottom: 170px;
    left: 50%;
    transform: translate(-50%);
}
.GivingSection{
position: relative;
    width: 100%;
    height: 100%;
}
.GivingSection img {
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    z-index: -1;
}
.GivingSection .giving-content-container {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 550px;
}
.GivingSection h2 {
    color: #fff;
    font-size: 90px;
}
.GivingSection p {
    font-size: 22px;
    margin-bottom: 145px;
    color: #fff;
}
.GivingSection button.btn-secondary {
    height: 96px;
    width: 300px;
    font-size: 26px;
    background-color: rgb(207 185 125 / 85%);
    border-color: rgb(255 255 255 / 85%);
    font-weight: 500;
}

.PlanYouVisitSection {
    position: relative;
    width: 100%;
    height: 100%;
}
.PlanYouVisitSection img{
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    z-index: -1;
}
.PlanYouVisitSection .content-container {
    padding: 130px 0px;
}
.PlanYouVisitSection h2 {
    color: #fff;
    font-size: 90px;
}
.PlanYouVisitSection p {
    font-size: 20px;
    margin-bottom: 200px;
    color: #fff;
}
.PlanYouVisitSection .event-search-label {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}
.PlanYouVisitSection .event-search-field {
    border-bottom: 2px solid #fff;
    display: flex;
    padding-bottom: 12px;
}
.PlanYouVisitSection input#event-name {
    background-color: transparent;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 26px;
    outline: none;
}
.PlanYouVisitSection button.event-search-btn {
    background-color: transparent;
    border: none;
    width: 60px;
    height: 50px;
    color:#fff;
}
.SeasonTicketsSection{
padding:110px 0px;
}
.SeasonTicketsSection button.seasonTicketBtn {
    width: 100%;
    height: 180px;
    text-align: left;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    padding: 30px 40px;
}
.SeasonTicketsSection button.digitalProgramBookBtn {
    width: 100%;
    height: 180px;
    text-align: left;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    padding: 30px 40px;
}
.ArtistSeriesHeading {
    position: relative;
    width: 100%;
    height: 100%;
}
.ArtistSeriesHeading .contentcontainer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 221px;
}
.ArtistSeriesHeading h2 {
    color: #000;
    font-size: 90px;
}
.Ourpartner  h2{
color: #000;
    font-size: 90px;
    line-height: 70px;
margin-top:110px;

}
.artist-series {
  background: #fff;
  margin: 0 auto;
margin-top:80px;
}
.artist-item {
  padding-bottom: 0px;
}
.artist-link {
font-weight: 800;
    text-decoration: none;
    font-size: 90px;
    border-bottom: 4px solid #ccc;
    padding: 0px;
    display: flex;
}
.artist-link.green {
  color: #3d6b33;
  border-color: #3d6b33;
}

.artist-link.brown {
  color: #6d3d31;
  border-color: #6d3d31;
}
.artist-link.gold {
  color: #8c6b2f;
  border-color: #8c6b2f;
}
.artist-link.blue {
    color: #5d749f;
    border-color: #5d749f;
}
.artist-item.partnerlink1:hover {
    background-image: url(https://cupresents.artdynamix.net/images/pagebuilder/63d382c8bbc55a99d259880d82f83f9d47c5c487/artistbg.png);
    background-size: cover;
    background-position: center;
background-color: #5d749f;
}
.artist-item.partnerlink2:hover {
    background-image: url(https://cupresents.artdynamix.net/images/pagebuilder/a57c486f5dce14ccd7680c5de400118cd73ab23f/artistbg2.png);
    background-size: cover;
    background-position: center;
background-color: #3d6b33;
}
.artist-item.partnerlink3:hover {
    background-image: url(https://cupresents.artdynamix.net/images/pagebuilder/cba5e269e563ee0ca1ba3b77c4e7a91e1fed9601/artistbg3.png);
    background-size: cover;
    background-position: center;
background-color: #6d3d31;
}
.artist-item.partnerlink4:hover {
    background-image: url(https://cupresents.artdynamix.net/images/pagebuilder/844646f7b0f9b39609f0b0496ceacdb06f86576c/artistbg4.png);
    background-size: cover;
    background-position: center;
background-color: #8c6b2f;
}
.artist-item.partnerlink5:hover {
    background-image: url(https://cupresents.artdynamix.net/images/pagebuilder/844646f7b0f9b39609f0b0496ceacdb06f86576c/artistbg4.png);
    background-size: cover;
    background-position: center;
background-color: #8c6b2f;
}
.artist-item.partnerlink1:hover .artist-link.blue, .artist-item.partnerlink2:hover .artist-link.green, .artist-item.partnerlink3:hover .artist-link.brown, .artist-item.partnerlink4:hover .artist-link.gold, .artist-item.partnerlink5:hover .artist-link.gold,
.artist-link.blue:hover, .artist-link.gold:hover, .artist-link.brown:hover, .artist-link.green:hover{
    color: #fff;
border-color:transparent;
}
.artist-item.partnerlink1 .link1 {
    min-height: 180px;
    align-items: center;
}
.artist-item.partnerlink2 .link2, .artist-item.partnerlink3 .link3, .artist-item.partnerlink4 .link4, .artist-item.partnerlink5 .link5 {
    min-height: 180px;
    align-items: center;
    margin-top: 65px;
}
.artist-item.partnerlink3 .link3{
    padding-left: 190px;
}
.artist-item.partnerlink4 .link4{
    padding-right: 100px;
    text-align: right;
    justify-content: flex-end;
}
.home-up-coming {
    padding-top: 110px;
    padding-bottom: 110px;
}

/* Responsive Css Start*/
@media (max-width: 767.98px) {
.hideOnMob{
display:none !important;
}
.DisplayOnDesktop{
display:none;
}
.DisplayOnMob{
display:block;
}
.main-action-links {
    flex-direction: column;
}
.HeroBanner {
   /*  min-height: 100vh;*/
height:100vh;
max-height:700px;
}
.HeroBanner h1 {
    font-size: 25px;
        max-width: 310px;
}
.hero-content-area {
    bottom: 140px;
}
.home-up-coming {
    padding-top: 50px;
padding-bottom:0px;
}
.home-up-coming h1 {
    font-size: 45px;
    max-width: 190px;
     line-height: 47px;
     margin-bottom: 0px;
}
.home-up-coming .sleek-shows-listing {
    margin-left: -30px;
    margin-right: -30px;
}
.main-action-links .btn-outline-primary {
    font-size: 18px;
    min-height: 55px;
    min-width: 250px;
}
.artist-series .artist-item .artist-link {
font-size: 45px;
        line-height: 46px;
        padding: 20px 0px;
        min-height: auto;
    margin-top: 30px;
}
.PlanYouVisitSection h2 {
    font-size: 45px !important;
line-height: 40px;
}
.PlanYouVisitSection .content-container {
    padding: 50px 30px;
}
.PlanYouVisitSection p {
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 440px;
        color: #fff;
        font-weight: 500;
}
    .PlanYouVisitSection .event-search-label {
    font-size: 14px;
    margin-bottom: 12px;
}
    .PlanYouVisitSection input#event-name {
    font-size: 18px;
}
    .PlanYouVisitSection .event-search-field {
    padding-bottom: 5px;
}
    .PlanYouVisitSection button.event-search-btn {
    width: 50px;
    height: 35px;
}
.SeasonTicketsSection {
    padding: 50px 0px;
        padding-bottom: 65px;
}
    .SeasonTicketsSection button.seasonTicketBtn {
    padding: 15px;
    font-size: 25px;
    line-height: normal;
    height: auto;
    margin-bottom: 15px;
font-weight:800;
}
    .SeasonTicketsSection button.digitalProgramBookBtn{
    padding: 15px;
    font-size: 25px;
    line-height: normal;
    height: auto;
    margin-bottom: 15px;
    }

.Ourpartner h2 {
    font-size: 45px;
max-width: 180px;
        line-height: normal;
        margin-top: 80px;
}
    .ArtistSeriesHeading .contentcontainer {
    min-height: auto;
    padding-block: 30px;
}
    .GivingSection .giving-content-container {
    min-height: auto;
    padding: 50px 0px;
}
    .GivingSection p {
    font-size: 14px;
 margin-bottom: 50px;
}
    .GivingSection button.btn-secondary {
    width: auto;
    font-size: 13px;
    font-weight: 500;
    height: auto;
    padding: 15px 30px;
width: 147px;
        height: 47px;
}
.PlanYouVisitSection{
    position:relative;
}
.PlanYouVisitSection:after {
    content: '';
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 7%) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: -1;
}
    .PlanYouVisitSection p {
        margin-bottom: 30px;
    }
 .artist-series {
    margin-inline: 30px;
        margin-top: 50px;
}
.GivingSection h2 {
    color: #fff;
    font-size: 45px;
}
.IDMIJA4569S22Q52 {
 display: none;
}
.artist-item.partnerlink1 {
    border-bottom: 4px solid; 
border-color: #5d749f;
}
.artist-item.partnerlink1 .link1 {
    min-height: 135px;
    border-color: transparent;
    max-width: 140px;
    text-align: left;
    margin: 0px;
}
.artist-item.partnerlink2 .link2 {
min-height: 180px;
    align-items: center;
    margin: 0px;
    margin-top: 30px;
    max-width: 260px;
    border-color: transparent;
    margin-left: 65px;
}
.artist-item.partnerlink2 {
    border-bottom: 4px solid;
border-color: #6f794d;
}
.artist-item.partnerlink3 .link3{
    min-height: 120px;
    align-items: center;
    margin: 0px;
    margin-top: 30px;
    max-width: 260px;
    border-color: transparent;
    margin-left: 120px;
}
.artist-item.partnerlink3 {
    border-bottom: 4px solid;
    border-color: #854432;
}
.artist-item.partnerlink4 .link4 {
    padding-right: 0px;
    text-align: left;
    justify-content: flex-start;
    max-width: 180px;
    border: transparent;
margin-left: 30px;
}
.artist-item.partnerlink4 {
    border-bottom: 4px solid;
    border-color: #8d7334;
}
.artist-item.partnerlink5 {
    border-bottom: 4px solid;
    border-color: #8d7334;
}
.artist-link {
    border-bottom: 0px solid #ccc;
}
}

/* Ipad screen */
@media (min-width: 768px) and (max-width: 1024px) {
.HeroBanner {
        min-height: calc(100vh - 60px);
}
 .main-action-links .btn-outline-primary {
    font-size: 25px;
    min-height: 80px;
    min-width: 220px;
}
.HeroBanner h1 {
    font-size: 50px;
}
.PlanYouVisitSection {
    height: calc(100vh - 60px);
    position:relative;
}
.PlanYouVisitSection:after {
    content: '';
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 7%) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: -1;
}
.PlanYouVisitSection h2 {
    font-size: 60px;
}
.PlanYouVisitSection p {
    font-size: 16px;
}
.IDMIJA4569S22Q52 {
    display: none;
}
.PlanYouVisitSection input#event-name {
    font-size: 18px;
}
.PlanYouVisitSection button.event-search-btn {
    width: 45px;
    height: 40px;
}
.SeasonTicketsSection button.seasonTicketBtn {
    padding: 15px;
    font-size: 30px;
    line-height: normal;
    height: auto;
    margin-bottom: 15px;
}
.SeasonTicketsSection button.digitalProgramBookBtn{
    padding: 15px;
    font-size: 30px;
    line-height: normal;
    height: auto;
    margin-bottom: 15px;
}
.IDMIOZGGFB6N7AF1 >div {
    padding: 20px !important;
}
.Ourpartner h2 {
    font-size: 60px;
}
.artist-series {
    margin-inline: 30px;
    margin-top: 40px;
}    
.ArtistSeriesHeading .contentcontainer {
    min-height: auto;
    padding-block: 30px;
}
.artist-series .artist-item .artist-link {
    font-size: 50px;
    line-height: 1;
    padding: 30px;
    min-height: auto;
    margin-top: 30px;
}
.GivingSection .giving-content-container {
    min-height: auto;
    padding-block: 30px;
}
.GivingSection h2 {
    font-size: 60px;
}
.GivingSection button.btn-secondary {
    width: auto;
    font-size: 18px;
    font-weight: 500;
    height: auto;
    padding: 15px 30px;
}
}

/* laptop */
@media (min-width: 1025px) and (max-width: 1199.99px) {
.HeroBanner {
        min-height: calc(100vh - 60px);
    }
 .main-action-links .btn-outline-primary {
    min-height: 100px;
    min-width: 300px;
}
.HeroBanner h1 {
    font-size: 50px;
}
.PlanYouVisitSection {
    height: calc(100vh - 60px);
    position:relative;
}
.PlanYouVisitSection:after {
    content: '';
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 7%) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: -1;
}
.PlanYouVisitSection .content-container {
    padding: 90px 0px;
}
.PlanYouVisitSection h2 {
    font-size: 60px;
}
.IDMIJA4569S22Q52 {
    display: none;
}
}