/*
Theme Name:   One Up Child
Theme URI:
Description:  Official One Up child theme
Author:       Webotop
Author URI:   https://webotop.fr
Template:     One-Up
Version:      1.5.24
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}


.site-title {font-size:1.5em}
/*.site-title, .artist-name {font-family: 'Titan One';}*/


img.landscape-img {
    max-height: 500px;
    object-fit: cover;
  }

.fa-solid {padding-right: 4px;}


#pageWE {
  position: relative;
  z-index: 1;
}



*:focus {
  outline: 0 !important;
  box-shadow: 0!important
}

.ml-2, .ml-md-2 {margin-left:20px}
.ml-0, .ml-md-0 {margin-left:0}
.mb-2 {margin-bottom:20px}

a, a:active, a:focus {
  color: inherit;
  outline: none;
  box-shadow: 0!important
}

a.button:hover, a.button:visited {
  text-decoration: none!important;
}

.row {
  margin: 0;
  padding: 0;
}


#masthead, #main {background:transparent;color: white;}


.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img, a:hover {
  outline: 0!important;
  text-decoration:none!important
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}



/* avoid whte flash on dark/light theme switch */

#page {background:transparent!important}


.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: none;
  text-decoration: none;
}

.head-container {position: relative}

.container-fluid {
  padding: 0;
}


.center {text-align:center; align-content: center;}

.mx-auto.no-gaps, .no-gaps {margin:0;padding:0}

.site-main > * {
  margin-top: 0;
  margin-bottom: 0
}

.site-header > .site-logo {
  width: auto!important;
}

.site-header {
  padding:0;
  flex-direction: column;
}

