/*
Theme Name: Thierry Lejeune Paintings
Theme URI: http://sjozsef.github.io/geckopress/
Author: Christiaan Michaux
Author URI: https://flexinet.be
Template: geckopress
Template Version: 0.3.0
Description: Thierry Lejeune Paintings child theme
Version: 2.7.0
Tags: right-sidebar, custom-header, custom-menu, editor-style, featured-images, translation-ready
Text Domain: lejeunepaintings

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* COLORS
grijs-lichter:	#f5f5f5
grijs-licht:	#aeaeae
grijs-medium:	#828282
grijs-donker:	#515151
grijs-donker2:	#000
*/



/* FONTS */
@font-face {
    font-family: 'arialregular';
    src:url('arial-webfont.woff2') format('woff2'),
		url('arial-webfont.woff') format('woff');
    font-weight: 400;
    font-style: 400;
}
@font-face {
    font-family: 'arial_blackregular';
    src:url('arial_black-webfont.woff2') format('woff2'),
		url('arial_black-webfont.woff') format('woff');
    font-weight: 400;
    font-style: 400;
}

html, body, h2, h4, h5, h6, p, li, th, td, a, strong, address, input,
.button, .sticky, .gallery-caption, .bypostauthor, .wpcf7-response-output, .knop-recht, .knop-rond, #cookie-notice, #copyrightbar,
.divisie_tekst, .divisie_samenvatting, .newsitem_date, .article_date, .wpml-ls{
	font-family:'arialregular', sans-serif!important
}
h1, h3{
	font-family:'arial_blackregular', sans-serif!important
}



/* SELECTORS */
html{
	font-size:15px;
	overflow-x:hidden
}

body{
	background:#000;
	overflow:hidden
}

h1{
	font-weight:400;
	font-size:44px;
	line-height: 46px;
	color:#fff;
	text-transform:uppercase;
	margin-top:-4px;
	margin-bottom:0;
}
h2, .as_h2{
	font-weight:400;
	font-size:32px;
	color:#fff;
	line-height: 39px;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:0;
}
@media screen and (max-width:580px){
	h1{font-size:30px}
	h2, .as_h2{font-size:22px}
}
h3{
	font-weight:400;
	font-size:26px;
	color:#515151;
	text-align:left;
	text-transform:uppercase
}
h4{
	font-weight:300;
	font-size:20px;
	color:#515151
}
p, strong, .sticky, .gallery-caption, .bypostauthor, .wpcf7-response-output, .divisie_tekst, .newsitem_date, .article_date, #copyrightbar{
	font-weight:300;
	font-size:15px;
	color:#515151;
	line-height:1.6em
}
p strong{
	font-weight:500
}
td{
	font-weight:300;
	font-size:15px;
	color:#515151
}
li{
	padding-bottom:0.5em!important;
	font-weight:300;
	font-size:15px;
	color:#515151
}
a{
	font-weight:300;
	font-size:15px;
	color:#828282!important
}
a.not-active { /* disable links in underlying layers, because IE doesn't support pointer-events:none */
	display:none!important;
}



/* HEADER */
header{
	position:absolute;
	bottom:102px;
	height:160px; /* height of header */
	width:100%;
	margin:0 auto;
	display:block;
	background:#000;
	box-shadow:1px 0 1px 0 #000;
	z-index:1001;
}
header.top{
	bottom:calc(100% - 160px)
}
#headerwrapper{
	position:relative;
	top:0;
	left:0;
	height:inherit;
	padding-left:10px;
	padding-right:10px
}
#headerimage{
	position:absolute;
	height:160px; /* height of header */

}
#headerimage img{
	width:280px; /* width of logo */
	height:auto; /* height of logo */
	z-index:1002
}
.helper{
	display:inline-block;
	height:100%;
	vertical-align:middle
}
#headerwrapper p{
	margin-bottom:0;
	color:#fff
}
#headertext1{
	padding-top:26px;
	padding-right:16px;
}
#headertext2{
	padding-top:10px;
	padding-right:16px;
}
#headertext1 .war_soundy_audio_control{
	margin-top:-1px;
	margin-left:8px
}
@media (max-width:780px){
	#headerwrapper{text-align:center}
	#headertext1{display:inline-block;padding:70px 0 0 0!important;float:none}
	#headerimage{top:-30px;left: 50%;transform: translate(-50%, 0)}
	#headerimage img{width:140px}
}

