.main-navigation {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
text-align: center;
min-height: 60px;
}
.main-navigation ul.menu {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0;
list-style: none;
}
.main-navigation ul.menu > li {
margin: 0 20px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.main-navigation {
justify-content: flex-start;
text-align: left;
padding: 0 10px;
}
.main-navigation ul.menu {
justify-content: flex-start;
}
.main-navigation ul.menu > li {
margin: 0 10px;
}
} .site-title {
font-family: 'Raleway', sans-serif;
font-size: 16px !important;
line-height: 1.2em;
text-align: center;
margin: 0 auto;
max-width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 1.5em;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
@media screen and (max-width: 768px) {
.site-title {
font-size: 14px !important;
padding: 0 10px;
}
} .site-info {
display: none;
} .cta-button-wrapper {
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
min-height: 80px;
margin: 0 auto;
}
.slider-wrapper + .cta-button-wrapper {
margin-top: -200px;
}
@media screen and (max-width: 768px) {
.cta-button-wrapper {
padding-top: 5px;
min-height: 70px;
}
.slider-wrapper + .cta-button-wrapper {
margin-top: -8px;
}
}
.cta-button {
display: inline-block;
background-color: rgba(0, 0, 0, 0.4);
color: white;
padding: 12px 24px;
border-radius: 20px;
text-decoration: none;
font-size: 15px;
font-weight: 500;
font-family: 'Raleway', sans-serif;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
text-align: center;
transition: background-color 0.3s ease, transform 0.2s ease;
min-height: 45px;
}
.cta-button:hover {
background-color: rgba(0, 0, 0, 0.6);
transform: translateY(-2px);
} .project-divider {
border: none;
margin: 20px 0;
} .single .post-thumbnail,
.single .entry-thumbnail,
.single .featured-image,
.single .wp-post-image,
.single .siteorigin-featured-image {
display: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .single-post .entry-footer,
.single-post .post-tags,
.single-post .tags-links {
margin-top: 60px;
display: block;
} .main-navigation ul ul.sub-menu {
position: absolute;
z-index: 9999;
background-color: white;
margin-top: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} .site-header,
.main-navigation {
position: relative;
z-index: 10000;
}
.top-bar.sticky-bar {
height: 60px;
min-height: 60px;
}
.site-footer {
min-height: 200px;
} img,
iframe,
embed {
width: 100%;
height: auto;
} .slider-wrapper {
position: relative;
width: 100%;
overflow: hidden;
aspect-ratio: 3 / 2;
min-height: 500px;
max-height: 800px;
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.slider-wrapper {
aspect-ratio: 4 / 3;
min-height: 400px;
}
}
@media screen and (max-width: 600px) {
.slider-wrapper {
aspect-ratio: 1 / 1;
min-height: 300px;
}
}
.slider-wrapper > .n2-ss-slider {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} .n2-ss-slider img[alt*="arrow"],
.n2-ss-slider img[src*="arrow"] {
width: 32px !important;
height: 32px !important;
} .n2-ss-slide-background img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
} .container {
position: relative;
min-height: 25px;
max-width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.container {
min-height: 20px;
}
} #main.site-main,
article.page,
article.post {
max-width: 960px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
} @media screen and (max-width: 768px) {
#page,
.site-content,
.container,
#main.site-main,
article.page,
article.post,
.slider-wrapper,
.n2-ss-slider,
.n2-ss-slide,
.n2-ss-slide-background,
.n2-ss-slide-background img {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
.main-navigation,
.site-branding,
.site-title,
article.page .entry-content,
article.post .entry-content {
padding-left: 10px;
padding-right: 10px;
}
} @media screen and (min-width: 769px) {
.site-branding {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
text-align: center;
}
.site-title {
margin: 0 auto;
text-align: center;
display: inline-block;
}
.site-title a {
display: inline-block;
text-align: center;
}
} #primary-menu > li.lang-item { display:inline-flex; align-items:center; width:auto; }
#primary-menu > li.lang-item-fi { order:1; margin-right:0; }
#primary-menu > li.lang-item-en { order:2; margin-left:0; }
#primary-menu > li.lang-item-en::before { content:"/"; padding:0 10px; color:#777; font-weight:400; }
#primary-menu > li.lang-item > a, #primary-menu > li.lang-item .pll-switcher-label { font-weight:400; }
#primary-menu > li.lang-item.current-lang > a, #primary-menu > li.lang-item.current-lang .pll-switcher-label { font-weight:700 !important; }
#primary-menu > li.lang-item > a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
#mobile-navigation #primary-menu { display:flex; flex-wrap:wrap; }
#mobile-navigation #primary-menu > li:not(.lang-item) { flex:0 0 100%; }
#mobile-navigation #primary-menu > li.lang-item { flex:0 0 auto; border:0; margin:0; }
#mobile-navigation #primary-menu > li.lang-item-fi { margin-left:10px; }
#mobile-navigation #primary-menu > li.lang-item > a { width:auto; padding:12px 10px; }
#mobile-navigation #primary-menu > li.lang-item-en::before { padding:0 2px; }