#wpadminbar {
z-index: 10;
}
.page-id-2826 main, .page-id-2828 main{
padding: 5%;
} .scroll--pascal {
width: 50px;
height: 50px;
background-color: #000;
border: 1px solid #000;
transition: 0.8s ease-in-out;
}
.scrollToTop {
position: fixed;
right: 2%;
bottom: 5%;
display: none;
transition: 0.5s ease;
z-index: 5;
}
a.scrollToTop svg {
width: 50px;
transition: 0.8s ease-in-out;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.pijl{
fill: #fff;
}
.scroll--pascal:hover .pijl{
fill: #000 !important;
transition: 0.8s ease;
}
a.scrollToTop:hover .scroll--pascal{
background-color: #fff;
border: 1px solid #000;
transition: 0.8s ease;
} body{ font-family: "Helvetica",Verdana,Arial,sans-serif;
font-size: 20px;
overflow-x: hidden;
}
#page-wrapper{
margin-top: 100px; }
.wrapper {
padding: 0px;
}
h1, .h1 {
font-size: 3.5vw;
margin-bottom: 2rem;
text-shadow: 2px 2px 10px #ffffff;
font-weight: 600;
}
h2, .h2 {
font-weight: 700;
font-size: 1.8vw;
margin-bottom: 2rem;
text-transform: uppercase;
}
img{
width: 100%;
}
.align--right{
text-align: right;
}
.center{
text-align: center;
}
.make--it--relative{
position: relative;
}
.auto--size{
height:100%;
object-fit:cover;
}
.vert--center {
height: 100%;
justify-content: center;
display: flex;
flex-direction: column;
}
.pascale--tekst{
font-size: 1vw;
margin-top: 2rem;
margin-bottom: 2rem;
}
.uppercase{
text-transform: uppercase;
} button:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}
.btn--wit{
color: #fff;
}
.btn--wit:hover{
color: #fff;
text-decoration: underline;
}
.knop--zwart {
color: #FFF;
text-transform: uppercase;
background: #1D1B1B;
border: 1px solid #1D1B1B;
padding: 15px 30px;
font-size: 0.9vw;
font-weight: 600;
transition: 0.5s ease;
display: inline-block;
cursor: pointer;
}
.knop--zwart:hover {
color: #1D1B1B;
text-transform: uppercase;
border: 1px solid #1D1B1B;
background: #fff;
padding: 15px 30px;
font-size: 0.9vw;
text-decoration: none;
}
.misha_loadmore{
color: #FFF;
text-transform: uppercase;
background: #1D1B1B;
border: 1px solid #1D1B1B;
padding: 15px 30px;
font-size: 0.9vw;
font-weight: 600;
transition: 0.5s ease;
display: inline-block;
cursor: pointer;
}
.misha_loadmore:hover {
color: #1D1B1B;
text-transform: uppercase;
border: 1px solid #1D1B1B;
background: #fff;
padding: 15px 30px;
font-size: 0.9vw;
text-decoration: none;
}
.knop--wit {
color: #1D1B1B;
text-transform: uppercase;
background: #fff;
border: 1px solid #fff;
padding: 15px 30px;
font-size: 0.9vw;
font-weight: 600;
transition: 0.5s ease;
margin-top: 2rem;
display: inline-block;
}
.knop--wit:hover {
color: #fff;
text-transform: uppercase;
border: 1px solid #fff;
background: #1D1B1B;
padding: 15px 30px;
font-size: 0.9vw;
text-decoration: none;
}
.knop--zwart--contact {
color: #FFF !important;
text-transform: uppercase !important;
background: #1D1B1B !important;
border: 1px solid #1D1B1B !important;
padding: 15px 30px !important;
font-size: 0.9vw !important;
font-weight: 600 !important;
transition: 0.5s ease !important;
display: inline-block !important;
cursor: pointer !important;
}
.knop--zwart--contact:hover {
color: #1D1B1B !important;
text-transform: uppercase !important;
border: 1px solid #1D1B1B !important;
background: #fff !important;
padding: 15px 30px !important;
font-size: 0.9vw !important;
text-decoration: none !important;
}
.text--link{
color:#000;
text-decoration: none;
}
.text--link:hover{
text-decoration:underline;
}
.a--link{
color:#000;
text-decoration:underline;
}
.a--link:hover{
color:#000;
text-decoration:none;
} .header--text--container {
display: flex;
width: 100%;
} .flexing{
display: flex;
flex-wrap: wrap;
}
.no--wrap{
flex-wrap:initial !important;
}
.flex--row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.flex--basis--60{
flex-basis:60%;
}
.flex--basis--40{
flex-basis:40%;
}
.flex--basis--80{
flex-basis:80%;
}
.flex--basis--20{
flex-basis:20%;
}
.flex--column {
flex: 1;
}
.flex--column--2{
flex: 0.2;
}
.flex--column--8{
flex: 0.8;
}
.flex--column--4{
flex: 0.4;
}
.flex--column--6{
flex: 0.6;
}
.flex--column--3{
flex: 0.3;
}
.flex--column--7{
flex: 0.7
} .no--margin{
margin: 0rem;
}
.margin--top--1{
margin-top: 1rem;
}
.margin--top--2{
margin-top: 2rem;
}
.margin--bottom--small{
margin-bottom: 2rem;
} .no--padding{
padding: 0px;
}
.padding--2 {
padding: 2%;
}
.padding--top--left--bottom--2 {
padding: 2% 0% 2% 2%;
}
.padding--top--bottom--2{
padding-top: 2%;
padding-bottom: 2%;
}
.padding--top--2{
padding-top: 2%;
}
.padding--bottom--2 {
padding-bottom: 2%;
}
.padding--right--2{
padding-right:2%;
}
.padding--left--2{
padding-left:2%;
}
.padding--5 {
padding: 5%;
}
.padding--10{
padding: 10%;
}
.padding--top--5 {
padding-top: 5%;
}
.padding--bottom--5 {
padding-bottom: 5%;
}
.padding--left--5{
padding-left: 5%;
}
.padding--left--10{
padding-left: 10%;
}
.padding--left--15{
padding-left: 15%;
}
.padding--right--5{
padding-right: 5%;
}
.padding--left--right--5{
padding-left: 5%;
padding-right: 5%;
}
.padding--top--bottom--5{
padding-top: 5%;
padding-bottom: 5%;
}
.padding--top--bottom--10{
padding-top: 10%;
padding-bottom: 10%;
}
.padding--left--right--bottom--5{
padding: 0% 5% 5% 5%;
}
.padding--left--right--top--5{
padding: 5% 5% 0% 5%;
}
.padding--right--top--bottom--5{
padding:5% 5% 5% 0;
}
.padding--left--top--bottom--5{
padding:5% 0 5% 5%;
} .width--70{
width: 70%;
margin: auto;
} .hero-left-side{
width:40%;
}
.hero-right-side{
width:60%;
}
.main--title{
font-size:6rem;
line-height:6rem;
margin-left: -7px;
}
.sub-title{
text-transform: uppercase;
font-size: 0.9rem;
}
.owl-hero .owl-stage-outer{
position:initial;
}
.owl-hero{
position:initial;
}
.owl-hero .owl-nav{
position: absolute;
left: 0;
bottom: 5%;
}
.owl--nav--left{
margin-right: 1rem;
}
.owl--nav--right{
margin-left: 1rem;
}
.events--home h2{
margin-bottom: 0px;
}
.padding--events{
padding: 2% 20% 5% 20%;
}
.date {
font-size: 2rem;
line-height:2.5rem;
font-weight: 600;
padding: 0px 30px 0px 0;
border-right: 1px solid #000;
margin-right:30px;
}
.align--center{
align-items: center;
}
.align--self{
align-self:end;
}
.owl-events .owl-nav {
position: absolute;
left: 50%;
bottom: 15%;
}
.owl-events img{
max-height: 500px;
width: auto !important;
margin-left: auto;
margin-right:auto;
} .text--white{
color:#FFF !important;
}
.background--dark{
background:#1D1B1B;
width:100%;
}
.first--image img {
height: 100%;
object-fit: cover;
}
.second--image{
max-width: 300px;
}
img.pf--element {
position: absolute;
width: 20vw;
top: 50%;
transform: translateY(-50%);
right: calc(-10vw + 1px);
}
.rotate--vertical {
font-size: 2.6vw;
writing-mode: vertical-rl;
margin-left: 35%;
text-transform: uppercase;
font-weight: 700;
}
.testimonials--block {
text-align: center;
}
.text--uppercase{
text-transform: uppercase;
}
.naam {
display: inline-block;
font-size: 1.5rem;
font-weight: 600;
color: #000;
margin-bottom: 15px;
}
.naam:after {
content: "";
width: 50%;
height: 1px;
background: #000;
display: block;
margin-left: auto;
margin-right: auto;
}
.owl-testimonials p {
max-width: 70%;
margin-left: auto;
margin-right: auto;
} .grid--home {
text-align: center;
margin: auto;
width: 100%;
margin-bottom: 0%;
}
.grid-item--home {
width: 22.666%;
margin-bottom: 2%;
overflow: hidden;
background-color: #fff;
}
.grid-sizer--home{width: 22.666%; overflow: hidden; }
.grid-item--home img{
width: 100%;
transition: 0.3s ease;
}
.gutter-sizer--home { width: 2%; }
.grid-item--home:hover .img--hover{
transform: scale(1.1,1.1);
}
.grid-item--home:hover .overlay {
opacity: 0.7;
}
.grid-item--home:hover .img--logo--hover {
opacity: 1;
}
.grid-item {
width: 31.8%;
margin-bottom: 2%;
overflow: hidden;
background-color: #fff;
}
.grid {
text-align: center;
margin: auto;
width: 100%;
margin-bottom: 0%;
}
.grid-sizer{width: 31.8%; overflow: hidden; }
.text--blog--container{
text-align: left;
}
.text--blog--container .blog--tekst {
font-size: 0.8vw;
padding-top: 2%;
padding-bottom: 2%;
}
.grid-item img{
width: 100%;
transition: 0.3s ease;
}
.gutter-sizer { width: 2%; }
.grid-item:hover .img--hover{
transform: scale(1.1,1.1);
}
.grid-item:hover .overlay {
opacity: 0.7;
}
.grid-item:hover .img--logo--hover {
opacity: 1;
}
.grid-item a{
color: #000;
}
.grid-item a:hover{
text-decoration: none;
}
.album--title{
text-align: left;
margin-bottom: 0px;
}
.titles--kleding {
display: flex;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.column--kledingstuk {
flex: 0.5;
padding: 3%;
background-color: #c8b077;
}
.column--prijs {
flex: 0.5;
background-color: #000;
padding: 3%;
}
.info--kleding {
display: flex;
color: #000;
font-weight: 700;
}
.kleding--naam{
flex: 0.5;
padding: 3%;
background-color: #FAFAFA;
text-align: center;
border-bottom: 1px solid #c8b077;
}
.kleding--prijs{
flex: 0.5;
padding: 3%;
text-align: center;
border-bottom: 1px solid #c8b077;
border-left: 1px solid #c8b077;
} .align--center{
text-align:center;
}
.quote--banner{
background:#000;
text-align: center;
font-size: 3.5rem;
} .page-id-94 .footer--openingsuren{
display: none;
} .ct--input--text input, .ct--input--text textarea{ 
font-size: 0.9vw !important;
} .album-thumbnail img {
max-width: 100%;
height: auto;
}
.album-full {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.album-image-full {
width: calc(33.3333% - 10px);
}
.album-image-full img {
max-width: 100%;
height: auto;
}
img.fit--container--first {
height: 90vh;
object-fit: cover;
}
.album--container{
width: 90%;
margin: auto;
}
a.knop--terug {
background-color: #000;
padding: 20px;
border: 1px solid #000;
transition: 0.5s ease;
display: inline-block;
margin-top: 1rem;
}
.knop--terug svg {
transform: rotate(-90deg);
}
a.knop--terug:hover {
background-color: #fff;
padding: 20px;
border: 1px solid #000;
}
a.knop--terug:hover svg path {
fill: #000;
}
.thumb--container{
position: relative;
}
.thumb--container .ico--plus{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
z-index: 1;
font-size: 2rem;
}
.album-link:hover .thumb--container .ico--plus{
visibility: visible;
opacity: 1;
}
.album-link .album-thumbnail{
transition: 0.3s ease;
}
.album-link:hover .album-thumbnail{
opacity: 0.8;
}
.blog--container{
position: relative;
}
.blog--container .ico--plus{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
z-index: 1;
font-size: 2rem;
}
.album-link:hover .ico--plus{
visibility: visible;
opacity: 1;
}
.album-link .album-thumbnail{
transition: 0.3s ease;
}
.album-link:hover .album-thumbnail{
opacity: 0.8;
}
.album-image-full{
position: relative;
}
.afb--hoover:hover img{
opacity: 0.8;
transition: 0.3s ease;
}
.afb--hoover .ico--plus{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
z-index: 1;
font-size: 2rem;
}
.afb--hoover:hover .ico--plus{
visibility: visible;
opacity: 1;
} @media only screen and (max-width: 811px) {
.single-lookbookspascale .fit--container--first{
display: none;
}
.album-image-full {
width: 100%;
} .pascale--tekst{
font-size: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
body {
font-size: 1.2rem;
}
h1 {
font-size: 1.5rem;
margin-bottom: 2rem;
}
h2, .h2 {
font-weight: 700;
font-size: 1.8rem;
margin-bottom: 1rem;
} .padding--top--bottom--small{
padding-top: 1rem;
padding-bottom: 1rem;
}
.margin--top--2{
margin-top: 1rem;
}
.margin--top--small{
margin-top: 2rem;
}
.margin--bottom--small{
margin-bottom: 2rem;
}
.padding--bottom--small{
padding-bottom: 1rem;
}
.padding--top--small{
padding-top: 1rem;
}
.padding--right--5, .padding--right--2 {    
padding-right: 0;
}
.padding--left--5{
padding-left:0;
}
.flex--column {
flex: auto;
width: 100%;
}
.flex--column--small, .flex--column--wide, .flex--column--4, .flex--column--6 {
flex: auto;
width: 100%;
}
.column--reverse{
flex-direction: column-reverse;
}
.mobile--padding{
padding:5% 0 !important;
} .knop--zwart, .knop--zwart--contact {
font-size: 0.9rem !important;
}
.knop--zwart:hover, .knop--zwart--contact:hover {
font-size: 0.9rem !important;
}
.knop--wit {
font-size: 0.9rem;
}
.knop--wit:hover {
font-size: 0.9rem;
} .header--text--container{
flex-direction:column;
} .hero-left-side, .hero-right-side, .flex--basis--40, .flex--basis--60{
width:100%;
flex-basis:100%;
padding:5% 0 !important;
}
.hero-right-side {
padding-right: 5% !important;
padding-top: 10%;
}
.owl-hero .owl-nav {
bottom: 0;
}
.owl-events .owl-nav {
bottom: 0;
left: 0;
}
.justify--center--small{
justify-content: center;
}
.padding--events {
padding: 2% 5%;
}
h1.main--title {
font-size: 3rem;
line-height: 3rem;
}
.second--image {
max-width: 100% !important;
padding-top:5%;
}
.owl-testimonials p {
max-width: 100% !important;;
}
.first--image {
padding-top: 5%;
padding-left: 0 !important;
}
.date {
font-size: 1.6rem;
line-height: 2rem;
border-right: 1px solid #000;
margin-right: 30px;
}
.no--padding--small{
padding: 0px;
} .grid-item--home {
width: 48%;
margin-bottom: 2%;
overflow: hidden;
background-color: #fff;
}
.grid-sizer--home{width: 48%; overflow: hidden; }
.gutter-sizer--home { width: 2%; }
.text--blog--container .blog--tekst {
font-size: 1rem;
text-align: center;
padding: 5%;
}
.misha_loadmore {
font-size: 0.9rem;
}	
.misha_loadmore:hover {
font-size: 0.9rem;
} .ct--input--text input, .ct--input--text textarea{ 
font-size: 1rem !important;
}
.quote--banner {
font-size: 2rem;
}
}
@media only screen and (max-width: 500px) {
.grid-item--home {
width: 100%;
margin-bottom: 5%;
overflow: hidden;
background-color: #fff;
}
.grid-item{
width: 100%;
margin-bottom: 5%;
overflow: hidden;
background-color: #fff;
}	
}