#skipintro {
	position:fixed;
	bottom:2em;
	right: 2em;
	color:#fff;
	z-index: 999999;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	-o-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out
}
#skipintro:hover {
	opacity:.6;
	cursor:hand;
	cursor:pointer;
}
#skipintro img {
	margin-bottom:2px
}



/* MENUS */
#headermenu-container{
	position:absolute;
	top:114px;
	right:0
}
#headermenu{
	z-index:99;
	width:100%
}
#headermenu > div{
	position:relative;
	right:0
}
#headermenu ul{
	display:inline-block;
	padding-left:0;
	list-style:none;
	text-decoration:none
}
#headermenu li{
	display:inline;
	margin:0 0 0 .8em;
	text-align:left
}
#headermenu a{
	font-weight:400;
	font-size:15px;
	color:#fff!important;
	text-decoration:none;
	padding:5px 22px 21px 21px!important;
	-webkit-transition:color .2s ease-in-out, border .2s ease-in-out;
	-moz-transition:color .2s ease-in-out, border .2s ease-in-out;
	transition:color .2s ease-in-out, border .2s ease-in-out
}
#headermenu .menu > li > a:hover, #headermenu .menu > li.current-menu-item > a, #headermenu .menu > li.current-page-ancestor > a{
	border-bottom:#828282 solid 5px
}
#headermenu .menu > li > a:hover{
	color:#828282!important
}
#headermenu .menu > li > a:active{
	opacity:.9
}

#headermenu .menu-item-has-children{
	position:relative
}
#headermenu .menu-item-has-children .sub-menu{
	display:none;
	position:absolute;
	top:44px;
	left:-10.3em;
	width:28em;
	height:3.4em;
	padding-left:4px;
	background:rgba(0, 0, 0, .7);
	opacity:0;
	-webkit-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
	text-align:justify; /* Menu justification */

}
#headermenu ul:after { /* Menu justification */
	content:'';
	display:inline-block;
	width:100%;
	line-height:0!important;
	background:red!important
}
#headermenu .menu-item-has-children:hover .sub-menu{
	display:block;
	opacity:1!important
}
#headermenu .menu-item-has-children .sub-menu li{
	display:inline-block;
	margin:0;
	padding:0!important
}
#headermenu .menu-item-has-children .sub-menu a{
	display:block;
	padding:15px 20px!important
}
#headermenu .menu-item-has-children .sub-menu a:hover{
	background:#828282;
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out
}
@media (max-width:991px){#headermenu a{padding:5px 12px 22px 11px!important}}
@media (max-width:885px){#headermenu a{padding:5px 5px 22px 4px!important}}
@media (max-width:810px){#headermenu a{padding:5px 2px 22px 1px!important}}



/* RESPONSIVE MENU */
#resmenu-container{
	display:none;
	position:fixed;
	top:8px;
	right:18px;
	width:28px;
	height:24px;
	float:right;
	z-index: 9999
}
#resmenu-button{
	position:relative;
	width:38px;
	height:34px;
	border:#fff solid 2px!important;
	border-radius:4px;
	opacity:0.7
}
#resmenu-button:hover{
	opacity:1

}
#resmenu-button span{
	position:absolute;
	top:2px;
	left:0;
	width:100%;
	height:100%;
	font-size:28px;
	color:#fff;
	-webkit-transition:opacity .2s ease-in-out, border .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out, border .2s ease-in-out;
	transition:opacity .2s ease-in-out, border .2s ease-in-out
}
#resmenu-button span.active{
	opacity:1
}
#resmenu-button span.not-active{
	opacity:0
}
#resmenu-button.is-active span.active{
	opacity:0
}
#resmenu-button.is-active span.not-active{
	opacity:1
}

