/*
Theme Name: Stichting Porgy en Pit
Author: 0117 Web Wizards
Author URI: https://www.0117.nl
Template:   make-some-waves-master
*/

/* Bold x strong fix */
strong{
	font-weight: 900;
}

/* Navigation */
:root :where(.wp-block-navigation .current-menu-item a:where(:not(.wp-element-button))){
    text-decoration-color: var(--wp--preset--color--primary-100);
    text-decoration-thickness: 2px;
}

@media (hover: hover){
    :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){
	    text-decoration-color: var(--wp--preset--color--primary-300);
        text-decoration-thickness: 2px;
        transition: text-decoration .1s;
    }
}

.menu-mobile{
	display: none!important;
}

/* Submenu */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: 0px solid #00000026;
	z-index: 3;
}

/* Header */
.header-txt{
	z-index: 2;
	& p, & .wp-block-buttons{
		display: inline-block;
		width: 300%;
	}
	& h1{
		display: inline-block;
		width: 500%;
		background: none!important;
	}
}

/* Floating logo */
.position-relative{
	position: relative;
}

.logo-absolute{
	z-index: 2;
	position: absolute;
	top: 50px;
	right: -50px;
	& img {
		width: 150px;
	}
}


/* FA Animatie OFF */
.wp-block-button a 
span.wp-font-awesome-icon svg{
    opacity: .3;
    margin-left: 0px;
    margin-right: 0px;
}

.wp-block-button a:hover 
span.wp-font-awesome-icon svg{
    opacity: 1;
    transform: translateX(0px);
    transition: all .2s ease;
}


/* Blockquote */
blockquote{
	margin: 0px 20px 0px 0px;
	border-left: 3px solid var(--wp--preset--color--primary-100);
	& p{
		padding-left:10px;}
}


/* Footer */
footer{
	margin: 0px;
}

/* Small Screen Sizes */
@media (max-width: 1300px) {	
	.logo-absolute{
		top: 50px;
		right: -20px;
		& img{
			width: 120px;
		}
	}
}

@media (max-width: 899px) {
	
	.menu-mobile{
		display: block!important;
	}
	
	.menu-desktop{
		display: none!important;
	} 
	
	.reverse-on-mobile {
		flex-direction: column-reverse!important;
	}

	.white-space-fix-10 {
		margin-top: -10px!important;
	}

	.white-space-fix-20 {
		margin-top: -20px!important;
	}

	.white-space-fix-30 {
		margin-top: -30px!important;
	}
	
	.white-space-fix-40 {
		margin-top: -40px!important;
	}
	
	.white-space-fix-50 {
		margin-top: -50px!important;
	}
	
	.white-space-fix-60 {
		margin-top: -60px!important;
	}
	
	
	.header-txt{
		p, h1, .wp-block-buttons{
			width: 100%;
			}
		}
		blockquote{
			display: none;
		}
	
	.logo-absolute{
		top: 45px;
		right: 20px;
		& img{
			width: 90px;
		}
	}
}