/**
 * @file
 * Subtheme specific CSS.
 */


/* Images */

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

.field--type-image img {
  margin-bottom: 0;
}

 .node .field--type-image {
    float: node;
    margin: 0 0 0 0;
  }
  
.field--name-field-photo-credit {
  font-size: 14px;
  font-style: italic !important;
  text-align: right;
}  

/* Titles */

h1, h1.title {
  text-transform: uppercase;
    padding-top: 5rem;
    padding-bottom: 0;
    font-size: 3rem;
    border-bottom: 1px solid #AC615D;
    text-align: end;
  /*display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
    position: relative;
    width: fit-content;
  margin-left: auto;
  margin-right: auto;*/
}

/*h1:after, h1:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #AC615D;
    border-top: 1px solid #AC615D;
    height: 5px;
  background-color:transparent;
  width: 10rem;
}*/

h1.homepage-title {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 0;
}

h2, .h2 {
  font-size: 2.25rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
}



h3 {
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}

h4, h4 div {
  font-weight: 600 !important;
}

@media(max-width:767px) {
  h2 {
    font-size: 1.625rem;
  }
  h3 {
  font-size: 1.25rem;
  
}
}

/* Body */

.node__content,
body {
  font-size: 1.125em;
}

b, strong {
  font-weight: 700;
}

@media(max-width:767px) {
  .node__content,
  body {
    font-size: 1em;
  }
}

/* Links and buttons */

.btn:hover,
.btn:focus {
  border-color: #8E4A49;
  box-shadow: none;
}

.btn.style-1,
a.file-download,
#edit-actions-submit,
button.btn-primary {
  color: #F6F4F3;
  background-color: #AC615D;
  border-color: #AC615D;
  text-decoration: none;
  font-size: 1rem;
  padding: 1rem 1.25rem 1rem;
  border-radius: 0;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.btn.style-1:hover,
.btn.style-1:focus,
a.file-download:hover,
a.file-download:focus,
#edit-actions-submit:hover,
#edit-actions-submit:focus,
button.btn-primary:hover,
button.btn-primary:focus {
  background-color: #8E4A49;
  border-color: #8E4A49;
  color: #F6F4F3;
}
a {
  text-decoration: none;
}

/* The Arrow */

.the-arrow {
  width: $shaft-width;
  transition: all 0.2s;
 
  &.-left {
    position: absolute;
    top: 60%;
    left: 0;

    > .shaft {
      width: 0;
      background-color: $black;
      
      &:before,
      &:after {
        width: 0;
        background-color: $black;
      }

      &:before {
        transform: rotate(0);
      }

      &:after {
        transform: rotate(0);
      }
    }
  }
  
  &.-right {
    top: 3px;
    
    > .shaft {
      width: $shaft-width;
      transition-delay: 0.2s;

      &:before,
      &:after { 
        width: $arrow-head-width;
        transition-delay: 0.3s;
        transition: all 0.5s;
      }
      
      &:before {
        transform: rotate(40deg);
      }
      
      &:after {
        transform: rotate(-40deg);
      }
    }
  }

  > .shaft {
    background-color: $black;
    display: block;
    height: $shaft-thickness;
    position: relative;
    transition: all 0.2s;
    transition-delay: 0;
    will-change: transform;

    &:before,
    &:after {
      background-color: $black;
      content: '';
      display: block;
      height: $arrow-head-thickness;
      position: absolute;
      top: 0;
      right: 0;
      transition: all 0.2s;
      transition-delay: 0;
    }

    &:before {
      transform-origin: top right;
    }

    &:after {
      transform-origin: bottom right;
    }
  }
}



/* Animated Arrow Button */

.animated-arrow {
  display: inline-block;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
}

  
.the-arrow.left {
  position: absolute;
  top: 50%;
  left: 0;
}

.the-arrow {
  width: 1px;
  transition: all 0.2s;
}

.the-arrow.left > .shaft {
  width: 0;
  background-color: #AC615D;
}

.the-arrow > .shaft {
  background-color: #AC615D;
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}

.the-arrow.left > .shaft::before, .the-arrow.left > .shaft::after {
  width: 0;
  background-color: #AC615D;
}

.the-arrow.left > .shaft::before {
  transform: rotate(0);
}

.the-arrow > .shaft::before {
  transform-origin: top right;
}

.the-arrow > .shaft::before, .the-arrow > .shaft::after {
  background-color: #AC615D;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: -3px;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}

.the-arrow.left > .shaft::before, .the-arrow.left > .shaft::after {
  background-color: #AC615D;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0px;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}

.the-arrow.left > .shaft::after {
  transform: rotate(0);
}

.the-arrow > .shaft::after {
  transform-origin: bottom right;
}

.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}

.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}

.animated-arrow > .main > .the-arrow {
  position: relative;
}

.the-arrow.right {
  top: 3px;
}

.the-arrow.right > .shaft {
  width: 1px;
  transition-delay: 0.2s;
}

.the-arrow.right > .shaft::before {
  transform: rotate(40deg);
}

.the-arrow.right > .shaft::before, .the-arrow.right > .shaft::after {
  width: 8px;
  transition-delay: 0.3s;
  transition: all 0.5s;
}

.the-arrow.right > .shaft::after {
  transform: rotate(-40deg);
}


.animated-arrow:hover {
  color: #8E4A49;
}

.animated-arrow:hover > .the-arrow.left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #8E4A49;
}