#popout{
	position:fixed;
	width:300px;
	top:0px;
	left:-340px;
	overflow:auto;
	-webkit-box-shadow:0 0 10px 0 #000;
	-moz-box-shadow:0 0 10px 0 #000;
	box-shadow:0 0 10px 0 #000
}
#resmenu-title{
	padding:5px;
	background:#000;
	font-size:24px;
	color:#828282!important
}
#popout ul{
	margin:0;
	padding:0
}
#popout .resmenu li{
	padding-bottom:0!important;
	border-top:#000 solid thin;
	list-style:none
}
#popout .resmenu a{
	display:block;
	padding:8px 15px;
	background:#43494c;
	font-size:20px;
	color:#fff!important
}
#popout .resmenu a:hover{
	color:#828282!important;
	background:#000!important;
	text-decoration:none
}
#popout .resmenu a:active{
	opacity:.8
}
#popout .resmenu .sub-menu{
	top:0
}
#popout .resmenu .sub-menu a{
	padding-left:40px
}

@media screen and (max-width:780px){
	#headermenu-container{display:none}
	#resmenu-container{display:block}
	.wpml-ls{margin-top:46px!important}
	.tos-close{top:60px}
}



/* KNOPPEN */
.knop, .knop-recht, .knop-rond, #cookie-notice .button, input.wpcf7-submit{
	display:inline-block;
	padding:8px 30px!important;
	border:#828282 solid 2px!important;
	border-radius:0;
	background:rgba(255, 255, 255, .2)!important;
	font-size:17px;
	font-weight:400;
	color:#828282!important;
	text-align:center;
	-webkit-transition:background .2s ease-in-out, border .2s ease-in-out;
	-moz-transition:background .2s ease-in-out, border .2s ease-in-out;
	transition:background .2s ease-in-out, border .2s ease-in-out
}
.knop-recht, input.wpcf7-submit{
	border-radius:0!important
}
.knop-rond, #cookie-notice .button{
	border-radius:99px
}
.knop:hover, .knop-recht:hover, .knop-rond:hover, input.wpcf7-submit:hover{
	background:rgba(30, 30, 30, .3)!important;
	text-decoration:none
}
.knop:active, .knop-recht:active, .knop-rond:active, input.wpcf7-submit:active{
	opacity:.8
}
.knop:visited, .knop-recht:visited, .knop-rond:visited, input.wpcf7-submit:visited{
	color:#828282
}
.knop:disabled{
	background: #fff url('./images/ajax-loader.gif') center center no-repeat!important;
	color: transparent!important;
	-webkit-transition:background-image .2s ease-in-out, border .2s ease-in-out;
	-moz-transition:background-image .2s ease-in-out, border .2s ease-in-out;
	transition:background-image .2s ease-in-out, border .2s ease-in-out
}
.knop-klein, #cookie-notice .button{
	padding:2px 8px;
	font-size:13px
}
.knop-geel, #cookie-notice .button{
	background:#828282
}

.lsow-icon-wrapper:hover{
	text-decoration:none
}


