/*
 Theme Name:   Zijerveld Theme
 Theme URI:    http://www.zijerveldfood.nl
 Description:  Thema voor website Zijerveld
 Author:       Opmerklik.nl
 Author URI:   http://www.opmerklik.nl
 Template:     zijerveld
 Version:      1.0.0
 Tags:         
 Text Domain:  zijerveld-child
*/

@import url("../zijerveld/style.css");
@font-face {
    font-family: "zijerveld";	
	src: url('font/QuadraatSansOT-Regular.eot?#iefix') format('embedded-opentype'), 
         url('font/QuadraatSansOT-Regular.woff') format('woff'), 
         url('font/QuadraatSansOT-Regular.ttf')  format('truetype'),
         url('font/QuadraatSansOT-Regular.svg#svgFontName') format('svg');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "zijerveld-italic";	
	src: url('font/quadraatsansot-italic.eot?#iefix') format('embedded-opentype'), 
         url('font/quadraatsansot-italic.woff') format('woff'), 
         url('font/quadraatsansot-italic.ttf')  format('truetype'),
         url('font/quadraatsansot-italic.svg#svgFontName') format('svg');	
	
    font-weight: normal;
    font-style: normal;
}

/* Main Adjustments */
 
#footer-widgets .widget a {
	color:#000;
	text-decoration:none;
}

#footer-widgets .widget a:hover {
	text-decoration:underline;
}

ul, ol {
	margin: 0 0 1.5em 1.5em;
}

body {
	font-family: "zijerveld";
	background:transparent!important;
}

#main {
  background: #fff;
 position:relative;
 z-index:10;

}

h1, h2, h3, h4, h5, h6 {
	font-family: "zijerveld";
}

h1.sow-headline {font-size: 30px; text-align:center;}
.entry-content h2 {font-size: 30px;}
.entry-content h3 {font-size: 16px;margin:0.25em 0;}

.widget_headline-widget .decoration,
.widget_headline-widget h3 {
	display:none;
}

.textwidget p {
	font-size:16px;
	color:#000;
	line-height: 1.8em;
}

/* Slider */
#main-slider {
	background:#FFF;
}

.theme-default .nivo-controlNav a {
	background: #eceeee!important;
    border-radius: 15px;
	width:15px!important;
	height:15px!important;
}

.theme-default .nivo-controlNav a.active {
	background: #c6d688!important;
}

body.responsive.layout-full #page-wrapper .full-container,
.layout-full #page-wrapper .full-container {
	max-width: 1150px;
}

.entry-content ul {
	list-style-position: inside;
}

/* Menu Adjustments */

#masthead.masthead-logo-in-menu .logo > img {
	max-height: 74px;
}

#menu-hoofdmenu > li,
#menu-hoofdmenu-duits > li,
#menu-hoofdmenu-engels > li,
#menu-hoofdmenu-frans > li {
	margin-top: 25px!important;
	margin-bottom: 30px!important;
}



.main-navigation ul li a {
	    padding: 11px 17px;
		font-family: "zijerveld";
		font-size:18px;
		font-weight:normal;
		
		
}

.main-navigation ul ul li a{
	 padding: 15px 15px;
	 width: 260px;
}

.main-navigation ul ul {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.80);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.80);
    box-shadow: 0 1px 2px rgba(0,0,0,0.80);
}

.main-navigation #menu-hoofdmenu > li,
.main-navigation #menu-hoofdmenu-duits > li,
.main-navigation #menu-hoofdmenu-engels > li,
.main-navigation #menu-hoofdmenu-frans > li  {
	margin:0 5px;
}

.main-navigation ul li.btn_order > a {
	background: #006642;
	color: #FFF;
	border-radius:4px;
}

.main-navigation ul li.btn_order > a:hover {
	background: rgba(0, 102, 67, 0.8);
	color: #FFF;
}

.main-navigation ul li.menu-item-has-children > a:after { 
	content: "\203A";
	position:absolute;
	right:3px;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	font-size: 22px;
} 

