/*
Theme Name:   CozarStudio Child
Description:  Theme for CozarStudio Advanced WordPress Development
Author:       CozarStudio
Author URL:   https://cozarstudio.com/
Template:     cozarstudio
Version:      1.0.0
License:      GNU General Public License v2 or later
License URL:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  cozarstudio-child
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --black: #000;
    --site1: #072837;
    --white: #fff;
}

/********************
 GENERAL
 *******************/
body, h1, h2, h3, h4, h5, h6, p, ul li, ol li, strong, table th, table td { font-family: 'Inter', serif; font-weight: 500; }
b, strong { font-weight: bold; }
a, button { transition: .5s all ease; }

.bg-site1 { background-color: var(--site1); }
.text-site1 { color: var(--site1); }

.badge-ac { background-color: #679c81; color: var(--white); }
.badge-ec { background-color: #b2af4f; color: var(--white); }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding-inline: 1.5rem!important; }

/********************
 SIDEBAR
 *******************/
.sidebar .sidebar-brand { padding: 15px; text-align: left; width: 100%; }
.sidebar .sidebar-brand img { display: inline-block; max-height: 100%; max-width: 150px; width: 100%; }

.sidebar .nav-item > ul > .nav-item > a { color: rgba(255,255,255,.6)!important; font-weight: normal!important; }
.sidebar .nav-item > ul > .nav-item.active > a { color: var(--white)!important; font-weight: 500!important; }

.sidebar .nav-item .nav-link { padding-left: 45px!important; position: relative; }
.sidebar .nav-item .nav-link i { left: 20px; position: absolute; top: 50%; transform: translateY(-30%); }
.sidebar .nav-item .nav-link span { font-size: 13px; font-weight: 400; }

@media (min-width: 768px) {
    .sidebar .nav-item { margin-block: 5px; }
    .sidebar .nav-item.first { margin-top: 15px; }
    .sidebar .nav-item .nav-link { padding: 0 1rem; }
}


/********************
 FORMS
 *******************/
.form-group { border: 1px solid #EAEAEA; border-radius: 10px; padding: 20px 10px 6px; position: relative; }
.form-group label { color: #999999; font-size: 11px; left: 10px; line-height: 11px; position: absolute; text-transform: uppercase; top: 10px; }
.form-group .form-control, .form-group .form-control[disabled] { background-color: transparent; border: none; border-radius: 0; color: #000000; font-size: 13px; padding: 6px 0 0; }
.form-group .form-control:focus { box-shadow: none; border: none; }


/********************
 MODALS
 *******************/
.modal-header { background-color: var(--site1); color: var(--white); }
.modal-header button, .modal-header button:hover { color: var(--white); }


/********************
 NAVS
 *******************/
.nav-tabs > li:not(:last-child) { margin-right: 8px; }
.tab-pane { background-color: var(--white); padding: 30px 25px; }
.tab-content { border: 1px solid #dddfeb; border-top: 0; }


/********************
 TABLES
 *******************/
table th, table td { font-size: 14px; line-height: 18px; padding: 9px 12px!important; }