:root {
    --primary_color: #3566FC !important;
    --primary_color_highlight: rgb(45 90 227) !important;
    --secondary_color: rgb(2 33 110) !important;
    --primary_font: 'Noto Sans' !important;
    --secondary_font: 'Bitter' !important;
  }
h1,h2,h3,h4,h5,h6,span,.h1, .h2, .h3, .h4, .h5, .h6,strong,p,body{color:#02216E;}
html, body {font-family: var(--primary_font) !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: 400; font-family: var(--secondary_font), serif !important;}

.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px;}
	
@media( max-width:992px ){
   .grid{ display:grid;grid-template-columns: repeat(2, 1fr);}
}

 @media( max-width:500px ){
   .grid{ display:grid;grid-template-columns: repeat(1, 1fr);}
}


/*dum + clanky */
.item-blok{ box-shadow: 0 20px 45px 0 #f0f0f0;}
.clanek-table .title,.item-blok .title{text-decoration: none;}
.clanek-table .title h3,.item-blok .title h3{ font-family: var(--secondary_font) !important; text-decoration: none !important;color:var(--primary_color);font-size: 18px;}
i{color: var(--primary_color) !important;}
.item-blok{ border:2px solid transparent; background: #fff;}

.item-blok .header{ background:#fff !important;}
.item-blok .title h3{font-size:20px;}
.item-blok .anotation{font-size:16px;color: var(--secondary_color);}

.item-blok .content{border-width: 0; }
.item-blok .footer{padding:15px 29px;text-align: left;}
.item-blok:hover{border-radius: 12px 12px 5px 5px;}
.item-blok:hover,.clanek-table:hover{ border:2px solid var(--primary_color);}
.item-blok:hover .content {background: none !important; color: #5F7184 !important;}
.item-blok:hover .footer {background: none !important; color: #5F7184 !important;}
.item-blok:hover .content .title h3{color: var(--primary_color);}
.item-blok:hover .content .anotation{ color: #5F7184 !important;}
button, .btn{border-radius: 5px !important;}
#modules a.selected::after{border-bottom-color: var(--primary_color);}
.rvpWrap .radios label .checkmark::after{background-color:var(--primary_color); }
.rvpWrap .radios label input:checked ~ .checkmark{border-color:var(--primary_color);  }
.clanek-hlavicka .right-block .hodnoceni_wrap .label{color: var(--primary_color);}
.clanek-hlavicka .keyword{ color: var(--primary_color);  border: 1px solid var(--primary_color); background: none;}
.clanek-hlavicka .keyword:hover{color:#fff;background:var(--primary_color);}
#prilohy .header{color: var(--primary_color);}
#prilohy,#blockAutor{ background-color: var(--P-427, #FAFAFA);border: 3px solid var(--P-428, #E0E0E0);}
#blockAutor .header .label{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 12px;line-height: 14px;display: flex;align-items: center;letter-spacing: 0.04em;text-transform: uppercase;color: var(--secondary_color);}
#blockAutor .header .jmenoAutora{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 20px;line-height: 23px;display: flex;align-items: center;color: var(--secondary_color);}
#blockAutor .content{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 14px;line-height: 24px;color: #FFFFFF;}
#blockAutor .link { margin-top:16px;}
#blockAutor .link a{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;text-align: right;letter-spacing: 0.04em;text-decoration-line: underline;text-transform: uppercase;color: var(--primary_color);}


#nazevClanku h5{color: var(--primary_color);}
#sidebar .header{background-color: var(--primary_color);}
#sidebar .header .rating,.komentarHodnoceni .rating{background-color: #294ebf;}
#sidebar .header .rating i,.komentarHodnoceni .rating i{/*color:#fff !important;*/}
#sidebar .header .rating a,.komentarHodnoceni .rating a { color: #fff; text-decoration: none; display: inline-block; height: 24px;}
.komentarHodnoceni .rating .starsRating{display: inline-flex;}
#sidebar .wrap .btn-success{ background: var(--primary_color);}
.rating-wrap .wrap{background: #fff !important;}
#teloClanku #anotaceClanku h3{color: var(--primary_color);}
#licence h3{color: var(--primary_color);}
#licence a{text-decoration: underline; color: var(--primary_color);}
.komentareWrap h3, .komentarRecenzent h3, #novyKomentar h3, .komentarHodnoceni h3{color: var(--primary_color);}

.prehledFilterWrap .button{ background: #FFFFFF; border: 1px solid #DFE4EA;color: var(--primary_color);}
.prehledFilterWrap .button.active{background: var(--primary_color); border: 1px solid var(--primary_color);}
.prehledFilterWrap .button.active i{color:#fff !important;}
.btn i, button i{color:#294ebf !important;}
.btn-primary.btn i,.btn-primary.btn span{color:#fff !important;}
.item-blok .content,.item-blok .header,.item-blok .footer{border-width:0;}
.filtrWrap { padding: 100px 10px;}
#nazevModulu{text-align: left;}

#blockAutor .link a{text-decoration: none;}

/*nove*/
.btn.btn-secondary { background: #FFF; border: 2px solid var(--primary_color); color: var(--primary_color);}
.paginator{padding: 25px 0;}
.item-blok .btn-secondary{ border-width: 0;}
#drobeckovaNavigace a.home, #drobeckovaNavigace a.item{ color:var(--primary_color);text-decoration: none;}
#drobeckovaNavigace {background: #fff;}
#drobeckovaNavigace span.item{color:var(--secondary_color);}
#drobeckovaNavigace .caret{line-height:12px;}
#nazevClanku h1{margin-top: 15px;}
.globalWrapper{ background-color: #fff;}

#prilohy{background: #fff; border:2px solid #E1E7ED; color:var(--secondary_color);}
#prilohy .nadpis{color:var(--secondary_color); font-family: var(--secondary_font);}

#sidebar .header{background-color: #fff; border: 1px solid #E1E7ED;}
#sidebar .header .rating-wrap span{color:var(--secondary_color);}
#sidebar .header .rating, .komentarHodnoceni .rating { background-color: unset;}
#sidebar .content{text-align: left !important;}
#sidebar .content .link{
    text-decoration: none !important;
    color: var(--primary_color) !important;
    font-family: var(--primary_font) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    display: flex !important;
    align-items: center;
    text-transform: none !important;
    margin-top:32px;
}
#sidebar .content .link:first-child{margin-top:0;}

#sidebar .content .link i{margin-right: 8px;font-size: 24px;}

#sidebar .content #oblibeneButton,#sidebar .content #oblibeneButton button{ padding: 0; border-width: 0; margin: 0; width: fit-content;display: flex;    align-items: center; }
#sidebar .content #oblibeneButton button:hover{background: none !important; }

#blockAutor .attachment_count .count{border:3px solid var(--P-428, #E0E0E0);}
#blockAutor .content{color:var(--secondary_color);}

.btn.btn-success:hover,.btn.btn-primary:hover{background-color: var(--primary_color_highlight) !important;}



/*titulka*/
.py-6 { padding-top: 4rem !important; padding-bottom: 4rem !important;}
.py-7 { padding-top: 5rem !important; padding-bottom: 5rem !important;}
body section a{text-decoration: none;}
.text-primary{ color:var(--primary_color) !important;}
.text-secondary{ color:var(--secondary_color) !important;}
.bg-primary{background-color:var(--primary_color);}
.bg-search .text-orange{ color:var(--primary_color);}
.bg-search .text-blue-light{ color:#fff !important;}
.bg-search .justify-content-md-center{ justify-content: start !important;}
.bg-search .h1, .bg-search button span{color:#fff;}
#fulltextSearchFormWrap .searchWrap .submit [type="submit"]{background: var(--primary_color);border-radius: 5px;}

.news .card{ background: var(--primary_color);color:#fff;}
.news .card .bg-light-blue{background: var(--secondary_color);}
.news .card.text-light-gray,.news .card.text-light-gray p{color:#fff !important;}
.news a span, .news h4, .info-icon i{color:#fff !important;}
a span{color:var(--primary_color);}
.card{border-width:0; }
i.rvp2-arrow-right.text-orange,.text-orange i.rvp2-arrow-right{ color:var(--primary_color);}
.bg-primary i.rvp2-arrow-right.text-orange, .bg-primary .text-orange i.rvp2-arrow-right{ color:#02216E;}
body section a{ color:var(--primary_color);}

.carousel-indicators button[data-bs-target].active{ background-color: var(--primary_color);}

.material a,.article a{font-weight: 400; font-family: var(--secondary_font), serif !important; text-decoration: none;color:var(--primary_color);}
.materials .card.bg-orange{ background: #fff;}
.materials .h4,.card-header .h4{color:#02216E;}
.materials .d-inline-block.float-start, .card-header .d-inline-block.float-start{display: none !important;}

section.uzitecne-odkazy h2{color:#02216E;}
#blockOdkazy .card{ background: none !important;}
/*
a.search-card:hover, a.search-card:hover .card-footer, a.search-card:hover .text-gray, a.block-link:hover, a.block-link:hover .text-gray, a.block-link:hover .text-black, a.block-link:hover .text-orange {
    background: initial !important;
    color: inherit !important;
}
*/

#webinare .h4,#webinare .h6{ color:#02216E; }
#webinare i{ color:var(--primary_color) !important;}
#webinare i.text-white{ color: #fff !important;}
.webinar .datetime{ color:#02216E;}

#videos a.item, #preparing a.item {  height: 200px;}
.search-type-links a.active{ border-bottom: solid 3px var(--primary_color);  color: var(--primary_color);}
.info-popover{color: var(--primary_color);}
.oblibeneButtonIcon{position: absolute;top:8px; right: 8px;}

.rvp-home .bg-search {
    background-color: #fff;
}

.imgblock img{width:100%;}

.bg-search.search-block {
    background-image: none;
}


.bg-search #fulltextSearchFormWrap .searchWrap .input {
    width: 100%;
    padding-left: 0px;
    display: flex;
    gap:14px;
    padding: 9px 20px 10px 20px;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--P-428, #E0E0E0);
    background: var(--P-427, #FAFAFA);
}

#fulltextSearchFormWrap .searchWrap .input i{ display:none;}
.bg-search #fulltextSearchFormWrap .searchWrap .input i{ 
    color:var(--primary_color); 
    font-size: 24px;
    line-height: 16px;
    display: block;
}

.bg-search #fulltextSearchFormWrap .searchWrap {
    display: flex;
    padding: 10px;
    gap: 40px;
    align-items: flex-start;
    justify-content: initial;
    flex-direction: column;
    height: unset;

}

.bg-search #fulltextSearchFormWrap{
    box-shadow: none;
    height: auto;
}

.bg-search #fulltextSearchFormWrap .searchWrap .input input[type="text"] {
    height: 40px;
    border-width: 0;
    border-left: 0px solid #D2DDEC;
    border-radius: 5px;
    background: transparent;
    padding: 0;
}
.bg-search .searchblock{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#uzitecneOdkazyWrap{
    display: flex;
    flex-direction: column;
    gap:23px;
}

#uzitecneOdkazyWrap a{
    color: var(--primary_color, #3566FC);
  
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.bannerSection{
    margin-top: 40px;
    margin-bottom: 110px;
}