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


ul {
	margin-left: 0;
}



tr:first-child th, tr:first-child td {
    border-top-width: 0;
}

tr th:first-child, tr td:first-child {
	border-left-width: 0;
}

td {
	padding: 8px 0;
	color: #616161;
	font-size: 18px;
	border-left-width: 0;
	border-right-width: 0;
}





/* Classes */

ul.disc, .entry-content-wrapper ul {
	list-style: none;
}

.entry-content-wrapper li {
	margin-left: 0;
	padding: 0;
}

.entry-content-wrapper .avia_textblock li {
	padding: 0 0 0 16px;
	background: url(images/li.png) left 13px/8px 8px no-repeat;
}



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

.avia-button.avia-size-small{
	padding: 6px 20px;
	font-size: 16px;
}

.avia-button.avia-size-medium{
	padding: 9px 30px;
	font-size: 18px;
}

.avia-button.avia-size-large{
	padding: 12px 40px;
	font-size: 20px;
}

.avia-button.avia-size-x-large{
	padding: 18px 60px;
	font-size: 24px;
}



.avia-button-wrap.avia-button-center {
	margin-bottom: 20px;
}
.avia-button-wrap.avia-button-center:last-child {
	margin-bottom: 60px;
}



#top .avia-button-fullwidth {
	padding: 10px 20px;
	background-image: url(images/arrow-down-black.png);
	background-position: right 20px top 11px!important;
	background-size: 11px 16px;
	background-repeat: no-repeat;
	font-size: 18px;
	text-align: left;
}

#top .avia-button-fullwidth.avia-color-theme-color-subtle {
	background-image: url(images/arrow-down-white.png);
}



#top .main_color .avia-color-theme-color {
	border-color: #ffb300;
}

.main_color .avia-color-theme-color-subtle {
	background-color: #000;
	color: #fff;
	border-color: #020202;
}

#top .main_color .avia-color-theme-color {
	color: #020202;
}

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



body .alignleft,  .entry-content-wrapper a:hover .alignleft{ margin: 0 15px 0 0;}
body .alignright,  .entry-content-wrapper a:hover .alignright { margin: 0 0 0 15px; }
body .aligncenter,  .entry-content-wrapper a:hover .aligncenter{ margin: 0 auto; padding: 15px 0; }



#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
	font: 18px "source sans pro", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
}

#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select {
	background-color: #fff;
	color: #000;
	border-color: #ccc;
}

#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
	padding: 8px 20px;
	border-radius: 20px;
}



#top .avia_ajax_form .av-google-badge-message {
    max-width: 100%;
    width: 100%;
}



.avia_ajax_form .button {
	width: 100%;
	padding: 10px 20px;
	font: 600 18px "source sans pro", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
	text-align: left;
	border-bottom-width: 0;
	border-radius: 20px;
}
.avia_ajax_form .button:hover {
	padding: 10px 22px;
}

.alternate_color .primary-background, .alternate_color .primary-background a, div .alternate_color .button, .alternate_color #submit, .alternate_color input[type='submit'], .alternate_color .small-preview:hover, .alternate_color .avia-menu-fx, .alternate_color .avia-menu-fx .avia-arrow, .alternate_color.iconbox_top .iconbox_icon, .alternate_color .iconbox_top a.iconbox_icon:hover, .alternate_color .avia-data-table th.avia-highlight-col, .alternate_color .avia-color-theme-color, .alternate_color .avia-color-theme-color:hover, .alternate_color .image-overlay .image-overlay-inside:before, .alternate_color .comment-count, .alternate_color .av_dropcap2, .alternate_color .av-colored-style .av-countdown-cell-inner, .responsive #top .alternate_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .alternate_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-image: url(images/small-arrow-black.png);
	background-position: right 20px center;
	background-size: 16px 11px;
	background-repeat: no-repeat;
	color: #000;
}

.alternate_color .button:hover, .alternate_color .ajax_controlls a:hover, .alternate_color #submit:hover, .alternate_color .big_button:hover, .alternate_color .contentSlideControlls a:hover, .alternate_color #submit:hover, .alternate_color input[type='submit']:hover {
	background-position: right 22px center;
	color: #000;
}



.av-subheading.av_custom_color {
	opacity: 1;
}



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



.main_color table {
	background: transparent;
}
.main_color tr:nth-child(even) {
	background: transparent;
}
.main_color tr:nth-child(odd) {
	background: transparent;
}



.main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow {
	background-color: #fff;
}



.widget {
	padding: 0 0 30px 0;
}



.av-milestone-date{
    color: #fff !important;
}

#Overons .av-milestone-date{
    display: none;
}

.big-preview.single-big {
	display: none;
}

.text-sep.text-sep-cat {
	display: none;
}





/* Structure */

.sub_menu {
	font-size: 14px;
}

.sub_menu li {
	padding: 0 13px;
	border-right-width: 0;
}

