.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.block-editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;border:1px dashed rgba(145,151,162,.25);border-bottom:none}.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.block-editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:rgba(66,88,99,.4) rgba(66,88,99,.4) rgba(66,88,99,.4) transparent}.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) transparent}.block-editor-block-list__layout .reusable-block-indicator{background:#fff;border:1px dashed #e2e4e7;color:#555d66;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:440;background:#edeff0}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#00739c}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex-grow:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:calc(50% - 16px);flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#f8f9f9}.wp-block-cover-image .wp-block-subhead,.wp-block-cover-image h1,.wp-block-cover-image h2,.wp-block-cover-image h3,.wp-block-cover-image h4,.wp-block-cover-image h5,.wp-block-cover-image h6,.wp-block-cover-image p,.wp-block-cover .wp-block-subhead,.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover h3,.wp-block-cover h4,.wp-block-cover h5,.wp-block-cover h6,.wp-block-cover p{color:inherit}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3 - 1px)}}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4 - 1px)}}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5 - 1px)}}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6 - 1px)}}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7 - 1px)}}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8 - 1px)}}.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table.has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table.has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table.has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd),.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #ff0000; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url('/domains/south-park.cz/wp-content/plugins/contact-form-7/images/ajax-loader.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } /* +----------------------------------------------------------------+ | | | WordPress Plugin: WP-PostRatings | | Copyright (c) 2012 Lester "GaMerZ" Chan | | | | File Written By: | | - Lester "GaMerZ" Chan | | - http://lesterchan.net | | | | File Information: | | - Post Ratings CSS File | | - wp-content/plugins/wp-postratings/postratings-css.css | | | +----------------------------------------------------------------+ */ .post-ratings { width: 100%; opacity: 1; /* background-color: #ffffff; */ } .post-ratings-loading { display: none; height: 16px; text-align: left; } .post-ratings-image { border: 0; } .post-ratings img, .post-ratings-loading img, .post-ratings-image img { border: 0; padding: 0; margin: 0; } .post-ratings-text { } .post-ratings-comment-author { font-weight: normal; font-style: italic; } /* Main configuration file Created by: Bold Interactive s.r.o. */ @font-face { font-family: 'Hind'; font-style: normal; font-weight: 400; src: local('Hind Regular'), local('Hind-Regular'), url(https://fonts.gstatic.com/s/hind/v8/5aU69_a8oxmIdGd4AQ.ttf) format('truetype'); } @font-face { font-family: 'Hind'; font-style: normal; font-weight: 600; src: local('Hind SemiBold'), local('Hind-SemiBold'), url(https://fonts.gstatic.com/s/hind/v8/5aU19_a8oxmIfLZcERKSiA.ttf) format('truetype'); } @font-face { font-family: 'Hind'; font-style: normal; font-weight: 700; src: local('Hind Bold'), local('Hind-Bold'), url(https://fonts.gstatic.com/s/hind/v8/5aU19_a8oxmIfNJdERKSiA.ttf) format('truetype'); } @font-face { font-family: "southpark"; src: url('/domains/south-park.cz/wp-content/themes/southpark/assets/fonts/southpark.ttf') format('truetype'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/fonts/southpark.otf') format('opentype'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/fonts/southpark.woff') format('woff'); } @font-face { font-family: "MyriadPro-BoldCond"; src: url('/domains/south-park.cz/wp-content/themes/southpark/assets/fonts/MyriadPro/MyriadPro-BoldCond.otf') format('opentype'); } @font-face { font-family: "MyriadPro-Cond"; src: url('/domains/south-park.cz/wp-content/themes/southpark/assets/fonts/MyriadPro/MyriadPro-Cond.otf') format('opentype'); } /***** NORMALIZE *****/ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /***** //NORMALIZE *****/ /***** BASE LAYOUT *****/ * { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 18px; background: #fff; } body { font-family: 'MyriadPro-Cond', Arial, sans-serif; color: #1c1c1c; overflow-x: hidden; background-image: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_bg.jpg'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/footer_bg.jpg'); background-repeat: no-repeat, no-repeat; background-position: center top, center top 1020px; background-color: #2d2d2d; float: left; width: 100%; } body.height { background-position: center top, center bottom; padding-bottom: 600px; } body.width3k { background-image: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_bg.jpg'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/bg_header_big_left.jpg'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/bg_header_big_right.jpg'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/footer_bg.jpg'); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: center top, calc(50% - 1229px) top, calc(50% + 1229px) top, center top 1020px; } body.width3k.height { background-position: center top, calc(50% - 1229px) top, calc(50% + 1229px) top, center bottom; padding-bottom: 600px; } @media screen and (max-width: 1220px) { body { background-image: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/mobile_header.jpg'), url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/footer_bg.jpg'); background-size: contain, auto; background-color: #1e273c; } } @media screen and (max-width: 600px) { body { background-size: auto, auto; } } img { vertical-align: middle; max-width: 100%; } a { color: #000; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "MyriadPro-BoldCond"; font-weight: 500; color: #303030; } /***** //BASE LAYOUT *****/ /***** HELPER *****/ .clearfix:before, .container:before, .container-fluid:before, .row:before, .separator:before, .clearfix:after, .container:after, .container-fluid:after, .row:after, .separator:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .separator:after { clear: both; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; } .clear { clear: both; } .flex-center { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-middle { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-middle2 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-self-end { -webkit-align-self: flex-end; -ms-flex-self: flex-end; align-self: flex-end; } .margin__vertical--s { margin: 5px 0; } .margin__vertical--m { margin: 10px 0; } .margin__vertical--l { margin: 15px 0; } .margin__vertical--xl { margin: 20px 0; } .margin__vertical--xxl { margin: 30px 0; } .txt-uppercase { text-transform: uppercase; } .txt-lowercase { text-transform: lowercase; } .txt-strong { font-weight: 700; } .txt-semibold { font-weight: 600; } .txt-center { text-align: center; } .txt-left { text-align: left; } .txt-right { text-align: right; } .semibold { font-weight: 600; } @media screen and (max-width: 1000px) { .mobile-hide { display: none; } .mobile-block { display: block; } } /***** //HELPER *****/ /***** LAYOUT *****/ .headerIntro { height: 178px; width: 100%; float: left; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_sign.png') no-repeat left bottom; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; padding-left: 100px; } @media screen and (max-width: 996px) { .headerIntro { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 700px) { .headerIntro { background-size: 35%; } } .headerIntro > div.eyes:after { content: ''; width: 100%; height: 100%; float: left; left: 0px; top: 0px; background-position: bottom center; background-size: contain; } .headerIntro__stan { width: 132px; height: 178px; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_stan.png') no-repeat center top; float: left; margin-right: 25px; } @media screen and (max-width: 996px) { .headerIntro__stan { width: 18%; background-size: contain; background-position: bottom center; margin-right: 3%; } } .headerIntro__stan.eyes:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_stan_closeEyes.png') no-repeat center top; } .headerIntro__kyle { width: 157px; height: 178px; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_kyle.png') no-repeat center top; float: left; margin-right: 25px; } @media screen and (max-width: 996px) { .headerIntro__kyle { width: 20%; background-size: contain; background-position: bottom center; margin-right: 3%; } } .headerIntro__kyle.eyes:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_kyle_closeEyes.png') no-repeat center top; } .headerIntro__kenny { width: 135px; height: 178px; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_kenny.png') no-repeat center top; float: left; margin-right: 25px; } @media screen and (max-width: 996px) { .headerIntro__kenny { width: 18%; background-size: contain; background-position: bottom center; margin-right: 3%; } } .headerIntro__kenny.eyes:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_kenny_closeEyes.png') no-repeat center top; } .headerIntro__eric { width: 223px; height: 178px; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_eric.png') no-repeat center top; float: left; } @media screen and (max-width: 996px) { .headerIntro__eric { width: 28%; background-size: contain; background-position: bottom center; } } .headerIntro__eric.eyes:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/header_eric_closeEyes.png') no-repeat center top; } .headerNavigation { width: 100%; float: left; padding: 12px; background: #303030; } .headerNavigation .headerLogo { font-size: 27px; color: #fff; font-family: 'southpark', Arial, sans-serif; float: left; width: 280px; padding: 8px 15px 8px 25px; } .headerNavigation .headerLogo a { color: #fff; } .headerNavigation .headerMenu { float: left; width: calc(100% - 500px); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .headerNavigation .headerMenu .welcome { text-align: center; font-size: 22px; color: #fff; } .headerNavigation .headerMenu ul { list-style: none; text-align: center; } .headerNavigation .headerMenu ul li { margin: 8px 15px 4px; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; } .headerNavigation .headerMenu ul li a { color: #fff; } .headerNavigation .headerMenu ul li a:hover { color: #f8cc32; } .headerNavigation .headerLogin { float: right; width: 220px; padding-right: 45px; text-align: right; color: #fff; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/expression_default.png') no-repeat center right; } .headerNavigation .headerLogin a { color: #f8cc32; } #page { width: 100%; float: left; } #page .container { max-width: 1170px; margin: 0 auto; } @media screen and (max-width: 1210px) { #page .container { width: 100%; padding-left: 10px; padding-right: 10px; } } #site { background: #a7a7a7; float: left; width: 100%; } #leftSidebar { float: left; width: 250px; padding-bottom: 30px; } @media screen and (max-width: 1100px) and (min-width: 800px) { #leftSidebar { width: 200px; } } @media screen and (max-width: 799px) { #leftSidebar { width: 100%; padding-bottom: 20px; } } #leftSidebar aside { margin-top: 30px; float: left; width: 100%; background: #303030; padding-bottom: 0px; position: relative; /* ICONS FOR LEFT MENU TITLES */ } #leftSidebar aside .widget-title { float: left; width: 100%; background: #1c1c1c; position: relative; margin-top: 7px; margin-left: -8px; margin-bottom: 7px; padding: 15px; height: 46px; font-size: 18px; font-family: 'southpark', Arial, sans-serif; color: #fff; } @media screen and (max-width: 1100px) and (min-width: 800px) { #leftSidebar aside .widget-title { text-align: right; } } #leftSidebar aside .widget-title:before { content: ''; width: 0px; height: 0px; position: absolute; top: -8px; left: 0px; border-bottom: 8px solid #000; border-left: 8px solid transparent; } #leftSidebar aside .widget-title:after { content: ''; width: 70px; height: 80px; float: left; position: relative; margin-right: 25px; top: 5px; left: 0px; transform: translateY(-50%); } @media screen and (max-width: 1100px) and (min-width: 800px) { #leftSidebar aside .widget-title:after { width: 50px; height: 60px; margin-right: 0; } } @media screen and (max-width: 799px) { #leftSidebar aside .widget-title:after { height: 70px; } } #leftSidebar aside .widget-title + div, #leftSidebar aside .widget-title + form { float: left; width: 100%; margin-left: -7px; margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 800px) { #leftSidebar aside .widget-title + div, #leftSidebar aside .widget-title + form { display: block !important; } } @media screen and (max-width: 799px) { #leftSidebar aside .widget-title + div, #leftSidebar aside .widget-title + form { display: none; } } #leftSidebar aside .widget-title + div ul, #leftSidebar aside .widget-title + form ul { list-style: none; padding-right: 1px; } #leftSidebar aside .widget-title + div ul li, #leftSidebar aside .widget-title + form ul li { display: block; } #leftSidebar aside .widget-title + div ul li a, #leftSidebar aside .widget-title + form ul li a { padding: 5px 15px 5px 30px; display: block; color: #fff; font-size: 20px; position: relative; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } #leftSidebar aside .widget-title + div ul li a:before, #leftSidebar aside .widget-title + form ul li a:before { visibility: hidden; opacity: 0; content: ''; width: 0px; height: 0px; position: absolute; top: -8px; left: 0px; border-bottom: 8px solid #000; border-left: 8px solid transparent; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } #leftSidebar aside .widget-title + div ul li a:hover, #leftSidebar aside .widget-title + form ul li a:hover { background: #1c1c1c; color: #f8cc32; } #leftSidebar aside .widget-title + div ul li a:hover:before, #leftSidebar aside .widget-title + form ul li a:hover:before { opacity: 1; visibility: visible; } #leftSidebar aside .widget-title + .searchWidgetContent { margin: 10px 0 0 0px; padding: 15px 15px 15px 0; } #leftSidebar aside .widget-title + .searchWidgetContent form { float: left; width: 100%; position: relative; } #leftSidebar aside .widget-title + .searchWidgetContent input[type="text"] { width: 100%; margin: 0; padding: 8px 15px; background: #a8a8a8; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #leftSidebar aside .widget-title + .searchWidgetContent input[type="submit"] { float: right; position: absolute; top: 0px; right: 0px; height: 100%; border: 0px; background: #1c1c1c; padding: 0px 15px; cursor: pointer; color: #fff; outline: 0; } #leftSidebar aside .widget-title + .searchWidgetContent input[type="submit"]:active, #leftSidebar aside .widget-title + .searchWidgetContent input[type="submit"]:focus { background: #242424; } #leftSidebar aside#nav_menu-2 .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/characters/wendy-testaburger.png') no-repeat center center; background-size: contain; } #leftSidebar aside#nav_menu-3 .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/characters/superherores-fastpass.png') no-repeat center center; background-size: contain; } #leftSidebar aside#nav_menu-4 .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/characters/token-black.png') no-repeat center center; background-size: contain; } #leftSidebar aside#search-2 .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/characters/alter-ego-halloween-costumes-gangnam-craig.png') no-repeat center center; background-size: contain; } #leftSidebar .fbBanner { text-align: center; display: block; margin-top: 15px; float: left; width: 100%; position: relative; left: 13px; } @media screen and (max-width: 799px) { #leftSidebar .fbBanner { display: none; } } #content { float: left; width: calc(100% - 250px - 30px); margin-left: 30px; background: #bdbdbd; } @media screen and (max-width: 1100px) and (min-width: 800px) { #content { width: calc(100% - 200px - 30px); } } @media screen and (max-width: 799px) { #content { width: 100%; margin-left: 0; } } #content .contentTitle { float: left; width: calc(100% - 5px); background: #1c1c1c; position: relative; margin-top: 11px; margin-left: -10px; margin-bottom: 25px; padding: 15px; font-size: 18px; color: #fff; } #content .contentTitle:before { content: ''; width: 0px; height: 0px; position: absolute; top: -10px; left: 0px; border-bottom: 10px solid #000; border-left: 10px solid transparent; } #content .contentTitle h1 { color: #fff; } #content .contentTitle .page-title { float: left; padding-left: 40px; } #content .contentTitle.homepage { width: calc(100% + 10px); padding: 20px 150px 20px 30px; min-height: 125px; float: left; margin-bottom: 0px; } @media screen and (max-width: 420px) { #content .contentTitle.homepage { padding: 15px 15px 15px 25px; } } #content .contentTitle.homepage:after { content: ''; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/butters_paladin.png') no-repeat center top; background-size: contain; width: 110px; height: 145px; float: right; position: absolute; right: 30px; bottom: -8px; } @media screen and (max-width: 560px) { #content .contentTitle.homepage:after { width: 80px; height: 130px; } } @media screen and (max-width: 420px) { #content .contentTitle.homepage:after { display: none; } } #content .contentTitle.homepage .countDownTitle { font-size: 26px; font-weight: bold; float: left; width: 250px; letter-spacing: 1px; padding-top: 10px; } #content .contentTitle.homepage .countDownTitle span { font-size: 16px; font-weight: normal; display: block; } @media screen and (max-width: 400px) { #content .contentTitle.homepage .countDownTitle span { display: none; } } #content .contentTitle.homepage .countDown { float: right; position: relative; right: 10px; margin-top: 10px; } #content .contentTitle.homepage .countDown > div { float: left; margin: 0px 5px; } #content .contentTitle.homepage .countDown span { color: #f8cc32; font-size: 40px; line-height: 40px; font-weight: bold; letter-spacing: 2px; text-align: center; float: left; padding: 10px 0 5px; width: 68px; background: #303030; margin-bottom: 7px; } @media screen and (max-width: 900px) { #content .contentTitle.homepage .countDown span { font-size: 35px; width: 60px; line-height: 35px; } } #content .contentTitle.homepage .countDown em { float: left; clear: both; font-size: 14px; font-style: normal; } #content .contentTitle.homepage.no-img:after { display: none; } #content .contentTitle.postava { width: calc(100% + 10px); margin-bottom: 0px; } #content .contentTitle .averageRating { float: right; } #content .contentTitle .averageRating__title { font-size: 17px; } #content .contentTitle .averageRating__result { font-size: 22px; color: #f8cc32; } #content .contentTitle .averageRating__result svg { width: 20px; } #content .contentTitle .averageRating .post-ratings { width: auto; float: left; margin-right: 5px; } #content #primary { float: left; width: 100%; } #content #primary.hasSidebar { width: calc(100% - 260px - 20px); } @media screen and (max-width: 1100px) and (min-width: 800px) { #content #primary.hasSidebar { width: calc(100% - 220px - 20px); } } @media screen and (max-width: 799px) { #content #primary.hasSidebar { width: 100%; } } #content #primary a { text-decoration: underline; } #content #primary ol, #content #primary ul { margin: 15px; } #content #primary ol li, #content #primary ul li { padding: 0px 0px 8px 15px; } #content #primary .postList { float: left; width: 100%; padding: 25px; font-family: "MyriadPro-BoldCond"; } #content #primary .postList h2 { font-size: 29px; margin-bottom: 25px; } #content #primary .postList .post { float: left; width: 100%; margin-bottom: 25px; } #content #primary .postList .post__image { float: left; width: 40%; } #content #primary .postList .post__text { float: left; width: 60%; padding-left: 25px; color: #303030; } #content #primary .postList .post__text h3 { font-size: 22px; color: #1c1c1c; margin: 5px 0 15px 0; } #content #primary .postList .post__text a { color: #000000; } #content #primary .postList .post-ratings { margin-top: 10px; } #content #primary .postGrid { float: left; width: 100%; padding: 25px; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #content #primary .postGrid .post { float: left; width: calc(33.3333% - 3px); background: #a8a8a8; margin-right: 3px; } @media screen and (max-width: 950px) and (min-width: 800px) { #content #primary .postGrid .post { width: calc(50% - 3px); } } @media screen and (max-width: 950px) and (min-width: 800px) { #content #primary .postGrid .post { width: calc(50% - 3px); } } @media screen and (max-width: 700px) { #content #primary .postGrid .post { width: calc(50% - 3px); } } @media screen and (max-width: 450px) { #content #primary .postGrid .post { width: calc(100%); } } #content #primary .postGrid .post__image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; float: left; position: relative; width: 100%; } #content #primary .postGrid .post__image img { display: none; } #content #primary .postGrid .post__image .label { position: absolute; top: 10px; right: 10px; background: #303030; color: #fff; padding: 5px 15px; } #content #primary .postGrid .post__image .label.left { right: inherit; left: 10px; } #content #primary .postGrid .post__image .label.rating { color: #f8cc32; } #content #primary .postGrid .post__image .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; float: left; background: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; color: #fff; padding: 25px; } #content #primary .postGrid .post__image .overlay div { margin-bottom: 10px; } #content #primary .postGrid .post__image .overlay div span { display: block; letter-spacing: 1px; font-size: 16px; } #content #primary .postGrid .post__image .overlay div em { font-family: "MyriadPro-BoldCond"; font-style: normal; } #content #primary .postGrid .post h3 { display: block; clear: both; font-size: 22px; } #content #primary .postGrid .post h3 a { padding: 15px; color: #1c1c1c; display: block; } #content #primary .postGrid .post:hover .post__image .label { display: none; } #content #primary .postGrid .post:hover .post__image .overlay { opacity: 1; visibility: visible; } #content #primary .epizodaContent .epizodaImg { float: left; width: 40%; } #content #primary .epizodaContent .epizodaInfo { padding: 0px 25px; font-size: 17px; float: left; width: 60%; } #content #primary .epizodaContent .epizodaInfo ul { margin: 0; list-style: none; } #content #primary .epizodaContent article { float: left; width: 100%; margin-top: 30px; padding: 25px; } #content #primary .epizodaContent article h2, #content #primary .epizodaContent article h3, #content #primary .epizodaContent article h4 { margin-bottom: 20px; } #content #primary .epizodaContent article p { margin-bottom: 25px; } #content #primary .defaultContent .entry-content h3 { margin-bottom: 10px; margin-top: 15px; } #content #rightSidebar { float: right; width: 260px; background: #a8a8a8; height: 100%; } @media screen and (max-width: 799px) { #content #rightSidebar.homepageSidebar { width: 100%; } } @media screen and (max-width: 1100px) and (min-width: 800px) { #content #rightSidebar { width: 220px; } } @media screen and (max-width: 799px) { #content #rightSidebar { width: 100%; } } #content #rightSidebar aside { margin-top: 30px; float: left; width: 100%; background: #a8a8a8; padding-bottom: 15px; /* ICONS FOR RIGHT MENU TITLES */ } @media screen and (max-width: 799px) { #content #rightSidebar aside { margin-top: 0px; } } #content #rightSidebar aside .widget-title { float: left; width: 100%; background: #1c1c1c; position: relative; margin-top: 7px; margin-left: -8px; margin-bottom: 25px; padding: 15px; height: 46px; font-size: 18px; font-family: 'southpark', Arial, sans-serif; color: #fff; } @media screen and (max-width: 1100px) and (min-width: 800px) { #content #rightSidebar aside .widget-title { text-align: right; } } #content #rightSidebar aside .widget-title:before { content: ''; width: 0px; height: 0px; position: absolute; top: -8px; left: 0px; border-bottom: 8px solid #000; border-left: 8px solid transparent; } #content #rightSidebar aside .widget-title:after { content: ''; width: 70px; height: 80px; float: left; position: relative; margin-right: 25px; top: 5px; left: 0px; transform: translateY(-50%); } @media screen and (max-width: 1100px) and (min-width: 800px) { #content #rightSidebar aside .widget-title:after { width: 50px; height: 60px; margin-right: 0; } } @media screen and (max-width: 799px) { #content #rightSidebar aside .widget-title:after { height: 70px; } } #content #rightSidebar aside .widget-title + div { float: left; width: 100%; margin-left: -7px; } #content #rightSidebar aside .widget-title + div ol { list-style: none; margin: 0px; padding: 0 0 0 20px; counter-reset: ol-counter; } #content #rightSidebar aside .widget-title + div ol > li { padding: 5px 8px 5px 35px; position: relative; counter-increment: ol-counter; } #content #rightSidebar aside .widget-title + div ol > li a { color: #303030; } #content #rightSidebar aside .widget-title + div ol > li img { display: none; } #content #rightSidebar aside .widget-title + div ol > li:before { content: counter(ol-counter) "."; width: 25px; height: 20px; color: #303030; text-align: right; font-weight: 700; position: absolute; left: 0px; top: 5px; } #content #rightSidebar aside .widget-title + div ul { list-style: none; margin: 15px 0; padding: 0 0 0 15px; } #content #rightSidebar aside .widget-title + div ul > li { padding: 3px 8px 3px 8px; position: relative; } #content #rightSidebar aside .widget-title + div ul > li a { color: #303030; } #content #rightSidebar aside .widget-title + div ul > li img { display: none; } #content #rightSidebar aside .widget-title + div ul.postavaInfo li { width: 100%; float: left; } #content #rightSidebar aside .widget-title + div ul.postavaInfo li a { text-decoration: underline; } #content #rightSidebar aside .widget-title + div ul.postavaInfo li span { float: right; } #content #rightSidebar aside .widget-title + div ul.postavaInfo li span:first-child { float: left; } #content #rightSidebar aside .widget-title + div .postavaImg { padding-left: 15px; } #content #rightSidebar aside .widget-title.postavaTitle { height: auto; min-height: 46px; text-align: center; } #content #rightSidebar aside .widget-title.postavaTitle:after { display: none; } #content #rightSidebar aside.informace .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/characters/Clyde_d_small.png') no-repeat center center; background-size: contain; } #content #rightSidebar aside.informace .buttonContainer { float: left; width: 100%; text-align: Center; } #content #rightSidebar aside#nav_menu-3 .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/svg/kyle_browslovsky.svg') no-repeat center center; } #content #rightSidebar aside#nav_menu-4 .widget-title:after { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/svg/eric_carman.svg') no-repeat center center; } #leftSidebar.hideSidebarInMobile aside, #rightSidebar.hideSidebarInMobile aside { position: relative; } @media screen and (max-width: 799px) { #leftSidebar.hideSidebarInMobile aside, #rightSidebar.hideSidebarInMobile aside { cursor: pointer; padding-bottom: 0; margin-top: 10px; } #leftSidebar.hideSidebarInMobile aside:after, #rightSidebar.hideSidebarInMobile aside:after { content: ''; width: 30px; height: 30px; background: transparent url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/svg/close-button_white.svg') no-repeat center; transform: rotate(225deg); float: right; position: absolute; right: 15px; top: 15px; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -ms-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; } } @media screen and (min-width: 800px) { #leftSidebar.hideSidebarInMobile aside .widget-title + div, #rightSidebar.hideSidebarInMobile aside .widget-title + div, #leftSidebar.hideSidebarInMobile aside .widget-title + form, #rightSidebar.hideSidebarInMobile aside .widget-title + form { display: block !important; } } @media screen and (max-width: 799px) { #leftSidebar.hideSidebarInMobile aside .widget-title + div, #rightSidebar.hideSidebarInMobile aside .widget-title + div, #leftSidebar.hideSidebarInMobile aside .widget-title + form, #rightSidebar.hideSidebarInMobile aside .widget-title + form { display: none; } } @media screen and (max-width: 799px) { #leftSidebar.hideSidebarInMobile aside.active:after, #rightSidebar.hideSidebarInMobile aside.active:after { transform: rotate(0deg); } } #leftSidebar.hideSidebarInMobile aside.active .widget-title + div, #rightSidebar.hideSidebarInMobile aside.active .widget-title + div, #leftSidebar.hideSidebarInMobile aside.active .widget-title + form, #rightSidebar.hideSidebarInMobile aside.active .widget-title + form { display: block; } .adsContent { background: #282828; width: 100%; float: left; min-height: 90px; position: relative; margin-top: 40px; padding: 15px; } .adsContent:after { content: ''; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/4th-graders-leslie.png') no-repeat center top; background-size: contain; width: 110px; height: 145px; float: right; position: absolute; right: 15px; bottom: -8px; } .label.rating { font-size: 16px; } /* docasne */ .headerLogin { display: none; } .headerNavigation .headerMenu { float: right !important; text-align: right !important; width: auto !important; padding: 5px 25px 0 0; } #footer { background: #1c1c1c; float: left; width: 100%; color: #fff; } #footer .footerMenu { float: left; width: 100%; padding: 10px; background: #cacaca; text-align: center; } #footer .footerMenu ul { list-style: none; } #footer .footerMenu ul li { displaY: inline-block; padding: 5px; } #footer .footerMenu ul li a { padding: 2px 5px; } #footer .copyright { float: left; width: 100%; font-size: 15px; text-align: center; padding: 10px; } /***** //LAYOUT *****/ /***** BUTTON *****/ .btn, .wpcf7-submit { font-size: 18px; font-weight: 400; width: auto; text-align: center; cursor: pointer; text-transform: uppercase; border: 0; margin: 5px auto; line-height: 22px; padding: 10px 20px 8px; position: relative; display: table; background: #303030; letter-spacing: 1px; color: #fff; } .btn--play, .wpcf7-submit--play { margin: 15px auto; } .btn:disabled, .wpcf7-submit:disabled { background-color: #b9b9b9; cursor: default; font-weight: 300; } .btn:disabled:hover, .wpcf7-submit:disabled:hover { background-color: #b9b9b9; } .btn:active, .wpcf7-submit:active, .btn:focus, .wpcf7-submit:focus { outline: 0; } /***** //BUTTON *****/ /***** FORM *****/ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e5e5e5 inset !important; } input[type="text"], input[type="email"], input[type="password"] { border: 1px solid #ccc; color: #000; background-color: #fff; padding: 10px 20px; width: 100%; margin-top: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 5px; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { outline: 0px; } input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="text"]:read-only, input[type="email"]:read-only, input[type="password"]:read-only { background: #eeeeee; cursor: default; } textarea { border: 1px solid #ccc; color: #000; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 20px; width: 100%; margin-top: 5px; margin-bottom: 15px; max-height: 100px; } textarea:focus { outline: 0px; } .wpcf7-form label { display: block; margin-top: 15px; } .wpcf7-form .row { float: left; width: 100%; margin: 0px -15px; } .wpcf7-form .row .col-md-6 { width: 50%; float: left; padding: 0px 15px; } .wpcf7-form .row .col-md-12 { width: 100%; float: left; padding: 0px 15px; } .wpcf7-form div.wpcf7-mail-sent-ng, .wpcf7-form div.wpcf7-aborted { float: left; } .wpcf7-form .wpcf7-validation-errors { border: 0px; padding: 0; } .wpcf7-form .wpcf7-mail-sent-ok, .wpcf7-form .wpcf7-spam-blocked { border: 0; float: left; width: 100%; text-align: center; } /***** //FORM *****/ /***** TABLE *****/ table.table-default { margin: 0; padding: 0; width: 100%; border-spacing: 0px; overflow: hidden; } table.table-default > thead th { background: #77b82a; padding: 15px 20px; color: #fff; text-align: left; } table.table-default > thead th table { width: 100%; } table.table-default > thead th table tr:last-child td { text-align: center; } table.table-default > thead th table tr:last-child td:first-child { text-align: left; } table.table-default > thead th table tr:last-child td:last-child { text-align: right; } table.table-default > tbody td { padding: 12px 20px; background: #f8f8f8; } table.table-default > tbody td a { text-decoration: underline; } table.table-default > tbody tr:nth-child(odd) td { background: #fff; } /***** //TABLE *****/ /***** breadcrumb *****/ .breadcrumbTitle { float: left; padding: 17px 25px 4px; width: 100%; } .breadcrumbTitle ul { list-style: none; } .breadcrumbTitle ul li { color: #1c1c1c; display: inline-block; } .breadcrumbTitle ul li a { padding: 18px 0px; font-weight: 400; color: #1c1c1c; } .breadcrumbTitle ul li a:hover { color: #fff; } .breadcrumbTitle ul li.separatorB { color: #1c1c1c; margin: 0 5px; font-size: 12px; } /***** //breadcrumb *****/ /***** breadcrumb *****/ .popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(111, 110, 103, 0.8); z-index: 800; } .popup-inner { max-width: 850px; width: 90%; padding: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.09); background: #ffffff; height: 70vh; } .popup-content { height: 100%; padding: 0px; max-height: 70vh; overflow-x: auto; padding: 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .popup-overlay { width: 100%; height: 100%; float: left; } .popup-close { width: 30px; height: 40px; padding-bottom: 10px; display: inline-block; position: absolute; top: -5px; right: 0px; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/ico_close.png') no-repeat center center; transition: ease 0.25s all; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); font-size: 25px; text-align: center; line-height: 100%; color: #fff; border: 0px; cursor: pointer; opacity: 0.7; } .popup-back { padding-bottom: 13px; display: inline-block; position: absolute; top: 0px; left: 0px; background: transparent; transition: ease 0.25s all; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); font-size: 16px; text-transform: uppercase; line-height: 100%; color: #c3c3c0; border: 0px; cursor: pointer; } .popup-back:before { width: 18px; height: 17px; content: ''; background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/ico_back.png') no-repeat center left; float: left; margin-right: 10px; opacity: 0.7; } /***** //breadcrumb *****/ /***** breadcrumb *****/ .accordion { list-style-type: none; margin: 0; padding: 0px 30px 5px 0px; } .accordion .accordionContainer { display: block; } .accordion .accordionContainer.hide { display: none; } .accordion__title { font-size: 24px; font-weight: 700; padding: 6px 30px 6px 0; cursor: pointer; clear: both; position: relative; } @media screen and (max-width: 800px) { .accordion__title { font-size: 22px; padding: 10px 0; } } .accordion__title:after { content: ''; width: 11px; height: 18px; float: right; position: absolute; top: 12px; right: 10px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; transform: rotate(90deg); } .accordion__title.active:after { transform: rotate(0); } .accordion__content { padding: 8px 0; display: block; font-size: 21px; clear: both; } .accordion__content.active { display: block !important; } @media screen and (max-width: 800px) { .accordion__content { padding: 10px 0; } } @media screen and (max-width: 900px) { .accordion { margin: 25px 15px; } } @media screen and (max-width: 700px) { .accordion { margin: 20px 0px; } } /***** //breadcrumb *****/ /***** slider *****/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: -10px -10px; padding: 10px 10px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: 0; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { position: absolute; left: 30px; top: 290px; color: #011435; font-size: 45px; font-weight: bold; cursor: pointer; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .slick-arrow.slick-next { left: auto; right: 30px; } .slick-arrow.slick-disabled { color: #c1c6c3; opacity: 0; } .slick-arrow.slick-disabled:hover { color: #c1c6c3; } .slick-arrow:hover { color: #00e588; } .slick-prev, .slick-next { position: absolute; display: block; height: 66px; width: 38px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 400; background-color: transparent; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { content: ''; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 66px; width: 38px; display: inline-block; float: none; font-size: 45px; cursor: pointer; background-color: Red; } .slick-prev:before { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/ico_arrow_left.png') no-repeat center center; margin-left: -5px; } .slick-next { right: 0px; } .slick-next:before { background: url('/domains/south-park.cz/wp-content/themes/southpark/assets/images/ico_arrow_right.png') no-repeat center center; margin-right: -5px; } .slick-slider { display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; overflow: hidden; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; text-align: center; display: none; background-size: cover !important; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: inline-block !important; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-slide:focus { outline: none; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; top: 280px; width: 100%; float: left; left: 0px; text-align: center; margin: 0; padding: 0; } .slick-dots li { display: inline-block; } .slick-dots li button { background: #8499b1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 13px; width: 13px; border: 0px; text-indent: 9999; font-size: 1px; margin: 0px 8px; cursor: pointer; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; outline: 0px !important; } .slick-dots li.slick-active button { background: #f8cc32; } /***** //slider *****/ /***** Magnific popup *****/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /***** //Magnific popup *****/ /***** WORDPRESS *****/ /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /** * 14.2 Galleries */ .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /***** //WORDPRESS *****/ .post-ratings { margin-top: 0px; } .post-ratings img { position: relative; top: -2px; } /***** RESPONSIVE *****/ /***** //RESPONSIVE *****/ /***** SUBPAGE *****/ .defaultContent { width: 100%; float: left; padding: 15px 40px 15px 30px; } .defaultContent p { margin-bottom: 25px; } #content #primary .charecterCategories { padding: 10px 25px; width: 100%; float: left; } #content #primary .charecterCategories ul { margin: 0; list-style: none; display: inline-block; } #content #primary .charecterCategories ul .cat-item-578 { display: block; } #content #primary .charecterCategories ul > li { display: block; margin-right: 8px; padding-right: 8px; font-weight: Bold; } #content #primary .charecterCategories ul > li ul.children { float: left; margin-top: 10px; width: 100%; } #content #primary .charecterCategories ul > li ul.children > li { display: inline-block; font-weight: normal; } #content #primary .charecterCategories a { text-decoration: none; } .characterList { padding: 25px 25px; width: 100%; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .characterList article { width: 25%; padding: 15px; float: left; text-align: center; } @media screen and (max-width: 799px) { .characterList article { width: 50%; } } .characterList article img { -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .characterList article:hover img { transform: scale(0.97); } .characterList article h3 a { display: block; padding-top: 15px; text-decoration: none !important; } .navigation { float: left; width: 100%; padding: 25px 25px; } .navigation .wp-paginate { padding: 0; } .navigation .wp-paginate li { padding: 0 !important; } .navigation .wp-paginate .title { color: #000; padding-right: 25px; } .navigation .wp-paginate .current { background: #f8cc32; padding: 5px 8px 3px; color: #000; border: 1px solid #303030; } .navigation .wp-paginate a { background: #303030; color: #fff; text-decoration: none !important; border: 1px solid #303030; padding: 5px 8px 3px; } .navigation .wp-paginate a:hover { background: #434343; color: #fff; } .comments-area { padding: 0px 25px; } .tvurci > div { padding: 15px 25px; } .tvurci__img { float: left; margin: 0px 25px 5px 0; } .tvurci p { margin-bottom: 15px; } .randomPost { float: left; padding: 15px 25px; } .randomPost .postavaImg { float: left; width: 50%; margin-right: 25px; } .randomPost ul { list-style: none; } /***** //SUBPAGE *****/ .entry-content iframe { width:100%!important; }.widget .myCRED-rank { float:right; }.widget .myCRED-rank span { padding-right:4px; color:gray; }.widget .myCRED-balance { display:block; margin-bottom:24px; text-align:center; font-size:larger; }.widget .myCRED-leaderboard .cred { float:right; }.widget .myCRED-leaderboard .first-item { font-size:110%; }.widget .myCRED-history { padding:0; margin:0; list-style-type:none; }.widget .myCRED-history .creds { float:right; padding: 0; clear:left; }/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Nov 20, 2018, 3:55:15 PM Author : Magazine3 */ @media only screen and (min-width: 992px) { .pwaforwp-footer-prompt { padding: 1% 3%; flex-direction: row; justify-content: center; } } .pwaforwp-footer-prompt{ display: none; width: 100%; line-height: 2em; color: #333; text-align: center; text-decoration: none; min-height: 10%; padding:15px 0px 15px 0px; position: fixed; bottom: 0; justify-content: flex-end; flex-direction: column; flex-grow: 1; animation-duration: 1s; animation-fill-mode: both; z-index: 9999; } .pwaforwp-footer-prompt .pwaforwp-prompt-close:after{ content: "✖"; color: #d5e0eb; position: absolute; right: 10px; top: 10px; font-size: 12px; background: rgba(0, 0, 0, 0.40); border-radius: 30px; text-align: center; width: 20px; height: 20px; line-height: 22px; cursor: pointer; } .pwaforwp-bounceInUp{ animation-name: bounceInUp; } .pwaforwp-animated { animation-duration: 1s; animation-fill-mode: both; } .pwaforwp-btn{ border: none; cursor: pointer; display: inline-block; border-radius: 4px; height: auto; line-height: 1; min-width: auto; padding: 8px 16px; font-size: 16px; margin: 10px 0px 0px 0px; font-family: sans-serif; text-transform: none; transition: all .2s ease-in-out; } /* Center the loader */ #pwaforwp_loading_div { width: 100%; height: 200%; position: fixed; top: 0; left: 0; background-color: white; z-index: 500; } .pwaforwp-loading-wrapper{display:none;} #pwaforwp_loading_icon { position: fixed; left: 50%; top: 50%; z-index: 501; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Add animation to "page content" */ .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 } } @keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 } } /** Add to home screen CSS **/ #pwaforwp-add-to-home-click h3{ font-size: 20px; font-weight: 600; margin: 0px; line-height: 1.4; font-family: sans-serif; } @media(max-width:425px){ #pwaforwp-add-to-home-click h3 { font-size: 16px; } .pwaforwp-btn{ font-size: 14px; } .pwaforwp-footer-prompt{ padding:15px 0px 10px 0px; } .pwaforwp-footer-prompt .pwaforwp-prompt-close:after { right: 5px; top: 5px; } }/* an_style.css AdBlock Notify Copyright: (c) 2016 Themeisle, themeisle.com Version: 2.2.3 */ .uIhhUJzzTQum-bg { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.75); } .uIhhUJzzTQum { visibility: hidden; position: fixed; z-index: 101; top: 100px; right: 0; left: 0; max-width: 640px; margin-right: auto; margin-left: auto; background: #fff; -webkit-box-shadow: 0 3px 5px 2px rgba(0,0,0,0.25); box-shadow: 0 3px 5px 2px rgba(0,0,0,0.25); font-family: Arial, Helvetica, sans-serif; } .uIhhUJzzTQum-default, .uIhhUJzzTQum-ok { padding: 30px 30px 15px; } .uIhhUJzzTQum-image { overflow: hidden; position: relative; width: 100%; } .uIhhUJzzTQum-image .uIhhUJzzTQum-left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .uIhhUJzzTQum-image .uIhhUJzzTQum-right { float: right; width: 50%; padding: 30px; } .uIhhUJzzTQum.small { width: 200px; margin-left: -140px; } .uIhhUJzzTQum.medium { width: 400px; margin-left: -240px; } .uIhhUJzzTQum.large { width: 600px; margin-left: -340px; } .uIhhUJzzTQum.xlarge { width: 800px; margin-left: -440px; } .close-uIhhUJzzTQum { display: inline-block; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; color: #bbb; font-size: 32px; font-weight: 700; line-height: 30px; text-align: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .close-uIhhUJzzTQum:hover { color: #252b37; } .uIhhUJzzTQum h1 { margin-bottom: 15px; padding: 0 30px; color: #252b37; font-size: 28px; line-height: 1.25; text-align: center; } .uIhhUJzzTQum-right h1 { padding: 0 30px 0 0; text-align: left; } .uIhhUJzzTQum p { margin-bottom: 15px; color: #333745; font-size: 14px; } .uIhhUJzzTQum p a { color: #ff6160; } .uIhhUJzzTQum-right .close-modal, .uIhhUJzzTQum-footer .close-modal { padding: 15px !important; border-radius: 0 !important; background-color: #ff6160; font-size: 14px; letter-spacing: 2px !important; -webkit-transition: 0.3s; transition: 0.3s; } .uIhhUJzzTQum-right .close-modal:hover, .uIhhUJzzTQum-footer .close-modal:hover { background-color: #252b37 !important; } .uIhhUJzzTQum-footer .grey-button-modal { margin-right: 15px; background-color: #a5a5a5; } .uIhhUJzzTQum-footer { display: block; padding: 15px 30px; background-color: #eff4f7; text-align: right; } @media only screen and (max-width: 640px) { .uIhhUJzzTQum { right: 5%; left: 5%; max-width: 90%; } .uIhhUJzzTQum-default { padding: 20px; } .uIhhUJzzTQum-image .uIhhUJzzTQum-left { width: 100%; height: 250px; } .uIhhUJzzTQum-image .uIhhUJzzTQum-right { float: left; width: 100%; margin-top: 250px; padding: 20px; } .uIhhUJzzTQum h1 { margin-bottom: 10px; font-size: 20px; } .uIhhUJzzTQum-right h1 { padding: 0; } .uIhhUJzzTQum p { margin-bottom: 10px; } .close-uIhhUJzzTQum { color: #fcfcfc; background-color: #252b37; } .close-uIhhUJzzTQum:hover { color: #252b37; background-color: #fcfcfc; } .uIhhUJzzTQum-footer { padding: 15px 20px; } } @media only screen and (max-width: 480px) { .uIhhUJzzTQum-image .uIhhUJzzTQum-left { height: 200px; } .uIhhUJzzTQum-image .uIhhUJzzTQum-right { margin-top: 200px; } .uIhhUJzzTQum-footer { text-align: center; } .uIhhUJzzTQum-footer .close-modal { width: 80%; margin: 5px 10%; } }