/*
Theme Name: Pique Child Theme
Theme URI: https://wordpress.com/theme/pique
Description: Pique Child Theme
Author: Abel de Lange
Author URI: deschaftkeet.com
Template: pique
Version: 1.0.0
Text Domain: piquechild
*/ 

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/
@media (max-width: 767px){
	/* 	Change landing page */
	.wide-screen-landing{
		display: none !important;
	}
	.mobile-landing {
		display: block !important;
	}
	
	.home .second-blocks{
		padding-left: 0px !important;
		padding-left: 0px !important;
	}
	.landing-logo{
		margin-bottom: 0px;
	}
	
	/* 	Menu */
	.page #masthead, .post-template-default #masthead{
		min-height: 48px !important;
		background-color: transparent !important;
	}
	.sub-menu {
		background-color: rgba(243, 120, 120, 1) !important;
/* 		border: 1px solid black; */
	}
	.main-navigation{
		background-color: transparent !important;
	}
	.main-navigation ul ul {
		border-bottom: 1px solid black;
	}
	.home .menu-contact-home-container{
		position: fixed !important;
		right: 0px !important;
		top: 0px !important;
	}
	#primary-menu{
		position: fixed !important;
		top: 0px;
		right: 0px;
	}
	ul#primary-menu {
		width: 100% !important;
	}
	
	.sub-menu li a{
		color: black !important;
/* 		border: 0px !important; */
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
		display: flex;
		flex-grow: 1;
		flex-direction: row;
		justify-content: space-evenly;
	}
	
/* 	Page blob */
	.page-blob #blob1 {
		top: -1200px !important;
	}
	
/* 	Pagine atributen aanpassen */
/* 	.bijtje_schrijft figure,.volkskrant_schrijft figure{
		margin: 0px !important;
		position: relative;
		left: 0%;
		
	}
	.bijtje_schrijft .wp-block-image figure{
		clear: both !important;
		left: 50%;
		transform: translatex(-50%);
	} */
	.bijtje_schrijft,.volkskrant_schrijft{
		display: none !important;
	}
	
/* 	Contact */
	.contact-foto{
		max-width: 162px;
		max-height: 161px;
	}
	
	/* Paragraphs on home page */
	.sub-page-par{
		text-align: left !important;
		font-style: normal !important;
		font-size: 20px !important;
		max-width: 500px;
		font-weight: 300 !important;
	}
	
	.home .second-blocks{
		padding-left: 20px;
	}
	
	/* Knoppen en elementen centeren */
	.wp-block-button__link{
		position: relative;
		left: 50%;
		transform: translatex(-50%);
	}
	.wp-block-jetpack-contact-form .grunion-field-wrap {
		border-right: 0px solid transparent !important;
	}
	
	/* Contact formulier margin top */
	.uagb-block-3526a29c{
		margin-top: 30px;
	}
	
	/* 	Home title */
	.home-titel h1{
		margin: 0px !important;
		position: relative;
		top: 0% !important;
		transform: translatey(0%) !important;
	}
	
/* 	Remove events popup on mobile */
	.sgpb-popup-dialog-main-div-wrapper{
		display: none !important;
	}
/* 	Gallery */
	.gallery-wide{
		display: none !important;
	}
	.gallery-mobile{
		display: block !important;
	}
	/* 	Remove header image */
	.pique-header img {
		display: none !important;
	}
		
	/* 	Custom category page */
	.category h2 a{
		font-size: 25px;
	}
	.category .pique-panel{
		padding: 20px 20px 0px 20px !important;
	}
	
}


/*--------------------------------------------------------------
# Widescreen
--------------------------------------------------------------*/
@media (min-width: 768px){
/* 	Change landing page */
	.wide-screen-landing{
		display: block !important;
	}
	.mobile-landing {
		display: none !important;
	}
	
	/* 	Home title */
	.home-titel h1{
		margin: 0px !important;
		position: relative;
		top: 50%;
		transform: translatey(-50%);
	}
	.home-titel .wp-block-columns{
		margin-bottom: 0px;
	}
	
	/* Paragraph style */
	.sub-page-par{
		text-align: left !important;
		font-style: normal !important;
		font-size: 21px !important;
		max-width: 800px;
		font-weight: 300 !important;
		color: black !important;
	}
	
	/* Give other paragraphs an indent on home page */
	.home .second-blocks{
		padding-left: 70px;
	}
	.wp-block-uagb-container{
		padding-left: 0px !important;
		padding-right: 20px !important;
	}
/* 	Gallery */
	.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item, .wp-block-jetpack-tiled-gallery.is-style-rectangular .tiled-gallery__item {
		margin: 10px !important;
	}
	.gallery-wide{
		display: block !important;
	}
	.gallery-mobile{
		display: none !important;
	}
	/* 	Menu */
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
		flex-direction: row !important;
	}
	.main-navigation{
		background-color: transparent !important;
	}
	/* 	Contact */
	#contact-home .uagb-container-inner-blocks-wrap{
		flex-wrap: nowrap !important;
	}
	
