html {
    scroll-behavior: smooth;
}

body {
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Roboto', sans-serif;
    color: var(--veb-color-complementary);
    line-height: 1.6;
    font-size: 110%;
}

/*  
********************************************************** PROJEKT - LAYOUT **********************************************************
*/

.veb-page-max-width {
    max-width: 1920px;
}

/*  
********************************************************** ZÁPATÍ **********************************************************
*/


/*  
********************************************************** NAVIGACE **********************************************************
*/
 
.navbar-light .nav-item .nav-link {
    color: var(--veb-color-text-primary);
    font-weight: bold;
}

.navbar-light .nav-item.active .nav-link {
    color: var(--veb-color-1-primary);
}

.navbar-light .nav-item:focus .nav-link {
    color: var(--veb-color-1-primary);
}

.navbar-light .nav-item:hover .nav-link {
    color: var(--veb-color-2-primary);
    text-decoration: none;
}

/* změna pozadí navigace - přidat třídu do navigace!!! */ 
.veb-nav-bgcolor {
    background-color: var(--veb-color-primary) !important;
}



/*  
********************************************************** BARVY POZADÍ, TEXTY, BADGE, BORDER **********************************************************
*/

.veb-bgcolor-primary {
    background-color: var(--veb-color-primary);
}  

.veb-bgcolor-secondary {
    background-color: var(--veb-color-secondary);
}

.veb-bgcolor-complementary {
    background-color: var(--veb-color-complementary);
}

.veb-text-color-primary {
    color: var(--veb-color-primary);  
}

.veb-text-color-secondary {
    color: var(--veb-color-secondary);  
}

.veb-text-color-complementary {
    color: var(--veb-color-complementary);  
}

/*
.veb-text-color-white {
    color: white;  
}
*/

.veb-badge-primary {
    color: white;  
    background-color: var(--veb-color-1-primary);  
}
.veb-badge-secondary {
    color: white;   
    background-color: var(--veb-color-2-primary);  
}
.veb-badge-complementary {
    /*color: var(--veb-color-primary);  */
    background-color: var(--veb-color-3-primary);  
}

.veb-border-primary {
    border-color: var(--veb-color-primary);      
}
.veb-border-secondary {
    border-color: var(--veb-color-secondary);      
}
.veb-border-complementary {
    border-color: var(--veb-color-complementary);      
}

/*
********************************************************** ODKAZY **********************************************************
*/

a {
    color: var(--veb-color-text-primary);
    text-decoration: underline;
}
a:hover {
    color: var(--veb-color-text-secondary);
    text-decoration: underline;
}
a.veb2-a-1:focus, a:active {
    color: var(--veb-color-text-primary);
}   

a.veb2-a-1 {
    color: var(--veb-color-1-primary);
    text-decoration: none;
}
a.veb2-a-1:hover {
    color: var(--veb-color-1-primary);
    text-decoration: underline;
}
a.veb2-a-1:focus, a:active {
    color: var(--veb-color-1-primary);
}   

/*
********************************************************** BTN **********************************************************
*/

.veb-btn-primary {
    color: white;
    background-color: var(--veb-color-primary);
    border-color: var(--veb-color-primary);
}

.veb-btn-primary:hover {
    color: var(--veb-color-secondary);
    background-color: var(--veb-color-primary);
    border-color: var(--veb-color-primary);
    text-decoration: none;
} 

.veb-btn-primary:focus {
    box-shadow: 0 0 0 0.2rem var(--veb-color-secondary);
    color: white;
}  

.veb-btn-secondary {
    color: white;
    background-color: var(--veb-color-secondary);
    border-color: var(--veb-color-secondary);
}

.veb-btn-secondary:hover {
    color: var(--veb-color-primary);
    background-color: var(--veb-color-secondary);
    border-color: var(--veb-color-secondary);
    text-decoration: none;
} 

.veb-btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem var(--veb-color-primary);
    color: white;
}    

.veb-div-btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    /* width: 100%; */
    text-align: center;
}
      



/*  
********************************************************** TEXTY **********************************************************
*/

p {
    text-align: left;
}

.veb-highlight-primary {
    color: var(--veb-color-primary);
    font-weight: bold;
}
.veb-highlight-secondary {
    color: var(--veb-color-secondary);
    font-weight: bold;
}
.veb-highlight-complementary {
    color: var(--veb-color-complementary);
    font-weight: bold;
}

