/* BOLD.CSS
This File is used for Bold Custom App CSS only***
To include this file in your theme, add the following before the closing </head> tag in theme.liquid
{{ 'bold.css' | asset_url | stylesheet_tag }}
 */


.bold_option_element input[type=radio] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    border-color: #1c1d1d;
    background-color: #1c1d1d;
    color: #1c1d1d;
  	border-radius: 10px;
}

.bold_option_textarea .bold_option_title{
  	display:inline-grid;
}

.bold_option_textarea, .bold_option_radio, .bold_option_swatch, .bold_option_uploadfile  {
  	margin-bottom: 14px;
}

.bold_option_element textarea {
    width:100%;
}

/* .bold_option_value_swatch:hover{
  	width: 150px;
    height: 150px;
} */

.bold_option_value_swatch {
    width: 150px;
    height: 150px;
}

.bold_option_set {
    text-align: left;
}

.bold_option_swatch .bold_option_value {
    position: relative;
    display: block;
    margin-right: 5px;
}

.bold_option:not(:empty) {
    margin-top: 13px;
}


.bold_help_text {
    font-style: italic;
    color: #848484;
    display: block;
    margin-top: 8px;
}