#menu-hoofdmenu,
#menu-hoofdmenu-duits,
#menu-hoofdmenu-engels,
#menu-hoofdmenu-frans {
	background:url('images/dotted-line.png') bottom 15px right 5px no-repeat;
	position: relative;
	z-index:10;
}

.current_page_parent > a,
.current-menu-item > a{
	color:#c6d687!important;
}


/*#page-wrapper:before*/
#masthead .full-container:before  {
	content: "";
	background:url('images/circle.png') bottom right no-repeat;
	position:absolute;
	position: fixed;
	z-index:9;
	width:396px;
	height:396px;
	top: -180px;
    left: -80px;
	border-radius: 236px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px;
	opacity:1;

}

#masthead #sticky-container .full-container:before {
	opacity:0;

}

.main-navigation.sticky:after {
	box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset!important;
}

#masthead.masthead-logo-in-menu .logo {
	position: relative;
	z-index:20;
	padding:2.5px 0;
	position: fixed;
    left: 60px;
    top: 25px;
	top: 0px;
	margin-top: 23.5px!important;
}

@media (max-width: 1270px) {
	#masthead.masthead-logo-in-menu .logo {
		position: relative;
		left: 8px;
		top: -30px;
		margin-bottom: -8px;
	}
	
	#masthead .full-container:before {
		position:absolute;
		left: -165px;
	}
}

.lang-menu ul,
.lang-menu #menu-header-menu{
	margin:0;
	padding:0;
	padding-top:20px;
	margin-bottom:-10px;
	text-align:right;
	position:relative;
	z-index:99999;
}

.lang-menu ul li {
	display: inline-block;
	margin: 0 5px!important;
}


.lang-menu ul li.lang-change {
	margin-left: 40px!important;
	margin-right:2px!important;
}

.lang-menu ul li.less-margin {
	margin: 0 2px!important;
	}

.lang-menu ul li a {
	color: #8c8c8c;
	text-decoration:none;
	font-size: 13px;
	padding:0;
}

/* Vervolpagina */ 

#intro {
	background:url('images/header_schaduw.png') bottom center no-repeat;
	padding-top: 20px!important;
    padding-bottom: 60px!important;
}

#intro-vacature {
	background:url('images/header_schaduw.png') bottom center no-repeat;
	padding-top: 20px!important;
    padding-bottom: 60px!important;
	
	width:770px;
	margin:0 auto!important;
}

#intro-vacature h2 {
	font-size: 18px;
	margin-bottom:0.5em;
}

#intro-nopadding {
	background:url('images/header_schaduw.png') bottom center no-repeat;
	padding-top: 20px!important;
    padding-bottom: 60px!important;
}

#intro .textwidget,
#intro-nobg .textwidget {
	text-align:center;
	/*padding-left:190px;
	padding-right:190px;*/
	width:770px;
	margin:0 auto;
}

.text_content {
	/*padding-left:190px;
	padding-right:190px;*/
	width:770px;
	margin:0 auto!important;
}

#nl.panel-row-style,
#en.panel-row-style,
#du.panel-row-style {
	padding-top: 0px!important;
	display:none;
}

#nl.panel-row-style {
	display:block;
}

.tabs-menu {
	margin:0;
	padding:0;
	list-style-type:none!important;
}

.tabs-menu li {
	display:inline-block;
}

.tabs-menu li img {
	width:25px;
	opacity:0.5;
}

.tabs-menu li img:hover {
	opacity:0.8;
}

.tabs-menu li.current img {
	opacity:1;
}

.entry-content table {
	border:none!important;
}

#lang {
	padding:0;
	text-align:right;
	position:relative;
	top:-30px;
	margin-bottom:-35px;
}

#lang .textwidget {
	width:770px;
	margin:0 auto!important;
}

#intro .nieuws .textwidget {
	
}

.toets .textwidget {
	text-align:left!important;
}

.toets span.wpcf7-list-item {
	display: block;
}

.vid {
	cursor: pointer;
	height: 443px;
    width: 770px;
}

.post-password-form {
	text-align:center;
}

.post-password-form label {
	font-size: 16px;
}