.blokwerkwijze .lsow-tab-nav{
	margin-left:0!important;
	margin-right:0!important
}
.blokwerkwijze .lsow-tab-nav .lsow-tab{
	width:25%;
	margin-right:0!important;
	text-align:left
}
.blokwerkwijze .lsow-tab-nav .lsow-tab:hover{
	background:rgba(255, 255, 255, .8)
}
@media screen and (max-width:780px){
	.blokwerkwijze .lsow-tab-nav .lsow-tab{
		width:100%;
		text-align:left!important}
}
.blokwerkwijze .lsow-tab-nav .lsow-tab:before{
	height:5px!important
}
.blokwerkwijze .lsow-tab-nav .lsow-tab-title{
	font-weight:400!important;
	text-transform:initial!important
}
.blokwerkwijze .lsow-icon-wrapper > span{
	width:45px!important
}
.blokwerkwijze .lsow-tab-panes .lsow-tab-pane{
	font-weight:300
}
.blokwerkwijze .lsow-mobile-layout .lsow-tab{
	border-left:transparent solid 5px;
	border-left-width:5px!important;
	border-right-width:5px!important
}
.blokwerkwijze .lsow-tab-mobile-menu{
	text-decoration:none
}
.blokwerkwijze .lsow-tab:nth-of-type(7) .lsow-icon-wrapper > span{
	background:url('images/uitvoering.png') top left no-repeat;
	background-size:contain
}
.blokwerkwijze .lsow-tab:nth-of-type(7) .lsow-icon-wrapper > span:before{
	visibility:hidden
}



/* BLOKKEN */
.fotocirkel{
	background-repeat:no-repeat;
	background-position:center;
	width:320px;
	height:320px;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
	padding:0
}
.fotocirkel div, .fotocirkel a, .fotocirkel img{
	height:inherit!important
}
.fotocirkel a img:hover{
	opacity:.8
}
.fotocirkel a img:active{
	opacity:.6
}
#over-ons-team .fotocirkel{
	width:180px;
	height:180px
}

.klikblok { /* make whole div clickable */
	display:inline-block!important;
	position:relative
}
.klikblok:hover { /* make whole div clickable */
	cursor:hand;
	cursor:pointer;
	opacity:.8
}
.klikblok:active { /* make whole div clickable */
	opacity:.6
}
.klikblok .bloklink { /* make whole div clickable */
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background:#fff; /*workaround to make clickable in IE */
	opacity:0; /*workaround to make clickable in IE */
	filter:alpha(opacity=0); /*workaround to make clickable in IE */
}


.bloksubmenu{
	border:#00959d solid 1px
}
.bloksubmenu ul{
	margin:0;
	padding:0!important;
	list-style:none
}
.bloksubmenu > ul{
	margin:0!important;
	padding:0!important
}
.bloksubmenu li{
	width:100%;
	padding:0!important;
	border-top:#cccccc solid 1px!important;
	background:#f5f5f5!important
}
.bloksubmenu li:hover{
	background:#07969e!important;
	text-decoration:none!important
}
.bloksubmenu li:hover > a{
	color:#fff!important
}
.bloksubmenu .children{
	margin-left:1em
}
.bloksubmenu .children li:hover{
	background:transparent!important;
	background:rgba(38, 44, 87, .2)!important;
	color:#344a5f;
	font-weight:500;
	text-decoration:none!important
}
.bloksubmenu li a{
	display:block;
	font-size:14px;
	font-weight:500;
	color:#00959d!important;
	text-decoration:none
}
.bloksubmenu li a{
	padding:1px 15px 0 15px!important
}
.bloksubmenu li.current-cat > a, .bloksubmenu .current-menu-item > a{
	text-decoration:none;
	color:#344a5f!important
}
.bloksubmenu a:hover{
	text-decoration:none;
	color:#fff!important
}
.bloksubmenu a:active{
	opacity:.8
}


.fototeam{
	padding-left:20px;
	padding-right:20px
}



