/*
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
*/


/* Kleuren


#8cadd8  lichtblauw
#003867 donkerblauw
#EAEEF2 grijzig blauw
#DC4C7F rose

*/

#main {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/*h1, h2 {
	text-transform: uppercase !important;
}*/

.side-header-wrapper {
	background-color: #fff;
}

.fusion-header-v4 .fusion-header {
	padding: 0px !important;
}

/*Main menu*/

.fusion-secondary-main-menu {
	background: #003869 !important;
}
	

.fusion-main-menu {
	border-radius: 25px;
	background: #003869 !important;	
}


.fusion-main-menu > ul > li > a { 
	font-size: 14px !important;
}

.fusion-header-tagline {
	font-family: "Calligraffitti" !important;
	color: #DC4C7F !important;
	font-size: 24px !important;
}

.menu-item a {
	padding: 0px 15px 0px 15px;
	color: #fff !important;
	border-radius: 25px;
	margin: 8px 0px 8px 0px;
	e: 
	
}

.menu-item a:hover, .current-menu-ancestor a {
	background-color: #dc4c7f;
	color: #fff !important;
	}
	
.current-menu-item a {
		background-color: #dc4c7f;
		color: #fff !important;
	}
	
/*Submenu*/

.fusion-main-menu .sub-menu {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom: 2px solid #eee;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a {
	border: none !important;
	margin-left: 5px; 
	margin-right: 5px;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a:hover {
	background-color: #dc4c7f;
	border-radius: 25px;
	
}

.fusion-last-menu-item a.fusion-main-menu-icon::after {
	color: #fff !important;
	
}

.searchsubmit {
	background-color: #8cadd8 !important;
}

#layerslider-container {
	border-bottom: 1px dotted #dc4c7f;
}


#layerslider-container .bannerTekst h3 {
	font-size: 24px !important;
  color: #fff !important;
	font-family: "EdmondSansRegular" !important;
	text-shadow: 0px 0px 3px #888;
	margin-bottom: 0px !important;
	
}



#layerslider-container .bannerTekst h2 {
	font-size: 32px !important;
  color: #fff !important;
	font-family: "Calligraffitti" !important;
	margin-top: 0px !important;
	
}

#layerslider-container .bannerTekst h3, #layerslider-container .bannerTekst h2 {
	display:none;
}


#layerslider-container .bannerTekst a {
 background-color: #DC4C7F;
 color: #fff;
 padding: 10px 15px 10px 15px;
 border-radius: 20px;
 display: inline-block;
 margin-top: 30px; 
 border-bottom: 2px solid #a7385f;
}

#layerslider-container .bannerTekst a:hover {
 background-color: #8cadd8;
}




h2:before {
	content: "";
  border-top: 3px dotted #dc4c7f;
  width:5%;
  display:block;
  margin: 0px 0px 10px 0px;
}


.ingredientCont h2:before {
	margin-left: 48%;		
}



.ingredientBox h3 {
	margin-left: 10px !important;
	min-height: 50px !important;	
}


.ingredientBox img {
 border: 1px dotted #DC4C7F;	
}


.brandsText h2:before {
	margin-left: 48%;		
}


/*div.fusion-recent-posts {
	border-bottom: 3px solid #8cadd8;
	border-radius: 5px;
}

.recent-posts-content {
	background: #003867;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;	
}*/

.recent-posts-content p {
	font-size: 14px !important;	
}

.recent-posts-content h4 {
	font-size: 16px !important;
}

.recent-posts-content a {
	color:#003867 !important;
}

.fusion-recent-posts img {
	border-radius: 10px;
}


.fusion-button {
	border-radius: 20px !important;
	border: 1px solid #dc4c7f !important;
}

/*Brands Caroussel*/


/*Page*/

.pageBannerBox {
	padding: 80px 0px 50px 0px;
}


.pageBannerBox h1 {
	color: #fff !important;
	font-size: 32px !important;
	font-family: "EdmondSansMedium" !important;
	text-shadow: 0px 0px 4px #333;
}

.pageBannerBox h2 {
	color: #fff !important;
	font-size: 24px !important;
	text-shadow: 0px 0px 2px #333;
}


.page #main {
	margin-top: 0px !important;
	padding-top: 0px !important;
}


.page h2 {
	margin-top: .5em !important;
}

/*Footer*/


#toTop {
	background-color: #DC4C7F !important;
}

span.iclarity a {
	color: #005fad !important;
}

/*About us*/

.historyBox {
	background: rgba(255,255,255,.8) !important;
	padding: 20px;
}


/*News*/

.fusion-icon-pen {
	display:none !important;
}

#black-studio-tinymce-4 a, #black-studio-tinymce-5 a {
	border-radius: 20px !important;
	border: 1px solid #dc4c7f !important;
	padding: 10px;

}

h4.widget-title:before {
	content: "";
  border-top: 3px dotted #dc4c7f;
  width:10%;
  display:block;
  margin: 0px 0px 10px 0px;
}

a.fusion-read-more {
	font-size: 16px !important;
	border-radius: 20px !important;
	border: 1px solid #dc4c7f !important;
	padding: 10px;
	padding-right: 15px;

}

.fusion-alignright {
	margin-bottom: 10px;	
}

/*Ingredients*/

h3 a {
	color: #003867 !important;
}

.ingredientDetailBox img {
	border-radius: 20px;

}



.downloadBox {
	background: #003867;
	color: #fff !important;
  border-radius: 20px !important;
  padding-bottom: 20px;
  border-bottom: 3px solid #8cadd8;
  
}

.downloadBox h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	color: #fff !important;
}

.downloadBox a {
	background: #DC4C7F;
	border-radius: 20px !important;
	padding: 10px 15px 10px 15px;
	color: #fff !important;
	
}

.downloadBox a:hover {
		background: #fff;
		color: #DC4C7F !important;
	}


.parent-pageid-167 h2 {
	margin-top: 0.3em !important;
}

.parent-pageid-167 h2:before, .parent-pageid-767 h2:before {
	content: "";
  border-top: none;
  width:5%;
  display:block;
  margin: 0px 0px 10px 0px;
}

.parent-pageid-167 .pageBannerBox  h2:before, .parent-pageid-767 .pageBannerBox  h2:before, .page-id-463 h2:before {
	content: "";
  border-top: 3px dotted #dc4c7f;
  width:5%;
  display:block;
  margin: 0px 0px 10px 0px;
}

	
div.ingredient {
	padding-bottom: 30px !important;
	padding-top: 0px; 
	border-bottom: 1px dotted #dc4c7f;
}

.post.ingredient {
	margin-bottom: 35px !important;
}


	
/*Doelgroepen*/

.doelgroepImg img {
	border-radius: 50% !important;
}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
.fusion-main-menu > ul > li {padding-right: 5px !important;}
 
.menu-item a {padding: 0px 8px 0px 8px;} 

.pageBannerBox h1, .pageBannerBox h2 {
	padding-left: 20px;
}

}


@media only screen and (max-device-width: 480px) {
	
	.homeIntro div {
		padding: 0px 10% 0px 10% !important;
	}
	
	.pageBannerBox h1, .pageBannerBox h2 {
	padding-left: 20px;
}
	
}