/*
 Theme Name:   Alpha Web Woodmart
 Template:     woodmart
*/


/* Theme customization starts here
-------------------------------------------------------------- */

/* ====================================================== General ======================================================*/

/* ==================================================== END General ====================================================*/
#color-picker {
  position: relative;
  width: 500px;
  height: 500px;
}

#color-wheel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: radial-gradient(
    circle,
    #ff0000 0%,
    #ff7f00 17%,
    #ffff00 33%,
    #00ff00 50%,
    #0000ff 67%,
    #8b00ff 83%,
    #ff00ff 100%
  );
}

#picker {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#color-info {
  margin-top: 20px;
}

#color-info input[type="text"] {
  width: 60px;
}





/* =====================================================================================================================*/
/* ==================================================== Responsive =====================================================*/
/* =====================================================================================================================*/
/* =====================================================================================================================*/
@media only screen and (min-width: 1240px) {
 
 
    
}

/* =====================================================================================================================*/
@media only screen and (max-width: 767px) {
    
    
    
}  

/* =====================================================================================================================*/