.animated-arrow:hover > .the-arrow.left > .shaft::before {
  transform: rotate(40deg);
}

.animated-arrow:hover > .the-arrow.left > .shaft::after {
  transform: rotate(-40deg);
}

.animated-arrow:hover > .the-arrow.left > .shaft::before, .animated-arrow:hover > .the-arrow.left > .shaft::after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #8E4A49;
}

.animated-arrow:hover > .main {
  transform: translateX(17px);
  transform: translateX(80px);
}

.animated-arrow:hover > .main > .the-arrow.right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}

.animated-arrow:hover > .main > .the-arrow.right > .shaft::before {
  transform: rotate(0);
}

.animated-arrow:hover > .main > .the-arrow.right > .shaft::before, .animated-arrow:hover > .main > .the-arrow.right > .shaft::after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}

.animated-arrow:hover > .main > .the-arrow.right > .shaft::after {
  transform: rotate(0);
}

/******* Header *******/

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

#navbar-top {
  padding: 0;
}

#navbar-main > .container-fluid > .row {
  width: 100%;
  align-items: center;
}

@media(max-width:991px) {
  header {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
}

/* Branding */

#block-mansson-branding .field--name-field-svg-image,
#block-mansson-logoaccueil .field--name-field-svg-image {
  width: 350px;

}

#block-mansson-branding img,
#block-mansson-logoaccueil img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}

@media(max-width:1199px) {
  #block-mansson-branding .field--name-field-svg-image,
  #block-mansson-logoaccueil .field--name-field-svg-image {
    width: 295px;
  }
}

@media(max-width:575px) {
  #block-mansson-branding .field--name-field-svg-image,
  #block-mansson-logoaccueil .field--name-field-svg-image {
    width: 100%;
  }
}

/* Menu */

#block-mansson-mainnavigation ul.sf-menu {
  display: flex;
  justify-content: flex-end;
}

ul.sf-menu li {
  float: none;
}

#block-mansson-mainnavigation .sf-menu li a {
  color: #AC615D !important;
  text-decoration: none;
  font-size: 1.25rem;
}

#block-mansson-mainnavigation .sf-menu li a:hover,
#block-mansson-mainnavigation .sf-menu li a:focus {
  color: #171113 !important;
}

#block-mansson-mainnavigation .sf-menu li a.is-active {
  color: #171113 !important;
}

@media(max-width:1199px) {
ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 1em 1em;
    position: relative;
}
}

/* Language switcher */

#block-mansson-languageswitcher span.is-active,
#block-mansson-selecteurdelangue span.is-active {
  display: none;
}

#block-mansson-languageswitcher span {
  padding: 1em 1.5em;
}

#block-mansson-selecteurdelangue span {
  padding: 1em 1em;
}


#block-mansson-languageswitcher span a {
  color: #AC615D !important;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 1.25rem;
  }

#block-mansson-selecteurdelangue {
  text-transform: capitalize;
}

