/*
 * Theme Name: Fokukseen Theme 2
 * Theme URI: www.fokukseen.fi
 * Author: Tavastia Software Oy/Ltd
 * Author URI: www.tavastiasoft.fi
 * Description: Hankkeen teema
 * Text Domain: FT
 * Version: 1.0.0
 * License: All rights reserved
 * */

body {
	margin:0;
	overflow-x: hidden;
}

nav.navbar ul li {
	font-size: 1.0em;
	padding: 0 0.5em;
}

nav.navbar {
	border-top: 5px solid rgba(0,0,0,0.05);
}

.hvr-underline-from-center::before {
	background: rgba(0,0,0,0.4)!important;
}

div.caption-wrap, div.caption {
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background: transparent!important;
	opacity:1!important;
}

.caption-wrap .caption h1 {
	/*text-shadow: 2px 2px 4px rgba(0,0,0,0.3);*/
}

main p:first-of-type {
	padding: 3em 0 0;
}

@media (min-width: 600px) {
	main p:first-of-type {
	padding: 3em 0 0 1em;
}
}

#ctf {
	margin: 0 auto;
}

.navbar-light .navbar-nav .active > .nav-link {
	color: #0505AA!important;
}

nav.navbar {
	white-space:nowrap;
}

.uagb-post-grid .uagb-post__image img {
	height:auto;
}

.wp-post-image {
	width:100%;
	object-fit:cover;
	margin: 10px auto;
	display:block;
	max-height: 50vh;
}

a.fokus-draft-logo {
	display:inline-block;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	border-radius:50%;
	font-weight:800;
	letter-spacing:2px;
}

.metacover {
	max-height: 50vh;
	overflow:hidden;
}

.metacover .caption {
	/*transform:rotate(5deg);*/
	opacity:0.9!important;
	transition: transform 0.3s;
}

/*.metacover .caption:hover {
	transform:scale(1.2);
}*/

.metacover img {
	width:100%;
	height:auto;
	max-height:50vh!important;
	object-fit:cover;
}

.metacover div {
	max-height:50vh!important;
}

main > div {
	padding-top: 2em;
}

#cover {
	padding:0;
	max-height:50vh;
}

#cover > img {
	margin:0;
	object-fit:cover;
}

.hvr-sweep-to-top:hover {
	color: #fbfbfb!important;
}

.hvr-sweep-to-top::before {
	padding:0.5em;
}

nav a {
	font-family: Raleway;
	font-weight:500;
	font-size: 1.1em;
}

/*#logos a {
	transition:transform 0.4s;
}

#logos a:hover {
	transform: scale(1.1);
}

#logos img {
	transition:transform 0.4s;
}

#logos img:hover {
	transform: scale(1.1);
}*/

main p {
	font-family: Open Sans;
}

.display-4, .display-3, .display-2, .display-1 {
	margin: 0.5em 0 0;
	font-family: Quicksand;
}

@media (max-width: 800px) {
	figure.mob-no-margin {
		margin:0!important;
	}
	.wp-block-column {
		flex-basis:100%!important;
	}
}

@media (max-width: 575.98px) {
	.display-4 {
		font-size: 1.6em!important;
	}
	
	main p {
		margin:1em 1.3em;
	}
	

}
@media (max-width: 767.98px) { 
	main.px-5 {
		padding:0em!important;
	}
}

@media (min-width: 576px) { 
	.logodisplay img {
		display:inline-block;
		margin-left: 15px;
	}
	
	.logodisplay a {
		display:inline-block;
	}
}

.bg-gradient-radial-navy {
	background: radial-gradient(ellipse at center, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
}