/* 	Schrijft page */
	#boeken-mobile,#columns-mobile,#andere-stukken-mobile {
		display: none;
	}
}

/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
body{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	width: 100% !important;
}

footer {
	display: none !important;
}

/* Remove overflow */
.site, .site-footer {
	max-width: 100%;
}
.pique-panel-background {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* Remove top padding and make page wider */
.pique-panel-content {
/* 	margin: 0px !important; */
	padding: 0px !important;
}

.pique-panel-content .entry-content {
	max-width: 80% !important;
}

.wp-block-uagb-container{
	width: 100% !important;
}
/* Custom home page */

/* Change main background */
.home #primary {
	position: relative;
	top: 0% !important;
	max-height: 100% !important;
	background-color: #FECD70;
	transition: background-color 0.5s ease
}

.home .pique-panel {
	background-color: transparent;
}

.home #main{
	background-color: #FECD70;
	transition: background-color 0.5s ease;
}
.background-animation{
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.home #blob1, .home #blob2, .page-blob #blob1 {
	transition: transform 8s ease, background 0.5s ease;
	transform: translateX(0px);
	transform: translateY(0px);
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: translate3d(0,0,0);
	backface-visibility: hidden;
	perspective: 1000;
}

.home #blob1{
	width: 1690px;
	height: 1603px;
	position: absolute;
	background: url('https://www.marcialuyten.nl/third_site/wp-content/uploads/2022/09/blob11.png') no-repeat;
	top: -400px;
	right: -1690px;
	transform: rotate(-20deg);
}
.home #blob2{
	width: 1690px;
	height: 1603px;
	position: absolute;
	background: url('https://www.marcialuyten.nl/third_site/wp-content/uploads/2022/09/blob21.png') no-repeat;
	bottom: -700px;
	left: -1690px;
	transform: rotate(60deg);
}

/* Custom texts */
em {
	color: black !important;
}

blockquote cite,.pique-template-testimonials .pique-testimonials article .entry-content cite,.site-branding .site-title,
.widget-title,h4,h5,h6{
	font-weight: 100 !important;
}
h1, h2,h3,h4,h5,h6,p,blockquote cite,.contact-form-submission{
	font-family: Karla, Arial, sans-serif !important;
	font-style: normal;
	text-shadow: none;
	color: black !important;
	text-transform: none !important;
}
h1 {
	font-weight: 400 !important;
	font-family: source-serif-pro,serif !important;
}
h2,h3,h4,h5,h6,p,.error404 h1{
	font-family: Karla, Arial, sans-serif !important;
}
/* Other texts font family */
.grunion-field-label, .wp-block-button__link, #contact-form-30 form,
.wp-block-jetpack-contact-form input,.wp-block-jetpack-contact-form textarea,
.wp-block-latest-posts a, .alm-load-more-btn,a.wp-block-navigation-item__content,.more-link{
	font-family: Karla, Arial, sans-serif !important;
}
.home p {
	margin: 0px;
}

.sub-page-par a{
	border: 1px solid black;
	border-radius: 5px;
	padding: 0px 5px 0px 5px;
	display:inline-block;
}
.sub-page-par a:hover{
	border-bottom: 1px solid black !important;
}
a,a:hover,a:active,a:focus{
	color: black;
}

.custom-weight{
	font-weight: 200 !important;
}
.home-titel h1{
	margin: 0px !important;
	position: relative;
	top: 50%;
	transform: translatey(-50%);
}

h2 {
	border: none !important;
	text-align: left !important;
	font-size: 40px;
	font-weight: 300 !important;
	padding: 0px !important;
	margin: 0px !important;
}

h3 {
	font-weight: normal !important;
	padding: 0px !important;
}
/* .home h2{
	margin: 0 !important;
	padding-left: 10px !important;
} */
h2:after,h2:before{
	content: none !important;
}

/* Custom header normal pages */
.page-template-default #main header,.page-template-default .site-description,.page-template-default .site-branding {
	display: none !important;
}
.site-header{
	position: fixed;
	top: 0px;
	right: 0px;
	padding: 0px !important;
	height: auto !important;
}
.home #site-navigation{
	position: fixed;
	top: 0px;
	right: 0px;
	height: 52px !important;
	margin-top: 18px;
}
.main-navigation{
/* 	background-color: transparent !important; */
	max-width: 100%;
	border: none;
}
.main-navigation li{
	float: right !important;
	background-color: transparent;
}
.main-navigation a{
	color: black;
	font-size: 16px;
}
.main-navigation a:hover{
	color: black;
}

