/*
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 wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



blockquote {
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 0;
	font-style: italic;
	font-size: 32px;
	line-height: 40px;
	border-left-width: 0;
}



/* Classes */

body div .avia-button {
	border-style: solid;
}



.avia-button.avia-size-small{
	padding: 9px 25px;
	font-size: 14px;
}

.avia-button.avia-size-medium{
	padding: 12px 50px;
	font-size: 16px;
}

.avia-button.avia-size-large{
	padding: 15px 75px;
	font-size: 18px;
}

.avia-button.avia-size-x-large{
	padding: 25px 100px;
	font-size: 24px;
}

#top .avia-button.avia-color-light {
	color: #ffed00;
	border: 3px solid #ffed00;
}

#top .main_color .avia-color-theme-color-highlight {
	color: #12120b;
}

#top .avia-button.avia-color-dark {
    color: #000;
    border-color: #000;
}


.av-subheading {
	font-weight: normal;
	text-transform: uppercase;
}

.av-subheading.av_custom_color {
	color: #fff;
	opacity: 1;
}

.av-subheading_below {
	margin-top: 0;
}



.special_amp {
	font-weight: inherit;
	font-style: normal;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}



.widgettitle {
	letter-spacing: 0;
}



.av-masonry-entry .avia-arrow {
	display: none;
}

.av-masonry-entry .av-masonry-entry-title {
	font-weight: normal!important;
	font-size: 13px!important;
	line-height: 1.1em;
    text-align: center;
}

#top .av-inner-masonry {
	overflow: visible;
}

#top .av-inner-masonry:after {
	position: absolute;
	right: 0;
	bottom: -10px;
	width: 100%;
	height: 10px;
    display: block;
	background: transparent url(images/shade.png) center right no-repeat;
    clear: both;
    content: '\0020';
}





/* Structure */

menu-item-132{
    
}


#menu-item-search{
    float: right
}

.header_color .header_bg {
	background-image: url(images/headerbg-2025.png);
	background-position: center;
	background-repeat: repeat-x;
	background-size: 1px 110px;
}

.av-main-nav > li > a {
	padding: 0 15px;
}



.av-main-nav ul {
	width: 290px;
	margin-top: 0;
	padding: 20px 0 40px;
	box-shadow: none;
}

.av-main-nav ul li {
	padding: 0 20px;
}
.av-main-nav > li:not(.av-burger-menu-main):hover {
	background: url(images/nav-hover-bg.gif) right center no-repeat;
}

.av-main-nav ul li a {
	font-weight: 500;
	border-right-width: 0;
	border-left-width: 0;
}
.av-main-nav ul li:last-child > a {
	border-bottom-width: 0;
}
#top .header_color .main_menu .menu ul li>a:hover {
	font-weight: 900;
}

#top .av-main-nav ul a {
	padding: 12px 0;
	border-bottom: 1px solid #ecdc01;
}



#header.av_minimal_header .avia_mega_div {
	border-top-width: 0;
}

#top #header .avia_mega_div > .sub-menu {
	padding: 40px 20px;
	border-top-width: 0;
}

#top #header .avia_mega_div > .sub-menu > li {
    padding-top: 0;
}

#top #header .avia_mega_div > .sub-menu > li > ul li {
	list-style-type: none;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
	padding: 2px 0;
}

#top #wrap_all .av-main-nav ul > li > a {
	font-size: 14px;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover {
    text-decoration: underline;
}

#header .mega_menu_title {
	margin-bottom: 14px;
	color: #12120b;
    font-weight: 900;
    font-size: 14px;
	text-transform: uppercase;
}

.avia_mega_div .avia-bullet {
	display: none;
}



.avia-section-large .content, .avia-section-large .sidebar {
	padding-top: 90px;
	padding-bottom: 90px;
}

.avia-section-huge .content,  .avia-section-huge .sidebar {
	padding-top: 120px;
	padding-bottom: 120px;
}



#top .av-flex-placeholder {
	width: 3%;
	width: 4%;
}



#footer {
	padding: 60px 0;
}

#footer .widget {
	margin: 0;
}

#footer .widget h3.widgettitle {
	margin: 0 0 15px;
}

#footer .widget ul {}

#footer .widget ul li {}

#footer .widget ul li a {
	padding-left: 24px;
	background: url(images/arrow-footer.png) left center no-repeat;
	background-size: 15px 12px;
	transition: background 0.2s;
}
#footer .widget ul li a:hover {
	background-position: 3px center;
}



#socket {
	font-size: 16px;
}

#socket .container {
	background: url(images/socket-bg.png) right 50px center no-repeat;
	background-size: 51px 33px;
	background-size: 131px 33px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#socket .sub_menu_socket {
	float: left;
}

#socket .sub_menu_socket li {
	padding: 0 22px;
	border-left-width: 0;
}
#socket .sub_menu_socket li:first-child {
	padding-left: 0;
}





/* Custom */

.avia_textblock {}

.avia_textblock a {
	position: relative;
	display: inline-block;
	color: #12120b;
	font-weight: bold;
	text-decoration: none;
	z-index: 1;
	transition: all .3s;
}
.avia_textblock a::after {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffed00;
	transition: width .3s;
	z-index: -1;
	content: '';
}
.avia_textblock a:hover::after {
	width: 0;
}