#block-mansson-languageswitcher span a:hover,
#block-mansson-languageswitcher span a:focus {
  color: #171113 !important;
}

/* Social Media */

#block-mansson-facebook-2 p {
  padding: 1em 0 1em 1.5em;
  margin-bottom: 0;
  font-size: 1.375em;
}

#block-mansson-facebook-2 p a {
  color: #AC615D !important;
}

#block-mansson-facebook-2 p a:hover,
#block-mansson-facebook-2 p a:focus {
  color: #171113 !important;
}

#block-mansson-facebook-3 {
  padding-left: 0;
  padding-right: 0;
}

#block-mansson-facebook-3 p {
  text-align: left !important;
  font-size: 1.375em;
  padding: 0.5em 1.25em;
  margin-bottom: 0;
}

/* Menu mobile */

.navbar-toggler,
#block-mansson-sidrtriggerbuttonblock {
  display: none;
}

.sidr {
  display: none;
  position: absolute;
  top: 0;
  height: 0%;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

#block-mansson-sidrtriggerbuttonblock {
  text-align: right;
  width: 70px;
}

#block-mansson-sidrtriggerbuttonblock button {
  position: fixed;
  z-index: 1000;
  top:0;
  right: 0;
  background-color: #F6F4F3;
}

#sidr {
  top: 60px;
}

.sidr.right:hover {
right: 0;
}


#block-sidrtriggerbuttonblock.sidr-open {
  right: 260px !important;
  width: 70px;
  position: absolute;
}

.region-slideout-menu {
  background-color: #F6F4F3;
  padding: 1rem 1rem 2rem;
  border: 2px solid #fff;
  display: none;
}

.region-slideout-menu a,
.region-slideout-menu a:focus {
  color: #fff;
}

.region-slideout-menu a:hover,
.region-slideout-menu a.is-active {
  color: #071121 !important;
}

.sf-accordion-toggle {
  display: none;
}



@media(max-width:991px) {
  #block-mansson-sidrtriggerbuttonblock {
    display: block;
    top: 0px;
    position: absolute;
    right: 0;
  }
  .sidr {
    display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: auto;

  }
  .region-slideout-menu {
  background-color: #AC615D;
  padding: 1rem 1rem 2rem;
  border: 2px solid #fff;
  display: block;
}
  #superfish-main-accordion {
  display: block !important;
  left: auto !important;
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
}
#navbar-main {
  padding: 1rem;
}
  
  
}

@media(max-width:575px) {
  #header {
      min-height: 60px;
    display: flex;
    align-items: center;
    }
}

/* Animation */

#block-mansson-sidrtriggerbuttonblock .hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: #F6F4F3;
  border: 0;
  margin: 0;
  overflow: visible; }
#block-mansson-sidrtriggerbuttonblock .hamburger:hover {
    opacity: 0.7; }
#block-mansson-sidrtriggerbuttonblock .hamburger.is-active:hover {
    opacity: 0.7; }
#block-mansson-sidrtriggerbuttonblock .hamburger.is-active .hamburger-inner,
#block-mansson-sidrtriggerbuttonblock .hamburger.is-active .hamburger-inner::before,
#block-mansson-sidrtriggerbuttonblock .hamburger.is-active .hamburger-inner::after {
    background-color: #AC615D; }

#block-mansson-sidrtriggerbuttonblock .hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

#block-mansson-sidrtriggerbuttonblock .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
#block-mansson-sidrtriggerbuttonblock .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #AC615D;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
#block-mansson-sidrtriggerbuttonblock .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
#block-mansson-sidrtriggerbuttonblock .hamburger-inner::before {
    top: -10px; }
#block-mansson-sidrtriggerbuttonblock .hamburger-inner::after {
    bottom: -10px; }
    
#block-mansson-sidrtriggerbuttonblock .hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#block-mansson-sidrtriggerbuttonblock .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
#block-mansson-sidrtriggerbuttonblock .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

#block-mansson-sidrtriggerbuttonblock .hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
#block-mansson-sidrtriggerbuttonblock .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
#block-mansson-sidrtriggerbuttonblock .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }




/* Banner */

