@charset "utf-8";
@charset "utf-8";
span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}
  body,
td,
th,
input,
textarea,
select {
letter-spacing: 0.1em;
font-family: montserrat, sans-serif;
color: #000;
font-weight: 300;
font-size: 18px;
line-height: 36px;
-webkit-font-smoothing: antialiased;
}
body {
background-color: #fff;
overflow-x: hidden;
margin: 0;
padding: 0;
}
strong {
font-weight: 700;
color: #274291;
}
.has-white-color strong {
color: #fff;
}
input,
textarea {
box-sizing: border-box;
width: 100%;
background-color: transparent;
padding: 6px;
border: none;
border-bottom: 2px solid #015C53;
margin: 4px 0 10px 0;
outline: none;
}
input:focus-visible,
textarea:focus-visible {
border-color: #eaedf4;
}
input[type=checkbox] {
width: auto;
}
textarea {
height: 100px;
}
.wp-block-image img {
object-fit: contain;
}
h1,
h2 {
letter-spacing: 0;
font-weight: 400;
font-family: "contempora-script", sans-serif;
}
.imgw img {
filter: grayscale(1) brightness(9);
}
.wp-block-columns,
.res {
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
.fullheight {
height: 100vh;
}
.relative {
position: relative;
}
#header {
top: 35px;
transition: ease all 0.5s;
position: fixed;
width: 100%;
box-sizing: border-box;
z-index: 100;
padding-top: 45px;
padding-bottom: 45px;
background-color: rgba(255, 255, 255, 0.75);
}
#header #hwrap {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}
#header #hwrap .socwrap img {
width: 20px;
height: auto;
}
#header #hwrap #logowrap {
transition: ease all 0.5s;
flex: 0 0 110px;
padding-left: 40px;
padding-right: 40px;
}
#header #hwrap #logowrap #logo {
display: block;
}
#header #hwrap #logowrap #logo img {
display: block;
width: 100%;
height: auto;
}
.padin {
height: 5vw !important;
}
.pad_b_l,
.wp-block-columns .pad_b_l {
padding-left: 5vw;
}
.pad_b_r,
.wp-block-columns .pad_b_r {
padding-right: 5vw;
}
.pad_b_t,
.wp-block-columns .pad_b_t {
padding-top: 5vw;
}
.pad_b_b,
.wp-block-columns .pad_b_b {
padding-bottom: 5vw;
}
.blokpad {
padding: 5vw;
}
.mar_b_l {
margin-left: 5vw;
}
.mar_b_r {
margin-right: 5vw;
}
.mar_b_t {
margin-top: 5vw;
}
.mar_b_b {
margin-bottom: 5vw;
}
.backdark {
background-color: #000;
}
.p01 p:first-of-type {
padding: 0;
margin: 0;
}
.p0 p {
padding: 0;
margin: 0;
}
.alignright {
float: right;
margin: 0.5em 0 0.5em 2em;
}
.alignleft {
float: left;
margin: 0.5em 2em 0.5em 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-block-columns {
gap: 60px;
}
.gap0,
.is-style-m-gap {
gap: 0;
}
.nores {
max-width: 100% !important;
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center !important;
}
.wp-block-column.is-vertically-aligned-center {
align-self: auto;
}
div[id*=moai-block],
a[id*=moai-block] {
height: 100%;
padding-left: 17vw;
padding-right: 17vw;
display: flex;
box-sizing: border-box;
}
div[id*=moai-block].height1,
a[id*=moai-block].height1 {
height: calc(100% - 1em);
}
div[id*=moai-block].height2,
a[id*=moai-block].height2 {
height: calc(100% - 2em);
}
div[id*=moai-block] p:first-of-type,
a[id*=moai-block] p:first-of-type {
padding-top: 0;
margin-top: 0;
}
div[id*=moai-block] p:last-of-type,
a[id*=moai-block] p:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
}
.wp-block-column div[id*=moai-block],
.wp-block-column a[id*=moai-block] {
padding-left: 0;
padding-right: 0;
}
.block-in {
width: 100%;
box-sizing: border-box;
}
.justifycenter {
justify-content: center;
}
.columns3 {
flex-wrap: wrap !important;
}
.columns3 .wp-block-column {
flex: 0 0 33.33% !important;
}
.vcenter {
align-items: center;
}
.flex-end {
align-items: flex-end;
}
.flex-start {
align-items: flex-start;
}
.flexu {
flex: unset !important;
}
.flex5 {
flex: 0 0 5% !important;
}
.flex10 {
flex: 0 0 10% !important;
}
.flex15 {
flex: 0 0 15% !important;
}
.flex20 {
flex: 0 0 20% !important;
}
.flex25 {
flex: 0 0 25% !important;
}
.flex30 {
flex: 0 0 30% !important;
}
.flex33 {
flex: 0 0 33% !important;
}
.flex40 {
flex: 0 0 40% !important;
}
.flex50 {
flex: 0 0 50% !important;
}
.flex60 {
flex: 0 0 60% !important;
}
div[id*=moai-block].h10,
a[id*=moai-block].h10 {
min-height: 10vh;
}
div[id*=moai-block].h20,
a[id*=moai-block].h20 {
min-height: 20vh;
}
div[id*=moai-block].h30,
a[id*=moai-block].h30 {
min-height: 30vh;
}
div[id*=moai-block].h40,
a[id*=moai-block].h40 {
min-height: 40vh;
}
div[id*=moai-block].h50,
a[id*=moai-block].h50 {
min-height: 50vh;
}
div[id*=moai-block].h60,
a[id*=moai-block].h60 {
min-height: 60vh;
}
div[id*=moai-block].h70,
a[id*=moai-block].h70 {
min-height: 70vh;
}
div[id*=moai-block].h80,
a[id*=moai-block].h80 {
min-height: 80vh;
}
div[id*=moai-block].h90,
a[id*=moai-block].h90 {
min-height: 90vh;
}
div[id*=moai-block].h100,
a[id*=moai-block].h100 {
min-height: 100vh;
}
.alignfull,
div[id*=moai-block].alignfull,
a[id*=moai-block].alignfull {
box-sizing: border-box;
width: 1000px;
clear: both;
padding-left: 0;
padding-right: 0;
}
.alignwide,
div[id*=moai-block].alignwide,
a[id*=moai-block].alignwide {
width: 1300px;
margin-left: auto;
margin-right: auto;
clear: both;
}
.imginline .wp-block-image {
display: inline-block !important;
}
.acf-map {
height: 100%;
}
:where(.wp-block-columns) {
padding: 0;
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 60px;
}
.wp-block-image {
margin: 0;
}
.half_right {
padding-right: 17vw !important;
}
.half_left {
padding-left: 17vw !important;
}
.is-vertically-aligned-center .wp-block-image {
display: flex;
height: 100%;
}
.dwiekolumny {
column-count: 2;
column-gap: 10vw;
}
.dwiekolumny figure {
break-inside: avoid-column;
}
.dwiekolumny .block-in {
column-count: 2;
column-gap: 10vw;
}
.dwiekolumny .block-in figure {
break-inside: avoid-column;
}
.dwiekolumny .block-in p:first-of-type {
margin-top: 0;
padding-top: 0;
}
.trzykolumny {
column-count: 3;
column-gap: 5vw;
}
.trzykolumny .block-in {
column-count: 3;
column-gap: 5vw;
}
.trzykolumny .block-in p:first-of-type {
margin-top: 0;
padding-top: 0;
}
.imgcover,
.is-style-m-cover {
height: 100%;
position: relative;
}
.imgcover img,
.is-style-m-cover img {
position: absolute;
object-fit: cover;
width: 100% !important;
height: 100% !important;
}
.imgcontain,
.is-style-m-contain {
position: absolute;
height: 100%;
}
.imgcontain figure,
.is-style-m-contain figure {
display: block !important;
}
.imgcontain img,
.is-style-m-contain img {
display: block;
object-fit: contain;
object-position: center;
width: 100%;
height: 100% !important;
}
.imgcontain .alignright,
.is-style-m-contain .alignright {
float: none !important;
margin: 0 !important;
height: 100% !important;
width: 100% !important;
}
.imgcontain .alignright img,
.is-style-m-contain .alignright img {
object-position: center right;
width: 100% !important;
height: 100% !important;
}
.is-style-outline .wp-block-button__link,
.wp-block-button__link,
a.wiecej,
p.wiecej a {
border-radius: 100px;
display: inline-block;
padding: 30px;
transition: ease all 0.25s;
text-decoration: none;
font-weight: 700;
font-size: 18px;
line-height: 26px;
border: 4px solid #274291;
}
.wp-block-button__link {
color: #fff;
background-color: #274291;
}
.wp-block-button__link:hover {
background-color: #fff;
color: #274291 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: #274291;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: #274291;
color: #fff !important;
}
.bsmall a {
padding-top: 17px;
padding-bottom: 17px;
}
.mrow {
display: flex;
gap: 20px;
}
.mrow .mcell {
flex: 1;
}
.bialy {
color: #fff;
}
.bialy a {
color: #fff;
}
.bialy a.wiecej,
.bialy p.wiecej a {
color: #fff !important;
border-color: #fff;
}
.bialy a.wiecej:hover,
.bialy p.wiecej a:hover {
color: #000 !important;
background-color: #fff;
}
.bialy .wp-block-button .wp-element-button {
background-color: #fff;
color: #274291;
border-color: #fff;
}
.bialy .wp-block-button .wp-element-button:hover {
background-color: #274291;
color: #fff !important;
}
.bialy .is-style-outline .wp-element-button {
background-color: transparent;
color: #fff;
}
.bialy .is-style-outline .wp-element-button:hover {
background-color: #fff;
color: #274291 !important;
}
.img50 {
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.img50 img {
width: 100%;
height: auto;
}
.fcolumn {
flex-direction: column;
}
.flexend {
display: flex;
align-items: flex-end;
}
footer :where(.wp-block-columns.is-layout-flex) :where(.wp-block-columns.is-layout-flex) {
gap: 60px;
}
footer .wp-block-column {
opacity: 1 !important;
transition: none !important;
}
.font {
font-family: montserrat, sans-serif;
} #pl #primary-menu {
padding-bottom: 26px;
}
.primary-navigation {
flex: 0 0 420px;
display: flex;
align-items: center;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
box-sizing: border-box;
}
.primary-navigation ul {
padding: 0;
list-style: none;
margin: 0;
display: flex;
justify-content: space-between;
}
.primary-navigation ul li {
border: 0;
display: inline-block;
position: relative;
}
.primary-navigation ul li a {
box-sizing: border-box;
white-space: nowrap;
transition: all ease-in-out 0.5s;
line-height: 26px;
font-size: 20px;
color: #000;
display: inline-block;
text-decoration: none;
padding-bottom: 4px;
padding-top: 4px;
position: relative;
}
.primary-navigation ul li a:hover {
color: #ed1c24;
transition: all ease-in-out 0.25s;
}
.primary-navigation ul li ul {
background-color: #fff;
border-radius: 30px;
transition: opacity ease-in-out 0.3s;
opacity: 0;
padding: 20px 0;
float: 0;
margin: 0;
position: absolute;
top: 36px;
left: -999em;
z-index: 99999;
display: block;
}
.primary-navigation ul li ul li {
display: block;
}
.primary-navigation ul li ul li a {
font-size: 16px;
transition: opacity ease-in-out 0.3s;
white-space: nowrap;
padding: 5px 30px;
display: block;
}
.primary-navigation ul li ul .menu-item-has-children {
padding-right: 11px;
position: relative;
margin-right: 10px;
}
.primary-navigation ul li ul ul {
padding: 0;
left: -999em;
top: 0;
}
.primary-navigation .current_page_item > a,
.primary-navigation .current_page_ancestor > a,
.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a,
.primary-navigation .mPS2id-highlight {
color: #274291;
font-weight: 700;
}
.primary-navigation ul li:hover > ul,
.primary-navigation ul li.focus > ul {
left: -30px;
opacity: 1;
}
.primary-navigation ul ul li:hover > ul,
.primary-navigation ul ul li.focus > ul {
left: 100%;
}
#help-navigation a {
color: #000;
font-size: 15px;
font-family: montserrat, sans-serif;
line-height: 22px;
font-weight: 400;
}
.menudesk {
display: block;
}
.menumobile {
z-index: 9999;
align-items: flex-start;
top: 0;
max-width: 300px;
transition: ease-in-out all 0.3s;
left: -450px;
width: 80vw;
height: 100vh;
box-sizing: border-box;
position: fixed;
background-color: #274291;
padding: 100px 0 20px 0;
}
.menumobile ul {
display: block;
}
.menumobile div {
width: 100%;
}
.menumobile .nav-menu {
width: 100%;
display: block;
}
.menumobile .nav-menu li {
box-sizing: border-box;
width: 100%;
text-align: center;
padding: 10px 0;
}
.menumobile .nav-menu li a {
padding-left: 20px;
text-align: left;
display: block;
color: #fff;
}
.menumobile .nav-menu li li a {
width: 100%;
font-size: 14px;
line-height: 18px;
background-color: transparent;
}
.menumobile .nav-menu .current-menu-ancestor > a {
font-weight: bold;
}
.menumobile .nav-menu .current-menu-item {
background-color: #eaedf4;
}
.menumobile .nav-menu .current-menu-item a {
color: #274291 !important;
}
#mmobile {
right: 7vw;
top: 55px;
width: 40px;
height: 33px;
display: none;
position: fixed;
transition: ease-in-out all 0.5s;
}
#mmobile:hover {
cursor: pointer;
}
#mmobile .mmobile {
top: 7px;
left: 5px;
height: 3px;
position: absolute;
width: 30px;
background-color: #274291;
transition: ease-in-out all 0.25s;
}
#mmobile .mmobile:before,
#mmobile .mmobile:after {
z-index: 1;
width: 30px;
height: 3px;
display: block;
position: absolute;
left: 0;
top: 8px;
background-color: #274291;
content: '';
transition: ease-in-out all 0.25s;
}
#mmobile .mmobile:after {
top: 16px;
transition: ease-in-out all 0.25s;
}
.menuout #mmobile .mmobile {
transform: rotate(45deg);
top: 14px;
}
.menuout #mmobile .mmobile:before {
left: 1px;
top: 0px;
transform: rotate(90deg);
}
.menuout #mmobile .mmobile:after {
opacity: 0;
}
#header.menuwhite {
background-color: transparent;
}
#header.menuwhite .nav-menu > li > a {
color: #fff;
}
#header.menuwhite .nav-menu > li > a:hover {
color: #bdccd4;
}
.white {
background-color: #fff;
}
.swiper {
height: 100%;
position: relative;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
transition: ease all 0.25s;
color: #fff;
padding: 10px;
background-color: rgba(255, 255, 255, 0.2);
width: auto;
height: auto;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
transition: ease all 0.25s;
font-size: 20px;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.swiper .swiper-button-next:hover:after,
.swiper .swiper-button-prev:hover:after {
color: #000;
}
.swiper .swiper-wrapper .swiper-slide {
background-color: #fff;
}
.swiper .swiper-wrapper .swiper-slide .slide-text-in {
height: 100%;
}
.swiper .swiper-wrapper .swiper-slide .slide-text-in .slider-text {
position: relative;
}
.swiper .swiper-wrapper .swiper-slide .slide-img {
width: 100%;
position: absolute;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.swiper .swiper-wrapper .swiper-slide .slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#totop {
z-index: 9999;
transition: ease-in-out all 0.35s;
position: fixed;
right: -60px;
bottom: 100px;
width: 55px;
height: 50px;
border-radius: 0;
background-color: #274291;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#totop:before {
transition: ease-in-out all 0.7s;
display: block;
content: '';
width: 0px;
height: 0px;
border-left: 4px solid #fff;
border-top: 4px solid #fff;
transform: rotate(45deg);
position: absolute;
left: 18px;
top: 20px;
}
.wp-block-column.is-vertically-aligned-top {
align-self: inherit;
}
.widget_nav_menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.widget_nav_menu ul a {
text-decoration: none;
transition: ease all 0.2s;
}
.widget_nav_menu ul a:hover {
text-decoration: none;
}
.aktualnosci {
display: flex;
flex-wrap: wrap;
gap: 50px;
}
.aktualnosci .post-wrap {
flex: 0 0 calc(50% - 25px);
}
.aktualnosci .post-wrap .post-thumb img {
width: 100%;
height: auto;
}
.wiecejwrap .czytaj,
.posts .czytaj {
font-size: 16px;
line-height: 16px;
display: inline-block;
color: #000;
padding: 14px 108px 14px 48px;
border-radius: 100px;
border: 1px solid #000;
text-decoration: none;
position: relative;
transition: ease all 0.25s;
}
.wiecejwrap .czytaj::before,
.posts .czytaj::before,
.wiecejwrap .czytaj::after,
.posts .czytaj::after {
transition: ease all 0.25s;
position: absolute;
content: '';
display: block;
width: 50px;
border-bottom: 1px solid #000;
right: 40px;
top: 50%;
}
.wiecejwrap .czytaj::after,
.posts .czytaj::after {
top: 19px;
width: 5px;
height: 5px;
border-right: 1px solid #000;
transform: rotate(-45deg);
}
.wiecejwrap .czytaj:hover,
.posts .czytaj:hover {
text-decoration: none;
padding-right: 128px;
}
.wiecejwrap .czytaj:hover::before,
.posts .czytaj:hover::before {
width: 70px;
}
.posts {
flex-wrap: wrap;
display: flex;
gap: 5%;
}
.posts .post-wrap {
color: #000;
text-decoration: none;
flex: 0 0 30%;
}
.posts .post-wrap a {
color: #000;
text-decoration: none;
}
.posts .post-wrap a:hover {
color: #274291;
}
.posts .post-wrap h5 {
font-weight: 500;
color: #274291;
font-size: 24px;
padding-bottom: 0;
margin-bottom: 0;
}
.posts img {
display: block;
width: 100%;
height: auto;
}
.nooverflow {
overflow: hidden;
}
.wp-block-column {
transition: ease-out all 0.5s;
opacity: 0;
transform: translateY(50px);
}
.anim {
transition: ease-out all 0.5s;
opacity: 0;
transform: translateY(50px);
}
.afade {
opacity: 0;
}
.aleft {
transform: translateX(-50px);
opacity: 0;
}
.aright {
transform: translateX(50px);
opacity: 0;
}
.abottom {
transform: translateY(50px);
opacity: 0;
}
.arotate {
transform: rotate(-90deg);
transition: ease-out all 1s;
}
.arotateb {
transform: rotate(70deg);
transition: ease-out all 1s;
}
.arotatebl {
transform: rotate(-70deg);
transition: ease-out all 1s;
}
.visible {
transition-delay: 0.5s;
transform: translateX(0) translateY(0) rotate(0deg);
opacity: 1;
}
.is-style-m-ninline {
display: inline-block;
}
.home #mmobile .mmobile {
background-color: #fff;
}
.home #mmobile .mmobile::after,
.home #mmobile .mmobile::before {
background-color: #fff;
}
.scrolled #naglowekIn {
line-height: 20px;
}
.scrolled #mmobile .mmobile {
background-color: #274291;
}
.scrolled #mmobile .mmobile::after,
.scrolled #mmobile .mmobile::before {
background-color: #274291;
}
.scrolled #mmobile {
top: 19px;
}
.scrolled #totop {
border-radius: 50px 0 0 50px;
right: 0;
}
.scrolled #totop:before {
width: 13px;
height: 13px;
}
.scrolled #header {
top: 21px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(255, 255, 255, 0.9);
}
.scrolled #header #hwrap .primary-navigation ul li a {
color: #274291;
}
.scrolled #header #hwrap .primary-navigation ul li a:hover {
color: #ed1c24;
}
.scrolled #header #hwrap #logowrap {
flex: 0 0 60px;
}
.nor {
padding-right: 0;
}
#search-wrap {
position: relative;
}
#search-wrap #searchicon {
height: 60px;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/search.svg);
background-size: 24px;
background-position: center;
background-repeat: no-repeat;
width: 60px;
}
#search-wrap #searchicon:hover {
cursor: pointer;
}
#search-wrap #searchform {
position: absolute;
width: 200px;
bottom: -40px;
right: 0;
display: none;
}
#search-wrap #searchform.see {
display: block;
}
#search-wrap form {
position: relative;
}
#search-wrap form #search {
border: none;
border-radius: 100px;
font-size: 13px;
line-height: 18px;
margin: 10px 0 0 0 !important;
padding: 10px !important;
background-color: #f5f5f5;
margin-top: 2px !important;
}
#search-wrap form #search-button {
border-radius: 0;
position: absolute;
right: 10px;
top: 10px;
border: none;
padding: 0 !important;
margin: 0 !important;
width: 20px;
height: auto;
}
.justifyc {
text-align: justify;
text-align-last: center;
}
.justify {
text-align: justify;
}
div[class*='marquee-'] {
overflow: hidden;
}
.mmore {
max-height: 200px;
overflow: hidden;
position: relative;
}
.mmore::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.msee {
max-height: fit-content;
}
.msee::before {
display: none;
}
.mmorelink::before {
content: 'czytaj więcej';
display: inline-block;
}
.mnsee::before {
content: 'zwiń';
}
.has-jasny-background-color {
background-color: #eaedf4;
}
.has-podstawowy-background-color {
background-color: #274291;
}
.has-blue-background-color {
background-color: #4667c7;
}
.has-uzupelniajacy-background-color {
background-color: #eaedf4;
}
.has-tekst-background-color {
background-color: #000;
}
.has-text-color {
color: #000;
}
.has-podstawowy-color {
color: #274291;
}
.has-uzupelniajacy-color {
color: #eaedf4;
}
@media screen and (max-width: 1920px) {
.mhr {
margin-right: auto;
}
.mhl {
margin-left: auto;
}
}
@media screen and (max-width: 1024px) {
.ftablet {
flex-direction: column;
}
#mmobile {
display: block;
}
.menudesk {
display: none;
}
.menuout .menumobile {
left: 0;
}
.menumobile ul .menu-item-has-children:after,
.menumobile ul .page_item_has_children:after {
filter: invert(1);
transition: ease all 0.25s;
display: inline-block;
content: '';
position: absolute;
width: 40px;
height: 40px;
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/submenu.svg);
top: 2px;
right: 2px;
transform: rotate(0deg);
}
.menumobile ul .menu-item-has-children .sub-menu,
.menumobile ul .page_item_has_children .sub-menu,
.menumobile ul .menu-item-has-children .children,
.menumobile ul .page_item_has_children .children {
border-radius: 0;
padding: 0;
opacity: 1;
background-color: transparent;
height: 0;
overflow: hidden;
position: inherit;
left: 0;
top: 0;
}
.menumobile ul .menu-item-has-children .sub-menu li,
.menumobile ul .page_item_has_children .sub-menu li,
.menumobile ul .menu-item-has-children .children li,
.menumobile ul .page_item_has_children .children li {
padding: 4px 4px 4px 20px;
transition: ease all 0.25s;
transform: translateX(-200px);
}
.menumobile ul .ssee:after {
transform: rotate(90deg);
}
.menumobile ul .ssee .sub-menu,
.menumobile ul .ssee .children {
height: auto;
overflow: auto;
}
.menumobile ul .ssee .sub-menu li,
.menumobile ul .ssee .children li {
opacity: 1;
transform: translateX(0);
}
.menumobile ul .ssee .sub-menu li:nth-of-type(2),
.menumobile ul .ssee .children li:nth-of-type(2) {
animation-delay: 0.1s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(3),
.menumobile ul .ssee .children li:nth-of-type(3) {
animation-delay: 0.2s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(4),
.menumobile ul .ssee .children li:nth-of-type(4) {
animation-delay: 0.3s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(5),
.menumobile ul .ssee .children li:nth-of-type(5) {
animation-delay: 0.4s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(6),
.menumobile ul .ssee .children li:nth-of-type(6) {
animation-delay: 0.5s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(7),
.menumobile ul .ssee .children li:nth-of-type(7) {
animation-delay: 0.6s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(8),
.menumobile ul .ssee .children li:nth-of-type(8) {
animation-delay: 0.7s;
}
.menumobile ul .ssee .sub-menu li:nth-of-type(9),
.menumobile ul .ssee .children li:nth-of-type(9) {
animation-delay: 0.8s;
}
div[id*=moai-block].h100,
a[id*=moai-block].h100,
div[id*=moai-block].h90,
a[id*=moai-block].h90,
div[id*=moai-block].h80,
a[id*=moai-block].h80,
div[id*=moai-block].h70,
a[id*=moai-block].h70,
div[id*=moai-block].h60,
a[id*=moai-block].h60,
div[id*=moai-block].h50,
a[id*=moai-block].h50,
div[id*=moai-block].h40,
a[id*=moai-block].h40,
div[id*=moai-block].h30,
a[id*=moai-block].h30,
div[id*=moai-block].h20,
a[id*=moai-block].h20,
div[id*=moai-block].h10,
a[id*=moai-block].h10 {
min-height: auto;
}
.mimg {
height: 70vw;
}
.mrow {
flex-wrap: nowrap !important;
}
.order1 {
order: 1;
}
.order2 {
order: 2;
}
}
@media screen and (max-width: 800px) {
.mgap0 {
gap: 0;
}
.mimgfull {
height: 50vw;
}
.mimgfull .wp-block-image {
height: 50vw;
}
}
@media screen and (max-width: 640px) {
.trzykolumny,
.dwiekolumny {
column-count: 1;
}
.mimgb {
min-height: 100vw;
}
.is-style-m-cover {
height: 100vw;
}
}

:where(.is-layout-flex) {
gap: 1em;
}
#moaipager {
padding-top: 40px;
}
#moaipager a {
display: inline-block;
padding: 4px 20px;
border: 1px solid #274291;
margin: 0 5px;
text-decoration: none;
transition: ease all 0.3s;
}
#moaipager a:hover {
background-color: #274291;
color: #fff;
}
#moaipager .active {
background-color: #bdccd4;
}
#pageheader {
padding-top: 200px;
box-sizing: border-box;
letter-spacing: 0.2em;
height: 850px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 28px;
line-height: 36px;
}
#pageheader h1 {
color: #fff;
font-weight: 400;
font-family: "contempora-script", sans-serif;
font-size: 170px;
line-height: 126px;
padding-top: 0;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 20px;
}
#pageheader::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #274291;
opacity: 0.65;
}
#pageheader p {
text-transform: uppercase;
}
#pageheader.whiteback h1 {
color: #000;
}
#pageheader.whiteback::before {
background-color: #fff;
}
h1 {
color: #274291;
font-size: 46px;
line-height: 56px;
font-weight: 700;
font-family: montserrat, sans-serif;
}
h2 {
font-size: 120px;
line-height: 140px;
color: #274291;
}
h3 {
font-size: 30px;
line-height: 36px;
}
.headerwaves {
position: relative;
width: 100%;
height: 140px;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/fale.svg);
background-repeat: repeat-x;
background-position-y: bottom !important;
background-size: auto 140px !important;
animation: fala1 25s infinite ease-in-out;
}
.headerwaves::after {
left: 0;
bottom: 0;
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/fale.svg);
background-repeat: repeat-x;
background-position-y: bottom !important;
background-size: auto 90px !important;
animation: fala2 25s infinite ease-in-out 0.5s;
}
.headerwaves::before {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/fale.svg);
background-repeat: repeat-x;
background-position-y: bottom !important;
background-size: auto 45px !important;
animation: fala3 25s infinite ease-in-out 1s;
}
.headerwaves.darkwaves {
filter: brightness(1) !important;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/fale3.svg);
}
.headerwaves.darkwaves::after {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/fale3.svg);
}
.headerwaves.darkwaves::before {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/fale3.svg);
}
@keyframes fala1 {
0% {
background-position: 0 0;
}
25% {
background-position: 300px 0;
}
50% {
background-position: -200px 0;
}
75% {
background-position: 400px 0;
}
100% {
background-position: 0 0;
}
}
@keyframes fala2 {
0% {
background-position: 0 0;
}
25% {
background-position: 200px 0;
}
50% {
background-position: -100px 0;
}
75% {
background-position: 300px 0;
}
100% {
background-position: 0 0;
}
}
@keyframes fala3 {
0% {
background-position: 0 0;
}
25% {
background-position: 100px 0;
}
50% {
background-position: -50px 0;
}
75% {
background-position: 150px 0;
}
100% {
background-position: 0 0;
}
}
.mapaimprezywrap,
.siglewrap .post-thumb,
.zdjecia,
.zdjecia2 {
position: relative;
}
.mapaimprezywrap::before,
.siglewrap .post-thumb::before,
.zdjecia::before,
.zdjecia2::before,
.mapaimprezywrap::after,
.siglewrap .post-thumb::after,
.zdjecia::after,
.zdjecia2::after {
content: '';
display: block;
position: absolute;
top: -20px;
left: -20px;
width: 320px;
height: 320px;
background-color: #274291;
opacity: 0.14;
z-index: -1;
border-radius: 40px;
}
.mapaimprezywrap::after,
.siglewrap .post-thumb::after,
.zdjecia::after,
.zdjecia2::after {
top: auto;
bottom: 40px;
left: auto;
right: 0;
background-color: transparent;
border: 4px solid #274291;
}
.mapaimprezywrap figure,
.siglewrap .post-thumb figure,
.zdjecia figure,
.zdjecia2 figure {
height: auto !important;
width: 90%;
}
.mapaimprezywrap figure img,
.siglewrap .post-thumb figure img,
.zdjecia figure img,
.zdjecia2 figure img {
border-radius: 30px;
}
.mapaimprezywrap figure:nth-of-type(2),
.siglewrap .post-thumb figure:nth-of-type(2),
.zdjecia figure:nth-of-type(2),
.zdjecia2 figure:nth-of-type(2) {
width: 40%;
position: absolute;
right: -50px;
top: -50px;
}
.mapaimprezywrap figure:nth-of-type(2) img,
.siglewrap .post-thumb figure:nth-of-type(2) img,
.zdjecia figure:nth-of-type(2) img,
.zdjecia2 figure:nth-of-type(2) img {
width: 100%;
height: auto;
border: 12px solid #fff;
}
.mapaimprezywrap::before {
background-color: #fff;
}
.mapaimprezywrap::after {
border-color: #fff;
}
.bialy .mapaimprezywrap::before {
left: -40px;
top: auto;
bottom: -40px;
}
.bialy .mapaimprezywrap::after {
left: auto;
top: -30px;
right: -30px;
}
.zdjecia2::before {
top: auto;
bottom: -60px;
}
.zdjecia2::after {
top: -60px;
width: 270px;
height: 270px;
}
.zdjecia2 figure:last-of-type {
right: 0;
top: auto;
bottom: -40px;
width: 35%;
}
.nagloweksalider {
height: 760px;
position: relative;
}
.nagloweksalider::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #274291;
opacity: 0.65;
z-index: 1;
}
.nagloweksalider p {
font-size: 22px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.nagloweksalider .h {
flex-direction: column;
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 2;
}
.nagloweksalider .h h2 {
color: #fff;
}
.nagloweksalider .swiper {
height: 760px;
}
.nagloweksalider .swiper .swiper-wrapper::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #274291;
opacity: 0.65;
z-index: 1;
}
.ikony {
letter-spacing: 0.05em;
color: #274291;
font-family: owners, sans-serif;
line-height: 28px;
}
.ikony a {
text-decoration: none;
color: #274291;
}
.ikony p {
padding-top: 0;
margin-top: 8px;
}
.ikony .wp-block-columns {
gap: 10px;
}
.wp-block-buttons.is-vertical .wp-block-button {
width: 100%;
max-width: 80%;
}
.mapaimprezywrap {
position: relative;
height: 100%;
}
.mapaimprezywrap .mapaimprezy {
border-radius: 30px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.mapaimprezywrap .mapaimprezycont {
position: absolute;
top: 30px;
right: 30px;
}
.mapaimprezywrap .mapaimprezycont a {
display: inline-block;
margin-left: 10px;
width: 50px;
height: 50px;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/dl.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.mapaimprezywrap .mapaimprezycont .mapazoom {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/full.svg);
}
.bikony .wp-block-button {
flex: 0 0 250px;
height: 250px;
}
.bikony .wp-block-button .wp-element-button {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/pociag.svg);
background-size: 150px 150px;
background-repeat: no-repeat;
background-position: center 20px;
padding-top: 180px;
border-radius: 30px;
font-family: owners, sans-serif;
font-weight: 400;
}
.bikony .wp-block-button:hover .wp-element-button {
background-size: 170px 170px;
background-position: center 10px;
background-color: #4667c7;
color: #fff !important;
}
.bikony .wp-block-button:hover .has-blue-background-color {
background-color: #274291;
}
.bikony .samolot .wp-element-button {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/samolot.svg);
}
.bikony .tramwaj .wp-element-button {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/tramwaj.svg);
}
.bikony .autobus .wp-element-button {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/autobus.svg);
}
.wp-block-button .has-blue-background-color {
border-color: #4667c7;
}
.bradius {
border-radius: 30px;
}
.wp-block-list li {
padding-bottom: 20px;
}
.jednostka {
display: none;
}
.jednostka.show {
display: block;
}
#filtry {
display: flex;
justify-content: space-between;
}
#filtry .filtr strong {
display: block;
}
#jednoski {
display: flex;
gap: 4%;
flex-wrap: wrap;
}
#jednoski .jednostka {
color: #274291;
margin-top: 120px;
box-sizing: border-box;
padding: 20px 40px;
border-radius: 30px;
background-color: #fff;
margin-bottom: 20px;
flex: 0 0 48%;
line-height: 24px;
}
#jednoski .jednostka .row {
align-items: flex-start;
}
#jednoski .jednostka a {
box-sizing: border-box;
display: block;
background-color: #274291;
border-radius: 100px;
color: #fff;
padding: 4px 20px;
text-decoration: none;
text-align: center;
font-weight: 700;
width: 100%;
}
#jednoski .jednostka strong {
display: block;
}
#jednoski .jednostka .flag {
margin-left: auto;
margin-right: auto;
width: 110px;
height: 110px;
border-radius: 100%;
background-size: cover !important;
background-position: center !important;
border: 1px solid #4667c7;
}
#jednoski .jednostka .klasa {
text-align: center;
}
#jednoski .jednostka .klasa strong {
text-transform: uppercase;
}
#jednoski .jednostka .post-thumb {
flex: 0 0 470px;
}
#jednoski .jednostka .post-thumb img {
width: 100%;
height: auto;
display: block;
border-radius: 30px;
margin-left: -40px;
margin-top: -100px;
}
#jednoski .jednostka .row {
display: flex;
gap: 10px;
padding-bottom: 10px;
}
#jednoski .jednostka .row .ico {
flex: 0 0 50px;
}
#jednoski .jednostka .row .row {
flex: 1;
}
.is-style-m-bsmall .wp-block-button__link {
padding: 8px 20px;
}
.whitewaves {
filter: brightness(2);
}
#pageheader .headerwaves {
left: 0;
bottom: 0;
position: absolute;
filter: brightness(2);
}
.is-style-m-zdjecie1,
.is-style-m-zdjecie2,
.is-style-m-zdjecie3,
.is-style-m-zdjecie4,
.is-style-m-zdjecie5,
.is-style-m-zdjecie6 {
height: 100%;
}
.is-style-m-zdjecie1 img,
.is-style-m-zdjecie2 img,
.is-style-m-zdjecie3 img,
.is-style-m-zdjecie4 img,
.is-style-m-zdjecie5 img,
.is-style-m-zdjecie6 img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
border-radius: 30px;
}
#naglowekIn {
transition: all ease-in-out 0.5s;
z-index: 999;
font-size: 14px;
background: #1B294C;
background: linear-gradient(90deg, #1b294c 0%, #274291 100%);
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#naglowekIn #listaSwitch {
display: flex;
justify-content: space-between;
}
#naglowekIn .standardowyButton {
display: none;
}
#naglowekIn .kontrastButton {
display: inline-block;
}
#naglowekIn .standardowyButton,
#naglowekIn .kontrastButton {
width: 20px;
height: 15px;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/eye.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-left: 10px;
}
#naglowekIn .standardowyFont,
#naglowekIn .wiekszyFont,
#naglowekIn .najwiekszyFont,
#naglowekIn .standardowyButton,
#naglowekIn .kontrastButton {
margin-left: 10px;
}
#naglowekIn .standardowyFont:hover,
#naglowekIn .wiekszyFont:hover,
#naglowekIn .najwiekszyFont:hover,
#naglowekIn .standardowyButton:hover,
#naglowekIn .kontrastButton:hover {
cursor: pointer;
}
#naglowekIn .wiekszyFont {
font-size: 16px;
}
#naglowekIn .najwiekszyFont {
font-size: 18px;
}
#naglowekIn .standardowy .standardowyButton {
display: none;
}
#naglowekIn .standardowy .kontrastButton {
display: inline-block;
}
#naglowekIn .kontrast .standardowyButton {
display: inline-block;
}
#naglowekIn .kontrast .kontrastButton {
display: none;
}
.font1 div,
.font1 td,
.font1 th,
.font1 input,
.font1 textarea {
font-size: 1.1em;
line-height: 2em;
}
.font1 .primary-navigation ul li a {
font-size: 17px;
line-height: 25px;
}
.font2 div,
.font2 td,
.font2 th,
.font2 input,
.font2 textarea {
font-size: 1.2em;
line-height: 2em;
}
.font2 .primary-navigation ul li a {
font-size: 20px;
line-height: 29px;
}
.kontrast {
color: #FFff00 !important;
background-color: #343434;
}
.kontrast .primary-navigation ul li ul {
background-color: #343434 !important;
}
.kontrast .ikony img,
.kontrast .ico img,
.kontrast .smallgap img {
filter: grayscale(1) brightness(8);
}
.kontrast strong,
.kontrast .has-podstawowy-color,
.kontrast .posts .post-wrap h5,
.kontrast h3 {
color: #fff !important;
}
.kontrast a,
.kontrast #footer #nav_menu-2 ul li a,
.kontrast .outres .page #menu ul li a,
.kontrast .wydfrow .wydftext h3 {
color: #FFff00 !important;
text-decoration: underline !important;
}
.kontrast div:not(.rowimg, .sliderback, .wydfimg, .wystawcazdjecie),
.kontrast footer,
.kontrast h2,
.kontrast h1,
.kontrast #header,
.kontrast #mainback,
.kontrast section,
.kontrast .bxwrap #bx-pager .active,
.kontrast .wystawcahead #bx-pager .active,
.kontrast footer {
mix-blend-mode: inherit;
color: #FFff00 !important;
background-image: none !important;
background-color: #343434 !important;
}
.kontrast .bxwrap #bx-pager a div,
.kontrast .wystawcahead #bx-pager a div {
filter: brightness(1);
}
.kontrast ::placeholder,
.kontrast input,
.kontrast textarea {
color: #FFff00 !important;
}
footer {
color: #fff;
padding: 60px;
background: #274291;
background: linear-gradient(90deg, #274291 0%, #1b294c 100%);
border-radius: 60px 60px 0 0;
}
footer .menu-item-2177 {
padding-top: 0.5em;
}
footer .wp-block-columns {
gap: 140px;
max-width: 1600px;
}
footer p:first-of-type {
padding-top: 0;
margin-top: 0;
}
footer a {
display: inline-block;
color: #fff;
font-size: 0.8em;
line-height: 1.4em;
}
footer .menu {
justify-content: space-between;
width: 100%;
display: flex;
font-weight: 700;
}
footer .menu .sub-menu {
padding-left: 20px;
font-weight: 300;
font-size: 16px;
line-height: 22px;
font-family: owners, sans-serif;
}
footer .menu .sub-menu li a:before {
padding-right: 6px;
content: '-';
display: inline-block;
}
footer .linki {
font-weight: 700;
}
footer .linki a {
text-transform: uppercase;
text-decoration: none;
}
.historiawrap {
z-index: 1;
position: relative;
}
.historiawrap::before {
content: '';
display: block;
position: absolute;
width: 33.33%;
height: 60px;
left: 33.33%;
top: -60px;
background-color: #274291;
z-index: -1;
border-radius: 30px 30px 0 0;
}
.historiawrap .hist {
position: relative;
padding-bottom: 30px;
}
.historiawrap .hist::before {
content: '';
display: block;
position: absolute;
width: 33.33%;
height: 100%;
left: 33.33%;
top: 0;
background-color: #274291;
z-index: -1;
}
.historiawrap .hist .histdata {
padding-top: 35px;
padding-bottom: 90px;
width: 28%;
margin-left: auto;
margin-right: auto;
font-size: 65px;
line-height: 90px;
font-weight: 700;
color: #fff;
}
.historiawrap .hist .histcont {
display: flex;
}
.historiawrap .hist .histcont .histopis {
text-align: right;
flex: 0 0 33.33%;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
.historiawrap .hist .histcont .histopis h3 {
color: #274291;
position: relative;
}
.historiawrap .hist .histcont .histopis h3::after {
content: '';
display: block;
width: 15px;
height: 15px;
background-color: #bdccd4;
position: absolute;
top: 9px;
right: -150px;
border-radius: 10px;
}
.historiawrap .hist .histcont .histopis h3::before {
content: '';
display: block;
width: 140px;
height: 2px;
background-color: #bdccd4;
position: absolute;
top: 16px;
right: -150px;
}
.historiawrap .hist .histcont .histzdjecie {
padding-right: 20%;
padding-left: 12%;
}
.historiawrap .hist .histcont .histzdjecie img {
width: 100%;
height: auto;
border-radius: 30px;
}
.historiawrap .hist:nth-of-type(even) h3::after,
.historiawrap .hist:nth-of-type(even) h3::before {
right: auto;
left: -150px;
}
.historiawrap .hist:nth-of-type(even) .histdata {
text-align: right;
}
.historiawrap .hist:nth-of-type(even) .histcont .histopis {
text-align: left;
order: 2;
}
.historiawrap .hist:nth-of-type(even) .histcont .histzdjecie {
padding-right: 12%;
padding-left: 20%;
order: 1;
}
.historiawrap .hist:nth-of-type(3n+2)::before {
background-color: #1e326e;
}
.historiawrap .hist:nth-of-type(3n+3)::before {
background-color: #4667c7;
}
#jednoskikaruzela {
position: relative;
overflow: hidden;
}
#jednoskikaruzela .swiper-slide {
padding: 10px;
box-sizing: border-box;
}
#jednoskikaruzela .swiper-slide img {
box-sizing: border-box;
width: 100%;
height: auto;
border-radius: 30px;
border: 8px solid #fff;
}
.swiper-button-next,
.swiper-button-prev {
background-color: transparent !important;
width: 40px !important;
height: 40px !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
display: block;
background-color: #bdccd4;
content: '' !important;
border-radius: 100px;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/prawo.svg);
font-size: 0;
width: 40px;
height: 40px;
line-height: 40px !important;
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.swiper-button-prev::after {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/lewo.svg);
}
.posts .post-wrap,
.post-navigation .post-wrap {
background-color: #fff;
border-radius: 30px;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.posts .post-wrap .post-date,
.post-navigation .post-wrap .post-date {
z-index: 1;
position: absolute;
top: 20px;
left: 20px;
background-color: #274291;
color: #fff;
padding: 6px 20px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
border-radius: 30px;
}
.posts .post-wrap img,
.post-navigation .post-wrap img {
position: relative;
transition: all 0.3s ease-in-out;
border-radius: 30px;
}
.posts .post-wrap .posttext,
.post-navigation .post-wrap .posttext {
font-weight: 700;
padding: 20px 40px 40px 40px;
}
.posts .post-wrap .posttext h5,
.post-navigation .post-wrap .posttext h5 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
padding: 0;
margin: 0 0 20px 0;
}
.posts .post-wrap .posttext .czytajwiecej,
.post-navigation .post-wrap .posttext .czytajwiecej {
position: absolute;
bottom: 20px;
}
.posts .post-wrap:hover img,
.post-navigation .post-wrap:hover img {
transform: scale(1.05);
}
.single-aktualnosci {
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/newsback.svg);
background-color: #d7dcea;
background-position: center top;
background-attachment: fixed;
background-size: cover;
}
.post-navigation {
display: flex;
justify-content: space-between;
}
.post-navigation .post-wrap {
position: relative;
flex: 0 0 33%;
}
.post-navigation .post-wrap a {
text-decoration: none;
}
.post-navigation .post-wrap .posttext {
color: #000;
}
.post-navigation .post-wrap .posttext h5 {
color: #274291;
}
.post-navigation .post-wrap .post-nav {
width: 100%;
position: absolute;
top: -40px;
color: #274291;
}
.post-navigation .post-wrap .post-nav-next {
text-align: right;
}
.post-navigation .post-wrap img {
width: 100%;
height: auto;
}
.scarousel img {
margin-left: 10px;
margin-right: 10px;
height: 100px;
width: auto;
}
.post-type-archive-aktualnosci {
background-position: center top;
background-attachment: fixed;
background-size: cover;
background-color: #eaedf4;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/newsback.svg);
}
.is-style-m-spacerhead {
height: 250px !important;
}
.accordion .moai-item-header {
margin-top: 10px;
background-color: #274291;
border-radius: 200px;
padding: 20px 40px;
}
.accordion .moai-item-header:after {
color: #fff;
}
.accordion .moai-item-header h3 {
color: #fff;
margin: 0;
padding: 0;
}
.accordion .moai-item-content {
margin-top: -50px;
margin-bottom: 60px;
}
.accordion .moai-item-content .moai-item-in {
border-radius: 0 0 30px 30px;
padding: 60px 40px 20px 40px;
background-color: #eaedf4;
}
.rev-select {
cursor: pointer;
display: inline-block;
position: relative;
}
.rev-select select {
display: none;
}
.select-styled {
min-width: 200px;
top: 0;
right: 0;
bottom: 0;
left: 0;
outline: none;
color: #fff;
border-bottom: 1.5px solid #fff;
position: relative;
}
.select-styled::after {
position: absolute;
right: 0;
top: 4px;
vertical-align: middle;
background-color: #fff;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/dol.svg);
content: '';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 40px;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
}
.select-options {
background-color: #fff;
border-radius: 0 0 30px 30px;
width: fit-content;
overflow-y: auto;
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0;
padding: 20px 0;
list-style: none;
}
.select-options li {
min-width: 200px;
box-sizing: border-box;
padding: 0 20px;
white-space: nowrap;
display: block;
margin: 0;
}
.select-options li:hover {
background-color: #eaedf4;
}
.select-options li[rel="hide"],
.select-options .selected {
display: none;
}
.ressmall {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.post-navigation.jednostkawrap a {
text-decoration: none;
}
.post-navigation.jednostkawrap a h5 {
background-color: #274291;
border-radius: 100px;
color: #fff;
padding: 8px 40px;
text-decoration: none;
text-align: center;
font-weight: 700;
}
.jednostkawrap .row {
display: flex;
gap: 20px;
}
.jednostkawrap .jednostka-detale {
background-color: #fff;
padding-bottom: 60px;
padding-top: 120px;
margin-top: -60px;
}
.jednostkawrap .jednostka-detale .row {
justify-content: space-between;
}
.jednostkawrap .jednostka-detale .row .row {
display: block;
}
.jednostkawrap .jednostka-detale .row .row .dane strong {
display: block;
}
.jednostkawrap .jednostka-detale .row .row .ico img {
width: 50px;
height: auto;
}
.jednostkawrap .jedno-title-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.jednostkawrap .jedno-title-wrap .jedno-title {
text-align: left;
}
.jednostkawrap .jedno-title-wrap .klasa {
display: flex;
align-items: center;
gap: 40px;
}
.jednostkawrap .jedno-title-wrap .klasa .cell {
gap: 10px;
display: flex;
align-items: center;
}
.jednostkawrap .jedno-title-wrap .klasa .cell strong {
text-transform: uppercase;
}
.jednostkawrap .jedno-title-wrap .klasa .flag {
border-radius: 200px;
background-size: cover !important;
background-position: center !important;
width: 56px;
height: 56px;
}
.siglewrap {
padding-top: 250px;
background-color: #eaedf4;
background-image: url(//zagleszczecin.eu/wp-content/themes/moai/assets/images/newsback.svg);
background-position: center top;
background-attachment: fixed;
background-size: cover;
}
.siglewrap h1 {
text-align: center;
}
.siglewrap .post-date {
text-align: center;
margin-top: 40px;
}
.siglewrap .post-date span {
background-color: #274291;
color: #fff;
font-weight: 700;
border-radius: 60px;
padding: 10px 40px;
}
.siglewrap .post-thumb {
z-index: 1;
}
.siglewrap .post-thumb:before {
top: 10%;
left: -60px;
height: 60%;
border-radius: 60px;
}
.siglewrap .post-thumb:after {
height: 50%;
width: 40%;
bottom: -20px;
right: -40px;
border-radius: 60px;
}
.siglewrap .post-thumb img {
width: 100%;
height: auto;
border-radius: 60px;
}
#lang .wpml-ls {
padding: 0;
}
#lang a {
padding: 0 5px;
color: #fff;
}
.animwrap {
position: relative;
overflow: hidden;
}
.statekanimrl {
z-index: -1;
width: 50px;
position: absolute;
top: 200px;
left: -50px;
animation: translate 15s infinite linear;
}
.statekanimrl .wp-block-image {
animation: upDown 5s alternate infinite ease-in-out;
}
.statekanimrl .wp-block-image img {
width: 50px;
height: auto;
position: absolute;
animation: sRotate 10s infinite ease-in-out;
}
.statekanimlr {
z-index: -1;
width: 50px;
position: absolute;
top: 400px;
right: -50px;
animation: translate2 21s infinite linear;
}
.statekanimlr .wp-block-image {
animation: upDown 7s alternate infinite ease-in-out;
}
.statekanimlr .wp-block-image img {
width: 50px;
height: auto;
position: absolute;
animation: sRotate2 14s infinite ease-in-out;
}
.program h4 {
margin-top: 0;
padding-top: 0;
font-size: 24px;
line-height: 34px;
}
.program p {
color: #274291;
margin: 0;
padding: 0;
}
.program strong {
font-size: 1.1em;
display: block;
margin-top: 30px;
}
.program h5 {
color: #274291;
font-size: 1em;
margin: 0;
padding: 0;
}
.smallgap {
gap: 20px;
}
.monts {
font-family: montserrat, sans-serif !important;
}
@keyframes sRotate {
0 {
transform: rotate(0deg);
}
25% {
transform: rotate(30deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-30deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes sRotate2 {
0 {
transform: rotate(0deg);
}
25% {
transform: rotate(-30deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(30deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes upDown {
to {
transform: translatey(10vw);
}
}
@keyframes translate {
to {
transform: translatex(110vw);
}
}
@keyframes translate2 {
to {
transform: translatex(-110vw);
}
}
@media screen and (max-width: 1880px) {
.historiawrap .hist .histdata {
font-size: 65px;
line-height: 70px;
}
}
@media screen and (max-width: 1440px) {
.historiawrap .hist .histdata {
font-size: 55px;
line-height: 60px;
}
body,
td,
th,
input,
textarea,
select {
font-size: 16px;
line-height: 33px;
}
.is-style-m-spacerhead {
height: 200px !important;
}
#header {
padding-top: 15px;
padding-bottom: 15px;
}
h1 {
font-size: 36px;
line-height: 26px;
}
h2 {
font-size: 110px;
line-height: 130px;
}
h3 {
font-size: 26px;
line-height: 32px;
}
#pageheader {
font-size: 20px;
line-height: 26px;
padding-top: 140px;
height: 100vh;
box-sizing: border-box;
}
#pageheader h1 {
font-size: 130px;
line-height: 96px;
}
.wp-block-columns,
.res {
padding-left: 5%;
padding-right: 5%;
}
.wp-block-columns .wp-block-columns,
.res .wp-block-columns {
padding-left: 0;
padding-right: 0;
}
.aktualnoscifront .moai-wrapper {
padding-left: 0;
padding-right: 0;
}
.posts .post-wrap .post-date {
font-size: 11px;
line-height: 18px;
}
.posts .post-wrap .posttext h5 {
font-size: 16px;
line-height: 25px;
}
.nagloweksalider,
.nagloweksalider .swiper {
height: 70vh;
}
footer .wp-block-columns {
gap: 60px;
padding-left: 0;
padding-right: 0;
}
.primary-navigation ul li a {
line-height: 24px;
font-size: 18px;
}
.primary-navigation ul li ul {
top: 33px;
}
div[id*=moai-block],
a[id*=moai-block] {
padding-left: 5%;
padding-right: 5%;
}
#jednoski .jednostka .post-thumb {
flex: 0 0 75%;
}
}
@media screen and (max-width: 1024px) {
body,
td,
th,
input,
textarea,
select {
font-size: 14px;
line-height: 30px;
}
h2 {
font-size: 90px;
line-height: 110px;
}
.ressmall {
padding-left: 10%;
padding-right: 10%;
}
.posts {
gap: 2%;
}
.posts .post-wrap {
flex: 0 0 32%;
}
.posts .post-wrap .posttext {
padding: 20px 20px 40px 20px;
}
.posts .post-wrap .posttext h5 {
font-size: 14px;
line-height: 23px;
}
.is-style-outline .wp-block-button__link,
.wp-block-button__link,
a.wiecej,
p.wiecej a {
padding: 24px;
font-size: 14px;
line-height: 22px;
}
.nagloweksalider,
.nagloweksalider .swiper {
height: 50vw;
}
footer > .wp-block-columns {
flex-direction: column;
}
footer > .wp-block-columns .wp-block-column {
flex-basis: auto !important;
}
.siglewrap {
padding-top: 190px;
}
#pageheader {
font-size: 16px;
line-height: 22px;
}
#pageheader h1 {
font-size: 70px;
line-height: 66px;
}
.wp-block-columns {
gap: 20px;
}
.mapaimprezywrap::before,
.siglewrap .post-thumb::before,
.zdjecia::before,
.zdjecia2::before,
.mapaimprezywrap::after,
.siglewrap .post-thumb::after,
.zdjecia::after,
.zdjecia2::after {
top: -20px;
left: -20px;
width: 140px;
height: 150px;
}
.mapaimprezywrap figure:nth-of-type(2),
.siglewrap .post-thumb figure:nth-of-type(2),
.zdjecia figure:nth-of-type(2),
.zdjecia2 figure:nth-of-type(2) {
right: 0px;
}
.mapaimprezywrap figure:nth-of-type(2) img,
.siglewrap .post-thumb figure:nth-of-type(2) img,
.zdjecia figure:nth-of-type(2) img,
.zdjecia2 figure:nth-of-type(2) img {
border: 6px solid #fff;
}
.moai-wrapper.mbpr {
padding-right: 20px;
}
.moai-wrapper.mbpl {
padding-left: 20px;
}
h2 {
font-size: 60px;
line-height: 70px;
}
.posts {
flex-direction: column;
}
footer {
padding: 60px 40px 40px 40px;
}
footer .menu {
display: block;
columns: 2;
}
footer .menu .sub-menu {
padding-left: 10px;
}
.is-style-m-spacerx2 {
height: 100px !important;
}
}
@media screen and (max-width: 640px) {
h1 {
font-size: 30px;
line-height: 38px;
}
h3 {
font-size: 20px;
line-height: 28px;
}
.histwrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
.historiawrap .hist::before,
.historiawrap::before {
left: 0;
top: 0;
}
#pageheader h1 {
font-size: 60px;
line-height: 56px;
}
.historiawrap .hist .histdata {
font-size: 16px;
line-height: 20px;
padding-bottom: 0;
padding-left: 10px;
text-align: right;
margin-left: 0;
}
.historiawrap .hist .histcont .histopis {
padding-left: 0 !important;
padding-right: 10px !important;
order: 2 !important;
flex: 1;
text-align: left;
}
.historiawrap .hist .histcont .histopis h3 {
text-align: left;
}
.historiawrap .hist .histcont .histopis h3::before {
width: 100px;
left: -110px;
right: auto;
}
.historiawrap .hist .histcont .histopis h3::after {
width: 15px;
height: 15px;
left: -110px;
right: auto;
}
.historiawrap .hist .histcont .histzdjecie {
padding-top: 60px;
padding-right: 6% !important;
padding-left: 1% !important;
order: 1 !important;
flex: 0 0 40%;
}
.post-navigation {
flex-direction: column;
padding-left: 5px;
padding-right: 5px;
}
.post-navigation .post-wrap .posttext {
padding: 14px 20px 20px 20px;
}
.post-navigation .post-wrap .posttext h5 {
font-size: 15px;
line-height: 22px;
}
.post-navigation .post-wrap .post-date {
top: 100px;
left: 0px;
padding: 1px 10px;
font-size: 9px;
}
.post-navigation .post-wrap a {
width: 100%;
display: flex;
}
.post-navigation .post-wrap .post-thumb {
flex: 0 0 30%;
}
.post-navigation .post-wrap:nth-of-type(2) .post-thumb {
order: 2;
}
.post-navigation .post-wrap:nth-of-type(2) .posttext {
order: 1;
}
.post-navigation .post-wrap:nth-of-type(2) .post-date {
left: auto;
right: 0;
}
.bikony .wp-block-button {
flex: 0 0 48%;
height: 47vw;
}
.bikony .wp-block-button .wp-element-button {
background-size: 80%;
padding-top: 33vw;
}
#filtry,
#jednoski {
flex-direction: column;
}
#jednoski .jednostka {
padding: 20px 20px;
}
#jednoski .jednostka a {
font-size: 10px;
}
#jednoski .jednostka .row .row {
flex-direction: column;
gap: 0;
}
#jednoski .jednostka .row .row img {
width: 50px;
}
#jednoski .jednostka .post-thumb img {
width: 114%;
}
#jednoski .jednostka .flag {
width: 18vw;
height: 18vw;
}
.jedno-title-wrap {
flex-direction: column;
margin-bottom: 20px;
}
.jednostka-detale {
padding-top: 90px;
}
.jednostka-detale .row {
flex-wrap: wrap;
text-align: center;
}
}