.form-control {
    /*Bootstrp reference??*/
    font-size: 1.5rem;
}


.important {
    color: var(--important);
    /*font-size: 2rem;*/
}

.error-wrap {
    text-align: center;
    margin: 25px;
}


.page-title {
    text-align: center;
    margin-top: 25px;
}

.page-content {
    text-align: center;
    margin: auto !important;
}

.category-details {
    max-width: 800px;
    text-align: center;
    margin: auto;
    font-size: 20px;
}

.category-images-table {
    margin: auto;
}
.category-images-table td {
    padding: 10px;
}

li {
    /*list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 24 24" id="svg-9649"><path d="m23.526 5.101c-.04-.399-.231-.759-.541-1.014l-2.318-1.904c-.639-.524-1.585-.432-2.111.207l-9.745 11.86-3.916-3.355c-.628-.536-1.576-.465-2.115.163l-1.952 2.278c-.261.304-.388.691-.357 1.091s.215.764.52 1.024l7.403 6.346c.275.235.616.361.974.361.044 0 .089-.002.134-.006.405-.036.77-.229 1.028-.542l12.662-15.411c.255-.309.373-.7.334-1.098z" fill="%232196f3"></path><path d="m.638 13.173c-.304.354-.452.807-.417 1.273.036.466.251.891.606 1.194l7.403 6.346v.001c.321.273.719.421 1.136.421.052 0 .104-.003.156-.007.472-.042.898-.266 1.199-.632l12.665-15.411c.613-.746.504-1.852-.242-2.464l-2.318-1.904c-.744-.612-1.848-.504-2.463.24l-9.584 11.665-3.722-3.189c-.732-.627-1.839-.543-2.467.189zm3.444-1.329 4.303 3.688c.153.131.348.196.554.178.201-.018.386-.115.514-.271l10.07-12.255c.087-.107.246-.123.352-.035l2.318 1.904c.107.088.123.246.035.353l-12.664 15.41c-.058.07-.132.087-.171.09-.039.006-.115.001-.185-.059l-7.404-6.346c-.068-.059-.083-.132-.086-.171-.003-.038.001-.113.06-.182l1.952-2.278c.089-.102.247-.116.352-.026z"></path></svg>');*/
    font-family: OpenSans, Arial, sans-serif;
}

li::marker {
    font-size: 24px;
}

.category-example {
    /*Category example image*/
    width: 90%;
    max-width: 400px;
    height: auto;
}

/*.category-buttons {*/
/*    margin: 50px 0;*/
/*}*/

/*.btn-category-btn {*/
/*    min-width: 180px;*/
/*    text-align: center;*/
/*    margin: 25px;*/
/*}*/

.questions {
    font-size: 24px;
}

.questions-icon {
    width: 39px;
}

#size-select-box {
    width: 370px; /*400*/
    /*padding: 10px;*/
    background-color: var(--bgd-bright);
    border: solid var(--border-dark) 2px;
    border-radius: 5px;
    visibility: hidden;
    position: absolute;
}

.size-table-wrapper {
    height: 500px;
}

.size-select {
    width: calc(100% - 50px);
    background-color: #DFDDDC;
    margin: auto;
    height: 500px;
}


/*New Category Page*/

.category-info {
    width: min(100% - 2rem, 1050px);
    margin: 0 auto;
    padding: 1.5rem 0 3rem;

    color: #333;
}

.category-info__header {
    margin-bottom: 1.5rem;
    padding-bottom: .75rem;

    border-bottom: 1px solid #ccc;
}

.category-info__header h1 {
    margin: 0;

    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 600;
    line-height: 1.15;
}

.category-info__main {
    display: grid;
    grid-template-columns: 400px minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;
}


/* IMAGE */

.category-info__image {
    width: 100%;
    max-width: 400px;
    aspect-ratio: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f5f5f5;
    border: 1px solid #d5d5d5;
}

.category-info__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* TEXT */

.category-info__content {
    min-width: 0;
}

.category-info__lead {
    margin-top: 0;

    font-size: 1.1rem;
    line-height: 1.6;
}

.category-info__content p {
    line-height: 1.65;
}

.category-info__content h2 {
    margin: 1.75rem 0 .65rem;

    font-size: 1.15rem;
    font-weight: 600;
}

.category-info__content ul {
    margin: .5rem 0 0;
    padding-left: 1.25rem;
}

.category-info__content li {
    margin-bottom: .35rem;
}


/* COUNTS */

.category-info__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    margin: .8rem 0 1.25rem;

    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.category-info__stats > div {
    padding: 1rem .75rem;

    text-align: center;

    background: #f5f5f5;
    border-right: 1px solid #ccc;
}

.category-info__stats > div:last-child {
    border-right: 0;
}

.category-info__stats strong {
    display: block;

    font-size: 1.65rem;
    font-weight: 600;
}

.category-info__stats span {
    display: block;
    margin-top: .2rem;

    color: #666;
    font-size: .82rem;
}

.category-info__help {
    color: #555;
}


/* LINKS */

.category-info__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;

    margin-top: 1.5rem;
}

.category-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: .65rem 1rem;

    color: #333;
    font-weight: 600;
    text-decoration: none;

    background: #fff;
    border: 1px solid #888;
    border-radius: 6px;

    transition:
            background-color .15s,
            color .15s,
            border-color .15s;
}

.category-btn:hover {
    background: #eee;
    border-color: #555;
}

.category-btn--primary {
    color: #fff;

    background: #444;
    border-color: #444;
}

.category-btn--primary:hover {
    color: #fff;

    background: #222;
    border-color: #222;
}


/* MOBILE */

@media (max-width: 760px) {

    .category-info__main {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .category-info__image {
        margin: 0 auto;
    }

}

@media (max-width: 520px) {

    .category-info {
        width: calc(100% - 1rem);
    }

    .category-info__stats {
        grid-template-columns: 1fr;
    }

    .category-info__stats > div {
        display: flex;
        align-items: baseline;
        justify-content: space-between;

        padding: .75rem 1rem;

        text-align: left;

        border-right: 0;
        border-bottom: 1px solid #ccc;
    }

    .category-info__stats > div:last-child {
        border-bottom: 0;
    }

    .category-info__stats strong {
        font-size: 1.3rem;
    }

    .category-info__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .category-btn {
        width: 100%;
    }

}
/*# sourceMappingURL=category.css.map */