html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
}
body{ font-family: Montserrat, sans-serif; font-size: 16px; color: #0d0d0d; font-weight: 400; }
@-moz-document url-prefix() {
body {
font-weight: lighter !important;
}
}
h1, h2, h3, h4, h5, h6 { font-family: Montserrat; margin-bottom: 3.5rem; }
body.home h1 { font-family: Montserrat; margin-bottom: 2.2rem; }
h1{ font-weight: 700; font-size: 2.5rem; }
h2{ font-weight: 500; font-size: 1.5rem; margin-bottom: 0.8rem; margin-top: 1.6rem }
h2:first-child{ margin-top:0px; }
a, a:visited, a:active, a:hover { color: #084385; }
/*-------------------------
Content
-----------------------*/
#main{ margin-top:110px; margin-bottom:90px;}
#post-content{ padding:0px 15% 0px 15%; } /* #post-content is main content area */
body.is-org-frontpage #post-content{ padding:0px 10% 0px 10%; } /* #post-content is main content area */
body.home #post-content{ padding:0px; }
#post-thumb{ margin-bottom: 50px; }
#post-thumb-caption{ margin-bottom: 50px; margin-top: -40px; }
.wp-block-image figcaption, #post-thumb-caption{ color:grey; font-size: 0.9rem; text-align:left;}
#post-content .wp-block-image{ margin-bottom:30px; margin-top:30px;}
.wp-block-image figure.alignright{ width:50%; }
.wp-block-image figure.aligleft{ width:50%; }
.wp-block-image figure.aligncenter{ width:100%; }
body.is-org-frontpage .left-column{ width: 73% !important; }
body.is-org-frontpage .right-column{ width: 27% !important; transform:translateX( 30px ); }
/*-------------------------
Header
-----------------------*/
#header-ident{ height: 330px; background-color: black; position: relative; background-image: url( ../img/header_bg.jpg ); background-position: center; background-size: cover; overflow: hidden;}
body.sel #header-ident{ background-image: url( ../img/header_bg_sel.jpg ); }
body.seol #header-ident{ background-image: url( ../img/header_bg_seol.jpg ); }
#header-logo{ position: absolute; z-index: 100; top: 50%; left: 50%; transform: translate( -50%,-50% ); max-width: 90%; }
/*-------------------------
Posters
-----------------------*/
#posters{ width: 2000px; position: absolute; z-index: 1; left: 50%; top: 20px; transform: translateX(-50%); }
.poster-item{ height: 290px; opacity:0.2; background-repeat: no-repeat; background-size: contain; background-position: center;}
/*-------------------------
NAV
-----------------------*/
.menu-paavalikko-container{ display:inline-block; position:unset;}
#menu-paavalikko{ position:unset; }
#nav-container{ background-color: #1c1c1c;}
nav{ display: inline-block; position: relative; }
nav ul{ list-style: none; margin:0px; padding:0px; }
nav ul.menu > li > a{ color:white; padding: 20px 30px 18px 30px;}
#navi-home-link{ position: absolute; z-index: 1; top: -5px; left: -80px; opacity: 0.5; }
nav ul.menu > li.current-menu-item:not(#navi-home-link),
nav ul.menu > li.current-menu-ancestor:not(#navi-home-link){ background-color: white; }
nav ul.menu > li.current-menu-item:not(#navi-home-link) a,
nav ul.menu > li.current-menu-ancestor:not(#navi-home-link) a{ color: #1c1c1c; font-weight: 500; }
/*-------------------------
Sub nav
-----------------------*/
nav ul > li > ul{ display:none; }
nav ul > li > ul > li > ul{ display:none; }
nav ul > li.current-menu-item > ul > li > ul{ display:none; }
nav ul > li.current-menu-item > ul,
nav ul > li.current-menu-ancestor > ul{ display:block; position: absolute; z-index: 1; top: 70px; left: 0px; width: 100%; }
nav ul > li.current-menu-item > ul > li,
nav ul > li.current-menu-ancestor > ul > li { display: inline-block; }
nav ul > li > ul > li.current-menu-item, nav ul > li > ul > li.current-menu-ancestor{ border-bottom: 1px solid rgba(0,0,0,0.5)}
#subnav-container{ text-align:right; padding-top:10px; font-size: 1.1rem;}
#hamburger{ display:none; }
#mobile-menu{ background-color: #1c1c1c; z-index: 8888; width:88%; padding:20px; }
#mobile-menu a{ color:white; }
#mobile-menu ul { list-style: none; padding:0px; width:100%; }
#mobile-menu > ul > li{ width:100%; margin-top:15px; }
#mobile-menu > ul > li > a { font-size: 1.1rem; }
#mobile-menu > ul > li > ul{ }
#mobile-menu > ul > li > ul > li{ }
#mobile-menu > ul > li > ul > li > ul{ display: none; }
#mobile-menu{color:white;}
/*-------------------------
NEWS
-----------------------*/
#news-list .news-list-item{ margin-bottom:20px; }
#news-list.archive-list .news-list-item{ margin-bottom:30px; font-size:1.3rem; }
body.is-org-frontpage .news-list-item a{ font-size:0.9rem; }
#news-list .news-list-item label{ font-size:0.8rem; font-weight:600; margin-bottom:5px; text-transform: uppercase; }
#news-list.archive-list .news-list-item label{ font-size:0.95rem; margin-bottom:6px; }
#news-list .news-list-item a, #news-list .news-list-item a:hover, #news-list .news-list-item a:active, #news-list .news-list-item a:visited{ color: #0d0d0d; }
a.icon-link i { opacity: 0.5; font-size: 35px; color: black; }
.news-label{ margin-bottom:20px; margin-top: 20px;}
label.news-label { font-weight:600; text-transform: uppercase; }
.news-label a, #news-label a:hover, .news-label a:active, .news-label a:visited{ color: #0d0d0d; }
.news-label a:hover{ text-decoration: underline; }
#news-list-container label{ margin-bottom: 2px; }
#news-list-container h5{ margin-bottom: 20px; }
.wp-pagenavi{ margin-top: 60px;}
.wp-pagenavi .pages{ display:none;}
.wp-pagenavi .page, .wp-pagenavi .current, .extend, .nextpostslink, .previouspostslink, .last, .first
{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(0,0,0,0.1); display: inline-block; position: relative; margin-right:8px !important;}
.wp-pagenavi .page > div,
.wp-pagenavi .nextpostslink > div,
.wp-pagenavi .previouspostslink > div,
.wp-pagenavi .current > div,
.wp-pagenavi .last > div,
.wp-pagenavi .first > div { position: absolute; z-index: 1; top: 50%; left:50%; transform: translate(-50%,-50%); color: #0d0d0d; font-weight: 400; }
.wp-pagenavi .extend, .wp-pagenavi .last, .wp-pagenavi .first { border:0px;}
.wp-pagenavi .last, .wp-pagenavi .first{ width:140px;}
.wp-pagenavi .nextpostslink > div, .wp-pagenavi .previouspostslink > div{ font-weight: 600; }
.extend{ display: none; }
.last{ text-align:right;}
/*-------------------------
Some icons
-----------------------*/
#some-icons-frontpage{ margin:60px 0px 60px 0px; }
#some-icons-navi{ transform:translateY( 6px ); display: inline-block; margin-left: 30px; }
.some_icon { display: inline-block; width: 40px; height: 40px; margin-right: 10px; background-position: center center; background-size: 100% 100%; }
#some-icons-navi .some_icon { display: inline-block; width: 27px; height: 27px; margin-right: 10px; background-position: center center; background-size: 100% 100%; }
.some_icon.twitter { background-image: url(../img/some_icon_twitter.png); }
.some_icon.facebook { background-image: url(../img/some_icon_facebook.png); }
.some_icon.youtube { background-image: url(../img/some_icon_youtube.png); }
#some-icons-navi .some_icon.twitter { background-image: url(../img/some_icon_twitter_white.png); }
#some-icons-navi .some_icon.facebook { background-image: url(../img/some_icon_facebook_white.png); }
#some-icons-navi .some_icon.youtube { background-image: url(../img/some_icon_youtube_white.png); }
/*-------------------------
Footer
-----------------------*/
footer{ margin-top: 50px; padding: 50px; background-color: rgba(0,0,0,0.1); }
footer h1, footer h2{ font-size:1rem; font-weight:500; text-align:center !important;}
footer p{ font-size:0.9rem; line-height:1.6; text-align:center !important;}
footer p:last-of-type{ margin-bottom:0px; }
/*-------------------------
Medium
-----------------------*/
@media screen and (max-width: 63.9375em) {
#post-content{ padding:0px 5% 0px 5% !important; }
body.is-org-frontpage .left-column{ width: 100% !important; }
body.is-org-frontpage .right-column{ width: 100% !important; transform:translateX( 0px ); margin-top:40px; }
#hamburger{ display: block; position: fixed; z-index: 9999; top: 7px; right: 7px; font-size: 26px; background-color: white; padding: 2px 5px 2px 5px; width: 40px; height: 40px; border-radius:2px; }
#hamburger svg{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
#nav-container{ display:none; }
#wpadminbar{ display:none; }
}
@media screen and (max-width: 40em) {
h1{ font-size: 1.9rem; }
body.home #post-content h1{ font-size: 2.6rem; margin-bottom:60px; margin-top:0px; }
#main{ margin-top:60px; margin-bottom:90px;}
#post-content, .post-content, { padding:0px 15px 0px 15px !important; }
.last, .first{ display:none; }
.wp-pagenavi .page, .wp-pagenavi .current{ display:none; }
}
/*-------------------------
General
-----------------------*/
.remove-left-margin{ padding-left:0px !important; margin-left: 0px !important; }
.remove-right-margin{ padding-left:0px !important; margin-right: 0px !important; }