:root{
    --HL-cervena: #DE363D;
    --HL-zluta: #F4B047;
    --HL-text: #050505;
    --HL-bg: #fffbf7;
    
    --HL-text-old: #FFAFAF;
    --HL-bg-old: #27231D;

    --gray: #6B6B6B;
    --dark-gray: #3f3f3f;
    --white: #fff;
    --black: #000;
    
    --PM-light: #F18FB3;
    --PM-bg: #E61C70;
    --PM-dark: #D1215C;

    --MS-light: #519DD6;
    --MS-bg: #2d5b9b;
    --MS-dark: #254B81;

    --TV-light: #E61C70;
    --TV-bg: #7b5ebd;
    --TV-dark: #614A96;

    --NH-light: #AC7AB4;
    --NH-bg: #8e39aa;
    --NH-dark: #6E2C84;

    --NS-light: #49B380;
    --NS-bg: #2e7999;
    --NS-dark: #25617B;
}


@media (max-width: 768px) {
    #frm-applicationsGrid-applicationsGrid-filter,
    #frm-applicationContent-applicationsGrid-applicationsGrid-filter {
        overflow-x: auto;
	min-height: 500px;
    }
}


/* styl stranek */
body{
    background-color: var(--HL-cervena);
    color: white;
}

.body-homepage #content{
    margin-top: 2rem;
}

h2{
    font-size: 3rem;
}

h3{
    font-family: skautbold, sans-serif;
    font-weight: normal;
    color: var(--HL-text-old);
    font-size: 2.5rem;
}

p{
    line-height: 1.4rem;
}

.card-body{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.alert{
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    background-image: linear-gradient(45deg, var(--HL-cervena), var(--HL-zluta));
    border-radius: 15px;
    border-style: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    color: var(--HL-text);
}

.alert div{
    border-radius: 9px;
    background-color: var(--HL-bg);
    padding: 10px
}

.page-heading{
    display: none;
}


/*ig blob*/
.ig-blob{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 100;
    cursor: pointer;
}

.ig-blob:hover{
    bottom: 7px;
    right: 7px;
    width: 7rem;
}


/*hlavička*/
#header{
    background-color: var(--HL-zluta);
    margin-bottom: -2px;
}

#user-menu{
    display: flex;
    justify-content: end;
    gap: 20px;
}

#main-menu{
    position: fixed;
    width: 100%;
    z-index: 100;
    
}

.navbar{
    /*background-color: var(--HL-zluta);*/
    justify-content: space-between;
    margin-bottom: -25px;
    background-image: url(../../img/crumpled_paper_7_cropped.png);
    background-size: cover;
}

.navbar-collapse{
    font-size: 1.5rem;
    font-weight: 700;
    justify-content: space-between;
    text-align: start;
}

.navbar-nav{
    justify-content: end;
    gap: 0.8rem;
}

.miquik-collapse .logo{
    height: 5rem;
}

.miquik-collapse:hover{
    cursor: pointer;
}

.nav-link{
    color: var(--HL-text);
}

.nav-link:hover{
    color: var(--dark-gray);
}

.dropdown-menu .nav-link{
    padding: 0.3rem 1rem;
}

.navbar-collapse.show, .navbar-collapse.collapsing {
    text-align: right;
}

