/*
Theme Name: Onlinepakketten.nl
Theme URI: https://onlinepakketten.nl
Author: Onlinepakketten.nl
Author URI: https://onlinepakketten.nl
Version: 1.0
*/

abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:300;vertical-align:baseline;background:0 0;line-height:1.5em}
body{margin-top:0!important;padding-top:0!important}
li{padding-left:15px}
a{text-decoration:none;color:#62bb46}
article,aside,details,figure,footer,header,nav,section,summary{display:block}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
embed,img,object{max-width:100%}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
input[type=radio]{vertical-align:text-bottom}
input[type=checkbox]{vertical-align:bottom}
.ie7 input[type=checkbox]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
input,select,textarea{font:99% sans-serif}
table{font:100%}
small{font-size:85%}
strong{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
code,kbd,pre,samp{font-family:monospace,sans-serif}
.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}
button,input,select,textarea{margin:0}
button,input[type=button]{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.yo_grid_container {
display: table;
width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 10px 0; font-weight: 600; }
h1 { font-size: 42px; }
h2 { font-size: 42px; }
h3 { font-size: 18px; }
p {
margin: 0 0 25px 0;
}
.page {
padding: 40px 50px;
}
body.page{padding:0;}
.dealers {
width: 100%;
height: 600px;
}
.block_item,
.block_item a {
display: table;
vertical-align:inherit!important;
float: left;
line-height: inherit!important;
}


.wp-block-image img{    height: auto;}

/* fonts */
@font-face {
    font-family: 'circulamedium';
    src: url('inc/fonts/circula-medium-webfont.eot');
    src: url('inc/fonts/circula-medium-webfont.eot#iefix') format('embedded-opentype'),
         url('inc/fonts/circula-medium-webfont.woff2') format('woff2'),
         url('inc/fonts/circula-medium-webfont.woff') format('woff'),
         url('inc/fonts/circula-medium-webfont.ttf') format('truetype'),
         url('inc/fonts/circula-medium-webfont.svg#circulamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  color: #999;
  font-family: Helvetica, Arial, sans-serif;
}

h4 {
	font-size:18px;
	font-weight:600;
}

/* YO HEADER */
.yo_banner > div {
  text-align: center;
  position: relative;
  width: 100%;
  display: inline-block;
}
.yo_banner > div span {
  position: absolute;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  font-size: 17px;
  left: 0px;
  top: 35%;
  color: #fff;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  cursor: default;
}
.yo_banner img {
  float: left;
}
.yo_logo,
.yo_logo > a {
  float: left;
  display: inline-block;
  width: 100%;
  position: relative;
}
.yo_logo > a {
}
.yo_logo > h1 {
  position: absolute;
}
.yo_logo > a > svg {
  display: inline-block;
  float: left;
  background: #939598;
  height: 100%;
  width: 100%;
}

.yo_menu {
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  display: inline-block;
  margin: 45px 0 0 0;
  width: 100%;
}
.yo_menu .yo_menu_left li {
  max-width: 100%;
  width: 100%;
  line-height: 25px;
}

.yo_menu .yo_menu_left li.current-menu-item:after,
.yo_menu .yo_menu_left li:after {
  border-bottom: solid 1px #CCC;
  content: '';
  display: inline-block;
  float: left;
  width: 100%;
}
.yo_menu .yo_menu_left li a {
  color: #CCC;
  display: block;
  font-size: 21px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: ease-out 0.4s;
  -webkit-transition: ease-out 0.4s;
}

.yo_menu .yo_menu_left li a:hover {
  color: #999;
}

.yo_menu .yo_menu_left li.current-menu-item a {
  color: #999;
}

/* YO FOOTER */
footer.site-footer {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.yo_social {
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  text-align: center;
  border-top: solid 1px #CCC;
  padding: 35px 0;
}
.yo_social > div {
  display: inline-block;
}
.yo_social > div > span {
  font-size: 27px;
  line-height: 35px;
  text-transform: lowercase;
  float: left;
  margin: 0 20px 0 0;
}
.yo_social > div > a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: ease-out 0.4s;
  -webkit-transition: ease-out 0.4s;
}
.yo_social > div > a:hover:after {
  background: #CCC;
}
.yo_social > div > a:after {
  background: #999;
  content: '';
  position: absolute;
  width: 19px;
  height: 20px;
  top: 8px;
  left: 8px;
  z-index: 1;
  transition: ease-out 0.4s;
  -webkit-transition: ease-out 0.4s;
}
.yo_social > div > a svg {
  height: 35px;
  width: 35px;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}
.yo_social > div > a:hover svg path {
  fill: #999;
  transition: ease-out 0.4s;
  -webkit-transition: ease-out 0.4s;
}
.yo_social > div > a svg path {
  fill: #CCC;
}
.site-info > div > div {
  border-top: 1px solid #CCC;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}
.site-info > div > div > span {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #999;
  float:left;
}
.site-info > div > div > div {
  float: right;
}
.yo_menu_footer {
  font-family: Helvetica, Arial, sans-serif;
}
.yo_menu_footer li:first-child {
  border-left: 0;
}
.yo_menu_footer li {
  float: left;
  border-left: 1px solid #999;
  padding: 0 0 0 5px;
  line-height: 12px;
}
.yo_menu_footer li a {
  font-size: 12px;
  margin: 0 5px 0 0;
  text-decoration: none;
  color: #999;
}
.yo_menu_footer li:last-child a {
  margin-right: 0;
}
.yo_footer {
  background: #999;
  color: #fff;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  width: 100%;
  display: inline-block;
  letter-spacing: 1px;
}
.yo_footer .footer_content {
  padding-bottom: 15px;
  padding-top: 15px;
  text-transform: uppercase;
  border-right: 1px solid #fff;
  margin: 23px 0;
}
.yo_footer .footer_content.right_content {
  border: 0;
  margin: 0;
}
.yo_footer .footer_content.right_content span {
  margin-left: 50px;
  margin-top: 23px;
}
.yo_footer .footer_content.right_content > div {
  margin-top:23px;
}
.yo_footer .footer_content.right_content > div > a {
  color: #fff;
  text-decoration: none;
  margin-right: 21px;
    height: 24px;
    display: inline-block;
    line-height: 20px;
}
.yo_footer .footer_content > span {
  float: left;
  font-size: 20px;
  line-height: 24px;
  margin: 0 30px 0 0;
}
.yo_footer .yo_bar_menu li {
  float: left;
  font-size: 16px;
  line-height: 24px;
  margin: 0 30px 0 0;
}
.yo_footer .yo_bar_menu li a {
  color: #fff;
  text-decoration: none;
}
.page-template-template-collections #content {
  display: inline-block;
  width: 100%;
  float: left;
}
.page-template-template-collections .yo_social {
  border-top: 0;
}

/* YO BASIC GRID*/
.yo_main_grid {
  margin: 0 auto;
  width: 1024px;
}

.yo_main_grid > div {
  width: 100%;
  display: inline-block;
}

.yo_grid {
  padding: 0 10px;
  float: left;
}

.yo_grid_container .yo_grid {
  padding: 10px;
}

.yo_grid_14 {
	width:70%;
}

.yo_grid_12 {
  width: 100%;
}

.yo_grid_11 {
  width: 91.667%;
}

.yo_grid_10 {
  width: 83.333%;
}

.yo_grid_9 {
  width: 75%;
}

.yo_grid_8 {
  width: 66.667%;
}

.yo_grid_6 {
  width: 50%;
}

.yo_grid_6 img {
width: 100%;
}

.yo_grid_5 {
  width: 41.667%;
}

.yo_grid_4 {
  width: 33.333%;
}

.yo_grid_3 {
  width: 25%;
}

.yo_grid_2 {
  width: 16.667%;
}

.yo_grid_1 {
  width: 8.333%;
}

/* isotope-like content*/
.right_float {
  float: right !important;
}
.block_item > div {
display: table;
  width: 100%;
}
.block_item > div > a > img,
.block_item > div > img {
  border: 1px solid #CCC;
}
.block_item script {
  display: none;
}
.block_item {
  display: inline-block;
  float: left;
}
.block_item > div > img {
  float: left;
}
.half_vertical {
  height: 235px;
  width: 100%;
}
.block_item .block_link {
  display:block;
  color: #999;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
/*  padding-top: 75px;*/
}
.block_item .block_link br {
  float: none;
}
.block_item .collection {
  transition: ease-out 0.4s;
  opacity: 1;
}
.block_item .collection img {
display: table;
float: left;	
}
.block_item .collection:hover,
.block_item .collection:focus {
  opacity: 0.5;
}
.block_item .block_link span {
  float: none;
  font-size: 27px;
  text-transform: lowercase;
  line-height: 30px;
}
.block_item .block_link .last_line{
  position: relative;
  width: 100%;
  display: inline-block;
}
.block_item .block_link .last_line:after {
  content: '';
  height: 2px;
  position: absolute;
  width: 30%;
  left: 35%;
  background: #999;
  bottom: -10px;
}
.block_item .block_link > img {
  border: 0;
}

/* dealer page */
.yo_template_page {
  margin-top: 20px;
}
.yo_template_page iframe {
  width: 100% !important;
}
.yo_template_page h1 {
  font-size: 40px;
  color: #62bb46;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  margin: 0 0 30px;
  text-transform: lowercase;
  display: inline-block;
}
.yo_template_page h1 span {
  padding: 0 10px;
}
.yo_template_page h1 span:after {
  content: '';
  height: 2px;
  width: 100%;
  display: inline-block;
  background: #62bb46;
  float: left;
}

/*contact form*/
.yo_template_page .wpcf7-form > div {
  margin: 15px 0;
}
.yo_template_page .wpcf7-form div > label {
  width: 20%;
  float: left;
  margin: 0 20px 0 0;
  color: #999;
}
.yo_template_page .wpcf7-form div textarea {
  width: 50%;
  height: 100px;
  resize: none;
  border: 1px solid #cdcccb;
  transition: ease 0.4s;
  color: #999;
}

.yo_template_page .wpcf7-form div .recaptcha {
  width: 50%;
  height: 100px;
  resize: none;
  border: 1px solid #fff;
  transition: ease 0.4s;
  color: #999;
  margin-left:220px;
}

.smal {
	width:50%;
	margin-left:220px;
	  height: 100px;
  resize: none;
  border: 1px solid #fff;
  transition: ease 0.4s;
  color: #999;
}

input.akkoord {
	margin-left:-15px;

}

.yo_template_page .wpcf7-form div input[type=email],
.yo_template_page .wpcf7-form div input[type=text] {
  height: 30px;
  padding: 2px;
  border: 1px solid #cdcccb;
  width: 50%;
  transition: ease 0.4s;
  color: #999;
}
.yo_template_page .wpcf7-form div input[type=email]:active,
.yo_template_page .wpcf7-form div input[type=email]:focus,
.yo_template_page .wpcf7-form div input[type=text]:active,
.yo_template_page .wpcf7-form div input[type=text]:focus,
.yo_template_page .wpcf7-form div textarea:active,
.yo_template_page .wpcf7-form div textarea:focus {
  outline: none;
  border-color: #62bb46;
  box-shadow: 0px 0px 10px 0px rgba(98, 187, 70, 0.3);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(98, 187, 70, 0.3);
}

.yo_template_page .wpcf7-form div input[type=submit] {
  border: 1px solid #fff;
  background: #62bb46;
  color: #fff;
  width: 100px;
  text-align: center;
  padding: 10px 0;
  outline: none;
  transition: ease 0.4s;
}

.yo_template_page .wpcf7-form div input[type=submit]:hover,
.yo_template_page .wpcf7-form div input[type=submit]:focus,
.yo_template_page .wpcf7-form div input[type=submit]:active {
  border-color: #62bb46;
  background: #fff;
  color: #62bb46;
}
div.wpcf7-mail-sent-ng {
  border-color: #fdadad;
  margin-top: 30px;
}

/*collection page*/
.yo_template_page .content_filter {}
.yo_template_page .content_filter > div > a {
  font-size: 40px;
  color: #999;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  margin: 0 30px 30px 0;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  transition: ease-out 0.2s;
}
.yo_template_page .content_filter a > span {
  padding: 0 10px;
}
.yo_template_page .content_filter a:hover,
.yo_template_page .content_filter a:active,
.yo_template_page .content_filter a.active {
  color: #62bb46;
}
.yo_template_page .content_filter a > span:after {
  transition: ease-out 0.4s;
  content: '';
  height: 2px;
  width: 100%;
  display: inline-block;
  background: #fff;
  float: left;
}
.yo_template_page .content_filter a:hover > span:after,
.yo_template_page .content_filter a:active > span:after,
.yo_template_page .content_filter a.active > span:after {
  background: #62bb46;
}
.main_content_wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  min-height: 650px;
}
.yo_template_page .content_wrapper {
  position: absolute;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  visibility: hidden;
  opacity: 0;
  transition: ease-out 0.4s;
  left: 0;
  top: 0;
  width: 100%;
}
.yo_template_page .content_wrapper.active {
  visibility: visible;
  opacity: 1;
}
.yo_template_page .content_wrapper .content_desc {
  position: absolute;
  width: 50%;
  left: 25%;
  bottom: 0;
  letter-spacing: 1px;
  font-size: 15px;
  text-align: center;
}
.yo_template_page .category_content {
  position: relative;
  padding-bottom: 60px;
}
.yo_template_page .category_content .items_container {}
.yo_template_page .category_content .item_post {
  outline: none;
}
.yo_template_page .category_content .item_post img {
  border: 2px solid #CCC;
  height: auto;
  float: left;
}
/*slick carousel*/
.yo_template_page .category_content .slick-arrow  {
  position: absolute;
  bottom: 0;
  z-index: 1;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 35px;
  color: #999;
}
.yo_template_page .category_content .slick-arrow.slick-prev {
  left: 10%;
}
.yo_template_page .category_content .slick-arrow.slick-next {
  right: 10%;
}
/*ikcommuniceer*/
.yo_banner figure {
width: 100%;
height: 343px;	
overflow: hidden;
display: block;
position: relative;
}
.yo_banner figure img {
width: 100%;
height: auto;
position: absolute;
margin: auto;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
}
/*for mobile*/
.banner_text {
  transition: ease-out 0.4s;
  visibility: visible;
  opacity: 1;
}
.yo_logo_mobile {
  position: absolute;
  width: 100%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: ease-out 0.4s;
  top: 0;
  left: 0;
}
.yo_logo_mobile > h1 {
/*  font-size: 0;
  color: transparent;*/
  position: absolute;
  top: 0;
  left: -1000px;
}
.yo_logo_mobile > a {
  display: inline-block;
}
.yo_banner > div .yo_logo_mobile svg {
  width: 50%;
  height: auto;
}
.yo_banner > div .yo_logo_mobile span {
  position: static;
  display: block;
  padding: 0 20px;
  margin-top: -10px;
}
.yo_grid_2.header_left {
  transition: ease-out 0.4s;
  visibility: visible;
  opacity: 1;
}
.yo_grid_10.header_right {
  transition: ease-out 0.4s;
}
.yo_menu_mobile {
  display: inline-block;
  width: 100%;
  position: relative;
  display: none;
}
.yo_menu_mobile .mobile_menu_toggle {
  background: #939598;
  width: 100%;
  display: inline-block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 18px;
}
.yo_menu_mobile .menu-main-header-menu-container {
  width: 100%;
  position: absolute;
  top: 38px;
  z-index: 11;
  display: none;
}
.yo_menu_mobile .yo_menu_left {
  background: #fff;
  font-family: 'circulamedium', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  -moz-box-shadow:     0 0 10px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
   box-shadow:         0 0 10px rgba(0,0,0,0.5)
}
.yo_menu_mobile .yo_menu_left li {
  text-align: center;
  border-bottom: solid 1px #CCC;
}
.yo_menu_mobile .yo_menu_left li a {
  text-decoration: none;
  color: #CCC;
  display: block;
  padding: 10px 0;
}
/*.yo_menu_mobile .yo_menu_left li.current-menu-item {
  background: #cdcccb;
}*/
.yo_menu_mobile .yo_menu_left li.current-menu-item a {
  color: #999;
}

/*Responsive*/
@media screen and (min-width: 1024px) {
  .vert_img img {
    height: 365px !important;
  }
  .hort_img img {
    height: 236px !important;
  }
}

@media screen and (max-width: 1024px) {
  .yo_main_grid {
    width: 100%;
  }
  .half_vertical {

  }
}
@media screen and (max-width: 768px) {

.yo_banner figure {
height: 190px;
}
.home .yo_banner figure {
height: 380px!important;
}

/*
.block_item.yo_grid {
width: 100%!important;
height: auto;
}
.block_item.yo_grid.vert_img img {
width: 100%!important;
height: auto!important;
}
.block_item.yo_grid:nth-of-type(1),
.block_item.yo_grid:nth-of-type(7),
.block_item.yo_grid:nth-of-type(9)
{
display:none!important;
}*/
.yo_grid.yo_grid_6.block_item img,
.yo_grid.yo_grid_3.block_item.right_float img {
height: 230px!important;	
}

.yo_grid.yo_grid_3.block_item img {
height: 110px!important;	
}
.mobile-no {
display: none!important;	
}

  .yo_menu {
    margin-top: 7px;
  }
  /*header*/
  .banner_text {
    visibility: hidden;
    opacity: 0;
  }
  .yo_logo_mobile {
    visibility: visible;
    opacity: 1;
  }
  .yo_grid_2.header_left {
    visibility: hidden;
    opacity: 0;
    width: 0;
    padding: 0;
  }
  .yo_grid_10.header_right {
    width: 100%;
  }
  .yo_banner > div {
    float: left;
  }
  .yo_menu_mobile {
    display: inline-block;
  }

  /*footer*/
  .yo_footer .yo_grid_6 {
    width: 100%;
  }
  .yo_footer .footer_content {
    border: 0;
    margin: 0;
    text-align: center;
  }
  .yo_footer .footer_content > span {
    display: block;
    margin: 0;
    float: none;
  }
  .yo_footer .footer_content.right_content span,
  .yo_footer .footer_content.right_content > div {
    margin: 0;

  }
  .yo_footer .yo_bar_menu {
    display: inline-block;
  }
  .yo_footer .yo_bar_menu li {
    text-align: center;
    margin: 0 10px;
  }
  .site-info > div > div > div {
    float: none;
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .site-info > div > div > div ul {
    display: inline-block;
  }
  .site-info > div > div > span {
    float: none;
    text-align: center;
    display: block;
  }
  .vert_img img {
    height: 278px !important;
  }
  .main_content_wrapper {
    min-height: 480px;
  }
}
@media screen and (max-width: 650px) {
  .yo_template_page .content_filter > div > a {
    font-size: 26px;
    margin: 0 0 20px;
  }
  .yo_template_page h1 {
    font-size: 26px;
  }
  .hor_slider {
    height: 152px;
    overflow: hidden;
  }
  .vert_img img {
    height: 232px !important;
  }
}
@media screen and (max-width: 600px) {
  .yo_template_page .content_wrapper .content_desc {
    font-size: 14px;
    bottom: -10px;
  }
  .yo_template_page .wpcf7-form div > label {
    width: 30%;
  }
}
@media screen and (max-width: 450px) {
  .yo_template_page .content_wrapper .content_desc {
    bottom: -30px;
  }
  .main_content_wrapper {
    min-height: 305px;
  }
  .vert_img img {
    height: 165px !important;
  }
  .yo_grid_container .yo_grid {
    padding: 5px;
  }
  .yo_grid_10.header_right {
    padding-left: 5px;
    padding-right: 5px;
  }
  .hor_slider {
    height: 103px;
  }
  .yo_banner > div .yo_logo_mobile svg {
    width: 125px !important;
    height: 125px !important;
  }
}
/*
     FILE ARCHIVED ON 23:48:55 Feb 21, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:39:24 Mar 18, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots: 0.437
  esindex: 0.017
  load_resource: 151.89
  captures_list: 622.354
  PetaboxLoader3.resolve: 253.505 (3)
  exclusion.robots.policy: 0.421
  PetaboxLoader3.datanode: 374.905 (4)
  RedisCDXSource: 11.273
  LoadShardBlock: 575.99 (3)
  CDXLines.iter: 22.43 (3)
*/