.wpml-ls-current-language > a .wpml-ls-flag {
	float: left;
}

.wpml-ls-current-language > a .wpml-ls-flag+span {
	padding-right: 13px;
	background: url(images/lang-switcher.png) right center/8px 5px no-repeat;
}

.header_color.av_header_transparency .wpml-ls-current-language > a .wpml-ls-flag+span {
	background-image: url(images/lang-switcher-alt.png);
}



.av-main-nav > li > a {
	padding: 0 20px;
}
.av-main-nav > li.menu-item:nth-last-of-type(2) > a {
	padding-right: 0;
}



.header_color.av_header_transparency .sub_menu>ul>li>a {
	color: #fff;
}

.header_color.av_header_transparency .main_menu ul:first-child > li > a {
	color: #fff;
}



.avia_wpml_language_switch {
	display: none;
}



#top .widget_nav_menu li {
	font-size: 20px;
}

#top .content .flex_column .widget_nav_menu li {
	background: url(images/arrow-white.png) left 11px/20px 14px no-repeat;
	padding-left: 30px;
	border-bottom-width: 0;
	transition: all 0.2s;
}
#top .content .flex_column .widget_nav_menu li:hover {
	padding-left: 28px;
	background-position: 2px 11px;
}

#top .content .flex_column .widget_nav_menu li:first-child {
	border-top-width: 0;
}

#top .content .flex_column .widget_nav_menu li a {
	padding: 0;
}
#top .content .flex_column .widget_nav_menu li a:hover, #top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item, #top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item {
	background-color: transparent;
}



#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
}



.content, .sidebar{
	padding-top: 50px;
	padding-bottom: 50px;
}

.avia-section-small .content, .avia-section-small .sidebar { padding-top: 15px; padding-bottom: 15px; }
.avia-section-large .content, .avia-section-large .sidebar { padding-top: 100px; padding-bottom: 100px; }
.avia-section-huge .content,  .avia-section-huge .sidebar { padding-top: 150px; padding-bottom: 150px; }

.avia-section {
	position: relative;
	z-index: 2;
}





#footer {
	padding: 230px 0 50px;
}

#footer ul {}

#footer-content ul li {
	padding-left: 30px;
	background: url(images/arrow-yellow.png) left center/20px 14px no-repeat;
	transition: all 0.2s;
}
#footer ul li:hover {
	padding-left: 28px;
	background-position: 2px center;
}

#footer ul li a {
	text-decoration: none;
}

#footer .widget {
	margin: 0;
}



#socket {
	font-size: 18px;
}

#socket .container {
	padding-top: 20px;
	padding-bottom: 20px;
}

#socket .menu {
    margin-top: 3px;
}

#socket .sub_menu_socket {
	float: left;
}

#socket .sub_menu_socket a {
    color: #000000 !important
}

#socket .sub_menu_socket li {
	padding-left: 25px;
	padding-right: 18px;
	background: url(images/li-socket.png) left center/6px 6px no-repeat;
	line-height: 28px;
	border-left-width: 0;
}
#socket .sub_menu_socket li:first-child {
	padding-left: 0;
	background: none;
}





/* Custom */

.ff-sc-label2 .ff-wordpress .ff-icon:before, .ff-sc-label2 .ff-comments .ff-icon:before, .ff-sc-label2 .ff-posts .ff-icon:before {
	border-color: transparent #e62a27 transparent transparent!important;
}

.ff-wordpress .ff-icon-inner:after, .ff-posts .ff-icon-inner:after, .ff-comments .ff-icon-inner:after, .ff-type-wordpress:before, .ff-type-posts:before, .ff-type-comments:before {
	display: block;
	width: 30px;
	height: 30px;
	background: url(images/flowflow.png) center no-repeat;
	background-size: 24px 24px;
	color: #000;
	content: " "!important;
}



#header_meta .avia_wpml_language_switch {
	display: none;
}

.av-main-nav-wrap {
	float: right;
}

.avia_wpml_language_switch {
	float: left;
	top: auto;
	right: auto;
	height: 80px;
	padding: 0;
	line-height: 80px;
}



body.home #footer, body.blog #footer, body.single-post #footer, body.page-id-51 #footer {
	padding: 80px 0 60px;
}



.schaduw {}

.schaduw .flex_column_table {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
}



#top .pijl .avia-button {
	padding-right: 60px;
	background-image: url(images/small-arrow-black.png);
	background-position: right 30px center;
	background-size: 16px 11px;
	background-repeat: no-repeat;
	transition: all 0.2s;
}
#top .pijl .avia-button:hover {
	background-position: right 28px center;
}

#top .pijl .avia-button.avia-color-dark {
	background-image: url(images/small-arrow-red.png);
}

#top .pijl .avia-button.avia-color-light {
	background-image: url(images/small-arrow-white.png);
}



#top #zijbalk .av_inherit_color a {
	color: #ffb300;
	text-decoration: none;
}