.navbar-collapse.show .login, .navbar-collapse.collapsing .login{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.navbar-collapse.show .login .nav-link, .navbar-collapse.collapsing .login .nav-link{
        padding: 0.5rem 0.5rem;
}

.navbar-collapse.show .navbar-nav, .navbar-collapse.collapsing .navbar-nav{
    gap: 0px;
}

.dropdown-menu{
    background-color: var(--HL-bg);
}

.dropdown-menu.show{
    border: none;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-collapse.show .dropdown-menu{
    background-color: transparent;
    padding-block: 0px;
    text-align: right;
}

.dropdown.show .dropdown-toggle{
    padding-bottom: 0px;
}

.dropdown-toggle::after {
    color: var(--HL-cervena);
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon{
    content: url(../../img/menu_icon-new-black.svg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
    content: url(../../img/menu_icon-opened-black.svg);
}

.miquik-collapse{
    font-size: 30px;
    font-weight: 600;
    color: white;
}

.login {
    list-style: none;
    display: flex;
    gap: 0px;
}

.login li svg{
    height: 2rem;
}

.login li svg:hover{
    fill: var(--dark-gray);
}

.info {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    background-color: var(--HL-cervena);
    padding-top: 5.3rem;
    padding-bottom: 1rem;
    margin-top: -0.5rem;
    z-index: -2;
    gap: 20px;
}
    

.info ul{
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    list-style: none;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    flex-shrink: 0;
    min-width: 100%;
    color: var(--HL-text);
    
    animation: scroll 50s linear infinite;
}

@keyframes scroll{
    to {
        transform: translateX(calc(-100% - 60px));
    }
}

.info ul li{
    display: inline-flex;
}

.info ul li img{
    height: 1.7rem;
    margin-inline: 8px;
}


.body-homepage .page-heading{
    display: none;
}


.news-content{
    display: none;
}


.dropdown:hover .dropdown-menu {
    display: block;
text-align: right;
    border: none;
}




/*parallax*/
.body-profile .parallax{
    background-image: url(../../img/KLP06191.jpg);
}

.body-homepage .parallax{
    min-height: 40rem; /*Výška parallaxu*/
}

.parallax{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20rem; /*Výška parallaxu*/

    display: flex;
    justify-content: center;
    align-items: center;
}

#contentP h1,#contentP h3{
    color: var(--black);
    font-size: 3rem;
}

.parallax-content {
    text-align: center;
    background-image: url(../../img/07_White_Tape_Line_scaled.png);
    background-size: cover;
    padding: 1rem 3rem;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4));
}

.wave-down, .wave-footer{
    margin-top: -7rem;
    fill: var(--HL-cervena);
}

.wave-up{
    margin-bottom: -8rem;
    fill: var(--HL-cervena);
}

.parallax.down{
    min-height: 35rem;
}

.nadpisCategory{
    display: flex;
    justify-content: center;
    align-items: center;
}

.nadpisCategory div{
    text-align: center;
    color: var(--HL-text);
}

#nadpisCategory1{
    background-image: url(../../img/15_White_Tape_Line_scaled.png);
    background-size: cover;
    padding: 0.6rem 1.6rem 0.3rem 2.5rem;;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4));
}

#nadpisCategory2{
    background-image: url(../../img/04_White_Tape_Line_scaled.png);
    background-size: cover;
    padding: 0.6rem 1.6rem 0.3rem 1.6rem;;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4));
}

#nadpisCategory3{
    background-image: url(../../img/14_White_Tape_Line_scaled.png);
    background-size: cover;
    padding: 0.6rem 1.6rem 0.3rem 2.5rem;;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4));
}

#nadpisCategory4{
    background-image: url(../../img/15_White_Tape_Line_scaled.png);
    background-size: cover;
    padding: 0.6rem 1.6rem 0.3rem 4rem;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4));
}

/*boxy*/
.card {
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

.boxy .card-body{
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(45deg, var(--HL-cervena), var(--HL-zluta));
    border-radius: 15px;
}
.boxy .card-body:hover{
    padding: 5px 5px 5px 5px; /*Šířka borderu*/
    padding-bottom: 5px !important;
    border-radius: 13px;
}

.boxy .dark{
    border-radius: 9px;

    color: var(--HL-bg);
}

.boxy p{
    margin-top: 2rem;
    margin-inline: 2rem;
    font-weight: 600;
    font-size: 20px;
}

.boxy img{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.boxy a{
    color: var(--white);
    text-decoration: none;
}

.boxy a:hover{
    color: var(--gray);
}


/*profil*/
.body-profile .card-header{
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--HL-zluta), var(--HL-cervena));
    z-index: 1;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    border-radius: 15px;
}