/* PODS */
.divisies{
	font-size:0;
	text-align:center
}
.divisie_kolom{
	display:inline-block;
	float:none;
	margin:0;
	padding:0;
	vertical-align:top
}
@media screen and (min-width:781px){
	.divisies-breed{display:block}
	.divisies-smal{display:none}
}
@media screen and (max-width:780px){
	.divisies-breed{display:none}
	.divisies-smal{display:block}
	.divisie_kolom{width:100%!important}
}
.divisie{
	width:100%
}
.divisie_inhoud{
	height:100%;
	background:#fff;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.divisie_foto{
	height:150px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.divisie .divisie_titel{
	height:1.2em;
	margin-left:15px;
	margin-right:15px;
	text-align:left
}
.divisie .divisie_titel img{
	margin-top:-6px;
	height:20px;
	width:auto;
	margin-right:10px
}
.divisie .divisie_titel span{
	height:22px!important;
	width:auto;
	margin-right:10px
}
.divisie .divisie_titel i{
	height:22px!important;
	width:auto;
	margin-right:10px
}
.divisie .divisie_titel i:before{
	height:22px!important;
	width:auto
}
.divisie .divisie_tekst{
	height:9em;
	margin-left:15px;
	margin-right:15px;
	text-align:left
}
@media screen and (max-width:780px){
	.divisie .divisie_tekst{height:7em}
}
.divisie .divisie_tekst ul{
	padding-left:17px;
	line-height:1.2em
}
.divisie .divisie_doel{
	height:2em;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:50px;
	text-align:left
}


.news_recent, .news_archive, .news_featured, .news_single, .articles_recent, .articles_archive, .articles_featured, .articles_single{
	margin-top:2em
}
.newsitem, .article {
	/* make whole div clickable */
	position:relative;
	margin:4px;
	background:#fff;
	overflow:hidden
}
.news_recent .newsitem, .news_featured .newsitem, .articles_recent .article, .articles_featured .article{
	float:left
}
@media screen and (max-width:780px){
	.news_recent .newsitem, .news_featured .newsitem, .articles_recent .article, .articles_featured .article{
		width:100%!important;
		float:none
	}
}
.news_archive .newsitem, .articles_archive .article { /* make whole div clickable */
	position:relative;
	margin-bottom:2em!important;
	overflow:hidden
}
.news_recent .newsitem:hover, .news_archive .newsitem:hover, .news_featured .newsitem:hover,
.articles_recent .article:hover, .articles_archive .article:hover, .articles_featured .article:hover { /* make whole div clickable */
	cursor:hand;
	cursor:pointer;
	opacity:.8
}
.news_recent .newsitem .bloklink, .news_archive .newsitem .bloklink, .news_featured .newsitem .bloklink,
.articles_recent .article .bloklink, .articles_archive .article .bloklink, .articles_featured .article .bloklink { /* make whole div clickable */
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background:#fff; /*workaround to make clickable in IE */
	opacity:0; /*workaround to make clickable in IE */
	filter:alpha(opacity=0); /*workaround to make clickable in IE */
}
.newsitem_image, .article_image{
	position:relative;
	height:160px;
	background-size:cover
}
.news_recent .newsitem_image, .news_featured .newsitem_image, .articles_recent .article_image, .articles_featured .article_image{
	margin-top:-10px!important
}
.news_archive .newsitem_image, .articles_archive .article_image{
	float:left
}
.newsitem .linksboven, .article .linksboven{
	display:none;
	position:absolute;
	top:12px;
	left:12px
}
.newsitem:hover .linksboven, .article:hover .linksboven{
	display:block
}
.newsitem .newsitem_date, .article .article_date{
	position:absolute;
	top:0;
	right:0;
	padding:.05em .6em .1em .6em;
	background:#262c57;
	font-size:18px;
	color:#fff
}
.newsitem .newsitem_text, .article .article_text{
	padding-left:14px;
	padding-right:14px
}
.news_archive .newsitem_text, .news_single .newsitem_text, .articles_archive .article_text, .articles_single .article_text{
	height:214px
}
.newsitem .newsitem_text h3, .newsitem .newsitem_text h4, .article .article_text h3, .article .article_text h4{
	margin-top:0;
	padding-top:.5em
}
.news_recent .newsitem_excerpt, .news_featured .newsitem_excerpt,
.article_recent .article_excerpt, .articles_featured .article_excerpt{
	height:3.3em;
	margin-bottom:3em
}
.newsitem .bottom, .newsitem .newsitem_link, .article .bottom, .article .article_link {


}
.news_recent .newsitem .bottom, .news_archive .newsitem .bottom, .news_featured .newsitem .bottom,
.articles_recent .article .bottom, .articles_archive .article .bottom, .articles_featured .article .bottom{
	position:absolute;
	bottom:15px
}
@media screen and (max-width:780px){
	.news_recent .newsitem, .news_featured .newsitem, .articles_recent .article, .articles_featured .article{
		margin-bottom:2em!important
	}
	.news_recent .newsitem_text p, .news_featured .newsitem_text p, .articles_recent .article_text p, .articles_featured .article_text p{
		margin-bottom:.5em
	}
	.news_recent .newsitem .bottom, .news_featured .newsitem .bottom, .articles_recent .article .bottom, .articles_featured .article .bottom{
		position:initial!important;
		padding-bottom:1em!important
	}
}
@media screen and (max-width:991px){
	.news_archive .newsitem_image, .news_archive .newsitem_text, .articles_archive .article_image, .articles_archive .article_text{
		width:50%!important;
		float:left!important
	}
}



/* DYNAMIC CONTENT */
header{
	opacity:0;
	-webkit-transition:bottom 1s ease-in-out, opacity 3s ease-in-out;
	-moz-transition:bottom 1s ease-in-out, opacity 3s ease-in-out;
	-o-transition:bottom 1s ease-in-out, opacity 3s ease-in-out;
	transition:bottom 1s ease-in-out, opacity 3s ease-in-out
}
#rijachtergrond, #footer, footer, #startline1, #startline2, #startline3{
	opacity:0;
	-webkit-transition:opacity 3s ease-in-out;
	-moz-transition:opacity 3s ease-in-out;
	-o-transition:opacity 3s ease-in-out;
	transition:opacity 3s ease-in-out
}
.rijinhoud{
	position:relative;
	top:0;
	left:0;
	border-bottom:#a5a5a5 solid 5px;
	background:#fff;
	opacity:0;
	z-index:900;
	-webkit-box-shadow:0 0 10px 0 #000;
	-moz-box-shadow:0 0 10px 0 #000;
	box-shadow:0 0 10px 0 #000;
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	pointer-events:none
}
.rijinhoud.activerow{
	opacity:1;
	pointer-events:auto
}

