/*
Theme Name: jskeva
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.size-option{
	 display: grid;
    border-left: 1px solid;
    border-color: #eceff1;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    margin-bottom: 15px;
}
.size-option >.size-input-wrapper label{
  width:100%;
  height:100%;
  cursor:pointer;
  display: block;
  align-items: center;
   line-height: 40px; 

}
.size-option >.size-input-wrapper input{
  opacity: 0;
  position: absolute;

}
.size-option >.size-input-wrapper {
  letter-spacing: -0.2px;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation;
        width: auto;
        border: 1px solid #eceff1;
        border-left: none;
    	margin-bottom: -1px;
    	height: 40px;
	    display: flex;
	    justify-content: center;
	    text-align: center;
	    align-items: center;
	    line-height: 1em;
	    cursor: pointer; 
	    margin-right: 0;
}
.size-option >.size-input-wrapper > input[type="radio"]:checked+label{ font-weight: bold; color:#fff; background:#000} 
 .label-for-single-option{
 	display:flex;
 	justify-content: flex-start;
}
 .label-for-single-option > label{
 	margin-right:8px;
 }
 .label-for-single-option >.size-selected-value {
 	margin-right: 68%%;
 }
 .label-for-single-option >.size-guide {    
 	margin-left: auto;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1.9;}
/*custimized item input*/
.customize-container > legend {
	font-weight:bold;
	margin:5px;
}
.customize-container .form__label {
  
  margin-top: 0.7rem;
  display: block;
  transition: all 0.3s;
  transform: translateY(0rem);
}

.customize-container  .form__input {
  
  color: #333;
  font-size: 1.2rem;
	margin: 0 auto;
  padding: 1.5rem 2rem;
  border-radius: 0.2rem;
  background-color: rgb(255, 255, 255);
  border: none;

  display: block;
  border-bottom: 0.3rem solid transparent;
  transition: all 0.3s;
}

.customize-container  .form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.product-info.product-summary th.label > label[for=pa_size]{
	width: 100%;
    display: inline-flex;
}
.sizechart-label {
	margin-left: 60%;
	cursor:pointer;
} 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}