/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/* 
for hiding title of newsletters; put the postid of the newsletter thing  

todo: make it such that it hides the stuff whenever there is a cover object
*/
html {
    font-family: 'cabin';
}
.entry-title {
    font-family: 'lora';
}
.wp-block-paragraph {
	font-family: 'cabin';
}
.site-title {
	font-family: 'lora';
}
.wp-block-heading {
	font-family: 'lora';
}
.category-has-cover-title.entry h1.entry-title,
.category-has-cover-title.entry .post-thumbnail {
	display: none;
}

a > img {
	filter: brightness(0.95) blur(0.5px) grayscale(60%);
	transition: filter .2s;
}

a > img:hover, a > img:focus {
	filter: brightness(1) blur(0) grayscale(30%);
}

.has-background:not(.has-background-background-color) a:hover, .has-background:not(.has-background-background-color) a:focus {
	color: black;
	text-decoration: underline;
}

.menu-item {
	margin-left: 20px;
}

.menu-item-object-custom {
	margin-left: 0;
}

.menu-item-has-children > .sub-menu {
	visibility: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.4s, opacity .3s;
}

.menu-item-has-children:hover >  .sub-menu, .menu-item-has-children:focus >  .sub-menu {
	visibility: visible;
	max-height: 100vh;
	opacity: 1;
}

.main-navigation .sub-menu .menu-item a:before {
	content: none;
}

@media only screen and (min-width: 600px) {
	.sub-menu>li>a {
		background-color: #222b !important;
		color: white;
		font-weight: 200;
	}
	
	.sub-menu>li>a:hover, .sub-menu>li>a:focus {
		background-color: #111b !important;
	}
}

.site-header .main-navigation>div>ul>li:hover>a, .site-header .main-navigation>div>ul>li:focus>a, .site-header .main-navigation>div>ul>li.current-menu-item>a {
	color: #303030;
}

.main-navigation>div>ul>li>.sub-menu {
	background-color: #ffffff88;
}

.wp-block-button .wp-block-button__link {
	transition: background-color 0.5s, color .5s;
}

.wp-block-button.is-style-outline:hover .wp-block-button__link:hover {
	border-color: transparent;
	background-color: #fff;
	color: #303030 !important;
}

.wp-block-button.is-style-fill:hover .wp-block-button__link:hover {
	color: grey !important;
}

.tag-cloud-link {
	color: black;
}