.veb-b {
    font-weight: 700!important;
}
.veb-i {
    font-style: italic!important;
}
.veb-u {
    text-decoration: underline!important;
}

/*  
********************************************************** CITACE **********************************************************
*/

.veb-quote-text {
    text-align: justify;
    font-style: italic;
    padding: 0.2rem;    
}
.veb-quote-name {
    font-weight: bold; 
    text-align: right; 
}
.veb-quote-name::before {
  content: "~";
  padding-right: 1rem;
}

/*  
********************************************************** NADPISY **********************************************************
*/

h1, h2 {    
    text-align: center;
    margin-bottom: 1.5rem;
    font-family: Roboto Slab,serif;
    font-weight: 600;
}
.h1, .h2 {
    text-align: center;
    font-family: Roboto Slab,serif;
    font-weight: 600;
}

.veb2-content h1, h2 {
    text-align: left;
}

h3, h4, h5, h6 {
    text-align: left;
    margin-bottom: 1rem;
    font-family: Roboto Slab,serif;
    font-weight: 600;
}

.h3, .h4, .h5, .h6 {
    text-align: left;
    font-family: Roboto Slab,serif;
    font-weight: 600;
}

/*  
********************************************************** SEZNAMY **********************************************************
*/

li {
    text-align: left;
}



/*  
********************************************************** FORMULÁŘE **********************************************************
*/





/*  
********************************************************** CAROUSEL **********************************************************
*/
/* Indikátory pozice */
.carousel-indicators {
    position: unset;
}

.carousel-indicators button {
    border-radius: 50%;
    width: 1.5rem!important;
    height: 1.5rem!important;
    background-color: var(--veb-color-primary)!important;
}



/*
.carousel-indicators li {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--veb-color-primary);
}

*/
/*
.veb-carousel-item {
    padding-bottom: 4rem;
    text-align: center;
}
*/

/* použití zejména pro reference s fotkou */ 
/*
.veb-carousel-img {
    margin-bottom: 1rem;    
}
*/


/* Ovládání vlevo/vpravo */ 
.veb-carousel-control {
    color: var(--veb-color-primary);
}

/*  
********************************************************** MODAL **********************************************************
*/

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

div#veb-modal-content-padding-right0  {
    padding-right: 0!important;
}

/*  
********************************************************** UL, LI **********************************************************
*/

.veb-checkpoint-list > ul {
    list-style-image: url('https://ichytrak.cz/veb/css/svg/check-solid.svg');
}

.veb-exclude-list > ul {
    list-style-image: url('https://ichytrak.cz/veb/css/svg/times-solid.svg');
}

.veb-chevron-list > ul {
    list-style-image: url('https://ichytrak.cz/veb/css/svg/chevron-right-solid.svg');
}

::marker {
    /* font-size: 1.9rem; */
}

.veb-checkpoint-list li, .veb-exclude-list li, .veb-chevron-list li {
    padding-left: 1rem;
}


/*  
ol listy - 1.1, 1.2.1, atp.
*/

div.veb-ol-counters { 
    text-align: justify; 
} 

div.veb-ol-counters ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

div.veb-ol-counters li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

div.veb-ol-counters li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
}

div.veb-ol-counters li li {
    margin: 0;
}

div.veb-ol-counters li li:before {
    content: counters(item, ".") " ";
}

/*  
********************************************************** KARTY **********************************************************
*/
.veb-col-card {
    margin-bottom: 1rem;
}

/*  
FAQ -- NEOPTIMALIZOVÁNO PRO VF1
*/

.veb-faq-card-g .card {
    border: none; 
    margin-bottom: 1rem; 
}

.veb-faq-card-g.card {
    border: none;
    margin-bottom: 1rem;  
}

.veb-faq-card-g .card-header {
    border-bottom: 0;
    background-color: var(--veb-color-primary);
}

.veb-faq-card-q .card-header {
    background-color: var(--veb-color-secondary);
}

.veb-faq-card-g h5 {
    color: white;
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
}
.veb-faq-card-g h5:hover {
    text-decoration: underline;
}

.veb-faq-card-g h6 {
    margin-bottom: 0;
    text-align: left;
}

div.veb-faq-card-q p  {
    text-align: justify;  
}

/*  
********************************************************** FORMULÁŘ - MAILER **********************************************************
*/

