:root {
    --chamberlain-main-color: #0B1D99;
    --chamberlain-secondary-color: #c9e8f5;
    --chamberlain-button-secondary-color: #0E29D5;
    --tab-gab: 2rem;
    --main-font-family: "AktivGrotesk", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --search-button-background-color: var(--chamberlain-main-color);
    --product-title-font: var(--main-font-family);
    --product-title-color: #000000;
    --product-title-font-weight: 500;
    --product-title-font-style: normal;
    --product-title-text-transform: capitalize;
    --product-price-color: #4c5056;
    --product-title-size: 22px;
    --product-price-weight: 700;
    --product-metadata-color: #4c5056;
    --product-title-margin-top: 20px;
    --call-to-action-height: 1rem;
    --call-to-action-font-family: var(--main-font-family);
    --call-to-action-font-size: 18px;
    --call-to-action-element-height: 41.91px;
    --search-box-submit-width: 50px;
    --search-box-submit-padding: 0.5rem;
    --search-box-color: #4c5056;
    --search-box-font-size: 16px;
    --pager-color: var(--chamberlain-main-color);
    --button-hover-color: var(--chamberlain-button-secondary-color);
    --tab-active-background-color: var(--chamberlain-secondary-color);
    --facet-checkbox-hover-color: var(--chamberlain-main-color);
    --facet-checkbox-color: rgb(72, 81, 83);
    --facet-checkbox-border-radius:0;
    --search-box-gab: 0px;
    --button-border-radius: 20px;
    --chamberlain-facet-color: #4c5056 !important;
    --ui-promotion-default-main-color: #00305E;
}

atomic-breadbox,
atomic-category-facet,
atomic-numeric-facet,
atomic-facet {
    --atomic-primary: var(--chamberlain-main-color) !important;
}


atomic-search-box::part(suggestions-wrapper) {
    max-width: var(--search-box-width);
}

atomic-search-box::part(submit-button) {
    color: var(--chamberlain-main-color);
    background-color: white !important;
    margin: 0 !important;
}

atomic-search-box::part(clear-button) {
	background-color: #4c5056;
}

@media only screen and (min-width: 0px) {
    :root {
        --search-box-height: 40px;
    }

    custom-search-query {
        padding-top: 24px;
    }
}

@media only screen and (min-width: 992px) {
    :root {
        --search-box-height: 48px;
    }
    custom-search-query{
        padding-top: 32px;
    }
}