.body-profile .card-header div{
    background-color: var(--HL-cervena);
    color: var(--HL-text-old);
    border-radius: 9px;
    padding: 10px;
}


.body-profile #seminar, .body-profile #schedule, .body-profile #personal-details, .body-profile #additional-information{
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--HL-cervena), var(--HL-zluta));
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    border-radius: 15px;
    margin-top: -1.4rem;
}

.body-profile #seminar .card-body, .body-profile #schedule .card-body, .body-profile #personal-details .card-body, .body-profile #additional-information .card-body{
    background-color: var(--HL-bg-old);
    color: var(--HL-text-old);
    border-radius: 9px;
    padding: 10px;
    box-shadow: none;
    padding-top: 1.4rem;
}





/*registrace*/
.application-content .card-body{
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--HL-cervena), var(--HL-zluta));
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    border-radius: 15px;
}

.application-content .card-body form{
    background-color: var(--HL-bg-old);
    color: var(--HL-text-old);
    border-radius: 9px;
    padding: 10px;
}

.bootstrap-select .dropdown-menu.show{
    position: relative !important;
    max-width: 100%;
    transform: none !important;
    min-height: auto !important;
    margin: 0rem;
    border-style: none;
    border-radius: 0px;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}


.bootstrap-select .inner.show{
    min-height: auto !important;
}

.bootstrap-select .dropdown-menu.show .dropdown-item{
    padding: 0.25rem 0.5rem;
    text-wrap: pretty;
}

.bootstrap-select .dropdown-menu.inner {
    text-align: end;
}


.dropup .dropdown-menu {
    top: 100%;
    bottom: auto;
}


.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 2rem;
}


/*program semináře*/
.blocks-content #accordion .card-header{
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--MS-dark), var(--MS-light));
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    border-radius: 15px;
    z-index: 1;
}

.blocks-content #accordion .card-header div{
    background-color: var(--MS-bg);
    color: var(--HL-bg);
    border-radius: 9px;
    padding: 10px;
}

.blocks-content .list-group{
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--MS-dark), var(--MS-light));
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    border-radius: 15px;
    margin-top: -1.4rem;
}

.blocks-content .list-group div{
    background-color: var(--HL-bg);
    color: var(--MS-dark);
    border-radius: 9px;
}

.blocks-content .list-group-item{
    color: var(--MS-dark);
}

.list-group-item:first-child {
    padding-top: 1.8rem;
}

.list-group-item:hover {
    z-index: 0;
}


/*faq */
.faq-content .card {
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

.faq-content .card-header {
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--HL-zluta), var(--HL-cervena));
    z-index: 1;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.faq-content .card-header div{
    /*background-color: var(--HL-bg);*/
    border-radius: 9px;
    padding: 15px;
    color: var(--HL-text);
    display: flex;
    gap: 10px;
    padding-top: 16px;
    background-image: url(../../img/crumpled_paper_7_cropped.png);
    background-size: contain;
}

.faq-content .card-header p {
    font-weight: 600;
    margin-bottom: 0px;
    
}

.faq-content .card-header img{
    height: 2.5rem;
}

.faq-content .card-header:first-child {
    border-radius: 15px;
}

.faq-content .card-body {
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--HL-cervena), var(--HL-zluta));
    border-radius: 15px;
    margin-top: -2rem;
}

.faq-content .card-body div{
    background-color: var(--HL-bg);
    border-radius: 9px;
    padding: 15px;
    color: var(--HL-text);
    display: flex;
    gap: 10px;
    padding-top: 16px;
    padding-top: 2.5rem;
}

.faq-content .card-body p {
    font-weight: 600;
    margin-bottom: 0px;
    min-height: 5rem;
    /*max-height: 9rem;*/
    max-height: 12rem;

    overflow: auto;
}