/* Menu on home page */
.main-menu a{
	color: black !important;
	font-size: 22px;
	border-bottom: 2px solid transparent;
	text-shadow: none !important;
}
.main-menu li{
	margin-top: 9px;
	margin-bottom: 0px;
	margin-right: 10px;
}
.main-menu ul ul li{
	margin-top: 0px;
	margin-bottom: 0px;
}
.main-menu ul ul{
	margin-top: 0px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: #FECD70;
	color: black;
	border: 1px solid rgba(0,0,0,.5);
}
.main-menu svg{
	color: black;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__label{
	min-width: 100px !important;
}
/* Normal pages */
#page{
	background-color: transparent;
}

.post-template-default{
	background-color: #faebd7 ;
}

.page-id-130,.page-id-6881,.page-id-6920,.page-id-7131,.page-id-7135,.page-id-7138,.page-id-7142{
	background-color: #FAD9A1 !important;
}
.page-id-6925,.page-id-7145, .page-id-7157, .page-id-7152{
	background-color: #CED89E !important;
}
.page-id-6930{
	background-color: #D3EBCD !important;
}
.page-id-6959{
	background-color: #FFF8BC !important;
}
.page-id-6962{
	background-color: #FFE69A !important;
}
.page-blob{
	z-index: -1;
}
.page-blob #blob1 {
	width: 1690px;
	height: 1603px;
	position: absolute;
	top: -1190px;
	right: -1100px;
	background: url('https://www.marcialuyten.nl/third_site/wp-content/uploads/2022/09/blob11.png') no-repeat;
	background-size: 100% 100%;
	transform: rotate(0deg);
	animation: float 8s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translate(0px,0px);
		transform: rotate(0deg);
	}
	50% {
		transform: translate(-20px,-20px);
		transform: rotate(2deg);
	}
	100% {
		transform: translate(0px,0px);
		transform: rotate(0deg);
	}
}

/* Custom contact */
.grunion-field-label, .wp-block-button__link{
	font-weight: 400;
}
#contact-form-30 form {
	border: none !important;
	background-color: transparent !important;
	color: black;
}

.wp-block-jetpack-contact-form input,.wp-block-jetpack-contact-form textarea{
	border-radius: 10px;
	color: black !important;
}
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus
{
	border-color: black !important;
}
.wp-image-6973{
	border-radius: 20px !important;
	border: 2px solid #909090;
}
.wp-block-uagb-container uagb-block-60be90d8 a{
	border-bottom: 2px solid tranparent;
}
#contact-form-30 blockquote:before{
	color: black !important;
}
#contact-form-30 blockquote{
	border-top: 2px solid black !important;
}
#contact-form-30:active,#contact-form-30:focus{
	outline:none !important;
}

/* Custom buttons */
.wp-block-button, .more-link{
	color: black !important;
	border: 0px !important;
	text-shadow: none !important;
	font-weight: 250 !important;
	font-size: 15px !important;
}
.wp-block-button__link, .more-link{
	border: 2px solid black !important;
}
.wp-block-button__link:hover, .more-link:hover{
	border-color: black !important;
}

/* Custom media text */
.wp-block-media-text__content {
	padding: 0px !important;
}

/* Custom post display */
.boeken-container .wp-block-latest-posts__post-title{
	display: none !important;
}

.boeken-container a{
/* 	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */
	box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 4px;
/* 	background-color: #F37878 !important; */
	border-bottom: none !important;
/* 	border-radius: 10px; */
	overflow: hidden;
	max-height: 295px !important;
}

.wp-block-latest-posts a{
	color: black;
}
.wp-block-latest-posts__featured-image a, .wp-block-latest-posts__post-title,.alm-item a{
	border-bottom: 2px solid transparent;
	color: black !important;
}

.alm-item{
/* 	border: 2px solid #F37878; */
/* 	background-color: #FAD9A1 !important; */
	background-color: transparent !important;
	border: 1px solid black;
	border-radius: 10px;
	padding: 20px !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.alm-load-more-btn {
	border: 1px solid black !important;
	background-color: transparent !important;
	color: black !important;
	border-radius: 30px !important;
	font-weight: 200 !important;
	font-size: 15px !important;
	text-transform: none !important;
	display: none !important;
}
.alm-btn-wrap{
	display: none !important;
}

/* Schrijft pagina extra code */
.schrijft-subs-title, .schrijft-subs-title .wp-block-uagb-container{
	padding: 0px !important;
}
.schrijft-subs-title h2{
	margin-top: 0px !important;
}
.volkskrant_schrijft {
	margin-top: 13px;
	margin-bottom: 5px;
}

/* Last column post on home page */
.link2 {
	margin-top: 3px;
}

#schrijft li{
	margin-bottom: 5px;
}

