/*
 *  This file is part of the knome.fi customizations for Paperspace.
 *
 */

/*
 *  Multisite landing page
 *  http://knome.fi/
 *
 */

.host-knome-fi a,
.host-knome-fi #title a:hover h1,
.host-knome-fi #title a:active h1,
.host-knome-fi #title a:focus h1 {
	color: #212149;
}

.host-knome-fi a:hover,
.host-knome-fi a:active,
.host-knome-fi a:focus {
	color: #1d1d75;
}

.host-knome-fi header {
	background: linear-gradient(to right bottom, #2f2f3b, #474753);
}

@media screen and (min-width: 800px) {
	.host-knome-fi header {
		min-height: 250px;
		background: url(images/knomefi.png) 50% 50% / auto 50% no-repeat, linear-gradient(to right bottom, #2f2f3b, #474753);
	}
}

.is-multisite-front #content {
	display: block;
	background-color: transparent;
	box-shadow: none;
}
.is-multisite-front main {
	max-width: 100%;
	margin: 0;
}

#multiwidgets .promote-blog {
	margin-bottom: 1.5em;
	background-color: #fff;
	box-shadow: 0.2em 0.2em 0.75em 0 rgba( 0, 0, 0, 0.05 );
	height: 100%;
}
	#multiwidgets .promote-blog a {
		display: block;
		height: 100%;
		padding: 2em;
		border: none;
	}


@media screen and (min-width: 1200px) {
	#multiwidgets {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		grid-gap: 2em;
	}
		#multiwidgets .promote-blog {
			margin-bottom: 0;
		}

		.promote-blog.host-blog-knome-fi a,
		.promote-blog.host-open-knome-fi a {
			margin-top: -180px;
			padding-top: 210px !important;
			padding-top: calc( 180px + 2em ) !important;
		}
		.promote-blog.host-blog-knome-fi::before {
			display: block;
			content: " ";
			height: 180px;
			background: url(images/blog.png) 54% 50% / auto 100% no-repeat, radial-gradient(circle at 85% 125%, rgba(90,66,189,0.7), transparent), linear-gradient(to right bottom, #0f71cd, #0b54a5);
		}
		.promote-blog.host-open-knome-fi::before {
			display: block;
			content: " ";
			height: 180px;
			background: url(images/open.png) 50% 0 / auto 100% no-repeat, url(images/open-lines.png) 50% 0 repeat, linear-gradient(to right bottom, #6aba36, #4d8727);
		}

}

.host-knome-fi div.promote-blog h1 {
	font-family: 'Ek Mukta', sans-serif;
}

.host-knome-fi div.promote-blog a p {
	color: #555;
}

	.host-knome-fi div.promote-blog .blog_description {
		font-weight: bold;
		margin-bottom: 0.3em;
	}

.is-multisite-front footer {
	display: none;
}


/*
 *  Pasi Lallinaho
 *  http://blog.knome.fi/
 *
 */

body.host-blog-knome-fi {
	background: #f1f1f1 linear-gradient(to bottom, rgba(66,95,189,0.15) 300px, transparent 600px);
}

.host-blog-knome-fi a,
.host-blog-knome-fi #title a:hover h1,
.host-blog-knome-fi #title a:active h1,
.host-blog-knome-fi #title a:focus h1,
.host-blog-knome-fi .post-title div,
.host-blog-knome-fi #sidebar a,
.host-blog-knome-fi #sidebar a:hover,
.host-blog-knome-fi #sidebar a:active,
.host-blog-knome-fi #sidebar a:focus {
	color: #0f71cd;
}

.host-blog-knome-fi a:hover,
.host-blog-knome-fi a:active,
.host-blog-knome-fi a:focus {
	color: #0b5295;
}

.host-blog-knome-fi code {
	border-left-color: #0f71cd;
}

.host-blog-knome-fi header {
	background: linear-gradient(to right bottom, #0f71cd, #0b54a5);
}

@media screen and (min-width: 800px) {
	.host-blog-knome-fi header {
		min-height: 250px;
		background: url(images/blog.png) 54% 50% / auto 100% no-repeat, radial-gradient(circle at 85% 125%, rgba(90,66,189,0.7), transparent), linear-gradient(to right bottom, #0f71cd, #0b54a5);
	}
}


/*
 *  It's free.
 *  http://open.knome.fi/
 *
 */

body.host-open-knome-fi {
	background: #f1f1f1 linear-gradient(to bottom, rgba(110,186,135,0.15) 300px, transparent 600px);
}

.host-open-knome-fi a,
.host-open-knome-fi #title a:hover h1,
.host-open-knome-fi #title a:active h1,
.host-open-knome-fi #title a:focus h1,
.host-open-knome-fi .post-title div,
.host-open-knome-fi #sidebar a,
.host-open-knome-fi #sidebar a:hover,
.host-open-knome-fi #sidebar a:active,
.host-open-knome-fi #sidebar a:focus {
	color: #6aba36;
}

.host-open-knome-fi a:hover,
.host-open-knome-fi a:active,
.host-open-knome-fi a:focus {
	color: #4d9222;
}

.host-open-knome-fi code {
	border-left-color: #6aba36;
}

.host-open-knome-fi header {
	background: linear-gradient(to right bottom, #6aba36, #4d8727);
}

@media screen and (min-width: 800px) {
	.host-open-knome-fi header {
		min-height: 250px;
		background: url(images/open.png) 50% 0 / auto 100% no-repeat, url(images/open-lines.png) 50% 0 repeat, linear-gradient(to right bottom, #6aba36, #4d8727);
	}
}