/** color constant **/
@bila:           #ffffff;
@cerna:          #222222;
@hneda:          #685C50;
@svetleHneda:    #CBC9C4; 
@svetleZelena:   #A1B730;
@zelena:         #86A233;
@tmaveHneda:     #483B31;      

@nabezovela:     #F5EDE3;
@svetleBezova:   #E0D7CB;
@bezova:         #C0B3A0;

@navy:           #22252C;
@svetleNavy:     #838896;

@cervena:        #E14658;
@svetleCervena:  #F07483;
@tmaveCervena:   #921725;




/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/** components **/
.tooltipColor    { background:@hneda; }
.popup           { background:@svetleBezova; }
.checkRadioSeda  { background:@svetleBezova; border:1px solid @bezova; }
.checkRadioModra { background:@svetleNavy; border:1px solid @navy; }
.asButton,
.button          { background:@cerna; border:1px solid @cerna; }
a,
.link { color:@cervena;
  &:visited { color:@tmaveCervena; }
}
a.icon,
.link.icon { 
  &:visited { color:@tmaveCervena; }
}
.mosaic .listArticle .link.close.linkIco .icon,
.mosaic .listArticle .basket.itemIcon .linkIco .icon { color:@navy; }
.boxFlow(@x:2px) { box-shadow:0 0 @x @hneda; }
.borderTB { border:none; border-top:@svetleBezova solid 1px; border-bottom:@svetleBezova solid 1px; }
.label { width:10rem; }

.Bellefair { font-family:'Bellefair', serif; }

//dialog
.ui-dialog { .boxFlow; }
.ui-dialog-title {}
.ui-dialog-titlebar-close {}