.round img {border-radius: 75px;}

.andere-vacatures ul.page-list {
	margin:0;
	padding:0;
	

}

.andere-vacatures ul.page-list li {
	width: 26%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    list-style: none;
    min-height: 4em;
    padding: 2% 2%;
    background-color: #006643;	
}

.andere-vacatures ul.page-list li:hover {
	background-color: rgba(0, 102, 67, 0.9)

}

.andere-vacatures ul.page-list li:nth-child(3n+3) {  
  margin-right:0px;
}

.andere-vacatures ul.page-list li a{
	
	color:#FFF!important;
	display:block;
	    padding: 11% 5%;
		    line-height: 1.2em;
			    min-height: 2.4em;
	text-align:center;
	font-size: 22px;
	text-decoration:none;
	height: calc(100% - 100px);

}

.so-widget-sow-editor ul li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.4em;
    padding-left: 1em;
}

@media (max-width: 1024px) {
	#menu-hoofdmenu li a,
	#menu-hoofdmenu-duits li a,
	#menu-hoofdmenu-engels li a,
	#menu-hoofdmenu-frans li a{
    padding: 11px 13px;
    font-family: "zijerveld";
    font-size: 15px;
    font-weight: normal;
	}
	body.responsive #masthead.masthead-logo-in-menu .logo {
		margin-top: 10px!important;
	}
	#masthead .full-container:before {
		width: 370px;
    height: 370px;
	left: -110px;
	border-radius: 0;
    box-shadow: none;
	}
	#menu-hoofdmenu,
	#menu-hoofdmenu-duits,
	#menu-hoofdmenu-engels,
	#menu-hoofdmenu-frans	{
		z-index:8;
	}
	
}

@media (max-width: 780px) {
	#intro-vacature,
	.text_content,
	#intro .textwidget,
	#intro-nobg .textwidget	{
		width:100%;
		/*margin-left:-15px!important;
		margin-right:-15px!important;*/
		padding: 25px 0;
	}
	#main {
		/*padding-left:15px;
		padding-right:15px;*/
	}
	#video-home .video-space {
		height:350px!important;
		margin-top: -35px!important;
	}
	.lang-menu ul li.lang-change {
		margin-left: 20px!important;
	}
	#yoast-breadcrumbs, #navxt-breadcrumbs {
		    padding: 0.5em 0em;
	}
}

@media (max-width: 480px) {

	#masthead .full-container:before {
		display:none;
	}
	#menu-header-menu {
		margin-right: 15px!important;
	}
	body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul {
		margin-top:20px;
	}
	#masthead.masthead-logo-in-menu .logo {
		top: -10px;
	}
	
	#masthead.masthead-logo-in-menu .logo img{
		max-height:65px;
		    margin: 15px 0px 10px;
	}
	#masthead .full-container:before {
	border-radius: 0;
    box-shadow: none;
	width: 350px;
    height: 350px;
    left: -90px;
	}
	#video-home .video-space {
		height:150px!important;
		margin-top: -35px!important;
	}
	
	.andere-vacatures ul.page-list li {
		width:93%;
		margin-bottom: 5%;
	}
	.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=password], .wpcf7-form textarea, .wpcf7-form select {
		width: 100%!important;
	}
}

#footer-widgets .textwidget p{
	font-size:14px;
	color:#8c8c8c;
}

.cl-ib.animation_hebe.hover .cl-ib-desc {
  opacity: 1!important;
}

a .fa {
	text-decoration:none!important;
}

#footer-widgets .panel-grid-cell {
	background:url('images/lines_footer.png') top right no-repeat;
}


.h2_bold h2 {
	font-weight:700;
}

.entry-content ul {
	list-style-type: disc;
}

.entry-content ul li, .entry-content ol li {
	margin-left:0;
	font-size: 16px;
	line-height: 1.8em;
}

.textwidget p strong {
	color: #006642;
}

.wpcf7 label {
	width: 195px;
	display:inline-block;
	color:#006642;
	text-align:left;
}

em {
	font-size:85%;
}

