@charset "UTF-8";
#wpadminbar li.wpda-wpdp-toolbar > .ab-item:before {
content: "\f17d";
top: 3px;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.mpa-customer-details .mpa-checkbox-control input+label {
display: inline;
margin-left: 0.25em;
}
.mpa-customer-details .mpa-control-description {
display: block;
font-size: 0.875em;
margin-top: 0.25em;
}.uagb-section__wrap{position:relative}.uagb-section__wrap .uagb-section__inner-wrap{position:relative;z-index:2;margin-right:auto;margin-left:auto}.uagb-section__wrap .uagb-section__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.uagb-section__wrap .uagb-section__video-wrap{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transition:opacity 1s;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s}.uagb-section__wrap .uagb-section__video-wrap video{display:inline-block;vertical-align:baseline;width:100%;height:100%;max-width:100%;margin:0;background-size:cover;border:none;object-fit:cover;line-height:1;-o-object-fit:cover}@media(min-width: 768px)and (max-width: 1024px){.wp-block-uagb-section.uagb-section__wrap.uagb-section__background-image{background-attachment:scroll}}[class*=uagb-columns__columns-],.uagb-columns__inner-wrap{position:relative;margin-left:auto;margin-right:auto;z-index:2;display:flex;flex-wrap:nowrap;width:100%}.uagb-columns__wrap{position:relative;margin-left:auto;margin-right:auto}.uagb-columns__wrap .uagb-columns__overlay,.uagb-columns__wrap .uagb-columns__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute}.uagb-columns__wrap .uagb-columns__video-wrap{overflow:hidden;z-index:0;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.uagb-columns__wrap .uagb-columns__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.uagb-columns__wrap .uagb-columns__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr;z-index:1}.uagb-columns__wrap .uagb-columns__shape-top{top:-3px}.uagb-columns__wrap .uagb-columns__shape-bottom{bottom:-3px}.uagb-columns__wrap .uagb-columns__shape[data-negative=false].uagb-columns__shape-bottom,.uagb-columns__wrap .uagb-columns__shape[data-negative=true].uagb-columns__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-columns__wrap .uagb-columns__shape.uagb-columns__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-columns__wrap .uagb-columns__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-columns__wrap .uagb-columns__shape .uagb-columns__shape-fill{fill:#333;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-columns__wrap .uagb-columns__shape.uagb-columns__shape-above-content{z-index:9;pointer-events:none}.uagb-columns__valign-center .uagb-column__wrap,.uagb-columns__valign-middle .uagb-column__wrap{display:flex;flex-direction:column;justify-content:center}.uagb-columns__valign-top .uagb-column__wrap{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.uagb-columns__valign-bottom .uagb-column__wrap{display:flex;flex-direction:column;justify-content:flex-end}.uagb-columns__columns-1>.uagb-column__wrap{width:100%}.uagb-columns__columns-2>.uagb-column__wrap{width:50%}.uagb-columns__columns-3>.uagb-column__wrap{width:33.33%}.uagb-columns__columns-4>.uagb-column__wrap{width:25%}.uagb-columns__columns-5>.uagb-column__wrap{width:20%}.uagb-columns__columns-6>.uagb-column__wrap{width:16.66%}.uagb-columns__gap-nogap>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:0}.uagb-columns__gap-default>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:10px}.uagb-columns__gap-narrow>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:5px}.uagb-columns__gap-extended>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:15px}.uagb-columns__gap-wide>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:20px}.uagb-columns__gap-wider>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:30px}@media(max-width: 976px){.uagb-columns__stack-tablet>.uagb-columns__columns-1>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-2>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-3>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-4>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-5>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-6>.uagb-column__wrap{width:100% !important}.uagb-columns__stack-tablet{display:block}.uagb-columns__stack-tablet>.uagb-columns__inner-wrap{display:block}.uagb-columns__stack-tablet.uagb-columns__reverse-tablet .uagb-columns__inner-wrap{display:flex;flex-direction:column-reverse}.uagb-columns__reverse-tablet .uagb-columns__inner-wrap{display:flex;flex-direction:row-reverse}}@media(max-width: 767px){.uagb-columns__stack-mobile>.uagb-columns__columns-1>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-2>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-3>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-4>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-5>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-6>.uagb-column__wrap{width:100% !important}.uagb-columns__stack-mobile{display:block}.uagb-columns__stack-mobile>.uagb-columns__inner-wrap{display:block}.uagb-columns__stack-mobile.uagb-columns__reverse-mobile .uagb-columns__inner-wrap,.uagb-columns__stack-mobile.uagb-columns__reverse-tablet .uagb-columns__inner-wrap{display:flex;flex-direction:column-reverse}.uagb-columns__stack-tablet.uagb-columns__reverse-mobile .uagb-columns__inner-wrap{display:flex;flex-direction:column-reverse}.uagb-columns__reverse-mobile .uagb-columns__inner-wrap{display:flex;flex-direction:row-reverse}}@media(min-width: 768px)and (max-width: 1024px){.wp-block-uagb-columns.uagb-columns__wrap.uagb-columns__background-image{background-attachment:scroll}}@media(max-width: 449px){.uagb-columns__wrap .uagb-column__wrap.uagb-column__background-image{background-attachment:scroll !important}}.uagb-column__wrap,.uagb-column__inner-wrap{margin-left:auto;margin-right:auto;position:relative;width:100%;z-index:2}.uagb-column__wrap{position:relative;overflow:visible}.uagb-column__wrap>*{z-index:1;width:100%;position:relative}.uagb-column__wrap .aligncenter{display:block;text-align:center}.uagb-column__wrap .aligncenter figcaption{display:block;text-align:center}.uagb-column__wrap .alignright{display:block;text-align:right}.uagb-column__wrap .alignright figcaption{display:block;text-align:right}.uagb-column__wrap .wp-block-image{width:100%}.uagb-column__wrap.uagb-column__align-left{margin-left:0;margin-right:auto}.uagb-column__wrap.uagb-column__align-right{margin-left:auto;margin-right:0}.uagb-column__wrap .uagb-column__video-wrap,.uagb-column__wrap .uagb-column__overlay{height:100%;width:100%;top:0;left:0;position:absolute;border-radius:inherit}.uagb-column__wrap .uagb-column__video-wrap{overflow:hidden;z-index:0;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.uagb-column__wrap .uagb-column__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="uagb/column"]{display:flex;flex-direction:column;flex:1;padding-left:0;padding-right:0;margin-left:-14px;margin-right:-14px;min-width:0;word-break:break-word;overflow-wrap:break-word;flex-basis:100%}@media(max-width: 976px){.uagb-column__align-tablet-left{margin-left:0;margin-right:auto}.uagb-column__align-tablet-right{margin-left:auto;margin-right:0}}@media(max-width: 767px){.uagb-column__align-mobile-left{margin-left:0;margin-right:auto}.uagb-column__align-mobile-right{margin-left:auto;margin-right:0}}@media(max-width: 449px){.uagb-columns__wrap.uagb-columns__background-image{background-attachment:scroll !important}}.uagb-block-7f33181c.uagb-section__wrap{padding-top: 40px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;margin-top: 0px;margin-bottom: 0px;border-style: none;margin-right: auto;margin-left: auto;max-width: 1300px;}.uagb-block-7f33181c > .uagb-section__video-wrap{opacity: 0.5;}.uagb-block-7f33181c > .uagb-section__inner-wrap{max-width: 100%;}.uagb-block-7f33181c.wp-block-uagb-section{box-shadow: 0px 0px    ;}.uagb-block-7f33181c > .uagb-section__overlay{border-radius:    ;}.uagb-block-3481b2b4.uagb-section__wrap{padding-top: 50px;padding-bottom: 50px;padding-left: 20px;padding-right: 20px;margin-top: 0px;margin-bottom: 0px;border-style: none;margin-right: auto;margin-left: auto;max-width: 1300px;}.uagb-block-3481b2b4 > .uagb-section__video-wrap{opacity: 0.5;}.uagb-block-3481b2b4 > .uagb-section__inner-wrap{max-width: 100%;}.uagb-block-3481b2b4.wp-block-uagb-section{box-shadow: 0px 0px    ;}.uagb-block-3481b2b4 > .uagb-section__overlay{border-radius:    ;}.uagb-block-03e96fbb.uagb-section__wrap{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px;margin-bottom: 0px;border-style: none;margin-right: auto;margin-left: auto;max-width: 1100px;}.uagb-block-03e96fbb > .uagb-section__video-wrap{opacity: 0.5;}.uagb-block-03e96fbb > .uagb-section__inner-wrap{max-width: 100%;}.uagb-block-03e96fbb.wp-block-uagb-section{box-shadow: 0px 0px    ;}.uagb-block-03e96fbb > .uagb-section__overlay{border-radius:    ;}.uagb-block-355ae8ea.wp-block-uagb-columns.uagb-columns__wrap{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px;margin-bottom: 0px;}.uagb-block-355ae8ea .uagb-columns__video-wrap{opacity: 0.5;}.uagb-block-355ae8ea .uagb-column__inner-wrap{padding: 10px;}.uagb-block-355ae8ea .uagb-column__wrap{padding: 10px;}.uagb-block-355ae8ea .uagb-columns__shape.uagb-columns__shape-top .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-355ae8ea .uagb-columns__shape.uagb-columns__shape-bottom .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-355ae8ea.wp-block-uagb-columns{box-shadow: 0px 0px    ;}.uagb-block-355ae8ea > .uagb-columns__overlay{border-radius:    ;}.uagb-block-355ae8ea.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-176e55f1.uagb-column__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-176e55f1 > .uagb-column__overlay{border-radius:    ;}.wp-block-uagb-column.uagb-block-864eb762.uagb-column__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-864eb762 > .uagb-column__overlay{border-radius:    ;}.wp-block-uagb-column.uagb-block-e8e7e4f0.uagb-column__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-e8e7e4f0 > .uagb-column__overlay{border-radius:    ;}.uagb-block-8ad853f4.wp-block-uagb-columns.uagb-columns__wrap{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px;margin-bottom: 0px;}.uagb-block-8ad853f4 .uagb-columns__video-wrap{opacity: 0.5;}.uagb-block-8ad853f4 .uagb-column__inner-wrap{padding: 10px;}.uagb-block-8ad853f4 .uagb-column__wrap{padding: 10px;}.uagb-block-8ad853f4 .uagb-columns__shape.uagb-columns__shape-top .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-8ad853f4 .uagb-columns__shape.uagb-columns__shape-bottom .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-8ad853f4.wp-block-uagb-columns{box-shadow: 0px 0px    ;}.uagb-block-8ad853f4 > .uagb-columns__overlay{border-radius:    ;}.uagb-block-8ad853f4.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-e0c5c9ad.uagb-column__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-e0c5c9ad > .uagb-column__overlay{border-radius:    ;}.wp-block-uagb-column.uagb-block-8fffa1d7.uagb-column__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-8fffa1d7 > .uagb-column__overlay{border-radius:    ;}.wp-block-uagb-column.uagb-block-87685dbd.uagb-column__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-87685dbd > .uagb-column__overlay{border-radius:    ;}.uagb-block-0f93a6f0.wp-block-uagb-columns.uagb-columns__wrap{padding-top: 60px;padding-bottom: 60px;padding-left: 0px;padding-right: 0px;margin-top: 0px;margin-bottom: 0px;}.uagb-block-0f93a6f0 .uagb-columns__video-wrap{opacity: 0.5;}.uagb-block-0f93a6f0 > .uagb-columns__inner-wrap{max-width: 1300px;}.uagb-block-0f93a6f0 .uagb-column__inner-wrap{padding: 20px;}.uagb-block-0f93a6f0 .uagb-column__wrap{padding: 20px;}.uagb-block-0f93a6f0 .uagb-columns__shape.uagb-columns__shape-top .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-0f93a6f0 .uagb-columns__shape.uagb-columns__shape-bottom .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-0f93a6f0.wp-block-uagb-columns{box-shadow: 0px 0px    ;}.uagb-block-0f93a6f0 > .uagb-columns__overlay{border-radius:    ;}.uagb-block-0f93a6f0.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-bc746b90.uagb-column__wrap{padding-top: 10px;padding-bottom: 10px;padding-left: 25px;padding-right: 25px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-bc746b90 > .uagb-column__overlay{border-radius:    ;}.wp-block-uagb-column.uagb-block-8ed41346.uagb-column__wrap{padding-top: 10px;padding-bottom: 10px;padding-left: 25px;padding-right: 25px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-8ed41346 > .uagb-column__overlay{border-radius:    ;}.wp-block-uagb-column.uagb-block-79221fe1.uagb-column__wrap{padding-top: 10px;padding-bottom: 10px;padding-left: 25px;padding-right: 25px;border-style: none;width: 33.33%;}.wp-block-uagb-column.uagb-block-79221fe1 > .uagb-column__overlay{border-radius:    ;}@media only screen and (max-width: 976px) {.uagb-block-7f33181c.uagb-section__wrap{border-style: none;}.uagb-block-3481b2b4.uagb-section__wrap{border-style: none;}.uagb-block-03e96fbb.uagb-section__wrap{border-style: none;}.uagb-block-355ae8ea.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-176e55f1.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-864eb762.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-e8e7e4f0.uagb-column__wrap{border-style: none;}.uagb-block-8ad853f4.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-e0c5c9ad.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-8fffa1d7.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-87685dbd.uagb-column__wrap{border-style: none;}.uagb-block-0f93a6f0.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-bc746b90.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-8ed41346.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-79221fe1.uagb-column__wrap{border-style: none;}}@media only screen and (max-width: 767px) {.uagb-block-7f33181c.uagb-section__wrap{border-style: none;}.uagb-block-3481b2b4.uagb-section__wrap{border-style: none;}.uagb-block-03e96fbb.uagb-section__wrap{border-style: none;}.uagb-block-355ae8ea.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-176e55f1.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-864eb762.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-e8e7e4f0.uagb-column__wrap{border-style: none;}.uagb-block-8ad853f4.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-e0c5c9ad.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-8fffa1d7.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-87685dbd.uagb-column__wrap{border-style: none;}.uagb-block-0f93a6f0.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-bc746b90.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-8ed41346.uagb-column__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-79221fe1.uagb-column__wrap{border-style: none;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}

@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@0;1&display=swap");  @font-face {
font-family: "IBMPlexSans";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/IBMPlexSans-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "IBMPlexSans";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/IBMPlexSans-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "IBMPlexSans";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/IBMPlexSans-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
} @font-face {
font-family: "CSOL";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/Obeclegionarska-new.ttf) format("truetype");
font-weight: 400;
font-style: normal;
} @font-face {
font-family: "Oswald";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/Oswald-VariableFont_wght.ttf) format("truetype-variations");
font-weight: 1 999;
font-style: normal;
font-display: fallback;
} @font-face {
font-family: "Inter";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");
font-weight: 1 999;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Inter";
src: url(//www.csol.cz/wp-content/themes/csol/fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype-variations");
font-weight: 1 999;
font-style: italic;
font-display: fallback;
}
.font-lb {
font-family: "Libre Baskerville", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
body.is-museum {
background-color: #ffffff;
font-family: "Inter", sans-serif; }
body.is-museum h1, body.is-museum h2, body.is-museum h3, body.is-museum h4, body.is-museum h5, body.is-museum h6 {
font-family: "Oswald", sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 100%;
margin-bottom: 1.6rem;
}
body.is-museum h1 {
font-size: 2.1rem;
}
body.is-museum h2 {
font-size: 1.6rem;
}
body.is-museum h3 {
font-size: 1.4rem;
}
body.is-museum h4 {
font-size: 1.2rem;
}
body.is-museum h5 {
font-size: 1rem;
}
body.is-museum h6 {
font-size: 0.9rem;
}
body.is-museum p {
font-family: "Inter", sans-serif;
font-size: 0.8rem;
line-height: 170%;
font-weight: 400;
}
body.is-museum ul li, body.is-museum ol li {
font-family: "Inter", sans-serif;
font-size: 0.8rem;
line-height: 200%;
font-weight: 400;
}
body.is-museum .tl1, body.is-museum .tl2 {
font-family: "Inter", sans-serif;
font-size: 0.8rem;
line-height: 100%;
font-weight: 400;
color: #ffffff;
padding: 24px 32px;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-between;
align-items: center;
text-decoration: none;
padding-right: 75px;
position: relative;
}
body.is-museum .tl1::after, body.is-museum .tl2::after {
content: "⟶";
color: #ffffff;
transition: right ease-in-out 500ms;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
body.is-museum .tl1:hover::after, body.is-museum .tl2:hover::after {
right: 15px;
}
body.is-museum .tl1 {
background-color: #E22E31;
}
body.is-museum .tl2 {
background-color: #1c201b;
}
body.is-museum .tl1-g, body.is-museum .tl2-g {
font-family: "Inter", sans-serif;
background-color: transparent;
font-size: 0.8rem;
line-height: 100%;
font-weight: 400;
color: #1c201b;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px solid #1c201b;
text-decoration: none;
}
body.is-museum .tl1-g::after, body.is-museum .tl2-g::after {
content: "⟶";
margin-right: 5px;
transition: margin-right ease-in-out 500ms;
color: #1c201b;
}
body.is-museum .tl1-g:hover::after, body.is-museum .tl2-g:hover::after {
margin-right: -5px;
}
body.is-museum .tl1-g {
color: #E22E31;
border-color: #E22E31;
}
body.is-museum .tl1-g::after {
color: #E22E31;
}
body.is-museum #breadcrumbs span, body.is-museum #breadcrumbs a {
font-size: 12px;
line-height: 100%;
font-weight: 400;
color: #D0CAC5;
text-decoration: none;
}
body.is-museum #breadcrumbs span .breadcrumb_last, body.is-museum #breadcrumbs a .breadcrumb_last {
color: #1c201b;
}
body.is-museum #breadcrumbs a:hover {
color: #E53A16;
text-decoration: underline;
}
body.is-museum.museum-hero-page #breadcrumbs span, body.is-museum.museum-hero-page #breadcrumbs a {
color: #ffffff;
}
body.is-museum.museum-hero-page #breadcrumbs span .breadcrumb_last, body.is-museum.museum-hero-page #breadcrumbs a .breadcrumb_last {
color: #ffffff;
}
body.is-museum.museum-hero-page #breadcrumbs { }
body.is-museum { }
body.is-museum .museum-header {
padding: 15px 0;
position: relative;
z-index: 10;
}
body.is-museum .museum-header-social {
margin-right: 20px;
}
body.is-museum .museum-header-social a {
max-width: 20px;
width: auto;
height: 15px;
padding: 0;
position: relative;
margin-left: 8px;
display: inline-block;
}
body.is-museum .museum-header-social a i {
display: block;
max-width: 20px;
width: auto;
height: 15px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
filter: invert(1) brightness(2);
}
body.is-museum .museum-header-social a i.facebook-ico {
width: 15px;
background-image: url(//www.csol.cz/wp-content/themes/csol/images/ikony/facebook.png);
}
body.is-museum .museum-header-social a i.youtube-ico {
width: 20px;
background-image: url(//www.csol.cz/wp-content/themes/csol/images/ikony/youtube.png);
}
body.is-museum .museum-header-social a i:hover {
filter: invert(25%) sepia(68%) saturate(5518%) hue-rotate(2deg) brightness(99%) contrast(83%);
}
body.is-museum .museum-header-inner {
display: flex;
max-width: 1312px;
justify-content: space-between;
gap: 48px;
align-items: center;
}
body.is-museum .museum-header-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0;
max-width: 1000px;
width: 100%;
}
body.is-museum .museum-header-top {
display: flex;
justify-content: right;
align-items: flex-end;
width: 100%;
border-bottom: 1px solid #ffffff;
padding: 15px 0 20px;
}
body.is-museum .museum-header-bottom {
display: flex;
align-items: right;
padding: 20px 0 15px;
width: 100%;
}
body.is-museum .museum-header-menu-utility ul, body.is-museum .museum-header-menu-main ul {
display: flex;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
body.is-museum .museum-header-menu-utility ul li, body.is-museum .museum-header-menu-main ul li {
padding: 0 20px;
margin: 0;
}
body.is-museum .museum-header-menu-utility ul li a, body.is-museum .museum-header-menu-main ul li a {
font-size: 0.7rem;
line-height: 100%;
font-weight: 400;
font-family: "Inter", sans-serif;
color: #ffffff;
padding-bottom: 8px;
text-decoration: none;
}
body.is-museum .museum-header-menu-utility ul li a:hover::after, body.is-museum .museum-header-menu-main ul li a:hover::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
}
body.is-museum .museum-header-menu-utility ul li.current-menu-item > a::after, body.is-museum .museum-header-menu-main ul li.current-menu-item > a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
}
body.is-museum .museum-header-menu-main {
width: 100%;
}
body.is-museum .museum-header-menu-main ul {
justify-content: space-between;
}
body.is-museum .museum-header--dark {
position: relative;
background: #000;
color: #fff;
}
body.is-museum .museum-header--dark:before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
body.is-museum .museum-header--dark * {
position: relative;
z-index: 1;
}
body.is-museum .museum-header--dark a {
color: #fff;
}
body.is-museum .museum-header--light {
background: #fff;
color: #1c201b !important;
}
body.is-museum .museum-header--light * {
position: relative;
z-index: 1;
}
body.is-museum .museum-header--light .museum-header-top {
border-bottom-color: #D0CAC5;
}
body.is-museum .museum-header--light .museum-header-social a i {
filter: brightness(0) saturate(100%) invert(10%) sepia(8%) saturate(300%) hue-rotate(60deg) brightness(90%) contrast(95%);
}
body.is-museum .museum-header--light .museum-header-social a:hover {
filter: invert(25%) sepia(68%) saturate(5518%) hue-rotate(2deg) brightness(99%) contrast(83%);
}
body.is-museum .museum-header--light .museum-header-menu-main ul li a, body.is-museum .museum-header--light .museum-header-menu-utility ul li a {
color: #1c201b;
}
body.is-museum .museum-header--light .museum-header-menu-main ul li a:hover, body.is-museum .museum-header--light .museum-header-menu-utility ul li a:hover {
color: #E22E31;
}
body.is-museum .museum-header--light .museum-header-menu-main ul li a:hover::after, body.is-museum .museum-header--light .museum-header-menu-utility ul li a:hover::after {
background-color: #E22E31;
}
body.is-museum .museum-header--transparent {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
background: transparent;
}
body.is-museum .museum-header--transparent:before {
display: none;
}
body.is-museum { }
body.is-museum .museum-footer {
position: relative;
overflow: hidden;
}
body.is-museum .museum-footer-bg {
position: absolute;
inset: 0;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
z-index: 1;
opacity: 0.07;
}
body.is-museum .museum-footer-overlay {
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, #FFFFFF 50%, #FFFFFF 100%);
}
body.is-museum .museum-footer { }
body.is-museum .museum-footer .museum-newsletter {
padding: 0;
position: relative;
z-index: 3;
}
body.is-museum .museum-footer .museum-newsletter .container {
max-width: 1300px;
}
body.is-museum .museum-footer .museum-newsletter-text {
width: 50%;
}
body.is-museum .museum-footer .museum-newsletter-inner {
padding: 130px 25px;
display: flex;
flex-direction: row;
gap: 48px;
align-items: center;
}
body.is-museum .museum-footer .museum-newsletter-title {
font-family: "Oswald", sans-serif;
font-size: 1.6rem;
font-weight: 600;
line-height: 100%;
text-transform: uppercase;
margin: 0 0 32px;
color: #1c201b;
}
body.is-museum .museum-footer .museum-newsletter-desc {
font-size: 0.8rem;
line-height: 170%;
font-weight: 400;
font-family: "Inter", sans-serif;
color: #1c201b;
margin: 0;
}
body.is-museum .museum-footer .museum-newsletter-form {
width: 50%;
padding-left: 50px;  }
body.is-museum .museum-footer .museum-newsletter-form .museum-newsletter {
padding: 0;
}
body.is-museum .museum-footer .museum-newsletter-form .museum-newsletter-inner {
display: grid;
grid-template-columns: minmax(420px, 1fr) auto;
-moz-column-gap: 48px;
column-gap: 48px;
align-items: end;
}
body.is-museum .museum-footer .museum-newsletter-form { }
body.is-museum .museum-footer .museum-newsletter-form .museum-newsletter-title {
font-family: "Oswald", sans-serif;
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 12px;
color: #000;
}
body.is-museum .museum-footer .museum-newsletter-form .museum-newsletter-desc {
font-size: 16px;
line-height: 1.6;
max-width: 460px;
margin: 0;
color: #000;
}
body.is-museum .museum-footer .museum-newsletter-form {  }
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-holder {
background: transparent !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-holder form {
min-height: 50px !important;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-step {
height: auto !important;
min-height: 0 !important;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-spacer {
display: none !important;
}
body.is-museum .museum-footer .museum-newsletter-form { }
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-column {
display: block;
position: relative;
}
body.is-museum .museum-footer .museum-newsletter-form { }
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-input {
padding: 0 !important;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-forms-form-control {
width: 100% !important;
outline: none;
box-shadow: none;
border: none !important;
border-radius: 0;
border-bottom: 1px solid #003E7A !important;
background: transparent !important;
padding: 8px 32px 8px 0 !important;
font-size: 16px;
font-weight: 400;
font-family: inherit;
color: #003E7A;
text-transform: none;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-forms-form-control::-moz-placeholder {
color: #1C201B;
text-transform: none;
letter-spacing: 0.04em;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-forms-form-control::placeholder {
color: #1C201B;
text-transform: none;
letter-spacing: 0.04em;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-forms-form-control:focus {
outline: none;
border-bottom-width: 2px !important;
}
body.is-museum .museum-footer .museum-newsletter-form { }
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-submit {
position: absolute;
z-index: 9;
padding: 0 !important;
text-align: right !important;
top: 8px;
right: 0;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-submit button {
background: none !important;
border: none !important;
padding: 0 !important;
font-family: "Oswald", sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #003E7A !important;
cursor: pointer;
white-space: nowrap;
display: flex;
align-items: center;
gap: 8px;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-submit button::after {
content: "→";
font-size: 18px;
line-height: 1;
transition: transform 0.2s ease;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-submit button:hover::after {
transform: translateX(4px);
}
body.is-museum .museum-footer .museum-newsletter-form { }
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-text {
grid-column: 1/-1;
margin-top: 0px;
padding: 0 !important;
text-align: left !important;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-text p {
text-align: left !important;
font-size: 12px !important;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-text a {
font-size: 12px !important;
color: #000;
text-decoration: underline;
padding-bottom: 2px;
}
body.is-museum .museum-footer .museum-newsletter-form .ec-v-form-text a:hover {
border-bottom-color: #000;
}
body.is-museum .museum-footer .museum-newsletter-form {  }
body.is-museum .museum-footer-main {
position: relative;
z-index: 4;
margin-top: 60px;
position: relative;
z-index: 2;
}
body.is-museum .museum-footer-main > .container {
max-width: 1090px;
padding: 120px 50px 30px;
background: #1c201b;
color: #cfcfcf;
}
body.is-museum .museum-footer-logo {
position: absolute;
left: 0;
right: 0;
top: -60px;
margin: 0 auto;
text-align: center;
}
body.is-museum .museum-footer-logo img {
max-height: 120px;
width: auto;
}
body.is-museum .museum-footer-widgets {
display: flex;
flex-direction: row;
gap: 50px;
margin-bottom: 30px;
}
body.is-museum .museum-footer .footer-col {
width: 18%;
}
body.is-museum .museum-footer .footer-col a {
color: #ffffff;
text-decoration: none;
}
body.is-museum .museum-footer .footer-col a:hover {
color: #cfcfcf;
}
body.is-museum .museum-footer .footer-col.footer-kontakt {
width: 46%;
}
body.is-museum .museum-footer .footer-col .menu {
margin: 0;
padding: 0;
}
body.is-museum .museum-footer .footer-col .menu li {
margin: 0;
margin-bottom: 20px;
list-style: none;
}
body.is-museum .museum-footer .footer-col .menu li a {
font-weight: 400;
font-size: 0.7rem;
line-height: 100%;
font-family: "Inter", sans-serif;
color: #ffffff;
}
body.is-museum .museum-footer .footer-col .menu li a:hover {
color: #cfcfcf;
}
body.is-museum .museum-footer-copy {
font-family: "Inter", sans-serif;
font-weight: 400;
text-align: center;
font-size: 14px;
color: #ffffff;
}
body.is-museum .museum-footer .footer-kontakt-title {
font-weight: 400;
font-size: 1.2rem;
line-height: 100%;
font-family: "Inter", sans-serif;
margin-bottom: 32px;
color: #ffffff;
}
body.is-museum .museum-footer .footer-kontakt-adresa {
font-weight: 400;
font-size: 0.6rem;
line-height: 170%;
font-family: "Inter", sans-serif;
margin-bottom: 32px;
color: #ffffff;
width: 100%;
margin-top: 0;
}
body.is-museum .museum-footer .footer-kontakt-adresa a {
display: block;
margin-top: 12px;
font-size: 14px;
line-height: 100%;
text-decoration: none;
}
body.is-museum .museum-footer .footer-kontakt-adresa a:first-of-type {
margin-top: 30px;
}
body.is-museum .museum-footer .footer-kontakt-social {
margin-top: 12px;
}
body.is-museum .museum-footer .footer-kontakt-social a {
display: inline-block;
margin-right: 6px;
font-size: 18px;
}
body.is-museum .museum-footer .footer-kontakt-social a i.icon {
display: block;
max-width: 20px;
width: auto;
height: 15px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
filter: invert(1) brightness(2);
}
body.is-museum .museum-footer .footer-kontakt-social a i.icon.youtube-ico {
width: 20px;
background-image: url(//www.csol.cz/wp-content/themes/csol/images/ikony/youtube.png);
}
body.is-museum .museum-footer .footer-kontakt-social a i.icon.facebook-ico {
width: 15px;
background-image: url(//www.csol.cz/wp-content/themes/csol/images/ikony/facebook.png);
}
body.is-museum { }
body.is-museum main {
padding-top: 120px;
}
body.is-museum main.has-hero {
padding-top: 0;
background: #ffffff;
}
body.is-museum main.museum-home {
background: linear-gradient(to bottom, #d6d6d6 0px, #e8e8e8 150px, #ffffff 300px, #ffffff 100%);
}
body.is-museum .museum-hero + main {
padding-top: 0;
}
body.is-museum { }
body.is-museum .museum-hero {
position: relative;
min-height: 100vh;
overflow: hidden;
color: #fff;
}
body.is-museum .museum-hero-bg,
body.is-museum .museum-hero-filter {
position: absolute;
inset: 0;
}
body.is-museum .museum-hero-bg {
background-size: cover;
background-position: center;
z-index: 1;
}
body.is-museum .museum-hero-bg.cernobila {
filter: grayscale(100%) brightness(0.85) contrast(1.05);
}
body.is-museum .museum-hero-filter {
z-index: 2;
pointer-events: none;
}
body.is-museum .museum-hero-content {
position: relative;
z-index: 3;
display: flex;
align-items: center;
min-height: 70vh;
}
body.is-museum .museum-hero-content .container {
max-width: 1312px;
}
body.is-museum .museum-hero-title-wrap {
max-width: 650px;
}
body.is-museum .museum-hero-title {
font-family: "Oswald", sans-serif;
font-weight: 600;
font-size: 2.8rem;
line-height: 5rem;
text-transform: uppercase;
color: #1c201b;
display: inline;
background-color: #EFEFEF;
padding: 0.15em 0.3em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
margin: 0;
}
body.is-museum {  }
body.is-museum main.expozice-archive {
padding-top: 20px;
}
body.is-museum main.expozice-archive .container {
max-width: 1312px;
}
body.is-museum .expozice-archive-head {
padding: 20px 0 40px;
}
body.is-museum .expozice-archive-title {
font-family: "Oswald", sans-serif;
font-size: 2rem;
text-transform: uppercase;
margin: 20px 0 30px;
}
body.is-museum .expozice-archive-desc {
max-width: 1000px;
font-size: 16px;
line-height: 1.6;
}
body.is-museum { }
body.is-museum .expozice-archive-grid {
padding: 40px 0 120px;
}
body.is-museum .expozice-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
body.is-museum { }
body.is-museum .expozice-card {
position: relative;
display: block;
aspect-ratio: 4/3;
overflow: hidden;
text-decoration: none;
color: #fff;
}
body.is-museum .expozice-card-image {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transition: transform 0.4s ease;
}
body.is-museum .expozice-card-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.75) 100%);
}
body.is-museum .expozice-card-content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
body.is-museum .expozice-card-title {
font-size: 18px;
font-weight: 500;
margin: 0;
color: #ffffff;
}
body.is-museum .expozice-card-arrow {
font-size: 20px;
transition: transform 0.2s ease;
}
body.is-museum { }
body.is-museum .expozice-card:hover .expozice-card-image {
transform: scale(1.05);
}
body.is-museum .expozice-card:hover .expozice-card-arrow {
transform: translateX(6px);
}
body.is-museum {  }
body.is-museum.museum-hero-page .museum-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
background: transparent;
}
body.is-museum .expozice-detail.has-hero .museum-hero {
min-height: 760px;
}
body.is-museum .expozice-detail.has-hero .museum-hero .museum-hero-content {
min-height: 760px;
align-items: end;
}
body.is-museum .expozice-detail.has-hero .museum-hero .museum-hero-content .container {
max-width: 1312px;
margin-bottom: 400px;
margin-top: 200px;
}
body.is-museum .expozice-detail.has-hero .museum-hero-overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 1.48%, rgba(0, 0, 0, 0.75) 100%);
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
body.is-museum .expozice-detail.has-hero .expozice-content {
margin-top: -400px;
position: relative;
}
body.is-museum .expozice-detail.has-hero .expozice-content .expozice-tabs-nav {
background: transparent;
position: absolute;
top: -34px;
left: 0;
}
body.is-museum .expozice-detail.has-hero .expozice-content .expozice-tabs-nav .expozice-tab-btn {
background: #d4d4d4;
border: 1px solid #e5e5e5;
color: #1c201b;
padding: 10px 24px;
font-size: 14px;
line-height: 100%;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
}
body.is-museum .expozice-detail.has-hero .expozice-content .expozice-tabs-nav .expozice-tab-btn.active {
background: #ffffff;
}
body.is-museum .expozice-detail.has-hero .expozice-content .expozice-tabs-nav .container {
display: flex;
gap: 0;
padding: 0;
}
body.is-museum .expozice-detail.has-hero .expozice-content .expozice-tab-content {
display: none;
}
body.is-museum .expozice-detail.has-hero .expozice-content .expozice-tab-content.active {
display: block;
}
body.is-museum .expozice-detail.has-hero .expozice-content .container {
max-width: 1282px;
background: #ffffff;
padding: 88px 82px;
z-index: 3;
position: relative;
}
body.is-museum { }
body.is-museum .expozice-content {
padding: 80px 0;
}
body.is-museum .expozice-title-fallback {
font-family: "Oswald", sans-serif;
font-size: 2rem;
text-transform: uppercase;
margin-bottom: 40px;
}
body.is-museum { }
body.is-museum .expozice-vystavy {
padding: 80px 0 120px;
background: #f5f5f5;
}
body.is-museum .expozice-vystavy-title {
font-family: "Oswald", sans-serif;
font-size: 1.6rem;
text-transform: uppercase;
margin: 0 0 40px;
}
body.is-museum .expozice-vystavy-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
body.is-museum .vystava-card {
position: relative;
display: block;
overflow: hidden;
color: #fff;
text-decoration: none;
}
body.is-museum .vystava-card-image {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transition: transform 0.4s ease;
}
body.is-museum .vystava-card-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.75) 100%);
}
body.is-museum .vystava-card-content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
}
body.is-museum .vystava-card-title {
font-size: 18px;
margin: 0;
}
body.is-museum .vystava-card:hover .vystava-card-image {
transform: scale(1.05);
}
body.is-museum { }
body.is-museum main.vystava-detail {
padding-top: 0;
}
body.is-museum main.vystava-detail .vystava-hero-overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 1.48%, rgba(0, 0, 0, 0.75) 100%);
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
body.is-museum .vystava-header-section {
position: relative;
z-index: 3;
}
body.is-museum .vystava-header-grid {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
margin-top: 20px;
margin-bottom: 50px;
}
body.is-museum .vystava-hero {
min-height: 760px;
padding-bottom: 300px;
position: relative;
z-index: 1;
}
body.is-museum .vystava-content .container {
max-width: 1312px;
margin-top: -300px;
padding: 50px 80px 60px;
background: #ffffff;
z-index: 3;
}
body.is-museum .vystava-content .vystava-breadcrumb span, body.is-museum .vystava-content .vystava-breadcrumb a {
font-size: 12px;
line-height: 100%;
font-weight: 400;
color: #D0CAC5 !important;
text-decoration: none;
}
body.is-museum .vystava-content .vystava-breadcrumb span .breadcrumb_last, body.is-museum .vystava-content .vystava-breadcrumb a .breadcrumb_last {
color: #1c201b !important;
}
body.is-museum .vystava-content .vystava-breadcrumb a:hover {
color: #E53A16 !important;
text-decoration: underline !important;
}
body.is-museum .vystava-content .vystava-meta {
display: flex;
flex-direction: row;
}
body.is-museum .vystava-content .vystava-meta .vystava-meta-text, body.is-museum .vystava-content .vystava-meta .vystava-meta-date, body.is-museum .vystava-content .vystava-meta .vystava-meta-expozice {
font-size: 16px;
font-weight: 400;
line-height: 100%;
}
body.is-museum .vystava-content .vystava-meta-expozice {
color: #397B5F;
display: flex;
align-items: center;
gap: 5px;
margin-right: 50px;
text-decoration: none;
}
body.is-museum .vystava-content .vystava-meta-expozice .vystava-meta-text {
text-decoration: underline;
}
body.is-museum .vystava-content .vystava-meta-date {
color: #1c201b;
display: flex;
align-items: center;
gap: 5px;
}
body.is-museum .vystava-content .vystava-meta .vystava-meta-icon {
font-size: 14px;
}
body.is-museum .vystava-content .vystava-cta-link {
width: 200px;
}
body.is-museum .vystava-content .vystava-back-link {
max-width: 400px;
flex-direction: row-reverse;
padding: 24px 32px 24px 75px;
}
body.is-museum .vystava-content .vystava-back-link::after {
transform: rotate(180deg) translateY(50%);
right: initial;
left: 25px;
transition: left ease-in-out 500ms;
}
body.is-museum .vystava-content .vystava-back-link:hover::after {
right: initial;
left: 15px;
}
body.is-museum.archive.post-type-archive-expozice .expozice-grid {
gap: 20px;
}
body.is-museum.archive.post-type-archive-expozice .expozice-grid .expozice-card {
width: calc(50% - 10px);
}
body.is-museum .vystava-detail + .expozice-vystavy {
padding: 80px 0 60px;
background: transparent;
}
body.is-museum .vystava-detail + .expozice-vystavy .expozice-vystavy-title {
text-align: center;
margin-bottom: 60px;
}
body.is-museum .wp-block-uagb-container .expozice-vystavy {
background: transparent;
padding: 10px 0;
}
body.is-museum .media-highlight {
position: relative;
padding: 120px 0;
}
body.is-museum .media-highlight__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0;
position: relative;
}
body.is-museum .media-highlight__media {
flex: 1;
position: relative;
}
body.is-museum .media-highlight__media img {
width: 100%;
height: auto;
display: block;
}
body.is-museum .media-highlight__content {
flex: 1;
padding: 80px 150px 80px 80px;
width: 50%;
max-width: 640px;
position: relative;
z-index: 2;
background: #EFEFEF;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 60px 80px rgba(0, 0, 0, 0.04);
}
body.is-museum .media-highlight__label {
display: block;
font-size: 12px;
text-transform: uppercase;
line-height: 150%;
font-weight: 400;
color: #1c201b;
margin-bottom: 6px;
}
body.is-museum .media-highlight__title {
font-size: 24px;
line-height: 150%;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 40px;
}
body.is-museum .media-highlight__link {
width: 100%;
font-size: 16px;
line-height: 150%;
color: #033E7A;
text-decoration: none;
font-weight: 400;
border-bottom: 1px solid #033E7A;
padding-bottom: 12px;
transition: all 0.2s ease;
display: block;
position: relative;
}
body.is-museum .media-highlight__link span {
position: absolute;
right: 4px;
top: 2px;
font-size: 18px;
line-height: 1;
transition: transform 0.2s ease;
}
body.is-museum .media-highlight__link:hover {
opacity: 0.7;
}
body.is-museum .media-highlight__link:hover span {
transform: translateX(4px);
}
body.is-museum .media-highlight--dark {
color: #fff;
}
body.is-museum .media-highlight--dark .media-highlight__label {
color: #bbb;
}
body.is-museum .media-highlight--dark .media-highlight__link {
color: #fff;
border-color: #fff;
}
body.is-museum .media-highlight__media--overlay {
position: relative;
margin-left: -15%;
}
body.is-museum .media-highlight__media--overlay .media-highlight__stat {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
font-size: 4.95rem;
text-transform: uppercase;
line-height: 100%;
font-weight: 400;
color: #E53A16;
display: flex;
flex-direction: row;
gap: 30px;
align-items: center;
}
body.is-museum .media-highlight__media--overlay .media-highlight__stat span {
display: block;
max-width: 150px;
font-size: 14px;
line-height: 120%;
font-weight: 400;
color: #fff;
text-transform: none;
}
body.is-museum .media-highlight--right .media-highlight__inner {
flex-direction: row-reverse;
}
body.is-museum .media-highlight--light {
background: #efefef;
padding: 0;
margin: 0 120px;
}
body.is-museum .media-highlight--light .media-highlight__inner {
margin: 0;
flex-direction: initial;
justify-content: right;
}
body.is-museum .media-highlight--light .media-highlight__content {
max-width: 600px;
background: transparent;
box-shadow: none;
padding: 80px;
}
body.is-museum .media-highlight__media--stack {
position: absolute;
width: 60%;
height: 100%;
left: 80px;
top: 0;
}
body.is-museum .media-highlight__media--stack img {
position: absolute;
max-width: 250px;
max-height: 350px;
height: 105%;
width: auto;
box-shadow: -7px 0px 15px rgba(0, 0, 0, 0.2), -27px 0px 27px rgba(0, 0, 0, 0.17), -60px 0px 36px rgba(0, 0, 0, 0.1), -107px 0px 43px rgba(0, 0, 0, 0.03);
}
body.is-museum .media-highlight__media--stack .stack-1 {
transform: rotate(-10deg);
left: 190px;
top: -50px;
z-index: 2;
}
body.is-museum .media-highlight__media--stack .stack-2 {
transform: rotate(6deg);
left: 30px;
top: 40px;
z-index: 3;
}
body.is-museum main.museum {
padding-top: 20px;
}
body.is-museum main.museum .museum-calendar-header {
padding-bottom: 60px;
border-bottom: 1px solid #D0CAC5;
}
body.is-museum main.museum .museum-calendar-title {
font-size: 2.1rem;
line-height: 100%;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 28px;
}
body.is-museum main.museum .museum-calendar-desc {
font-size: 0.8rem;
line-height: 170%;
font-weight: 400;
}
body.is-museum main.museum .museum-calendar-content {
padding: 60px 0 100px;
}
body.is-museum main.museum .museum-calendar-content .museum-list-header {
display: flex;
justify-content: space-between;
align-items: center;
margin: 50px 0 60px;
}
body.is-museum main.museum .museum-calendar-content .museum-list-title {
font-size: 1.6rem;
line-height: 100%;
text-transform: uppercase;
font-weight: 600;
display: flex;
gap: 10px;
margin-bottom: 0;
}
body.is-museum main.museum .museum-calendar-content .museum-list-count {
background: #E22E31;
width: 32px;
height: 32px;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 100%;
font-weight: 400;
padding: 3px 9px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
body.is-museum main.museum .museum-calendar-content .museum-list-right {
display: flex;
align-items: center;
gap: 15px;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 18px;
border-radius: 40px;
border: 1px solid #ddd;
background: #fff;
cursor: pointer;
transition: all 0.2s ease;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-toggle:hover {
border-color: #004b91;
color: #004b91;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-toggle .material-symbols-outlined {
font-size: 18px;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel {
display: none;
background: #ffffff;
border: 1px solid #e6e6e6;
padding: 28px 30px;
border-radius: 0;
margin-bottom: 40px;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel.active {
display: flex;
gap: 20px;
flex-wrap: wrap;
align-items: center;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel select,
body.is-museum main.museum .museum-calendar-content .museum-filter-panel input[type=date] {
padding: 14px 16px;
border-radius: 12px;
border: 1px solid #dcdcdc;
background: #ffffff;
font-size: 15px;
color: #333;
transition: all 0.2s ease;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel select:hover,
body.is-museum main.museum .museum-calendar-content .museum-filter-panel input[type=date]:hover {
border-color: #c8c8c8;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel select:focus,
body.is-museum main.museum .museum-calendar-content .museum-filter-panel input[type=date]:focus {
border-color: #004b91;
box-shadow: 0 0 0 3px rgba(0, 75, 145, 0.08);
outline: none;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel .btn-primary {
background: #004b91;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 50px;
font-weight: 400;
letter-spacing: 0.5px;
transition: all 0.2s ease;
font-size: 18px;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel .btn-primary:hover {
background: #003c73;
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(0, 75, 145, 0.15);
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel .btn-outline {
background: transparent;
border: 1px solid #cfcfcf;
color: #666;
padding: 10px 20px;
font-size: 18px;
font-weight: 400;
border-radius: 50px;
transition: all 0.2s ease;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel .btn-outline:hover {
border-color: #004b91;
color: #004b91;
background: rgba(0, 75, 145, 0.05);
}
body.is-museum main.museum .museum-calendar-content .museum-active-filters {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 13px;
border-radius: 32px;
border: 1px solid #E53A16;
color: #1c201b;
font-size: 16px;
line-height: 100%;
font-weight: 400;
background: transparent;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-pill button {
border: none;
background: transparent;
cursor: pointer;
font-size: 32px;
line-height: 16px;
}
body.is-museum { }
body.is-museum .museum-grid-vystavy {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
body.is-museum .vystava-card {
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.25s ease;
}
body.is-museum .vystava-card:hover {
transform: translateY(-4px);
}
body.is-museum .vystava-card { }
body.is-museum .vystava-card-media {
position: relative;
border-radius: 0;
overflow: hidden;
}
body.is-museum .vystava-card-media img {
display: block;
width: 100%;
height: 260px;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.4s ease;
}
body.is-museum .vystava-card:hover body.is-museum .vystava-card-media img {
transform: scale(1.05);
}
body.is-museum .vystava-card { }
body.is-museum .vystava-card-badge {
position: absolute;
top: 14px;
left: 12px;
padding: 4px 12px;
border-radius: 24px;
font-size: 13px;
line-height: 120%;
font-weight: 400;
color: #f9f6ee;
white-space: nowrap;
}
body.is-museum .vystava-card { }
body.is-museum .vystava-card-body {
padding-top: 16px;
font-family: "Inter", sans-serif;
}
body.is-museum .vystava-card { }
body.is-museum .vystava-card-date {
font-size: 13px;
font-weight: 400;
color: #1c201b;
margin-bottom: 8px;
}
body.is-museum .vystava-card { }
body.is-museum .vystava-card-title {
font-size: 20px;
font-weight: 400;
margin: 0 0 10px;
line-height: 150%;
color: #1c201b;
text-transform: none;
font-family: "Inter", sans-serif;
}
body.is-museum .vystava-card { }
body.is-museum .vystava-card-location {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 400;
color: #397B5F;
}
body.is-museum .vystava-card-location .material-symbols-outlined {
font-size: 18px;
}
body.is-museum {  }
body.is-museum .ngy2_container .nGY2GThumbnailIconsFullThumbnail:not(:empty) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 28px;
font-weight: 600;
color: #fff;
background: rgba(0, 0, 0, 0.6);
inset: 0;
position: absolute;
transform: none; }
body.is-museum { }
body.is-museum .hp-expozice-section {
position: relative;
z-index: 3;
background: #ffffff;
display: block;
float: none;
margin: -110px auto 0 !important;
}
body.is-museum .expozice-grid-block {
margin: 30px 0;
}
body.is-museum .expozice-grid {
display: flex;
flex-wrap: wrap;
gap: 0;
margin: -10px;
}
body.is-museum .expozice-grid-item {
padding: 10px;
}
body.is-museum .expozice-grid .expozice-card {
display: block;
position: relative;
overflow: hidden;
height: 260px;
aspect-ratio: initial;
}
body.is-museum .expozice-grid .expozice-card-title {
font-size: 1.2rem;
line-height: 100%;
text-transform: none;
font-weight: 400;
font-family: "Inter", sans-serif;
}
body.is-museum .expozice-grid .expozice-card-image {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
}
body.is-museum .expozice-grid-item {
max-height: 280px;
position: relative;
}
body.is-museum { }
body.is-museum .expozice-grid-button {
margin-top: 60px;
display: flex;
justify-content: center;
}
body.is-museum .expozice-grid-button a {
max-width: 400px;
}
@media (max-width: 992px) {
body.is-museum .expozice-grid-item {
width: 50% !important;
}
}
@media (max-width: 600px) {
body.is-museum .expozice-grid-item {
width: 100% !important;
}
}
body.is-museum {  }
body.is-museum .museum-info-box {
position: relative;
padding: 32px;
min-height: 240px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
transition: transform 0.2s ease, box-shadow 0.2s ease; }
body.is-museum .museum-info-box:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
body.is-museum .museum-info-box { }
body.is-museum .museum-info-box .museum-info-box-icon {
font-size: 28px;
margin-bottom: auto;
}
body.is-museum .museum-info-box .museum-info-box-icon span {
font-size: 32px;
line-height: 1;
}
body.is-museum .museum-info-box { }
body.is-museum .museum-info-box .museum-info-box-content {
font-size: 16px;
line-height: 170%;
font-weight: 400;
}
body.is-museum .museum-info-box .museum-info-box-content strong {
font-weight: 700;
}
body.is-museum .museum-info-box .museum-info-box-content p:last-child {
margin-bottom: 0;
}
body.is-museum .museum-info-box .museum-info-box-content .flex-middle {
display: flex;
flex-direction: row;
align-items: center;
gap: 7px;
justify-content: center;
}
body.is-museum .museum-info-box { }
body.is-museum .museum-info-box .museum-info-box-button {
margin-top: 15px;
}
body.is-museum .museum-info-box .museum-info-box-button a {
font-family: "Inter", sans-serif;
font-size: 16px;
line-height: 150%;
font-weight: 400;
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: inherit;
}
body.is-museum .museum-info-box .museum-info-box-button a .arrow {
transition: transform 0.2s ease;
}
body.is-museum .museum-info-box .museum-info-box-button a:hover .arrow {
transform: translateX(6px);
}
body.is-museum .museum-info-box { }
body.is-museum .museum-info-box.type-text {
justify-content: center;
}
body.is-museum .museum-info-box.type-text .museum-info-box-icon,
body.is-museum .museum-info-box.type-text .museum-info-box-button {
display: none;
}
body.is-museum .museum-info-box.type-icon .museum-info-box-content {
margin-top: 30px;
}
body.is-museum .museum-info-box.type-icon .museum-info-box-content, body.is-museum .museum-info-box.type-icon .museum-info-box-content p {
font-family: "Oswald", sans-serif;
font-size: 1.2rem;
line-height: 150%;
font-weight: 600;
text-transform: uppercase;
}
body.is-museum .museum-info-box.type-icon .museum-info-box-button {
display: none;
}
body.is-museum .museum-info-box.type-cta { }
body.is-museum .museum-info-box.type-cta .museum-info-box-content {
margin-top: 30px;
}
body.is-museum .museum-info-box.type-cta .museum-info-box-content, body.is-museum .museum-info-box.type-cta .museum-info-box-content p {
font-family: "Oswald", sans-serif;
font-size: 1.2rem;
line-height: 150%;
font-weight: 600;
text-transform: uppercase;
} @media (max-width: 1024px) {
body.is-museum .expozice-grid {
grid-template-columns: repeat(2, 1fr);
}
body.is-museum .expozice-vystavy-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px) {
body.is-museum .museum-footer-widgets {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media (max-width: 576px) {
body.is-museum .museum-footer-main {
padding-top: 96px;
margin-top: -48px;
}
body.is-museum .museum-footer-widgets {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
body.is-museum .museum-newsletter-inner {
grid-template-columns: 1fr;
row-gap: 24px;
}
body.is-museum .ec-v-form-column {
grid-template-columns: 1fr;
row-gap: 12px;
}
body.is-museum .ec-v-form-submit {
text-align: left !important;
}
body.is-museum .expozice-grid {
grid-template-columns: 1fr;
}
body.is-museum .expozice-vystavy-grid {
grid-template-columns: 1fr;
}
}
body.is-museum .museum-header {
position: relative;
z-index: 1000;
}
body.is-museum .museum-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
body.is-museum .museum-header-left {
display: flex;
align-items: center;
}
body.is-museum .museum-header-logo img {
display: block;
height: 50px;
width: auto;
}
body.is-museum .museum-header-right {
display: flex;
flex-direction: column;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-nav {
display: block;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-top {
display: flex;
justify-content: end;
align-items: center;
gap: 40px;
}
body.is-museum .museum-header-menu-utility .menu-utility {
display: flex;
gap: 20px;
}
body.is-museum .museum-header-social {
display: flex;
gap: 10px;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-bottom {
margin-top: 10px;
}
body.is-museum .museum-header-menu-main .menu-main {
display: flex;
gap: 25px;
}
body.is-museum .museum-header { }
body.is-museum .museum-header .museum-menu-toggle {
display: none;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-mobile-bar {
display: none;
}
@media (max-width: 1024px) {
body.is-museum {
padding-top: 0 !important;
}
body.is-museum .museum-header {
position: sticky;
top: 0;
z-index: 1000; background: #fff !important;
}
body.is-museum .museum-header--dark, body.is-museum .museum-header--light, body.is-museum .museum-header--transparent {
background: #fff !important;
}
body.is-museum .museum-header .museum-logo img {
max-height: 60px;
}
body.is-museum .museum-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
body.is-museum .museum-header-right {
flex-direction: row;
align-items: center;
justify-content: end;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-logo img {
height: 40px;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-mobile-bar {
display: flex;
align-items: center;
}
body.is-museum .museum-header { }
body.is-museum .museum-header .museum-menu-toggle {
display: flex;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 5px;
}
body.is-museum .museum-header .museum-menu-toggle span {
width: 22px;
height: 2px;
background: #000;
display: block;
transition: 0.3s;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-nav {
position: absolute;
top: calc(100% + 30px);
left: 50%;
transform: translateX(-50%) translateY(-120%);
margin-left: -48px;
width: calc(100vw + 10px);
max-width: calc(100vw + 10px);
background: #fff;
opacity: 0;
pointer-events: none;
transition: 0.3s;
display: flex;
flex-direction: column;
}
body.is-museum .museum-header-nav ul li a {
color: #1c201b;
}
body.is-museum .museum-header { }
body.is-museum .museum-header.open .museum-header-nav {
transform: translateX(-50%) translateY(0);
opacity: 1;
pointer-events: auto;
}
body.is-museum .museum-header { }
body.is-museum .museum-header-top, body.is-museum .museum-header-bottom {
padding: 20px;
}
body.is-museum .museum-header-top {
flex-direction: column;
align-items: flex-start;
gap: 15px;
order: 2;
border-top: 1px solid #c2c2c2;
}
body.is-museum .museum-header-menu-utility .menu-utility, body.is-museum .museum-header-menu-main .menu-main {
display: flex;
flex-direction: column;
gap: 15px;
}
body.is-museum .museum-header-menu-utility .menu-utility {
flex-direction: row;
}
body.is-museum .museum-header-social {
margin-top: 10px;
padding-left: 12px;
}
body.is-museum .museum-header-social a i {
filter: brightness(0) saturate(100%) invert(10%) sepia(8%) saturate(300%) hue-rotate(60deg) brightness(90%) contrast(95%);
}
body.is-museum .museum-header.is-scrolled {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 1024px) {
body.is-museum .museum-header.open .museum-menu-toggle span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
body.is-museum .museum-header.open .museum-menu-toggle span:nth-child(2) {
opacity: 0;
}
body.is-museum .museum-header.open .museum-menu-toggle span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
}
}
@media all and (max-width: 992px) {
body.is-museum .museum-hero {
min-height: 75vh;
}
body.is-museum .museum-hero-content {
min-height: 60vh;
}
body.is-museum .museum-hero-title {
font-size: 1.8rem;
line-height: 3rem;
}
body.is-museum .museum-footer .museum-newsletter-inner {
flex-direction: column !important;
align-items: center !important;
row-gap: 24px !important;
padding: 60px 20px;
}
body.is-museum .museum-footer .museum-newsletter-text {
width: 100%;
}
body.is-museum .museum-footer .museum-newsletter-form {
width: 100%;
padding-left: 0;
}
body.is-museum .museum-footer-bg {
background-size: cover;
}
body.is-museum .museum-footer-widgets {
flex-direction: column !important;
}
body.is-museum .museum-footer-widgets .footer-col {
width: 100% !important;
}
body.is-museum .museum-footer-widgets .footer-col .menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 5px 25px;
}
body.is-museum .museum-footer-widgets .footer-col .menu li {
margin-bottom: 0;
}
body.is-museum .media-highlight {
padding: 0 !important;
}
body.is-museum .media-highlight__inner {
padding: 0 !important;
flex-direction: column !important;
}
body.is-museum .media-highlight__content {
width: 100% !important;
padding: 60px 40px !important;
}
body.is-museum .media-highlight__media {
width: 100% !important;
margin-left: initial !important;
}
body.is-museum .media-highlight .media-highlight__stat {
font-size: 3rem;
}
body.is-museum .media-highlight--light {
margin: 0 !important;
}
body.is-museum .media-highlight--light .media-highlight__inner {
flex-direction: column-reverse !important;
padding-bottom: 80px !important;
}
body.is-museum .media-highlight--light .media-highlight__media--stack {
position: relative !important;
width: 100% !important;
height: 270px !important;
top: 30px !important;
flex: initial !important;
left: initial !important;
padding: 40px 0 !important;
}
body.is-museum main.expozice-archive {
padding: 20px 30px 40px;
}
body.is-museum main.expozice-archive .expozice-grid .expozice-card {
width: 100% !important;
}
body.is-museum .expozice-archive-grid {
padding: 40px 0 40px !important;
}
body.is-museum .expozice-detail.has-hero .museum-hero {
min-height: 350px !important;
}
body.is-museum .expozice-detail.has-hero .museum-hero-content {
min-height: 350px !important;
}
body.is-museum .expozice-detail.has-hero .museum-hero-content .container {
margin-bottom: 100px !important;
margin-top: 100px !important;
}
body.is-museum .expozice-detail.has-hero .expozice-content {
margin-top: 0;
padding: 0;
}
body.is-museum .expozice-detail.has-hero .expozice-content .container {
padding: 40px 30px !important;
}
body.is-museum .expozice-vystavy {
padding: 80px 0;
}
body.is-museum .vystava-hero {
min-height: 350px;
padding-bottom: 0;
}
body.is-museum .vystava-content .container {
margin-top: 0;
padding: 40px 30px 50px;
}
body.is-museum .vystava-content .vystava-meta {
flex-direction: column;
gap: 20px;
}
body.is-museum .vystava-header-grid {
flex-direction: column;
gap: 25px;
}
body.is-museum main.museum .museum-calendar > .container {
padding: 0 30px;
}
body.is-museum main.museum .museum-calendar-header {
padding-bottom: 40px;
}
body.is-museum main.museum .museum-calendar-content {
padding: 0 0 60px;
}
body.is-museum main.museum .museum-calendar-content .museum-list-header {
margin: 30px 0;
flex-direction: column;
gap: 15px;
align-items: start;
}
body.is-museum main.museum .museum-calendar-content .museum-list-right {
flex-direction: row-reverse;
}
body.is-museum main.museum .museum-calendar-content .museum-filter-panel select, body.is-museum main.museum .museum-calendar-content .museum-filter-panel input[type=date] {
width: 100%;
}
body.is-museum .museum-grid-vystavy {
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}