.animateHeight { transition:display .5s fade; -webkit-transition:display .5s fade; -moz-transition:display .5s fade; -o-transition:display .5s fade; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/** body **/
body { background:@bila; }


/** header **/
.header { background:@bila url(../images/header-bg1.png) no-repeat 215px top; padding:0; }
.site .header { background:@bila url(../images/header-bg1.png) no-repeat 100px top; }
.headerContent.row { justify-content:space-between; align-items:end; }
.headerContent.row .col { flex-grow:0; }

.header .headerH1,
.header .titleMV { line-height:1rem; font-size:0.9rem; display:block; padding:0; margin:0; }
.header .titleMV img,
.header .titleMV .title { display:block; font-size:0.9rem; line-height:1.8rem; .Bellefair(); width:100px; }

.hp .header .titleMV.logoLink { max-width:200px; max-height:200px; display:block; padding:15px; background:#00592F; }
.hp .header .titleMV.logoLink img { display:block; width:100%; }

.hp .header .titleMV img,
.hp .header .titleMV .title { font-size:1.1rem; line-height:1.8rem;; width:auto; }

.menu.col { padding:0; }
.mainMenu { background:transparent; padding:5px 0px; }

.mainMenu .menuItem .link { font-family:trebuchet ms; font-size:14px; font-weight:normal; margin-top:0px; padding:5px 15px; color:@tmaveHneda; text-decoration:underline; background:#fff; }
.mainMenu .menuItem.menuItemActiv .link { background:@zelena; color:@bila; text-decoration:none; }
.mainMenu .menuItem:hover .link,
.mainMenu .menuItem.menuItemActiv:hover .link { background:@svetleZelena; color:@bila; text-decoration:none; }

.headerSearch { border-top:@svetleBezova solid 1px; border-bottom:@svetleBezova solid 1px; padding:5px 0; background:@nabezovela; }
.headerSearch .hsBlock { align-items:stretch; display:flex; flex-flow:row wrap; margin:0 auto; max-width:600px; place-content:flex-start center; position:relative; width:100%; }
   
.headerSearch { border:none; background:none; }   
.headerSearch .button,
.headerSearch .headerSearchInput { border:@bila solid 1px; }
.headerSearch .headerSearchInput { flex:1 1 120px; border-right:none; }

.mainMenu .menuItem,
.headerSearch .searchInputBlock { box-shadow:0 0 3px @cerna; max-height:30px; }

/* mainSearch */
.panelBar { background:transparent; }
.showPanelBar .panelBar { margin-right:30px; }
.titleRadio .icon.fa { color:@hneda; }
.accordion .fieldsetBlock .titleRadio { width:calc(~"100% - 15px"); background:@bila; border:none; .borderTB; padding:8px; border-radius:0; text-transform:uppercase; font-weight:bold; }
.accordion .fieldsetBlock .titleRadio .icon { display:none; }
.accordion .fieldsetBlock.show .titleRadio { background:@bezova; }
.accordion .fieldsetBlock.show .fieldsetBlockList { background:@bila; padding:0; }
.checkInputBlock { border:none; background:transparent; padding:5px; }
.checkInputBlock.active,
.checkInputBlock.hover { background:@svetleBezova; border:none; color:@cerna; }

.accordion .fieldsetBlock.show .fieldsetBlockList.lvl2 { padding-left:15px; }
.accordion .fieldsetBlock.show .fieldsetBlockList.lvl3 { padding-left:15px; }
.accordion .fieldsetBlock.show .fieldsetBlockList.lvl4 { padding-left:15px; }



.panelBar hr { border:none; }
.panelBar .title:last-child { display:none; }
.digiArchives { height:auto; opacity:1; padding-left:10px; transition:opacity 300ms ease 0s, height 300ms ease 0s;  }
.digiArchives .checkInputBlock { padding:0; }

/** HP **/
.main > .content { flex:1 1 auto; width: calc(100% - 0px); padding:0; margin:0; }

#hpNews {  }
#hpNews h1 { margin:30px 20px; }
#hpNews .block { padding:0 10px; overflow:hidden; }
#hpNews .block .left,
#hpNews .block .right { width:450px; }
#hpNews .block .left { float:left; }
#hpNews .block .right { float:right; }
#hpNews .block .pict {  }
#hpNews .block .text { overflow:hidden; }
#hpNews .block .text .subPict { width:auto; }
#hpNews .block .text p { margin-bottom:20px; font-size:13px; line-height:24px; }
#hpNews .block .text .button { margin:5px auto; display:block; background:#6C980F url(button-enter.jpg) no-repeat top left; padding:10px; text-align:center; color:#fff; text-decoration:none; line-height:48px; font-size:26px; width:301px; }
#hpNews .block .text .button .icon { color:#fff; line-height:48px; font-size:26px; padding-left:5px; }
#hpNews .block.hp1 .text p { padding:0 10px; line-height:22px; }
#hpNews .block.hp2 .text p { padding:35px 10px 10px 40px; float:left; width:230px; }
#hpNews .block.hp2 .text .subPict { padding:35px 0px 0px 0px; float:right; }
#hpNews .block.hp3 .text p { padding:90px 40px 10px 40px; float:left; }
#hpNews .block.hp4 p { padding:30px 30px 0px 50px; float:left; max-width:400px; width:auto; line-height:22px; }
#hpNews .block.hp4 .text p:last-child { padding:10px 10px 0px 40px; }
#hpNews .block.hp4 .text .subPict { padding:50px 20px 0px 0px; float:right; }
#hpNews .block.hp4 .text .subPict { width:120px; height:120px; }
#hpNews .block.hp4 .pict { height:300px; width:auto; }
#hpNews .irop { display:block; max-width:960px; width:auto; }
#hpNews .center { text-align:center; }
#hpNews .block.center { text-align:center; max-width:600px; width:auto; margin:20px auto 0; }
#hpNews .block.center .subPict { padding:10px 20px 0px 0px; float:right; }
#hpNews .block.center .subPict { width:120px; height:120px; }
#hpNews .block.center p { padding:20px 20px 0px 20px; float:left; max-width:400px; width:auto; line-height:22px; }
#hpNews .block.eu { overflow:hidden; }
#hpNews .block.eu .pict { width:auto; }


/** content **/
#content { width:100%; }
.showPanelBar .content { max-width:calc(~"100vw - 400px"); }
.tagBlock { background:@bila; }
.mosaic .listArticle { background:@bila; }
.allThumbsBlocWrap { height:calc(~"100vh - 115px"); }

// pages 
#hlavni {  }
#hlavni .logoMuseum { padding:20px; background:@bila; }
#hlavni .fotoMuseum { height:320px; float:right; margin:0 0 5px 20px; }
#sbirky {}
#sbirky h2 { border-bottom:@bezova solid 1px; padding:0 10px; }
#sbirky > div { padding:0 10px; .animateHeight; height:auto; cursor:pointer; background:@bila; }
#sbirky > div:hover { background:@bila; }
#sbirky > div.hide { overflow:hidden; height:30px; margin-bottom:20px; .animateHeight; background:transparent; }
#sbirky > div.hide p { overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; }
#sbirky > div p { overflow:visible; display:block; text-overflow:clip; white-space:normal; }

.basketRow .col.asButton { color:@bila; }



/** carousel **/
#ckeditor_wrap { min-height:78px; }
.owl-theme .owl-controls { margin-top:10px; text-align:center; }
.owl-theme .owl-controls .owl-buttons div { color:#FFF; display:inline-block; zoom:1; *display:inline; margin:5px; padding:3px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#869791; filter:Alpha(Opacity=50); opacity:0.5; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter:Alpha(Opacity=100); opacity:1; text-decoration:none; }
.owl-theme .owl-controls .owl-page { display:inline-block;  zoom:1; *display:inline; }
.owl-theme .owl-controls .owl-page span {  display:block; width:12px; height:12px; margin:5px 7px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#A3A3A3; background:#666; }
.owl-theme .owl-controls .owl-page.active span { background:#fff; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { filter:Alpha(Opacity=100); opacity:1; }
.owl-theme .owl-controls .owl-page span.owl-numbers { height:auto; width:auto; color:#FFF; padding:2px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.owl-item.loading { min-height:150px; background:url(AjaxLoader.gif) no-repeat center center }
.owl-carousel .owl-wrapper:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.owl-carousel { display:none; position:relative; width:100%; -ms-touch-action:pan-y; }
.owl-carousel .owl-wrapper { display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow:hidden; position:relative; width:100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out; } 
.owl-carousel .owl-item { float:left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor:pointer; }
.owl-controls { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.grabbing { cursor:url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); }
#owl-demo.item { background:#3fbf79; padding:30px 0px; margin:10px; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; }
.customNavigation { text-align:center; display:none; }
.customNavigation a { -webkit-user-select:lone; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
#owl-demo { background:#3D3D3D; padding:0px 15px 0px 15px; border-radius:3px; margin-bottom:20px; max-width:calc(~"100vw - 30px"); }
#owl-demo .owl-wrapper-outer {  }
#owl-demo .item { width:300px; height:280px; margin:0 auto; text-align:center; }
#owl-demo .item img { border:#777 solid 1px; max-width:300px; max-height:280px; position:relative; top:50%; transform:translateY(-50%); }
#owl-demo .item a { text-decoration:none; }
#owl-demo .item strong { display:block; text-align:center; color:#222; text-shadow:#222; position:absolute; bottom:0; left:0; width:100%; clear:both; }
#owl-demo .owl-pagination {  }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; }
#owl-demo .item strong { color:@bila; }

#modalAbout { display:none; }



/** footer **/
.footer { width:100%; background:#D6E5AD; }
.footerRow.row { display:block; }
.footer a,
.footer .link { color:@hneda;
  &:visited { color:@hneda; }
}
.footer a.icon,
.footer .link.icon { 
  &:visited { color:@hneda; }
}

.euInfo { background:@bila; width:100%; max-width:100%; flex:1 1 auto; border-bottom:1px dotted #999999; }
.euInfoP,
.euInfoL { align-items:stretch; display:flex; flex-flow:row wrap; place-content:space-around; position:relative; width:100%; justify-content:space-around; }
.euInfoP p { font-weight:bold; margin:10px 0; text-align:center; display:flex; }
.euInfoL { align-items: stretch; }
.euInfoL .logosFooter { align-items:stretch; display:flex; flex-flow:row wrap; place-content:flex-start space-between; position:relative; }
.euInfoL .logosFooter img { display:block; margin:0 auto; }
.footerBlock .footerProjectLogo { width:150px; margin:5px 10px 5px 0; float:left; }
.footerNewsBlock {  }
.footerNewsBlock p { text-align:center; display:block; }

.footerNewsBlock { border:none; text-align:left; padding:20px 70px 0 70px; color:@cerna; }
.footerNewsBlock p { text-align:center; color:@cerna; }
.copyrightBlock { border:none; text-align:left; padding:0px 70px 0 70px; color:@cerna; }
.copyrightBlock p { text-align:center; color:@cerna; }
.copyrightBlock p a { color:@bila; }
.copyrightSupport { margin:0 auto; }


/********************************************************************* 08/2019 ************************************************************************/
.fieldsetBlockList .checkInputBlock .checkbox { display:none; }
#digiArchives .fieldsetBlockList .checkInputBlock .checkbox { display:block; }


/********************************************************************* 11/2019 ************************************************************************/
.headerSearch .hsBlock .fa-sliders.navBar { dispalay:none; }

.site.textLayout.showPanelBar .content { max-width:100vw; }
.panelBar { margin-right:30px; width:330px; visibility:visible; opacity:1; transition:opacity 200ms ease, width 200ms ease; height:auto; }
.accordion .fieldsetBlock { display:block; }
/*.accordion .fieldsetBlock .fieldsetBlockList { visibility:visible; opacity:1; transition:opacity 300ms ease, height 300ms ease; height:auto; }*/
.content { max-width:calc(~"100vw - 420px"); }
.main > .content { max-width:calc(~"100vw - 420px"); }
.site.textLayout .main > .content { max-width:100vw; }
.panelBar .mainSearchArea { display:block; } 
.headerSearch { display:none; }

.panelBar {  }
#searchButtonFix { position:fixed; bottom:10px; top:auto; width:320px; z-index:1111; align-items:stretch; display:flex; flex-flow:row wrap; align-content:space-around; }
#searchButtonFix .button { align-content:center; width:calc(~"100% - 36px");}
#searchButtonFix input {  }
#searchButtonFix .searchFulltextReset { width:32px; height:32px; line-height:37px; text-align:center; }
.mainSearchArea { padding:5px; }
.mainSearchArea .inputForm { line-height:32px; border:solid 1px @navy; }

.accordion .fieldsetBlock.show .fieldsetBlockList.lvl2 { padding:0; border-left:@svetleBezova solid 20px; }
.accordion .fieldsetBlock.show .fieldsetBlockList.lvl3 { padding:0; border-left:@svetleBezova solid 20px; }













/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* > 1024px & < 1200px ----------- */
@media (min-width:1024px) and (max-width:1220px) {
  
}

/* > 960px & < 1024px ----------- */
@media (min-width:960px) and (max-width:1044px) {
  
}

/* < 960px ----------- */
@media (max-width:960px) {
  #hpNews .block .left,
  #hpNews .block .right { width:100%; }
  .showPanelBar .mosaic .listArticle { flex-basis:30%; }
  .showPanelBar {}
  .detail.area .titleRecord,
  .detail.area .article { padding:0 10px; }
}

/* < 786px ----------- */
@media (max-width:786px) {
  .mosaic .listArticle { flex-basis:30%; }
  .showPanelBar .mosaic .listArticle { flex-basis:40%; }
  .detail.area .article { column-count:1; }
}

/* < 600px ----------- */
@media (max-width:600px) {
  .mosaic .listArticle { flex-basis:40%; }
  .showPanelBar .mosaic .listArticle { flex-basis:80%; }
}

/* < 480px ----------- */
@media (max-width:480px) {
  .mosaic .listArticle { flex-basis:80%; }
}