#zijbalk {
	color: #fff;
}

#zijbalk h2, #zijbalk h3, #zijbalk h4 {
	color: #fff;
}

#zijbalk ul {}

#zijbalk ul li {}

#zijbalk .avia_textblock ul li {
	padding-left: 30px;
	background: url(images/li-check.png) left 10px/18px 14px no-repeat;
}

#zijbalk ul li a {
	color: #fff;
}
#zijbalk ul li a:hover {
	color: #ffb300;
}



#cta {
	z-index: 3;
}

#cta .flex_column.first span {
	display: inline-block;
	padding-top: 20px;
}

#cta .flex_column.first span em {
	color: #d4d4d4;
	font-size: 19px;
}

/*
#cta .flex_column.av_three_fifth {
	padding:80px 100px 50px 80px;
}
*/



#assortiment {
	z-index: 1;
}

#assortiment #bouwgrondstoffen {
	float: left;
	width: 100%;
	overflow: hidden;
}

#assortiment #bouwgrondstoffen .bouwgrondstof {
	float: left;
	display: block;
	width: 14.28571%;
	margin-bottom: 20px;
}

#assortiment #bouwgrondstoffen .bouwgrondstof .inner {
	float: left;
	width: 100%;
	padding: 22px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
#assortiment #bouwgrondstoffen .bouwgrondstof:hover .inner {
	color: #ffb400;
}

#assortiment #bouwgrondstoffen .bouwgrondstof .inner .image {
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	background-color: #616161;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 100%;
}
#assortiment #bouwgrondstoffen .bouwgrondstof .inner .image:before {
	content: "";
	display: block;
	padding-top: 100%;
}

#assortiment #bouwgrondstoffen .bouwgrondstof .inner .image .cover {
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: url(images/product-hover.png) center/200px 200px no-repeat;
    transition: opacity 0.2s;
	border-radius: 100%;
    opacity: 0;
}
#assortiment #bouwgrondstoffen .bouwgrondstof:hover .inner .image .cover {
	opacity: 1;
}

#assortiment #bouwgrondstoffen .bouwgrondstof .inner .text {
	float: left;
	width: 100%;
}

#footer .alignleft {
    margin: 0 30px 0 0;
}

.toggle_icon{
    border: none;
}

.toggle_icon .vert_icon, .toggle_icon .hor_icon{
    border-color: #e62b27;
}

.toggle_content.invers-color {
    background: #ffffff;
}

.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler{
    padding: 4px 40px;
}

.togglecontainer{
    margin: 10px 0;
}



.ff-stream {
	padding-bottom: 0!important;
}

.ff-item .ff-item-bar {
	font-weight: normal!important;
	font-size: 12px!important;
}

.ff-loadmore-wrapper .ff-btn {
	margin: 20px 12px 0!important;
	padding: 9px 30px!important;
	background: #ffb300!important;
	color: #020202!important;
	font-weight: 600!important;
	font-size: 18px!important;
	text-transform: none!important;
	border-radius: 50px!important;
}

.ff-item .ff-content, .ff-article, .ff-item .ff-content p {
	font-size: 16px!important;
}

#ff-stream-1 .picture-item__inner {
    border: solid 1px;
    border-color: #F3F3F2;
}




/* Responsive */

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



@media only screen and (max-width: 989px) {
	
	#header_meta {
		display: none;
	}
	
	#assortiment #bouwgrondstoffen .bouwgrondstof {
		width: 20%;
	}
	
}



@media only screen and (max-width: 767px) {
	
	.widget li {
		font-size: inherit;
	}
	
	#assortiment #bouwgrondstoffen .bouwgrondstof {
		width: 33.33333%;
	}
    
    #footer {
		background-image: none !important;
        background-color: #000 !important;
	}
	
	.footer-certificaten{
        margin-top: 0px !important;
    }
    
    #footer .alignleft {
       margin: 0 25px 0 0;
    }
}



@media only screen and (max-width: 479px) {

	#assortiment #bouwgrondstoffen .bouwgrondstof {
		width: 50%;
	}
	
	
	/*
	#cta .flex_column.av_three_fifth {
		padding:40px 30px 40px 30px;
	}
	
	.flex_column.av_two_third {
		padding:40px 30px 40px 30px;
	}
	*/
	
}



@media only screen and (min-width: 990px) {
	
	#top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside {
        border-color: transparent;
        background-color: rgba(0,0,0,0.5)!important;
    }
    
    #top .av_header_transparency #header_meta {
        background-color: rgba(0,0,0,0.5)!important;
    }
	
}



@media only screen and (min-width: 768px) {
	
	#footer {
		background: url(images/footer-bg.gif) center top/4000px 10px repeat-y;
	}
	
	
	#homeblok {
		z-index: 2;
	}

	#top #homefoto.no_margin.av_three_fifth {
		position: absolute;
		top: 46px;
		right: 0;
		width: 66%;
	}
	
}