/** Shopify CDN: Minification failed

Line 49:29 Cannot use type selector "gt" directly after nesting selector "&"

**/
/* general */
  #the-all-new-color-chord-ukulele h5.majortitle {  
    font-family: Open Sans, sans-serif;
    text-transform: none;
    font-weight: 900;
    letter-spacing: -0.5px;
    margin-top: .5em;
    margin-bottom: .25em;
    font-size: 48px;
  }

  #how-to-hold-your-uke h5.majortitle, #how-to-strum h5.majortitle, #color-chords-and-arrows h5.majortitle 
  { text-transform: none; text-align: center; }


  svg#kalalogo { width: 110px; }
  .nav-svglogo { position: absolute; top: 0; left: 0; }
   #main-nav .account-wrapper, #main-nav #hidden-nav {display: none;}   
       #content { background-image: url("/cdn/shop/files/ColorChord-Grey-Arrows-Web-Pattern.jpg?9100869807037924137"); background-repeat: repeat; background-size: 50%; }
       .custom-section:nth-child(even) {background-color: transparent;}
       p {font-size: 16px !important;}

       ::selection{/* Webkit & Opera */
        background: #f3f3f3 !important;
        color: #070707 !important;
        }
        ::-moz-selection{ /* Firefox */
        background: #f3f3f3 !important;
        color: #070707 !important;
        }

        .container {
          padding-left: 5% !important;
          padding-right: 5% !important;
          background: rgba(255,255,255, .80);
        }

        #colorchord-logo {
          margin-top: 7%;
          margin-bottom: 7%;
        }

        #pagefooter {display: none;}
        #learn-to-play > div > div.layout-column-half-left.custom-content > div > h1 {display: none;}

/* sections */

        #parts {
          background-color: #ffffff;
          border-top: solid 2px #f5f5f5 !important;
          border-left: solid 10px #da3527 !important;
          border-right: solid 2px #f5f5f5 !important;
        }
        
        #how-to-tune {
          margin-top: 0px;
          margin-bottom: 0px; 
          background-color: #ffffff;
          border-left: solid 10px #f8cc18 !important;
          border-right: solid 2px #f5f5f5 !important;
        }
        
        #the-basics, #how-to-hold-your-uke, #how-to-strum, #color-chords-and-arrows, 
        #learn-songs, #vimeo-player, #emily-arrow 
        { background: #ffffff; 
          padding-bottom: 7%;
          margin-top: 0px !important;
          margin-bottom: 0px !important;
          box-sizing: border-box;
        }

        #the-basics, #how-to-hold-your-uke {
          border-left: solid 10px #89c9d9 !important;
        }

        #the-basics, #color-chords-and-arrows, #learn-songs, #vimeo-player {
          border-right: solid 2px #f5f5f5 !important;
        }

        #learn-songs, #vimeo-player, #emily-arrow {
          border-left: solid 10px #66c192 !important;
        }
        #learn-songs, #the-basics { 
          padding-bottom: 0px !important;
        }
        #vimeo-player {
          border-right: solid 2px #f5f5f5 !important;
          margin-bottom: 0px !important;
          /*height:550px;*/
          background-color: #ffffff;
          padding: 0 5%;
        }

