:root {
    --main-color: #000000;
    --brand-color: #EF8600;
    --power-color: #cd1719;
    --vital-color: #3ea535;
    --diet-color: #752182;
    --detox-color: #009fe3;
    --link-color: #009fe3;
    --error-color: #cc0000;
}

.no-mobile { display: block; }
.mobile { display: none; }

main { margin-top: 20px; }
a { color: var(--link-color); }
footer { background-color: #fff; padding-bottom: 10px; }
footer p { font-size: 12px; padding-left: 20px; }

h4 { line-height: 90px; }
h5 { padding-top: 10px; }
h1 span,
h5 span { color: var(--link-color) }
h6 { font-size: 1rem; font-weight: bold; }

.container-main { padding-bottom: 180px; }
.content-box { padding-bottom: 10px; }

.btn-primary { background-color: var(--brand-color); border-color: var(--brand-color); } 
.btn-primary:hover { background-color: var(--link-color); border-color: var(--link-color); }

.navbar { background-color: var(--main-color); }
.navbar-brand { display: block; width: 100%; text-align: center; }
.navbar-toggler { margin-left: 10px; }

.admin-logo { margin: 5px 0 5px 10px; }

.sidebar { height: 100vh; position: fixed; background-color: #ffffff; z-index: 1000; }

.table thead tr,
.table tfoot tr { background-color: #efefef !important; }
.table tbody tr { }

table.table-inner
table.table-inner tr,
table.table-inner tr td { padding: 0; margin: 0; }

/* individual sites */
.news-content { min-height: 400px; }
.create-link { font-size: 22px; }
.media-remove { position: absolute; top: 28px; right: 9px; }


/* order */
.edit-data { position: absolute; top: 15px; right: 25px; z-index: 1000; cursor: pointer; }

/* meals */
.bgRed img, img.bgRed { border: 3px solid var(--power-color) }
.bgGreen img, img.bgGreen { border: 3px solid var(--vital-color) }
.bgPurple img, img.bgPurple { border: 3px solid var(--diet-color) }
.bgBlue img, img.bgBlue { border: 3px solid var(--detox-color) }

span.meal-cal {}
span.meal-protein { color: #CF014B; }
span.meal-fat { color: #E6EA22; }
span.meal-carbs { color: #23F51F; }

/* sort list */
.sortable .sort-item { cursor: grab; }
.sortable-placeholder { display: block; width: 100%; border-top: 1px solid #000; }

/* error messages */
.err-msg,
.err-msg ul { padding: 0; margin: 0; list-style-type: none; }
.err-msg ul li { color: var(--error-color) }
.custom-file ul { display: block; position: absolute; top: 40px; z-index: 1000; left: -40px; }
.custom-file ul li { display: inline-block; padding: 0; margin: 0; list-style-type: none; color: var(--error-color) }

@media (max-width: 768px) {
    .mobile { display: block; }
    .no-mobile { display: none; }
}