/*!
 * fields/image.less
 *
 * Copyright 2016 Achraf Chouk
 * Achraf Chouk (https://github.com/crewstyle)
 */

.olz-field-content{
    &.radio,
    &.checkbox {
        &.image {
            p {
                display: inline-block;
                margin: 5px;
                position: relative;
                text-align: center;
                max-width: 200px;
            }

            label {
                border: none;
                padding: 5px;
                text-align: center;

                img {
                    display: block;
                    max-width: 100%;
                    position: relative;
                    z-index: 2;
                }

                &:hover {
                    background-color: @second;
                }

                &.selected {
                    background-color: @primary;
                }
            }
        }
    }
}