/**
Theme Name: SNP Files
Author: Else
Author URI: https://else.fo/
Description: SNP Files
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: snp-files
Template: astra
*/

* {
	transition: all ease-in-out 300ms;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Podkova", Sans-serif !important;
}

h1 {
	text-transform: uppercase;
}


#snp-content > .e-con-inner {
	margin: 50px 0;
}

#snp-grid-links {
	margin-top: 30px;
}

#snp-grid-links a {
	display: block;
	width: 100%;
	padding: 50px 0 50px 0;
	background-color: #fff;
	font-size: 34px;
	transition: all ease-in-out 300ms;
}

#snp-grid-links a:hover {
	color: #000;
	padding: 45px 0 55px 0;
}

.ast-separate-container .ast-article-inner {
	background-color: #fff;
}

.ast-related-post-content .related-entry-header {
	margin: 0;
	padding: 12px;
	background-color: #fff;
}

.ast-related-post-content .related-entry-header h3 {
	margin: 0;
}

/* member */
.um-profile-nav {
	background-color: rgb(166, 166, 166) !important;
}

.um .um-profile-nav-item.active a,
.um input[type=submit].um-button {
	background: var(--e-global-color-accent) !important;
}

.um-ajax-items {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
}

@media screen and (min-width: 600px) {
	.um-ajax-items {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 900px) {
	.um-ajax-items {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (min-width: 1200px) {
	.um-ajax-items {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

#snp-content .um-login.um-logout {
	max-width: 100% !important;
}

/* comments */
.ast-separate-container .comments-area {
  background: transparent !important;
}
.ast-separate-container .comment-respond {
  padding-left: 0;
  padding-right: 0;
}

/* footer */
footer li.menu-item {
	line-height: 30px;
}

footer h2 {
	font-size: 28px;
	font-weight: 600;
}

footer a {
	color: #000 !important;
	font-weight: 600;
}

footer a:hover {
	color: #2a2a2a !important;
	text-decoration: underline;
}