@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); @font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); @font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger Sans';
src: url(//ops.weboski.dev/wp-content/themes/ops/fonts/Blogger_Sans-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--blue: #1e5aaa;
--light-blue: #f2f7fd;
--dark-navy: #071c3c;
--sky-blue: #5aafe6;
--alice-blue: #f2f4fa;
--pastel-blue: #8eacd4;
--light-gray: #f3f4f6;
--white: #ffffff;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--container-width: 1200px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 16px;
}
body {
font-family: 'Blogger Sans', 'Roboto', Arial, sans-serif;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.6;
background-color: var(--white);
overflow-x: hidden;
color: var(--dark-navy);
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
}
.narrow-container {
max-width: 900px;
margin: 0 auto;
} img {
max-width: 100%;
height: auto;
display: block;
} body, 
h1, h2, h3, h4, h5, h6 {
font-family: 'Blogger Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
p {
font-size: 16px;
font-style: normal;
font-weight: 300;
color: var(--dark-navy);
line-height: 1.5;
}
h1{
font-size: 28px;
line-height: 1.2;
font-weight: 400;
}
h2 {
font-size: 30px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.5px;
}
h2 em {
font-size: 34px;
font-style: normal;
}
h3 {
font-size: 34px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.5px;
}
h4 {
font-size: 28px;
line-height: 1.3;
letter-spacing: -0.5px;
font-weight: 400;
}
h5 {
font-size: 18px;
line-height: 1.4;
letter-spacing: -0.5px;
font-weight: 400;
}
h6 {
font-size: 16px;
text-transform: uppercase;
color: var(--dark-navy);
letter-spacing: 0.2em;
opacity: 0.5;
font-weight: 300;
}
ul{
list-style: none;
}
ul.wp-block-list {
list-style: inside;
font-family: 'Poppins', sans-serif;
margin: 15px 0;
}
ul.wp-block-list li::marker {
color: var(--sky-blue);
font-size: 10px;
}
li {
font-size: 16px;
line-height: 1.5;
}
strong {
font-weight: 600;
}
table strong {
font-weight: 600;
}
tbody p, tbody a, tbody td {
font-size: 14px;
} .nav-container.gray-line {
width: calc(100% - 20px);
left: 0;
position: relative;
background: #5aafe6;
height: 6px;
}
.nav-container {
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
background: white;
}
.address-container {
background: white;
text-align: center;
padding-top: 4px;
}
.address-container p{
font-size: 14px;
}
.nav-logo {
padding: 10px 0;
transition: all 0.3s ease;
}
.nav-logo img {
max-height: 70px;
}
.nav-logo .desktop{
display: none;
}
.header {
background-color: var(--white);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: fixed;
width: 100%;
z-index: 1000;
}
.menu {
display: flex;
list-style: none;
gap: 30px;
}
.menu-item-has-children {
position: relative;
}
.header__menu a {
text-decoration: none;
color: var(--dark-navy);
transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-size: 17px;
font-family: 'Blogger Sans', 'Roboto', Arial, sans-serif;
}
.header__menu a:hover {
color: var(--blue);
}
.sub-menu {
position: absolute;
top: 100%;
left: 0;
background: var(--white);
min-width: 250px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
border-radius: 8px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
z-index: 1000;
list-style: none;
margin: 0;
}
.sub-menu a {
display: block;
padding-left: 40px !important;
text-decoration: none;
font-size: 14px;
}
.sub-menu li {
margin: 0;
}
.sub-menu .menu-item-has-children:hover .sub-menu {
opacity: 1 !important;
visibility: visible;
transform: translateY(0);
}
ul.sub-menu li .sub-menu {
position: absolute;
top: 0;
left: 100%;
margin: 0;
}
.menu {
text-align: left;
font-family: 'Blogger Sans', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-weight: 300;
}
.menu li a {
font-size: 20px;
width: 100%;
display: inline-block;
border-bottom: 1px solid var(--pastel-blue);
line-height: 1.5;
font-weight: 400;
padding-left: 20px;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
}
.menu .sub-menu .sub-menu a {
font-size: 16px;
padding-left: 60px !important;
font-weight: 300;
}
.menu {
position: fixed;
top: -100%;
flex-direction: column;
background-color: var(--white);
width: 100%;
text-align: center;
transition: 0.3s;
box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
padding: 0 20px 0;
height: 100vh;
left: 0;
z-index: -999;
gap: 0;
}
.menu.active {
top: var(--navbar-height, 114px);
}
.mobile-nav {
width: 60%;
display: inline-flex;
justify-content: flex-end;
align-items: center;
}
.mobile-nav a {
color: var(--pastel-blue);
font-size: 24px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
border-right: 1px solid;
}
.nav-toggle {
padding-right: 0 !important;
}
.mobile-nav a:last-child {
border-right: none;
}
.nav-toggle .fa-times {
display: none;
}
.nav-toggle.active .fa-bars {
display: none;
}
.nav-toggle.active .fa-times {
display: block;
}
.submenu-toggle {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.submenu-toggle::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
content: "\f078";
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
#menu-nawigacja > .menu-item-has-children.active > .sub-menu {
display: block;
}
.menu-item-has-children > a {
position: relative;
padding-right: 60px;
}
.menu-item-has-children.active .sub-menu {
opacity: 1 !important;
visibility: visible;
transform: translateY(0);
position: static;
box-shadow: none;
display: none;
}
.sub-menu .menu-item-has-children:hover .sub-menu {
opacity: 1 !important;
visibility: visible;
transform: translateY(0);
}
.sub-menu .sub-menu.active-sub {
display: block;
margin-top: 0;
padding-top: 0;
}
.org-title {
margin-left: -20px;
width: calc(100% + 40px);
}
.org-title p {
background: var(--alice-blue);
line-height: 26px;
font-size: 20px;
padding: 20px;
}
.hero-slider image {
width: 100%;
}
.mobile-nav .address span, .mobile-nav .phone span, .mobile-nav .address {
display: none;
}
.mobile-nav a span {
transition: 0.3s;
}
.mobile-nav a:hover span {
color: var(--sky-blue);
}
ul#menu-nawigacja {
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-bottom: 150px;
margin-top: 5px;
}
.address-container br {
display: none;
}
a {
color: var(--blue);
text-decoration: none;
transition: var(--transition);
}
a:hover {
color: var(--sky-blue);
} .search__box.on {
display: flex;
align-items: center;
}
.search__box {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #071c3c70;
z-index: 9999999999999;
bottom: 0;
left: 0;
right: 0;
display: none;
}
.search-box {
background: var(--alice-blue);
margin: 0 auto;
padding: 20px 15px 20px;
border-radius: 15px;
position: relative;
width: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.close-btn {
position: absolute;
width: 40px !important;
height: 40px !important;
border-radius: 10px !important;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
right: 10px;
cursor: pointer;
background: #fff;
top: -20px;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.search-box i.fas.fa-times {
font-size: 24px;
color: var(--dark-navy);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.close-btn:hover i.fas.fa-times {
color: var(--sky-blue);
}
.input-group {
display: inline-flex;
justify-content: flex-end;
width: 100%;
border-radius: 4px;
}
.search__box input {
border-radius: 4px;
outline: none;
border: none;
background: white;
font-family: "basic-sans", sans-serif;
padding: 0 15px;
font-size: 16px;
color: #292929;
height: 46px;
display: inline-flex;
align-items: center;
width: calc(100vw - 70px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid transparent;
font-family: 'Blogger Sans', 'Roboto', Arial, sans-serif;
font-weight: 300;
color: var(--dark-navy);
}
.search__box input:focus {
border: 1px solid var(--sky-blue);
}
.search-box .btn-group {
margin-top: 10px;
text-align: center;
}
.search-box__header h3 {
font-weight: 300;
margin-bottom: 20px;
}
input::placeholder {
color: #071c3c91;
font-style: italic;
font-size: 15px;
}
.no-results {
margin: 50px 0;
} .shaped-image-container {
width: 100%;
position: relative;
overflow: hidden;
aspect-ratio: 12 / 9;
max-height: 400px;
}
.shaped-image-container svg {
width: 100%;
height: auto;
display: block;
z-index: 999;
position: relative;
}
.shape-2 {
position: absolute;
top: -10%;
left: 5%;
z-index: 9;
width: 250px !important;
transform: translateX(-10%);
}
.hero-slider .item {
background: var(--alice-blue);
}
.hero-slider h1 {
margin-bottom: 10px;
}
.hero-slider h2 {
font-weight: 700;
font-size: 28px;
}
.hero-slider .slider-text {
padding: 30px 20px;
z-index: 999;
position: relative;
}
.hero-slider .slider-text ul {
list-style: inside;
margin: 20px 0 20px 10px;
font-family: 'Poppins', sans-serif;
}
.hero-slider .slider-text ul li {
font-size: 14px;
margin-bottom: 8px;
}
.hero-slider .slider-text ul li::marker {
color: var(--sky-blue);
font-size: 14px;
}
.hero-slider .btn-container {
text-align: center;
}
.slider-text a {
color: var(--dark-navy);
transition: var(--transition);
}
.slider-text a:hover {
color: var(--sky-blue);
}
.desktop-shape{
display: none !important;
}
.slider-text em {
font-style: normal;
}
clipPath#cover-shape {
scale: 1.6;
transform: translate(-5%, -20%);
}
.masked-bg {
width: 100%;
height: 100%;
-webkit-mask-image: url(https://ops.weboski.dev/wp-content/themes/ops/images/universal-shape.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
-webkit-mask-position: center;
mask-image: url(https://ops.weboski.dev/wp-content/themes/ops/images/universal-shape.svg);
mask-repeat: no-repeat;
mask-size: cover !important;
mask-position: left;
background-size: cover !important;
background-position: 50% 50% !important;
z-index: 99 !important;
position: relative;
transform: translateX(-10%);
width: 115%;
}
.owl-nav, .owl-dots {
display: none;
}
.hero-slider .item:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
opacity: 0.6;
}
.hero-slider .item:after {
background-image: url(https://ops.weboski.dev/wp-content/themes/ops/drone.png);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
filter: opacity(0.30);
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
} .main-content {
padding-top: 115px;
font-family: 'Poppins', sans-serif;
} .hero-slider {
min-height: 400px;
}
.hero-slider .owl-carousel {
min-height: 400px;
}
.hero-slider .item {
min-height: 400px;
}
.text-icon-block .text-icon-item img {
width: 40px;
height: 40px;
object-fit: contain;
} a.btn, .btn, em a {
background: var(--sky-blue);
border-radius: 30px;
font-weight: 300;
text-align: center;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
color: white !important;
padding: 0.75rem 2rem;
transition: var(--transition);
text-decoration: none;
font-size: 17px;
font-weight: 400;
border: none;
font-family: 'Blogger Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
cursor: pointer;
font-style: normal;
}
a.btn:hover, .btn:hover, em a:hover {
background-color: var(--blue);
transform: translateY(-2px);
color: white !important;
}
a.btn-link {
font-family: 'Blogger Sans', 'Roboto', Arial, sans-serif;
padding: 10px 0;
color: var(--blue);
transition: var(--transition);
}
a.btn-link:hover {
color: var(--sky-blue);
} .logo-carousel-section {
margin: 50px 0;
}
.logo-carousel-section img {
aspect-ratio: 1 / 1;
max-height: 150px;
object-fit: contain;
padding: 10px;
opacity: 0.8;
transition: var(--transition);
}
.logo-carousel-section img:hover {
opacity: 1;
} .text-icon-block {
margin-top: 50px;
}
.text-icon-block .text-icon-item a {
background: var(--alice-blue);
border-radius: 15px;
color: var(--dark-navy);
padding: 30px;
display: inline-flex;
align-items: center;
gap: 20px;
font-size: 22px;
font-family: 'Blogger Sans', 'Roboto', Arial, sans-serif;
font-weight: 300;
width: 100%;
height: 100%;
text-decoration: none;
justify-content: flex-start;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.text-icon-block .text-icon-item {
transition: transform 0.3s ease;
}
.text-icon-block .text-icon-item:hover {
transform: translateY(-10px);
}
.text-icon-block .text-icon-item:hover a {
color: white;
background: var(--blue);
}
.text-icon-block .block-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
} .image-icon-block {
padding: 50px 0;
}
.image-icon-block .block-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.image-icon-block .image-icon-item {
background-color: var(--blue);
border-radius: 15px;
padding: 20px;
display: flex;
align-items: center;
font-family: 'Blogger Sans', 'Roboto', Arial, sans-serif;
position: relative;
overflow: hidden;
}
.image-icon-block .image-icon-item:nth-child(even) {
background-color: var(--sky-blue);
}
.image-icon-block .image-icon-item a {
font-size: 20px;
color: white;
font-weight: 300;
display: inline-flex;
align-items: center;
gap: 20px;
text-decoration: none;
width: 100%;
position: static;
}
.image-icon-block .image-icon-item a::after {
content: '';
position: absolute;
inset: 0;
}
.image-icon-block .block-icon {
width: 50px;
flex-shrink: 0;
}
.image-icon-block .block-photo {
display: none;
}
.image-text-block .block-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.image-text-block img {
border-radius: 15px;
aspect-ratio: 6 / 4;
object-fit: cover;
width: 100%;
}
.image-text-block .block-text {
padding: 20px 0;
} .sidebar-grid {
background: var(--light-blue);
padding-top: 50px;
}
.sidebar-grid .entry-item {
background: white;
border-radius: 15px;
padding: 10px;
}
.sidebar-grid .entry-image img {
width: 100%;
border-radius: 15px;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.entry-image {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.entry-image:hover {
opacity: 0.7;
}
.sidebar-grid .entry-item a {
font-size: 20px;
line-height: 1.2;
text-decoration: none;
color: var(--dark-navy);
display: block;
font-weight: 500;
transition: var(--transition);
font-family: 'Blogger Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
letter-spacing: -0.5px;
}
.sidebar-grid .entry-item a:hover {
color: var(--sky-blue);
}
.sidebar-grid .entry-date {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: var(--dark-navy);
opacity: 0.5;
display: block;
margin: 5px 0;
}
.sidebar-grid .entry-content {
padding: 15px 10px 10px;
}
.sidebar-grid .entry-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
.section-header h2 {
color: var(--dark-navy);
}
.small-title {
font-size: 12px;
text-transform: uppercase;
color: var(--dark-navy);
letter-spacing: 0.2em;
opacity: 0.5;
}
#deco-line {
height: 2px;
border: none;
background: var(--sky-blue);
width: 80px;
margin: 15px 0 0;
}
.section-header hr, .text-editor hr {
height: 2px;
border: none;
background: var(--sky-blue);
width: 80px;
margin: 15px 0 0;
}
.sidebar-list ul {
list-style: inside;
margin-left: 20px;
font-family: 'Poppins', sans-serif;
}
.sidebar-list ul li::marker {
color: var(--sky-blue);
font-size: 10px;
}
.sidebar-list li a {
font-size: 16px;
line-height: 1.5;
color: var(--dark-navy);
text-decoration: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-bottom: 10px;
display: block;
}
.sidebar-list li a:hover {
margin-left: 5px;
}
.sidebar-list li a:hover {
color: var(--sky-blue);
}
.sidebar-list {
margin-bottom: 30px;
}
.sidebar-list li {
display: flex;
}
.sidebar-list i {
font-style: normal;
color: var(--sky-blue);
margin-right: 8px;
}
.section-bottom {
text-align: center;
padding: 30px 0 50px;
} footer {
background: var(--blue);
color: white;
padding-top: 30px;
}
.footer-address img {
width: 120px;
}
.footer-address {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 10px;
}
.footer-partners {
background: white;
display: inline-flex;
width: 100%;
position: relative;
flex-direction: row;
align-items: center;
gap: 20px;
justify-content: center;
padding: 30px 0;
}
.footer-copyright {
display: inline-flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100%;
text-align: center;
border-top: 1px solid #356bb3;
padding: 20px 0;
}
.footer-copyright ul {
display: inline-flex;
gap: 20px;
margin: 20px 0 0;
}
.footer-copyright-text p, .footer-copyright-text a {
font-size: 14px;
color: white;
text-decoration: none;
}
.footer-copyright a:hover {
text-decoration: underline;
}
footer p {
color: white;
}
.credits {
width: 100%;
float: left;
display: inline-flex;
justify-content: center;
}
.footer-menu {
text-align: center;
}
.footer-menu ul {
list-style: inside;
color: white;
padding-bottom: 30px;
}
.footer-menu ul li {
opacity: 0.4;
transition: opacity 0.3s ease;
}
.footer-menu ul li:hover {
opacity: 1;
}
.footer-menu li a {
font-size: 18px;
line-height: 30px;
color: white;
text-decoration: none;
list-style: inside !important;
}
.footer-contact {
text-align: center;
margin: 30px 0;
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
.footer-phone, .footer-phone a {
font-size: 18px;
color: white;
text-decoration: none;
font-weight: 300;
line-height: 24px;
}
.footer .desktop-logo {
display: none;
}
#sep {
display: inline-block;
margin: 0 10px;
}
.go-top {
display: inline-flex;
align-items: center;
margin-top: 10px;
width: 100%;
justify-content: center;
} .hero-header {
background-color: var(--alice-blue);
width: 100%;
background-position: right;
background-repeat: no-repeat;
}
.hero-header .section-header {
min-height: 250px;
display: inline-flex;
align-items: flex-start;
margin-bottom: 0;
flex-direction: column;
justify-content: center;
}
.hero-header h1 {
font-size: 40px;
line-height: 50px;
}
.shortcuts p {
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 20px;
}
.sidebar {
background: var(--alice-blue);
padding: 30px 30px 10px;
border-radius: 15px;
margin-bottom: 30px;
}
.col-image img {
border-radius: 15px;
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
}
.text-image-block .col-text {
margin: 30px 0;
}
.text-image-block .col-text h1 {
font-size: 36px;
line-height: 42px;
font-weight: 400;
}
.text-image-block {
margin-bottom: 30px;
}
.blog-header .section-header {
min-height: 300px;
}
.blog-header h1 {
font-size: 36px;
line-height: 48px;
}
.blog-archive .sidebar-grid {
background: none;
}
.blog-archive .entry-grid {
grid-template-columns: repeat(1, 1fr);
display: grid;
gap: 30px;
}
.single-post .text-image-block {
background: var(--alice-blue);
padding-top: 50px;
padding-bottom: 50px;
}
.single-post.inner-group {
margin-bottom: 50px;
}
.text-block a {
color: var(--blue);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.text-block a:hover {
color: var(--dark-navy);
}
.text-block.bg .bg-block {
background: var(--alice-blue);
padding: 20px;
border-radius: 15px;
margin-bottom: 30px;
}
figure.wp-block-image.size-full img {
width: 100%;
border-radius: 15px;
}
.sidebar-panel .panel-title {
margin-bottom: 20px;
}
.sidebar-panel .panel-title:after {
height: 2px;
border: none;
background: var(--sky-blue);
width: 80px;
margin: 15px 0 0;
content: "";
display: block;
}
.sidebar-panel {
margin-bottom: 30px;
}
.sidebar-section {
background: var(--light-blue);
}
.sidebar-section .sidebar {
background: none;
padding: 0;
}
.entry-info {
display: inline-flex;
gap: 10px;
}
.text-content.text-editor ul, .text-content.text-editor ol {
list-style: inside;
font-family: 'Poppins', sans-serif;
}
.text-content.text-editor li {
font-size: 16px;
line-height: 1.5;
text-indent: -1em;
}
.text-content.text-editor ul li::marker, .text-content.text-editor ol li::marker {
color: var(--sky-blue);
font-size: 10px;
}
.search-results-list article {
background: var(--alice-blue);
border-radius: 15px;
padding: 20px;
margin-top: 30px;
}
.search-results-list article:last-child {
margin-bottom: 30px;
}
.text-editor tbody tr:last-child td {
border-bottom: none;
}
.text-editor tr td:last-child {
border-bottom: 1px solid #1e5aaa40;
}
.text-editor img {
border-radius: 15px;
margin-bottom: 20px;
}
.text-editor img.size-full {
width: 100%;
}
li > ul, li > ol {
margin-bottom: 0;
margin-left: 1.5em;
} .text-editor table {
display: inline-grid !important;
overflow-x: auto !important;
height: 100% !important;
width: 100%;
}
.text-editor th {
display: inline-flex;
align-items: center;
justify-content: center;
border-right: 1px solid #1e5aaa40;
}
.text-editor tbody th:first-child {
border-left: 1px solid #1e5aaa40;
}
tbody {
display: grid;
align-items: center;
}
.text-editor td {
position: relative;
height: 100% !important;
display: grid;
padding: 10px;
border-right: 1px solid #1e5aaa40;
align-items: center;
align-content: center;
}
.text-editor td:first-child {
border-left: 1px solid #1e5aaa40;
}
.text-editor tr {
display: inline-flex;
width: 100%;
border-bottom: 1px solid #1e5aaa40;
height: 100% !important;
align-items: center;
}
.text-editor tr td:last-child {
border-bottom: none;
}
tbody tr:first-child {
border-top: 1px solid #1e5aaa40;
}
.text-editor td em {
text-align: center;
} .breadcrumbs {
padding: 15px 0;
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
#blog .breadcrumbs {
margin-bottom: 0 !important;
margin-top: 5px;
}
.breadcrumbs .breadcrumb-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.breadcrumbs .breadcrumb-list li {
display: flex;
align-items: center;
margin-right: 8px;
font-size: 14px;
font-family: 'Blogger Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.breadcrumbs .breadcrumb-list li:not(:last-child)::after {
content: '/';
margin-left: 8px;
color: #999;
}
.breadcrumbs .breadcrumb-list a {
color: var(--blue);
text-decoration: none;
transition: color 0.3s ease;
}
.breadcrumbs .breadcrumb-list a:hover {
color: var(--dark-navy);
text-decoration: underline;
}
.breadcrumbs .breadcrumb-list li:last-child {
color: var(--dark-navy);
opacity: 0.5;
}
.image-link-block {
margin-bottom: 50px;
}
.image-link-grid {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
display: grid;
}
.image-link-grid .block-photo {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 15px;
width: 100%;
transition: var(--transition);
}
.image-link-grid .fancy-text {
background: #fff;
border-radius: 15px;
padding: 10px 15px;
width: fit-content;
display: inline-flex;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: none;
text-align: center;
}
.image-link-grid .image-link-item a:hover .fancy-text {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transform: translateY(-50%);
}
.image-link-item a {
display: inline-flex;
flex-direction: column;
align-items: center;
width: 100%;
color: var(--dark-navy);
font-size: 20px;
}
.image-link-item:hover a {
color: var(--blue);
}
.image-link-item:hover img {
opacity: 0.7;
} .gallery-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 30px;
margin-bottom: 70px;
}
.gallery-grid a {
display: block;
color: white;
cursor: pointer;
text-decoration: none;
}
.gallery-grid img {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: all 0.3s ease;
border-radius: 5px;
}
.gallery-grid img:hover {
opacity: 0.8;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.gallery-item {
display: block;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
aspect-ratio: 1/1;
}
.gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.menu .menu-description {
background: var(--light-blue);
padding: 15px 20px;
font-size: 20px;
margin-left: -20px;
width: calc(100% + 40px);
line-height: 1.3;
} .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
} .footer-partners img {
height: 60px;
width: auto;
aspect-ratio: 2 / 1;
object-fit: contain;
} @media (min-width: 992px) {
.menu li a {
font-size: 16px;
} .menu-nawigacja-container {
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
padding: 0 20px;
box-sizing: border-box;
}
#menu-nawigacja {
position: static;
overflow-y: hidden !important;
overflow-x: hidden !important;
height: auto !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
}
ul#menu-nawigacja > li {
height: 110px;
display: inline-flex;
align-items: center;
border-bottom: 3px solid transparent;
transition: 0.3s;
}
ul#menu-nawigacja > li:hover {
border-bottom: 3px solid var(--sky-blue);
}
#menu-nawigacja > .menu-item-has-children {
position: static;
}
#menu-nawigacja > .menu-item-has-children > .sub-menu {
position: fixed;
left: 0 !important;
max-width: 1280px !important;
padding: 20px 0;
background-color: #fff;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
display: none;
z-index: 1000;
box-sizing: border-box;
margin: 0 auto;
top: 116px;
right: 0;
overflow-y: auto;
max-height: calc(100vh - 200px);
}
#menu-nawigacja > .menu-item-has-children > .sub-menu > li {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.menu-level-1 > .sub-menu > li> a {
color: var(--blue);
font-size: 24px;
}
.menu-level-1 > .sub-menu > li> a:after {
content: "";
border-bottom: 3px solid var(--light-blue);
width: 120px;
height: 3px;
display: block;
}
#menu-nawigacja > .menu-item-has-children:hover > .sub-menu {
display: flex;
}
.footer-address {
width: 40%;
justify-content: flex-start;
}
.footer-contact-group {
display: inline-flex;
gap: 40px;
}
.footer-menu ul {
display: inline-flex;
list-style: none;
}
.footer-top {
display: inline-flex;
align-items: center;
width: 100%;
gap: 40px;
justify-content: space-between;
}
.footer .footer-top .flex-group {
width: 70%;
text-align: right;
}
.footer-menu li a {
font-size: 16px;
}
.footer-contact {
text-align: left;
display: inline-flex;
flex-direction: column;
}
.footer-menu {
text-align: right;
}
.footer-menu ul li:before {
content: "/";
padding: 10px;
}
.footer-menu li:first-child:before {
display: none;
}
.footer-copyright {
border-top: none;
display: inline-block;
}
.footer .mobile-logo {
display: none;
}
.footer .desktop-logo {
display: block;
width: 160px;
aspect-ratio: 1 / 1;
object-fit: contain;
}
footer {
background: white;
color: var(--dark-navy);
border-top: 3px solid var(--light-blue);
}
footer p, .footer-menu li a, .footer-copyright a, .footer-menu ul li:before, .footer-phone, .footer-phone a, .credits p {
color: var(--dark-navy);
transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
footer .copyright-text {
color: var(--dark-navy);
}
.footer-phone a:hover {
color: var(--blue);
}
.sidebar-grid .entry-grid {
grid-template-columns: repeat(2, 1fr);
}
.sidebar-grid .flex-group {
display: inline-flex;
}
.sidebar-content .flex-group, .sidebar-section .flex-group {
display: inline-flex;
gap: 50px;
flex-direction: row;
align-items: flex-start;
width: 100%;
} .image-icon-block {
padding: 80px 0;
}
.image-icon-block .block-grid {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
} .image-icon-block .image-icon-item {
background-color: unset;
padding: 0;
}
.image-icon-block .image-icon-item:nth-child(even) {
background-color: unset;
}
.image-icon-block .block-icon {
display: none;
}
.image-icon-block .block-photo {
display: block;
width: 100%;
border-radius: 15px;
aspect-ratio: 16 / 9;
object-fit: cover;
transition: opacity 0.3s ease;
}
.image-icon-block .image-icon-item a {
color: var(--dark-navy);
display: block;
text-align: center;
font-size: 28px;
font-weight: 300;
text-decoration: none;
transition: color 0.1s ease;
}
.image-icon-block .image-icon-item a:hover {
color: var(--blue);
}
.image-icon-item:hover .block-photo {
opacity: 0.7;
} .image-icon-block .image-icon-item.is-icon-only {
background-color: var(--blue);
border-radius: 15px;
padding: 20px;
aspect-ratio: 2 / 1;
transition: transform 0.3s ease;
}
.image-icon-item.is-icon-only:hover {
transform: translateY(-10px);
}
.image-icon-block .image-icon-item.is-icon-only:nth-child(even) {
background-color: var(--sky-blue);
}
.image-icon-block .image-icon-item.is-icon-only .block-icon {
display: block;
width: 70px;
flex-shrink: 0;
}
.image-icon-block .image-icon-item.is-icon-only a {
color: white;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
text-align: center;
}
.image-icon-block .image-icon-item.is-icon-only a:hover {
color: white;
}
.image-icon-block .image-icon-item.is-icon-only .fancy-text {
background: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
color: white;
}
.image-text-block .block-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px 15px;
}
.image-text-block .block-text {
padding: 10px 0;
}
.hero-slider .item {
display: inline-flex;
width: 100%;
flex-direction: row;
align-items: center;
justify-content: center;
}
clipPath#cover-shape {
scale: 1.2;
transform: translate(0%, -15%);
}
.hero-slider image {
width: auto;
height: 100%;
transform: translate(-0%, -5%);
scale: 1.1;
}
.shape-2 {
right: 20%;
scale: 0.6;
width: 700px !important;
bottom: 30%;
top: unset;
left: unset;
}
.hero-slider h1 {
font-size: 48px;
line-height: 50px;
display: inline-block;
margin-bottom: 40px;
letter-spacing: -0.5px;
}
.hero-slider h2 {
font-size: 32px;
}
.hero-slider .slider-text ul li {
font-size: 17px;
line-height: 36px;
}
a.btn, .btn, em a {
font-size: 20px;
color: white !important;
}
.hero-slider .btn-container {
text-align: left;
}
.hero-slider hr {
display: none;
}
.hero-slider .item {
display: inline-flex;
width: 100%;
flex-direction: row;
align-items: center;
}
.shaped-image-container {
width: 50%;
height: 100%;
display: flex;
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-height: fit-content;
overflow: visible;
aspect-ratio: 1 / 2;
}
.hero-slider .slider-text {
width: 1280px;
margin: 0 auto;
padding: 80px 20px;
}
clipPath#cover-shape {
scale: 1.2;
transform: translate(0%, -15%);
}
.hero-slider image {
width: auto;
height: 100%;
transform: translate(-0%, -5%);
scale: 1.1;
}
.shape-2 {
left: 5%;
scale: 0.6;
width: 700px !important;
bottom: 40%;
top: unset;
}
.slider-text em {
border-bottom: 3px solid var(--sky-blue);
padding-bottom: 10px;
}
.mobile-nav {
width: auto;
}
.org-title {
display: none;
}
.menu {
position: relative;
top: 0;
flex-direction: row;
background-color: unset;
width: 100%;
text-align: left;
transition: 0.3s;
box-shadow: none;
padding: 0;
height: 110px;
left: 0;
z-index: 999;
display: inline-flex;
align-items: center;
}
.menu {
font-weight: 300;
display: inline-flex;
gap: 40px;
}
.menu li a {
width: 100%;
display: inline-block;
border-bottom: none;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.menu > .menu-item > ul > .menu-item > a {
font-size: 20px !important;
color: var(--blue);
padding: 0;
}
.menu > .menu-item > ul > .menu-item > a:hover {
color: var(--sky-blue);
}
.menu > .menu-item > ul > .menu-item > a:after {
content: "";
width: 100%;
height: 3px;
display: block;
background: var(--alice-blue);
}
.menu .sub-menu .sub-menu a {
line-height: 30px;
}
.sub-menu {
background: none;
min-width: unset;
box-shadow: none;
border-radius: 0;
}
.menu-item-has-children.active .sub-menu {
display: grid !important;
left: 0 !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px 15px;
}
.menu-item-has-children .sub-menu {
display: grid !important;
left: 0 !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px 15px;
}
ul.sub-menu li .sub-menu {
position: relative !important;
grid-template-columns: repeat(1, 1fr) !important;
gap: 0 !important;
margin: 5px 0 10px;
}
.menu-item-has-children:hover .sub-menu.sub-menu {
opacity: 1 !important;
visibility: visible;
transform: translateY(0);
}
.menu-item-has-children.first-child-row:hover > .sub-menu {
opacity: 1 !important;
visibility: visible;
transform: translateY(0);
position: static;
box-shadow: none;
}
ul.sub-menu .submenu-toggle {
display: none;
}
.address-container {
display: none;
}
.nav-toggle {
display: none;
}
.menu-item-has-children > a {
position: relative;
padding-right: 20px;
}
.submenu-toggle {
right: -10px;
}
.mobile-nav .search {
order: 99;
border-right: none;
}
.mobile-nav .phone {
border-left: 1px solid;
}
.nav-container {
height: 110px;
}
.text-icon-block .block-grid {
grid-template-columns: repeat(3, 1fr);
}
.address-container br {
display: block;
}
.search-box {
padding: 60px 60px 30px;
}  
.masked-bg {
transform: translateX(0%);
width: 100%;
}    
.text-image-block-item {
display: inline-flex;
gap: 30px;
align-items: center;
}
.col-image, .col-text {
width: 50%;
}
.text-image-block-item.image-right {
flex-direction: row-reverse;
}
.blog-archive .entry-grid {
grid-template-columns: repeat(3, 1fr);
}
.main{
width: 70%;
}
.fancy-text {
background: #fff;
border-radius: 15px;
padding: 10px 15px;
width: fit-content;
display: inline-flex;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: none;
font-weight: 400;
}
.image-icon-block .image-icon-item:not(.is-icon-only) a:hover .fancy-text {
transform: translateY(-50%);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.text-block.bg .bg-block {
padding: 30px;
}
.text-block.bg {
margin: 0;
}
.search__box input {
width: 600px;
}
h2, h2 em, h3 {
font-size: 36px;
}
.image-link-grid.one {
grid-template-columns: repeat(1, 1fr);
}
.image-link-grid.two {
grid-template-columns: repeat(2, 1fr);
}
.image-link-grid.three {
grid-template-columns: repeat(3, 1fr);
}
.image-link-grid.three a {
font-size: 16px;
}
.image-link-grid.two a {
font-size: 18px;
}
.menu .menu-description {
display: none;
}
.custom-sub-menu .sub-menu {
grid-template-columns: repeat(1, 1fr);
}
.custom-sub-menu .sub-menu a{
padding-left: 0 !important;
}
.custom-sub-menu .sub-menu .sub-menu a {
font-size: 16px;
padding-left: 10px !important;
font-weight: 300;
}
#menu-nawigacja > .custom-sub-menu > .sub-menu {
position: absolute;
margin: 0 !important;
width: fit-content !important;
top: 110px;
right: unset !important;
left: unset !important;
margin-left: -20px !important;
gap: 0;
overflow-y: auto;
max-height: calc(100vh - 200px);
min-width: 280px;
}
.sidebar {
position: -webkit-sticky;
position: sticky;
top: 170px;
width: 30%;
} .sidebar::-webkit-scrollbar {
width: 4px;
}
.sidebar::-webkit-scrollbar-track {
background: #f1f1f1;
}
.sidebar::-webkit-scrollbar-thumb {
background: #888;
border-radius: 2px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
background: #555;
}
tbody p, tbody a, tbody td {
font-size: 16px;
}
}
@media (min-width: 1080px) {
.credits {
width: auto;
float: left;
display: inline-flex;
margin-left: 10px;
align-items: center;
gap: 5px;
}
.footer-copyright a {
float: left;
font-size: 14px;
}
footer p {
float: left;
font-size: 14px;
}
.footer-copyright ul {
display: inline-block;
}
.go-top {
display: inline-block;
width: auto;
margin: 0;
}
.copyright-text {
margin-right: 30px;
font-size: 14px;
}
#sep {
float: left;
}
.credits:before {
content: "|";
float: left;
}
.credits p {
margin-left: 10px;
font-size: 14px;
}
.footer-copyright-text {
display: inline-flex;
align-items: center;
height: 40px;
line-height: 40px;
justify-content: space-between;
width: 100%;
}
.mobile-nav .phone {
border-left: none;
}
.nav-container {
padding: 0 45px;
}
.nav-container.gray-line {
width: calc(100% - 90px);
left: 0;
}
}
@media (min-width: 1280px) {
.menu li a {
font-size: 20px;
}
}
@media (min-width: 1480px) {
.mobile-nav .address span, .mobile-nav .phone span {
display: inline-flex;
margin-left: 10px;
color: var(--dark-navy);
}
.mobile-nav .address i {
font-size: 24px;
}
.nav-logo .desktop{
display: block;
}
.nav-logo .mobile{
display: none;
}
}
@media (min-width: 1640px) {
.mobile-nav .address {
font-size: 15px;
display: inline-flex;
align-items: center;
border-left: 1px solid;
}
}
@media (min-width: 1920px) {
.menu {
gap: 50px;
}
}
@media (max-width: 360px) {
.image-icon-block .image-icon-item a {
gap: 10px;
}
.menu li a {
padding-left: 0;
}
.sub-menu a {
padding-left: 20px !important;
}
.menu .sub-menu .sub-menu a {
padding-left: 40px !important;
}
.search-box__header h3 {
font-size: 24px;
}
}
@media (min-width: 360px) {
.footer-partners {
gap: 30px;
}
}