@charset "utf-8";
/* CSS SisterSax - Sax After Dark overrides css v1.2 built from existing Ibiza sax as a base */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700';

/*

*/
@media all and (min-width: 1000px ) {
  body {
    /* background: #000 url(../images/weddings/hub/musicpackages/ibiz-sax/blended-back.jpg) no-repeat fixed;
    background-size: 100%; */
    background: linear-gradient(135deg, #f8ca6d 0%, #f27b50 25%, #b54256 50%, #75225b 75%, #2b1055 100%);
  }
}

#site-header #header-mid,
#main-content,
footer {
-webkit-box-shadow: none;
-moz-box-shadow: none;
  box-shadow: none;
}
#site-header {
  border-radius: 15px 15px 0 0;
}

.copy-600 {
  font-weight: 600;
} 
.sunset-sax-header {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1000px;
}
.sunset-sax-header h1 {
  margin: 0;
  padding: 0;
}
.sunset-sax-header img {
  width: 100%;
  max-width: 1000px;
  margin: 0;
}

/* Overide weddings nav just for this page */
.weddings-navigation {
  background: #f37f52;
  width: 100%;
  height: auto;
  margin: 0;
}
  .sunset-sax .link-7 {
    color: #000;
    font-weight: 600;
  }

.sunset-copy-block__text {
  font-family: 'Open Sans', sans-serif;
  /* font-weight: 300; */
  font-weight: 400;
  font-size: 1em;
  color: #000;
  line-height: 1.5em;
  letter-spacing: 0;
}

#main-content.sunset-sax .sister-sax-video h2 {
font-family: 'Open Sans', sans-serif;
color: #000;
text-align: center;
font-weight: 300;
padding-top: 1em;

}

.sunset-sax .ibiza-image-split {
  width: 98%;
  margin-left: 1%;
  max-width: 500px;
}
  .sunset-sax .ibiza-image-split.ibiza-tall {
    width: 97%;
    max-width: 410px;
    margin-left: 2%;
  }

.sunset-sax .ibiza-image-split img {
  width: 100%;
}

@media all and (min-width: 600px ) {
  .sunset-sax .ibiza-image-split {
    width: 49%;
     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    margin-left: 0.5%;
  }
  .sunset-sax .ibiza-image-split.ibiza-tall {

  }
}

@media all and (max-width: 870px ) {
  .sunset-sax .generic-weddings-image,
  .generic-weddings .copy-block.copy-2 {
     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 49%;
    margin: 0 0 0 0.5%;
  }
  .sunset-sax .generic-weddings-image img {
    width: 100%;
    max-width: 350px;
    padding-top: 10vw;
  }
    .sunset-sax p {
      font-size: 0.9em;
      line-height: 1.2em;
    }
}

  @media all and (max-width: 544px ) {
    .sunset-sax .generic-weddings-image,
    .generic-weddings .copy-block.copy-2 {
      float: none;
      width: 98%;
      max-width: 98%;
    }
    .sunset-sax .generic-weddings-image img {
      width: 100%;
      max-width: 350px;
      padding-top: 1vw;
      margin: 0 auto;
    }
      .sunset-sax p {
        font-size: 0.9em;
        line-height: 1.4em;
      }
  }
.generic-weddings  .gloSaxRow {
  margin: 1em 0 4em 0;
}
.gloSax p {
  padding: 1em 1em 0;
}
.gloSax p.smallerCopy {
  font-size: 0.7em;
}
.gloSax img {
  margin: 0.5em auto;
  padding: 0;
  max-width: 300px;
}
.imageSplit {
  width: 98%;
}

.glosax-weddings-tri-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
  .glosax-weddings-tri-image img {
    width: 100%;
    max-width: 360px;
    border: 0;
    margin: 0 auto;
    padding: 1em 0;
  }

  @media all and (max-width: 390px ) {
    .generic-weddings  .gloSaxRow {
      margin: 1em auto;
    }
      .imageSplit {
        width: 92%;
        margin: 0 auto;
      }
        .glosax-weddings-tri-image {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
          .glosax-weddings-tri-image img {
            padding: 0;
          }
  }

.ibiza-reviews {
  margin: 1em auto;
}
.ibiza-reviews img {
  width: 100%;

}
.sunset-sax .ibiza-reviews p {
  font-size: 0.9em;
}

/* Accesibilty style up the CAPS */
.track-bullets .track-bullets__bullet-item {
  text-transform: uppercase;
}

/* New Accordion tracklists  */
:root {
  interpolate-size: allow-keywords;
}

.accordion__content {
  background: linear-gradient(90deg, #f8ca6d 0%, #ff94dd 25%, #ff6982 50%, #ffa787 75%, #f8ca6d 100%);
  margin: 0 auto 10px;
  width: 100%;
  /* max-width: 720px; */
  text-align: center;
  padding: 5px 0;
}

.accordion__content-block {
  margin: 0 auto;
  text-align: center;
  /* display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly; */
  /* gap: 5px; */
}

@media all and (min-width: 600px) {
  .accordion__content-block {
    /* flex-direction: row; */
    align-items: center;
  }
}

.accordion__content-block-summary,
.accordion__content-block-reveal {
  padding: 0 10px;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.accordion__content-block-reveal {
  flex-direction: column;
  justify-content: center;
  padding: 5px;
  font-size: 15px;
  line-height: 1.2;
  display: flex;
}

.accordion__content-block:open .content__extended--wrap {
  /* background-image: url('images/svg/palm-tree.svg');
  background-repeat: no-repeat;
  background-position: -170% 120%;
  background-size: 80% 80%; */
  background:
    url('/images/svg/palm-tree-fade.svg') -170% 120% / 80% 80% no-repeat,
    url('/images/svg/palm-tree-flip2.svg') 260% 100% / 80% 80% no-repeat;
  padding-bottom: 0;
}

.accordion__content-block-summary {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.accordion__content__heading {
  padding: 0;
  color: #310038;
  font-size: clamp(14px, 5vw + 1rem, 20px);
  font-weight: 600;
  margin: 0 auto;
  text-transform: uppercase;
  line-height: 1.5;
}

.accordion__content-block-item-copy {
  margin: 0 auto;
  display: block;
}

/* summary.accordion__content-block-summary::marker {
  content: "";
} */

summary.accordion__content-block-summary::after {
  /* Need chevron */
  content: url(/images/icons/arrow-fwd.svg);
  transform: rotate(90deg);
  padding: 0;
  height: 25px;
  max-width: 25px;
  margin-left: 0;
}

@media all and (min-width: 764px) {
  summary.accordion__content-block-summary::after {
    margin-left: 20px;
  }
}

details[open] summary.accordion__content-block-summary::after {
  transform: rotate(270deg);
}

.accordion__content-block .accordion__content-block-list {
  /* max-width: 100%; */
  padding: 0;
  list-style-type: ordered;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  max-width: 520px;
}

.accordion__content-block-list .accordion__content-block-list-item .track-listing--song {
  font-family: 'Special Elite', cursive;
  color: #690135;
  font-size: 1em;
  font-weight: 600;
}

.accordion__content-block-list .accordion__content-block-list-item .track-listing--artist {
  /* font-family: 'Special Elite', cursive; */
  color: #000;
  font-size: 1em;
  font-weight: 600;
  font-style: italic;
}