input[type=text], input[type=email], input[type=password], textarea, select {
	border-radius: 0px;
	padding:10px;
	margin-bottom: 5px;
	
}

.wpcf7-form input[type=text], 
.wpcf7-form input[type=email], 
.wpcf7-form input[type=password], 
.wpcf7-form textarea, 
.wpcf7-form select {
	width:73%;
}

a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #006642;
	background: #006642!important;
	border:none!important;
	color:#FFF;
	font-family: "zijerveld";
	font-size:16px;
	font-weight:400;
}


/* Footer */
#colophon {
	background:#FFF url('images/header_schaduw.png') top center no-repeat;
	padding-top: 100px!important;
    padding-bottom: 40px!important;
}

.home #colophon {
	background:url('images/ft_schaduw.png') top center no-repeat;
	padding-top: 50px!important;
}

#colophon #theme-attribution, #colophon #site-info {
	font-size: 14px;
	color: #000;
}

#colophon #theme-attribution a, #colophon #site-info a {
	color: #006642;
}

#footer-widgets .widget .widget-title {
	color: #006642;
	font-size: 16px;
	margin-bottom: 10px;
}

#img_footer {
	padding:15px 0 10px;
}

#footer-widgets #img_footer .widget {
	padding:0;
}

#footer-widgets #img_footer .widget img {
	/*width:100%!important;*/
}

/* Code light bannertext adjustments */
.cl-ib-title {
	/*line-height: 1.2!important;*/
}

.widget_cl-ib .widget-title {
	margin-top: 1em!important;
	font-size:16px;
	text-align:center;
}

.two_lines.cl-ib.animation_caeros .cl-ib-title{
	    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.animation_aphelia .cl-ib-title,
.animation_aphelia .cl-ib-desc {
	line-height: 0.7!important;
}

.cl-ib.animation_aphelia .cl-ib-desc {
	opacity: 1!important;
}
.cl-ib.animation_aphelia.hover .cl-ib-desc {
	opacity: 0!important;
}

/* breadcrumbs adjustments */
#yoast-breadcrumbs, #navxt-breadcrumbs {
	background: #fff;
	color: #8c8c8c;
	margin-bottom: 0px;
}

#yoast-breadcrumbs a, #navxt-breadcrumbs a {
	color: #8c8c8c;
}

.panel-row-style-onder_title {
	text-align:center;
}

.panel-row-style-onder_title h3{
	font-size:23px;
}

/* Carreer pages */

.panel-row-style-staff .sow-headline {
	font-weight:700;
}

.panel-row-style-staff .sow-headline span {
	font-weight:500;
}

.panel-row-style-staff .textwidget p {
	text-align:center;
	color:#7a7a7a;
	font-family: "zijerveld-italic";
	font-size:16px;
}

.panel-row-style-staff .textwidget{
	background:url('images/staff_schaduw.png') bottom center no-repeat;
	padding-bottom:50px;
}


.panel-row-style-staff .widget_sow-headline {
	margin-bottom:25px!important;
}

#footer-widgets .widget {
	    width: 100%!important;
}

.footer_copyright .textwidget a{
	color: #006642!important;
}

#footer-widgets .textwidget p {
	color:#000!important;
}

body {
	margin-bottom:502px;
	position:relative;
	z-index:1;
}

.home #img_footer {display:none;}

#theme-attribution {
	position: fixed;
    bottom: 30px;
    width: 100%;
	z-index: -1;
	margin-left: -30px;
}

.home #theme-attribution {
	
position: relative;
    bottom: 0px;
    width: 100%;
	z-index: 1;

}

body.home {
	margin-bottom:0px;
}

#img_footer {
	position:fixed;
	bottom:0;
	z-index:-1;
}



.mobile-nav-frame .title h3,
.mobile-nav-frame ul li a.link {
	font-family: "zijerveld"!important;
}

.mobile-nav-frame,
.mobile-nav-frame .title {
	background:#006642!important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25)!important;
}

.mobile-nav-frame ul {
	background:rgba(0, 102, 67, 0.8)!important;
	border: 1px solid #006642!important;
}

