/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#mobile-menu-item-878 .fusion-bar-highlight {
	background: white !important;
}

.nomargintop p:first-of-type {
	margin-top: 0px !important;
}


.campagne_header_hold {
	display: flex;
	width: 100%;
	height: 482px;
	background-image: url('https://www.verbondpk.nl/wp-content/themes/Avada-Child-Theme/i/handelsletselcampagne.jpg');
	background-size: cover;
	background-position: center 55%;
	margin-top: 65px;
}

.campagne_header_hold .flexcontainer {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-content: stretch;
}

.titlehold {
	height: 100%;
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.line1 {
	font-size: 6rem;
	background: white;
	color: #40a9e0;
	font-weight: 500;
	line-height: 6rem;
	padding: .5rem 7rem 1rem 7rem;
	margin-top: 160px;
}

.line2 {
	font-size: 5rem;
	color: white;
	background: #40a9e0;
	font-weight: 500;
	line-height: 5rem;
	padding: .5rem 8rem 1.5rem 8rem;
	margin-left: 10rem;
	position: relative;
}

.line2 img {
	position: absolute;
	left: 85%;
	bottom: 1rem;
	height: 300px;
	width: auto;
	animation: fadeIn 2s linear forwards;
	animation-delay: 1s;
	opacity: 0;
}

.contenthold {
	margin-left: auto;
	margin-top: auto;
	width: 25%;
	background: rgba(54, 167, 225, 0.7);
	padding: 29.2031px 48.6719px 59.2031px 29.2031px;
	font-weight: 300;
	color: white;
	font-size: 21.4156px;
	line-height: 36.0172px;
}

.campagne_persoon {
	position: absolute;
	right: 27%;
	height: 470px;
	width: auto;
	bottom: 0;
	animation: slideIn 5s ease-out forwards;
}


@keyframes slideIn {
  from {
	right: -100%;
  }
  to {
	right: 27%;
  }
}
@keyframes fadeIn {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}

@media (max-width: 1340px) {
	.campagne_header_hold {
		margin-top: 0;
	}
}


@media (max-width: 1708px) {
	

 	.line1 {
		 font-size: 5rem;
		 line-height: 5rem;
	 	padding: .5rem 6rem 1rem 6rem;
	 }
 
 	.line2 {
		 font-size: 4rem;
		 line-height: 4rem;
		 padding: .5rem 7rem 1.5rem 7rem;
	 }
	 
	 .line2 img {
		 width: auto;
		 height: 225px;
		 bottom: 7rem;
		 right: 1rem;
		 left: auto;
	 }
	 
	 .campagne_persoon {
	 	width: 20%;
		 height: auto;
		 animation: slideIn2 5s ease-out forwards;
	 }
	 
	 
	 @keyframes slideIn2 {
	   from {
		 right: -100%;
	   }
	   to {
		 right: 24.5%;
	   }
	 }
	 
	 .contenthold {	
		font-size: 1.25rem;
		line-height: 1.75rem;	 
	 }
	 
}

@media (max-width: 1000px) {
 
	 .campagne_header_hold .flexcontainer {
	 	flex-direction: column;
	 }
	 
	 .line1 {
		 margin-top: 2rem;
	 }

	 
	 .campagne_persoon {
		display: none;
	 }
	 
	 .line1 {
		 width: auto;
		 padding: .5rem 2rem;
		 text-align: left;
	 }
	 
	 .line2 {
		 width: auto;
		   margin-left: 10%;
		   padding: .5rem 3rem 1rem 3rem;
		   text-align: left;
	 }
	 	 
	  .line2 img {
		  width: 25vw;
		  height: auto;
		  bottom: -4rem;
		  left: 90%;
		  right: auto;
	  }
	  
	 
	 .contenthold {	
		font-size: 1rem;
		line-height: 1.5rem;	 
		width: 100%;
	 }
	 
}