@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

$c-product-colours-materials-tech-content-title: $default-font-family !default;

.c-product-colours-materials-tech__brand-block {
    margin-bottom: 30px;
}
    .c-product-colours-materials-tech__title {
        text-transform: uppercase;
        font-size: 20px;
        text-align: left;
        font-family: $c-product-colours-materials-tech-content-title;
        font-weight: $font-weight-semi-bold;
        margin-bottom: 49px;
    }
        .c-product-colours-materials-tech__brand-title {
            color: $grey-super-dark;
            border-bottom: solid 1px transparentize(rgb(30,30,30),0.8);
            padding-bottom: 14px;
            margin-bottom: 14px;
            font-weight: 500;
        }

        .c-product-colours-materials-tech__colours,
        .c-product-colours-materials-tech__materials {
            display: inline-block;
            width: 50%;
            vertical-align: middle;
            min-height: 100px;
        }
            .c-product-colours-materials-tech__materials-text {
                margin: 0;
                color: $grey-alt;
            }

            .c-product-colours-materials-tech__colour-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }
                .c-product-colours-materials-tech__colour-item {
                    display: inline-block;
                    margin-right: 7px;
                    &:last-child {
                        margin-right: 0;
                    }
                }
                    .c-product-colours-materials-tech__colour-swatch {
                        width: 25px;
                        height: 25px;
                        border: solid 1px rgba(30, 30, 30, 0.2);
                        border-radius: 50%;
                    }