.rijinhoud > .panel-grid-cell{
	padding-left:10px!important;
	padding-right:10px!important
}

.cel-rijinhoud{
	position:relative;
	min-height:330px
}
/*.cel-rijinhoud .fotocirkel{
position:absolute;
	top:4px;
	right:-45px
}
.cel-rijinhoud .fotocirkel img{
height:330px!important}*/
.cel-rijinhoud .overlay{
	position:absolute;
	top:-20px;
	left:-20px
}



/* RIJEN */
.page-builder-content > div{
	position:relative
}
.page-builder-content > div > .panel-grid{
	position:absolute;
	top:160px;
	left:0;
	height:100%!important
}
.page-builder-content > div > .panel-grid:first-of-type{
	position:relative
}

.rij{
	padding-top:3em;
	padding-bottom:3em
}


#rijachtergrond{
	position:relative;
	height:100%;
	z-index:1
}
#rijstart{
	position:relative;
	height:100%;
	z-index:0
}
#rijachtergrond > .panel-grid-cell,
#rijstart > .panel-grid-cell{
	height:100%
}
#rijachtergrond > .panel-grid-cell > .widget{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	opacity:0
}
#rijstart > .panel-grid-cell > .widget{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	opacity:1;
	text-align: center
}
#rijachtergrond > .panel-grid-cell > .widget_sow-editor:first-of-type{
	opacity:1!important
}
#rijachtergrond .blokachtergrond{
	height:100%;
	width:100%
}
#rijachtergrond .textwidget,
#rijstart .textwidget{
	position:absolute;
	top:20%;
	left:0;
	right:0
}
#rijachtergrond h1, #rijachtergrond h2, #rijachtergrond .as_h2,
#rijstart h1, #rijstart h2, #rijstart.as_ h2{
	text-shadow:0 2px 4px #000,0 4px 8px #000
}
#rijstart .startanim {
	margin-top: 80px
}


