/*!
Theme Name: Fontaines
Theme URI: https://www.plectrumm.co.uk
Author: Tom Aylott / Matthew Wooton
Author URI:
Description: A custom theme for a quick Wordpress installation
Version: 1.0.9
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: fontaines
Tags: fontaines

*/
@import url("https://fonts.googleapis.com/css?family=Libre+Franklin:400,700,900&display=swap");

@font-face {
  font-family: 'SchmalfetteCP';
  src: url('http://fontainesdc.plectrumm.co.uk/wp-content/themes/fontaines/assets/fonts/SchmalfetteCP.ttf')  format('truetype'),
}

@font-face {
  font-family: 'FGB';
  src: url('http://fontainesdc.plectrumm.co.uk/wp-content/themes/fontaines/assets/fonts/fgb.ttf')  format('truetype'),
}


.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

html {
  margin:0!important;
}

body, p {
  font-family: 'Libre Franklin', sans-serif;
}

.gold-text {
  color: #e5c674;
}

.gold-bg {
  background: #e5c674;
}

#menu-main-menu li:first-child a {
color:#e5c674;
}

.white-text {
  color: #ffffff;
}

.blue-text {
  color: #3c65b4;
}

.red-text {
  color:#eb6f5c;
}

.blue-bg {
  background: #3c65b4;
}

.black-bg {
  background: #000000;
}

.header {
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

@media (max-width: 550px) {
  .header h1 {
    font-size: 2rem;
  }
}

.body-content p {
  color:#fff!important;
}

.body-content a {
  color:#e5c674!important;
}

.body-content a:hover {
  color:#fff!important;
}

.header__list {

  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__list li:not(:first-child) {
  margin-left: 2rem;
}

.header__list li a {
  display: block;
  line-height: 3rem;
  color: #ffffff;
  font-family: "Libre Franklin", sans-serif !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}

@media (min-width: 992px) {
  .header__list li a {
    line-height: 5rem;
  }
}

@media (max-width: 550px) {
  .header__list li a {
    font-size: 0.8rem;
  }
}

.header.stuck {
  background: rgba(0, 0, 0, 1);
}


.hero {
  background-position: center center;
  background-size: cover;
  position: relative;
  background-color: black;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
}
.hero__lyrics {
  position:absolute;
  top:52%;
  left:50%;
  transform:translate(-50%,-50%);
  max-width:224px;
}


@media (max-width: 500px) {
  .hero {
    background-size:100% auto;
    background-position:center top;
    height:100vh;
  }
  
  .hero__tagline {
    padding-bottom:5rem!important;
  }
  .hero__lyrics {
    max-width:40vw;
    top:50%;
    left:25%;
  }
}

@media (min-width: 768px) and (max-height:700px) {
  .hero__lyrics {
    max-width:200px;
    top:54%;
  }
  .hero__tagline {
    padding-bottom:0rem!important;
  }
}


.hero__tagline h2 {
  font-size: 1.75rem;
}

@media (max-width: 600px) {
  .hero__tagline h2 {
    font-size: 1.25rem;
  }
}


@media (min-width: 700px) {
  .hero__tagline h2 {
    font-size: 3rem;
  }
}

@media (max-width: 600px) {
  .hero__tagline h3 {
    font-size: 1rem;
  }
}

/*
.hero__tagline h2 span:nth-child(2) {
  padding-left: 3rem;
}

.hero__tagline h2 span:nth-child(3) {
  padding-left: 6rem;
}
*/

.big-text {
  font-size: 1.4rem;
}

@media (min-width: 1025px) {
  .big-text {
    font-size: 2rem;
  }
}

.letter-spacing {
  letter-spacing: 0.5rem;
}

p.letter-spacing {
  letter-spacing: 0.3rem;
}

.heavy-text {
  font-weight: 900;
}

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

p {
  color: #000000;
}

a:hover {
  color: #ffffff;
}

.black-text {
  color: black;
}

.merch__item {
  position: relative;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  z-index:1;
}

.merch__item:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background: rgba(60, 101, 180, 0.1);
}

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

.merch__item__ticket {
  position:absolute;
  left:10%;
  bottom:10%;
  z-index:5;
  font-size:3rem;
  color:white;
}

.live__item {
  border-bottom: 1px solid white;
}

.music-video {
  padding-bottom: 3rem;
}

@media (max-width: 767px) {
  .music-video__container {
    width: 100%;
  }
}

.music-video__container > div {
  max-width: 100%;
  width: 560px;
  position: relative;
}

.music-video__container > div a,
.music-video__container > div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

.music-video__container > div:after {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

@media (min-width: 768px) {
  .music-video__title {
    position: relative;
    -ms-flex-item-align: end;
        align-self: flex-end;
    left: -2rem;
    z-index: 500;
    bottom: 2rem;
  }
}

.mc-field-group select {
  height:44px;
}

.mc-field-group select,
.mc-field-group .email,
.newsletter-input {
  background: transparent;
  -webkit-appearance:none;
  border-radius:0;
  border: 2px solid #000000;
  color: #000000;
  display: block;
  width: 100% !important;
  padding: 0.5rem;
}

.button {
  display:inline-block;
  margin-top:1rem;
  background:black;
  color:white;
  border: 2px solid #000000;
  padding:0.5rem 1rem;
  font-size:1.2rem;
  font-family: 'Libre Franklin', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.newsletter-input::-webkit-input-placeholder {
  color: #000000;
}

.newsletter-input:-ms-input-placeholder {
  color: #000000;
}

.newsletter-input::-ms-input-placeholder {
  color: #000000;
}

.newsletter-input::placeholder {
  color: #000000;
}

.logo img {
  height:3rem;
  width:auto;
}

#menu-open {
  text-align:center;
  margin:0px auto;
  width:100%;
  display:block;
}

#collapse ul {
  list-style:none;
  padding:0;
  margin:0;
}

#collapse ul li a {
  display:block;
  text-align:center;
}

