/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

:root {
	--social-icon-size-xl: 45px;
}

@media only screen and (min-width: 989px) {
	#top .social_bookmarks {
		height: var(--social-icon-size-xl);
	}

	#top nav .social_bookmarks {
		margin-top: unset;
		transform: translateY(-50%);
	}

	#top .social_bookmarks li {
		width: var(--social-icon-size-xl);
	}

	#top .social_bookmarks li a {
		width: var(--social-icon-size-xl);
		line-height: var(--social-icon-size-xl);
		min-height: var(--social-icon-size-xl);
		font-size: calc(var(--social-icon-size-xl) / 2);
	}
}

.background-cover {
	background-size: cover !important;
}

/* custom social media icons */
#top #wrap_all .av-social-link-discord a:focus, #top #wrap_all .av-social-link-discord:hover a {
    color:#fff; 
    background-color:#5865F2; 
}

#top #wrap_all .av-social-link-twitch a:focus, #top #wrap_all .av-social-link-twitch:hover a {
    color:#fff; 
    background-color: #9146ff; 
}