.faq-content .card-body img{
    height: 1.5rem;
}

.faq-content .form-group{
    margin-inline: -1px;
    margin-bottom: 0.15rem;
}

.faq-content .form-group .col-md-3{
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.faq-content .form-group.row.required{
    margin-top: 0rem;
}

.faq-content .form-group.row{
    margin-top: -2rem;
    padding: 10px;
}

/* width */
::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #000000;
border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #6B6B6B;
border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}








/*servis tým blok*/
.dark{
    background-color: var(--HL-bg-old);
    color: var(--HL-text-old);
}

.light{
    background-color: #fff;
    color: var(--HL-cervena);
}

.with-button .btn.disabled:hover, .without-button .btn.disabled:hover{
    background-color: rgba(0, 0, 0, 0);
    cursor: auto;
}

.symbol{
    padding-inline: 1.3rem;
}

.servis{
    margin-bottom: 2rem;
}

.servis .card{
    border: none;
    background-color: rgba(0, 0, 0, 0);
    
}

.servis .card-body {
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(90deg, var(--HL-zluta), var(--HL-cervena));
    border-radius: 15px;
    margin-top: 10px;
}

.servis .card-body .with-button{
    border-radius: 9px;
    padding: 9px;
    height: 15rem;
    font-family: "skautbold";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.servis .card-body .with-button p{
    border-radius: 0px;
    padding: 0px;
    height: auto;
    font-size: 15px;
    text-align: center;
    overflow: visible;
}

.with-button .btn, .without-button .btn{
    font-size: 14px;
    padding: 5px;
}

.with-button .btn.light, .without-button .btn.light{    
    box-shadow: 0px 5px 10px #DCDCDC;
    border-color: #DCDCDC;
}

.with-button .btn.dark,.without-button .btn.dark{  
    box-shadow: 0px 0px 0px #DCDCDC;
    border-color: #DCDCDC;
    color: #FFFFFF;
}

.with-button .btn:hover, .without-button .btn:hover{
    background-color: var(--HL-cervena);
    color: #FFFFFF;
}

.servis .card-body .without-button{
    border-radius: 9px;
    padding: 9px;
    height: 15rem;
    font-family: "skautbold";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.without-button.registration, .fotka.registration, .with-button.registration{
    height: 18rem !important;
}

.servis .card-body .without-button p{
    border-radius: 0px;
    padding: 0px;
    height: auto;
    font-size: 16px;
    text-align: center;
}

.servis .card-body .without-button p:last-child{
    font-size: 26px;
}

.servis .card-body p{
    border-radius: 9px;
    padding: 15px;
    height: 15rem;
    font-weight: 600;
    margin-bottom: 0px;
    overflow: auto;
    font-size: 18px;
}

.servis .fotka{
    object-fit: cover;
    width: 100%;
    height: 14.9rem;
    border-radius: 9px;
}

/*přehled přednášek*/
.prednasky .bloky {
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(45deg, var(--MS-light), var(--MS-dark));
    border: none;
    border-radius: 15px; 
    margin-bottom: 2rem;

}

.prednasky .bloky span{
    border-radius: 9px;
    padding: 15px 15px 12px 15px;
    width: 100%;
    font-size: 30px;
}

.bloky p{
    margin: 0px;
}

.bloky p:last-child{
    padding-left: 6px; 
}

.bloky .light p:last-child{
    color: var(--gray);
}

.prednasky .card{
    padding: 7px 7px 7px 7px; /*Šířka borderu*/
    background-image: linear-gradient(45deg, var(--MS-light), var(--MS-dark));
    border: none;
    border-radius: 15px;
    margin-bottom: 1rem;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.prednasky .card-body {
    border-radius: 9px;
    padding: 12px;
    box-shadow: none;
    color: var(--MS-dark);
    background-color: white;
}

.prednasky .card-header{
    background-color: rgba(0, 0, 0, 0);
    padding: 0px;
    border: none;
}

.prednasky p{
    font-weight: 600;
}

.prednasky .card-header p{
    margin-bottom: 0.3rem;
    color: var(--gray);
}

.prednasky .card-header h4{
    margin-bottom: 0rem;
    font-weight: 600;
}

.prednasky .fotka{
    padding: 5px 5px 5px 5px; /*Šířka borderu*/
    background-image: linear-gradient(45deg, var(--MS-dark), var(--MS-light));
    border: none;
    border-radius: 8px;
}

.prednasky .fotka img{
    object-fit: cover;
    width: 100%;
    border-radius: 4px;
}

.prednasky .fotka div{
    position: absolute;
    right: 19px;
    padding: 5px; /*Šířka borderu*/
    border-radius: 8px;
    margin-top: -31px;
}

.prednasky .fotka button{
    font-weight: 600;
    color: var(--white);
    border-radius: 4px;
    display: inline-flex;
}

.prednasky .fotka div{
    background-image: linear-gradient(45deg, var(--HL-cervena), var(--HL-zluta));
}

.prednasky .fotka button{
    background-color: var(--HL-bg);
    color: var(--HL-cervena);
    padding: 3px 4px;
    font-size: 12px;
}

.prednasky .obsah p{
    margin-top: 0.6rem;
    font-size: 13px;
    line-height: 1.5;
}

.prednasky .ikony{
    margin-inline: 0px;
}

.prednasky .ikony .col{
    text-align: center;
    padding-inline: 1px;
}

.list-unstyled a{
    color: var(--MS-bg);
    font-weight: 200;
}

.ikony path{
    fill: var(--MS-dark);
}

.ikony .col p{
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.prednasky .col-lg-3:nth-child(even) .card{
    background-image: linear-gradient(45deg, var(--HL-zluta), var(--HL-cervena));
}

.prednasky .col-lg-3:nth-child(even) .ikony .col, .prednasky .col-lg-3:nth-child(even) .ikony path{
    color: var(--HL-zluta);
    fill: var(--HL-zluta);
}

/*subakce*/
/*PM*/
.PM .obrazek, .PM .text .tlacitko, .PM .text, .PM .card-header{
    background-image: linear-gradient(90deg, var(--PM-dark), var(--PM-light));
}

.PM .obrazek div, .PM .nadpis, .PM .card-body{
    background-image: linear-gradient(90deg, var(--PM-light), var(--PM-dark));
}

.PM .text a{
    background-color: var(--PM-light);
}

.PM .text a:hover, .PM .obrazek a:hover{
    background-color: var(--PM-dark);
}

/*MS*/
.MS .obrazek, .MS .text .tlacitko, .MS .text, .MS .card-header{
    background-image: linear-gradient(90deg, var(--MS-dark), var(--MS-light));
}

.MS .obrazek div, .MS .nadpis, .MS .card-body{
    background-image: linear-gradient(90deg, var(--MS-light), var(--MS-dark));
}

.MS .text a{
    background-color: var(--MS-light);
}

.MS .text a:hover, .MS .obrazek a:hover{
    background-color: var(--MS-dark);
}

.MS .nadpis div p{
    line-height: 1.8rem;
}

/*TV*/
.TV .obrazek, .TV .text .tlacitko, .TV .text, .TV .card-header{
    background-image: linear-gradient(90deg, var(--TV-dark), var(--TV-light));
}

.TV .obrazek div, .TV .nadpis, .TV .card-body{
    background-image: linear-gradient(90deg, var(--TV-light), var(--TV-dark));
}
.TV .text{
    color: var(--TV-bg);
}

.TV .text a{
    background-color: var(--TV-light);
}

.TV .text a:hover, .TV .obrazek a:hover{
    background-color: var(--TV-dark);
}

/*NH*/
.NH .obrazek, .NH .text .tlacitko, .NH .text, .NH .card-header{
    background-image: linear-gradient(90deg, var(--NH-dark), var(--NH-light));
}

.NH .obrazek div, .NH .nadpis, .NH .card-body{
    background-image: linear-gradient(90deg, var(--NH-light), var(--NH-dark));
}

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

.NH .text a{
    background-color: var(--NH-light);
}

.NH .text a:hover, .NH .obrazek a:hover{
    background-color: var(--NH-dark);
}

/*NS*/
.NS .obrazek, .NS .text .tlacitko, .NS .text, .NS .card-header{
    background-image: linear-gradient(90deg, var(--NS-dark), var(--NS-light));
}

.NS .obrazek div, .NS .nadpis, .NS .card-body{
    background-image: linear-gradient(90deg, var(--NS-light), var(--NS-dark));
}

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

.NS .text a{
    background-color: var(--NS-light);
}

.NS .text a:hover, .NS .obrazek a:hover{
    background-color: var(--NS-dark);
}

/*MERCH*/
.MERCH .obrazek, .MERCH .text .tlacitko, .MERCH .text{
    background-image: linear-gradient(90deg, var(--HL-cervena), var(--HL-zluta));
}

.MERCH .obrazek div, .MERCH .nadpis{
    background-image: linear-gradient(90deg, var(--HL-zluta), var(--HL-cervena));
}

.MERCH .obrazek a, .MERCH .nadpis div{
    background-color: var(--HL-cervena);
}

.MERCH .text{
    color: var(--HL-cervena);
}



.subakce{
    margin-bottom: 1rem;
    margin-top: 10px;
}

.subakce:last-child{
    margin-bottom: 4rem;
}

.subakce .obrazek{
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.subakce p{
    margin-bottom: 0px;
}

.subakce .obrazek div{
    position: absolute;
    top: 0;
    right: 15px;
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    border-radius: 15px;

}

.subakce a{
    font-weight: 600;
    color: var(--HL-text);
    border-radius: 9px;
    display: inline-flex;
    padding: 5px 6px;
}

.subakce .nadpis{
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    border-radius: 15px;
    margin-top: -25px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.subakce .nadpis div{
    color: var(--HL-text);
    border-radius: 9px;
    padding: 9px;
    display: flex;
    justify-content: space-between;
    font-family: "skautbold";
    font-size: 26px;
    background-image: url(../../img/crumpled_paper_7_cropped.png);
    background-size: cover;
}

.subakce .nadpis img{
    height: 26px;
}

.subakce .fotka{
    object-fit: cover;
    width: 100%;
    height: 14.9rem;
    border-radius: 9px;
}

.subakce .text{
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -1rem;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    color: var(--HL-text);
}

.subakce .text div{
    padding: 1.5rem 1rem 2.6rem 1rem;
    border-radius: 9px;
    background-color: var(--HL-bg);
}

.subakce .text .tlacitko{
    position: absolute;
    right: 15px;
    padding: 6px 6px 6px 6px; /*Šířka borderu*/
    border-radius: 15px;
}

.subakce .text a:hover, .subakce .obrazek a:hover{
    color: var(--black);
}

.subakce .obrazek a, .subakce .card-header div{
    background-color: var(--HL-bg);
}

.subakce .text a{
    background-color: var(--HL-bg);
}



/*patička*/
footer{
    background-color: var(--HL-cervena);
}

.footer {
    background-color: var(--HL-cervena); /* Červené pozadí pro druhou část zápatí */
    color: var(--HL-text);
    padding: 20px 0 0 0;
}

.footer .sponsor-logos, .footer .info-section {
    padding: 20px 0;
}

.footer .sponsor-logos img, .footer .info-section img {
    width: 75px; /* Nastavení šířky log */
    height: auto;
    margin: 0 auto;
    display: block;
}

.footer .info-section{
    align-items: center;
}

.footer .info-section h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.footer .info-section p, .footer .info-section a {
    margin: 0;
    color: var(--black);
    text-decoration: none;
}

.footer .info-section a:hover {
    text-decoration: underline;
}

.footer-top{
    background-image: url(../../img/crumpled_paper_3_cropped_upscale2.png);
    background-size: cover;
    padding: 1rem 3rem 1rem 3rem;
}

.footer-bottom {
    background-color: var(--HL-text);
    
}

.footer-bottom .container{
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-block: 1rem;
    padding-left: 30px;
    padding-right: 30px;
}

.footer-bottom p {
    color: var(--HL-bg);
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}


/*media querries*/
@media (max-width: 1650px) {
    .info{
        padding-top: 4.5rem;
    }

    .wave-up {
        margin-bottom: -7rem;
    }

}



@media (max-width: 1200px){
    .prednasky .bloky span{
        font-size: 25px;
    }
}



@media (max-width: 1140px) {    
    .blob-menu .blob{
        width: 18rem;
    }

    .blob-menu .logo{
        margin-left: -13rem;
        width: 7rem;
    }
    
    .navbar{
        margin-bottom: -15px;
    }
    .info{
        padding-top: 3.2rem;
    }

    .navbar-nav{
        margin-right: 1rem !important;
    }

    .wave-down, .wave-footer {
        margin-top: -5rem;
    }

    .wave-up {
        margin-bottom: -4.5rem;
    }


    .servis .card-body p{
        font-size: 15px;
    }
}



@media (min-width: 992px){
    .servis .card-body .with-button p{
        line-height: 1.5;
    }
}



@media (max-width: 992px) {
    .blob-menu .blob{
        width: 14rem;
    }

    .blob-menu .logo{
        margin-left: -10.5rem;
        width: 6rem;
    }

    .navbar-collapse{
        font-size: 2rem;
    }

    .navbar-nav{
        margin-right: 0px;
    }
    .parallax-text div{
        font-size: 1.8rem;
    }

    .servis .card-body .with-button{
        padding: 5px;
    }

    .servis .card-body .with-button p, .servis .card-body .without-button p{
        font-size: 10.5px;
        line-height: 1.8;
        overflow: visible;
    }

    .with-button .btn{
        font-size: 10px;
        padding: 3px;
    }

    .servis .card-body .without-button .symbol{
        padding: 1.3rem 0px;
    }


    .servis .card-body .without-button p:last-child{
        font-size: 16px;
        line-height: 1.5;
        overflow: visible;
    }

    .prednasky .bloky span{
        font-size: 18px;
    }

    .prednasky .bloky{
        margin-bottom: 1rem;
    }

    #contentP h1, #contentP h3{
        font-size: 2.5rem;
    }
}



@media (max-width: 940px) {

    .navbar-collapse{
        font-size: 1.5rem;
    }

}


@media (min-width: 1199px) {
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
        text-align: start;
    }
}


@media (max-width: 768px) {
    .blob-menu .blob{
        width: 13rem;
    }

    .blob-menu .logo{
        margin-left: -9.8rem;
        width: 5.5rem;
    }

    .navbar-collapse{
        font-size: 1.5rem;
    }

    .navbar-nav{
        margin-right: 0px;
        gap: 0.5rem;
    }

    .navbar{
        margin-bottom: -1px;
    }

    .dropdown-menu.show {
        border: none;
	    text-align: right;
    }


    .info{
        padding-top: 3rem;
    }

    .info ul{
        font-size: 1rem;
    }
    
    .parallax-text div{
        font-size: 1.5rem;
    }

    .wave-down, .wave-footer {
        margin-top: -3rem;
    }

    .wave-up {
        margin-bottom: -2.9rem;
    }

    .boxy img{
        border-radius: 9px;
    }

    .card-body p{
        height: auto;
    }

    .servis .card-body p{
        height: auto;
    }

    .servis .card-body .with-button{
        height: auto;
    }

    .servis .card-body .with-button p{
        font-size: 20px;
    }

    .symbol{
        padding: 0px 15px 0px 15px;
        height: 10rem;
    }

    .with-button .btn{
        font-size: 20px;
        padding: 12px;
    }

    .servis .card-body .without-button p{
        font-size: 20px;
        line-height: normal;
    }

    .servis .card-body .without-button .symbol{
        padding-block: 10px;
        margin-inline: 35%;
    }

    .servis .card-body .without-button p:last-child{
        font-size: 26px;
    }

    .prednasky .bloky span{
        font-size: 30px;
    }

    .prednasky .bloky{
        margin-bottom: 1rem;
    }
}



@media (max-width: 550px){
    .blob-menu .blob{
        width: 10rem;
        margin-left: -0.5rem;
    }

    .blob-menu .logo{
        margin-left: -7.3rem;
        width: 4rem;
    }
    
    .wave-up {
        margin-bottom: -1.7rem;
    }

    
    .info{
        padding-top: 2.5rem;
    }

    .servis .card-body .without-button .symbol{
        padding-block: 10px;
        margin-inline: 20%;
    }

    #contentP h1, #contentP h3{
        font-size: 2rem;
    }
}

@media (max-width: 450px){
    .parallax-content {
        padding: 1rem 1.2rem;
    }

    #nadpisCategory2 {
    padding: 0.6rem 0.7rem;
    }

    #nadpisCategory2 h2 {
        font-size: 2.5rem;
    }

    #nadpisCategory4 {
        padding: 0.6rem 1rem 0.3rem 3rem;
    }

    #nadpisCategory4 h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 410px){
    .boxy img{
        border-radius: 0px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
    }

    .wave-up {
        margin-bottom: -1.3rem;
    }

    #nadpisCategory1 {
        padding: 0.6rem 1rem 0.3rem 2rem;
    }

}

