/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 6
*/

@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,600,700');

@font-face {
	font-family: "Gilroy-Light";
	src: url("fonts/Gilroy-Light.otf") format("opentype");
}
@font-face {
	font-family: "Gilroy-ExtraBold";
	src: url("fonts/Gilroy-ExtraBold.otf") format("opentype");
}

@font-face {
	font-family: "ElegantIcons";
	src: url("fonts/ElegantIcons.eot");
	src: url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
         url('fonts/ElegantIcons.woff') format('woff'),
         url('fonts/ElegantIcons.ttf') format('truetype'),
         url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
}

html { height:100%; }

body { font-family: 'Gilroy-Light', serif; color:#000; font-size:18px; height:100%; }

#page { min-height:100%; position:relative; margin-bottom:-1px; }

/* Header */
.site-header { background:#51A6AF; height:100px; }
.site-branding { margin-bottom:0; padding-top:13px; padding-bottom:6px; }
.site-branding .wrap { padding:0 15px; }
.custom-header { display:none; /*margin-bottom:0 !important; display:inline-block; z-index:10;*/ }
#masterhead .wrap { width:100%; max-width:100%; }

.navigation-top { background:#51A6AF; top:0; right:0; border:none; height:100px; }
.navigation-top .wrap { width:100%; max-width:100%; }
.navigation-top nav { margin-top:18px; }
#top-menu { text-align:right; }
.navigation-top a { color:#fff; font-size:18px; font-weight:400; padding:10px 15px; }
.navigation-top a:hover { color:#fff; text-decoration:underline; }
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color:#fff; text-decoration:underline; }
.navigation-top a.logo-link { display:block; position:absolute; top:3px; left:0px; }

/* Content */
#content { padding-top:60px; padding-bottom:60px !important; }
#content header { display:none; }
.post-date { font-style: italic; margin-bottom: 15px;}
.wrap { padding:0 15px; max-width:1150px; }
#primary { max-width:none !important; }
h1 { font-size:36px; font-weight:400; margin-bottom:15px; line-height:1; font-family: 'Gilroy-ExtraBold', sans-serif; }
h2 { font-size:28px; font-weight:400; padding:0; color:#000; font-family: 'Gilroy-ExtraBold', sans-serif; }
p { line-height: 27px; }
.widget { padding-bottom:0; }
#primary .widget ul { list-style:disc; list-style-position:outside; margin-bottom:30px; }
#primary .widget ul li { border:none; padding:4px 0; }

/* Home */
body.home { 
	background-repeat: no-repeat;
	background-position: top center; 
	background-size: cover; 
}
.home .site-header,
.home .navigation-top { background: none; }
.home .navigation-top a,
.home .main-navigation a:hover { color:#000; }
.home .logo-link img { margin-left:15px; margin-top: 15px; }
.home .entry-content .tp-caption { font-family: 'Gilroy-ExtraBold', sans-serif !important; }
.home .site-content-contain { background:none; }
.home .entry-content { padding-top: 37%; }
.home h1 { color:#fff; text-align: center; font-size: 48px; }
.home h2 { color:#fff; text-align: center; font-size: 32px; }
.home .site-content .wrap { max-width: 1000px !important; }

/* Footer */
.site-footer { position:absolute; bottom:0px; width:100%; background:rgba(0,0,0,0.85); color:#bbbcb3; margin:0; padding:7px 0; border:none; }
.site-footer .wrap { padding:0; }
footer .site-info { width:100%; float:none; text-align:center; margin:0 !important; padding:5px; font-size:16px; }
footer .site-info a { color:#bbbcb3; box-shadow:none; transition:none; }
footer .site-info a:hover { color:#bbbcb3; box-shadow:none; transition:none; opacity:0.9; }

/*Newsletter*/
.newsletter-bar { position:absolute; top:-70px; left:0px; width:100%; height:70px; background:rgba(0, 0, 0, 0.3); color:#fff; font-size:21px; font-weight:400; letter-spacing:1px; line-height:70px; text-align:center; overflow:hidden; }
.newsletter-text { display:inline-block; }
#mc_embed_signup { display:inline-block; }
.newsletter-bar input { display:inline-block; width:180px; border-radius:0; font-size:18px; font-family:'Gilroy-Light', serif; padding:2px 15px; height:30px; margin-left:15px; border:none; background:rgba(255,255,255,0.6); }
.newsletter-bar input[type="submit"] { background:none; border:1px solid #fff; padding:3px 50px; font-size:21px; font-weight:400; width:auto; } 
.newsletter-bar input::-webkit-input-placeholder { font-family:'Gilroy-Light', serif; color:rgba(0,0,0,0.6); font-weight:600; }
.newsletter-bar input:-ms-input-placeholder { font-family:'Gilroy-Light', serif; color:rgba(0,0,0,0.6); font-weight:600; }
.newsletter-bar input:-moz-placeholder { font-family:'Gilroy-Light', serif; color:rgba(0,0,0,0.6); font-weight:600; }
.newsletter-bar input::-moz-placeholder { font-family:'Gilroy-Light', serif; color:rgba(0,0,0,0.6); font-weight:600; }

/*Announcement*/
.announcement-bar { position:absolute; top:-296px; left:0px; width:100%; height:235px; background:rgba(0, 0, 0, 0); color:#fff; font-size:28px; font-weight:400; letter-spacing:1px; line-height:70px; text-align:center; overflow:hidden; }

.announcement-content-bar { position:relative; top:-210px; left:0px; width:100%; height:70px; background:rgba(0, 0, 0, 0.3); color:#fff; font-size:28px; font-weight:400; letter-spacing:1px; line-height:70px; text-align:center; overflow:hidden; }
.announcement-title { display:inline-block; font-family: 'Gilroy-ExtraBold', sans-serif; text-align: center; font-size: 32px; color: #a1e9ff; }
.announcement-text { font-family:'Gilroy-Light', serif; color:#fff; }
.announcement-content-bar { top:86px; height:112px; line-height:1.4; font-size:28px; z-index:-1; }
.announcement-content { top:86px; height:112px; line-height:1.2; padding-top:0px; font-size:28px; display: inline-block;}
.announcement-text-area { display: inline-block; }
.announcement-image { display:inline-block; height: 235px; width: 227px; margin-top: -120px; }




/*Some-menu*/
nav.social-navigation { position:relative; float:right; width:auto; margin:0; }
.social-navigation a { border-radius:unset; height:35px; margin:0; background:none; width:29px; }
.social-navigation a:hover { color:#ccc; background:none; }
.social-navigation a:focus { color:#fff; background:none; }
.social-navigation .icon { height:20px; width:20px; top:8px; }

.entry-content a:hover { box-shadow:inset 0 -1px 0 rgba(15, 15, 15, 1); }

/*Blogi*/
h2.widget-title, h3.widget-title { font-size:24px; color:#000; text-transform:none; letter-spacing:normal; font-weight:400; margin-bottom:22px; font-family:'Gilroy-ExtraBold', sans-serif; }
.has-sidebar:not(.error404) #primary { width:72%; padding-right:20px; }
.has-sidebar #secondary { width:26%; }
.rpwe-block h3 a { border:none; padding:0; font-size:18px; box-shadow:none; margin-bottom:15px; }
#secondary .widget ul li a:hover { box-shadow:none; text-decoration:underline; }
/*#secondary .widget ul li a:before { display:inline-block; content:">"; padding-right:5px; }*/
.latest-post-selection article { border:none !important; }
.latest-post-selection article h1, h1.blog-title { font-size:36px; font-weight:400; margin-bottom:15px; line-height:1; }
.latest-post-selection article img { float:none !important; }
.rpwe-block li { border:none !important; }
body.post-template-default #content footer { display:none; }
.rpwe_widget { padding-top:60px; }
.post-navigation { display:none; }

/*Sharing buttons*/
.nc_socialPanel { margin-left:10px; }
body.single-post .nc_socialPanel { margin-left:0px; margin-top:60px !important; }
.nc_socialPanel:before { display:block; position:absolute; margin-top:-30px; } 
.nc_socialPanel:lang(fi):before { content:"Jaa kirjoitus:"; }
.nc_socialPanel:lang(en):before { content:"Share:"; }
.nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide) { width:35% !important; }
a.nc_tweet, a.nc_tweet:hover { box-shadow:none; text-decoration:none; }
.nc_tweetContainer { filter:grayscale(30%); }

/*Etusivu*/
body.page-id-4 #content { padding:0; }
body.page-id-4 #content .wrap { padding:0; }

/*Kapeammat sivut: ExplorerInMe, Kiitos*/
body.page-id-22 .site-content .wrap, body.page-id-279 .site-content .wrap { max-width:900px; }

/* Woocommerce */
.woocommerce-cart-form .actions .input-text {
	width:140px !important;
}
.woocommerce-info a,
.woocommerce-info a:hover {
	color:#000 !important;
	box-shadow: none !important;
	text-decoration: underline;
}

/* Responsive break points */
@media (max-width: 1750px) { .home .entry-content { padding-top: 33%; } }
@media (max-width: 1600px) { .home .entry-content { padding-top: 29%; } }
@media (max-width: 1450px) { .home .entry-content { padding-top: 25%; } }

@media (max-width: 1020px) {
	.wrap { width:100%; }
}
@media (max-width: 930px) {
	.navigation-top .wrap { padding-right: 0; }
	#pg-22-1> .panel-row-style { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (max-width: 767px) {
	.site-header { height:auto; }
	.navigation-top { height:auto; min-height:100px; }
	.navigation-top nav { margin:0; text-align:right; }
	.navigation-top nav button { display:inline-block !important; color:#fff; font-weight:600; font-size: 1.3rem; }
	.home .navigation-top nav button { color:#24687F; }
	.home .navigation-top a, 
	.home .main-navigation a:hover { color:#fff; }
	#top-menu { background:#51A6AF; }
	#masthead .wrap { padding-top:10px; }
	.menu-main-menu-container {
		position: absolute;
		width:calc(100% + 12px);
		z-index:100;
		opacity:1.0;
	}
	
	body.page-id-22 .site-content .wrap { width:100%; }
	h1 { font-size:32px; line-height:1.1; }
	h2 { font-size:24px; line-height:1.1; }
	.menu-toggle:focus { outline:none; }
	.latest-post-selection article h1, h1.blog-title { font-size:32px !important; }
	#primary { width:100% !important; }
	#secondary { width:100% !important; }

	.home h1 { font-size: 32px; padding:0 15px; }	
	.home h2 { font-size: 24px; }
	.home .entry-content { padding-top: 15vh; }
	
	nav.social-navigation { right:3px; }
	.nc_socialPanel { margin-left:0; margin-top:60px !important; }
	.nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide) { width:100% !important; }
	.rpwe_widget { padding-top:0px; padding-bottom:40px; }
	.rpwe_widget li { padding:3px 0; }
	
	.newsletter-bar { top:-90px; height:90px; line-height:1.4; padding-top:10px; font-size:24px; }
	.newsletter-bar input { width:30%; margin:0; text-align:center; padding:2px; font-size: 11px; }
	.newsletter-bar input[type="submit"] { width:30%; padding:2px 0 4px; }
	
	.announcement-bar {
		top:auto;
		height:auto;
		transform:translateY(-110%);
		overflow: visible;
	}
	.announcement-content-bar {
		top:auto;
		height:auto;
	}
	.announcement-content {
		top:auto;
		height:auto;
		background:rgba(0, 0, 0, 0.3);
		padding:15px;
	}
	.announcement-title { font-size:26px; }
	.announcement-text { font-size:24px; }
	.announcement-text br { display: none; }	
	.announcement-image { 
		position: absolute;
		width:auto;
		height:auto;
		z-index:-1;
		margin-top: -86px;
	 }
	 .announcement-image img {
		 width:30px;
	 }
	
}

@media (max-height: 800px) {
	.home .entry-content {
    	padding-top: 10vh;
	}
}