.right {text-align: right;}


  hr.separator {
    width: 10%;
    margin: 2%;
    color: 	var(--global--color-sun);
    background: aquamarine;
    border-color: var(--global--color-sun);}

    .container-full {padding-right:80px}

    .site-header > .site-logo {
      border-bottom: none;
      padding-bottom: 0;
      border-bottom: none;
      text-align:left

    }

    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),

    .default-max-width {
      max-width: 1200px;
    }


    .site-branding {
      padding-left:0
    }

    .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
      background: transparent;
    }

    #content {
      position:relative;
      min-height: 100vh;
    }

    .site-main, .archive {padding-top:0;  min-height: 100vh;}

    .wrap {
      margin:auto;
    }

    .wave-container{
      width:100%;
      margin-left:10px;
      position: relative;
    }

    .container-custom {
      position:relative;

    }


    #playlist .tax-image {
      position: absolute;
      top: 0;
      z-index: -1;
      width: 100%;
      height: auto;
      left: 0;
    }

    .tax-image {
      z-index: -1;
      position: relative;
      overflow: hidden;
    }

    .tax-image img {
      width: 100%;
      object-fit: cover;
    }

    #playlist .tax-image img {
      width: 100%;
    }

    #playlist li {margin-bottom:30px}

    @media screen AND (max-width:1380px) {

      .container-custom {
        margin-top:0
      }

    }


    @media screen AND (max-width:980px) {

      .welcome {
        position:relative;
        top:0
      }

    }


    p {
      vertical-align: top;
      margin: 0;
    }


    #masthead-page .site-logo .custom-logo {
      max-width: 200px
    }

    .mx-auto {margin:auto;}

    /* page */

    .singular .entry-title {
      font-size: var(--global--font-size-page-title);
      /* transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
      text-transform: uppercase;
    }

    .singular .entry-header {
      border-bottom: none;
    }

    .page-header {
      border-bottom: none
    }

    .entry-content  {
      background: var(--global--color-background);
      padding-top: 50px;}


      /* Flexslider */

      .flexslider{background:transparent!important;border:none!important}

      .flexslider h1, .entry-header h1 {text-transform:uppercase; color: var(--global--color-blue);}

      .flexslider p {line-height: 1.2;font-size: 18px;}

      .flexslider {
        background: transparent;
        border: none;
        height: auto;
      }

      .flexslider .slides li.hide {display:none!important}

      .news-feed {
        position: relative;
        text-align: left;
        font-size: 15px;
        font-weight: 200;
        bottom: 0;
        top:40px
      }


      .flexslider li {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
      }

      /*
      .site-branding {
      margin-right: 140px;
      }
      */
      .flexslider hr.slide-right-delay, .entry-header hr, .site-branding hr {  margin-left: -128px;width:100%;border-bottom: 1px solid var(--global--color-blue);}


      /* ----------------------------------------------
      * Generated by Animista on 2019-9-23 13:41:33
      * Licensed under FreeBSD License.
      * See http://animista.net/license for more info.
      * w: http://animista.net, t: @cssanimista
      * ---------------------------------------------- */


      .slide-right {
        -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      }

      .slide-left {
        -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      }


      .slide-right-delay {
        width: 108%;
        -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
      }

      /**
      * ----------------------------------------
      * animation slide-right
      * ----------------------------------------
      */


      @-webkit-keyframes slide-right {
        0% {
          -webkit-transform: translateX(-800px);
          transform: translateX(-800px);
        }
        100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
      }
      @keyframes slide-right {
        0% {
          -webkit-transform: translateX(-800px);
          transform: translateX(-800px);
        }
        100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
      }

      @-webkit-keyframes slide-left {
        0% {
          -webkit-transform: translateX(800px);
          transform: translateX(800px);
        }
        100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
      }
      @keyframes slide-left {
        0% {
          -webkit-transform: translateX(800px);
          transform: translateX(800px);
        }
        100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
      }

      @-webkit-keyframes slide-right-delay {
        0% {
          -webkit-transform: translateX(-800px);
          transform: translateX(-800px);
        }
        100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
      }
      @keyframes slide-right-delay {
        0% {
          -webkit-transform: translateX(-800px);
          transform: translateX(-800px);
        }
        100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
      }

      @-webkit-keyframes slide-up {
        0% {
          -webkit-transform: translateY(-800px);
          transform: translateY(-800px);
        }
        100% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
        }
      }
      @keyframes slide-up {
        0% {
          -webkit-transform: translateY(-800px);
          transform: translateY(-800px);
        }
        100% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
        }
      }



      /* removing dotted outline */
      .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover,.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child  {
        text-decoration: none;
      }
      .primary-navigation .current-menu-item > a:first-child:focus-within, .primary-navigation .current_page_item > a:first-child:focus-within,
      .primary-navigation .menu-item > a:focus-within, .primary-navigation > a:focus-within
      {
        text-decoration: none!important;
      }
      .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
        text-decoration: none;
      }

      .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
        outline: 0
      }


      button {margin-top:20px;border-radius:80px;font-weight:200}
      button:not(:hover):not(:active):not(.has-background) {background-color:transparent;}
      button a {text-decoration: none; text-transform: uppercase;color:var(--global--color-blue2);}
      button:not(:hover):not(:active):not(.has-text-color), button .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
        background-color: var(--global--color-blue2);
        outline: 0;
      }

      .shortnav {

        margin: 0;
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        margin-top: 0;

      }

      .close {
        position: absolute;
        cursor: default;
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        right: 3px;
        cursor:pointer;
        margin-top:0;
        top:0
      }

      .back {
        position: absolute;
        cursor: default;
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        cursor:pointer;
        top:0
      }

      /* footer */

      footer .site-logo img {    max-width: 10%; }
      .powered-by {font-size: 12px}

      .site-footer > .site-info {
        border-top: none;
      }

      .site-footer > .site-info, .site-footer {
        padding-top: 0;padding-bottom:0;margin-top:0;margin-bottom:0
      }

        .is-dark-theme footer {
          filter: brightness(0.85) contrast(1.1);
        }

        footer a {text-decoration: none;}

        .site-footer {max-width: 100%;margin-left:0;margin-right:0;position: relative;}
        .site-footer p {color:white;text-align: center}

        .mobile {display:none}



        /* Custom Dark mode */

        #dark-mode-toggler {
          border: none;
          border-radius: 100px;
        }

        #dark-mode-toggler.fixed-bottom {
          width: 60px;
        }

        #dark-mode-toggler:hover, #dark-mode-toggler:focus {
          border: none;
          color: white;
          background-color: var(--global--color-background);
        }

        /* any form field */

        fieldset {
          display:block;
          border: none;
          padding: 0;
        }

        fieldset input:not([type=submit]) {
          margin-bottom: 0;
        }

        fieldset input:not([type=submit]) {
          margin-bottom: 0;
          border: 1px solid var(--global--color-blue);
          width:100%;
        }


        .eq-bar {
          transform: scale(1, -1) translate(0, -24px);

        }
