/*
Theme Name: (Event|Sound)biro
Theme URI: http://www.elegantthemes.com/
Description: Default customized theme for (event|sound)biro.com. Minimalistic, yet powerful.
Author: Tadej Žlak
Author URI: https://www.sola-prihodnosti.si
Template: Divi
Version: 1.0
*/

@import url(https://fonts.bunny.net/css?family=hanken-grotesk:100,200,300,400,500,600,700,800,900);

#hero h1 {
	font-family: 'Hanken Grotesk', sans-serif;
	font-weight: 300;
	font-size: 10vh;
	text-align: center;
}
#hero h1 span {
	font-weight: 800;
}

.animate-gradient {
    background-size: 300% 300%;
    animation: gradient 90s ease infinite;
}
 
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.switcher h4 {
	font-size: 1.1rem;
	font-family: 'Hanken Grotesk', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0.25rem;
	padding-bottom: 0;
}
.switcher h4 span {
	font-weight: 100;
}
.switcher p {
	font-size: 1rem;
	font-family: 'Hanken Grotesk', sans-serif;
	font-weight: 300;
	line-height: 1.1rem;
	text-align: center;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.switcher p {
		display: none;
	}
	#hero h1 {
		font-size: 7vh;
	}
	.grecaptcha-badge { 
		visibility: hidden !important;
	}
}

h2, h3, h4 {
	font-family: 'Darker Grotesque', sans-serif;
	font-weight: 300;
}
/*
.sbi-theme:not(.sbi-default_theme)#sb_instagram #sbi_images {
	padding: 0 0 1rem !important;
}*/

#cff.cff-masonry.masonry-4-desktop .cff-album-item {
    width: 25%;
    margin: 0 0;
}
@media (max-width: 800px) {
	#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-album-item {
		width: 33.3333%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
.cff-lightbox-dataContainer {
	display: none !important;
}

.grecaptcha-badge {
	opacity: 10%;
}
.grecaptcha-badge:hover {
	opacity: 100%;
	transition: .5s all;
}
#cff.cff-masonry .cff-load-more {
	float: none !important;
	clear: none !important;
	width: inherit !important;
	max-width: 7rem;
	margin: 1rem auto;
	background: #075291 !important;
	color: #fff;
	text-decoration: none;
	border-radius: 0;
}
#cff.cff-masonry .cff-load-more:hover {
	transition: all 0.5s;
	background: #003566 !important
}
#cff.cff-masonry .cff-load-more svg circle {
	fill: #fff;
}