/*
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
*/
/*.portfolio-home h3 {
	font-size: 13px!important;
    color: #ffffff !important;
	text-align: center!important;
	text-transform: lowercase!important;
}
.portfolio-home .av-inner-masonry-content {
	background-color: #bfada5!important;
}
*/
.av-image-copyright {
    color: #ffffff !important;
}
.portfolio-home h3 {
	font-size: 18px!important;
	text-transform: lowercase!important;
}
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

h1 {
	font-size: 60px!important;
}
#top .avia-post-nav {
    display: none;
}
.intro-portfolio-homepage {
	max-width: 900px!important;
	float: none!important;
	margin-left: auto!important;
	margin-right: auto!important;
	padding-bottom: 30px!important;
}
.logo-diapositief {
	width: 150px!important;
	margin-left: 2.5%!important;
	margin-top: 2%!important;
}
/*Add your own styles here:*/
/*LAPTOP:*/
.laptop {
	max-width: 700px;
}
.laptop .screen {
	position: relative;
	width: 80%;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background: #1a1a1a;
	border: 1px solid rgba(0, 0, 0, .01);
	border-radius: 12px 12px 0 0;
	box-shadow: 0 0 0 3px rgba(64,64,64, 1), 
	inset 0 0 100px 0 rgba(0, 0, 0, .75);
}

.laptop .screen::before {
	content: "";
	display: block;
	width: 480px;
	height: 400px;
}

.laptop .screen::after {
	content: "MacBook Pro";
	position: absolute;
	bottom: .5px;
	left: 50%;
	color: #fff;
	transform: translateX(-50%);
	font: 500 6px 'Montserrat';
	letter-spacing: .2px;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, .6)
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.laptop .screen .lcd {
	position: absolute;
	top: 3.8%;
	bottom: 3.5%;
	left: 2.2%;
	right: 2.2%;
	overflow: hidden;
	border: 1px solid;
	border-color: #000 #202020 #282828 #000;
	border-radius: 3px;
}

.laptop .screen .lcd img {
	width: 100%;
	height: 100%;
}

.laptop .screen .glass-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient (
		135deg,
		rgba(255, 255, 255, .175) 0%,
		rgba(255, 255, 255, 0) 50%
	);
}

.laptop .screen .screen-reflextion {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		100deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(255, 255, 255, .01) 0.1%,
		rgba(255, 255, 255, .05) 33%,
		rgba(0, 0, 0, 0) 33.1%
	);
}

.laptop .keyboard {position: relative;
	width: 100%;
}

.laptop .keyboard.top {
	height: 3px;
	border-radius: 1px 1px 0 0;
	background: 
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .5) 0%,
			rgba(0, 0, 0, .75) 2%,
			rgba(0, 0, 0, .33) 7%,
			rgba(0, 0, 0, 0) 100%
		),
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, .33) 93%,
			rgba(0, 0, 0, .75) 98%,
			rgba(255, 255, 255, .5) 100%
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 20%,
			rgba(255, 255, 255, .35) 33%,
			rgba(255, 255, 255, .35) 35%,
			rgba(0, 0, 0, 0) 100%
		),
		linear-gradient(
			0deg,
			rgba(20, 20, 20, 1) 0%,
			rgba(20, 20, 20, 1) 100%
		);
}

.laptop .keyboard.top::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 12%;
	height: 30%;
	background: rgba(0, 0, 0, .5);
}

.laptop .keyboard.bottom {
	height: 14px;
	border-radius: 0 0 33% 33%;
	background:
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .35) 0%,
			rgba(0, 0, 0, .75) 2%,
			rgba(0, 0, 0, .5) 7%,
			rgba(0, 0, 0, 0) 50%
		),
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, .5) 83%,
			rgba(0, 0, 0, .75) 98%,
			rgba(255, 255, 255, .35) 100%
		),
		linear-gradient(
			0deg,
			rgba(0, 0, 0, .75) 0%,
			rgba(0, 0, 0, .25) 33%,
			rgba(255, 255, 255, 1) 34%,
			rgba(255, 255, 255, 1) 100%
		),
		linear-gradient(
			0deg,
			rgba(200, 200, 200, 1) 0%,
			rgba(200, 200, 200, 1) 100%
		);
}

.laptop .keyboard.bottom::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 12%;
	height: 40%;
	border-radius: 0 0 .5vw .5vw;
	background: linear-gradient(
		0deg,
		rgba(255, 255, 255, .75) 0%,
		rgba(0, 0, 0, .5) 100%
	);
}

/* Hides the Homelink on every page */
.home_visueel, .home_interieur {
    display: none !important;
}

/* Shows the Homelink on certain page */
.page-id-1025 .home_visueel.av-active-burger-items {
    display: block !important;
}
.page-id-1030 .home_interieur {
    display: block !important;
}
/* Algemeen */
.portfolio-home h3 {
	font-family: 'Open Sans'!important;
	font-size: 25px;
}
.menu-item-625 {
	display: none!important;
}
.contentpadding {
	padding-left: 100px!important;
	padding-right: 100px!important;
	padding-top: 100px!important;
	padding-bottom: 100px!important;
}
.grid-entry .inner-entry {
    padding-right: 3%;
    box-shadow: none!important;
    padding-left: 3%;
    background-color: #bfada5;
}
.grid-entry-title {
	font-family: 'Open Sans'!important;
	color: #222222!important;
	text-align: center!important;
}
.grid-content {
	background-color: #bfada5!important;
	color: #ffffff!important;
}
.grid-entry-title {
	background-color: #bfada5!important;
	color: #ffffff!important;
}
.grid-entry .avia-arrow {
	background-color: #bfada5!important;
}
.avia_transform a:hover .image-overlay {
    opacity: 0.3 !important;
}
.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}
.contact_kop h2 {
	font-family: 'Open Sans'!important;
	font-size: 20px!important;
} 
#js_sort_items {
	background-color: #bfada5!important;
	padding-left: 9px;
	padding-right: 9px;
}
#js_sort_items .av-current-sort-title {
    color: #F5F2F1!important;
}
#js_sort_items a {
	color: #000000!important;
	font-size: 15px!important;
}
#js_sort_items a.active_sort {
	color: #ffffff!important;
}
#js_sort_items .text-sep {
	color: #000000!important;
}
@media screen and (max-width: 969px) { 
.logo-diapositief {
	display: none!important;
}
}
@media screen and (max-width: 767px) {
.maaikefoto {
	background-image: url("/wp-content/uploads/2024/05/maaike-aloserij-mobile.jpg")!important;
	background-position: center !important;
	min-height: 400px!important;
}
.menu-item-625 {
	display: block!important;
	color: #419cca!important;
}
.menu-item-625 li a {
	color: #419cca!important;
}
.contact_kop h2 {
	font-size: 26px!important;
} 
.contentpadding {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}
.responsive #top #wrap_all .container {
    width: 84%!important;
    max-width: 84%!important;
}
h1, h2 {
	font-size: 40px!important;
}
p {
	font-size: 18px;
}
.introblock p {
	font-size: 23px;	
}
.avia-button .avia_iconbox_title {
   font-size: 18px;
}
.portfolio-home .av-inner-masonry-content {
    background: rgba(0, 0, 0, 0.05)!important;
}
.portfolio-home h3 {
	text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000,
        0 0 0.2em #000000;
	font-size:18px!important;
}
}
@media screen and (max-width: 500px) {
.maaikefoto {
	background-image: url("/wp-content/uploads/2024/05/maaike-stockholm-scaled.jpg")!important;
}
	
}