/*
        .playing svg {
          height:15px;
          margin-top: -12px;
          margin-right: 1px;
          margin-left: -8px;
        }
*/

        .eq-bar--1 {
          animation-name: short-eq;
          animation-duration: 0.5s;
          animation-iteration-count: infinite;
          animation-delay: 0s;
          fill:white
        }

        .eq-bar--2 {
          animation-name: tall-eq;
          animation-duration: 0.5s;
          animation-iteration-count: infinite;
          animation-delay: 0.17s;
          fill:white
        }

        .eq-bar--3 {
          animation-name: short-eq;
          animation-duration: 0.5s;
          animation-iteration-count: infinite;
          animation-delay: 0.34s;
          fill:white
        }

        @keyframes short-eq {
          0% {
            height: 8px
          }

          50% {
            height: 4px
          }

          100% {
            height: 8px
          }
        }

        @keyframes tall-eq {
          0% {
            height: 16px
          }

          50% {
            height: 6px
          }

          100% {
            height: 16px
          }
        }


        @media screen AND (max-width:981px) {

          #masthead {background-size: 1480px auto!important;}

          .mobile {display:block}

          .no-mobile {display:none}

          #menu-mobile {
            position: fixed;
            top: 0;
            right: 0;
            z-index: 4
          }

          #menu-mobile label .menu {
            position: absolute;
            right: -100px;
            top: -100px;
            z-index: 100;
            width: 200px;
            height: 200px;
            background: #FFF;
            border-radius: 50% 50% 50% 50%;
            -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
            cursor: pointer;

          }

          #menu-mobile label .hamburger {
            position: absolute;
            top: 135px;
            left: 50px;
            width: 30px;
            height: 2px;
            background: #69D2e7;
            display: block;
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
          }

          #menu-mobile label .hamburger:after, #menu-mobile label .hamburger:before {
            -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            background: #69d2e7;
          }

          #menu-mobile label .hamburger:before { top: -10px; }

          #menu-mobile label .hamburger:after { bottom: -10px; }

          #menu-mobile label input { display: none; }

          #menu-mobile label input:checked + .menu {
            box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF;
            border-radius: 0;

          }

          #menu-mobile label input:checked + .menu .hamburger {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

          }

          #menu-mobile label input:checked + .menu .hamburger:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            bottom: 0;

          }

          #menu-mobile label input:checked + .menu .hamburger:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            top: 0;

          }

          #menu-mobile label ul {
            position: absolute;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: .25s 0s ease-in-out;
            transition: .25s 0s ease-in-out;
            list-style: none;
            top: 250px;
            width: 400px;
            left: -250px;
          }

          #menu-mobile label a {
            color: #1380c3;
            text-decoration: none;
            text-transform: uppercase;
          }

          #hamb-menu {
            z-index: 444;
            display:none;
          }
          .primary-navigation {
            left: 0;
          } /*help hamb menu to be at the right spot*/

          #hamb-menu img {
            position: relative;
            width: 100%;
            margin-left: -200px;
            top: 10px;
            right: 15px;
          }

          #hamb-menu.primary-navigation {margin-right:0}

          .flexslider hr.slide-right-delay {
            margin-left: -20px;
          }

          .container-full {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
          }

          section {text-align: center; margin-bottom: 10px!important}

          #contact {
            background-size: 1480px!important;
          }

        }