/* ACCORDION - FLUSH*/
/*
.veb-accordion-flush .accordion-button {
    background-color: var(--veb-color-primary);
    color: white;
}

.veb-accordion-flush .accordion-button:focus {
    background-color: var(--veb-color-primary);
    color: white;
}
*/
/* ACCORDION - FLUSH*/
/*
.veb-accordion-flush .accordion-button:not(.collapsed) {
    background-color: var(--veb-color-primary);
    color: white;
}
*/




/*  
********************************************************** VEB-M **********************************************************
*/

.veb2-row {
    padding-bottom: 4rem;
}

.veb2-content {
    border-radius: 2rem;
    padding: 2rem;
    height: 100%;
}

.veb2-content .veb2-content {
    border-radius: 1.25rem;
    padding: 1.25rem;
    height: 100%;
}

.veb2-col {
    padding-bottom: 2rem;
}

.veb2-content img {
    border-radius: 1.25rem;
}

@media only screen and (max-width: 767.98px) {
    .veb2-row {
        padding-bottom: 0;
    }  
    .veb2-col {
        padding-bottom: 2rem;
    }
    .veb2-content {
        border-radius: 2rem;
        padding: 2rem 1rem;
        height: 100%;
    }          
}


.veb2-content-color-1 {
    background-color: var(--veb-color-1-secondary);
}

.veb2-content-border-1 {
    border: 1px solid var(--veb-color-1-primary);
    box-shadow: 0px 4px 12px rgba(0,0,0,0.12);
}

.veb2-content-color-2 {
    background-color: var(--veb-color-2-secondary);
}

.veb2-content-border-2 {
    border: 1px solid var(--veb-color-2-primary);
    box-shadow: 0px 4px 12px rgba(0,0,0,0.12);
}

.veb2-content-border-shadow {
    box-shadow: 0px 4px 12px rgba(0,0,0,0.12);
}

.veb2-content-color-grey {
    background-color: #f6f6f6;
}


.veb-content-btn {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.veb-btn {
    font-weight: 700;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.12);

    color: var(--veb-color-text-primary);
    background-color: var(--veb-color-1-primary);
    border: 2px solid var(--veb-color-1-primary);
    margin: 0.5rem;
}

.veb-btn:hover {
    background-color: white;
    text-decoration: none;
    border: 2px solid var(--veb-color-1-primary);
}

.veb2-content-color-1 .veb-btn, .veb2-content-border-1 .veb-btn {
    color: var(--veb-color-text-primary);
    background-color: var(--veb-color-1-primary);
    border: 2px solid var(--veb-color-1-primary);
}

.veb2-content-color-1 .veb-btn:hover, .veb2-content-border-1 .veb-btn:hover {    
    background-color: white;
    text-decoration: none;
}

.veb2-content-color-2 .veb-btn, .veb2-content-border-2 .veb-btn {
    color: white;
    background-color: var(--veb-color-2-primary);
    border: 2px solid var(--veb-color-2-primary);
}

.veb2-content-color-2 .veb-btn:hover, .veb2-content-border-2 .veb-btn:hover {    
    color: var(--veb-color-2-primary);
    background-color: white;
    border: 2px solid var(--veb-color-2-primary);
    text-decoration: none;
}

.veb2-impress-ico {
    display: inline-flex;
    padding: 1rem;
    font-size: 2rem;
    background-color: var(--veb-color-1-secondary);
    color: var(--veb-color-1-primary);
    border-radius: 1rem;
}

.veb2-impress-text{
    font-weight: 700;
    font-size: 110%;
}

.veb2-impress-ico-prihlaska {
    padding: 1rem;
    font-size: 2rem;
    background-color: var(--veb-color-1-secondary);
    color: var(--veb-color-1-primary);
}

.veb2-bg-1 {
    background-color: var(--veb-color-1-primary);
    opacity: 1;
}

.veb2-bg-2 {
    background-color: var(--veb-color-2-primary);
    opacity: 1;
}

/* FAQ */ 

.veb-faq-h {
    color: var(--veb-color-1-primary);
}
.veb2-collapse {
    margin: 1rem 0;
}

.veb2-collapse .veb2-collapse-trigger {

}

.veb2-collapse .veb2-collapse-content {
    margin: 1rem 0;
    /* padding: 1rem; */
    background-color: #f8f9fa;
    border: 0;
    border-radius: 1rem;
    display: inline-block;
    
}