/* COLORS */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #033D69 !important;
    --bs-secondary: #EC6604 !important;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f7f7f7;
    --bs-dark: #061f33 !important;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
:root {
    /*--primary: #5B8C51;
    --secondary: #EDDD5E;*/
    --primary: #033D69;
    --secondary: #EC6604;
    --disabled: #632b04;
    --hover: #f1904a;
    --light: #F7F7F7;
    --dark: #061f33;
}
body {
    color: #424040;
}
.bg-primary {
    background-color: #033D69 !important;
}
.bg-secondary {
    background-color: #EC6604 !important;
}
.bg-success {
    background-color: #198754 !important;
}
.bg-info {
    background-color: #0dcaf0 !important;
}
.bg-warning {
    background-color: #ffc107 !important;
}
.bg-danger {
    background-color: #dc3545 !important;
}
.bg-light {
    background-color: #f7f7f7 !important;
}
.bg-dark {
    background-color: #061f33 !important;
}
.bg-body {
    background-color: #fff !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.text-primary {
    color: #033D69 !important;
}
.text-secondary {
    color: #EC6604 !important;
}
.text-success {
    color: #198754 !important;
}
.text-info {
    color: #0dcaf0 !important;
}
.text-warning {
    color: #ffc107 !important;
}
.text-danger {
    color: #dc3545 !important;
}
.text-light {
    color: #f7f7f7 !important;
}
.text-dark {
    color: #061f33 !important;
}
.text-white {
    color: #fff !important;
}
.text-body {
    color: #777 !important;
}
.text-muted {
    color: #6c757d !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    color: inherit !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--primary);
}

a {
    color: var(--secondary);
    text-decoration: none;
}
a:hover {
    color: var(--hover);
}

.btn:hover {
    color: #777;
}
.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(82, 81, 140, 0.25);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}
.btn-primary {
    color: #000;
    background-color: var(--secondary);
    border-color: var(--hover);
}
.btn-primary:hover {
    color: #000;
    background-color: var(--hover);
    border-color: var(--hover);
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #000;
    background-color: var(--hover);
    border-color: var(--hover);
    box-shadow: 0 0 0 0.25rem rgba(77, 119, 69, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: var(--hover);
    border-color: var(--hover);
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--hover);
}
.btn-primary:disabled,
.btn-primary.disabled {
    color: #000;
    background-color: var(--disabled);
    border-color: var(--disabled);
}
.btn-secondary {
    color: #000;
    background-color: var(--dark);
    border-color: var(--dark);
}
.btn-secondary:hover {
    color: #000;
    background-color: var(--light);
    border-color: var(--light);
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
    color: #000;
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.25rem rgba(201, 188, 80, 0.5);
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    color: #000;
    background-color: var(--light);
    border-color: var(--light);
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--light);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
    color: #000;
    background-color: var(--disabled);
    border-color: var(--disabled);
}
/* COLORS */
.navbar-brand .img-fluid {
    width: 100%;
    max-width: 100px;
}

.about-experience {
    right: 5px;
    bottom: 0px;
}

.whatsapp {
    position: fixed;
    display: block;
    right: 30px;
    bottom: 90px;
    z-index: 99;
    background-image: url("/img/whatsapp.png");
    background-position: center;
    background-size: 50px;
}

.error {
    color: red;
}