@charset "utf-8";
/* CSS Document 
    --color-1: #FBE8A6;
    --color-2: #F4976C;
    --color-3: #303C6C;
    --color-4: #B4DFE5;
    --color-5: #D2FDFF;

*/

html {
    --color-1: #FBE8A6;
    --color-2: #F4976C;
    --color-3: #303C6C;
    --color-4: #B4DFE5;
    --color-5: #D2FDFF;
}

.bg-main {
    background-color: #FBE8A6;
    color: #303C6C;
}

.bg-side {   background-color: #F4976C; }
.bg-footer {   background-color: #F4976C; }
.rounded-4 {   border-radius: 1rem; }
.itdg {   display: contents; }
.bg-acc-btn {   background-color: #F4C76C; }

.accordion-item {
    background-color: #FBE8A6;
    border: 0;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {   border-radius: 2rem; }
.accordion-flush .accordion-item .accordion-button {   border-radius: 2rem; }
.accordion-item:last-of-type .accordion-button.collapsed {   border-radius: 2rem; }

#span_author {
    display: block;
    text-align: right;    
    padding: 0 1rem 0 0;
    }
#span_qoute {
    text-align: left;
    display: block;
    padding: 0 1rem 0 1rem;
    font-style: italic;
    }
#span_bd_name {   color: green;    }

.nav-link-cust {   color: #303C6C; }
.modal-dialog {    max-width: max-content;    }
.cc-bold      {    font-weight: bold;  }

@media (max-width: 580px) {
    .cc-logo {  max-height: 80px; }
}