.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: block;
display: none;
}
@font-face {
font-family: 'Klavika Bd';
src: url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/Klavika-Bold.eot);
src: url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/Klavika-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/Klavika-Bold.woff) format('woff'),
url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/Klavika-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Klavika';
src: url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/KlavikaLight-Plain.eot);
src: url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/KlavikaLight-Plain.eot?#iefix) format('embedded-opentype'),
url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/KlavikaLight-Plain.woff) format('woff'),
url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/fonts/KlavikaLight-Plain.ttf) format('truetype');
font-weight: 300;
font-style: normal;
} * {
font-family: 'Roboto', sans-serif;
color: #505050;
outline: none;
}
body {
padding: 0;
margin: 0;
}
h1 {
font-family: 'Lato', sans-serif;
font-size: 25px;
margin: 0;
}
h2 {
font-family: 'Lato', sans-serif;
}
h3 {
font-family: 'Lato', sans-serif;
}
a {
text-decoration: none;
color: #414042;
font-weight: bolder;
}
p {
line-height: 23px;
font-weight: 300;
} div#inner-header {
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
}
.headerTekst {
clear: both;    
margin: 0 auto;
text-align: center;
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/SliderFoto.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding: 9em 0em;
box-shadow: 0px 10px 40px -10px #3a3a3a;
}
a.home-link {
float: left;
width: 30%;
padding-top: 1em;
margin-left: 14px;
}
a.home-link img {
width: 100%;
}
a.telefoon, a.emailadres {
float: right;
text-align: right;
margin-top: 1.5em;
font-size: 14px;
font-weight: normal;
color: #ababab;
}
.emailadres {
margin-right: 1em;
}
a.inschrijvenNieuws {
position: fixed;
right: 0;
top: 5em;
background: rgb(235,235,235);
box-shadow: -1px 2px 5px -2px #cacaca;
color: #505050;
padding: 15px 30px;
font-weight: normal;
border-radius: 5px 0px 0px 5px;
transition: .2s ease-in-out;
}
a.inschrijvenNieuws:hover {
background: rgb(220, 220, 220);
transition: .2s ease-in-out;
}
a.telefoon img, a.emailadres img {
margin-right: 7px;
vertical-align: middle;
}
.headerTekst h1 {
font-size: 45px;
padding: initial;
box-sizing: border-box;
font-family: 'Lato', sans-serif;
color: #414042;
margin: 1em 0em;
}
a.headerLink {
font-size: 30px;
background-color: white;
padding: 10px 50px;
border: 2px solid grey;
font-family: 'Lato', sans-serif;
color: #808080;
font-weight: normal;
display: inline;
width: 175px;
text-align: center;
margin: 0 5px;
transition: .2s ease-in-out;
}
.page-id-340 .entry-content p {
text-align: center;
padding: 45px 0px;
}
.rightBox a {
text-decoration: underline;
}
.rightBox > a {
font-family: 'Nunito', sans-serif;
font-size: 25px;
color: white;
padding: 5px 20px;
background: #e4007b;
border-radius: 3px;
transition: .1s ease-in-out;
text-decoration: none;
}
.rightBox > a:hover {
transition: .1s ease-in-out;
background: #ca1174;
}
a.headerLink:hover {
background-color: #e4e4e4;
transition: .2s ease-in-out;
}
.slider img.rsImg {
width: 100%;
height: 100%;
}
header#masthead {
}
.slider.bindwijze, .slider.veredeling, .slider.papiersoorten, .slider.overons {
display: none;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
background: white !important;
}
body.page-id-466 .slider.home, body.page-id-374 .slider.bindwijze, body.page-id-52 .slider.bindwijze, body.page-id-60 .slider.veredeling, body.page-id-55 .slider.papiersoorten, .page-id-316 .slider.bindwijze, .page-id-234 .slider.bindwijze, .page-id-325 .slider.bindwijze, .page-id-329 .slider.bindwijze, .page-id-327 .slider.bindwijze, .page-id-245 .slider.bindwijze, .page-id-247 .slider.bindwijze, .page-id-251 .slider.bindwijze, .page-id-253 .slider.bindwijze, .page-id-256 .slider.bindwijze, .page-id-258 .slider.bindwijze, .page-id-302 .slider.overons {
display: block !important;
}
.category-portfolio-item .entry-meta {
display: none;
}
body.page-id-52 .slider.home, body.page-id-60 .slider.home, body.page-id-55 .slider.home, .page-id-234 .slider.home, body:not(.home) .slider.home {
display: none;
}
body.page-id-316 h1.entry-title {
margin-top: 0px !important;
}
.page-id-234 .image6, .page-id-327 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_1150-gelijmd-gebonden-Medium.png) no-repeat;
height: 100%;
background-size: 45%;
background-position: center -90%;
}
.page-id-245 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_1164-notitieboek-met-wire-o-1-Medium.png) no-repeat;
height: 100%;
background-size: contain;
background-position: center center;
}
.page-id-247 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_0928-genaaid-gebonden-boek-Medium.png) no-repeat;
height: 100%;
background-size: 25%;
background-position: center 225%;
}
.page-id-251 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_0931-leeslint-Medium.png) no-repeat;
height: 100%;
background-size: contain;
background-position: center center;
}
.page-id-253 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Kapitaalband.png) no-repeat;
height: 100%;
background-size: contain;
background-position: center center;
}
.page-id-256 .image6, .page-id-329 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_0926-linnen-band-met-stofomslag-2-Medium.png) no-repeat;
height: 100%;
background-size: contain;
background-position: center center;
}
.page-id-258 .image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Linnen.png) no-repeat;
height: 100%;
background-size: contain;
background-position: center center;
}
.nav-menu ul.sub-menu ul.sub-menu {
padding-top: 0px !important;
}
li#menu-item-136:hover .sub-menu {
z-index: 200000;
}
.slider {
position: relative;
box-shadow: 5px 5px 15px 0px #8a8a8a;
}
.slider:before, .slider:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 10px;
left: 10px;
width: 50%;
top: 80%;
max-width: 500px;
background: #777;
box-shadow: 0 10px 20px #777;
transform: rotate(-3deg);
}
.slider:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}
.slider .tekst {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
max-width: 1240px;
}
.slider .tekst p {
margin-bottom: 0em;
}
.BG {
position: relative;
width: 100%;
height: 100%;
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/10/magenta-verloop.png) no-repeat;
background-size: cover;
}
.BG > div {
max-width: 1240px;
margin: 0 auto;
position: relative;
}
a.CTA {
position: absolute;
right: 0em;
bottom: 1.5em;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9bbf60), color-stop(1, #5b923e) );
padding: 15px 25px;
border-radius: 5px;
color: white;
font-size: 19px;
font-weight: bold;
transition: .2s ease-in-out;
}
a.CTA:hover {
background-color: #e8e8e8;
transition: .2s ease-in-out;
}
.image7 .tekst {
height: 100%;
}
.image8 a.CTA {
transform: rotate(180deg);
left: 0;
right: initial;
bottom: 5em;
}
.BG.groen {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/10/groen-verloop.png) no-repeat;
background-size: cover;
}
.BG.oranje {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/10/oranje-verloop.png) no-repeat;
background-size: cover;
}
.BG.blauw {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/10/blauw-verloop.png) no-repeat;
background-size: cover;
}
section.bindwijzePage, section.mogelijkhedenPage {
overflow: hidden;
clear: both;
}
section.bindwijzePage .itembox, section.mogelijkhedenPage .itembox {
display: flex;
margin: 2em 0em;
}
.itembox div:nth-of-type(1) {
width: 85%;
}
.itembox div:nth-of-type(2) {
text-align: right;
}
.bindwijzePage .itembox img, .mogelijkhedenPage .itembox img {
width: 70%;
height: 100%;
}
.mogelijkhedenPage p:first-of-type, 
.mogelijkhedenPage p:last-of-type {
text-align: center;
}
.mogelijkhedenPage .tekst p, .mogelijkhedenPage .item p {
text-align: left;
}
.tekst h1, .tekst p {
text-align: center;
font-size: 40px;
margin-bottom: 1em;
color: white;
}
.tekst.header h1 {
color: #505050;
}
.slider .white h1 {
color: white;
}
.modal-content .wpcf7-form-control-wrap {
position: initial;
display: table;
margin: 0 auto;
}
.wpcf7-form-control-wrap {
position: initial;
}
@keyframes tekstEen {
from {left: 17em;}
to {left: 13em; opacity: 1;}
}
@keyframes afbEen {
from {left: -14em;}
to {left: -18em; opacity:1;}
}
@keyframes tekstTwee {
from {left: 27.5em; opacity:0;}
to {left: 23.5em; opacity:1;}
}
@keyframes afbTwee {
from {left: 4em; opacity:0;}
to {left: 0em; opacity:1;}
}
@keyframes tekstDrie {
from {left: 36em; opacity:0;}
to {left: 32em; opacity:1;}
}
@keyframes afbDrie {
from {left: 22em; opacity:0;}
to {left: 18em; opacity:1;}
}
.image1 {
height: 100%;
background-size: 50%;
background-position: right center;
}
.image1 p {
text-align: left;
}
.project {
display: inline-block;
width: 30%;
text-align: center;
margin: 0 auto;
margin: 1em 1em;
border: 1px solid #6b6b6b;
background-color: #ffffff;
padding: 2em 0em;
padding-bottom: 0em;
box-sizing: border-box;
overflow: hidden;
}
.project h2.project-title {
padding: 0px 20px;
}
body.home .project {
width: 25%;
}
.project .proj-image img {
width: 100%;
height: auto;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.project .project-meta span {
display: block;
margin-top: 2em;
font-size: 19px;
padding: 1em 0em;
color: white;
background: #e4007b;
transition: .1s ease-in-out;
}
.project:hover .project-meta span {
background: #af0c64;
transition: .1s ease-in-out;
}
section.portfolioProjecten {
padding: 3em 1em;
box-sizing: border-box;
text-align: center;
}
section.portfolioProjecten .wrapper > strong {
display: block;
font-size: 25px;
margin-bottom: 30px;
}
.contact .wrapper > strong {
font-size: 25px;
margin-bottom: 30px;
display: block;
}
body.home .project .proj-image {
width: 175px;
height: 175px;
}
body.home h2.project-title {
font-size: 20px;
width: 80%;
margin: 2em auto;
min-height: 72px;
}
.page-id-374 .portfolioProjecten {
display: none;
}
.project .proj-image {
height: 250px;
width: 250px;
margin: 0 auto;
border: 1px solid black;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.category-portfolio-item .entry-thumbnail {
height: 300px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.image2 {
height: 100%;
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/stapel-boeken-Medium-3.png) no-repeat;
background-size: 75%;
background-position: left 50%;
}
.image1 .img1 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/boek-2-kleine-kleutertjes-Medium.png) no-repeat;
background-size: 25%;
background-position: center center;
height: 400px;
position: absolute;
width: 1240px;
top: -16em;
opacity: 0;
left: -18em;
animation: afbEen 1.5s ease-in-out normal .5s;
animation-fill-mode: forwards;
}
.image1 p.tekst1 {
position: absolute;
top: 100px;
left: -100px;
opacity: 0;
animation: tekstEen 1.5s ease-in-out normal 1s;
animation-fill-mode: forwards;
}
.image1 p.tekst2 {
position: absolute;
top: 150px;
opacity: 0;
left: 23.5em;
animation: tekstTwee 1.5s ease-in-out normal 2s;
animation-fill-mode: forwards;
}
.image1 p.tekst3 {
position: absolute;
top: 80px;
left: 32em;
opacity: 0;
animation: tekstDrie 1.5s ease-in-out normal 3s;
animation-fill-mode: forwards;
}
.image1 .img2 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/boek-Simon-Keizer-Medium.png) no-repeat;
background-size: 25%;
background-position: center center;
height: 400px;
position: absolute;
width: 1240px;
opacity: 0;
top: -12em;
left: 0em;
animation: afbTwee 1.5s ease-in-out normal 1.5s;
animation-fill-mode: forwards;
}
.image1 .img3 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_1825-hardcover-met-stofomslag-Medium.png) no-repeat;
background-size: 37%;
background-position: center center;
height: 400px;
opacity: 0;
position: absolute;
width: 1240px;
top: -16em;
left: 18em;
animation: afbDrie 1.5s ease-in-out normal 2.5s;
animation-fill-mode: forwards;
}
.image1 p {
font-size: 25px;
font-weight: bold;
}
.image4 {
height: 100%;
position: relative;
}
.image4 img {
position: absolute;
}
@keyframes euroTeken {
from { opacity: 0; }
to { opacity: 1; }
} 		
.image4 img:nth-of-type(1) {
opacity: 0;
animation: euroTeken 1s;
animation-fill-mode: forwards;
animation-delay: .5s;
left: 10%;
top: 23%;
width: 13%;
}
.image4 img:nth-of-type(2) {
left: 80%;
top: 15%;
width: 8%;
opacity: 0;
animation: euroTeken 1s;
animation-fill-mode: forwards;
animation-delay: .7s;
}
.image4 img:nth-of-type(3) {
left: 23%;
top: 30%;
opacity: 0;
animation: euroTeken 1s;
animation-fill-mode: forwards;
animation-delay: .9s;
}
.image4 img:nth-of-type(4) {
left: 66%;
top: 56%;
width: 9%;
opacity: 0;
animation: euroTeken 1s;
animation-fill-mode: forwards;
animation-delay: 1.3s;
}
.image4 img:nth-of-type(5) {
left: 48%;
width: 5%;
top: 10%;
opacity: 0;
animation: euroTeken 1s;
animation-fill-mode: forwards;
animation-delay: 1.1s;
}
section.mogelijkhedenPage .itemWrapper .imgWrapper img, section.mogelijkhedenPage .modal-body .imgWrapper img {
height: 90%;
border-radius: 100%;
}
.image5 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/11/boek_Tom_Koning.png) no-repeat;
height: 100%;
background-size: 55%;
background-position: 0% 0%;
}
.image5 .tekst h1 {
text-align: right;
padding-left: 15em;
}
.image5 .tekst p.pS{
text-align: right;
padding-left: 15em;
font-size: 40px;
margin-bottom: 1em;
padding-top: initial;
padding-right: initial;
line-height: 1.3;
font-weight: bold;
margin: 0;
}
.image5 p {
color: white;
font-size: 18px;
text-align: right;
padding-top: 5em;
padding-right: 15em;
}
.image5 img {
transform: rotate(175deg);
width: 12%;
position: absolute;
left: 38em;
margin-top: 21em;
}
.image6 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/11/Bindwijzen2.png) no-repeat;
height: 100%;
background-size: 45%;
background-position: center;
}
.image7 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/IMG_1204-omslag-Lancee-Medium.png) no-repeat;
height: 100%;
background-size: 32%;
background-position: center bottom;
max-width: 100% !important;
}
.image8 {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/papier-Large.png) no-repeat;
height: 100%;
background-size: 45%;
background-position: center top;
transform: rotate(180deg);
}
.modal-body .imgWrapper {
width: 300px;
height: 300px;
}
ul.sub-menu a {
border-bottom: 0px !important;
padding-bottom: 0px !important;
padding: 10px 20px !important;
}
li#menu-item-22 ul.sub-menu {
padding-top: 15px !important;
}
li#menu-item-331 .sub-menu {
z-index: 100000 !important;
}
.image2 .tekst p {
text-align: right;
font-weight: bold;
margin-top: -3em;
line-height: 1.5;
}
.image4 .tekst p {
font-weight: bold;
} section.intro {
padding: 3em 1em;
box-sizing: border-box;
text-align: center;
}
.intro .leftBox {
padding-right: 10em;
box-sizing: border-box;
}
section.intro, section.specialisaties, .wrapper {
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
}
.intro .leftBox, .intro .rightBox {
float: left;
width: 50%;
}
div#tips, a.tips {
display: none !important;
}
.intro .leftBox {
width: 100%;
padding-right: 0em;
}
.specialisaties a:first-of-type {
text-decoration: underline;
}
.tipsFormulier input, .tipsFormulier textarea {
border: 2px solid grey;
padding: 15px 5px;
box-sizing: border-box;
margin: 5px 15px;
width: 45%;
float: left;
font-size: 16px;
}
.tipsFormulier .col > p:nth-of-type(1) input, .tipsFormulier .col > p:nth-of-type(3) input {
margin-left:0;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: grey;
color: white;
cursor: pointer;
transition: .2s ease-in-out;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background-color: rgb(170,170,170);
transition: .2s ease-in-out;
} .specialisatie img {
vertical-align: middle;
padding-right: 10px;
}
.specialisatie {
float: left;
width: 33%;
}
.specialisatie p {
width: 80%;
margin-left: 55px;
}
section.specialisaties {
padding: 3em 1em;
box-sizing: border-box;
}
.specialisaties > p {
clear: both;
text-align: center;
padding-top: 2em;
font-size: 20px;
font-family: 'Rubiko', sans-serif;
font-weight: bold;
}
.specialisaties a {
transition: .1s ease-in-out;
}
.specialisaties a:hover {
opacity: .6;
transition: .1s ease-in-out;
}
#tips a.btn.btn-primary.btn-lg {
display: table;
margin-top: 0.5em;
font-weight: bold;
transition: .2s ease-in-out;
}
#tips a.btn.btn-primary.btn-lg:hover {
opacity: 0.8;
transition: .2s ease-in-out;
} .boeken .wrapper {
padding: 3em 1em;
box-sizing: border-box;
text-align: center;
}
ul {
padding: 0;
list-style-type: none;
}
section.boeken {
background: #e8e9e9;
}
.boeken .wrapper h1 {
margin: 0 auto;
text-align: center;
}
.onderdeel {
float: left;
width: 25%;
box-sizing: border-box;
padding: 0em 2em;
text-align: center;
}
.onderdeel img {
height: 200px;
width: 200px;
}
.boeken a strong {
text-decoration: underline;
}
.boxWrapper h3 {
margin-bottom: 0em;
margin-top: 3em;
font-size: 20px;
} section.testimonials {
background: #ff007c;
overflow: hidden;
padding: 4em 0em;
display: none;
}
.testimonials .leftBox, .testimonials .middleBox, .testimonials .rightBox {
float: left;
color: white;
}
.testimonials .leftBox, .testimonials .rightBox {
width: 50%
}
.middleBox {
text-align: center;
height: 250px;
margin-top: -64px;
width: 140px;
position: absolute;
background-color: #484747;
left: 50%;
transform: translate(-50%,0);
}
.middleBox h1 {
color: white;
width: 60%;
margin: 0 auto;
margin-top: 3em;
}
.middleBox::after {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 85px 70px 0 0;
border-color: #484747 transparent transparent transparent;
content: " ";
margin-top: 85px;
margin-left: -70px;
}
.middleBox::before {
position: absolute;
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 85px 0;
border-color: transparent #484747 transparent transparent;
margin-top: 250px;
margin-left: 0px;
}
.testimonials .rightBox {
text-align: left;
padding-left: 10em;
box-sizing: border-box;
}
.testimonials .leftBox {
text-align: left;
padding-right: 10em;
box-sizing: border-box;
}
.testimonials .leftBox h1 {
position: absolute;
left: 0;
margin-top: 123px;
font-size: 70px;
color: #f568ac;
text-transform: uppercase;
}
.testimonials .rightBox h1 {
position: absolute;
right: 0;
margin-top: 122px;
font-size: 70px;
color: #f568ac;
text-transform: uppercase;
}
.testimonials p, .testimonials h3 {
color: white;
}
.nieuwsbriefButton {
margin-bottom: 0px !important;
}
.itemBox .item {
overflow: hidden;
margin-bottom: 10px;
}
.itemBox .item .img {
width: 250px;
height: 250px;
display: inline-block;
vertical-align: middle;
margin-right: 2em;
background-position: center center;
border-radius: 0;
}
.page-id-60 .itemBox .item .img {
width: 200px;
height: 200px;
display: inline-block;
vertical-align: middle;
margin-right: 2em;
border-radius: 50%;
background-position: center center;
border: 1px solid #eeeeee;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
margin-bottom: 0.5em;
}
.itemBox .item .tekst {
display: inline-block;
width: 65%;
vertical-align: middle;
}
.itemBox .item:first-of-type .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/glansgelamineerde-omslag-kleurboek-Medium.png) no-repeat;
background-size: cover;
background-position: center center;
}
.itemBox .item:nth-of-type(2) .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_1208-Stulz-met-dieptepreeg-Medium.png) no-repeat;
background-size: cover;
background-position: center center;
}
.itemBox .item:nth-of-type(7) .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/binnenwerk-met-goudinkt-boek-Nicolaaskerk-Medium.png) no-repeat;
background-size: cover;
background-position: center center;
}
.itemBox .item:nth-of-type(4) .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_1181-embossed-spot-UV-Medium.png) no-repeat;
background-size: cover;
background-position: center center;
}
.itemBox .item:nth-of-type(5) .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/IMG_1172-gekleurd-schutblad-Medium.png) no-repeat;
background-size: cover;
background-position: center center;
}
.itemBox .item:nth-of-type(6) .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/Binnenzijde-kaft-boek-Jan-en-Monique-Smit-met-ingeplakte-CD-Medium.png) no-repeat;
background-size: cover;
background-position: center center;
}
.itemBox .item:nth-of-type(3) .img {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/linnen-met-folie-Medium-2.png) no-repeat;
background-size: cover;
background-position: center center;
} .page-id-55 h3:first-of-type {
margin-top: 1em;
}
.page-id-55 h3 {
font-family: Roboto;
margin: 0;
}
.page-id-55 p{
margin-top: 0;
}
.page-id-55 {
line-height: 1.6;
} section.contact {
text-align: center;
padding: 3em 0em 3em 0em;
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/07/backgroundBoeken.png) no-repeat;
background-size: cover;
background-position: center 40%;
}
body:not(.home) section.contact {
padding: 2em 0em;
}
.contact .wrapper p {
line-height: 23px;
width: 50%;
margin: 0 auto;
margin-top: 1em;
text-align: center;
}
p#footertekst {
max-width: 580px;
text-align: center;
}
.page-id-293 .contact h1{
display: none;
}
section.footerInfo {
background: #414042;
}
section.footerInfo h2 {
margin: 0;
color: white;
font-size: 17px;
margin-bottom: 5px;
}
section.footerInfo p, section.footerInfo a {
color: white;
font-weight: lighter;
transition: .2s ease-in-out;
}
section.footerInfo a:hover {
color: #d0d0d0;
transition: .2s ease-in-out;
}
.inlineBox {
float: left;
width: 25%;
box-sizing: border-box;
padding: 3em 2em;
}
.inlineBox ul li {
color: #fff;
list-style: none;
line-height: 1.6;
font-weight: 100;
}
.inlineBox ul li strong {
color: white;
}
.inlineBox ul {
padding:0;
margin:0;
}
.inlineBox:nth-of-type(4) a:hover {
background-color: #bfbfbf;
color: white;
transition: .2s ease-in-out;
}
.inlineBox:nth-of-type(4) a {
background-color: #e2e2e2;
color: black;
padding: 10px 35px;
width: 200px;
display: block;
text-align: center;
transition: .2s ease-in-out;
}
.contact input, .contact textarea {
border: 2px solid grey;
padding: 15px 5px;
font-size: 16px;
display: block;
float: left;
width: 30%;
margin: 5px;
box-sizing: border-box;
}
.contact textarea {
width: 61.6%;
resize: none;
height: 6em;
}
.contact input.wpcf7-form-control.wpcf7-submit {
height: 6em;
}
span.wpcf7-not-valid-tip {
float: left;
width: 33%;
}
div.wpcf7-validation-errors {
clear: both;
}
a.btn.btn-primary.btn-lg {
margin-bottom: 20px;
}
.modal-body .wpcf7 input, .modal-body .wpcf7 textarea {
padding: 10px;
}
.modal-header {
background-color: #ff007c;
}
.modal-title {
text-align: center;
color: white;
}
div.wpcf7 {
text-align: center; 
} body:not(.home) #content {
margin: 0 auto;
text-align: center;
padding: 3em 0em;
}
body:not(.home) .entry-content {
max-width: 1280px;
margin: 0 auto;
padding: 0em 4em;
box-sizing: border-box;
text-align: left;
}
body:not(.home) .entry-title {
margin-bottom: 0em;
text-align: center;
margin-top: 2em;
font-size: 32px;
}
strong.entry-title {
text-align: center;
margin-top: 2em;
font-size: 32px;
font-weight: bold;
display: block;
}
.specialisaties h3 {
display: table;
position: relative;
clear: both;
text-align: center;
margin: 0 auto;
padding-top: 2em;
}
.boeken .wrapper h3 {
font-size: 25px;
margin-top: 0;
}
.onderdeel h4 {
font-size: 20px;
margin: 10px 0px;
}
.page-id-60 h1.entry-title {
margin-top: 0em !important;
margin-bottom: 1em !important;
}
.contactlinks p {
float: left;
margin-top: 1em;
font-size: 14px;
font-weight: normal;
color: #ababab;
margin-bottom: 0;
margin-right: 2em;
line-height: 30px;
}
.contactlinks {
float: right;
}
.boxWrapper {
margin: 0 auto;
text-align: center;
}
.itemWrapper {
display: inline-block;
width: 30%;
text-align: center;
margin: 0 auto;
margin: 1em 1em;
border: 1px solid #6b6b6b;
background-color: #ffffff;
padding: 2em 0em;
padding-bottom: 0em;
box-sizing: border-box;
}
.imgWrapper {
width: 250px;
height: 250px;
border-radius: 100%;
border: 1px solid #6b6b6b;
margin: 0 auto;
background-color: white;
}
.imgWrapper img {
width: 90%;
top: 50%;
position: relative;
transform: translateY(-50%);
}
a.btn.btn-primary.btn-lg:first-of-type .imgWrapper, .page-id-234 .bindwijzeAfbeelding {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/Softcover.png) no-repeat;
background-size: 112%;
background-position: center center;
}
a.btn.btn-primary.btn-lg:nth-of-type(2) .imgWrapper {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Wireo.png) no-repeat;
background-size: 117%;
background-position: center center;
}
a.btn.btn-primary.btn-lg:nth-of-type(3) .imgWrapper {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Genaaid-gebonden-boek.png) no-repeat;
background-size: 117%;
background-position: center center;
}
a.btn.btn-primary.btn-lg:nth-of-type(4) .imgWrapper {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Leeslint.png) no-repeat;
background-size: 117%;
background-position: center center;
}
a.btn.btn-primary.btn-lg:nth-of-type(5) .imgWrapper {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Kapitaalband.png) no-repeat;
background-size: 117%;
background-position: center center;
}
a.btn.btn-primary.btn-lg:nth-of-type(6) .imgWrapper {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2017/04/Bindwijzen.png);
background-size: 120%;
background-position: center center;
}
a.btn.btn-primary.btn-lg:nth-of-type(7) .imgWrapper {
background: url(https://www.boek-laten-drukken.nl/wp-content/uploads/2016/09/Linnen.png) no-repeat;
background-size: 117%;
background-position: center center;
}
.bindwijzeAfbeelding {
width: 250px;
height: 250px;
border-radius: 100%;
border: 1px solid #6b6b6b;
margin: 0 auto;
}
.itemWrapper strong {
display: block;
margin-top: 2em;
font-size: 19px;
padding: 1em 0em;
color: white;
background: #e4007b;
transition: .1s ease-in-out;
}
.bindwijzeOptie a {
background: #616161;
color: white;
padding: 10px 20px;
border-radius: 5px;
font-weight: normal;
display: table;
position: relative;
margin-top: -43px;
margin-bottom: 4em;
transition: .1s ease-in-out;
}
.bindwijzeOptie a:hover {
background: #2b2b2b;
transition: .1s ease-in-out;
}
.itemWrapper:hover strong {
background: #af0c64;
transition: .1s ease-in-out;
}
.bindwijzePage .modal-body p {
padding: 2em;
}
.bindwijzePage H3 {
margin-left: 1em;
margin-right: 1em;
text-align: center;
}
a:nth-of-type(1) .itemWrapper img, a:nth-of-type(4) .itemWrapper img, a:nth-of-type(5) .itemWrapper img, a:nth-of-type(7) .itemWrapper img, #info1 img, #info3 img, #info4 img, #info6 img {
width: 100%;
height: 100%;
border-radius: 100%;
} .main-navigation {
clear: both;
margin: 0 auto;
max-width: 1280px;
min-height: 45px;
position: relative;
text-align: right;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}
.nav-menu li {
display: inline-block;
position: relative;
}
.nav-menu li a {
display: block;
font-size: 17px;
font-weight: normal;
font-family: 'Lato', sans-serif;
line-height: 1;
margin: 0 1em;
text-decoration: none;
}
.nav-menu li:last-of-type a {
margin-right: 0 ;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
color: #000;
}
.nav-menu .sub-menu,
.nav-menu .children {
border-top: 0;
padding: 0;
position: absolute;
z-index: 99999;
overflow: hidden;
background: white;
opacity: 0;
border-radius: 1px 0px 5px 5px;
text-align: left;
transition: .2s ease-in-out;
padding-top: 20px;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #000;
margin: 0;
width: 200px;
font-weight: lighter;
padding: 10px 23px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
transition: .2s ease-in-out;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
background-color: white;
text-align: left; transition: .2s ease-in-out;
opacity: 1;
}
.sub-menu {
transition: .2s ease-in-out;
}
.sub-menu li a {
font-size: 14px;
padding: 5px 0em;
}
.sub-menu li a:hover {
background-color: #d0d0d0;
transition: .2s ease-in-out;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
border-bottom: 4px solid #e30079;
padding: 0px 5px;
padding-bottom: 25px;
}
.menu-toggle {
display: none;
} .navbar {
margin: 0 auto;
width: 100%;
margin-top: -25px;
}
.site-header .search-form {
position: absolute;
right: 20px;
top: 1px;
}
.site-header .search-field {
background-color: transparent;
background-image: url(//www.boek-laten-drukken.nl/wp-content/themes/qtheme/images/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition:         width 400ms ease, background 400ms ease;
width: 1px;
}
.site-header .search-field:focus {
background-color: #000;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
a.post-edit-link {
display:none;
}
@media (min-device-width : 768px) 
and (max-device-width : 1024px) {
a.home-link img {
width: 30%;
margin-top: 1em;
}
.main-navigation {
text-align: right;
padding-top: 3em;
padding-right: 2em;
}
.headerTekst {
padding-top: 18em;
margin-top: -16em;
}
.onderdeel {
width: 50%;
}
.middleBox {
width: 100%;
left: initial;
transform: initial;
height: initial;
margin-top: -93px;
}
.middleBox h1 {
margin-top: 0em;
}
.page-id-234 .image6 {
background-position: center center;
}
.boxWrapper h3 {
clear: both;
}
#new-royalslider-6 .rsOverflow, #new-royalslider-6 {
height: 300px !important;
}
.page-id-302 #content {
padding-top: 0em !important;
}
.itemWrapper {
float: left;
display: initial;
width: 45%
}
.contact input, .contact textarea {
width: 100% !important;
}
.inlineBox:nth-of-type(4) {
width: 70%;
padding-bottom: 2em;
}
.inlineBox {
width: 33%;
float: left;
}
.headerTekst h1 {
padding: 0em 1em;
}
a.home-link {
float: initial;
width: 100%;
margin-left: 2em;
}
a.telefoon, a.emailadres {
float: right;
width: 35%;
text-align: center;
margin-top: 1em;
}
.contactlinks {
float: right;
width: 50%;
}
.emailadres {
margin-right: 0em;
}
.intro .leftBox, .intro .rightBox {
float: initial;
width: 100%;
}
.intro .leftBox {
padding-right: 0em;
}
.specialisatie {
float: left;
width: 100%;
margin: 1em 1em;
}
.specialisatie p {
width: 90%;
}
section.specialisaties {
padding: 0em 1em;
}
.middleBox::before, .middleBox::after {
display: none;
}
.testimonials .leftBox h1, .testimonials .rightBox h1 {
display: none;
}
.testimonials .rightBox {
text-align: center;
padding-left: 0em;
box-sizing: border-box;
}
.testimonials .leftBox {
text-align: center;
padding-right: 0;
box-sizing: border-box;
}
.testimonials .leftBox, .testimonials .rightBox {
width: 100%;
}
.contact input.wpcf7-form-control.wpcf7-submit {
height: 3em;
}
.itembox div:nth-of-type(2) {
text-align: right;
width: 50%;
}
.itembox div:nth-of-type(1) {
width: 100%;
}
.image1 h1 {
margin-left: 1em;
}
.image5 .tekst h1, .image5 .tekst p {
padding-left: 0em;
padding-right: 1em;
}
.image2 {
background-size: 80%;
background-position: 100% -150%;
}
.image4 {
background-size: 75%;
}
@keyframes tekstEen {
from {left: 6em;}
to {left: 2em; opacity: 1;}
}
@keyframes afbEen {
from {left: -24em;}
to {left: -28em; opacity:1;}
}
@keyframes tekstTwee {
from {left: 16em; opacity:0;}
to {left: 12em; opacity:1;}
}
@keyframes afbTwee {
from {left: -10em; opacity:0;}
to {left: -15em; opacity:1;}
}
@keyframes tekstDrie {
from {left: 24em; opacity:0;}
to {left: 20em; opacity:1;}
}
@keyframes afbDrie {
from {left: 2em; opacity:0;}
to {left: -2em; opacity:1;}
}
.image1 h1.tekst1 {
animation: tekstEen 1.5s ease-in-out normal 1s;
animation-fill-mode: forwards;
}
.image1 .img1 {
background-size: 20%;
animation: afbEen 1.5s ease-in-out normal .5s;
animation-fill-mode: forwards;
}
.image1 h1.tekst2 {
animation: tekstTwee 1.5s ease-in-out normal 2s;
animation-fill-mode: forwards;
}
.image1 h1.tekst3 {
animation: tekstDrie 1.5s ease-in-out normal 3s;
animation-fill-mode: forwards;
}
.image1 .img2 {
background-size: 20%;
animation: afbTwee 1.5s ease-in-out normal 1.5s;
animation-fill-mode: forwards;
}
.image1 .img3 {
background-size: 25%;
animation: afbDrie 1.5s ease-in-out normal 2.5s;
animation-fill-mode: forwards;
}
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 
a.telefoon, a.emailadres {
width: 45%;
}
.contactlinks p {
display: none;
}
body:not(.home) h1.entry-title {
margin-top: 0em;
}
.image7 {
background-size: 70%;
}
.itemBox .item .img {
width: 150px;
height: 150px;
}
}
@media (max-width: 100px) {
.image7, .image8 {
background-size: 70%;
}
}
@media (max-width: 643px) { .menu-toggle {
cursor: pointer;
display: inline-block;
margin: 0;
}
.tekst h1 {
font-size: 25px;
}
.project {
display: block;
width: 90%;
margin: 0 auto;
margin-top: 1em;
}
iframe {
width: 100%;
}
.category-portfolio-item .entry-thumbnail img {
width: 100%;
height: auto;
}
body .category-portfolio-item h1.entry-title {
font-size: 25px;
}
.image1 {
background-size: cover;
}
.image2 {
background-size: 70%;
background-position: center 70%;
}
.image5 .tekst h1 {
text-align: right;
padding-left: 4em;
margin-right: 1em;
}
.image5 p {
padding-right: 1em;
}
.image5 {
background-size: 50%;
background-position: center left;
}
.image4 {
background-size: 100%;
}
section.bindwijzePage .itembox {
display: initial;
}
.nav-menu li a {
margin-right: 0px;
padding: 10px 0px;
}
.navbar {
width: 40% !important;
}
body:not(.home) h1.entry-title {
margin-top: 0em;
}
.bindwijzeOptie a {
margin-top: 1em;
}
.image8, .image7 {
background-size: 100%;
}
.itemBox .item {
text-align: center;
}
.itemBox .img {
width: 200px;
height: 200px;
margin-right: 0em;
}
.itemBox .item .tekst {
width: 100%;
}
div#new-royalslider-6, div#new-royalslider-6 .rsOverflow {
height: 200px !important;
}
.itembox div:nth-of-type(2) {
text-align: center;
}
section.bindwijzePage .itembox img {
margin: 2em 0em;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
background: #e4e4e4;
border: none;
padding: 10px;
display: table;
margin: 0 auto;
border-radius: 5px;
}
.menu-toggle img {
width: 20px;
height: 20px;
float: left;
}
.menu-toggle p {
float: right;
font-size: 15px;
margin-top: 0px !important;
margin-left: 10px !Important;
margin-bottom: 0px !important;
}
.main-navigation {
text-align: center;
margin-bottom: 15px;
}
.navbar {
margin: 0 auto;
position: relative;
text-align: center;
width: 100% !important;
}
.itemWrapper {
display: block;
width: 90%;
}
.image4 img:nth-of-type(4) {
left: 72%;
top: 61%;
}
.image4 img:nth-of-type(3) {
left: 23%;
top: 56%;
opacity: 0;
animation: euroTeken 1s;
animation-fill-mode: forwards;
animation-delay: .9s;
width: 23%;
}
.contact input.wpcf7-form-control.wpcf7-submit {
height: 3em;
}
nav#site-navigation.toggled-on {
background-color: rgb(255, 255, 255);
width: 100%;
z-index: 100;
}
.nav-menu .sub-menu, .nav-menu .children {
display: none !important;
}
li#menu-item-22:hover > .sub-menu, li#menu-item-136:hover > .sub-menu {
display: block !important;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
padding-bottom: 0px;
border-bottom: 0;
padding: 0px;
}
.toggled-on .nav-menu,
.toggled-on .nav-menu > ul {
display: block;
margin-left: 0;
padding: 0;
width: 100%;
}
.toggled-on li,
.toggled-on .children {
display: block;
}
.toggled-on .nav-menu li > ul {
background-color: transparent;
display: block;
float: none;
margin-left: 0px;
position: relative;
left: auto;
top: auto;
text-align: center !important;
margin: 0 auto;
}
.toggled-on .nav-menu li > ul a {
width: auto;
}
.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a {
background-color: transparent;
}
.toggled-on .nav-menu > li a:hover,
.toggled-on .nav-menu > ul a:hover {
}
.toggled-on .nav-menu > li a:focus,
.toggled-on .nav-menu > ul a:focus {
}
ul.nav-menu,
div.nav-menu > ul {
display: none;
}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 750px) { .headerTekst h1 {
padding: 0;
margin: 0;
font-size: 25px;
}
body:not(.home) .entry-content  {
padding: 0em 1em;
}
a.home-link {
float: initial;
display: block;
padding: 0;
width: initial;
text-align: left;
}
div#inner-header {
padding: 1em 1em;
text-align: center;
}
a.home-link img{
width: 65%;
}
.contactlinks p {
display: none;
}
.contactlinks {
float: left;
margin-top: 1em;
}
a.telefoon, a.emailadres {
float: initial;
text-align: left;
margin-bottom: 5px;
margin-top: 0;
display: inline-block;
width: 100%;
}
a.telefoon img, a.emailadres img {
margin-right: 10px;
}
.headerTekst {
padding-top: 15em;
padding-bottom: 3em;
margin-top: -14em;
background-size: cover;
}
a.headerLink {
font-size: 20px;
padding: 10px 5px;
text-align: center;
}
.intro .leftBox, .intro .rightBox {
float: initial;
width: 100%;
}
.intro .leftBox {
padding-right: 0;
box-sizing: border-box;
}
.tipsFormulier input, .tipsFormulier textarea {
margin: 0px 15px 10px 0px;
}
section.specialisaties, section.intro {
padding: 2em 1em;
}
.specialisatie {
float: left;
width: 100%;
}
.onderdeel {
width: 100%;
}
.testimonials .leftBox h1, .testimonials .rightBox h1 {
display: none;
}
section.testimonials {
padding: 3em 1em;
}
.testimonials .leftBox, .testimonials .rightBox {
width: 100%;
float: initial;
}
.middleBox {
float: initial !important;
width: 100%;
height: initial;
margin-top: 0px;
left: 0;
transform: initial !important;
position: relative;
}
.middleBox::before, .middleBox::after {
display: none;
}
.middleBox h1 {
margin-top: 0em;
}
.testimonials .leftBox, .testimonials .rightBox {
padding: 0;
}
section.contact {
padding: 2em 1em;
}
.contact .wrapper p {
width: 100%;
}
.contact input, .contact textarea {
width: 95% !important;
}
.inlineBox {
float: initial;
width: 100%;
box-sizing: border-box;
padding: 2em 1em;
padding-top: 1em;
padding-bottom: 0;
}
@keyframes tekstEen {
from {left: 5em;}
to {left: 1em; opacity: 1;}
}
@keyframes afbEen {
from {left: -28em;}
to {left: -32em; opacity:1;}
}
@keyframes tekstTwee {
from {left: 12em; opacity:0;}
to {left: 8em; opacity:1;}
}
@keyframes afbTwee {
from {left: -22em; opacity:0;}
to {left: -26em; opacity:1;}
}
@keyframes tekstDrie {
from {left: 18em; opacity:0;}
to {left: 14em; opacity:1;}
}
@keyframes afbDrie {
from {left: -14em; opacity:0;}
to {left: -18em; opacity:1;}
}
.image1 h1.tekst1 {
animation: tekstEen 1.5s ease-in-out normal 1s;
animation-fill-mode: forwards;
font-size: 18px;
}
.image1 .img1 {
background-size: 15%;
animation: afbEen 1.5s ease-in-out normal .5s;
animation-fill-mode: forwards;
}
.image1 h1.tekst2 {
animation: tekstTwee 1.5s ease-in-out normal 2s;
animation-fill-mode: forwards;
font-size: 18px;
}
.image1 h1.tekst3 {
animation: tekstDrie 1.5s ease-in-out normal 3s;
animation-fill-mode: forwards;
font-size: 18px;
}
.image1 .img2 {
background-size: 15%;
animation: afbTwee 1.5s ease-in-out normal 1.5s;
animation-fill-mode: forwards;
}
.image1 .img3 {
background-size: 20%;
animation: afbDrie 1.5s ease-in-out normal 2.5s;
animation-fill-mode: forwards;
}
.image2 .tekst h1 {
margin-right: 1em;
}
}
#_form_623AE84DBBDAF_ ._form-title {
font-size: 20px !important;
}