/*        #video-player-iframe {
          height: 500px;
        }*/

        #emily-arrow {
          border-bottom: solid 2px #f5f5f5 !important;
          border-right: solid 2px #f5f5f5 !important;
          margin-top: 0px !important;
          padding: 100px 5%;
        }

        #free-kala-ukulele-app {
          border-top: solid 3px #f5f5f5 !important;
          border-left: solid 3px #f5f5f5 !important;
          border-right: solid 3px #f5f5f5 !important;
          border-bottom: solid 3px #f5f5f5 !important;
          background-color: #ffffff;
          margin-bottom: 10% !important;
        }

        #free-kala-ukulele-app .content {
          margin-top: 10%
        }

        #go-learn-to-play .majortitle { display: none; }
        #go-learn-to-play { 
          display: none;
          background-color: #ffffff; 
          margin-top: 0px !important;
          border-bottom: solid 3px #f5f5f5 !important;
          border-left: solid 3px #f5f5f5 !important;
          border-right: solid 3px #f5f5f5 !important;
        }


        .colorchord { background: rgba(255,255,255, .80); }

        #the-all-new-color-chord-ukulele h1 
        {
          font-family: Open Sans, sans-serif;
          text-transform: none;
          font-weight: 900;
          letter-spacing: -0.5px;
          margin-top: .5em;
          margin-bottom: .25em;
          font-size: 48px;
        }

        #player_infobox .title {
          font-family: Open Sans, sans-serif;
          text-transform: none;
          font-weight: 900;
          letter-spacing: -0.5px;
          margin-top: .5em;
          margin-bottom: .25em;
          font-size: 34px;
        }


        .colorchordvideos.custom-section {
                  height:550px;
                  padding-bottom: 100px;
        }
        #player {
          width: 100% !important;
        }
        #player_infobox { 
          margin-left: 50px; 
          background-color: transparent; 
          border: none; 
          padding: 0 30px;
          float: left;
          height: auto !important;
        }
        #player_display {
          background: none !important;
        }
        #player_carousel { 
          top: 320px !important; 
          width: 100% !important; }
        #player_carousel_wrap { 
          padding-bottom: 125px !important;
          padding-top:25px !important;
          height: 180px !important;
          width: 100% !important;
          left: 0 !important; }
        #player_carousel_list li a img {
          padding-bottom: 10px;
         } 
         #player_carousel_list li a span {
           font-family: Open Sans, sans-serif;
           text-transform: none;
           font-weight: 900;
           letter-spacing: -0.5px;
           font-size: 18px;
           line-height: 1;
           color: #070707;
         }
/*         #player_carousel ul li {
          margin: 0 auto;
          margin-right: 10px !important;
         }*/
         #player_carousel_navleft, #player_carousel_navright {
          color: #070707;
          top: 70px !important;

         }

         #player_carousel_navleft {
          left: -5% !important;
         }
         #player_carousel_navright {
          right: -5% !important;
         }


/* responsive */
      @media screen and (max-width: 1080px){
          #basics {
            padding-bottom: 7%;
          }
      }

      @media only screen and (max-width: 767px) {
        #the-all-new-color-chord-ukulele h1 
        { margin-top: 0; padding-top: 0;
        }
        #how-to-tune { padding-bottom: 0 !important;
        }
        #the-basics, #how-to-hold-your-uke, #how-to-strum, #color-chords-and-arrows {
          border-left: solid 10px #89c9d9 !important;
        }
      }

     @media only screen and (max-width: 1080px) {
        .colorchordvideos.custom-section {
          height: 800px;
        }
         #player_display { position: initial !important; width: 100% !important; }
         #player_display iframe {
          margin: 0 auto;
          width: 100%;
         }
         #player_infobox {
          margin: 55px auto;
          width: 100% !important;
          top: 500px !important;
          left: 0px !important;
         }
         .layout-column-half-right .vertical-align {
          padding-left: 0px !important;
         }
       }





       #player_infobox p {
        font-family: "Open Sans", sans-serif !important;
        font-size: 16px !important;
        line-height: 24px !important;
       }

       @media only screen and (max-width: 768px) {
         #player_carousel {
          top: 300px !important;
         }
         #player_infobox {
          margin: 135px auto;
          width: 100% !important;
          top: 380px !important;
          left: 0px !important;
         }
         .cart-count {display: none;}
       }

       @media only screen and (max-width: 767px) {
         .cart-count {display: none !important;}
          #colorchord-logo {
    margin-top: 25% !important;
  }
       #content { background-size: 100%;
       }
         #basics { padding-top: 14%;
         }
       }