@charset "UTF-8";
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; } .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; } .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; } .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; } .pswp__img--placeholder {
-webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; } .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none; }
.pswp__button:focus,
.pswp__button:hover {
opacity: 1; }
.pswp__button:active {
outline: none;
opacity: 0.9; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; } .pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/plugins/photo-swipe/lib/default-skin/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/plugins/photo-swipe/lib/default-skin/default-skin.svg); }
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none; } }
.pswp__button--close {
background-position: 0 -44px; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden; } .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute; }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; } .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none; }
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF; }
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF; }
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D; }
a.pswp__share--download:hover {
background: #DDD; } .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px; } .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px; }
.pswp__caption small {
font-size: 11px;
color: #BBB; }
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
.pswp__caption--empty {
display: none; } .pswp__caption--fake {
visibility: hidden; } .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr; }
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px; }
.pswp__preloader--active {
opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/plugins/photo-swipe/lib/default-skin/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0; }
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right; } }
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550; } .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible; }
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar {
opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0; } .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
background: none; }.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle;width:18px;height:12px}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
 @font-face {
font-family: 'Foco';
src: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Regular.eot);
src: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Regular.eot?#iefix) format("embedded-opentype"), url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Regular.woff) format("woff"), url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Foco-bold';
src: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Bold.eot);
src: url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Bold.eot?#iefix) format("embedded-opentype"), url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Bold.woff) format("woff"), url(//www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/fonts/Foco-Bold.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
body {
font-family: "Foco", sans-serif; }
p, h1, h2, h3, h4, h5, h6 {
font-family: "Foco", sans-serif;
margin: 0; }
h1, h2, h3, h4, h5, h6 {
color: #009fe3; }
p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: black; }
strong,
b {
font-family: "Foco-bold", sans-serif; }
h1 {
font-weight: 700;
font-size: 50px;
line-height: 52px; }
@media only screen and (max-width: 767px) {
h1 {
font-size: 32px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h1 {
font-size: 38px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h1 {
font-size: 44px; } }
h2 {
font-weight: 400;
font-size: 36px;
line-height: 38px; }
@media only screen and (max-width: 767px) {
h2 {
font-size: 24px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h2 {
font-size: 28px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h2 {
font-size: 34px; } }
h3 {
font-weight: 400;
font-size: 30px;
line-height: 32px; }
@media only screen and (max-width: 767px) {
h3 {
font-size: 18px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h3 {
font-size: 22px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h3 {
font-size: 26px; } }
h4 {
font-weight: 400;
font-size: 24px;
line-height: 26px; }
@media only screen and (max-width: 767px) {
h4 {
font-size: 16px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h4 {
font-size: 18px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h4 {
font-size: 20px; } }
h5 {
font-style: italic;
font-weight: 400;
font-size: 22px;
line-height: 24px; }
@media only screen and (max-width: 767px) {
h5 {
font-size: 14px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h5 {
font-size: 16px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h5 {
font-size: 18px; } }
h6 {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px; }
@media only screen and (max-width: 767px) {
h6 {
font-size: 14px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h6 {
font-size: 15px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h6 {
font-size: 16px; } }
ul,
ol,
tr,
td {
font-family: "Foco", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: black; }
table {
margin-bottom: 20px; }
a,
a:hover,
a:focus {
text-decoration: underline;
cursor: pointer; }
input,
button {
border-radius: 0; }
blockquote {
text-align: center;
margin: 50px 0px; }
blockquote hr {
height: 1px;
width: 150px;
margin: 0 auto;
background-color: #009ee3; }
blockquote p {
margin: 20px 0 30px 0;
font-family: "Foco", sans-serif;
font-style: italic;
color: #009ee3; }
@media only screen and (max-width: 767px) {
blockquote p {
font-size: 26px;
line-height: 46px; } }
@media only screen and (min-width: 768px) {
blockquote p {
font-size: 36px;
line-height: 46px; } }
.quote {
margin: 50px 0; }
.quote hr {
height: 1px;
width: 150px;
margin: 0 auto;
background-color: #009ee3; }
.quote blockquote {
margin: 0; }
.box {
border: 2px solid white;
background: rgba(0, 38, 95, 0.72);
font-family: "Foco", sans-serif; }
.title-big {
color: #0069b4; }
.title {
text-align: center;
font-family: "Foco", sans-serif;
color: white;
vertical-align: bottom;
display: block; }
@media only screen and (max-width: 767px) {
.title-xsmall {
font-size: 24px;
line-height: 30px; } }
@media only screen and (min-width: 768px) {
.title-xsmall {
font-size: 30px;
line-height: 36px; } }
@media only screen and (max-width: 767px) {
.title-small {
font-size: 20px;
line-height: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.title-small {
font-size: 30px;
line-height: 46px; } }
@media only screen and (min-width: 992px) {
.title-small {
font-size: 36px;
line-height: 46px; } }
.title-big {
font-family: "Foco-bold", sans-serif; }
@media only screen and (max-width: 767px) {
.title-big {
font-size: 38px;
line-height: 40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.title-big {
font-size: 58px;
line-height: 60px; } }
@media only screen and (min-width: 992px) {
.title-big {
font-size: 70px;
line-height: 70px; } }
.title-big .light {
font-weight: lighter; }
.header {
font-family: "Foco", sans-serif; }
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em; }
.three-quarters {
width: 75%; }
.bold {
font-family: "Foco-bold", sans-serif; }
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em; }
.three-quarters {
width: 75%; }
.button {
background-color: #0069b4;
color: white;
border: 2px solid white;
margin-top: 35px;
font-family: "Foco-bold", sans-serif;
text-align: center;
text-decoration: none;
display: inline-block;
height: auto; }
@media only screen and (max-width: 767px) {
.button {
font-size: 16px;
padding: 10px 25px; } }
@media only screen and (min-width: 768px) {
.button {
font-size: 18px;
padding: 10px 60px; } }
@media only screen and (min-width: 992px) {
.button {
font-size: 20px;
padding: 14px 75px;
margin-top: 45px; } }
.button--smaller {
border: none;
padding: 14px 20px; }
@media only screen and (min-width: 992px) {
.button--smaller {
margin-top: 30px;
font-size: 18px; } }
.button:hover, .button:focus, .button:active {
color: white;
text-decoration: none;
background-color: rgba(0, 38, 95, 0.72);
transition: ease-in .5s; }
.lines {
width: 100%;
height: 100%;
fill: #888; }
.lines-white {
fill: white; }
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em; }
.three-quarters {
width: 75%; }
.row.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
@media only screen and (min-width: 992px) {
.hiddenonlg {
display: none; } }
.error-404 {
padding: 120px 0;
max-width: 80%; }
.error-404 h1 {
margin-bottom: 15px;
color: #0069b4; }
.error-404 form {
margin-top: 30px; }
.error-404 form label {
font-size: 16px; }
.error-404 form input[type=search] {
display: block;
width: 100%;
border: 0;
border-radius: 0;
outline: 0;
border: 1px solid #0E75BE;
border-radius: 0;
padding: 7px 15px;
margin-bottom: 10px;
margin-top: 5px; }
.error-404 form input[type=search]:focus {
border: 1px solid #0E75BE !important; }
.error-404 form input[type=submit] {
background-color: #0069b4;
border: 0;
border-radius: 0;
outline: 0;
padding: 13px 20px;
color: #fff;
font-family: "Foco-bold", sans-serif;
font-size: 18px; } @media (max-width: 767px) {
.cheese_menu {
display: none; }
.main_menu {
display: none; } }
.footer {
font-family: "Foco", sans-serif;
background-size: cover !important;
width: 100%; }
.footer .full-page {
width: 100%;
height: 100%;
margin: 0;
padding: 0; }
@media only screen and (max-width: 767px) {
.footer .full-page {
height: 50%; } }
.footer .full-page .row {
width: calc(100% + 15px); }
.footer .footer_top {
text-align: center;
margin: 170px 0; }
.footer .footer_top .footer_box .textwidget p {
max-width: 670px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #3f8827;
font-weight: 200; }
@media only screen and (max-width: 767px) {
.footer .footer_top .footer_box .textwidget p {
font-size: 20px;
line-height: 26px;
margin: 0 15px; } }
@media only screen and (min-width: 768px) {
.footer .footer_top .footer_box .textwidget p {
font-size: 31px;
line-height: 41px; } }
@media only screen and (min-width: 992px) {
.footer .footer_top .footer_box .textwidget p {
font-size: 36px;
line-height: 46px; } }
.footer .footer_top .footer_title {
margin-bottom: 0;
color: #3f8827;
font-weight: 700;
margin-top: 15px; }
@media all and (max-width: 767px) {
.footer .footer_top .footer_title {
font-size: 38px;
line-height: 38px; } }
@media all and (min-width: 768px) {
.footer .footer_top .footer_title {
font-size: 42px;
line-height: 45px; } }
@media all and (min-width: 992px) {
.footer .footer_top .footer_title {
font-size: 46px;
line-height: 50px; } }
.footer .footer_top .footer_top_button {
display: inline-block;
font-weight: 600;
background-color: #95c11e;
color: white;
text-align: center;
transition: all 1s ease 0s;
outline: none;
text-decoration: none; }
@media only screen and (max-width: 767px) {
.footer .footer_top .footer_top_button {
font-size: 16px;
height: 50px;
line-height: 50px;
padding: 0 20px;
margin-top: 20px; } }
@media only screen and (min-width: 768px) {
.footer .footer_top .footer_top_button {
margin-top: 30px;
font-size: 20px;
height: 60px;
line-height: 60px;
padding: 0 20px; } }
.footer .footer_top .footer_top_button:hover {
background-color: #739517; }
.footer .footer_menu {
padding: 0;
background: rgba(12, 75, 0, 0.74) !important;
width: 100%;
padding-bottom: 90px; }
.footer .footer_menu .company-info {
padding: 0; }
.footer .footer_menu .company-info .footer_box {
text-decoration: none;
color: white; }
.footer .footer_menu .company-info .footer_box p {
font-weight: 600;
font-size: 15px;
margin-top: 0;
margin-bottom: 0;
color: white; }
@media only screen and (max-width: 767px) {
.footer .footer_menu .company-info .footer_box p {
font-size: 16px;
font-weight: 500;
line-height: 28px; } }
.footer .footer_menu .company-info .footer_box p a {
color: white;
text-decoration: none; }
.footer .footer_menu .company-info .footer_title {
color: #95c11e; }
.footer .footer_menu h6 {
font-size: 18px;
margin-top: 55px;
margin-bottom: 15px;
color: #95c11e;
font-weight: normal; }
@media only screen and (max-width: 767px) {
.footer .footer_menu h6 {
margin-top: 30px;
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) {
.footer .footer_menu .company-info .footer_box p {
font-size: 15px;
color: white; }
.footer .footer_menu .company-info .footer_box p a {
color: white;
text-decoration: none; } }
.footer .footer_menu .members-info {
padding: 0; }
.footer .footer_menu .members-info .footer_box {
padding-bottom: 50px;
line-height: 24px;
font-size: 15px;
color: white; }
.footer .footer_menu .members-info .footer_box .textwidget {
font-size: 15px; }
.footer .footer_menu .members-info .footer_box .textwidget,
.footer .footer_menu .members-info .footer_box .textwidget p {
color: white; }
.footer .footer_menu .members-info h6 {
font-size: 18px; }
@media only screen and (max-width: 767px) {
.footer .footer_menu .members-info h6 {
margin-bottom: 5px; } }
@media (max-width: 767px) {
.footer .footer_menu .members-info .footer_box {
padding-bottom: 20px; } }
.footer .footer_menu .members-info .footer_login {
padding-left: 0; }
.footer .footer_menu .members-info .footer_login .footer_menu_button {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
border: 2px solid white;
background: transparent;
font-size: 15px;
font-weight: 600;
color: white;
text-align: center;
height: 32px;
line-height: 26px;
transition: all 1s ease 0s;
text-decoration: none; }
.footer .footer_menu .members-info .footer_login .footer_menu_button:hover, .footer .footer_menu .members-info .footer_login .footer_menu_button:focus {
background-color: rgba(0, 0, 0, 0.4);
text-decoration: none; }
.footer .footer_menu .members-info .footer_login .login_push {
float: left;
margin-bottom: 10px;
margin-right: 20px; }
.footer .footer_menu .menu {
text-decoration: none; }
.footer .footer_menu .cheese_menu, .footer .footer_menu .main_menu {
text-align: left; }
.footer .footer_menu .cheese_menu ul, .footer .footer_menu .cheese_menu li, .footer .footer_menu .cheese_menu a, .footer .footer_menu .main_menu ul, .footer .footer_menu .main_menu li, .footer .footer_menu .main_menu a {
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
line-height: 24px;
color: white;
text-decoration: none; }
.footer .footer_menu a:hover {
text-decoration: underline; }
.footer .footer_menu .footer_divider {
margin-top: -50px;
width: 100%; }
@media (max-width: 767px) {
.footer .footer_menu .footer_divider {
margin-top: -80px; } }
@media (min-width: 768px) {
.footer .footer_menu .footer_divider {
padding-bottom: 15px; } }
.footer .footer_menu .footer_divider image {
width: 100%; }
header {
font-family: "Foco", sans-serif; }
@media only screen and (max-width: 767px) {
header {
height: 90px; } }
@media only screen and (min-width: 768px) {
header {
height: 120px; } }
header .logo-container img {
margin-top: 10px; }
@media only screen and (max-width: 767px) {
header .logo-container {
height: 80px; } }
@media only screen and (min-width: 768px) {
header .logo-container {
height: 120px; } }
@media only screen and (max-width: 991px) {
header .logo-container .logo {
height: 72px; } }
@media only screen and (min-width: 992px) {
header .logo-container .logo {
height: 100px; } }
@media only screen and (max-width: 767px) {
header .mb-navbutton {
z-index: 3;
text-align: center; } }
@media only screen and (min-width: 768px) {
header .mb-navbutton {
display: none; } }
header .mb-navbutton .phone-icon-link {
margin-right: 30px;
display: inline-block;
margin-top: 40px; }
@media only screen and (max-width: 479px) {
header .mb-navbutton .phone-icon-link {
margin-right: 15px; } }
header .mb-navbutton .phone-icon,
header .mb-navbutton .phone-icon svg {
width: 30px;
height: 30px; }
header .mb-navbutton .phone-icon svg {
fill: #0069b4; }
header #nav-icon {
width: 25px;
height: 20px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
margin-right: 16.5px;
display: inline-block; }
@media only screen and (max-width: 479px) {
header #nav-icon {
margin-right: 0; } }
header #nav-icon span {
display: block;
position: absolute;
height: 1.5pt;
width: 25px;
background: #0069b4;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
header #nav-icon span:nth-child(1) {
top: 0px; }
header #nav-icon span:nth-child(2), header #nav-icon span:nth-child(3) {
top: 6px; }
header #nav-icon span:nth-child(4) {
top: 12px; }
header #nav-icon.open span:nth-child(1) {
top: 6px;
width: 0%;
left: 50%; }
header #nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(46deg);
-moz-transform: rotate(46deg);
-o-transform: rotate(46deg);
transform: rotate(46deg); }
header #nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
header #nav-icon.open span:nth-child(4) {
top: 6px;
width: 0%;
left: 50%; }
header .welcome-message {
line-height: 44px;
position: absolute;
text-align: right;
font-family: "Foco-bold", sans-serif;
color: #0069b4;
font-size: 16px;
height: 44px;
right: 340px; }
header .welcome-message a {
color: #0069b4;
text-decoration: none; }
header .welcome-message a:hover, header .welcome-message a:focus, header .welcome-message a:active {
text-decoration: none;
color: black; }
@media (max-width: 767px) {
header .welcome-message {
top: 30px;
height: auto;
right: 235px; } }
@media (max-width: 341px) {
header .welcome-message {
right: 225px; } }
@media only screen and (max-width: 767px) {
header .navigation {
position: absolute;
top: 0;
left: 0; } }
@media only screen and (max-width: 767px) {
header nav {
display: none;
width: 100%; } }
@media only screen and (min-width: 768px) {
header nav {
height: 100%;
min-height: 120px; } }
header nav ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0; }
header nav ul li {
display: inline-block; }
header nav ul li .sub-menu li {
display: block; }
@media only screen and (max-width: 767px) {
header nav [id*="menu-menu"] {
flex-direction: column; } }
@media only screen and (min-width: 768px) {
header nav [id*="menu-menu"] {
position: absolute;
bottom: 0;
right: 20px; } }
header nav [id*="menu-menu"] li {
align-items: center;
padding: 12px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
header nav [id*="menu-menu"] li {
padding: 12px 4px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
header nav [id*="menu-menu"] li {
padding: 12px 8px; } }
@media only screen and (max-width: 767px) {
header nav [id*="menu-menu"] li .sub-menu {
margin-top: 7px;
display: block; } }
@media only screen and (min-width: 768px) {
header nav [id*="menu-menu"] li .sub-menu {
position: absolute;
z-index: 1;
display: none;
top: 44px; } }
header nav [id*="menu-menu"] li .sub-menu li {
padding: 7px 15px; }
@media only screen and (min-width: 768px) {
header nav [id*="menu-menu"] li .sub-menu li {
margin-left: -15px;
background: white; } }
header nav [id*="menu-menu"] li:last-child {
padding-right: 0 !important; }
header nav [id*="menu-menu"] .dropdown:hover .sub-menu {
display: block; }
header nav [id*="menu-menu"] a,
header nav [id*="menu-menu"] input[type=submit] {
font-size: 16px;
text-decoration: none;
color: #0069b4;
cursor: pointer;
font-family: "Foco-bold", sans-serif;
white-space: nowrap; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
header nav [id*="menu-menu"] a,
header nav [id*="menu-menu"] input[type=submit] {
font-size: 14px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
header nav [id*="menu-menu"] a,
header nav [id*="menu-menu"] input[type=submit] {
font-size: 15px; } }
header nav [id*="menu-menu"] a:hover, header nav [id*="menu-menu"] a:active, header nav [id*="menu-menu"] a:focus,
header nav [id*="menu-menu"] input[type=submit]:hover,
header nav [id*="menu-menu"] input[type=submit]:active,
header nav [id*="menu-menu"] input[type=submit]:focus {
text-decoration: none;
color: #000; }
header nav [id*="menu-menu"] input[type=submit] {
background-color: white;
border: none; }
header nav [id*="menu-menu"] form[name=loginForm] {
height: 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: flex;
align-items: center;
-webkit-align-items: center; }
header nav [id*="menu-menu"] .current-menu-item a {
color: #000; }
header nav [id*="menu-menu"] .current-menu-item ul li a {
color: #0069b4; }
header nav [id*="menu-menu"] .current-menu-item ul li a:hover, header nav [id*="menu-menu"] .current-menu-item ul li a:focus, header nav [id*="menu-menu"] .current-menu-item ul li a:active {
color: #000; }
@media only screen and (max-width: 767px) {
header nav [class*="menu-header-menu-top-container"] {
width: calc(100% - 40px);
margin: auto; }
header nav [class*="menu-header-menu-top-container"] #menu-header-menu-top {
margin-left: 5px;
float: right; } }
@media only screen and (min-width: 768px) {
header nav [id*="menu-header-menu-top"] {
position: absolute;
top: 0;
right: 20px; } }
header nav [id*="menu-header-menu-top"] li {
height: auto;
cursor: pointer;
vertical-align: top;
z-index: 1; }
@media only screen and (max-width: 767px) {
header nav [id*="menu-header-menu-top"] li {
margin-right: 3px; } }
@media only screen and (min-width: 768px) {
header nav [id*="menu-header-menu-top"] li {
margin-left: 5px; } }
header nav [id*="menu-header-menu-top"] li a {
display: inline-block;
color: white;
height: 43px;
line-height: 43px;
background: #0069b4;
padding: 0px 15px;
font-family: "Foco-bold", sans-serif;
text-decoration: none; }
@media only screen and (max-width: 767px) {
header nav [id*="menu-header-menu-top"] li a {
padding: 0px 13px; } }
@media only screen and (max-width: 340px) {
header nav [id*="menu-header-menu-top"] li a {
padding: 0px 10px; } }
header nav [id*="menu-header-menu-top"] li a:hover, header nav [id*="menu-header-menu-top"] li a:focus, header nav [id*="menu-header-menu-top"] li a:active {
text-decoration: none;
background: black; }
header nav [id*="menu-header-menu-top"] .menu-item-has-children {
width: 48px;
height: 100%;
z-index: 1; }
header nav [id*="menu-header-menu-top"] .menu-item-has-children .sub-menu {
display: none;
z-index: 1;
position: absolute; }
header nav [id*="menu-header-menu-top"] .menu-item-has-children:hover .sub-menu {
display: block; }
header nav [id*="menu-header-menu-top"] .menu-item-has-children ul li {
margin-left: 0px; }
header nav [id*="menu-header-menu-top"] .menu-item-has-children.open {
height: auto; }
@media only screen and (max-width: 767px) {
header nav [id*="menu-header-menu-top"] .menu-item-has-children.open .sub-menu {
position: absolute; } }
header nav.active {
display: block;
position: absolute;
margin-left: -15px;
z-index: 2;
background-color: rgba(255, 255, 255, 0.9); }
header nav.active div:first-of-type {
height: 80px;
background-color: white; }
header nav.active .menu {
margin-left: 30px; }
header nav.active #menu-menu,
header nav.active #menu-menu-english,
header nav.active #menu-menu-german,
header nav.active #menu-menu-french {
padding-top: 18px; }
header nav.active #menu-menu li,
header nav.active #menu-menu-english li,
header nav.active #menu-menu-german li,
header nav.active #menu-menu-french li {
padding-left: 20px; }
@media only screen and (max-width: 767px) {
header nav.active #menu-menu li,
header nav.active #menu-menu-english li,
header nav.active #menu-menu-german li,
header nav.active #menu-menu-french li {
width: 100%; } }
.main-banner {
background-size: cover;
background-position: center; }
.main-banner main {
text-align: center; }
.main-banner .title {
font-family: "Foco-bold", sans-serif;
display: block; }
@media only screen and (max-width: 767px) {
.main-banner .title {
font-size: 32px;
margin: 25px 0 30px 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-banner .title {
font-size: 48px;
margin: 70px 0 30px 0; } }
@media only screen and (min-width: 992px) {
.main-banner .title {
font-size: 58px;
margin: 165px 0 30px 0; } }
.main-banner .title .light {
font-weight: 100; }
.main-banner .header_button {
display: block;
background: white;
font-family: "Foco-bold", sans-serif;
color: #0069b4;
cursor: pointer;
text-decoration: none;
display: inline-block; }
@media only screen and (max-width: 767px) {
.main-banner .header_button {
font-size: 16px;
line-height: 45px;
height: 45px;
padding: 0px 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-banner .header_button {
font-size: 18px;
line-height: 50px;
height: 50px;
padding: 0px 50px; } }
@media only screen and (min-width: 992px) {
.main-banner .header_button {
font-size: 20px;
line-height: 60px;
height: 60px;
padding: 0px 60px; } }
.main-banner .header_button:hover, .main-banner .header_button:active, .main-banner .header_button:focus {
text-decoration: none;
background: #0069b4;
color: white;
transition: ease .5s; }
.row-blocks {
margin-top: 15%; }
.row-blocks a,
.row-blocks a:hover,
.row-blocks a:focus {
text-decoration: none; }
@media only screen and (max-width: 767px) {
.row-blocks [class*='col-']:last-of-type .block {
margin-bottom: 40px; } }
.block {
position: relative;
color: white;
background-color: rgba(0, 38, 95, 0.72);
text-decoration: none;
font-family: "Foco", sans-serif;
-webkit-transition: all 0.6s ease 0.4s;
-moz-transition: all 0.6s ease 0.4s;
-o-transition: all 0.6s ease 0.4s;
transition: all 0.6s ease 0.4s;
padding: 5px 0;
text-align: center; }
.block .sub-items {
position: absolute;
top: 119px;
left: 0;
padding: 0 15px !important;
text-align: center;
background-color: white;
width: 100%; }
.block .sub-link {
text-decoration: none;
display: block;
font-size: 16px;
padding: 7px 0;
color: #000; }
.block .sub-link:hover {
text-decoration: underline; }
.block .slideup,
.block .slidedown {
max-height: 0;
overflow-y: hidden;
-webkit-transition: max-height 0.6s ease 0.4s;
-moz-transition: max-height 0.6s ease 0.4s;
-o-transition: max-height 0.6s ease 0.4s;
transition: max-height 0.6s ease 0.4s; }
.block .slideup.safari,
.block .slidedown.safari {
margin-top: 0; }
.block .slidedown {
max-height: 160px; }
@media only screen and (max-width: 767px) {
.block {
margin-bottom: 5px; }
.block .slideup,
.block .slidedown {
z-index: 2;
margin-top: 52px; }
.block:hover {
margin-top: 0; } }
@media only screen and (min-width: 768px) {
.block {
margin-bottom: 80px; } }
@media only screen and (min-width: 1200px) {
.block {
margin-bottom: 150px; } }
.block .icon {
height: 54px;
width: 100%;
margin-top: 10px; }
@media only screen and (max-width: 767px) {
.block .icon {
display: none; } }
.block-icon {
max-height: 54px;
max-width: 84px; }
.block span {
color: white;
display: block;
padding: 15px 0; }
@media only screen and (max-width: 767px) {
.block span {
font-size: 16px; } }
@media only screen and (min-width: 768px) {
.block span {
font-size: 18px; } }
.has-items:hover {
margin-top: -75px; }
@media only screen and (max-width: 767px) {
.has-items:hover {
margin-top: 0; } }
.company-description {
text-align: center;
margin-top: 60px; }
.company-description .description {
margin-bottom: 50px; }
@media only screen and (max-width: 767px) {
.company-description {
margin-top: 40px; }
.company-description .description {
margin-bottom: 20px; } }
.company-description p {
font-family: "Foco", sans-serif;
color: black; }
@media only screen and (max-width: 767px) {
.company-description p {
font-size: 16px;
line-height: 24px; } }
@media only screen and (min-width: 768px) {
.company-description p {
font-size: 18px;
line-height: 36px; } }
@media only screen and (min-width: 1200px) {
.company-description p {
font-size: 21px;
line-height: 36px; } }
@media only screen and (max-width: 767px) {
.company-description .lines {
margin-bottom: 35px; } }
@media only screen and (min-width: 768px) {
.company-description .lines {
margin-bottom: 60px; } }
@media only screen and (min-width: 1200px) {
.company-description .lines {
margin-bottom: 70px; } }
.our-cheese .box {
text-align: center; }
@media only screen and (max-width: 767px) {
.our-cheese .box {
padding: 45px 20px;
margin: 65px 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.our-cheese .box {
padding: 65px 20px 55px 20px;
margin: 95px 0; } }
@media only screen and (min-width: 992px) {
.our-cheese .box {
padding: 70px 20px 55px 20px;
margin: 140px 0; } }
@media only screen and (max-width: 767px) {
.our-cheese .lines {
margin-bottom: 28px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.our-cheese .lines {
margin-bottom: 55px; } }
@media only screen and (min-width: 992px) {
.our-cheese .lines {
margin-bottom: 65px; } }
.section-news .header {
margin: 70px 0 40px 0; }
.section-news .header .title {
color: #0069b4; }
.section-news video {
width: 100%;
margin: 5% 0; }
@media only screen and (max-width: 767px) {
.section-news .article-news {
text-align: center;
margin: 0 auto;
margin-bottom: 30px; }
.section-news .button {
margin-top: 0px; } }
.section-news .button {
text-align: center;
padding: 10px 35px;
height: auto; }
.section-news .button-section {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: flex;
justify-content: center;
margin-bottom: 75px; }
.article-news {
font-family: "Foco", sans-serif;
height: 100%;
position: relative; }
.article-news__image {
visibility: hidden;
text-align: center; }
.article-news__image img {
visibility: visible; }
.article-news .thumbnail {
max-width: 100%; }
@media only screen and (max-width: 767px) {
.article-news .thumbnail {
height: 222px;
width: 100%; } }
@media only screen and (min-width: 768px) {
.article-news .thumbnail {
height: 270px; } }
.article-news main {
margin: 15px 8px;
margin-bottom: 0px; }
.article-news main .heading {
font-size: 24px;
line-height: 30px;
color: #0069b4;
margin-bottom: 5px; }
.article-news main .post-date {
font-style: italic;
color: #999999; }
.article-news main .paragraph,
.article-news main p {
font-size: 16px;
line-height: 20px;
color: #666666; }
.bio-cheese {
background-position: center;
background-size: cover; }
.bio-cheese header {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
@media only screen and (max-width: 767px) {
.bio-cheese header {
top: 18px; }
.bio-cheese header img {
height: 150px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bio-cheese header {
top: 25px; }
.bio-cheese header img {
height: 200px; } }
@media only screen and (min-width: 992px) {
.bio-cheese header {
top: 25px; }
.bio-cheese header img {
height: 236px; } }
.bio-cheese .box {
padding: 15px;
text-align: center; }
@media only screen and (max-width: 767px) {
.bio-cheese .box {
margin-top: 90px;
margin-bottom: 40px; }
.bio-cheese .box .title-big {
margin-top: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bio-cheese .box {
margin-top: 120px;
margin-bottom: 60px; }
.bio-cheese .box .title-big {
margin-top: 90px; } }
@media only screen and (min-width: 992px) {
.bio-cheese .box {
margin-top: 140px;
margin-bottom: 80px;
padding: 15px 15px 40px 15px; }
.bio-cheese .box .title-big {
margin-top: 120px; } }
.bio-cheese .box .button {
margin: 15px; }
@media only screen and (max-width: 767px) {
.bio-cheese .box .button {
margin-top: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bio-cheese .box .button {
margin-top: 30px; } }
@media only screen and (min-width: 992px) {
.bio-cheese .box .button {
margin-top: 40px; } }
@media only screen and (max-width: 400px) {
.bio-cheese .box .button {
padding: 10px 25px;
height: auto; } }
@media only screen and (max-width: 767px) {
.bio-cheese .lines {
margin-bottom: 28px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bio-cheese .lines {
margin-bottom: 55px; } }
@media only screen and (min-width: 992px) {
.bio-cheese .lines {
margin-bottom: 65px; } }
.company-description,
.our-cheese,
.bio-cheese {
overflow: hidden; }
@media only screen and (max-width: 767px) {
.highlight {
margin-top: 32px; } }
@media only screen and (min-width: 768px) {
.highlight {
margin-top: 75px; }
.highlight .row {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: flex; } }
@media only screen and (min-width: 992px) {
.highlight {
margin-top: 90px; } }
.highlight .text {
font-family: "Foco", sans-serif;
background: #0069b4;
height: 100%; }
@media only screen and (max-width: 767px) {
.highlight .text {
padding: 25px 20px 30px 20px; } }
@media only screen and (min-width: 768px) {
.highlight .text {
padding: 25px 30px 30px 30px;
margin-right: -15px;
position: absolute; } }
@media only screen and (min-width: 992px) {
.highlight .text {
padding: 25px 35px 30px 35px; } }
@media only screen and (min-width: 1200px) {
.highlight .text {
padding: 25px 40px 30px 40px; } }
.highlight .text .title {
text-align: left;
font-family: "Foco-bold", sans-serif; }
.highlight .paragraph {
margin-top: 20px;
color: white;
font-size: 16px; }
.highlight .image {
width: 100%;
height: 100%; }
.highlight .col-md-7 {
box-sizing: content-box;
overflow: hidden; }
@media only screen and (min-width: 768px) {
.highlight .col-md-7 {
border: 1px solid #0069b4;
border-left: none;
padding: 0; } }
.highlight video {
position: relative;
right: -1px;
height: 100%;
width: 100%;
object-fit: cover;
margin-bottom: -5px; }
@media only screen and (max-width: 767px) {
.highlight video {
border: 1px solid #0069b4; } }
@media only screen and (min-width: 768px) {
.highlight .image {
width: 100%; } }
input:focus, select:focus, option {
border: none !important;
outline: none !important;
box-shadow: none !important; }
.section-pageheader {
margin-bottom: 15px; }
.section-pageheader .page-thumbnail {
background-size: cover;
background-position: center; }
@media only screen and (min-width: 768px) {
.section-pageheader .page-thumbnail {
height: calc(290px * 1.25); } }
@media only screen and (min-width: 992px) {
.section-pageheader .page-thumbnail {
height: calc(365px * 1.25); } }
@media only screen and (min-width: 1200px) {
.section-pageheader .page-thumbnail {
height: calc(440px * 1.25); } }
.section-pageheader--small .page-thumbnail {
height: 120px; }
@media only screen and (min-width: 768px) {
.section-pageheader--small .page-thumbnail {
height: 160px; } }
@media only screen and (min-width: 992px) {
.section-pageheader--small .page-thumbnail {
height: 200px; } }
@media only screen and (min-width: 1200px) {
.section-pageheader--small .page-thumbnail {
height: 240px; } }
.section-pageheader--bio .container {
min-height: auto !important; }
.section-pageheader--bio .page-thumbnail {
height: 240px; }
.section-pageheader .page-title {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between; }
.section-pageheader .page-title-image {
margin-top: 15px; }
.section-pageheader .page-title-image img {
max-height: 100px;
width: auto;
float: left; }
@media only screen and (max-width: 767px) {
.section-pageheader .page-title-image {
padding-left: 15px;
display: flex;
align-items: flex-end; }
.section-pageheader .page-title-image img {
max-height: 80px; } }
.section-pageheader .title-page,
.section-pageheader .subtitle {
color: #0069b4;
font-family: "Foco", sans-serif; }
.section-pageheader .title-page {
margin-top: 25px;
font-family: "Foco-bold", sans-serif; }
@media only screen and (max-width: 767px) {
.section-pageheader .title-page {
font-size: 24px;
line-height: 36px; } }
@media only screen and (min-width: 768px) {
.section-pageheader .title-page {
font-size: 32px;
line-height: 40px; } }
@media only screen and (min-width: 992px) {
.section-pageheader .title-page {
font-size: 40px;
line-height: 44px; } }
@media only screen and (min-width: 1025px) {
.section-pageheader .title-page {
font-size: 50px;
line-height: 46px; } }
@media only screen and (max-width: 767px) {
.section-pageheader .subtitle {
font-size: 20px;
line-height: 30px; } }
@media only screen and (min-width: 768px) {
.section-pageheader .subtitle {
font-size: 30px;
line-height: 46px; } }
.section-pageheader .container {
white-space: normal; }
@media only screen and (max-width: 767px) {
.section-pageheader .container {
min-height: 140px; } }
@media only screen and (min-width: 768px) {
.section-pageheader .container {
min-height: 130px; } }
.section-pageheader .container--breadcrumbs {
min-height: 1px; }
.section-pagecontent .pagecontent {
margin-bottom: 70px; }
.section-pagecontent .pagecontent p {
margin-bottom: 25px; }
.section-pagecontent .pagecontent .heading {
color: #009ee3;
margin-top: 40px; }
@media only screen and (max-width: 767px) {
.section-pagecontent .pagecontent .heading {
font-size: 18px; } }
@media only screen and (min-width: 768px) {
.section-pagecontent .pagecontent .heading {
font-size: 24px; } }
.section-pagecontent .textbox {
font-family: "Foco", sans-serif;
font-weight: 400;
color: white;
font-size: 16px;
line-height: 20px;
padding: 30px;
margin: 20px 0; }
.section-pagecontent .textbox ul,
.section-pagecontent .textbox ol,
.section-pagecontent .textbox a,
.section-pagecontent .textbox p {
color: white; }
.section-pagecontent .textbox a:hover,
.section-pagecontent .textbox a:focus {
color: #F2F2F2; }
.section-pagecontent .textbox-blue {
background-color: #0069b4; }
.section-pagecontent .textbox-green {
background-color: #95c11e; }
@media only screen and (max-width: 767px) {
.section-pagecontent table {
width: 100%; } }
.row-sidebar .article-news {
margin-bottom: 30px; }
.blocks-footer .block {
background-color: #0069b4; }
.blocks-footer .block a,
.blocks-footer .block a:hover,
.blocks-footer .block a:focus {
text-decoration: none; }
@media only screen and (min-width: 768px) {
.blocks-footer .block {
margin-bottom: 0; } }
.section-newsarticles {
margin-bottom: 70px; }
.section-newsarticles .article-news {
margin-bottom: 25px; }
.section-newsarticles [class*='col-'] {
margin-bottom: 30px; }
.article-news img {
object-fit: cover; }
.custom-object-fit {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 270px;
visibility: visible; }
@media only screen and (max-width: 767px) {
.custom-object-fit {
height: 222px; } }
.custom-object-fit img {
opacity: 0; }
.section-postcontent p {
margin-bottom: 15px; }
.size-post-thumbnail {
max-width: 100%;
max-height: 100%;
object-fit: cover; }
@media (max-width: 767px) {
.size-post-thumbnail {
max-width: 100%;
height: 100%; } }
.offset-bottom {
margin-bottom: 51px; }
.section-postcontent {
margin-bottom: 30px; }
.section-postcontent img {
max-width: 100%;
height: auto; }
.section-postcontent .postcontent__inner div {
font-family: "Foco", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: black; }
.section-postcontent .postcontent__inner div:empty {
height: 15px; }
.section-postcontent #article-date {
font-family: "Foco", sans-serif;
font-style: italic;
color: #999999;
margin-bottom: 15px; }
#article-date {
font-style: italic;
color: #999999; }
.article-news main > a {
text-decoration: none; }
.article-news main > a:hover, .article-news main > a:focus {
text-decoration: none; }
@media only screen and (max-width: 479px) {
.newsfilter {
width: calc(100% - 54px); } }
.newsfilter select {
padding: 10px 30px;
width: inherit; }
@media only screen and (max-width: 767px) {
.newsfilter select {
width: calc(100% - 54px);
height: 50px; } }
.page-contact {
margin-bottom: 70px; }
.title-sidebar {
margin-bottom: 15px; }
@media only screen and (max-width: 767px) {
.title-sidebar {
font-size: 18px; } }
@media only screen and (min-width: 768px) {
.title-sidebar {
font-size: 24px; } }
@media only screen and (min-width: 768px) {
.page-contact .row {
margin-bottom: 50px; } }
.company-rouveen .text,
.business-data,
.company-bio .text {
color: white;
font-family: "Foco", sans-serif;
width: 100%;
padding: 30px; }
.company-rouveen .text a,
.company-rouveen .text a:hover,
.company-rouveen .text a:focus,
.business-data a,
.business-data a:hover,
.business-data a:focus,
.company-bio .text a,
.company-bio .text a:hover,
.company-bio .text a:focus {
color: white; }
.company-rouveen .text,
.business-data {
background-color: #0069b4; }
@media only screen and (min-width: 768px) {
.company-rouveen {
bottom: 0;
width: calc(100% - 30px); } }
@media only screen and (min-width: 1024px) {
.company-rouveen .text {
display: inline-block; }
.company-rouveen .text .data {
margin: 0;
float: left;
display: block;
width: 50%; } }
.company-rouveen .text .data {
margin-top: 15px; }
.company-rouveen .text .data span {
font-family: "Foco-bold", sans-serif; }
.company-rouveen .image {
text-align: center;
padding: 0 30px 30px 30px; }
.company-rouveen .image img {
width: 100%;
max-width: 300px; }
@media only screen and (max-width: 767px) {
.company-bio {
margin-bottom: 50px; } }
.company-bio .image {
text-align: center;
padding: 0 30px 30px 30px; }
.company-bio .image img {
max-height: 170px; }
.company-bio .text {
background-color: #95c11e; }
@media only screen and (max-width: 767px) {
.company-rouveen {
margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
.business-data {
margin-top: 30px; } }
.business-data .fieldset {
margin-bottom: 15px; }
.business-data .fieldset .bold {
display: block; }
.location {
height: 100%; }
.location #map {
position: relative;
float: left;
right: 0;
width: 100%;
height: 100%;
min-height: 340px; }
.location .image {
height: 100%;
background-size: cover; }
@media only screen and (max-width: 767px) {
.location .image {
height: 260px;
margin-top: 30px; } }
@media only screen and (min-width: 768px) {
.contact-footer-row {
margin-top: 30px; } }
.login-form {
margin-bottom: 50px; }
.login-form .row {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: flex; }
@media only screen and (min-width: 768px) {
.login-form .col-md-8 {
padding-right: 0; }
.login-form .col-md-4 {
padding-left: 0; } }
.login-form .form {
border: 1px solid #b2b2b1;
padding: 30px; }
.login-form .error-message-login {
color: red;
font-family: "Foco", sans-serif;
font-size: 16px;
margin-bottom: 10px; }
.login-form .message p {
margin-bottom: 30px; }
.login-form label,
.login-form input {
font-size: 16px;
outline: none; }
.login-form .login-username {
margin-bottom: 20px; }
.login-form .login-username,
.login-form .login-password {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: flex;
align-items: center; }
@media only screen and (max-width: 599px) {
.login-form .login-username,
.login-form .login-password {
flex-direction: column;
align-items: flex-start; } }
@media only screen and (min-width: 1200px) {
.login-form .login-username,
.login-form .login-password {
margin-right: 100px; } }
.login-form .login-username label,
.login-form .login-password label {
text-align: right;
margin-right: 20px; }
@media only screen and (min-width: 600px) {
.login-form .login-username label,
.login-form .login-password label {
width: 150px;
display: inline-block; } }
.login-form .login-username input,
.login-form .login-password input {
flex: 1;
background: rgba(178, 178, 178, 0.5);
border: none;
height: 40px;
padding: 10px;
outline: none; }
@media only screen and (max-width: 599px) {
.login-form .login-username input,
.login-form .login-password input {
width: 100%; } }
@media only screen and (min-width: 768px) {
.login-form .login-username input,
.login-form .login-password input {
margin-right: 100px; } }
.login-form .login-remember {
margin-top: 20px; }
.login-form .login-remember label {
position: relative;
cursor: pointer;
top: -3px; }
@media only screen and (min-width: 600px) {
.login-form .login-remember label {
align-items: center; } }
.login-form .login-remember input {
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #b2b2b1;
background: transparent;
outline: none;
margin-right: 10px;
cursor: pointer;
position: relative;
top: 4px; }
.login-form .login-remember input:after {
content: '';
position: absolute;
left: 5px;
top: 9px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg); }
.login-form .login-remember input#remember-blue:checked {
background: #0069b4;
border: 1px solid #0069b4; }
.login-form .login-remember input#remember-green:checked {
background: #95c11e;
border: 1px solid #95c11e; }
@media only screen and (min-width: 600px) {
.login-form .login-remember,
.login-form .login-submit {
margin-left: 170px; } }
.login-form #submit-blue,
.login-form #submit-green {
margin: 0;
height: 40px;
padding: 0 30px;
margin-top: 20px;
transition: all 1s ease 0s; }
.login-form #submit-blue {
background-color: #0069b4; }
.login-form #submit-blue:hover, .login-form #submit-blue:focus {
background-color: rgba(0, 38, 95, 0.72); }
.login-form #submit-green {
background-color: #95c11e; }
.login-form #submit-green:hover, .login-form #submit-green:focus {
background-color: #3f8827; }
.login-form .block {
height: 100%;
width: 100%;
position: absolute; }
.login-form .block-green {
background-color: #95c11e; }
.login-form .block-blue {
background-color: #0069b4; }
.login-form .has-err {
border: 1px solid red !important; }
.login-form #err-msg {
color: #d20000; }
#select-department {
height: 40px;
margin: 30px 0; }
#form,
.newsfilter {
height: 40px;
display: inline-block; }
@media only screen and (max-width: 767px) {
#form,
.newsfilter {
padding: 15px 0;
height: 80px;
width: 100%; } }
#form select,
.newsfilter select {
border: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #e6e6e6;
border-radius: 0; }
#form .select_arrow,
.newsfilter .select_arrow {
pointer-events: none;
text-align: center;
width: 40px;
height: 40px;
background-color: #888;
display: inline-block;
position: relative;
top: -1px;
left: -4px; }
@media (max-width: 767px) {
#form .select_arrow,
.newsfilter .select_arrow {
width: 50px;
height: 50px; } }
#form #select-image,
.newsfilter #select-image {
width: 40px;
height: 40px; }
@media (max-width: 767px) {
#form #select-image,
.newsfilter #select-image {
width: 50px;
height: 50px; } }
#form #department,
.newsfilter #department {
width: 270px; }
@media (max-width: 767px) {
#form #department,
.newsfilter #department {
width: calc(100% - 54px); } }
#form #department:hover .select_arrow,
.newsfilter #department:hover .select_arrow {
background-color: #9c9c9c; }
.newsfilter {
position: relative; }
.newsfilter select {
height: 40px; }
.newsfilter .select_arrow {
position: absolute;
top: 0;
left: auto;
right: 0; }
.search-result, .no-result {
margin: 0 35px; }
@media (max-width: 767px) {
.search-result, .no-result {
margin: 0 15px; } }
.search-result p, .no-result p {
color: #0069b4;
font-family: "Foco", sans-serif; }
.no-result {
margin: 50px 0;
text-align: center; }
.no-result p {
color: #666666; }
.input-style {
color: #666666;
font-family: "Foco-bold", sans-serif;
padding: 10px 30px;
height: 100%;
width: 230px;
background-color: #e6e6e6;
border: none; }
.button-style {
padding: 0;
width: 40px;
background-color: #888;
border: none;
color: white;
font-size: 24px;
transition: all 0.3s ease 0s;
height: 40px;
position: relative;
top: 2px;
left: -4px; }
.button-style:hover {
background-color: #9c9c9c; }
.search {
margin-left: auto;
height: 40px;
width: inherit;
display: inline-block;
float: right; }
@media only screen and (max-width: 767px) {
.search {
height: 50px; } }
#searchForm {
height: 40px; }
@media only screen and (max-width: 767px) {
#searchForm {
height: 50px; } }
.employees-overview {
position: relative;
overflow-x: hidden;
background-image: linear-gradient(0deg, #EEE 50%, transparent 50%, transparent);
background-size: 100% 600px; }
.employee-row {
display: flex;
flex-wrap: wrap; }
.employee-info {
text-align: center;
height: 300px; }
@media (max-width: 479px) {
.employee-info {
width: 100%; } }
.employee-info .employee-image {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden; }
.employee-info .employee-image-wrapper {
height: 170px;
padding: 50px 0 10px; }
.employee-info .employee-image .image {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
background-size: cover;
background-position: center; }
.employee-info .name,
.employee-info .term,
.employee-info .email {
font-family: "Foco", sans-serif; }
.employee-info .name {
width: 100%;
color: #0069b4;
font-family: "Foco-bold", sans-serif;
font-size: 16px; }
.employee-info .term {
font-size: 13px; }
.employee-info .email {
padding-bottom: 50px; }
.nav-pagination {
display: flex;
height: 40px;
justify-content: center;
text-align: center;
margin: 50px 0; }
.nav-pagination .nav-prev,
.nav-pagination .nav-next {
font-size: 36px;
background-color: #666666;
color: white;
margin: 0 3px; }
.nav-pagination .nav-page {
line-height: 40px;
font-size: 13px;
color: white;
background-color: #666666;
padding: 0 20px; }
@media (max-width: 767px) {
.input-style {
padding: 10px 30px;
width: calc(100% - 54px); }
#select-department {
flex-direction: column;
height: inherit;
margin: 30px 0; }
.search {
margin-left: 0;
float: none;
width: 100%; }
.button-style {
width: 50px;
height: 50px; } }
.event {
font-family: "Foco", sans-serif;
margin-bottom: 30px; }
.event-date {
font-size: 20px;
color: white;
background-color: #666666;
width: 248px;
height: 40px;
padding: 6px;
text-align: center;
margin: auto; }
.event-content {
border: 1px solid #b2b2b1;
width: 100%;
display: table;
table-layout: fixed; }
@media only screen and (max-width: 767px) {
.event-content {
flex-direction: column;
padding: 20px; } }
@media only screen and (min-width: 768px) {
.event-content {
padding: 15px; } }
.event-image {
width: 20%;
display: table-cell;
vertical-align: middle; }
@media only screen and (max-width: 767px) {
.event-image {
margin-bottom: 30px;
width: 100%;
display: block; } }
.event-image img {
max-width: 70%; }
@media only screen and (max-width: 767px) {
.event-image .sticker {
width: 150px;
margin-top: -70px; } }
@media only screen and (min-width: 768px) {
.event-image .sticker {
width: 200px;
margin-top: -160px; } }
@media only screen and (min-width: 992px) {
.event-image .sticker {
width: 250px;
margin-top: -210px; } }
.event-text {
font-size: 16px;
width: 45%;
display: table-cell;
vertical-align: top; }
@media only screen and (max-width: 767px) {
.event-text {
width: 100%;
display: block; } }
@media only screen and (min-width: 768px) {
.event-text {
padding-left: 30px; } }
.event-text blockquote {
width: 100%;
background-color: #0069b4;
padding: 20px;
text-align: left;
margin: 25px 0; }
.event-text blockquote p {
line-height: 25px;
color: white;
font-size: 17px;
font-style: normal;
margin: 0;
font-family: "Foco-bold", sans-serif; }
.event-title {
font-family: "Foco-bold", sans-serif;
margin-bottom: 5px;
line-height: 30px; }
@media only screen and (max-width: 767px) {
.event-title {
font-size: 20px; } }
@media only screen and (min-width: 768px) {
.event-title {
font-size: 24px; } }
@media only screen and (min-width: 992px) {
.event-title {
font-size: 24px; } }
.event-title-small {
font-family: "Foco-bold", sans-serif;
color: #0069b4;
margin-top: 30px; }
.event-values {
color: #999999; }
.eventbox {
margin: 10px 0;
padding: 20px 30px; }
.eventbox p {
color: white;
font-family: "Foco-bold", sans-serif; }
.eventbox-blue {
background-color: #009ee3; }
.eventbox-darkblue {
background-color: #0069b4; }
.pageheader__wrapper {
color: #fff;
font-family: "Foco", sans-serif; }
.pageheader__wrapper .pageheader__title {
display: inline-block; }
.pageheader__wrapper .pageheader__form {
display: inline-block;
float: right;
top: 45px;
position: relative; }
.pageheader__wrapper .pageheader__form input[type=submit] {
height: 43px;
padding: 0 15px;
bordeR: none;
width: 100%;
background: #0069b4;
font-size: 16px; }
.pageheader__wrapper .pageheader__form input[type=submit]:hover {
background: #000; }
@media only screen and (max-width: 767px) {
.newsfilter select {
position: absolute;
width: 100%;
top: 0;
height: 50px; } }
.gallery-wrapper {
position: relative; }
.gallery-wrapper .gallery {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin-bottom: 10px;
width: 100%;
padding: 6px 0;
line-height: 1;
overflow-x: hidden; }
.gallery-wrapper .gallery-image {
position: relative;
margin: 0 10px 10px 0; }
.gallery-wrapper .gallery-image--hidden {
display: none; }
.gallery-wrapper .gallery-image img {
width: 240px;
height: 100%;
max-height: 240px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallery-wrapper .gallery-image img {
width: 195px;
max-height: 195px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallery-wrapper .gallery-image img {
width: 225px;
max-height: 225px; } }
@media only screen and (max-width: 767px) {
.gallery-wrapper .gallery-image img {
width: 100%; } }
@media only screen and (max-width: 767px) {
.gallery-wrapper .gallery-image {
margin: 0 10px 10px 10px;
width: 100%; }
.gallery-wrapper .gallery-image a {
display: block;
height: 100%; }
.gallery-wrapper .gallery-image img {
width: 100%;
height: 100%; } }
.gallery-wrapper .gallery-image img {
object-fit: cover; }
.gallery-wrapper .gallery__overlay {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center; }
.gallery-wrapper .gallery__overlay__count {
color: rgba(255, 255, 255, 0.8);
font-size: 42px; }
.pswp__img {
width: auto !important; }
#breadcrumbs {
margin: 20px 0; }
#breadcrumbs span, #breadcrumbs a {
font-size: 14px;
color: #0069b4;
font-family: "Foco", sans-serif;
text-decoration: none; }
#breadcrumbs a:hover {
text-decoration: underline; }
#breadcrumbs img {
margin: 0 10px; }
.section-pagecontent--farmers .pagecontent-image {
text-align: center; }
@media (max-width: 767px) {
.farmers.farmers--wrapper {
margin-top: 90px; } }
.farmers .farmers__details .list {
margin: 0;
padding: 0;
list-style: none; }
.farmers .farmers__details .list .list-item {
margin-bottom: 15px;
display: flex;
align-items: center; }
.farmers .farmers__details .list .list-item img {
margin-right: 15px; }
.farmers .farmers__details .list .list-title {
margin-bottom: 30px; }
.farmers .farmers__item {
display: block;
background-color: #F0F7FA;
text-decoration: none;
margin: 70px 0 40px; }
.farmers .farmers__item .farmers__image {
text-align: center;
margin-bottom: 40px; }
.farmers .farmers__item .farmers__image img {
height: 150px;
width: auto;
margin-top: -30px; }
.farmers .farmers__item .farmers__details .list {
margin: 0 30px;
padding: 0;
padding-bottom: 45px; }
.farmers a.farmers__item:hover, .farmers a.farmers__item:focus {
background-color: #0069b4; }
.farmers a.farmers__item:hover strong,
.farmers a.farmers__item:hover span, .farmers a.farmers__item:focus strong,
.farmers a.farmers__item:focus span {
color: #fff; }
.farmers .load-more-button {
text-align: center; }
.farmers .load-more-button .button-small {
position: relative;
padding: 14px 35px 14px 20px;
font-size: 18px;
line-height: 23px; }
.farmers .load-more-button .button-small:after {
content: '';
position: absolute;
width: 6px;
height: 12px;
right: 15px;
top: 50%;
transform: translateY(-50%);
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/chevron-white.svg);
background-repeat: no-repeat;
background-size: contain; }
.farmers--single .pagecontent-image {
text-align: center; }
@media (max-width: 767px) {
.farmers--single .farmers__details {
margin: 60px 0; } }
.farmers--single .farmers__image img {
max-width: 100%;
height: auto; }
.pageblock {
margin: 60px 0;
padding: 80px 0; }
@media (max-width: 767px) {
.pageblock {
margin: 40px 0;
padding: 60px 0; } }
.pageblock--green {
background-color: #95c11e; }
.pageblock--green h2,
.pageblock--green h3,
.pageblock--green h4,
.pageblock--green h5,
.pageblock--green h6,
.pageblock--green p,
.pageblock--green span,
.pageblock--green a {
color: #000; }
.pageblock--blue {
background-color: #0069b4; }
.pageblock--blue h2,
.pageblock--blue h3,
.pageblock--blue h4,
.pageblock--blue h5,
.pageblock--blue h6,
.pageblock--blue p,
.pageblock--blue span,
.pageblock--blue a {
color: #fff; }
@media (max-width: 767px) {
.pageblock--left .pageblock__image {
margin-bottom: 60px; } }
@media (max-width: 767px) {
.pageblock--right .pageblock__image {
margin-top: 60px; } }
.pageblock .pageblock__image img {
max-width: 100%;
height: auto; }
.pageblock .pageblock__text h2 {
margin-bottom: 30px; }
.pageblock .pageblock__text p:not(:last-child) {
margin-bottom: 20px; }
.biodiversity-actionslist {
margin: 60px 0 0 0;
padding: 50px 0;
background-color: #F0F7FA; }
.biodiversity-actionslist .actionheader {
margin-bottom: 80px; }
@media (max-width: 992px) {
.biodiversity-actionslist .actionheader {
margin-bottom: 50px; } }
.biodiversity-actionslist .actionheader h2 {
position: relative;
margin: 60px 0;
font-size: 36px; }
.biodiversity-actionslist .actionheader h2:after {
content: '';
position: absolute;
width: 200px;
height: 150px;
left: 100px;
top: calc(100% + 20px);
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/img/bio-arrow.png);
background-repeat: no-repeat;
background-size: contain; }
@media (max-width: 992px) {
.biodiversity-actionslist .actionheader h2 {
width: 50%;
font-size: 28px; }
.biodiversity-actionslist .actionheader h2:after {
width: 150px;
left: 100%;
top: -30px;
transform: rotate(-90deg) scaleX(-1); } }
@media (max-width: 767px) {
.biodiversity-actionslist .actionheader h2 {
margin-top: 0;
width: 75%; }
.biodiversity-actionslist .actionheader h2:after {
width: 75px;
height: 60px;
top: 0; } }
@media (max-width: 599px) {
.biodiversity-actionslist .actionheader h2 {
width: 50%; }
.biodiversity-actionslist .actionheader h2:after {
top: 75%;
left: 100%; } }
.biodiversity-actionslist .actionheader img {
width: 100%; }
.biodiversity-actionslist h2.domore {
margin: 50px 0 15px; }
.biodiversity-actionslist .singleaction {
margin-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #a1d9f7; }
.biodiversity-actionslist .singleaction header {
height: auto;
position: relative; }
.biodiversity-actionslist .singleaction header .number {
display: inline-block;
position: relative;
vertical-align: top;
width: 50px;
height: 50px;
border-radius: 25px;
background-color: #fff; }
.biodiversity-actionslist .singleaction header .number span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
font-family: "Foco-bold", sans-serif;
font-size: 18px;
color: #0069b4; }
.biodiversity-actionslist .singleaction header h4 {
display: inline-block;
width: calc(100% - 80px);
margin-top: 13px;
margin-left: 20px;
color: #000;
font-family: "Foco-bold", sans-serif;
font-size: 18px; }
.biodiversity-actionslist .singleaction img {
width: 100%; }
.biodiversity-actionslist .singleaction article {
margin-top: 15px; }
.biodiversity-actionslist .singleaction article strong {
font-family: "Foco-bold", sans-serif; }
.biodiversity-actionslist .singleaction .usefulfor {
margin-bottom: 30px; }
.biodiversity-actionslist .singleaction .usefulfor p {
display: inline-block; }
.biodiversity-actionslist .singleaction .usefulfor p strong {
font-family: "Foco-bold", sans-serif; }
.biodiversity-actionslist .singleaction .usefulfor a {
display: inline-block;
font-family: "Foco", sans-serif;
font-size: 16px;
text-decoration: none; }
.biodiversity-sharedactions {
background-color: #F0F7FA;
margin-bottom: 100px; }
.biodiversity-sharedactions__inner {
padding: 80px 60px;
background-color: #95c11e; }
.biodiversity-sharedactions__inner h2, .biodiversity-sharedactions__inner article, .biodiversity-sharedactions__inner p, .biodiversity-sharedactions__inner li {
color: #fff; }
.biodiversity-sharedactions__inner h2 {
margin-bottom: 15px; }
.biodiversity-sharedactions__inner ul {
padding-left: 18px;
margin-bottom: 30px; }
.biodiversity-sharedactions__inner ul li {
padding-left: 5px;
margin-bottom: 5px; }
.biodiversity-sharedactions__inner .other-animalplant {
display: block;
float: left;
margin: 5px;
width: calc(33.33333% - 10px);
overflow: hidden; }
.biodiversity-sharedactions__inner .other-animalplant img {
position: relative;
width: 100%;
transition: all 0.5s ease; }
.biodiversity-sharedactions__inner .other-animalplant:hover img {
transform: scale(1.05); }
@media (max-width: 767px) {
.biodiversity-sharedactions__inner .other-animalplant {
width: calc(50% - 10px); } }
.biodiversity-goodtoknow h2 {
display: block;
margin-bottom: 60px;
color: #0069b4; }
.biodiversity-goodtoknow article, .biodiversity-goodtoknow p, .biodiversity-goodtoknow li {
font-family: "Foco", sans-serif; }
.biodiversity-goodtoknow p {
margin: 10px 0; }
.biodiversity-goodtoknow strong {
font-family: "Foco-bold", sans-serif; }
.biodiversity-goodtoknow ul {
padding-left: 18px; }
.biodiversity-goodtoknow ul li {
padding-left: 5px;
margin-bottom: 5px; }
.biodiversity-goodtoknow .gallery {
margin-top: 60px; }
.biodiversity-goodtoknow .gallery .galleryimage {
position: relative;
height: 256px;
overflow: hidden; }
.biodiversity-goodtoknow .gallery .galleryimage img {
position: relative;
left: 50%;
transform: translateX(-50%);
height: 100%; }
@media (max-width: 992px) {
.biodiversity-goodtoknow .gallery .galleryimage {
height: auto;
overflow: visible;
margin-bottom: 20px; }
.biodiversity-goodtoknow .gallery .galleryimage img {
position: relative;
left: auto;
transform: none;
height: auto;
width: 100%; } }
.biodiversity-moreinfo {
margin: 100px 0; }
@media (max-width: 992px) {
.biodiversity-moreinfo {
margin: 60px 0; } }
.biodiversity-moreinfo h2 {
display: block;
margin-bottom: 60px;
color: #0069b4;
font-size: 36px; }
.biodiversity-detailheader article {
margin: 40px 0; }
.biodiversity-detailheader article p {
font-family: "Foco", sans-serif;
font-size: 16px; }
.biodiversity-detailheader .title-page {
margin: 0 0 30px 0; }
.biodiversity-detailheader img {
width: 100%;
margin-bottom: 30px; }
.biodiversity-detailheader--measure img {
margin-bottom: 0; }
@media only screen and (max-width: 991px) {
.biodiversity-detailheader--measure .title-page--hiddenonlg {
display: none; } }
.biodiversity-detailheader .scrolllinks {
margin: 40px 0;
padding: 0; }
.biodiversity-detailheader .scrolllinks li {
display: block;
margin-bottom: 20px; }
@media (min-width: 993px) {
.biodiversity-detailheader .scrolllinks li {
margin-bottom: 10px; } }
.biodiversity-detailheader .scrolllinks li a {
position: relative;
font-family: "Foco", sans-serif;
color: #0069b4;
font-size: 16px;
text-decoration: none; }
.biodiversity-detailheader .scrolllinks li a:after {
content: '';
position: absolute;
width: 5px;
height: 10px;
margin-left: 10px;
top: 50%;
transform: translateY(-50%);
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/chevron.svg);
background-repeat: no-repeat;
background-size: contain;
transition: margin-left 0.5s ease; }
.biodiversity-detailheader .scrolllinks li a:hover:after {
margin-left: 15px; }
.biodiversity-detailheader .scrolllinks--measures {
padding: 40px 30px;
background-color: #F0F7FA; }
.biodiversity-detailheader .scrolllinks--measures li {
display: inline-block;
width: 100%; }
.biodiversity-detailheader .scrolllinks--measures li a, .biodiversity-detailheader .scrolllinks--measures li div.selectaction {
display: inline-block;
float: left;
width: 50%; }
.biodiversity-detailheader .scrolllinks--measures li a {
padding-right: 30px; }
.biodiversity-detailheader .scrolllinks--measures li a:after {
display: none; }
.biodiversity-detailheader .scrolllinks--measures li a span {
display: inline-block;
position: relative;
top: 1.5px;
width: 5px;
height: 10px;
margin-left: 5px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/chevron.svg);
background-repeat: no-repeat;
background-size: contain;
transition: margin-left 0.5s ease; }
.biodiversity-detailheader .scrolllinks--measures li a:hover span {
margin-left: 15px; }
.biodiversity-detailheader .scrolllinks--measures li div.selectaction {
padding: 0; }
.biodiversity-detailheader .scrolllinks--measures li div.selectaction .check {
margin-right: 5px; }
@media only screen and (max-width: 992px) {
.biodiversity-detailheader .scrolllinks--measures {
margin: 0; } }
@media only screen and (max-width: 599px) {
.biodiversity-detailheader .scrolllinks--measures li a, .biodiversity-detailheader .scrolllinks--measures li div.selectaction {
float: none;
width: 100%; }
.biodiversity-detailheader .scrolllinks--measures li a {
padding-right: 0; }
.biodiversity-detailheader .scrolllinks--measures li div.selectaction {
margin-top: 15px; }
.biodiversity-detailheader .scrolllinks--measures li div.selectaction .check {
display: block; } }
.biodiversity-detailheader .selectaction {
padding: 40px 30px;
background-color: #F0F7FA; }
.biodiversity-detailheader .selectaction p {
font-family: "Foco-bold", sans-serif;
font-size: 18px;
margin-bottom: 20px; }
.biodiversity-detailheader .selectaction .check {
display: inline-block;
position: relative;
margin: 0 10px 10px 0; }
.biodiversity-detailheader .selectaction .check input {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0; }
.biodiversity-detailheader .selectaction .check input + label {
position: relative;
display: block;
padding-left: 35px;
cursor: pointer;
font-family: "Foco", sans-serif;
font-size: 16px;
line-height: 24px;
margin-top: 5px; }
.biodiversity-detailheader .selectaction .check input + label:before {
content: "";
position: absolute;
height: 24px;
width: 24px;
background-color: #fff;
top: -1.5px;
left: 0;
transition: all 0.5s ease; }
.biodiversity-detailheader .selectaction .check input.checked + label:after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
top: 5px;
left: 7.5px; }
.biodiversity-detailheader .selectaction .check input.checked[name=present] + label:after {
top: 7px;
width: 10px;
height: 7px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/present-check-blue.svg); }
.biodiversity-detailheader .selectaction .check input.checked[name=ambition] + label:after {
width: 10px;
height: 10px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/ambition-star.svg); }
@media (max-width: 991px) {
.biodiversity_nav {
margin-top: 40px; } }
.biodiversity_nav--animals {
margin-top: 40px; }
.biodiversity_nav .button {
margin-top: 0; }
@media only screen and (max-width: 767px) {
.biodiversity_nav .button {
font-size: 12px;
padding: 12px 16px; } }
@media only screen and (min-width: 768px) {
.biodiversity_nav .button {
font-size: 14px;
padding: 12px 20px; } }
@media only screen and (min-width: 1200px) {
.biodiversity_nav .button {
font-size: 16px;
padding: 14px 25px; } }
.biodiversity_nav .button:nth-of-type(2) {
float: right; }
.biodiversity-items {
display: inline-block;
width: 100%; }
.biodiversity-items .item {
margin-bottom: 40px; }
.biodiversity-items .item a,
.biodiversity-items .item button {
display: inline-block;
width: 100%;
height: calc(100% - 1px);
background-color: #0069b4;
transition: all 0.5s ease;
text-align: left;
text-decoration: none; }
.biodiversity-items .item a:hover,
.biodiversity-items .item button:hover {
background-color: #005a9b; }
.biodiversity-items .item a section,
.biodiversity-items .item button section {
width: 100%;
padding: 40px 20px 20px 30px; }
@media (min-width: 600px) {
.biodiversity-items .item a section,
.biodiversity-items .item button section {
width: 50%;
float: left; }
.biodiversity-items .item a section.section-full-width,
.biodiversity-items .item button section.section-full-width {
width: 100%;
float: none; } }
@media (max-width: 767px) {
.biodiversity-items .item a section,
.biodiversity-items .item button section {
padding: 30px 30px 40px; } }
.biodiversity-items .item a section img.icon,
.biodiversity-items .item button section img.icon {
height: 55px;
margin-bottom: 25px; }
.biodiversity-items .item a section p,
.biodiversity-items .item button section p {
font-family: "Foco", sans-serif;
color: #fff;
font-size: 18px; }
.biodiversity-items .item a .image,
.biodiversity-items .item button .image {
height: 100%;
position: relative;
overflow: hidden; }
@media (min-width: 599px) {
.biodiversity-items .item a .image,
.biodiversity-items .item button .image {
width: 50%;
float: right; } }
.biodiversity-items .item a .image img,
.biodiversity-items .item button .image img {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%; }
@media (max-width: 767px) {
.biodiversity-items .item a .image img,
.biodiversity-items .item button .image img {
top: auto;
left: auto;
transform: none;
height: auto;
width: 100%; } }
.biodiversity-items .item:nth-of-type(even) a,
.biodiversity-items .item:nth-of-type(even) button {
background-color: #95c11e; }
.biodiversity-items .item:nth-of-type(even) a:hover,
.biodiversity-items .item:nth-of-type(even) button:hover {
background-color: #84ab1b; }
.biodiversity-items .item--download form {
height: inherit; }
.biodiversity-items .item--download button {
border: 0;
padding: 0;
outline: 0; }
.biodiversity-items .item--download button section {
height: inherit;
width: 100%; }
@media (max-width: 1199px) {
.biodiversity-items .item--download button section {
padding: 40px 20px 30px 20px; } }
@media (max-width: 992px) {
.biodiversity-items .item--download button section {
padding: 40px 30px 20px 30px; } }
@media (max-width: 767px) {
.biodiversity-items .item--download button section {
padding: 30px 30px 40px; } }
.biodiversity-plantanimal-item a {
text-decoration: none; }
.biodiversity-plantanimal-item .biodiversity-postitem {
margin-bottom: 40px; }
.biodiversity-plantanimal-item .biodiversity-postitem__image {
height: 188px;
position: relative;
overflow: hidden; }
.biodiversity-plantanimal-item .biodiversity-postitem__image img {
position: relative;
min-height: 100%;
min-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease; }
.biodiversity-plantanimal-item .biodiversity-postitem:hover .biodiversity-postitem__image img {
transform: translate(-50%, -50%) scale(1.1); }
.biodiversity-plantanimal-item .biodiversity-postitem > span {
display: block;
font-family: "Foco-bold", sans-serif;
font-size: 18px;
color: #000;
margin: 20px 0 15px 0; }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus {
margin: 10px 0; }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus span {
position: relative;
display: block;
padding-left: 20px;
font-family: "Foco", sans-serif;
font-size: 14px; }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus span:before {
content: '';
position: absolute;
left: 0;
background-repeat: no-repeat;
background-size: contain; }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus span.present {
color: #95c11e; }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus span.present:before {
width: 10px;
height: 7px;
top: 5px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/present-check.svg); }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus span.ambition {
color: #009ee3; }
.biodiversity-plantanimal-item .biodiversity-postitem .actionstatus span.ambition:before {
width: 10px;
height: 10px;
top: 3.5px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/ambition-star.svg); }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal {
display: flex; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__image,
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__text {
width: 50%; }
@media (max-width: 599px) {
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__image {
width: 40%; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__text {
width: 60%; } }
@media (min-width: 992px) and (max-width: 1199px) {
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__image {
width: 40%; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__text {
width: 60%; } }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__image {
height: auto; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__image img {
position: relative;
max-width: 100%;
min-width: auto;
min-height: auto;
top: auto;
left: auto;
right: auto;
transform: none; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__text {
margin-left: 20px; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal .biodiversity-postitem__text strong {
display: block;
margin-bottom: 15px; }
.biodiversity-plantanimal-item .biodiversity-postitem--horizontal:hover .biodiversity-postitem__image img {
transform: none; }
.page-load-status .infinite-scroll-request {
text-align: center; }
.biodiversity-pointers .map-measures {
position: relative;
background-color: #95c11e; }
.biodiversity-pointers .map-measures .image {
position: relative;
display: inline-block;
width: 100%; }
.biodiversity-pointers .map-measures .image img {
width: 100%; }
.biodiversity-pointers .map-measures .image span {
position: absolute;
width: 50px;
height: 50px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/pointer-eye.svg);
background-repeat: no-repeat;
background-size: 50%;
background-position: center center;
background-color: #95c11e;
border-radius: 25px;
border: 3px solid #fff;
transition: background-color 0.25s ease;
cursor: pointer;
transform-origin: center center; }
.biodiversity-pointers .map-measures .image span.toggle {
background-color: #0069b4; }
@media (max-width: 599px) {
.biodiversity-pointers .map-measures .image span {
width: 27px;
height: 27px;
border: 2px solid #fff; } }
.biodiversity-pointers .map-measures .actionswrapper__inner {
display: none;
padding: 60px 30px; }
.biodiversity-pointers .map-measures .actionswrapper__inner span {
display: block;
color: #fff;
font-family: "Foco-bold", sans-serif;
font-size: 18px;
margin-bottom: 30px; }
.biodiversity-pointers .map-measures .actionswrapper__inner p {
color: #fff;
font-family: "Foco", sans-serif;
font-size: 16px;
margin-bottom: 20px; }
.biodiversity-pointers .map-measures .actionswrapper__inner .action-link {
position: relative;
margin-bottom: 10px;
padding-left: 20px; }
.biodiversity-pointers .map-measures .actionswrapper__inner .action-link:before {
content: '•';
position: absolute;
top: 0;
left: 2px;
background-repeat: no-repeat;
background-size: contain;
color: #fff; }
.biodiversity-pointers .map-measures .actionswrapper__inner .action-link.present:before {
content: '';
width: 10px;
height: 7px;
top: 7.5px;
left: 0;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/present-check-white.svg); }
.biodiversity-pointers .map-measures .actionswrapper__inner .action-link.ambition:before {
content: '';
width: 10px;
height: 10px;
top: 5px;
left: 0;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/ambition-star-white.svg); }
.biodiversity-pointers .map-measures .actionswrapper__inner .action-link span {
font-family: "Foco", sans-serif;
font-size: 16px;
color: #fff;
margin-bottom: 10px; }
.photos .title-page {
display: inline-block; }
@media (min-width: 480px) {
.photos .photos__header {
display: flex;
justify-content: space-between;
align-items: center; } }
.photos .photos__content {
margin: 20px 0; }
@media (min-width: 480px) and (max-width: 767px) {
.photos .photos__content .col-xs-12 {
width: 50%; } }
@media (min-width: 768px) {
.photos .photos__content {
margin: 40px 0; } }
.photos .button-add-image {
margin: 0;
padding: 15px 20px;
line-height: 24px;
cursor: pointer; }
.photos .button-add-image svg {
float: left;
margin: 1px 15px 0 0; }
.photos .button-add-image input {
display: none; }
.photos .photo {
display: block;
position: relative;
margin: 15px 0;
text-align: center;
overflow: hidden;
cursor: default; }
.photos .photo img {
position: relative;
height: auto;
min-width: 100%;
width: auto;
left: 50%;
transform: translateX(-50%); }
.photos .photo__overlay {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 105, 180, 0.5); }
.photos .photo__enlarge {
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #0069b4;
padding: 13px;
cursor: pointer; }
.photos .photo__enlarge svg {
float: left; }
.photos .photo .button--close {
position: absolute;
background: transparent;
top: 20px;
right: 20px;
border: 0;
margin: 0;
padding: 0;
font-size: 14px;
width: 20px;
height: 20px;
outline: 0;
z-index: 1;
cursor: pointer; }
.photos .photo:hover .photo__overlay, .photos .photo:focus .photo__overlay {
display: block; }
.biodiversity-overview .content-page {
margin: 15px 0 40px; }
.biodiversity-overview .article {
background-color: #F0F7FA;
margin: 20px 0;
padding: 20px 15px; }
@media (min-width: 768px) {
.biodiversity-overview .article {
padding: 40px 30px; } }
.biodiversity-overview .article h2 {
display: block;
margin-bottom: 30px;
color: #0069b4; }
.biodiversity-overview .article.photos h2 {
margin-bottom: 0; }
.biodiversity-overview .widget {
margin: 20px 0; }
.biodiversity-overview .widget .widget-title {
display: block;
margin-bottom: 20px;
font-size: 18px; }
.biodiversity-overview .widget.widget--form {
background-color: #0069b4;
padding: 40px 30px; }
.biodiversity-overview .widget.widget--form .success {
margin-bottom: 15px;
color: lightgreen; }
.biodiversity-overview .widget.widget--form .error {
margin-bottom: 15px;
color: orange; }
.biodiversity-overview .widget.widget--form strong,
.biodiversity-overview .widget.widget--form label,
.biodiversity-overview .widget.widget--form small {
color: #fff; }
.biodiversity-overview .widget.widget--form label {
font-size: 16px; }
.biodiversity-overview .widget.widget--form input[type=text] {
display: block;
width: 100%;
border: 0;
border-radius: 0;
outline: 0;
background-color: #0E75BE;
padding: 7px 15px;
margin-bottom: 10px;
margin-top: 5px; }
.biodiversity-overview .widget.widget--form input[type=submit] {
background-color: #fff;
border: 0;
border-radius: 0;
outline: 0;
padding: 13px 20px;
color: #0069b4;
font-family: "Foco-bold", sans-serif;
font-size: 18px;
margin-top: 20px; }
.biodiversity-overview .widget.widget--form small {
display: block;
margin-top: 15px;
font-size: 14px;
color: #a1d9f7;
font-style: italic; }
.biodiversity-overview .widget--archive {
padding: 40px 30px; }
.biodiversity-overview .widget--archive a {
position: relative;
display: block;
font-family: "Foco", sans-serif;
font-size: 16px;
text-decoration: none;
margin-bottom: 10px; }
.biodiversity-overview .widget--archive a:after {
content: '';
position: absolute;
width: 5px;
height: 10px;
margin-left: 10px;
top: 60%;
transform: translateY(-50%);
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/chevron.svg);
background-repeat: no-repeat;
background-size: contain;
transition: margin-left 0.3s ease-in; }
.biodiversity-overview .widget--archive a:hover:after {
transition: margin-left 0.3s ease-out;
margin-left: 15px; }
.biodiversity-overview .measures {
margin: 30px 0; }
.biodiversity-overview .measures > p {
margin-bottom: 20px; }
.biodiversity-overview .measures > p strong {
color: #0069b4; }
.biodiversity-overview .selectaction .check {
display: inline-block;
position: relative;
margin: 0 10px 10px 0; }
.biodiversity-overview .selectaction .check input {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0; }
.biodiversity-overview .selectaction .check input + label {
position: relative;
display: block;
padding-left: 35px;
cursor: pointer;
font-family: "Foco", sans-serif;
font-size: 16px;
margin-top: 5px; }
.biodiversity-overview .selectaction .check input + label:before {
content: "";
position: absolute;
height: 24px;
width: 24px;
background-color: #fff;
top: -1.5px;
left: 0;
transition: all 0.5s ease; }
.biodiversity-overview .selectaction .check input.checked + label:after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
top: 5px;
left: 7.5px; }
.biodiversity-overview .selectaction .check input.checked[name=present] + label:after {
top: 7px;
width: 10px;
height: 7px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/present-check-blue.svg); }
.biodiversity-overview .selectaction .check input.checked[name=ambition] + label:after {
width: 10px;
height: 10px;
background-image: url(https://www.rouveen-kaasspecialiteiten.nl/wp-content/themes/rouveen-kaasspecialiteiten/ico/ambition-star.svg); }
.biodiversity-overview .action {
margin-bottom: 10px; }
@media (min-width: 768px) {
.biodiversity-overview .action {
display: flex;
align-items: center;
justify-content: space-between; } }
.biodiversity-overview .action .actionname {
position: relative;
word-wrap: break-word; }
@media (max-width: 767px) {
.biodiversity-overview .action .actionname {
margin-bottom: 5px; } }
@media (min-width: 768px) {
.biodiversity-overview .action .actionname {
width: 50%; } }
@media (min-width: 768px) {
.biodiversity-overview .action .actionstatus {
width: 38%;
display: flex;
align-items: center;
justify-content: space-between; } }
.biodiversity-overview .action .actionstatus .input-wrapper {
display: flex;
align-items: center; }
.biodiversity-overview .action .actionstatus .input-wrapper .input {
display: inline-block;
text-align: center;
width: 24px;
height: 24px;
background-color: #fff;
margin-right: 8px; }
.biodiversity-overview .action .actionstatus .input-wrapper .input-present img {
vertical-align: middle;
margin: 4px 3px; }
.biodiversity-overview .action .actionstatus .input-wrapper .input-ambition img {
vertical-align: middle;
margin: 3px; }