#top .video .avia-button.avia-color-light {
	padding-left: 70px;
	background: url(images/play.png) 43px center no-repeat;
	background-size: 13px 15px;
	transition: background 0.2s;
}
#top .video .avia-button.avia-color-light:hover {
	background-position: 32px center;
}



a.tel {
	padding-left: 25px;
	background: url(images/tel.png) left center no-repeat;
	background-size: 17px 19px;
}

a.mail {
	padding-left: 25px;
	background: url(images/mail.png) left center no-repeat;
	background-size: 17px 19px;
}



.cta {
	position: relative;
}
.cta:before {
	position: absolute;
	top: -17px;
	left: 50%;
	display: block;
	width: 131px;
	height: 33px;
	margin-left: -65px;
	background: url(images/code.png) center no-repeat;
	background-size: 51px 33px;
	background-size: 131px 33px;
	visibility: visible;
	content: " ";
}

.cta a {
	font-weight: normal;
}
.cta a:after {
	display: none;
}
.cta a:hover {
	color: #000;
	text-decoration: underline;
}

.cta a.tel {
	margin-right: 50px;
}

.cta a.mail {}



#producten {}

#producten .content {
	padding-top: 130px;
	padding-bottom: 160px;
}

#producten .av-special-heading {
	min-height: 74px;
	margin-top: 0;
	padding: 20px;
}

#producten .av-special-heading h3 {
	font-weight: normal!important;
}

#producten .avia-image-container.avia-align-center {
	margin-bottom: 0;
}

#producten .flex_column.av_one_fifth {
	width: 13.5%;
	margin-top: 0 !important;
	margin-left: 3%;
}
#producten .flex_column.av_one_fifth:after {
	position: absolute;
	width: 100%;
	height: 10px;
	background: transparent url(images/shade.png) center right no-repeat;
	visibility: visible;
}

#producten .flex_column.av_one_fifth.first {
	margin-left: 3%;
	clear: none;
}



#oplossingen {}

#oplossingen .flex_column .arrow {
	float: left;
	width: 80px;
	height: 80px;
	background: #000 url(images/check-white.png) center no-repeat;
	background-size: 25px 20px;
}

#oplossingen .flex_column .avia-image-container.avia-align-center {
	margin: 0;
}

#oplossingen .flex_column .title {
	float: left;
	width: calc(100% - 80px);
	height: 80px;
	padding: 20px;
	line-height: 20px;
	font-weight: normal;
	text-transform: uppercase;
	transition: background 0.2s;
}
#oplossingen .flex_column:hover .title {
	background: #ffed00;
}



#footer .flex_column:last-child {
	width: 26.5%;
	margin-left: 0;
	background: #ffed00;
	color: #000;
}

#footer .flex_column:last-child .widget {
	padding: 55px 40px 35px;
}

#footer .flex_column:last-child .widget h3 {
	color: #000;
	text-transform: uppercase;
}

#footer .flex_column:last-child .widget strong {
	color: #000;
}

#footer .flex_column:last-child .widget a {
	color: #000;
}





/* Responsive */

@media only screen and (min-width: 990px) {
	
	.header_color .main_menu ul {
		background: #ffed00!important;
	}
	
	
	
	#top #header .av-main-nav > li.tel {
		border-right: 1px solid #5a5a55;
		border-left: 1px solid #5a5a55;
	}
	#top #header .av-main-nav > li.tel.nl {
		margin-top: 20px;
        margin-right: -190px
	}
	#top #header .av-main-nav > li.tel.be {
		/*float: left;*/
		margin-top: 54px;
		/*clear: left;*/
		border-top: 1px solid #5a5a55;
	}



	#top #header .av-main-nav > li.tel > a {
		height: 34px!important;
		line-height: 34px!important;
		font-size: 15px;
	}

	#top #header .av-main-nav > li.tel > a img {
		float: left;
		margin: 10px 5px 0 0;
	}

	.header_color .main_menu ul:first-child > li.tel > a {
		color: #ffed00;
		font-weight: normal;
	}
	
}



@media only screen and (max-width: 989px) {
	
	.responsive #top .flex_column_table {
		display: block;
	}
	
	.responsive #top .flex_column_table_cell {
		display: block;
	}
	
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	
}



@media only screen and (max-width: 989px) and (min-width: 768px) {
	
	.responsive #top .av-masonry-entry {
		width: 33.33333%;
	}
	
}



@media only screen and (min-width: 768px) {
	
	#footer .widget {
		padding: 55px 0;
	}
	
	.project blockquote {
		width: 35%;
	}
	
}



@media only screen and (max-width: 767px) {
	
	.header_color .header_bg {
		background-size: 3200px 80px;
	}
	
	#socket .container {
    	background-position: right;
	}
	
	#socket .sub_menu_socket li {
    	line-height: unset;
	}
	
	#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 {
    	font-size: 20px;
	}
	
}



@media only screen and (max-width: 480px) {
	
	.hidemobile {
		display: none;
	}
	
	#socket .sub_menu_socket li {
		float: none;
	}
	
}


.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1!important;
}



/* Mobiel breekpunt */

@media only screen and (max-width: 1210px) {
    .av-main-nav > li.menu-item-avia-special {
        display: block;
    }
    .av-main-nav > li {
        display: none;
    }
}