@media (max-width: 390px){
    .parallax-content {
        padding: 1rem 0.6rem;
    }

    #nadpisCategory1 {
        padding: 0.4rem 1rem 0.2rem 2rem
    }

    #nadpisCategory2 {
    padding: 0.4rem 0.4rem;
    }

    #nadpisCategory1 h2, #nadpisCategory2 h2, #nadpisCategory4 h2 {
        font-size: 2rem;
    }
}

@media (max-width: 374px){
    .blob-menu .blob{
        width: 10rem;
        margin-left: -1rem;
    }

    .blob-menu .logo{
        margin-left: -7rem;
        width: 3.8rem;
    }

    #contentP h1, #contentP h3{
        font-size: 1.8rem;
    }
}



@media (max-width: 347px){
    .body-homepage #content{
        margin-top: 3rem;
    }
    
    .blob-menu .blob{
        width: 9rem;
        margin-left: -2rem;
    }

    .blob-menu .logo{
        margin-left: -6rem;
        width: 3.5rem;
    }

    .wave-down, .wave-footer {
        margin-top: -2.6rem;
    }
    
    .wave-up {
        margin-bottom: -0.1rem;
    }

    .parallax.down{
        margin-top: -1rem;
    }


    .servis .card-body .without-button p{
        font-size: 18px;
    }

    .servis .card-body .without-button p:last-child{
        font-size: 23px;
    }

    #contentP h1, #contentP h3{
        font-size: 1.6rem;
    }
}

.lectors-content .card.border-primary {
    border: 6px solid #007bff; /* Nastavení barvy rámečku */
    background-image: none;
    background-color: white;
}
.lectors-content .card-header {
    background-color: white; /* Bílý vnitřek v zavřeném stavu */
}
.lectors-content .card-body {
    background-color: white; /* Bílý vnitřek při rozbalení */
}

.lectors-content a:hover, .prednasky a:visited{
    text-decoration: none;
}

.lectors-content .prednasky .card{
    margin-bottom: 0.3rem
}