#rijwelkom h3, #rijdiensten h3{
	padding-bottom:0.5em
}

#rijwelkom ul{
	margin-left:2px;
	padding-left:30px;
	list-style-position:outside
}
#rijwelkom li{
	padding-bottom:10px;
	line-height:21px
}


#rijdivisies{
	margin-top:-10px!important
}
#rijdivisies h3{
	text-align:center
}


#rijteamfotos h4{
	margin:0;
	text-align:center
}



/* GALLERY */
.gallery_catlist{
	margin-bottom:20px;
	text-align:center
}
.gallery_catlist_container .gallery_catlist_item{
	margin:.5em;
	padding:.5em 1em;
	border:none;
	border-radius: 0;
	background:#e0e0e0;
	color:#515151;
	font-weight:400;
	-webkit-transition:background 1s ease-in-out, color 1s ease-in-out;
	-moz-transition:background 1s ease-in-out, color 1s ease-in-out;
	transition:background 1s ease-in-out, color 1s ease-in-out
}
.gallery_catlist_container .selected{
	background:#828282;
	color:#fff
}
.gallery_catlist_container .gallery_catlist_item:hover{
	outline:#828282 solid 2px
}
.gallery_catlist_container .gallery_catlist_item:active{
	opacity:.8
}
.gallery_catlist_item.selected:hover{
	outline:none
}

.galleries_archive{
	height:auto;
	text-align:center;
	font-size:0
}
.galleries_archive .gallery_image{
	display:inline-block
}
.galleries_archive .gallery_image:hover{
	opacity:.8
}
.galleries_archive .gallery_image:active{
	opacity:.6
}
.galleries_archive .gallery_image img{
	margin:0 5px 10px 5px;
	height:auto;
	max-height:200px;
	width:auto;
	max-width:300px;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
.galleries_archive .hide_cat img{
	max-height:0;
	margin-left:0;
	margin-right:0;
	opacity:0
}

.galleries_foot {
	margin-top: 2em;
	text-align: center;
}

.tos-pagination {
	background: rgba(0, 0, 0, .6)
}
.tos-caption {
	padding-top: 10px;
	background: rgba(0, 0, 0, .6);
	font-size: 16px!important;
	opacity: 1;
}
.tos-caption span {
	margin-right: 1.2em;
	font-style: italic;
}
.tos-close span:before, .tos-close span:after {
	height: 12px !important;
	width: 12px !important
}
.tos-slide {
	position: relative;
	padding:0!important;
}
.tos-slide img {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	zoom: 4;
    display: block;
    margin: auto;
    height: auto;
    width: auto;
}
.tos-fastanimation,.tos-wrapper,.tos-slide>*,.tos-loading,.tos-image, .tos-loading {
	/* .tos-wrapper.tos-fx-slide .tos-slider,.tos-wrapper.tos-fx-fade .tos-slider,.tos-uibg */
	-webkit-transition-duration:3s!important;
	transition-duration:3s!important;
}
#swipebox-overlay{
	background:rgba(0, 0, 0, .8)
}



/* MAIN */
#main .bs-container, #headerwrapper, #rijachtergrond .blokachtergrond > div, .page-builder-content > div > .panel-grid, .rijinhoud > div, #footer .bs-container, #copyrightbar{
	width:100%;
	max-width:1240px;
	margin:0 auto!important
}
#main .bs-container{
	padding:0
}

.error404 #main{
	background:#fff
}
#rij404 .rij{
	padding:3em!important
}