.home .alm-listing .alm-reveal {
	outline: 0;
	max-width: 800px;
}

.home .alm-listing .alm-reveal a {
	font-size: 18px !important;
}

/* Custom posts */
.post-navigation{
	display: none !important;
}

.has-shadow{
	box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 4px;
}

/* Remove outline on home page */
.wp-block-uagb-container:focus, .wp-block-uagb-container:active{
	outline: none !important;
}

/* Logo grid */
.tiled-gallery__row{
	flex-wrap: nowrap;
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item, .wp-block-jetpack-tiled-gallery.is-style-rectangular .tiled-gallery__item {
/* 	margin: 10px !important; */
	border: 2px solid black;
	border-radius: 10px;
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.tiled-gallery__item>img {
	background-color: transparent !important;
}

.tiled-gallery__item>a, .tiled-gallery__item>a>img, .tiled-gallery__item>img {
	display: block;
	height: auto;
	margin: 0;
	max-width: 100%;
	object-fit: cover;
	object-position: center;
	padding: 0;
	width: auto !important;
}
/* Footer */
.footer-text{
	position: relative;
	left: 50%;
	transform: translatex(-50%);
	max-width: 1000px !important;
	text-align: center;
}
.footer-text a{
	border-bottom: 2px solid transparent;
	color: #FFAE6D;
}

/* Custum css classes */
.display-none{
	display: none !important;
}

/* Custom popup */
.sgpb-popup-dialog-main-div-theme-wrapper-1 {
	margin: 0px 0px 20px 0px;
}
#sgpb-popup-dialog-main-div{
	box-shadow: none !important;
	background-color: transparent !important;
	border: 2px solid black !important;
	padding-bottom: 10px !important;
/* 	max-height: 200px !important;*/
/* 	max-width: 600px; */
}
#sgpb-popup-dialog-main-div a{
	border-bottom: 1px solid black;
}
.sgpb-popup-overlay{
	display: none !important;
}
hr {
	background-color: black;
}
#sgpb-popup-dialog-main-div-wrapper{
	display: block;
}
.sgpb-main-html-content-wrapper .wp-block-uagb-container{
	flex-direction: column !important;
}
.sgpb-popup-close-button-1{
	display: none !important;
}
.sgpb-main-html-content-wrapper .wp-block-uagb-container{
	padding: 0px !important;
}
/* Remove comments from entire site */
#comments{
	display: none !important;
}

/* Custom quotes */
.pique-panel-content blockquote {
	font-size: 13px;
	max-width: 600px;
/* 	margin-left: 60px; */
}
blockquote cite{
	font-size: 20px;
}

/* Custom error and search page */
.error404 .page-content, .search #page{
	display: none !important;
}
.error404 h1{
	font-family: 'Karla' !important;
}
.error404 #page{
	background-color: #FECD70 !important;
	height: 100%
}
.error404 #masthead{
	display: none;
}
.error404 #primary{
	margin-top: 70px;
}
.error404{
	background-color: #FECD70;
}

/* uagb containers */
.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap {
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-wrap: wrap !important;
}

.wp-block-uagb-container {
    flex-wrap: wrap;
}

/* Cutom catergory page */
.category .page-title {
    margin-top: 50px;
    margin-bottom: 50px;
}
.category h2 a{
	color: black;
	font-size: 30px;
}

.category .pique-panel-background:before{
	background-color: transparent !important;
}
.category .pique-panel{
	border-radius: 70px;
	margin-bottom: 25px;
	overflow: hidden;
	width: 90%;
	max-width: 750px;
	left: 50%;
	transform: translatex(-50%);
	min-height: 0vh !important;
	padding: 40px 40px 0px 40px;
	background-color: #FFAE6D;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.more-link{
	color: black !important;
	border: 0px !important;
	text-shadow: none !important;
	font-weight: 250 !important;
	font-size: 15px !important;
	background-color: transparent !important;
	padding: 0px !important;
}

.category #site-navigation{
	display: none !important;
}

.category #page{
	background-color: #FECD70 !important;
}

/* Give shadow to media */
.wp-block-media-text__media img, .wp-block-media-text__media video, .wp-block-embed__wrapper{
	box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 4px;
}

/* Remove feedback */
/* .feedback-template-default #page{
	display: none !important;
} */