/*
Theme Name: Sydney child
Theme URI: http://denzelvandegraaf.nl/sydney-child/
Description: Sydney child theme voor Portfolio.
Author: Denzel van de Graaf
Author URI: www.denzelvandegraaf.nl
Template: sydney
Version: 1.0.0
*/

/* Add your custom styles here */
@import url('https://fonts.googleapis.com/css2?family=Erica+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Erica+One&family=Mochiy+Pop+P+One&display=swap');

@font-face {
	font-family: 'archive';
	src: url("./archive-font/Archive.otf");
}

@font-face {
	font-family: 'kagitingan';
	src: url("./kagitingan-font/Kagitingan-Bold.otf");
}

@font-face {
	font-family: 'mainText';
	src: url("./bryndanwrite-font/BryndanWriteBook-nGPM.ttf");
}

p {
	margin-bottom: 0!important;
	font-family: 'mainText';
}

span.elementor-progress-percentage {
/* 	font-family: 'archive'; */
}

.alternateTitle div h2, .alternateTitle div h4 {
	font-family: 'Erica One', sans-serif!important;
	font-weight: 400;
  	font-style: normal;
}

.elementor-heading-title {
  font-family: "Mochiy Pop P One", sans-serif!important;
  font-weight: 400;
  font-style: normal;
	color: #223A5E!important;
}


#secondary, #secondary a:not(.wp-block-button__link), li a, #secondary .widget_pages ul li.page_item a {
/* 	font-family: 'archive'; */
/* 	color: #2e5339!important; */
}

p.elementor-heading-title span {
	color: #4E7BB6;
}

.elementor-button-text {
/* 	font-family: 'archive'; */
}

/* .page-id-9 .elementor-heading-title {
	color: #223a5e!important;
} */

/* deze class staat op bepaalde element indien die later of niet getoond moeten worden */
.displayNot {
	display: none!important;
}

.page-wrap .container {
	margin: 0;
	width: 100%!important;
}

.page-id-9 .container {
	max-width: none!important;
}

.page-wrap {
	width: 100%!important;
}

#masthead {
	display: none;
}

@media (max-width: 768px) {
	.mobileNot {
		display: none!important;
	}	
}

.site-info {
	padding: 0 0 30px 0!important;
}

#primary {
	width: 85%!important;
	padding-left: 0!important;
	padding-right: 0!important;
}

.post-wrap {
	border-left: 1px solid #2e5339;
}

.entry-header {
	display: none;
}

#secondary {
	width: 15%!important;
/* 	background-color: #F2EDD8!important; */
	position: fixed;
	margin-top: 20vh;
}
/* 
#secondary, #secondary a:not(.wp-block-button__link) {
	color: black!important;
} */

/* Vanaf hier de wave template */
/* hele pagina */
.page-template-wave * {
    margin: 0;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: rgb(21, 21, 21);
}

/* background */
.page-template-wave #box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background-color: #f7f0e9;
  }
  .page-template-wave .bg {
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-image: url(http://denzelvandegraaf.nl/wp-content/uploads/2024/02/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page-template-wave .wave-top {
    position: absolute;
    top: -5%;
    left: -15%;
    width: 110%;
    height: 110%;
    background-image: url(http://denzelvandegraaf.nl/wp-content/uploads/2024/02/wave_top.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page-template-wave .wave-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 110%;
    height: 110%;
    background-image: url(http://denzelvandegraaf.nl/wp-content/uploads/2024/02/wave_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page-template-wave .wave-bottom {
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-image: url(http://denzelvandegraaf.nl/wp-content/uploads/2024/02/wave_bottom_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page-template-wave .wave-bottom-right {
    position: absolute;
    top: 0;
    right: 0;
	left: -1%;
    width: 101%;
    height: 100%;
    background-image: url(http://denzelvandegraaf.nl/wp-content/uploads/2024/02/wave_bottom.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page-template-wave .wave-left {
    position: absolute;
    top: 0;
    left: -1%;
    width: 120%;
    height: 120%;
    background-image: url(wave_left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* .page-template-wave .layer {
    overflow: hidden;
  } */

  /* test div */
  .page-template-wave .test {
    /* zorgt ervoor dat de div boven op de background is */
    /* position: absolute; */
    z-index: 9;

    /* scrollbar */
    overflow: scroll;

    /* center de div en lengte */
    margin: auto;
    width: 50%;
    height: 100%;

    /* doorzichtigheid */
    opacity: 0.9;
    background-color: white;

    /* text center */
    text-align: center;
    /* padding: 5%; */
    padding-left: 5%!important;
    padding-right: 5%!important;
    /* padding-bottom: 5%!important; */
  }

  /* scrollbar verdwijnen */
  .page-template-wave .test::-webkit-scrollbar {
    display: none;
  }

  /* h1 underline */
  .page-template-wave h1 {
    text-decoration: underline;
  }

  /* foto's */
  .page-template-wave img {
    float: right;
    padding-left: 1%;
  }

.page-template-wave .container {
	max-width: unset;
	padding: 0;
}

.page-template-wave footer {
	display: none;
}

.page-template-wave .left {
	float: left;
	font-family: FontAwesome;
    font-size: 20px;
    font-weight: 500;
	margin-top: 30px;
}

@media (max-width: 1199px) {
	.page-template-wave .wave_right, .page-template-wave .wave_top, .page-template-wave .wave_bottom, .page-template-wave .wave_bottom-right {
		transform: unset!important;
	}
}

@media (max-width: 990px) {
	#primary {
		width: 100%!important;
	}

	.post-wrap {
		border-left: none;
	}

}

.widget-area .widget-title {
	display: none;
}

.linkNot a {
/* 	color: #f2edd8!important; */
	-webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: var(--e-global-color-global_color_1);
    stroke: var(--e-global-color-global_color_1);
}


}

.toggled .mobile-header-item .mainnav .menu ul li.page_item a {
	color: white!important;
}

/* BEGIN: SOCIAL HUB */
.socialHubTitle {
	display: none!important;
}

.socialHubBlock1:hover .socialHubTitle {
	display: bloc!importantk
}
/* EINDE: SOCIAL HUB */

#secondary .menu-item a {
/* 	color: #2E5339!important; */
}

/* BEGIN: PROTOTYPE SCAN APP */
@media (max-width: 900px) {
      .app-shell {
        grid-template-columns: minmax(0, 1fr)!important;
      }

      .testRow {
        flex-direction: column;
      }
    }

.page-template-Prototype-scanApp .main-header {
	display: none!important;
}

.page-template-Prototype-scanApp .site-footer {
	display: none!important;
}
/* EINDE: PROTOTYPE SCAN APP */

/* BEGIN: PROTOYPE BEZORG APP */
.page-template-Prototype-bezorgApp .main-header {
	display: none!important;
}

.page-template-Prototype-bezorgApp .site-footer {
	display: none!important
}

.page-template-Prototype-bezorgApp .app-shell .header-badge {
	display: none!important;
}
/* EINDE: PROTOTYPE BEZORG APP */