.highlighted {
  /*background-image: url('/sites/default/files/bg-crimson-opt.png');
  background-position: center bottom;
  background-size: cover;*/
  margin-top: 82px;
}

/*#block-mansson-page-title {
  height: 400px;
}



@media(min-width:1500px) {
  #block-mansson-page-title {
    height: 500px;
  }
}

@media(min-width:2000px) {
  #block-mansson-page-title {
    height: 600px;
  }
}*/

@media(max-width:1199px) {
  .highlighted {
  /*background-image: url('/sites/default/files/bg-crimson-opt.png');
  background-position: center bottom;
  background-size: cover;*/
  margin-top: 98px;
}
}

@media(max-width:991px) {
  .highlighted {
    /*background-image: url('/sites/default/files/bg-crimson-opt.png');
    background-position: center bottom;
    background-size: cover;*/
    margin-top: 0;
  }
  /*#block-mansson-page-title {
    height: 350px;
  }*/

}

/*@media(max-width:767px) {
  #block-mansson-page-title {
    height: 300px;
  }
}

@media(max-width:575px) {
  #block-mansson-page-title {
    height: 275px;
  }
}*/

/******* Main *******/

#main {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media(max-width:767px) {
  #main {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
}

/* Footer */



.site-footer .content {
  color: #AC615D;
  font-size: 1rem;
}

.site-footer .block {
  border: none;
  padding: 0;
}

 .site-footer__top .region {
    width: 100% !important;
    padding: 0 !important;
}

#block-mansson-logofooter img {
  max-height: 75px;
  width: auto;
}

#block-mansson-copyright {
  text-align: right;
}

#block-mansson-facebook a {
  font-size: 30px;
}

.site-footer .content a, .site-footer .content a.is-active {
  color: rgba(246, 244, 243, 1);
}

.site-footer .content a:hover,
.site-footer .content a:focus {
  color: rgba(246, 244, 243, 0.7);
} 

.site-footer__bottom {
  margin-top: 0;
  border-top: none;
}

.site-footer__bottom .region {
  margin-top: 0;
}

#block-mansson-legaldocs p {
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}

@media(max-width:767px) {
  #block-mansson-logofooter {
    text-align: center;
  }
  #block-mansson-copyright {
    text-align: center;
  }
}

/* COOKIES */

.cookiesjsr-banner {
  background-color: #AC615D;
  padding: 2em 1em 1em 1em;
}

@media (min-width: 576px) {
  .cookiesjsr-btn {
    min-height: auto;
  }
}

.cookiesjsr-btn {
  align-items: center;
  background-color: transparent;
  border: 2px solid #F6F4F3;
  color: #F6F4F3;
  display: flex;
  font: inherit;
  justify-content: center;
  margin: .625em;
  opacity: 1;
  padding: 1rem 16px;
  border-radius: 0;
  text-decoration: none;
  text-transform: none;
  -webkit-transform: none;
  transform: none;
  transition: all .3s ease;
  white-space: nowrap;
  width: calc(100% - 2.5em);
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;

}

.cookiesjsr-btn:hover {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  background-color: #F6F4F3;
  color: #AC615D;
}

.cookiesjsr-btn.important {
  background-color: #F6F4F3;
  border-color: #AC615D;
  color: #AC615D;
}

.cookiesjsr-btn.important:hover {
  background-color: transparent;
  color: #F6F4F3;
  border-color: #F6F4F3;
}

.cookiesjsr-layer--title,
.cookiesjsr-service-group--tab,
.cookiesjsr-layer--label-all {
  color: #171113;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background: #AC615D;
}

.cookiesjsr-btn.invert {
    background-color: #F6F4F3;
    border-color: #AC615D;
    color: #AC615D;
}

.cookiesjsr-btn.invert:hover {
    background-color: #AC615D;
    border-color: #AC615D;
    color: #F6F4F3;
}

.cookiesjsr-btn.important.invert {
    background-color: #AC615D;
    border-color: #AC615D;
    color: #F6F4F3;
}

.cookiesjsr-btn.important.invert:hover {
    background-color: transparent;
    border-color: #AC615D;
    color: #AC615D;
}

.cookiesjsr-links li a {
  color: #F6F4F3 !important;
}