/* FOOTER 1 */
#footer{
	position:relative;
	width:100%;
	padding-top:0;
	padding-bottom:0;
	box-shadow:1px 0 1px 0 #000;
	background:#000!important;
	overflow-y:visible;
	z-index:999
}
#footer:after{
	position:absolute;
	top:-30px;
	width:100%;
	content:"\e114"; /* .glyphicon-chevron-down */
	font-family:'Glyphicons Halflings';
	font-size:25px;
	font-weight:400;
	color:rgba(255,255,255,.5);
	text-align:center;
	text-shadow:0 2px 4px rgba(0,0,0,.5)
}
#footer h3{
	padding-bottom:0!important
}
#footer h3, #footer p, #footer a, #footer .knop{
	display:block;
	color:#fff!important;
	text-align:center;
	background-image:none!important
}
#footer .row > div{
	width:100%
}
#footer .blokbacktotop{
	position:absolute;
	bottom:0;
	right:15px
}

#rijcontacttitel{
	padding-bottom:0!important
}
#rijcontact{
	padding-top:3em!important;
	padding-bottom:1.2em!important
}
#rijcontact .footerlogo img{
	display:block;
	width:280px;
	height:auto;
	margin-left: 10px
}
#rijcontact h3 a{
	font-size:26px;
	font-weight:300!important
}
#rijcontact h3 a:hover{
	text-decoration:none
}
#rijcontacttitel h3, #rijcontact .bloknieuwsbrief p{
	text-align:center
}
#rijcontact a:hover{
	text-decoration:none;
	color:#828282!important;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out
}

#rijcontact .blokcontacteer{
	padding-top:25px;
	background-position:top center!important
}
#rijcontact .blokmenu li{
	margin-top:-3px
}
#rijcontact .blokmenu li{
	padding:0;
	border:none;
	background:none
}
#rijcontact .blokmenu a{
	padding:0;
	font-size:15px
}
#rijcontact > .panel-grid-cell:nth-of-type(2) > .celcontact > .widget_sow-image{
	margin-bottom:18px!important
}
@media screen and (max-width:780px){
	#rijcontact .footerlogo img{display:block;margin: 0 auto;width:140px}
}



/* FOOTER 2 */
footer{
	position:relative;
	min-height:40px;
	width:100%;
	background:#828282;
	overflow:hidden;
	z-index:1
}
#copyrightbar{
	position:relative;
	bottom:0;
	padding:7px 1em;
	line-height:27px;
	font-size:13px!important;
	color:#aeaeae
}
#copyrightbar > .right{
	position:absolute;
	right:15px;
	top:8px
}
#copyrightbar > .left{
	margin-right:140px;
	font-weight:400
}
#copyrightbar a{
	font-size:13px!important;
	font-weight:400;
	color:#f5f5f5!important;
	text-decoration:none
}
#copyrightbar a:hover{
	text-decoration:underline
}
.flexinet_logo img{
	height:23px;
	width:auto
}
.flexinet_logo:hover{
	opacity:0.8
}



/* WPML */
.wpml-ls{
	display:inline-block;
	margin:0;
	padding:0
}
.wpml-ls a{
	color:#fff!important
}
.wpml-ls a:hover, .wpml-ls .wpml-ls-current-language a{
	color:#828282!important;
	text-decoration:none
}



/* GENERAL */
.left{float:left}
.right{float:right}
.center{text-align:center}
.justify{text-align:justify}
.spinner{
	width:16px;
	height:16px;
	margin:0 auto;
	background:url(../../../wp-includes/images/wpspin.gif) center center no-repeat;
	visibility:hidden
}
.spinner.is-active {
	visibility:visible;
	opacity:0.7
}



/* COOKIES */
#cookie-notice{
	background:rgba(0, 0, 0, 0.8)!important
}



/* SITEMAP */
.widget_pages h3 {
	display: none
}



/* TEMPORARY OFF */
.bloknieuwsbrief{
	display:none
}