.article-content *:last-child {
  margin-bottom:0;
}

.article-content {
  padding:100px 0;
}




.article-content * {
  color:white;
}

.social-icons a {
  font-size:2rem;
  color:black;
}

.newsletter {
  height:100vh;
  width:100vw;
  background-size:cover;
  background-position:center center;
  position:relative;
}

.newsletter > div {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:rgba(0,0,0,0.5);
  padding:2rem;
}

.newsletter input[type="email"] {
  color:white;
}

.newsletter input[type="email"]::placeholder {
  color:#eee;
}

body.page-id-251 {
  overflow-x:hidden;
}

#CybotCookiebotDialog {
  background:black!important;
}

#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialog div,
#CybotCookiebotDialog p {
color:white!important;
}

#CybotCookiebotDialogBodyButtonAccept {
background:#e5c674!important;
color:black!important;
border:1px solid #e5c674!important;
}

#CybotCookiebotDialogBody {
  max-width:90vw!important;
}

.reveal-panel {
  width:100%;
  overflow:hidden;
}

.reveal-panel__inner {
  width:200%;
  display:flex;
  flex-wrap:wrap;
}

.reveal-panel__inner__slideout {
  width:25%;
  transition:all 0.5s ease;
  background:#ffd200;
  padding:2rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.reveal-panel__inner__slideout__content * {
font-family: 'Libre Franklin', sans-serif;
font-weight: 900;
text-transform: uppercase;}

.reveal-panel__inner__main-content {
  width:50%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  position:relative;
  min-height:70vh;
  transition:all 0.5s ease;
}

.reveal-panel.open .reveal-panel__inner__main-content {
  width:25%;
}

@media (max-width:600px) {
  .reveal-panel__inner__slideout {
    width:50%;
    max-height:500px;
    overflow-y:scroll;
    
  }
  .reveal-panel__inner__slideout__content * {
    font-size:0.9rem;
  }
  .reveal-panel.open .reveal-panel__inner__main-content {
    width:0%;
  }
}

.reveal-panel__inner__main-content__logo {
  width:100%;
  height:100%;
  background-size:90% auto;
  background-position:center center;
  background-repeat:no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:5;
}


.reveal-panel__inner__main-content__link {
  top:80%;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  z-index:10;
  margin-bottom:0;
  
}

.reveal-panel.open .reveal-panel__inner__main-content__link {
  display:none;
}

.reveal-panel__inner__main-content__link button {
  background:#ffd200;
  padding:0.5rem 1rem;
  display:inline-block;
  color:white;
  font-weight: 900;
  text-transform:uppercase;
  border:none;
  appearance: none;
  font-family: 'Libre Franklin', sans-serif;
}

.reveal-panel.open .reveal-panel__inner__slideout__content a {
  background:white;
  color:#ffd200;
  padding:0.5rem 1rem;
  display:inline-block;
  font-weight: 900;
  text-transform:uppercase;
  border:none;
  margin:1rem 0;
  appearance: none;
  font-family: 'Libre Franklin', sans-serif;
}

.reveal-panel.open .reveal-panel__inner__slideout__content a:hover {
  background:black;
}

.reveal-panel__inner__main-content__link button:hover {
  text-decoration:none;
  background:black;
  color:#ffd200;
}