@charset "UTF-8";
  .ff-layout-grid .ff-item-cont {
padding-bottom: 20px;
}
#ff-stream-1 {
min-height: 0 !important;
} .buorg {
background: none !important;
}
.buorg-pad {
padding: 9px;
line-height: 1.7em;
padding-top: 50vh !important;
padding-bottom: 50vh !important;
background: rgba(255, 255, 255, 0.6) !important;
}
a#buorgul {
background-color: #b20838 !important;
border-radius: 0px !important;
}
a#buorgig {
border-radius: 0px !important;
font-weight: normal;
background: #333 !important;
}
@font-face {
font-family: "ScalaSans";
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/ScalaSansRegular.eot);
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/ScalaSansRegular.eot) format("embedded-opentype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/ScalaSansRegular.woff2) format("woff2"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/ScalaSansRegular.woff) format("woff"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/ScalaSansRegular.ttf) format("truetype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/ScalaSansRegular.svg#ScalaSansRegular) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MetaPro";
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProCondBook.eot);
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProCondBook.eot) format("embedded-opentype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProCondBook.woff2) format("woff2"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProCondBook.woff) format("woff"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProCondBook.ttf) format("truetype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProCondBook.svg#MetaProCondBook) format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "MetaPro";
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProNormal.eot);
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProNormal.eot) format("embedded-opentype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProNormal.woff2) format("woff2"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProNormal.woff) format("woff"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProNormal.ttf) format("truetype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProNormal.svg#MetaProNormal) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "MetaPro";
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProBold.eot);
src: url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProBold.eot) format("embedded-opentype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProBold.woff2) format("woff2"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProBold.woff) format("woff"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProBold.ttf) format("truetype"), url(//mouwrik.nl/wp-content/themes/Mouwrik/fonts/MetaProBold.svg#MetaProBold) format("svg");
font-weight: 700;
font-style: normal;
} html, body {
min-height: 100%;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}
body {
font: 18px/30px "MetaPro", sans-serif;
color: #414042;
background: #fff;
}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {
margin: 0;
padding: 0;
}
header, section, footer, aside, nav, article, figure, figcaption {
display: block;
}
table {
border-collapse: collapse;
}
img {
border: none;
max-width: 100%;
height: auto;
}
iframe, object, embed {
max-width: 100%;
}
ul, li {
list-style: none;
}
input {
vertical-align: middle;
}
input:focus, textarea:focus {
outline: none;
}
button, input[type=submit] {
cursor: pointer;
-webkit-appearance: none;
}
a, a:active, a:visited {
text-decoration: none;
color: #b20838;
transition: color linear 0.2s;
}
a:hover {
text-decoration: none;
color: #c23c62;
} .wrapper {
max-width: 1282px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.clear:after, .wrapper:after {
content: "";
display: block;
height: 0;
clear: both;
}
.alignright {
float: right;
margin: 0 0 40px 50px;
}
.alignleft {
float: left;
margin: 0 50px 40px 0;
}
.posts_navigation a {
float: left;
}
.posts_navigation span a {
float: right;
}
.navigation.pagination {
padding: 25px 0 0 0;
text-align: right;
font: 20px "ScalaSans";
}
.navigation.pagination h2, .navigation.pagination .nav-links .next, .navigation.pagination .nav-links .prev {
display: none;
}
.navigation.pagination .nav-links span {
display: inline-block;
vertical-align: middle;
min-width: 24px;
text-align: center;
padding: 2px;
background: #b20838;
color: #fff;
position: relative;
}
.navigation.pagination .nav-links a, .navigation.pagination .nav-links a:visited {
display: inline-block;
vertical-align: middle;
min-width: 24px;
text-align: center;
padding: 2px;
color: #282828;
}
.navigation.pagination .nav-links a:hover {
color: #b20838;
}
.cover {
display: none;
}
.home .cover {
display: none !important;
}
*[data-cover] {
min-height: 260px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/blank.gif) center center no-repeat;
background-size: cover;
}
.video_wrap {
position: relative;
padding: 0 0 56.25% 0;
height: 0;
}
.video_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
h1 {
font: 400 45px "MetaPro";
color: #b20838;
text-transform: uppercase;
}
h2 {
font: 700 41px "MetaPro";
color: #b4103e;
text-transform: uppercase;
padding-bottom: 5px;
}
h3 {
font: 700 36px "MetaPro";
color: #b20838;
text-transform: uppercase;
padding-bottom: 20px;
}
h4 {
font: 700 30px "MetaPro";
color: #b20838;
text-transform: uppercase;
padding-bottom: 20px;
}
h5 {
font: 300 24px "MetaPro";
text-transform: uppercase;
padding-bottom: 15px;
}
h6 {
font: 300 20px "MetaPro";
color: #000;
text-transform: uppercase;
padding-bottom: 25px;
}
p {
padding-bottom: 25px;
}
input[type=text], input[type=tel], input[type=email], textarea {
font: 18px "MetaPro", sans-serif;
color: #414042;
border: none;
border-radius: 0;
padding: 0 10px;
height: 25px;
width: 100%;
box-sizing: border-box;
}
textarea {
height: 240px;
padding: 10px;
resize: none;
}
.button_wrap {
padding: 1px;
font-size: 0;
line-height: 0;
display: inline-block;
vertical-align: middle;
position: relative;
background: linear-gradient(135deg, #b20838 0, #b20838 0) top left, linear-gradient(-135deg, #b20838 0, #b20838 0) top right, linear-gradient(-45deg, transparent 7px, #b20838 0) bottom right, linear-gradient(45deg, #b20838 0, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
z-index: 2;
}
.button, .button:visited {
color: #fff;
padding: 0 13px 0 10px;
min-height: 33px;
font: 14px/33px "MetaPro";
text-transform: uppercase;
border: none;
border-radius: 0;
background: linear-gradient(135deg, #b20838 0, #b20838 0) top left, linear-gradient(-135deg, #b20838 0, #b20838 0) top right, linear-gradient(-45deg, transparent 7px, #b20838 0) bottom right, linear-gradient(45deg, #b20838 0, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
display: inline-block;
text-align: center;
box-sizing: border-box;
transition: background-color linear 0.2s, color linear 0.2s;
}
.button:hover {
color: #b20838;
background: linear-gradient(135deg, #fff 0, #fff 0) top left, linear-gradient(-135deg, #fff 0, #fff 0) top right, linear-gradient(-45deg, transparent 7px, #fff 0) bottom right, linear-gradient(45deg, #fff 0, #fff 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.button_wrap_white {
background: linear-gradient(135deg, #fff 0, #fff 0) top left, linear-gradient(-135deg, #fff 0, #fff 0) top right, linear-gradient(-45deg, transparent 7px, #fff 0) bottom right, linear-gradient(45deg, #fff 0, #fff 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.button.button_big, .button.button_big:visited {
padding: 0 27px 0 24px;
font-size: 17px;
line-height: 37px;
min-height: 37px;
} .header {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
background: rgba(255, 255, 255, 0.9);
}
.home .header {
background: white;
}
.logged-in .header {
top: 32px;
}
.header .wrapper {
display: flex;
padding: 30px 40px 0 40px;
}
.header .logo {
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/logo.png) no-repeat;
width: 319px;
height: 55px;
font-size: 0;
line-height: 0;
}
.header .widget, .header .phone {
display: none;
}
.header .phone {
width: 23px;
height: 23px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/phone2.png) no-repeat;
background-size: 23px auto;
top: 17px;
right: 20px;
position: absolute;
} .menu_trigger {
position: absolute;
top: 0;
left: 10px;
width: 50px;
height: 100%;
z-index: 999;
transform: rotate(0deg);
cursor: pointer;
display: none;
}
.menu_trigger span {
display: block;
position: absolute;
height: 4px;
width: 23px;
background: #b20838;
border-radius: 0 0 2px 0;
opacity: 1;
left: 13px;
transition: all ease-in-out 0.25s;
}
.menu_trigger span:nth-child(1) {
top: 19px;
}
.menu_trigger span:nth-child(2), .menu_trigger span:nth-child(3) {
top: 25px;
}
.menu_trigger span:nth-child(4) {
top: 31px;
}
.menu_trigger.active {
background: #b20838;
}
.menu_trigger.active span {
background-color: #fff;
}
.menu_trigger.active span:nth-child(1), .menu_trigger.active span:nth-child(4) {
transform: scale(0, 0);
}
.menu_trigger.active span:nth-child(2) {
transform: rotate(45deg);
}
.menu_trigger.active span:nth-child(3) {
transform: rotate(-45deg);
}
.header nav {
flex: 1;
padding-right: 70px;
}
.header nav > ul:last-of-type {
display: none;
}
.header nav > ul.menu {
display: flex;
justify-content: flex-end;
padding-top: 15px;
}
.header nav > ul.menu > li {
text-transform: uppercase;
padding: 0 0 40px 40px;
position: relative;
}
.header nav > ul.menu > li > a:hover {
color: #000;
}
.header nav > ul.menu > li ul {
position: absolute;
top: -9999px;
left: -9999px;
background: #b20838;
padding: 5px 20px 15px 20px;
min-width: 120px;
min-height: 152px;
box-sizing: border-box;
opacity: 0;
transition: opacity linear 0.2s;
}
.header nav > ul.menu > li:hover ul {
opacity: 1;
top: 100%;
left: 20px;
}
.header nav > ul.menu > li ul:before {
content: "";
display: block;
width: 105px;
height: 9px;
position: absolute;
top: -9px;
left: 0;
background: #b20838;
}
.header nav > ul.menu > li ul:after {
content: "";
display: block;
width: 50px;
height: calc(100% - 50px);
position: absolute;
top: 0;
right: -50px;
background: #b20838;
}
.header nav > ul.menu > li ul li {
font-size: 17px;
text-transform: none;
font-weight: 300;
padding-top: 5px;
border-bottom: 1px dashed #fff;
background: #b20838;
position: relative;
z-index: 2;
}
.header nav > ul.menu > li ul li:first-child {
position: static;
}
.header nav > ul.menu > li ul li a, .header nav > ul.menu > li ul li a:visited {
color: #fff;
}
.header nav > ul.menu > li ul li a:hover {
color: #000;
}
.header nav > ul.menu > li ul .image {
position: absolute;
top: 18px;
right: -30px;
z-index: 1;
}
.header nav > ul.menu > li ul li:first-child:before {
content: "";
display: block;
width: 70px;
height: 50px;
background: #b20838;
position: absolute;
bottom: 18px;
right: -43px;
transform: rotate(-45deg);
}
@media only screen and (max-width: 767px) {
.header nav > ul.menu > li ul {
display: none;
}
}
@media only screen and (max-width: 767px) {
.header nav .menu-item-has-children > a:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
font-size: 16px;
float: right;
transition: transform 0.3s ease;
}
.header nav .menu-item-has-children > a.expanded:after {
transform: rotate(180deg);
}
}
li#menu-item-13931 {
width: 240px;
}
li#menu-item-151 {
width: 140px;
}
.header .search_form_wrap {
position: absolute;
top: 47px;
right: 0;
overflow: hidden;
width: 27px;
height: 35px;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
z-index: 1;
background: url(https://mouwrik.nl/wp-content/uploads/2018/10/search.png) no-repeat;
}
.header .search_form_wrap:hover {
width: 200px;
background-color: white;
}
.fa-search {
font-size: 20px;
}
.header .search_form_wrap input#s {
border: none;
width: 100%;
height: 42px;
font-size: 20px;
background: url(https://mouwrik.nl/wp-content/uploads/2018/10/search-icon-rood.png) no-repeat;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 10px;
background-size: 34px;
background-position: -4px -5px;
padding-left: 35px;
}
.header .search_form_wrap input#s:hover {
background: #b20838 url(https://mouwrik.nl/wp-content/uploads/2018/10/search-icon-wit.png) no-repeat;
background-size: 34px;
background-position: 0 0;
}
.search_form_wrap:hover {
top: 42px;
}
.header .search_form_wrap label, .header .search_form_wrap #searchsubmit {
display: none;
}
.header .search_form_wrap label, .header .search_form_wrap #searchsubmit {
display: none;
}
.inputMobile {
background: white url(https://mouwrik.nl/wp-content/uploads/2018/10/search-icon-rood.png) no-repeat;
height: 35px !important;
background-position: 0;
background-size: 33px;
padding-left: 35px !important;
font-size: 18px !important;
margin-bottom: 10px;
}
.searchformMobile {
margin-bottom: 30px;
}
.zoekenMobile {
background: none;
color: white;
border: 2px solid white;
padding: 10px;
font-weight: bold;
transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
}
.zoekenMobile:hover {
background: white;
color: #b20838;
}
@media only screen and (max-width: 960px) {
.search_form_wrap {
display: none;
left: 75px;
top: 16px !important;
}
.search_form_wrap:hover {
margin-top: -5px;
z-index: 9999;
}
} .heading {
min-height: 460px;
background-color: #414042;
}
.home .top_slider {
min-height: 100vh;
}
.home .heading {
min-height: 100vh;
padding: 250px 0;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
align-items: flex-end;
overflow: hidden;
position: relative;
}
.logged-in.home .heading {
min-height: calc(100vh - 32px);
}
.home .heading .wrapper {
flex: 1;
display: flex;
flex-flow: column nowrap;
z-index: 10;
}
.home .heading h1 {
padding: 30px 15px 30px 45px;
box-sizing: border-box;
max-width: 595px;
background: linear-gradient(135deg, #fff 0, #fff 0) top left, linear-gradient(-135deg, #fff 0, #fff 0) top right, linear-gradient(-45deg, transparent 20px, #fff 0) bottom right, linear-gradient(45deg, #fff 0, #fff 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
position: relative;
}
.home .heading h1:before, .home .heading h1:after {
content: "";
display: block;
width: 500px;
border-top: 1px dashed #fff;
position: absolute;
bottom: 0;
left: 350px;
transform: rotate(-47deg);
}
.home .heading h1:after {
bottom: auto;
top: 0;
left: -60px;
z-index: -1;
}
.home .heading p {
order: -1;
font-size: 23px;
line-height: 30px;
margin: 0 0 -23px 440px;
position: relative;
z-index: 1;
color: #fff;
text-transform: uppercase;
max-width: 260px;
padding: 15px 5px;
text-align: center;
box-sizing: border-box;
background: linear-gradient(135deg, #000 0, #000 0) top left, linear-gradient(-135deg, #000 0, #000 0) top right, linear-gradient(-45deg, transparent 10px, #000 0) bottom right, linear-gradient(45deg, #000 0, #000 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.home .heading p strong {
color: #b20838;
font-weight: 400;
}
.home .heading [data-slide] {
position: absolute;
bottom: 20px;
left: calc(50% - 17px);
display: none;
width: 34px;
height: 21px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/arrow2.png) no-repeat;
background-size: 34px auto;
z-index: 2;
cursor: pointer;
}
.background_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.background_video:before {
content: "";
display: block;
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: 100vh;
box-sizing: border-box;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .content_block .wrapper {
margin-top: -135px;
background: #fff;
padding: 30px 130px 50px 130px;
min-height: 200px;
}
.content_block article ul, .content_block article ol {
margin-bottom: 20px;
}
.content_block article ul li {
margin-left: 17px;
list-style-type: disc;
}
.content_block article ol li {
margin-left: 17px;
list-style-type: decimal;
}
.content_block .breadcrumb {
margin: 0 0 10px 0;
}
.content_block .breadcrumb li {
font-size: 12px;
text-transform: uppercase;
color: #b20838;
display: inline-block;
margin: 0;
list-style: none;
}
.content_block .breadcrumb li:after {
content: "-";
padding: 0 3px;
display: inline-block;
}
.content_block .breadcrumb li:last-child:after {
display: none;
} .more_content > a {
font-size: 17px;
text-transform: uppercase;
padding: 2px 0 2px 20px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/plus.png) left center no-repeat;
font-weight: 700;
}
.more_content > div {
display: none;
} .photo_gallery {
background: #b20838;
width: 100%;
max-width: 442px;
padding: 17px 17px 10px 17px;
box-sizing: border-box;
float: right;
margin: 50px 0 50px 50px;
}
.photo_gallery ul li {
display: none;
}
.photo_gallery ul li:first-child {
display: block;
}
.photo_gallery ul li a {
display: block;
min-height: 271px;
}
.photo_gallery p {
text-align: right;
color: #fff;
padding: 0;
font-size: 12px;
line-height: 16px;
padding-top: 8px;
}
.photo_gallery p strong {
font-size: 16px;
font-style: italic;
} .address_list ul {
display: flex;
flex-wrap: wrap;
padding-top: 15px;
}
.content_block .address_list ul li {
margin: 0;
list-style: none;
flex: 1 0 300px;
max-width: 33.33%;
padding: 0 15px 0 0;
box-sizing: border-box;
}
.address_list ul li strong {
color: #b4103e;
text-transform: uppercase;
} .gform_wrapper {
background: #b20838;
color: #fff;
margin-top: 15px;
padding: 30px 50px 20px 60px;
}
.gform_wrapper .gform_body ul {
margin: 0;
position: relative;
min-height: 280px;
}
.gform_wrapper .gform_body ul li label {
display: block;
margin-bottom: -3px;
}
.gform_wrapper .gform_body ul li {
margin: 0;
list-style: none;
padding-bottom: 14px;
max-width: 310px;
} .gform_wrapper .gform_body ul li .validation_message {
font-size: 16px;
color: #fff;
}
.gform_wrapper .gform_footer {
text-align: right;
} .posts_wrap article {
padding-top: 17px;
}
.posts_wrap article figure {
background: #f1f2f2;
display: flex;
}
.posts_wrap article figure > a {
display: block;
width: 375px;
}
.posts_wrap article:nth-of-type(odd) figure > a {
order: 2;
}
.posts_wrap article figure figcaption {
flex: 1;
display: flex;
align-items: center;
}
.posts_wrap article figure figcaption > div {
flex: 1;
padding: 25px 25px 10px 20px;
}
.posts_wrap article figure figcaption header p {
color: #b20838;
font-size: 16px;
font-weight: 700;
padding-bottom: 5px;
}
.posts_wrap article figure figcaption header h5 {
font-weight: 700;
}
.posts_wrap article:nth-of-type(even) figure {
background: #b20838;
color: #fff;
}
.posts_wrap article:nth-of-type(even) figure figcaption {
text-align: right;
}
.posts_wrap article:nth-of-type(even) figure figcaption header p, .posts_wrap article:nth-of-type(even) figure figcaption header h5 a, .posts_wrap article:nth-of-type(even) figure figcaption header h5 a:visited {
color: #fff;
}
.posts_wrap article:nth-of-type(odd) figure .button_wrap_white {
background: linear-gradient(135deg, #b20838 0, #b20838 0) top left, linear-gradient(-135deg, #b20838 0, #b20838 0) top right, linear-gradient(-45deg, transparent 7px, #b20838 0) bottom right, linear-gradient(45deg, #b20838 0, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.posts_wrap article:nth-of-type(odd) figure .button_wrap_white .button, .posts_wrap article:nth-of-type(odd) figure .button_wrap_white .button:visited {
color: #b20838;
background: linear-gradient(135deg, #f1f2f2 0, #f1f2f2 0) top left, linear-gradient(-135deg, #f1f2f2 0, #f1f2f2 0) top right, linear-gradient(-45deg, transparent 7px, #f1f2f2 0) bottom right, linear-gradient(45deg, #f1f2f2 0, #f1f2f2 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.posts_wrap article:nth-of-type(odd) figure .button_wrap_white .button:hover {
color: #fff;
background: linear-gradient(135deg, #b20838 0, #b20838 0) top left, linear-gradient(-135deg, #b20838 0, #b20838 0) top right, linear-gradient(-45deg, transparent 7px, #b20838 0) bottom right, linear-gradient(45deg, #b20838 0, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
} .slider_wrap {
background: #f1f2f2;
}
.slider_wrap .wrapper {
padding: 30px 45px 30px 0;
min-height: 415px;
box-sizing: border-box;
display: flex;
justify-content: flex-end;
}
.slider_wrap .wrapper:before, .slider_wrap .wrapper:after {
content: "";
display: block;
width: 450px;
border-top: 1px dashed #b20838;
position: absolute;
top: 100px;
right: -40px;
transform: rotate(-47deg);
z-index: 100;
}
.slider_wrap .wrapper:after {
right: 80px;
top: 60px;
width: 260px;
}
.slider {
position: relative;
font-size: 0;
line-height: 0;
position: absolute;
top: 0;
right: 275px;
width: 100%;
height: 100%;
}
.slider * {
height: 100%;
}
.slider ul li div {
min-height: 10px;
height: 100%;
}
.slider .bx-prev, .slider .bx-next {
z-index: 101;
position: absolute;
top: calc(50% - 30px);
left: 60px;
display: block;
width: 31px;
height: 60px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/prev.png) no-repeat;
}
.slider .bx-next {
left: auto;
right: 60px;
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/next.png);
}
.slider_map {
display: flex;
}
.slider_map .slider {
flex: 1 0 66.67%;
position: relative;
right: 0;
width: auto;
height: auto;
}
.slider_map .slider ul li div {
min-height: 415px;
height: auto;
}
.acf-map {
flex: 1 0 33.33%;
height: 415px;
}
.acf-map img {
max-width: inherit !important;
} .news_block {
flex: 1;
color: #b20838;
border: 1px solid #b20838;
max-width: 205px;
padding: 10px 15px;
box-sizing: border-box;
background: #f1f2f2;
position: relative;
z-index: 101;
}
.news_block ul li {
padding: 10px 0;
}
.news_block ul li p {
font-size: 14px;
line-height: 18px;
padding: 0;
}
.news_block ul li p:first-child {
font-size: 12px;
} .projecten {
margin-bottom: 1em;
margin-top: 1em;
padding-bottom: 20px;
justify-content: space-between;
}
.projecten__title {
font: 700 24px "MetaPro";
color: #b20838;
text-transform: uppercase;
}
.filter {
margin-top: -60px;
margin-bottom: 3em;
}
.filter ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 10px 0;
}
.filter ul li {
color: #b20838;
font-size: 16px;
white-space: nowrap;
text-transform: uppercase;
}
.filter ul li:last-child {
padding-right: 0;
}
.filter ul li a,
.filter ul li a:visited {
color: #b20838;
padding: 0 30px;
min-height: 43px;
font: 15px/43px "ScalaSans";
border: none;
border-radius: 0;
background: linear-gradient(135deg, #fff 0, #fff 0) top left, linear-gradient(-135deg, #fff 0, #fff 0) top right, linear-gradient(-45deg, transparent 7px, #fff 0) bottom right, linear-gradient(45deg, #fff 0, #fff 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
display: inline-block;
text-align: center;
box-sizing: border-box;
transition: background linear 0.2s, color linear 0.2s;
}
.filter ul li a.selected {
color: #fff;
background: linear-gradient(135deg, #b20838 0, #b20838 0) top left, linear-gradient(-135deg, #b20838 0, #b20838 0) top right, linear-gradient(-45deg, transparent 7px, #b20838 0) bottom right, linear-gradient(45deg, #b20838 0, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.filter ul li a img {
vertical-align: middle;
margin-right: 10px;
max-width: 33px;
max-height: 23px;
}
.dropdown_filter {
display: flex;
padding: 5px 0 25px 0;
position: relative;
z-index: 10;
}
.dropdown_filter div {
position: relative;
}
.dropdown_filter div:first-child {
display: none;
}
.dropdown_filter div:last-child {
flex: 1;
text-align: right;
}
.dropdown_filter div > i {
font-style: normal;
display: inline-block;
margin-right: 20px;
}
.dropdown_filter div > i a {
display: inline-block;
padding-left: 30px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/reload.png) left center no-repeat;
background-size: 20px auto;
color: #000;
cursor: pointer;
}
.dropdown_filter div span {
text-align: left;
background: #f1f2f2 url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/arrow.png) right 10px center no-repeat;
cursor: pointer;
font-size: 20px;
display: inline-block;
padding: 8px 30px 8px 20px;
min-width: 215px;
box-sizing: border-box;
}
.dropdown_filter div ul {
display: none;
text-align: left;
position: absolute;
top: 100%;
left: 0;
background: #f1f2f2;
padding: 10px 10px 10px 20px;
min-width: 215px;
z-index: 1;
box-sizing: border-box;
}
.dropdown_filter div:last-child ul {
left: auto;
right: 0;
}
.project-list-item__location {
flex: 0 0 50%;
color: #B20838;
font-weight: bold;
margin-top: 5px;
font-size: 16px;
}
.project-list-item__location img {
vertical-align: middle;
margin-right: 5px;
height: 20px;
}
.projecten_block ul {
margin: 0 -10px;
margin-bottom: 3em;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
@media only screen and (max-width: 767px) {
.projecten_block ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
grid-row-gap: unset;
}
}
.projecten_block ul li {
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.projecten_block ul li {
flex: 1 0 100%;
margin-bottom: 3em;
padding: 0;
width: 100%;
}
}
.projecten_block ul li.featured-item {
grid-column: span 2;
}
.projecten_block ul li.featured-item h1 {
color: #fff;
}
@media only screen and (max-width: 767px) {
.projecten_block ul li.featured-item {
flex: 1 0 100%;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.projecten_block ul li.featured-item { }
.projecten_block ul li.featured-item div:nth-child(2) {
margin-bottom: 1em;
}
}
.projecten_block ul li.featured-item figure {
display: flex;
}
@media only screen and (max-width: 767px) {
.projecten_block ul li.featured-item figure {
flex-direction: column;
}
.projecten_block ul li.featured-item figure figcaption {
height: unset;
}
}
.projecten_block ul li.featured-item figure > div {
flex: 0 0 50%;
}
.projecten_block ul li.featured-item figure figcaption {
background: #b20838;
color: #fff;
}
.projecten_block ul li.featured-item figure figcaption div {
color: #fff;
}
.projecten_block ul li.hideitem {
display: none;
}
.projecten_block ul li figure {
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1607843137);
height: 100%;
}
@media only screen and (max-width: 767px) {
.projecten_block ul li figure {
height: unset;
min-height: 280px;
}
}
.projecten_block ul li figure > div {
min-height: 240px;
position: relative;
}
.projecten_block ul li figure > div p {
position: absolute;
top: 0;
right: 0;
font-size: 0;
line-height: 0;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.projecten_block ul li figure > div p span {
padding: 0 10px;
min-height: 28px;
line-height: 28px;
margin: 0 0 5px 5px;
background: linear-gradient(135deg, #b20838 0, #b20838 0) top left, linear-gradient(-135deg, #b20838 0, #b20838 0) top right, linear-gradient(-45deg, #b20838 0, #b20838 0) bottom right, linear-gradient(45deg, transparent 3px, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
display: inline-block;
text-align: center;
box-sizing: border-box;
}
.projecten_block ul li figure > div p span img {
vertical-align: middle;
max-width: 24px;
max-height: 20px;
}
.projecten_block ul li figure .link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 2;
}
.projecten_block ul li figure figcaption {
background: #fff;
padding: 15px 20px;
}
.projecten_block ul li figure figcaption h1 {
color: #b20838;
font-weight: 700;
font-size: 18px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.5em;
}
.projecten_block ul li figure figcaption div {
color: #b20838;
font-weight: 700;
font-size: 18px;
}
.projecten_block ul li figure figcaption p {
line-height: 20px;
display: flex;
padding: 0 0 5px 0;
}
.projecten_block ul li figure figcaption p:nth-child(2) {
font-size: 13px;
line-height: 20px;
padding: 0 0 5px 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.projecten_block ul li figure figcaption p:nth-child(3) {
font-size: 13px;
height: 40px;
line-height: 20px;
display: flex;
padding: 0 0 5px 0;
}
.projecten_block ul li figure figcaption p strong {
width: 70px;
padding-right: 15px;
}
.projecten_block ul li figure figcaption p span {
flex: 1;
}
.projecten_block ul li.featured-item .project-list-item__description {
height: unset !important;
}
.project-list-item__featured {
background-size: 52% 52%;
background-repeat: no-repeat;
display: inline-block;
padding: 5px 10px !important;
background: linear-gradient(135deg, #b20838 7px, #fff 0) top left, linear-gradient(-45deg, #fcde1f 7px, #6b2237 5px) bottom right;
margin-bottom: 1.5em;
color: #b20838;
}
.project-list-item__featured img {
vertical-align: middle;
}
.project-list-item__featured span {
color: #b20838;
}
.heading__top__breadcrumb {
list-style: none;
}
.heading__top__breadcrumb li {
display: inline;
margin-left: 10px;
}
.heading__top__breadcrumb li:first-child {
margin-left: 0;
}
@media only screen and (max-width: 767px) {
.heading__top__breadcrumb li {
margin-left: 5px;
}
}
.heading__top__breadcrumb li a {
color: #fff;
text-decoration: none;
border-bottom: none;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
}
@media only screen and (max-width: 767px) {
.heading__top__breadcrumb li a {
font-size: 14px;
}
}
.heading__top__breadcrumb li:nth-child(1):after {
content: "•";
color: #fff;
margin-left: 10px;
font-size: 12px;
vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
.heading__top__breadcrumb li:nth-child(1):after {
margin-left: 10px;
}
} .home .bx-wrapper {
box-shadow: none !important;
margin-bottom: 0 !important;
border: 0 !important;
}
.home .background_video iframe {
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/homepage-video-placeholder.png);
}
.homepage-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.homepage-video video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.categorie_list {
background: #b20838;
}
.categorie_list .categorie_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 40px;
font-size: 0;
line-height: 0;
}
.categorie_list .categorie_flex a, .categorie_list .categorie_flex a:visited {
flex: 1;
display: block;
transition: all linear 0.2s;
color: #fff;
}
.categorie_list .categorie_flex a:hover {
background: #fff;
color: #b20838;
}
.categorie_list .categorie_flex img {
vertical-align: middle;
margin-right: 17px;
}
.categorie_list .categorie_flex img.hover, .categorie_list .categorie_flex a:hover img {
display: none;
}
.categorie_list .categorie_flex a:hover img.hover {
display: inline-block;
}
.categorie_list .categorie_flex a span {
display: inline-block;
padding: 15px 5px 15px 15px;
font: 22px "ScalaSans";
text-transform: uppercase;
} .welcome_block {
padding: 110px 0 50px 0;
}
.welcome_block .wrapper {
padding: 0 40px;
}
.welcome_block p {
font-size: 24px;
line-height: 40px;
}
.welcome_block .title {
color: #edc6d1;
font: 115px/70px "ScalaSans";
text-transform: uppercase;
text-align: right;
position: relative;
margin-bottom: -40px;
}
.welcome_block .title:before, .welcome_block .title:after {
content: "";
display: block;
width: 400px;
border-top: 1px dashed #b20838;
position: absolute;
bottom: 40px;
right: -90px;
transform: rotate(-47deg);
z-index: -1;
}
.welcome_block .title:after {
right: 440px;
bottom: 130px;
width: 200px;
}
.welcome_block .title span {
display: block;
font-size: 50px;
} .project_overview {
background: #b20838;
padding: 50px 0 165px 0;
overflow: hidden;
}
.project_overview h1 {
color: #fff;
text-align: center;
position: relative;
z-index: 2;
}
.project_overview h1:before, .project_overview h1:after {
content: "";
display: block;
width: 440px;
border-top: 1px dashed #fff;
position: absolute;
bottom: 0;
left: 28%;
transform: rotate(-46deg);
}
.project_overview h1:after {
left: 7%;
width: 380px;
}
.project_overview article {
max-width: 500px;
text-align: center;
margin: 0 auto;
position: relative;
left: 15%;
}
.project_overview article:before, .project_overview article:after {
content: "";
display: block;
width: 440px;
border-top: 1px dashed #fff;
position: absolute;
bottom: 70px;
right: -160px;
transform: rotate(-46deg);
}
.project_overview article:after {
bottom: 10px;
right: 190px;
width: 380px;
}
.project_overview article > div {
min-height: 160px;
margin-bottom: 20px;
padding: 30px 55px;
font-size: 20px;
font-weight: 700;
text-align: left;
background: linear-gradient(135deg, transparent 20px, #fff 0) top left, linear-gradient(-135deg, #fff 0, #fff 0) top right, linear-gradient(-45deg, transparent 70px, #fff 0) bottom right, linear-gradient(45deg, #fff 0, #fff 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
position: relative;
z-index: 10;
}
.project_overview .img_list {
font-size: 0;
line-height: 0;
position: absolute;
top: 45px;
left: 170px;
z-index: 1;
}
.project_overview .img_list li {
display: none;
border-radius: 50%;
}
.project_overview .img_list li:first-child {
display: block;
max-width: 323px;
}
.project_overview .img_list li:nth-child(2) {
display: block;
max-width: 213px;
margin: -105px 0 0 225px;
} .project_slider {
position: relative;
background: #fff;
border-bottom: 40px solid #b20838;
}
.project_slider .wrap {
display: flex;
}
.project_slider .slider_home {
width: 66.66%;
}
.project_slider .slider_home ul {
display: flex;
}
.project_slider .slider_home ul li {
flex: 1;
display: none;
}
.project_slider .slider_home ul li:nth-child(-n+3) {
display: block;
}
.project_slider .slider_home * {
height: 100%;
}
.project_slider .content {
flex: 1;
padding: 60px 12% 0 12%;
}
.project_slider .slider_home + .content {
padding-left: 40px;
}
.project_slider .content h3 {
font-weight: 400;
}
.project_slider .content .excerpt {
max-height: 125px;
overflow: hidden;
margin-bottom: 20px;
}
.project_slider .content > p:last-child {
text-align: center;
}
.project_slider .bx-prev, .project_slider .bx-next {
font-size: 0;
line-height: 0;
z-index: 101;
position: absolute;
top: calc(50% - 30px);
left: 8%;
display: block;
width: 31px;
height: 60px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/prev.png) no-repeat;
}
.project_slider .bx-next {
left: auto;
right: 8%;
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/next.png);
} .home_news {
padding: 30px 0 65px 0;
}
.home_news .wrapper {
padding: 0 40px;
}
.home_news .wrapper > ul {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.home_news .wrapper > ul > li {
flex: 1 0 280px;
min-width: 33.33%;
padding: 0 8px 16px 8px;
box-sizing: border-box;
}
.home_news .wrapper > ul > li figure {
background: #f1f2f2;
}
.home_news .wrapper > ul > li figure > a {
display: block;
min-height: 310px;
}
.home_news .wrapper > ul > li figcaption {
padding: 10px 40px;
}
.home_news .wrapper > ul > li figcaption header p:last-child {
font-size: 14px;
padding-bottom: 0;
}
.home_news .wrapper > ul > li figcaption p {
padding-bottom: 10px;
}
.home_news .wrapper > ul > li figcaption > p:last-child {
text-align: right;
}
.home_news + .footer_contact {
display: none;
} .footer_contact {
background: #b20838;
color: #fff;
overflow: hidden;
}
.footer_contact .wrapper {
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/phone.png) 380px 70px no-repeat;
padding: 60px 40px 110px 40px;
}
.footer_contact .wrapper:before, .footer_contact .wrapper:after {
content: "";
display: block;
width: 800px;
border-top: 1px dashed #fff;
position: absolute;
bottom: 0;
left: -20px;
transform: rotate(-47deg);
}
.footer_contact .wrapper:after {
left: -90px;
width: 350px;
}
.footer_contact .widget {
max-width: 400px;
}
.footer_contact h2 {
color: #fff;
}
.page-id-15 .footer_contact {
display: none;
}
@media (min-width: 768px) {
.page-template-page-projecten .footer_contact,
.single-vacatures .footer_contact,
.single-projecten .footer_contact,
.post-type-archive-vacatures .footer_contact,
.footer_contact--custom {
margin-top: -5em;
}
}
@media (min-width: 768px) {
.page-template-page-projecten .footer_contact .wrapper,
.single-vacatures .footer_contact .wrapper,
.single-projecten .footer_contact .wrapper,
.post-type-archive-vacatures .footer_contact .wrapper,
.footer_contact--custom .wrapper {
padding: 10% 0 5%;
}
}
.heading-intro {
background-color: #fff;
}
@media (max-width: 767px) {
.heading-intro {
margin-top: -40px;
margin-bottom: 3em;
}
}
@media (min-width: 768px) {
.heading-intro {
margin-bottom: 5em;
}
}
.heading-intro__info {
justify-content: space-between;
margin-top: 50px;
}
@media (max-width: 767px) {
.heading-intro__info {
margin-top: 20px;
flex-direction: column;
}
}
@media (min-width: 768px) {
.heading-intro__info {
display: flex;
}
}
.heading-intro__info__item {
flex: 0 0 27%;
background: linear-gradient(135deg, transparent 0, #b20838 0) top left, linear-gradient(-135deg, transparent 20px, #b20838 20px) top right, linear-gradient(-45deg, transparent 0, #b20838 0) bottom right, linear-gradient(45deg, #b20838 0, #b20838 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
color: #fff;
font-weight: bold;
position: relative;
}
@media (max-width: 767px) {
.heading-intro__info__item {
margin-bottom: 20px;
padding: 15px 20px;
max-width: 213px;
}
.heading-intro__info__item p {
padding: 0;
}
}
@media (min-width: 768px) {
.heading-intro__info__item {
text-align: center;
padding: 50px 15px 10px 15px;
}
}
@media (max-width: 767px) {
.heading-intro__info__item img {
position: absolute;
top: 15px;
right: 20px;
height: 30px;
}
}
@media (min-width: 768px) {
.heading-intro__info__item img {
position: absolute;
top: 15px;
right: 20px;
height: 30px;
}
}
.heading-intro__info__item p {
margin: 0;
} .footer {
background: #24201c url(//mouwrik.nl/wp-content/themes/Mouwrik/images/demo/footer.jpg) center top no-repeat;
background-size: cover;
color: #fff;
padding: 30px 0 10px 0;
font: 14px "Open Sans";
}
.footer a, .footer a:visited {
color: #fff;
}
.footer a:hover {
color: #bbb;
}
.footer .widget {
padding: 10px 0 25px 40px;
}
.footer > .wrapper > .widget > .textwidget {
display: flex;
}
@media only screen and (max-width: 767px) {
.footer > .wrapper > .widget > .textwidget {
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.footer .footer_right {
margin-bottom: 30px;
}
}
.footer .footer_social-icons {
margin-top: 30px;
display: flex;
}
.footer .footer_social-icons a {
background: #b20838;
display: flex;
text-align: center;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
margin-right: 10px;
}
@media only screen and (max-width: 767px) {
.footer .footer_social-icons {
justify-content: center;
}
}
.footer .widget ul {
display: flex;
flex-wrap: wrap;
max-width: 750px;
}
.footer .widget ul li {
flex: 1 0 250px;
max-width: 250px;
padding: 0 15px 15px 0;
box-sizing: border-box;
}
.footer .footer_menu {
display: flex;
justify-content: flex-end;
}
.footer .footer_menu p {
padding: 0;
} .footer nav ul {
display: flex;
justify-content: flex-end;
padding-right: 25px;
}
.footer nav ul li {
font: 14px "ScalaSans";
text-transform: lowercase;
}
.footer nav ul li:after {
content: "-";
padding: 0 4px;
}
.footer nav ul li:last-child:after {
display: none;
}  @media only screen and (min-width: 960px) and (max-width: 1281px) {
.wrapper {
max-width: 960px;
} .header .wrapper {
padding: 30px 10px 0 10px;
} .content_block .wrapper {
padding: 30px 35px 50px 35px;
} .filter ul li {
padding-right: 5px;
}
.filter ul li a, .filter ul li a:visited {
padding-right: 15px;
}
.filter ul li a img {
margin-right: 5px;
}
.projecten_block ul li {
max-width: 220px;
} .categorie_list .categorie_flex a {
display: flex;
align-items: center;
}
.categorie_list .categorie_flex a span {
font-size: 16px;
padding-left: 10px;
}
.categorie_list .categorie_flex img {
margin-right: 10px;
} .project_overview .img_list {
left: 10px;
} .project_slider .wrap {
display: block;
}
.project_slider .slider_home {
width: 100%;
}
.project_slider .slider_home * {
height: auto;
}
.project_slider .content {
padding: 30px 80px;
}
.project_slider .slider_home + .content {
padding-left: 80px;
}
.project_slider .bx-prev {
left: 20px;
}
.project_slider .bx-next {
right: 20px;
} .footer .widget {
background-position: 540px 100px;
}
} @media only screen and (max-width: 959px) {
.home .heading iframe {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 450vw;
height: 200vh;
}
body {
font-size: 12px;
line-height: 20px;
}
.wrapper {
padding: 0 20px;
}
.navigation.pagination {
font-size: 15px;
}
h1 {
font-size: 24px;
line-height: 32px;
}
h2 {
font-size: 20px;
line-height: 28px;
padding-bottom: 15px;
}
h3 {
font-size: 20px;
line-height: 28px;
padding-bottom: 10px;
}
h4 {
font-size: 18px;
line-height: 26px;
padding-bottom: 10px;
}
h5 {
font-size: 16px;
line-height: 24px;
padding-bottom: 10px;
}
h6 {
font-size: 12px;
line-height: 16px;
padding-bottom: 10px;
}
p {
padding-bottom: 15px;
}
input[type=text], input[type=tel], input[type=email], textarea {
font-size: 12px;
height: 18px;
}
textarea {
height: 130px;
padding: 10px;
}
.button, .button:visited, .button.button_big, .button.button_big:visited {
padding: 0 18px 0 15px;
font-size: 11px;
line-height: 25px;
min-height: 25px;
} .header {
background: #fff;
position: absolute;
}
.header .wrapper {
padding: 10px 20px;
justify-content: center;
}
.header .logo {
background-size: 197px auto;
width: 197px;
height: 34px;
}
.header .phone, .menu_trigger {
display: block;
} .header nav {
display: none;
position: absolute;
top: 100%;
left: 10px;
width: calc(100% - 20px);
background: #b20838;
padding: 5px 25px 25px 25px;
box-sizing: border-box;
}
.header nav.active {
display: block;
}
.header nav > ul:last-of-type {
display: block;
font-size: 0;
line-height: 0;
text-align: center;
padding-top: 50px;
}
.header nav > ul:last-of-type li {
display: inline-block;
vertical-align: middle;
padding: 0 25px 25px 25px;
}
.header nav > ul:last-of-type li a {
display: block;
width: 26px;
height: 26px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/blank.gif) center center no-repeat;
}
.header nav > ul:last-of-type li a[href*=youtube] {
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/youtube.png);
width: 35px;
background-size: 35px auto;
}
.header nav > ul:last-of-type li a[href*=twitter] {
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/twitter.png);
width: 35px;
height: 29px;
background-size: 35px auto;
}
.header nav > ul:last-of-type li a[href*=facebook] {
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/facebook.png);
background-size: 26px auto;
}
.header nav > ul:last-of-type li a[href*=linkedin] {
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/linkedin.png);
background-size: 26px auto;
}
.header nav > ul.menu {
display: block;
padding-top: 0;
}
.header nav > ul.menu > li {
font-size: 18px;
font-weight: 700;
padding: 20px 0 5px 0;
border-bottom: 1px dashed #fff;
}
.header nav > ul.menu > li a, .header nav > ul.menu > li a:visited {
color: #fff;
}
.header nav > ul.menu > li > a:hover {
color: #000;
}
.header nav > ul.menu > li ul {
position: static;
background: none;
padding: 8px 0 0 0;
min-width: 1px;
min-height: 1px;
opacity: 1;
}
.header nav > ul.menu > li ul:before, .header nav > ul.menu > li ul:after, .header nav > ul.menu > li ul li:first-child:before, .header nav > ul.menu > li ul .image {
display: none;
}
.header nav > ul.menu > li ul li {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
max-width: 100%;
padding: 0 0 8px 20px;
border-bottom: none;
background: none;
} .heading {
min-height: 180px;
}
.home .heading {
padding: 50px 0;
align-items: center;
}
.home .heading h1 {
padding: 15px 10px 15px 25px;
}
.home .heading h1:before, .home .heading h1:after {
width: 250px;
left: 180px;
}
.home .heading h1:after {
bottom: auto;
top: 0;
left: -60px;
}
.home .heading p {
order: 1;
font-size: 12px;
line-height: 16px;
margin: -10px 0 0 calc(100% - 140px);
max-width: 140px;
padding: 10px 5px;
}
.home .heading [data-slide] {
display: block;
} .content_block .wrapper {
display: flex;
flex-flow: column wrap;
margin-top: 0;
padding: 15px 30px;
min-height: 1px;
} .more_content > a {
font-size: 14px;
padding: 4px 0 4px 20px;
} .photo_gallery {
width: auto;
max-width: 200%;
padding: 30px;
float: none;
margin: 30px -30px -30px -30px;
order: 2;
}
.photo_gallery ul li a {
min-height: 205px;
}
.photo_gallery p {
font-size: 10px;
line-height: 14px;
}
.photo_gallery p strong {
font-size: 14px;
} .content_block .address_list ul li {
max-width: 50%;
} .gform_wrapper {
padding: 20px 30px;
margin: 0 -30px -20px -30px;
}
.gform_wrapper .gform_body ul {
min-height: 1px;
}
.gform_wrapper .gform_body ul li label {
margin-bottom: 0;
}
.gform_wrapper .gform_body ul li {
padding-bottom: 8px;
max-width: 100%;
}
.gform_wrapper .gform_body ul li:last-child {
position: static;
width: 100%;
}
.gform_wrapper .gform_body ul li .validation_message {
font-size: 12px;
}
.gform_wrapper .gform_footer {
text-align: left;
} .posts_wrap article {
padding-top: 14px;
}
.posts_wrap article figure > a {
width: 142px;
}
.posts_wrap article figure figcaption {
font-size: 10px;
line-height: 15px;
}
.posts_wrap article figure figcaption > div {
padding: 15px;
}
.posts_wrap article figure figcaption header p {
font-size: 9px;
}
.posts_wrap article figure figcaption header h5 {
font-size: 12px;
line-height: 17px;
} .slider_wrap {
padding: 30px 0;
}
.slider_wrap .wrapper {
padding: 0 30px;
min-height: 1px;
width: auto !important;
display: block;
}
.slider_wrap .wrapper:before, .slider_wrap .wrapper:after {
display: none;
}
.slider {
position: relative;
right: 0;
width: 100% !important;
height: auto;
margin-bottom: 30px;
}
.slider * {
height: auto;
}
.slider ul li div {
min-height: 300px;
height: auto;
}
.slider .bx-prev, .slider .bx-next {
top: calc(50% - 15px);
left: 20px;
width: 16px;
height: 30px;
background-size: 16px auto;
}
.slider .bx-next {
left: auto;
right: 20px;
}
.slider_map {
flex-wrap: wrap;
}
.slider_map .slider {
flex-basis: 100%;
margin-bottom: 0;
}
.slider_map .slider ul li div {
min-height: 300px;
}
.acf-map {
order: -1;
flex-basis: 100%;
height: 235px;
} .news_block {
max-width: 100%;
padding: 10px 15px;
}
.news_block ul li p {
font-size: 13px;
} .filter {
display: none;
}
.dropdown_filter div:first-child {
display: block;
}
.dropdown_filter div span {
background-position: right 5px center;
background-size: 10px auto;
font-size: 12px;
padding: 4px 20px 4px 10px;
min-width: 130px;
}
.dropdown_filter div ul {
padding: 5px 5px 5px 15px;
min-width: 130px;
}
ul.categorie_list li {
margin: 5px 0px;
}
ul.categorie_list li img {
margin-right: 5px;
} .projecten_block ul {
margin: 0 -5px;
} .projecten_block ul li figure > div {
min-height: 170px;
} .projecten_block ul li figure figcaption {
padding: 7px 10px;
}
.projecten_block ul li figure figcaption div {
padding-bottom: 15px;
}
.projecten_block ul li figure figcaption p {
font-size: 8px;
line-height: 12px;
padding-bottom: 3px;
}
.projecten_block ul li figure figcaption p strong {
width: 40px;
padding-right: 5px;
} .categorie_list {
display: none;
} .welcome_block {
padding: 30px 0 90px 0;
}
.welcome_block .wrapper {
padding: 0 20px;
}
.welcome_block p {
font-size: 12px;
line-height: 20px;
position: relative;
z-index: 1;
}
.welcome_block .title {
font-size: 75px;
line-height: 50px;
margin-bottom: 0;
position: absolute;
bottom: -50px;
left: 20px;
}
.welcome_block .title:before, .welcome_block .title:after {
width: 200px;
border-top-color: #edc6d1;
bottom: 70px;
right: auto;
left: -100px;
}
.welcome_block .title:after {
display: none;
}
.welcome_block .title span {
font-size: 33px;
} .project_overview {
padding: 25px 0 30px 0;
}
.project_overview h1 {
text-align: right;
}
.project_overview h1:before, .project_overview h1:after {
width: 140px;
bottom: 40px;
left: 50%;
}
.project_overview h1:after {
left: -100px;
bottom: 0;
width: 380px;
}
.project_overview article {
left: 0;
}
.project_overview article:before, .project_overview article:after {
width: 200px;
bottom: auto;
top: -50px;
right: -70px;
}
.project_overview article:after {
bottom: auto;
top: -40px;
right: 20px;
width: 300px;
}
.project_overview article > div {
min-height: 70px;
margin-bottom: 20px;
padding: 20px 30px;
font-size: 12px;
line-height: 18px;
background: linear-gradient(135deg, transparent 15px, #fff 0) top left, linear-gradient(-135deg, #fff 0, #fff 0) top right, linear-gradient(-45deg, transparent 35px, #fff 0) bottom right, linear-gradient(45deg, #fff 0, #fff 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.project_overview article .button_wrap {
position: absolute;
top: -38px;
left: 0;
}
.project_overview .img_list {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
max-width: 290px;
}
.project_overview .img_list li:first-child {
max-width: 205px;
}
.project_overview .img_list li:nth-child(2) {
max-width: 135px;
margin: -70px 0 -15px 140px;
} .project_slider {
border-bottom-width: 20px;
}
.project_slider .slider_home {
width: 50%;
}
.project_slider .slider_home ul li {
display: none;
}
.project_slider .slider_home ul li:first-child {
display: block;
}
.project_slider .slider_home ul li:nth-child(-n+3) {
display: none;
}
.project_slider .slider_home ul li:nth-child(-n+2) {
display: block;
}
.project_slider .content {
padding: 18px 50px 0 50px;
}
.project_slider .slider_home + .content {
padding-left: 15px;
}
.project_slider .content p:last-child {
text-align: left;
}
.project_slider .bx-prev, .project_slider .bx-next {
top: calc(50% - 15px);
left: 20px;
width: 16px;
height: 30px;
background-size: 16px auto;
}
.project_slider .bx-next {
left: auto;
right: 20px;
} .home_news {
padding: 20px 0 30px 0;
}
.home_news .wrapper {
padding: 0 20px;
}
.home_news .wrapper > ul > li figure > a {
min-height: 230px;
}
.home_news .wrapper > ul > li figcaption {
padding: 8px 30px;
}
.home_news .wrapper > ul > li figcaption header p:last-child {
font-size: 10px;
} .footer_contact .wrapper {
background-size: 90px auto;
background-position: 245px 30px;
padding: 30px 30px 60px 30px;
}
.footer_contact .wrapper:before {
width: 520px;
}
.footer_contact .wrapper:after {
left: -40px;
width: 200px;
}
.footer_contact .widget {
max-width: 300px;
} .footer {
padding-top: 45px;
font-size: 12px;
}
.footer .widget {
padding: 10px;
}
.footer .widget ul {
display: flex;
flex-wrap: wrap;
max-width: 750px;
margin-bottom: 30px;
}
.footer .widget ul li {
max-width: 50%;
min-width: 50%;
}
.footer .footer_menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.footer .footer_menu p {
min-width: 100%;
text-align: center;
order: -1;
padding-bottom: 15px;
}
.footer .footer_menu p img {
width: 130px;
}
} @media only screen and (max-width: 767px) {
.alignright, .alignleft {
float: none;
margin: 0 0 10px 0;
} .project_slider .slider_home ul li:nth-child(-n+2) {
display: none;
}
.project_slider .slider_home ul li:nth-child(-n+1) {
display: block;
}
.projecten_block ul li figure figcaption p {
font-size: 10px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.projecten_block ul li figure figcaption {
height: 100px;
}
}
@media only screen and (max-width: 480px) {
.dropdown_filter div > i a {
font-size: 12px !important;
background-size: 10px auto !important;
}
.dropdown_filter div span {
min-width: 80px !important;
}
.dropdown_filter div:last-child {
text-align: center !important;
}
}
@media only screen and (max-width: 330px) {
.dropdown_filter div > i a {
padding-left: 15px !important;
}
.dropdown_filter div > i {
margin-right: 5px !important;
}
}
.ff-header h1 {
font: 700 30px "MetaPro" !important;
color: #b20838 !important;
text-transform: uppercase !important;
padding-bottom: 20px !important;
}
.page-id-33 h3.gform_title, .page-id-15243 h3.gform_title, .page-id-15288 h3.gform_title, .page-id-15286 h3.gform_title, .page-id-15435 h3.gform_title, .page-id-15438 h3.gform_title, .page-id-15451 h3.gform_title, .page-id-15560 h3.gform_title {
color: white !important;
}
.page-id-33 .gform_wrapper {
margin-top: 65px;
}
.validation_error {
text-transform: uppercase !important;
color: #b20838;
}
.validation_error span {
background-color: white;
padding: 10px 10px 10px 10px;
line-height: 35px;
}
.gform_body {
padding-top: 25px;
}
@media (min-width: 768px) {
.page-template-page-projecten .content_block .wrapper,
.single-vacatures .content_block .wrapper,
.post-type-archive-vacatures .content_block .wrapper {
padding: 30px 0;
}
.single-projecten .content_block .wrapper {
padding: 0;
margin-top: -90px;
}
}
@media (max-width: 767px) {
.project-intro {
margin-top: -80px;
}
}
.heading-intro {
padding: 35px 80px 0;
border-left: 12px solid #B20838;
border-right: 12px solid #B20838;
border-bottom: 12px solid #B20838;
}
@media (max-width: 767px) {
.heading-intro {
padding: 35px 20px 0;
}
}
.heading-intro__info {
margin-bottom: -2px;
}
@media (max-width: 767px) {
.heading-intro__info {
margin-left: -20px;
}
}
.heading-intro__title {
color: #810427;
}
@media (max-width: 767px) {
.heading-intro__title h2 {
padding-bottom: 5px;
}
}
.heading-intro__title p {
color: #414042;
font-weight: bold;
}
.single-vacatures .heading-intro {
margin-bottom: 5em;
}
.post-type-archive-vacatures .vacatures__title {
margin-bottom: 1em;
margin-top: 1em;
font: 700 36px "MetaPro";
color: #b20838;
text-transform: uppercase;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.post-type-archive-vacatures .vacatures__title {
font-size: 24px;
}
}
@media (min-width: 768px) {
.post-type-archive-vacatures .vacatures__list {
width: 85%;
max-width: 1100px;
}
}
.heading__top {
padding: 9% 0;
}
@media (max-width: 767px) {
.heading__top {
padding: 11% 0;
}
}
.heading__top h1 {
color: #fff;
font-weight: bold;
margin-bottom: 0.5em;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 767px) {
.heading__top h1 {
font-size: 21px;
}
}
@media (max-width: 767px) {
.heading__top h1 {
margin-bottom: 1em;
}
}
.heading__top h1 span {
color: #fff;
background: linear-gradient(-45deg, transparent 10px, #b20838 0) bottom left;
padding: 0 15px;
display: inline-block;
}
.heading__top p {
color: #fff;
}
.heading__top a {
color: #fff;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 2px solid #fff;
} .heading {
position: relative;
margin-top: 115px;
}
@media (max-width: 767px) {
.heading {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.single-project-heading .heading__top {
padding: 15% 0;
}
}
.single-project-heading,
.single-vacature-heading {
position: relative;
}
@media (max-width: 767px) {
.single-project-heading h1,
.single-vacature-heading h1 {
margin-bottom: 0.1em;
}
}
.heading--overlay:before,
.single-project-heading:before,
.single-vacature-heading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(129, 4, 39);
opacity: 0.6;
}
.single-project-heading .heading__top,
.single-vacature-heading .heading__top {
text-align: center;
}
@media (max-width: 767px) {
.single-project-heading {
min-height: 200px;
}
}
@media (min-width: 768px) {
.single-project-heading {
min-height: 370px;
}
}
.single-projecten .project-images {
margin-top: 120px;
background-color: #B20838;
}
.single-projecten .project-images__slider {
position: relative;
font-size: 0;
line-height: 0;
width: 100%;
height: 100%;
background-color: #B20838;
}
.single-projecten .project-images__slider .bx-wrapper {
margin: 0 auto;
border: 0;
box-shadow: none;
}
.single-projecten .project-images__slider .bx-wrapper .bx-viewport {
background-color: #B20838;
overflow: visible !important;
}
.single-projecten .project-images__slider ul li {
background-color: #B20838;
}
.single-projecten .project-images__slider ul li div {
margin-top: -100px;
position: relative;
}
.single-projecten .project-images__slider ul li img {
max-height: 500px;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 768px) {
.single-projecten .project-images__slider ul li img {
max-height: 500px;
}
}
@media (max-width: 767px) {
.single-projecten .project-images__slider ul li img {
height: 250px;
}
}
.single-projecten .project-images__pattern {
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/watermerkmouwrik.png) repeat-x #B20838;
display: block;
clear: both;
}
@media (min-width: 768px) {
.single-projecten .project-images__pattern {
height: 100px;
}
}
@media (max-width: 767px) {
.single-projecten .project-images__pattern {
height: 60px;
}
}
.single-projecten .project-images .bx-prev,
.single-projecten .project-images .bx-next {
z-index: 101;
position: absolute;
top: 110px;
left: 60px;
display: block;
width: 31px;
height: 60px;
background: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/prev.png) no-repeat;
}
@media (max-width: 767px) {
.single-projecten .project-images .bx-prev,
.single-projecten .project-images .bx-next {
top: 50px !important;
}
}
.single-projecten .project-images .bx-next {
left: auto;
right: 60px;
background-image: url(//mouwrik.nl/wp-content/themes/Mouwrik/images/icons/next.png);
}
.single-projecten .project-images .bxslider {
width: 100%;
}
.single-projecten .project-images .bx-viewport, .single-projecten .project-images .bx-wrapper {
position: relative;
width: 100%;
height: 100% !important;
top: 0;
left: 0;
}
.projecten-block__load-more__container {
display: flex;
justify-content: center;
margin-top: 50px;
}
.projecten-block__load-more__btn {
margin-top: 20px;
padding: 10px 20px;
margin-left: auto;
margin-right: auto;
display: inline-block;
text-transform: uppercase;
border: 4px solid #b20838;
font-size: 18px;
font-weight: bold;
}