li.page-item-910 a{
	    font-size: 28px!important;
    padding: 5% 11%!important;
}


/* Meta slider adjust */

.metaslider .caption {
	padding:0!important;
	    text-align: center;
}

.metaslider .caption-wrap {
    position: absolute;
    bottom: -5px!important;
    left: 0;
    background: transparent!important;
    color: white;
    opacity: 1!important;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

.metaslider .caption-wrap .caption img {
	display:inline-block!important;
	text-align: center;
}

.metaslider .slides img {
	width: 100%!important;
}

/* Meta slider adjust focus*/

.metaslider.focus .caption {
	padding:0!important;
	    text-align: left;
		    line-height: 36px;
    font-weight: 500;
    font-size: 52px;
	text-shadow: 0 0 7px rgba(0,0,0,1);
}

.metaslider.focus .caption-wrap {
    position: absolute;
    top: 15%;
    left: 20px;
	right:0;
    background: transparent!important;
    color: white;
    opacity: 1!important;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
	    width: 960px;
    margin: 0 auto;
}

.focus_items .page-list-ext-image::after {
	    content: "Focuskazen";
}

.wpcf7-response-output {
	display: block;
    font-size: 16px;
    text-align: center;
}

.wpcf7-display-none {
    display: none;
}

.page-template-template-full-notitlenews #primary {
  width: auto;
  float: none;
}

.page-template-template-full-notitlenews .featured-image img {
	width:100%;
}


.page-list-ext-image img {
	width:100%;
}


.page-list-ext .page-list-ext-item {
    width: 32%;
    margin-right: 1.33%;
    float: left;
    clear: none;
	cursor:pointer;
}

.page-list-ext .page-list-ext-image {
	margin: 0; 
}

.page-list-ext-title {
	margin-top: 1em!important;
    font-size: 16px;
    text-align: center;
	float: none;
    display: inline-block;
	width: 100%;
	min-height: 3em;
}

.page-list-ext-title a {
	text-decoration:none;
	top: 1em!important;
    
}




.page-list-ext-image {
 height: 188px;
 width: 375px;
 overflow: hidden;
}

.page-list-ext-image img {
 height: auto;
 width: 375px;
 -moz-transform: scale(1.8);
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
  z-index:-99;
  position:relative;
    -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}

.page-list-ext-image.hover img {
	-moz-transform: scale(1.6);
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
}

/* HEBE */

.hover-effect .page-list-ext-image {
  background-color: inherit;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  /*background-color: #006643;*/
  overflow:hidden;
}
.hover-effect .page-list-ext-image a:before,
.hover-effect .page-list-ext-image a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.3;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  background-color: #006643;
  pointer-events: none;
}
.hover-effect .page-list-ext-image a:after {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.hover-effect .page-list-ext-image a {
	display:block;
	margin-bottom:-7px;
}
    

.hover-effect .cl-ib-content {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hover-effect .cl-ib-title {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  font-family: "zijerveld";
  color: #FFF!important;
  font-size: 28px;
  margin: 0.5em 0 0.5em!important;
}
.hover-effect .cl-ib-desc {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  font-family: "zijerveld";
  color: #FFF;
   font-weight:300;
      font-size: 16px;
  
}
.hover-effect .page-list-ext-image.hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.hover-effect .page-list-ext-image.hover a:before,
.hover-effect .page-list-ext-image.hover a:after {
  opacity: 0.6;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hover-effect .cl-ib-content {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hover-effect .page-list-ext-image.hover .cl-ib-title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.hover-effect .page-list-ext-image.hover .cl-ib-desc {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.cl-ib-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.cl-ib-content {
  z-index: 2;
  text-align: center;
  padding: 10%;
}

.page-id-2896 #navxt-breadcrumbs,
.page-id-2896 footer{
    display: none;
}

/* 
Darkgreen: R= 0 G=102 B=67 #006642
Lightgreen: R=198 G=214 B=136 #c6d687
Yellow: R=253 G=233 B=87  #fde856
*/