html, 
body, 
div, 
span, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
abbr, 
address, 
cite, 
code, 
del, 
dfn, 
em, 
img, 
ins, 
kbd, 
q, 
samp, 
small, 
strong, 
sub, 
sup, 
var, 
b, 
i, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td, 
article, 
aside, 
canvas, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
summary, 
time, 
mark, 
audio, 
video 													{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }        
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section 												{ display: block; }
audio, 
canvas, 
video 													{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) 									{ display: none; }
[hidden] 												{ display: none; }
html 													{ font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body 													{ margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }          
a		 												{ color:blue; }
a:focus  												{ outline: thin dotted; }
li														{ list-style:none; }
abbr[title]  											{ border-bottom:none; }
b, 
strong  												{ font-weight: 700; }
i,
em,
dfn  													{ font-style: italic; }
hr  													{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins  													{ background: #ff9; color: #000; text-decoration: none; }
mark 	 												{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, 
code, 
kbd, 
samp  													{ font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre  													{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q  														{ quotes: none; }
q:before, 
q:after  												{ content: ""; content: none; }
small 													{ font-size: 85%; }
sub, 
sup  													{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup  													{ top: -0.5em; }
sub  													{ bottom: -0.25em; }
img  													{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
label  													{ cursor: pointer; }
input, 
select, 
textarea  												{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, 
input  													{ line-height: normal; *overflow: visible; }
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] 									{ cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], 
input[type="radio"] 									{ box-sizing: border-box; }
input[type="search"] 									{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration			{ -webkit-appearance: none; }
button::-moz-focus-inner, 
input::-moz-focus-inner 								{ border: 0; padding: 0; }
textarea  												{ overflow: auto; vertical-align: top; resize: vertical; }
table  													{ border-collapse: collapse; border-spacing: 0; }
td  													{ vertical-align: top; }
body{
background: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
h1{
}
h2{
}
h3{
}
h4{
}
a{
text-decoration: none;
}
#home-content p a, .content-text p a , .content-text li a { text-decoration:underline; color: #000;}
a:hover{
}
p{
line-height: 32px;
font-weight: lighter;
margin: 0 0 30px 0;
}
img{
}
input,
textarea{
outline: none;
}
.clear{
clear: both;
}
.container{
width: 1200px;
padding: 0 3.3%; margin: 0 auto;
max-width: 93.4%;
}
.container-content{
width: 900px;
padding: 0 3.3%; margin: 0 auto;
max-width: 93.4%;
} header{
padding: 20px 0 0 0;
background-size: cover;
}
#header-std{
padding-bottom: 40px;
}
.layer{
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(255,255,255,0.85);
}
#header-left{
float: left;
width: 25%;
}
#logo{
padding: 23px 0 0 0;
}
#header-right{
float: right;
width: 75%;
}
#topmenu{
float: right;
width: auto;
}
#topmenu ul li{
display: inline-block;
text-align: right;
margin: 0 0 0 18px;
line-height: 30px;
}
#topmenu ul li a{ color: #666;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
#lang-switcher{
display: inline-block;
float: right;
}
#lang-toggle{
display: block;
width: 116px;
background: #004C62;
color: #FFF;
height: 30px;
line-height: 30px;
border: none;
text-align: left;
cursor: pointer;
font-size: 14px;
margin: 0 0 0 18px;
padding: 0 0 0 14px;
} li.lang-item-fr, li.lang-item-fy {display: none;}
#langs{
display: none;
position: absolute;
z-index: 10;
background: #004C62;
color: #FFF;
margin: 0 0 0 18px;
font-size: 14px;
text-align: left;
width: 116px;
padding: 0 0 6px 14px;
}
#langs ul li{
padding: 2px 0;
}
#langs ul li a img{
margin: 0 6px 0 0;
}
#langs a{
color: #FFF;
}
.hoofdmenu{
text-align: right;
margin: 10px 0 0 0;
} .hoofdmenu ul li{
display: inline-block;
text-align: left;
margin: 0 0 0 3.3%; vertical-align: top;
height: 67px;
padding: 20px 0 0 0;
}
.hoofdmenu ul li span.span_title a{
display: block;
font-size: 20px;
font-weight: 600;
color: #000;
}
.hoofdmenu ul li:hover{
background: url(//groepsaccommodatiestroodrie.nl/wp-content/themes/stroodrie/img/menu_hover.png) no-repeat center;
color: red;
}
.hoofdmenu ul li a span.menu-subtitle{
font-size: 14px;
font-weight: 400;
color: #222;
}
.menu-mobiel-menu-container ul li.lang-item:nth-child(4n), 
.menu-mobiel-menu-friesland-container ul li.lang-item:nth-child(4n), 
.menu-mobiel-menu-duitsland-container ul li.lang-item:nth-child(4n), 
.menu-mobiel-menu-engels-container ul li.lang-item:nth-child(4n), 
.menu-mobiel-menu-frankrijk-container ul li.lang-item:nth-child(4n){
border-bottom: 1px solid #fff;
}
#header-img{
margin: 40px 0 0 0;
}
.border{
height: 13px;
width: 100%;
max-width: 100%;
}
#border-top{
background: -webkit-linear-gradient(left, #ec190a 50%, #fdb92d 50%); 
background: -o-linear-gradient(left, #ec190a 50%, #fdb92d 50%); 
background: -moz-linear-gradient(left, #ec190a 50%, #fdb92d 50%); 
background: linear-gradient(left, #ec190a 50%, #fdb92d 50%); 
}
#border-bottom{
background: -webkit-linear-gradient(left, #fdb92d 50%, #ec190a 50%); 
background: -o-linear-gradient(left, #fdb92d 50%, #ec190a 50%); 
background: -moz-linear-gradient(left, #fdb92d 50%, #ec190a 50%); 
background: linear-gradient(left, #fdb92d 50%, #ec190a 50%); 
}
#image{
width: 100%;
height: 430px;
background-size: cover;
background-position: center center;
}
#image #logo-2{
position: absolute;
left: 0;
bottom: 50px;
}  .container-content h2{
font-size: 22px;
margin: 40px 0 30px;
}
h2.pagetitle{
font-size: 30px;
}
.breadcrumbs a{
color: #CCC;
text-decoration: underline;
}
#subpages{
text-align: left;
margin: 40px 0;
}
.subpage-btn{
background: #FFB644;
display: inline-block;
width: 20%;
height: 50px;
padding: 10px 0 0 0;
color: #FFF;
font-weight: lighter;
text-align: center;
margin: 0 5% 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.subpage-btn:nth-child(4){
margin: 0;
}
.subpage-btn:nth-child(+5){
margin: 30px 5% 0 0;
}
.subpage-btn .subtitle{
display: block;
font-size: 13px;
font-weight: normal;
}
.subpage-btn:hover{
background: #EC190A;
}
.content-text ul li{
font-weight: lighter;
line-height: 32px;
list-style-type: circle;
margin-left: 40px;
} .content-block{
margin: 0 0 40px 0;
}
.content-block-bg-img{
padding: 40px 0;
background-size: cover;
background-position: center center;
}
.two-col{
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
}
.content-left{
float: left;
width: 49%;
}
.content-right{
float: right;
width: 49%;
}
.content-left p,
.content-right p{
margin: 0;
}
.content-img img{
width: 49%;
height: auto;
}
.content-img img:nth-child(2){
float: right;
}
.img-right{
float: right;
width: 49%;
text-align: right;
}
.img-left{
float: left;
width: 49%;
}
.content-img img,
.content-img-1 img,
.content-img-2 img{
max-width: 100%;
height: auto;
} div.faciliteiten{
width: 100%;
max-width: 100%;
background: #FFB644;
padding: 40px 0 30px 0;
font-weight: normal;
}
div.faciliteiten h2{
margin: 0 0 30px 0;
}
div.faciliteiten ul li{
display: inline-block;
width: 30%;
margin: 0 2% 20px 0;
vertical-align: top;
}
div.faciliteiten ul li:nth-child(3n+3){
margin-right: 0;
} #header-form{
float: right;
text-align: center;
padding: 30px 40px;
background-color: rgba(255,255,255,0.9);
display: table-cell;
vertical-align: middle; margin: 188px 0 0 0;
border-top: 8px solid #FFF;
border-bottom: 8px solid #FFF;
}
#header-form h2{
font-size: 20px;
margin: 0 0 40px 0;
}
#header-form input{
border: none;
width: 92%;
display: block;
padding: 10px 4%;
margin: 0 0 10px 0;
color: #CCC;
}
#header-form a.filler{
display: block;
color: #FFF;
background: #003D55;
width: 80%;
margin: 0 auto;
margin-top: 40px;
padding: 10px 0;
}
#home-content h2,
#home-content-2 h2{
font-size: 22px;
margin: 40px 0 30px;
}
#home-content{
margin: 0 0 40px 0;
} #home-content-content{
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
}
#home-content-2{
margin: 0 0 40px 0;
}
#home-content-2-p{
width: 49%;
float: left;
}
#home-content-2-p p{
}
.button{
float: right;
margin: 10px 0;
}
.button a{
display: inline-block;
background: #003D55;
color: #FFF;
padding: 14px 12px;
width: auto;
font-size: 12px;
font-weight: normal;
}
#home-content-2-img1{
width: 100%;
height: 200px;
background-position: center center;
background-size: cover;
}
#home-content-2-img2{
width: 49%; float: right;
background-position: center center;
background-size: cover;
}
#footer-home{
color: #FFF;
padding: 50px 0;
background-position: center center;
background-size: cover;
}
#footer-home h2{
font-size: 24px;
font-weight: lighter;
margin: 0 0 20px 0;
}
#footer-home-layer{
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(236,25,10,0.8);
}
.footer-home-left{
float: left;
width: 48%;
max-width: 48%;
}
.footer-home-img{
width: 100%;
max-width: 100%;
}
.footer-home-img img{
width: 100%;
max-width: 100%;
height: auto;
}
.footer-home-right{
float: right;
width: 48%;
max-width: 48%;
}
.footer-home-right-2{
position: relative;
bottom: 0;	
}
.footer-home-right .button:nth-child(2){
margin-bottom: 0;
}
.footer-home-right-1{
margin: 0 0 30px 0;
}
.footer-home-right-1 .button,
.footer-home-right-2 .button{
float: none;
} .content{
margin: 40px 0 0 0;
}
#contact{
background: #FDB92D;
padding: 40px 0 0 0;
}
.contact-left{
width: 49%;
float: left;
}
.contact-right{
width: 49%;
float: right;
color: #FFF;
line-height: 30px;
}
.contact-right h2{
margin: 0;
}
#contact-gegevens{
float: left;
}
.contact-img{
float: right;
}
#contact input[type=text].contactform,
#contact input[type=email].contactform{
border: 1px solid #FFF;
height: 50px;
line-height: 50px;
margin: 0 0 20px 0;
padding: 0 2%;
width: 88%;
}
#contact textarea.contactform{
border: none;
resize: resize-y;
padding: 10px 2%;
font-family: Open Sans;
font-size: 1em;
}
#contact input[type=submit].contactform{
background: #004C62;
color: #FFFFFF;
border: none;
padding: 20px;
margin-top: 20px;
}
div.wpcf7-validation-errors{
border: none;
border-left: 4px solid #EC190A;
background: #EF928D;
color: #FFF;
padding: 10px 2%;
margin-left: 0;
}  #infobar{
background: #FFB644;
color: #FFF;
margin: 0;
padding: 30px 0;
font-size: 18px;
}
#infobar p{
margin: 0;
font-weight: bold;
}
.tablepress thead tr th{
background: transparent !important;
color: #000 !important;
} .output-guestbook{
float: left;
width: 55%;
}
.output-sign{
float: right;
width: 40%;
}
#gbHeader{
display: none;
}
.gbEntry{
border: none;
}
.gbEntryTop{
background: #FFB644;
color: #000;
padding: 10px 2%;
}
#gbEntriesWrap{
padding: 30px 0 0 0;
}
.gbEntryContent{
border: none;
}
#gbSignWrap{
background: #FFB644;
border: none; padding: 30px 0 0 0;
width: 100%;
text-align: center;
}
#gbSignPersonal{
width: 100%;
}
#gbSignWrap form table input{
border: none;
height: 50px;
line-height: 50px;
padding: 0 4%;
width: 71% !important;
margin: 0 0 20px 0;
outline: none;
}
#gbSignWrap form textarea{
border: none;
font-size: 1em;
font-family: Open Sans;
width: 71% !important;
padding: 10px 4%;
display: block;
margin: 0 auto;
outline: none;
}
#gbSignText{
margin: 0;
padding: 0;
text-align: left;
}
#gbSignWrap input[type=submit]{
background: #004C62;
border: none;
color: #FFF;
width: 80% !important;
padding: 20px 0;
margin: 0 auto;
display: block;
}  footer{
background: #F2F2F2;
}
#footer-form{
width: 50%;
float: left;
}
#footer-form h2,
#footer-calendar h2{
font-size: 22px;
margin: 40px 0 30px 0;
}
.sbc-navigation{
text-align: center;
width: 97%; font-size: 14px;
font-weight: lighter;
text-transform: capitalize;
}
.sbc-navigation a{
margin: 0 5px;
}
#footer-form-left{
width: 45%;
float: left;
}
#footer-form-right{
width: 45%;
float: left;
}
.footer-input,
.footer-date{
border: none;
height: 40px;
line-height: 40px;
background: #FFF;
color: #b9b9b9;
padding: 0 2%;
width: 86%;
margin: 0 0 18px 0;
}
.footer-select{
border: none;
height: 40px;
line-height: 40px;
width: 20%;
padding: 0 2%:
color: #b9b9b9;
margin: 0 1% 18px 0;
}
.footer-textarea{
width: 86% !important;
max-width: 86%;
border: none;
background: #FFF;
color: #b9b9b9;
padding: 0 2%;
resize: vertical;
font-size: 16px;
font-family: 'Open sans', sans-serif;
height: 156px;
}
#footer-form select{	
color: #b9b9b9;
width: 90%;
}
#footer-form input[type="number"]{
color: #b9b9b9;
padding: 0 2%;
}
#footer-form input[type="submit"]{
border: none;
background: #003D55;
color: #FFF;
padding: 8px 16px;
}
.wpcf7-form input[type="checkbox"]{
border: 1px solid red;
}
#footer-calendar{
width: 50%;
float: right;
} #sbc-calendar{
width: 100%;
}
.sbc-day{
padding: 2px 3px !important;
font-size: 14px !important;
text-align: right !important;
font-weight: lighter !important;
height: 20px !important;
}
#sbc-calendar-wrapper table{
border-spacing: 30px;
width: 97%;
}
#sbc-calendar-wrapper table thead{ }
.sbc-calendar-month{ width: 445px !important;
max-width: 100%;
border: none;
}
#sbc-calendar-wrapper table tr td{
height: 42px;
}
.cal-legend{
font-weight: bold;
display: inline-block;
text-align: center;
padding: 14px 0;
}
.booked{
background: #f69891;
margin-right: 4%;
width: 18%;
}
.free{
background: #ccd6de;
margin-right: 4%;
width: 36%;
}
.change{
background: #fedc97;
width: 36%;
float: right;
} .reserveren-form input,
.reserveren-form textarea,
.reserveren-form select{
border: 1px solid #CCC;
}
.reserveren-form input[type="submit"]{
color: #FFF;
background: #003D55;
padding: 8px 16px;
border: none;
} #bottom{
background: #002F54;
padding: 40px 0;
color: #FFF;
}
#bottom a{
color: #FFF;
}
#bottom .hoofdmenu{
text-align: center;
margin: 0;
padding: 0 0 40px 0;
border-bottom: 5px solid #003E67;
}
#bottom .hoofdmenu ul li span.span_title a,
#bottom .hoofdmenu ul li a span.menu-subtitle{
color: #FFF;
}
#footer-content{
padding: 40px 0;
}
.bottom-content{
float: left;
line-height: 28px;
font-weight: lighter;
}
.bottom-content h2{
font-weight: lighter;
font-size: 22px;
}
.bottom-content h3{
font-weight: bold;
font-size: 18px;
}
.bottom-1{
width: 50%;
}
.bottom-2{
width: 20%;
}
.bottom-3{
width: 30%;
}
.bottom-2 span{
display: block;
}
#bottom-menu{
text-align: right;
font-size: 14px;
}
#bottom-menu a{
margin: 0 0 0 2%;
}extarea,
.reserveren-form select{
border: 1px solid #CCC;
}
.reserveren-form input[type="submit"]{
color: #FFF;
background: #003D55;
padding: 8px 16px;
border: none;
} #bottom{
background: #002F54;
padding: 40px 0;
color: #FFF;
}
#bottom a{
color: #FFF;
}
#bottom .hoofdmenu{
text-align: center;
margin: 0;
padding: 0 0 40px 0;
border-bottom: 5px solid #003E67;
}
#bottom .hoofdmenu ul li span.span_title a,
#bottom .hoofdmenu ul li a span.menu-subtitle{
color: #FFF;
}
#footer-content{
padding: 40px 0;
}
.bottom-content{
float: left;
line-height: 28px;
font-weight: lighter;
}
.bottom-content h2{
font-weight: lighter;
font-size: 22px;
}
.bottom-content h3{
font-weight: bold;
font-size: 18px;
}
.bottom-1{
width: 50%;
}
.bottom-2{
width: 20%;
}
.bottom-3{
width: 30%;
}
.bottom-2 span{
display: block;
}
#bottom-menu{
text-align: right;
font-size: 14px;
}
#bottom-menu a{
margin: 0 0 0 2%;
}
#mobile-nav,
#mobile-lang{
display: none;
}
@media screen and (max-width: 1000px){
#header-right{
display: none;
}	
#footer-form{
display: none;
}
#footer-calendar{
display: none;
}
#header-form{
display: none;
}
} @media screen and (max-width: 860px){ #home-content-content{
-webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important;
}
.owl-carousel{
display: none !important;
}
#image{
height: 215px;
}
.two-col{
-webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important;
} .contact-left,
.contact-right{
width: 100%;
float: none;
}
#logo-2{
display: none; 
}
#contact input,
#contact textarea,
input[type="submit"]{
width: 90% !important;
} 
.faciliteiten ul li{
width: 92% !important;
}
.footer-home-left,
.footer-home-right{
width: 100%;
max-width: 100%;
float: none;
}
.footer-home-left{
margin: 0 0 30px 0;
}
.footer-home-right-2{
position: relative;
}
.footer-home-right{
height: auto !important;
}
}
@media screen and (max-width: 640px){ #home-content-2-p{
float: none;
width: 100%;
}
#home-content-2-img2{
display: none;
}
#image{
height: 110px;
} .subpage-btn{
display: block;
margin-bottom: 10px;
width: 40%;
}
.two-col,
#home-content p{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.content-left,
.content-right,
.content-img,
.img-right,
.img-left,
.img-left img,
.img-right img,
.content-img img{
float: none;
width: 100%;
}
.content-img img{
margin: 0 0 30px 0;
}
#bottom .hoofdmenu{
display: none;
}
.bottom-1,
.bottom-2,
.bottom-3{
float: none;
width: 100%;
margin: 0 0 40px 0;
text-align: center;
} #contact-gegevens{
float: none;
}
.contact-img{
float: none;
width: 100%;
text-align: center;
padding: 20px 0;
}
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//groepsaccommodatiestroodrie.nl/wp-content/themes/stroodrie/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
} .owl-controls{
position: relative;
z-index: -10;
float: left;
width: 100%;
margin-top: -382px;
}
.owl-stage-outer{
height: 382px;
width: 89.5%;
left: 5.25%;
}
.owl-prev{
float: left;
width: 5.25%; height: 382px;
background: url(//groepsaccommodatiestroodrie.nl/wp-content/themes/stroodrie/img/slider_prev.png) no-repeat;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.owl-next{
float: right;
width: 63px; height: 382px;
background: url(//groepsaccommodatiestroodrie.nl/wp-content/themes/stroodrie/img/slider_next.png) no-repeat;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.owl-item{
width: 100%;
max-width: 100%;
height: 100%;
text-align: center;
}
.slide{
width: 100%;
max-width: 100%;3
height: 100%;
}
.slide-left{
width: 40%;
max-width: 40%;
float: left;
height: 100%;
}
.slide-center{
float: left;
width: 382px;
height: 382px;
}
.slide-right{
float: left;
height: 100%;
width: 17.5%;
}
.v2-slide-right{
float: left;
height: 100%;
width: 49.4%;
}
.img-top-left{
height: 50%;
width: 100%;
}
.slide-img{
background-position: center center;
background-size: cover;
border: 2px solid #FFF;
border-position: inside;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
font-size: 13px;
}
.slide-img a{
display: block;
background: #003D55;
color: #FFF;
text-align: center;
padding: 8px;
}
.slide-post a{
display: block;
float: right;
background: #003D55;
color: #FFF;
text-align: right;
padding: 4px;
position: absolute;
bottom: 5px;
right: 5px;
}
.slide-post{
font-weight: lighter;
font-size: 0.9em;
line-height: 26px;
overflow: hidden;
padding: 1.5% 1.5%;
text-align: left;
height: 191px;
}
.slide-post h2{
font-size: 20px;
margin: 0 0 8px 0;
}
.link-wrapper{
display: table-cell;
vertical-align: middle;
}
.post-link{
position: absolute;
bottom: 15px;
right: 5px;
width: 100%;
}
.v1-img1{
width: 40%;
float: left;
height: 191px;
display: table;
}
.v1-img2{
width: 60%;
float: left;
height: 191px;
display: table;
}
.v1-img3{
width: 60%;
float: left;
height: 191px;
display: table;
}
.v1-img4{
width: 40%;
float: left;
height: 191px;	
display: table;
}
.v1-img5{
width: 382px;
height: 382px;
float: left;
display: table;
}
.img-top-right{
height: 50%;
width: 100%;
display: table;
}
.v1-img6{
height: 191px;
display: table;
width: 100%;
}
.v1-img7{
height: 191px;
display: table;
width: 100%;
}
.v2-img6{
height: 191px;
display: table;
width: 100%;
}
.v4-slide{
width: 44.7%;
float: left;
}
.v4-img1,
.v4-img2{
height: 382px;
width: 100%;
display: table;
}
div,
article,
section,
header,
footer,
nav,
li					{ position:relative; }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; }
body 				{ background:#fff; }   body,
input,
textarea 			{ }
h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; }  @media screen and (min-width:400px) {
{ }
} @media screen and (-webkit-min-device-pixel-ratio:2) {
{ }
}