@import 'variables.css';
@import 'reset.css';

@import 'main.css';
@import 'slick.css';

/* Elements */
@import 'elements/breadcrumbs.css';
@import 'elements/button.css';
@import 'elements/checkbox.css';
@import 'elements/form.css';
@import 'elements/section.css';

/* Layouts */
@import 'layouts/footer.css';
@import 'layouts/header.css';
@import 'layouts/menu.css';
@import 'layouts/section.css';

/* Pages */
@import 'pages/page.css';
@import 'pages/catalog.css';
@import 'pages/category.css';
@import 'pages/contact.css';
@import 'pages/document.css';
@import 'pages/job.css';
@import 'pages/jobs.css';
@import 'pages/login.css';
@import 'pages/offer.css';
@import 'pages/product.css';
@import 'pages/profile.css';

/* Blocks */
@import 'blocks/breaker.css';
@import 'blocks/card.css';
@import 'blocks/cards.css';
@import 'blocks/column.css';
@import 'blocks/contact.css';
@import 'blocks/hero.css';
@import 'blocks/search.css';

.field-validation-error {
    display: block;
    margin-top: 4px;
    color: #d71016;
    font-size: 13px;
}

.input-validation-error {
    border-color: #d71016;
}

.container {
    max-width: 1440px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width:768px) {
    .container {
        padding-left: 4.6875rem;
        padding-right: 4.6875rem;
        /*padding-left: 9.375rem;
        padding-right: 9.375rem;*/
    }
}