//////////////////////////////
/// BOOTSTRAP OVERRIDES
//////////////////////////////
@import 'variables';

//////////////////////////////
/// PLUGINS (aka vendors)
//////////////////////////////
@import 'plugins/fontawesome-all.css';
@import 'plugins/formstyler.css';
@import 'plugins/formstyler.theme.css';
@import 'plugins/percircle.css';
@import 'plugins/rateit';

//////////////////////////////
/// BOOTSTRAP COMPONENTS AND UTILS
//////////////////////////////
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';
@import '~bootstrap/scss/reboot';
@import '~bootstrap/scss/utilities';
@import '~bootstrap/scss/grid';
@import '~bootstrap/scss/nav';
@import '~bootstrap/scss/buttons';
@import '~bootstrap/scss/modal';
@import '~bootstrap/scss/forms';
@import '~bootstrap/scss/close';
@import '~bootstrap/scss/dropdown';
@import '~bootstrap/scss/breadcrumb';
@import '~bootstrap/scss/card';

//////////////////////////////
/// BOOTSTRAP PATCHES
//////////////////////////////
.dropdown-menu.show {
    z-index: 20;
}

.nav-item.dropdown:hover .dropdown-menu.hoverable {
    display: block;
    margin: 0;
}

.pagination {
    display: flex;
    align-items: center;
}

//////////////////////////////
/// UTILS
//////////////////////////////
// negative margins
.m-n100px {
    margin: -100px !important;
}
.tdn {
    text-decoration: none !important;
}

//////////////////////////////
/// BASE
//////////////////////////////
@import 'base/typography';

//////////////////////////////
/// SVG Icons from SVG sprites
//////////////////////////////
@import '~svg-spritemap-webpack-plugin/sprites';
@import 'icons/icons';

//////////////////////////////
/// LEGACY
//////////////////////////////
@import 'legacy/app-layout';

//////////////////////////////
/// LAYOUT
//////////////////////////////
@import 'layout/header';
@import 'layout/content';
@import 'layout/sidebar';
@import 'layout/footer';

//////////////////////////////
/// PAGES
//////////////////////////////

//////////////////////////////
/// BLOCKS (sections and blocks)
//////////////////////////////
@import 'sections/content-region';

//////////////////////////////
/// LEGACY COMPONENTS (They Have No Blade Instance Yet)
//////////////////////////////
@import "legacy/components/breadcrumbs";
@import "legacy/components/sidebar-link-list";
@import "legacy/components/pagination";
@import "legacy/components/button";
@import "legacy/components/nav";

//////////////////////////////
/// BLADE's COMPONENTS
//////////////////////////////
@import 'components/company/main-list';
@import 'components/company/main-list-item';
@import 'components/company/medal';

.site-name {
    font-family: "Arimo", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;

    // TODO replace by proper mixins
    @media (max-width: 1199px) {
        font-size: 19px;
    }
    @media (max-width: 767px) {
        font-size: 17px;
    }

    @media (max-width: 575px) {
        font-size: 16px;
        font-weight: 700;
        list-style: 1.1;
    }
}

.header .menu {
    margin-bottom: 0;
}

.btn.btn-admin {
    background: #4273FA !important;
    color: white !important;
    border-color: #4273FA !important;
    outline-color: #4273FA !important;
    text-decoration: none;
}