.cookiesjsr-layer--header {
  background-color: #F6F4F3;
  background: #F6F4F3;
  border-bottom: 1px solid #AC615D;
}

.cookiesjsr-layer--body {
  background: #F6F4F3;

}

.cookiesjsr-service-group--tab {
  background: #F6F4F3;
  border-bottom: 1px solid #AC615D;

}

.cookiesjsr-layer--footer {
  background: #F6F4F3;
  border-top: 1px solid #D37D5F;

}

.cookiesjsr-banner--info,
.cookiesjsr-service-group--intro {
  font-size: 16px;
}


/* Front page */



/*Splash */

.page-node-25 .highlighted > .section > .row > div {
  padding-right: 0;
  padding-left: 0;
}

#block-mansson-homepagesplash .field--name-field-photo-credit div {
  padding-right: 15px;  
}

/* Quote */

#block-mansson-quotehomepage {
  margin-bottom: 5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2rem 0 1rem;
  border-image: linear-gradient(to left, #F6F4F3 0%, #F6F4F3 33%, #AC615D 33%, #AC615D 66%, #F6F4F3 66%, #F6F4F3 100%);
  border-image-slice: 1;
}

#block-mansson-quotehomepage p em {
  font-size: 24px;
}                

#block-mansson-quotehomepage p strong {
  font-size: 14px;

}

@media(max-width:767px) {
  #block-mansson-quotehomepage p em {
  font-size: 20px;
} 
}

/* Next Concert*/

.page-node-25 .socials {
  display: none;
}

#block-mansson-views-block-concerts-block-3 {
  margin-bottom: 4rem;
}

#block-mansson-views-block-concerts-block-3 h3 {
  margin-bottom: 0.5rem;
}

#block-mansson-views-block-concerts-block-3 a.btn {
  margin-top: 1rem;
}

/* Video */

#block-mansson-homepagevideo a.btn {
  margin-top: 3rem;
}


/****** Concerts ******/

.date-box {
  text-align: center;
  line-height: 1.25;
  width: fit-content;
  padding: .75rem 1.5rem;
  background-color: #AC615D;
  color: white;
}

.year-box  {
  text-align: center;
  background-color: #AC615D;
  color: white;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-weight: 700 !important;
  font-size: 1.5rem;
}

.date-box time:nth-child(1) {
  font-size: 1.125rem;
  text-transform: uppercase;
}

.date-box time:nth-child(3) {
  font-weight: 700;
  font-size: 2rem;

}

.date-box time:nth-child(5) {
  font-size: 1rem;

}

.field--name-field-upcoming-events {
  padding-top: 3rem;
  margin-bottom: 3rem;
}


.date-box span:nth-child(1) {
  font-size: 1.125rem;
  text-transform: uppercase;
}

.date-box span:nth-child(3) {
  font-weight: 700;
  font-size: 2rem;

}

.date-box span:nth-child(5) {
  font-size: 1rem;

}

.date-box .field--name-field-year {
  font-weight: 700;
  font-size: 1.375rem;
}

#block-mansson-views-block-concerts-block-1 .views-row,
#block-mansson-views-block-concerts-block-2 .views-row {
  padding-bottom: 2rem;
}

#block-mansson-views-block-concerts-block-1 h3,
#block-mansson-views-block-concerts-block-2 h3 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  text-transform: none;
}

#block-mansson-views-block-concerts-block-2 {
  padding-top: 2rem;
}




@media(max-width:767px) {
  .year-box  {

  width: 80px;
  height: 80px;
  line-height: 80px;

}
}

/* Music page */


.page-node-2 .carousel-indicators {
  position: static;
  justify-content: space-between;
}


.page-node-2 .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: fit-content;
  height: auto;
  padding: 0;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  text-indent: 0;
  cursor: pointer;
  background-color: transparent;
  background-clip: unset;
  opacity: 1;
  border-bottom: none;
  border-top: none;
}

.page-node-2 .carousel-indicators button {
  border-bottom: none
  -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
    color: #071121;
    text-transform: uppercase;
    font-weight: 700;
}

