body {
    font-family: 'Source Sans Pro', sans-serif;
    --color-midnight-green: #073B4C;
    --color-blue: #118AB2; /* NCS */
    --color-emerald: #06D6A0;
    --color-sunglow: #FFD166;
    --color-coral: #F78C6B;
    --color-bright-pink: #EF476F; /* crayola */
    --color-temp-image: #7e1891;
}

.veb-b {
    font-weight: 700;
}

div.sma-btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/*
 * PŘESTYLOVÁNÍ
 */
h1 {
    margin: 0!important;
    /*color: var(--bs-info);*/
}

/*
 * Karta - horní info pane
 */

.sma-card-content-header {
    margin: 1rem 0;
}

/*
 * COLOR, BTN 
 */

/* ACTION */
.sma-color-action {
    color: var(--color-blue);
}

.sma-btn-action {
    color: white;
    background-color: var(--color-blue);
    border: 2px solid var(--color-blue);
    margin: 0.25rem 0.25rem;
}

.sma-btn-action:hover {
    background-color: white;
    border: 2px solid var(--color-blue);
}

/* SHOW */
.sma-color-show {
    color: var(--color-midnight-green);
}

.sma-btn-show {
    color: white;
    background-color: var(--color-midnight-green);
    border: 2px solid var(--color-midnight-green);
    margin: 0.25rem 0.25rem;
}

.sma-btn-show:hover {
    background-color: white;
    border: 2px solid var(--color-midnight-green);
}

/* LIST */
.sma-color-list {
    color: var(--color-sunglow);
}

.sma-btn-list {
    color: white;
    background-color: var(--color-sunglow);
    border: 2px solid var(--color-sunglow);
    margin: 0.25rem 0.25rem;
}

.sma-btn-list:hover {
    background-color: white;
    border: 2px solid var(--color-sunglow);
}

/* EDIT */
.sma-color-edit {
    color: var(--color-coral);
}

.sma-btn-edit {
    color: white;
    background-color: var(--color-coral);
    border: 2px solid var(--color-coral);
    margin: 0.25rem 0.25rem;
}

.sma-btn-edit:hover {
    background-color: white;
    border: 2px solid var(--color-coral);
}

/* IMAGE */
.sma-color-image {
    color: var(--color-temp-image);
}

.sma-btn-image {
    color: white;
    background-color: var(--color-temp-image);
    border: 2px solid var(--color-temp-image);
    margin: 0.25rem 0.25rem;
}

.sma-btn-image:hover {
    background-color: white;
    border: 2px solid var(--color-temp-image);
}

/* MAIL */
.sma-color-mail {
    color: var(--color-emerald);
}

.sma-btn-mail {
    color: white;
    background-color: var(--color-emerald);
    border: 2px solid var(--color-emerald);
    margin: 0.25rem 0.25rem;
}

.sma-btn-mail:hover {
    background-color: white;
    border: 2px solid var(--color-emerald);
}

/* EDIT-CONTENT */
.sma-color-edit-content {
    color: var(--color-bright-pink);
}

.sma-btn-edit-content {
    color: white;
    background-color: var(--color-bright-pink);
    border: 2px solid var(--color-bright-pink);
    margin: 0.25rem 0.25rem;
}

.sma-btn-edit-content:hover {
    background-color: white;
    border: 2px solid var(--color-bright-pink);
}

/* DEPRECATED → sma-btn-image */
/*
.sma-btn-edit-image {
    color: white;
    background-color: #7e1891;
    margin: 0.25rem 0.25rem;
}

.sma-btn-image {
    color: white;
    background-color: #7e1891;
    margin: 0.25rem 0.25rem;
}

.sma-btn-contact {
    color: white;
    background-color: var(--color-blue);
    margin: 0.25rem;
}
    */




/*
 * RENDER FORM 
 */
form .card {
    border-color: #f5f5f5;
    background-color: #F5F5F5;
}

div.sma-form-control > input, textarea, select {
    width: 100%!important;
    padding: 5px 5px!important;
    border-radius: 0.25rem;
}

form > div > div:last-child {
    width: 100%!important;
}

form > div > div:last-child > div {
    border: none!important;
    background: white!important;
    padding-left: 0!important;
    padding-right: 0!important;
}