.page-node-2 .carousel-indicators button:hover,
.page-node-2 .carousel-indicators button:focus {
  color: #8E4A49;
}

.page-node-2 .carousel-indicators button.active {
  color: #AC615D;
  }

/*.carousel-item.jazzMusic,
.carousel-item.folkMusic,
.carousel-item.classicalMusic {
  color: white;
}*/

.field--name-field-classical-watch > .field__item,
.field--name-field-classical-listen > .field__item,
.field--name-field-jazz-watch > .field__item,
.field--name-field-jazz-listen > .field__item, 
.field--name-field-folk-watch > .field__item,
.field--name-field-folk-listen > .field__item {
  padding-bottom: 2rem;
}

.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.field--name-field-author-composer,
.field--name-field-performers,
.field--name-field-author-composer .field__item,
.field--name-field-performers .field__item,
.field--name-field-author-composer .field__item .paragraph,
.field--name-field-performers .field__item .paragraph {
  display: inline;
}

.field--name-field-author-composer .field__item .paragraph,
.field--name-field-performers .field__item .paragraph {
  margin-right: -5px;
}

.page-node-2 .field--type-entity-reference strong {
  font-weight: 500;
  
}

.page-node-2 .node__content .field__item {
  font-size: 1.05rem;
}

.page-node-2 .node__content h4 .field__item {
  font-size: 1.5rem !important;
}

.sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls {
  background-color: #8E4A49;
}

@media(max-width:767px) {
  .carousel-indicators {
    margin-left: 0;
    margin-right: 0;
  }
  .carousel-indicators h2 {
    font-size: 1.625rem;
  }
  .page-node-2 h4 {
    margin-top: 1rem;
  }
  
}

/******* Biography *******/

.socials a {
  font-size: 30px;
}

@media(max-width:767px) {
  .page-node-1 .field--name-body {
    margin-bottom: 4rem;
  }
}

/******* Medias *******/

.page-node-29 .field--name-body {
  margin-bottom: 4rem;
}

.field--name-field-file {
  text-align: center;
}

@media(max-width:575px) {
  .field--name-field-file {
    margin-bottom: 3rem;
  }
}

/* Contact */

.form-control {
  color: #171113;
  background-color: #F6F4F3;
  border: 1px solid #C29F9E;
  border-radius: 0;
}

.form-control:focus {
  color: #171113;
  background-color: #F6F4F3;
  border-color: #AC615D;
  outline: 0;
  box-shadow: none;
}

.page-node-3 .field--name-field-photo-credit div {
  margin-bottom: 1rem;
}

@media(max-width:767px) {
  .field--name-webform {
    margin-bottom: 4rem;
  }
}

/******* Newsletter subscription *******/

#block-mansson-simplenewssubscription {
  padding-bottom: 5rem;
}

#block-mansson-simplenewssubscription input,
#block-mansson-abonnementsimplenews input {
  width:auto;
}

#block-mansson-abonnementsimplenews {
  background-color: #AC615D;
  padding: 2rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

#block-mansson-abonnementsimplenews h2,
#block-mansson-abonnementsimplenews p,
#block-mansson-abonnementsimplenews label {
  color: #F6F4F3;
}

#block-mansson-abonnementsimplenews .form-control {
    color: #F6F4F3;
    background-color: #AC615D;
    border: 1px solid #D3CAC5;
  }
  
#block-mansson-abonnementsimplenews .form-control:focus {
    color: #F6F4F3;
    background-color: #AC615D;
    border-color: #F6F4F3;
    }

#block-mansson-abonnementsimplenews .text-muted,
#block-mansson-simplenewssubscription .text-muted {
  display: none;
}

#block-mansson-abonnementsimplenews button.btn-primary {
  color: #AC615D;
  background-color: #F6F4F3;
  border-color: #F6F4F3;
}

#block-mansson-abonnementsimplenews button.btn-primary:hover,
#block-mansson-abonnementsimplenews button.btn-primary:focus {
  background-color: #E5DFDC;
  border-color: #E5DFDC;
  color: #AC615D;
}

.button.dialog-cancel {
  margin-left: 1.5rem;
}

/******* Legal docs *******/

.page-node-33 h2,
.page-node-34 h2 {
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}