@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,600&family=Open+Sans&display=swap');

body  { 
  background: #faf7ef url('/images/bg_meridiaan.png') center center repeat-y; 
  color: #070c0e;
  font-family: 'Raleway', sans-serif;
}

@media (max-width: 575.98px) { 
  html,body  { font-size: 0.96em; line-height: 1.3em; }
}

.witvlak  {
  background: #fffefd url('/images/bg_meridiaan_wit.png') center center repeat-y;
  font-size: 1.1rem;
}

@media (min-width: 992px) { 
  .witvlak  {
    padding-left: 120px!important;
    padding-right: 120px!important;
    padding-top: 45px;
  }
}

.schaduw   {
  -webkit-box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
  -moz-box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
  box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
}

#content {
  padding-top: 150px;
}

.border-top {
  border-top: 1px solid #e1d9c3!important;
}

.round        { border-radius: 50%; }
input         { outline: 0; }
section       { position: relative; z-index: 1; }
/* body .contact-wrapper, 
body.xs-editmode.edit .contact-wrapper{ margin-top: -150px; } */
body.xs-editmode.preview .contact-wrapper { margin-top: 0px; }

/* TEXT STYLES */
.quote            { padding: 0.5vw 0.5vw 0.5vw 3.5vw; border-left: 1px solid #987617; font-size: 2rem; line-height: 2.6rem; color: #a58e4f; font-style: italic; font-weight: 300; }
.quote-afzender   { font-size: 1.1rem; line-height: 2rem; color: #070c0e; font-style: normal; font-weight: 400; }
.gold             { color: #987617; }
.author-name      { line-height: 1.2rem; }
.author-date      { color: #999; }
.booktitle        { font-weight: 600; color: #070c0e; font-size: 1.25rem; margin-bottom: 0.1rem; }
.list-book-quote  { color: #987617; font-weight: 400; }
.usps             { color: #987617;  /* color: #e94a34; margin-top: -20px; */ font-size: 1.2em; }
.prefix           { font-weight: 600; font-size: 1.5rem; }
.bg-beige         { background: rgb(250 247 239 / 90%); /*background: #faf7ef;*/ }
.bg-beige-solid   { background: rgb(250 247 239); }
.bg-light-gold    { background: #e1d9c3; } 
.bg-dark-gold     { background: #a89c7a; }
.pointer          { cursor: pointer; }
.fa-2x            { font-size: 1.4em !important; }
.underlined       { border-bottom: 1px solid #987617; }

.font-smaller     { font-size: 14px; line-height: 18px; }

a.anchor {
	display: block;
	position: relative;
	top: -150px;
	visibility: hidden;
}

.copyAnchorLink { border: 0; position: absolute; right: 2rem; top: -1rem; }

/* HEADINGS */

h1,h2,h3,h4,h5,h6     { color: #987617; font-weight: 300; }
h1.book-title         { font-size: 4rem; color: #9e8e5e; }
span.book-sub-title   { font-size: 2rem; }
h1    { font-size: 4rem; }
h2    { font-size: 3rem; }
h3    { font-size: 2rem; }
h4    { font-size: 1.5rem; }
h5    { font-size: 1.3rem; }
h6    { font-size: 1.1rem; }

@media (max-width: 991.98px) { 
  h1.book-title         { font-size: 3.3rem; color: #9e8e5e; }
  span.book-sub-title   { font-size: 2.4rem; }
  h1                    { font-size: 3.3em; }
  h2                    { font-size: 2.4rem; }
  h3                    { font-size: 2rem; }
  .witvlak              { font-size: 1rem }
  .quote                { font-size: 1.8rem; line-height: 2.2rem;}
}

@media (max-width: 767.98px) {  
  h1.book-title         { font-size: 2.4rem; color: #9e8e5e; }
  span.book-sub-title   { font-size: 2rem; }
  h1                    { font-size: 2.4rem; }
  h2                    { font-size: 2rem; }
  h3                    { font-size: 1.8rem; }
  .witvlak              { font-size: 1rem }
  .usps                 { font-size: 0.7rem; line-height: 0.9rem; }
  .quote                { font-size: 1.4rem; line-height: 1.8rem;}
  .prefix               { font-size: 1.2rem; }
}

@media (max-width: 575.98px) { 
  h1.book-title         { font-size: 2rem; color: #9e8e5e; }
  span.book-sub-title   { font-size: 1.4rem; }
  h1                    { font-size: 2rem; }
  h2                    { font-size: 1.7rem; }
  h3                    { font-size: 1.5rem; }
  .witvlak              { font-size: 1rem }
  .quote                { font-size: 1.2rem; line-height: 1.6rem;}
}

/* LINKS */
a                { color: #e94a34; text-decoration: none; }
a:hover          { color: #987617; text-decoration: underline; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a     { color: #987617; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover     { color: #987617; }


/* 
@media (max-width: 991.98px) { }

@media (max-width: 1199.98px) { } */

/* SPLASH SCREEN - like it's 1999 */
.splash-screen-wrapper .col  { background: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; }
.splash-screen-wrapper .row  { margin: 0 0 0 0; padding: 0 0 0 0;  }
.splash-text                 { height: 100%; background: #e44831; border:10px solid #FFF; text-align: center; padding: 20px 10px; }
.splash-foto                 { height: 100%; background: #e1d9c3; border:10px solid #FFF; background-size: cover; background-position-x: center; }
.splash-foto1                { background-image: url('/images/snapshots_tshirt/01.jpg') }
.splash-foto2                { background-image: url('/images/snapshots_tshirt/02.jpg') }
.splash-foto3                { background-image: url('/images/snapshots_tshirt/03.jpg') }
.splash-foto4                { background-image: url('/images/snapshots_tshirt/04.jpg') }
.splash-foto5                { background-image: url('/images/snapshots_tshirt/05.jpg') }
.splash-foto6                { background-image: url('/images/snapshots_tshirt/06.jpg') }
.splash-foto7                { background-image: url('/images/snapshots_tshirt/07.jpg') }
.splash-foto8                { background-image: url('/images/snapshots_tshirt/08.jpg') }
.splash-foto9                { background-image: url('/images/snapshots_tshirt/09.jpg') }
.splash-foto10               { background-image: url('/images/snapshots_tshirt/10.jpg') }
.splash-foto11               { background-image: url('/images/snapshots_tshirt/11.jpg') }
.splash-foto12               { background-image: url('/images/snapshots_tshirt/12.jpg') }
.splash-foto13               { background-image: url('/images/snapshots_tshirt/13.jpg') }
.splash-foto14               { background-image: url('/images/snapshots_tshirt/14.jpg') }
.splash-foto15               { background-image: url('/images/snapshots_tshirt/15.jpg') }
.splash-foto18               { background-image: url('/images/snapshots_tshirt/16.jpg') }
.splash-foto17               { background-image: url('/images/snapshots_tshirt/17.jpg') }

@media (max-width: 767.98px) {  
  .splash-text h2,
  .splash-text h4            { font-size: 0.7rem; }
  .splash-text               { border: 5px solid #FFF; padding: 5px 5px 0px; }    
  .splash-foto               { border: 5px solid #FFF; }
}



.xsblockInfo  {     
  position: relative;
  padding: 2px 10px;
  background: #64bf0b;
  margin-top: 12px;
  margin-left: 5px;
  min-width: 90px;
  font: 600 15px/18px 'Raleway', sans-serif;
  color: #FFF;
  margin-bottom: 7px;
}

.xsblockInfo:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -8px;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent  transparent #64bf0b transparent;
}


/* FOOTER */
footer                    { background: #e94a34; color: #FFF }

a.link-inverse            { color: #ffe6e3 !important }
a .fa-envelope            { font-size: 0.85em !important; margin-right: 0px; }
.share-icon-bar           { font-size: 0.85em; margin-left: 2.5em; }
.share-icon-bar .fab      { color: #e94a34; }
.fa-stack:hover    { color: #ded4b9; }

@media (max-width: 575.98px) { 
  footer h3                  { font-size: 1.1rem; }
}

@media (max-width: 900px) { 
  /* .footer-link-mail          { font-size: 0.85rem; }  */
}

/* BUTTONS */
.btn  { border-radius: 20px; padding: .375rem 1.2rem; background: #a89c7a; cursor: pointer; font-family: inherit }
.btn.focus, .btn:focus {  box-shadow: none; }

.btn-primary{color:#fff;background-color:#a89c7a;;border-color:#a89c7a;}
.btn-primary:hover{color:#fff;background-color:#837345;border-color:#837345 }
a.btn-primary:hover{color:#fff;background-color:#837345;border-color:#837345 }
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem #837345}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#d2cbb6;border-color:#d2cbb6}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#a89c7a;border-color:#a89c7a}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .1rem #a89c7a}

.btn-outline-primary{color:#837345;background-color:transparent;background-image:none;border-color:#837345}
.btn-outline-primary:hover{color:#FFF;background-color:#a89c7a;border-color:#a89c7a}
.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 0rem #FFF}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#a89c7a;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#a89c7a;border-color:#FFF}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0rem #FFF}

.btn-red {color:#fff;background-color:#e94a34;;border-color:#e94a34;}
.btn-red:hover,.btn.btn-red:hover{color:#fff;background-color:#ba3b2a!important;border-color:#ba3b2a!important }
.btn-red:focus,.btn-red.focus{box-shadow:0 0 0 .2rem #ba3b2a}
.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#ce7b70;border-color:#ce7b70}
.btn-red:not(:disabled):not(.disabled):active,.btn-red:not(:disabled):not(.disabled).active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#e94a34;border-color:#e94a34}
.btn-red:not(:disabled):not(.disabled):active:focus,.btn-red:not(:disabled):not(.disabled).active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .1rem #e94a34}


.btn-lg           { width: 3rem; height: 3rem; border-radius: 50%; padding: .375rem 0.65rem; }

.btn-collapse-handler.collapsed .fal:before      { content: '\f063'; }

.kossop-button          { position: absolute; left: CALC(50% - 28px); padding: .50rem 0.65rem; width: 56px; height: 56px; font-size: 1.5em; bottom: -29px; /* background-color: #e94a34; border-color: #e94a34; */ }
.koop-button:hover    { background-color: #987617; border-color: #987617; }

/* VIDEOS */
.videowrapper						   { position:relative; height:0; padding:0 0 56.25%; margin-bottom: 1rem; }
   .videowrapper iframe				{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* IMAGES */
.round-img        { border-radius: 50%; }
.round-border-zw  { border-color: #e1d9c3; border-style: solid; border-width: 4px 4px 10px 10px; }
.round-border-zo  { border-color: #e1d9c3; border-style: solid; border-width: 4px 10px 10px 4px; }
.round-border-nw  { border-color: #e1d9c3; border-style: solid; border-width: 10px 4px 4px 10px; }
.round-border-no  { border-color: #e1d9c3; border-style: solid; border-width: 10px 10px 4px 4px; }


/* AUTHOR SLIDER */
.author-square        { width: 100%; position: relative; color: #654a01; }
.author-slider-name   { position: absolute; padding: 5px 15px; font-size: 0.85rem; color: #FFF; z-index:55 }
.author-slider-name.postop      { top: 0px; }
.author-slider-name.posbottom   { bottom: 0px; }
.author-quote         { position: relative; }
.author-quote-text    { position: absolute; top: 0px; left:0px; z-index: 5; font-size: 1.3rem; line-height: 1.7rem; padding: 2rem; height: 100%; display: flex; justify-content: space-around; align-items: center; font-style: italic; font-weight: 300; text-align: center; }
.author-text          { position: absolute; top: 0px; left:0px; z-index: 5; padding: 2rem; height: 100%; display: flex; justify-content: space-around; align-items: center; text-align: center; }

.slide-light_gold .author-slider-name   { right: 0px; background: #e0dbcc; color: #654a01; }
.slide-dark_gold .author-square         { color: #FFF; }
.slide-dark_gold .author-slider-name    { left: 0px; background: #b8ac8c; color: #FFF; }
.slide-red .author-square               { color: #FFF; }
.slide-red .author-slider-name          { right: 0px; background: #e44831; color: #FFF; }
.slide-white .author-slider-name        { right: 0px; background: #FFF; color: #654a01; }

.slide-bg-red         { color: #FFF; }
.slide-bg-dark_gold   { color: #FFF; }

.slide-edit-wrapper   { display: block; width: 100%; background: #FFF; border-bottom: 1px solid #987617;}


.author-slide { cursor: pointer; display: flex !important; flex-direction: column; }
.author-slide:nth-child(4n+0) .author-square { right: 0px; background: #e0dbcc; color: #654a01; }
.author-slide:nth-child(4n+1) .author-square { right: 0px; background: #b8ac8c; color: #FFF; }
.author-slide:nth-child(4n+2) .author-square { right: 0px; background: #e44831; color: #FFF; }
.author-slide:nth-child(4n+3) .author-square { right: 0px; background: #FFF; color: #654a01; }

.author-slide:nth-child(4n+0) .author-slider-name { background: #e0dbcc; color: #654a01; }
.author-slide:nth-child(4n+1) .author-slider-name { background: #b8ac8c; color: #FFF; }
.author-slide:nth-child(4n+2) .author-slider-name { background: #e44831; color: #FFF; }
.author-slide:nth-child(4n+3) .author-slider-name { background: #FFF; color: #654a01; right: 0; }


.author-square.foto img {
  -webkit-transition: transform 500ms ease-in-out;
  -moz-transition: transform 500ms ease-in-out;
  -ms-transition: transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out; 
  }
.author-slide:hover .author-square.foto img { transform: scale(1.15,1.15) rotate(1deg); transform-origin: center center; }
.author-square.foto   { overflow: hidden; }




@media (max-width: 767.99px) { 
  .author-slider-name   { font-size: 0.8rem; line-height: 0.9rem; padding: 4px 8px; }
  .author-text          { font-size: 0.70rem; line-height: 0.9rem; padding: 1rem; }
  /* .author-text          { font-size: 0.9rem; padding: 1rem; } */
  .author-quote-text    { font-size: 1.0rem; line-height: 1.2rem; padding: 1rem; }
}

.section-authors-slider                 { padding-bottom: 30px; }
.section-authors-slider .slick-prev     { left: CALC(50% - 3.6rem);  top: 104%; }
.section-authors-slider .slick-next     { right: CALC(50% - 3.6rem); top: 104%; }

.slick-prev:before {
  font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f060"; font-size: 1.25rem;
}

.slick-next:before {
  font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f061"; font-size: 1.25rem;
}

.slick-prev,
.slick-next           { color: #fff; background-color: #a89c7a; border-color: #a89c7a; padding: .375rem 1.0rem; width: 3rem; height: 3rem; border-radius: 50%; }
.slick-prev:hover,
.slick-next:hover{color:#fff;background-color:#837345;border-color:#837345 }
.slick-prev:focus,.slick-prev.focus,
.slick-next:focus,.slick-next.focus{color:#fff;background-color:#837345;border-color:#837345;box-shadow:0 0 0 .1rem #837345}
.slick-prev.disabled,.slick-prevy:disabled,
.slick-next.disabled,.slick-nexty:disabled{color:#fff;background-color:#d2cbb6;border-color:#d2cbb6}
.slick-prev:not(:disabled):not(.disabled):active,.slick-prev:not(:disabled):not(.disabled).active,.show>.slick-prev.dropdown-toggle,
.slick-next:not(:disabled):not(.disabled):active,.slick-next:not(:disabled):not(.disabled).active,.show>.slick-next.dropdown-toggle{color:#fff;background-color:#a89c7a;border-color:#a89c7a}
.slick-prev:not(:disabled):not(.disabled):active:focus,.slick-prev:not(:disabled):not(.disabled).active:focus,.show>.slick-prev.dropdown-toggle:focus,
.slick-next:not(:disabled):not(.disabled):active:focus,.slick-next:not(:disabled):not(.disabled).active:focus,.show>.slick-next.dropdown-toggle:focus{box-shadow:0 0 0 .1rem #a89c7a}


/* BOOK PAGE */
.ik-ben-cirkel             { width: 30vw; height: 30vw; }
.book-cover                { position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 45vw; }
h2.book-author,
.book-author               { color: #070c0e; font-size: 2rem; }
.book-sub-title            { display: block; }
.book-info                 { color: #9e8e5d;  }
.book-info .label          { color: #070c0f; display: inline-block; width: 10em; }

.inline-popup               { position: relative; background: #FFF; color: #a89c7a; 
                            font-weight: bold; padding: 2px; 
                            width: auto; max-width: 96vw; height: 96vh; 
                            margin: 0px auto 0; }


@media (max-width: 767.99px) { 
  h2.book-author, .book-author { font-size: 1.2em; }
  .boek-technische-info .label,
  .boek-technische-info .data   { display: inline-block; width: 50%; vertical-align: text-top; }
} 


/* VIDEOPLAYER */

.videowrapper               { position: relative; height: 0; padding: 0 0 57.25%; }
    .videowrapper iframe        { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media (min-width: 992px) { 

  .video-slider     { margin-top: -111px; margin-left: 15px; }
  /* .videowrapper     { padding: 0 0 68.25%; } */

}



/* BOOKS IN LIST */
.list-book .book-cover-small { box-shadow: 0px 1px 10px 0.2rem #d8d4c8; }
.list-book:hover .book-cover-small { box-shadow: 0px 1px 10px 0.2rem #a89c79; }
.list-book-announcement {
    color: #e94a34;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

@media (max-width: 767.99px) { 
  section.section-books    { background: #faf7ef url('/images/bg_meridiaan_beige.png') center center repeat-y; }
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #e94a34;
    border-radius: 20px;
}

.nav-pills  { font-weight: 600; }
.nav-link   { color: #987617; }


/* AUTHOR AUTEUR */
.auteur-boekenlinks        { width: 100% }
.auteur-boekenlinks a      { display: block }
.auteurs-list-item         { cursor: pointer; }
/* .auteur-bibliografie       { color: #8a1909; } */
.auteur-bibliografie p     { margin-bottom: 0; }

.auteurs-list-afbeelding img {
  -webkit-transition: transform 400ms ease-in-out;
  -moz-transition: transform 400ms ease-in-out;
  -ms-transition: transform 400ms ease-in-out;
  -o-transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out; 
  }

.auteurs-list-item .auteurs-card                            { transition: all 1s; }
.auteurs-list-item:hover .auteurs-card                      { box-shadow: 0px 1px 10px 0.2rem #d8d4c8; }
.auteurs-list-item:hover .auteurs-list-afbeelding img       { transform: scale(1.1,1.1) rotate(1deg); transform-origin: center center; }
.auteurs-list-afbeelding                                    { overflow: hidden; }

.auteurs-foto              { max-width:100% }


/* Figure */
.figure-caption,
.figure { font-size: 0.9rem; color: #9e8e5d; }


/* WEBSHOP / PRODUCTOVERZICHT */
/* .productoverzicht-wrapper         { background: rgba(255, 255, 255, 0.9); }
  .productoverzicht-title           { font-size: 26px; font-weight: 500; }
  .productoverzicht-intro           { font-size: 18px; border-bottom: 1px solid #d8d7c3; }

  .productoverzicht-highlight             { border-bottom: 1px solid #d8d7c3; }
    .product-image-wrapper.highlight        { margin: 0 0 0 -70px; }
      .product-image-wrapper.highlight img    { max-height: 300px; }

  .product-title                  { flex: 1 0 auto; font-size: 16px !important; font-weight: 700 !important; }
  .product-title.highlight        { font-weight: 600; }

  .product                        { position: relative; flex: 0 0 22%; justify-content: space-between; margin: 0 0 40px; border: 1px solid #d8d7c3; cursor: pointer; }
  .product-popup:hover                  { box-shadow: 0px 1px 8px 0px #d8d4c8 }
    .product .product-details       {
      position: absolute; top: -20px; width: 200px; background: #fff; border: 1px solid #aaa; box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
      z-index: 130; opacity: 0; visibility: hidden; overflow: hidden;
      transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out, width 0s linear 0.2s;
    }

  .productoverzicht-selected      { border-bottom: 1px solid #d8d7c3; }
    .product.selected               { max-width: 500px; margin: 0 auto; border: 0; }

    .product .product-details.visible { min-height: 330px; width: 440px; transition-delay: 0s; visibility: visible; opacity: 1; } 
    .product .product-details .btn    { font-size: 14px; }

  .product-info-container         {  }
    .product-info-title             { font-size: 14px; line-height: 18px; margin: 3px 0px; }
    .product-info                   { font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif; }
    .product-info-link a              { font-size: 14px; color: #000; }

    .product-details .product-info-link a                 { font-size: 14px; color: #e94a34; }
    .product-details .product-info-link .fa-arrow-right   { font-size: 13px; color: #e94a34; }

    .bestelitem                   { border-bottom: 1px solid #d8d7c3; font-size: 13px; color: #000; }
    a.bestelitem:hover            { text-decoration: none; color: #fff; background: #847345; }

    .bestelitem:first-child       { border-top: 1px solid #d8d7c3; }
      .bestelitem-info              { font-weight: 600; }
      .bestelitem-prijs             { font-family: 'Open Sans', sans-serif; }
      .bestelitem-cart              { font-size: 16px; color: #c5a689; }
      a.bestelitem:hover .bestelitem-cart   { color: #fff; }

    .product-info-container .webshop-verschijningsdatum     { color: #e94a34; }

  @media (max-width: 767px) {

    .product                            { flex: 0 0 100%; }
    .product .product-details           { position: relative; top: 0; width: auto; min-height: 0; border: 0; box-shadow: none; background: transparent; z-index: 10; visibility: visible; opacity: 1; }
    .product-title,
    .product-author                     { text-align: center; }
    .product-details-image-wrapper      { margin: 0 0 20px; }
    .product-image-wrapper              { display: none; }
    .product .product-details.visible   { width: auto; }

  } */

  
/* WEBSHOP / PRODUCTOVERZICHT */
  .product-title                  { flex: 1 0 auto; font-size: 16px !important; font-weight: 700 !important; }

  @media (max-width: 767px) {

    .product                            { flex: 0 0 100%; }
    .product .product-details           { position: relative; top: 0; width: auto; min-height: 0; border: 0; box-shadow: none; background: transparent; z-index: 10; visibility: visible; opacity: 1; }
    .product-title,
    .product-author                     { text-align: center; }
    .product-details-image-wrapper      { margin: 0 0 20px; }
    .product-image-wrapper              { display: none; }
    .product .product-details.visible   { width: auto; }

  }

 
  /* SCROLLBARS */
  #shoppingcart ::-webkit-scrollbar {
      width: 9px;
  }
  
  #shoppingcart ::-webkit-scrollbar-track {
      background-color:#EEE;
      border-radius: 6px;
  }
  
  #shoppingcart ::-webkit-scrollbar-thumb {
      border-radius: 6px;
      background-color:#AAA;
  
  }


  .product .btn-outline-primary                           { color: #000; }
    .product .btn-outline-primary .fa-shopping-cart         { color: #987617; }
    .product .btn-outline-primary:hover,
    .product .btn-outline-primary:hover .fa-shopping-cart   { color: #fff; }


    .shopping-cart-button           {   position: fixed; 
                                        right: 0px; top: 50vh; 
                                        width: 56px; height:50px; 
                                        z-index: 5;
                                        border-radius: 25px 0 0 25px;
                                        box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
                                        font-size: 20px; 
                                        padding-top: 9px;
                                        transition: right 0.3s;
                                        color: #987617;
                                        background-color: #fefefd;
                                        border-color: #a89c7a #fff #a89c7a #a89c7a;
                                    }

    .shopping-cart-button.hide      {   right: -80px; }


    #shoppingcart {
      position: fixed; top: 0; right: -300px; height: 100vh; width: 290px; 
      background: #fff; transition: right 0.3s; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); z-index: 999;
    }
      .shoppingcart-title               { font-size: 26px; color: #987617; border-bottom: 1px solid #d8d7c3; }
      
      #shoppingcart .shoppingcart-item                  { margin: 0; border: 0; border-top: 1px solid #d8d7c3; }
      #shoppingcart .shoppingcart-item:first-child      { border-top: 0px solid #FFF; }
      .shoppingcart-image-wrapper img         { max-width: 90%; }
      .shoppingcart-info-row                  { color: #987617; }
      .shoppingcart-info,
      .shoppingcart-price-wrapper,
      .shoppingcart-price-total-wrapper       { font-family: 'Open Sans', sans-serif; }
      .product-shoppingcart-info-wrapper span     { font-family: 'Open Sans', sans-serif; font-size: 14px; }
      /* .product-shoppingcart-info-wrapper h3   { margin: 0; font-size: 14px; } */

      .shoppingcart-info-details              { font-family: 'Open Sans', sans-serif; font-size: 14px; }

    #shoppingcart.active                  { right: 0px; }
        
    #shoppingcart-button                  { height: 50px;
                                            width: 50px;
                                            border-radius: 50%; }

    /* Levertijd */    
    .levertijd-melding              { color: #009605; font-family: 'Open Sans', sans-serif; font-size: 14px; }

  /* SHOPFLOW */
  .shoppingcart                     { background: rgba(255, 255, 255, 0.9); }
  .shoppingcart h1                  { font-size: 2rem; }
  .shoppingcart-wrapper             { border-style: solid; border-color: #b6ae8a #d8d7c3 #d8d7c3; border-width: 5px 1px 1px; }
  .shoppingcart-count-dropdown      { width: 80px; } 
  /* .shoppingcart-remove-item         { font-size: 13px; color: #716b6b; cursor: pointer; } */
  .shoppingcart-remove-item         {
                                    position: absolute;
                                    top: 70px;
                                    right: 10px;
                                    z-index: 10;
                                    width: 36px !important;
                                    height: 36px !important;
                                    padding: 0 0 0 5px !important;
                                    box-sizing: border-box;
                                    border-radius: 25px;
                                    display: none;
                                    align-items: center;
                                    justify-content: center;
                                    }

    .shoppingcart-remove-item-shopflow {
                                    cursor: pointer;
                                    font-family: 'Open Sans', sans-serif;
                                    font-size: 14px;
                                    }

    .shoppingcart-item:hover .shoppingcart-remove-item   { display: flex; }
  
  .accountpage                { background: rgba(255, 255, 255, 0.9); }
  .bordertop                  { border-top: 1px solid #d8d7c3; }
  .borderbottom               { border-bottom: 1px solid #d8d7c3; }
  .accountpage h1               { font-size: 2rem; }
    .accountpage-heading          { margin: 0 0 3px 0; font-size: 15px; font-weight: 600; }
    .accountpage-payment-method   { border-bottom: 1px solid #d8d7c3; }

    .shop-progress-segment        { position: relative; font-size: 12px; }
      .shop-progress-circle         { height: 20px; width: 20px; background: transparent; border: 3px solid #b8aca0; border-radius: 50%; z-index: 15; }
      .shop-progress-guide-left       { position: absolute; top: 31px; left: 0; width: 44%; height: 3px; background: #b8aca0; z-index: 10; }
      .shop-progress-guide-right      { position: absolute; top: 31px; right: 0; width: 44%; height: 3px; background: #b8aca0; z-index: 10; }

      .shop-progress-segment.progress-checked .shop-progress-circle    { position: relative; background: #0eaa60 url('../images/check.svg') center center / 12px auto no-repeat; border-color: #0eaa60; z-index: 20; }
      .shop-progress-segment.progress-active .shop-progress-circle     { border-color: #0eaa60; }

      .shop-progress-segment.progress-checked .shop-progress-guide-left,
      .shop-progress-segment.progress-checked .shop-progress-guide-right,
      .shop-progress-segment.progress-active .shop-progress-guide-left       { background: #0eaa60; }



@media (max-width: 991.99px) { 

  .shoppingcart-legend            { display: none; }

  .shoppingcart-image-wrapper         { align-self: end; margin: 0 0 10px; }
  .shoppingcart-info-wrapper          { margin: 0 0 10px; }
  .shoppingcart-select-wrapper        { text-align: right; }
  .shoppingcart-count-dropdown        { margin: 0 0 0 173px; }

  .shop-progress-guide-left       { width: 42%; }
  .shop-progress-guide-right      { width: 42%; }

}

@media (max-width: 767.99px) { 

  .shoppingcart-image-wrapper           { order: 1; text-align: center; }
  .shoppingcart-select-wrapper          { order: 3; }
    .shoppingcart-count-dropdown          { width: 100%; margin: 0; }
  .shoppingcart-info-wrapper            { order: 2; margin: 0 0 20px; }
  .shoppingcart-price-wrapper           { display: none; }
  .shoppingcart-price-total-wrapper     { order: 4; padding-top: 10px; }

  .shoppingcart-bottom-spacer     { display: none; }

  .shop-progress-guide-left       { width: 39%; }
  .shop-progress-guide-right      { width: 39%; }

}


/* SHOP FORMULIEREN */

.form-control       { color: #000000; }

.form-control-sm    { font-size: 12px; }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cccccc;
    opacity: 1; /* Firefox */
  }
  
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cccccc;
  }
  
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #cccccc;
  }

label   { cursor: pointer; }

.shop-overview-payment-return-message-wrapper       { color: #987617;
                                                    text-align: center;
                                                    margin-right: 3rem!important;
                                                    margin-left: 3rem!important;
                                                    margin-bottom: 1rem;
                                                    font-weight: 600;
                                                    background: #faf7ef;
                                                    font-size: 14px;
                                                    line-height: 18px;
                                                    padding: 17px 32px;
                                                    border: 1px dashed #c7be82;
                                                    }

#formOrderGegevensMessage,                                                
#formOrderBevestigingMessage                        { color: #987617; 
                                                    text-align: center;
                                                    margin-right: 3rem!important; 
                                                    margin-left: 3rem!important;
                                                    margin-bottom: 1rem;
                                                    font-weight: 600;
                                                    }


/* SHOP UW GEGEVENS */

.rows-adres                                         { display: flex; flex-direction: column;  }
.rows-adres.adresnl                                 { flex-direction: row; }
.rows-adres.adresnl #row-aflever_straatnaam         { display: none !important; }
.rows-adres.adresnl #row-aflever_huisnummer         { order: 2; }
.rows-adres.adresnl #row-aflever_postcode           { order: 1; margin-right: 10px; }
.rows-adres.adresnl #row-aflever_plaats             { display: none !important;  }
#row-aflever_adreslabel                             { border: 1px solid #d8d7c3; padding: 1em; 
                                                        -webkit-box-shadow: 1px 2px 3px 0px rgb(199 194 181);
                                                        -moz-box-shadow: 1px 2px 3px 0px rgb(199 194 181);
                                                        box-shadow: 1px 2px 3px 0px rgb(199 194 181);
                                                       
                                                    }
.rows-adres.adresnl #row-factuur_straatnaam         { display: none !important; }
.rows-adres.adresnl #row-factuur_huisnummer         { order: 2; }
.rows-adres.adresnl #row-factuur_postcode           { order: 1; margin-right: 10px; }
.rows-adres.adresnl #row-factuur_plaats             { display: none !important;  }
#row-factuur_adreslabel                             { border: 1px solid #d8d7c3; padding: 1em; 
                                                        -webkit-box-shadow: 1px 2px 3px 0px rgb(199 194 181);
                                                        -moz-box-shadow: 1px 2px 3px 0px rgb(199 194 181);
                                                        box-shadow: 1px 2px 3px 0px rgb(199 194 181);
                                                        
                                                    }

.progress-checked a                                 { color: #0eaa60; }



/* KAFFEEKLATSCH */

.kaffeeklatsch-item p { line-height: 1.4rem; }
.author-image     { width: 45px; height: 45px; border-color: #e1d9c3; border-style: solid; border-width: 1px 2px 3px 2px; }  
.kaffeklatsch-col-left .kaffeeklatsch-item:nth-child(even) {
  display: none;
}
.kaffeklatsch-col-right .kaffeeklatsch-item:nth-child(odd) {
  display: none;
}

.kaffeeklatsch-overzicht .pager { background: #faf7ef; margin-top: 10px; padding: 30px 0px;}



/* Quote-ballonnen */
.quote-item         { display: flex; align-items: center; }
.quote-text-wrapper { background: #ede9dd; order:2; }
.quote-arrow-right .quote-arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 30px solid #ede9dd;
  margin-top: 50px;
  order:3;
}

.quote-arrow-right-center .quote-arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 30px solid #ede9dd;
  order:3;
}


.quote-arrow-left .quote-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 30px solid #ede9dd;
  margin-top: 50px;
  order:1;
}

.quote-arrow-left-center .quote-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 30px solid #ede9dd;
  order:1;
}

/* Newsletter blok */
.bg-newsletter-top    { min-height: 17vw; padding-top: 90px; padding-bottom: 10px; }
.bg-newsletter-bottom { height: 9vw; }

.newsletter.newsletter-beige .bg-newsletter-top { background: url('/images/bg_newsletter_top.png') center top / cover no-repeat; }
.newsletter.newsletter-beige .bg-newsletter-bottom  { background: url('/images/bg_newsletter_bottom.png') center center / cover no-repeat; }
.newsletter.newsletter-red .bg-newsletter-top { background: url('/images/bg_newsletter_red_top.png') center top / cover no-repeat; color: #FFF; }
.newsletter.newsletter-red .bg-newsletter-bottom  { background: url('/images/bg_newsletter_red_bottom.png') center center / cover no-repeat; }
.newsletter.newsletter-red .bg-newsletter-top h3.prefix { color: #FFF; }

#mc_embed_signup form { padding: 0 0 0 0; }

@media (max-width: 767.99px) { 
  .bg-newsletter-top    { min-height: 15vw; padding-top: 80px; padding-bottom: 10px; }
}

@media (min-width: 1000px) { 
  .bg-newsletter-top    { min-height: 13vw; padding-top: 120px; padding-bottom: 10px; }
}


@media (min-width: 1600px) { 
  .bg-newsletter-top    { padding-top: 150px; }
}

@media (min-width: 1900px) { 
  .bg-newsletter-top    { padding-top: 180px; }
}

/* JUMBO SLIDER */
.jumbo-slider-wrapper { height: 35vw; }
.slick-slide.jumbo-slide  { height: 35vw; }
.xs-editmode.preview .jumbo-slider-wrapper,
.xs-editmode.preview .slick-slide.jumbo-slide  { height: auto; }

.jumbo-slide          { position: relative; width: 100%; max-height: 550px; height: 45vw; }
.jumbo-circle         { position: absolute; top: 50%; left: 50%; z-index: 1; width: 1px; height: 1px; background: url('/images/bol.png') 0 0/100% 100% no-repeat; image-rendering: optimizeQuality; /*background: #ded5bb; border-radius: 50%;*/ margin: 0 auto; opacity: 0.7; }

.jumbo-circle-book  img { image-rendering: optimizeQuality; }
.jumbo-circle-small   { position: absolute; width: 1px; height: 1px; background: url('/images/bol.png') 0 0/100% 100% no-repeat; margin: 0 auto; image-rendering: optimizeQuality; }
.jumbo-circle-book    { position: absolute; top: 50%; left: 50%; z-index: 5; width: 1px; height: 1px; 
  transition-delay: 1s; transform-origin: center center;
  -webkit-transition: transform 300ms ease-in-out 1s;
  -moz-transition: transform 300ms ease-in-out 1s;
  -ms-transition: transform 300ms ease-in-out 1s;
  -o-transition: transform 300ms ease-in-out 1s;
  transition: transform 300ms ease-in-out 1s; 
}

.jumbo-slide.animation-start .jumbo-circle-small  {
  transform: scale(180,180); 
  transform-origin: center center; 
  opacity: 0.5;
}

.jumbo-slide.animation-start  .jumbo-circle-small.circle1 { transform: scale(180,180); opacity: 0.5; }
.jumbo-slide.animation-start  .jumbo-circle-small.circle2 { transform: scale(160,160); opacity: 0.85; }
.jumbo-slide.animation-start  .jumbo-circle-small.circle3 { transform: scale(130,130); opacity: 0.75; }
.jumbo-slide.animation-start  .jumbo-circle-small.circle4 { transform: scale(110,110); opacity: 1.0; }
.jumbo-slide.animation-start  .jumbo-circle-small.circle5 { transform: scale(95,95); opacity: 0.45; }
.jumbo-slide.animation-start  .jumbo-circle-small.circle6 { transform: scale(80,80); opacity: 0.9; }

@media (min-width: 1600px) { 
  .jumbo-slider-wrapper,
  .slick-slide.jumbo-slide  { height: 600px; }
  .jumbo-slide.animation-start .jumbo-circle-small { transform: scale(120,120); } 
}

@media (max-width: 1200px) { 
  .jumbo-slider-wrapper,
  .slick-slide.jumbo-slide  { height: 45vw; }
  .xs-editmode.preview .jumbo-slider-wrapper,
  .xs-editmode.preview .slick-slide.jumbo-slide  { height: auto; }
  .jumbo-slide.animation-start .jumbo-circle-small { transform: scale(120,120); } 
}

@media (max-width: 900px) { 
  .jumbo-slider-wrapper,
  .slick-slide.jumbo-slide  { height: 57vw; }
  .xs-editmode.preview .jumbo-slider-wrapper,
  .xs-editmode.preview .slick-slide.jumbo-slide  { height: auto; }

  /* .jumbo-slide.animation-start  .jumbo-circle-small.circle1 { transform: scale(150,150); opacity: 0.5; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle2 { transform: scale(135,135); opacity: 0.85; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle3 { transform: scale(110,110); opacity: 0.75; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle4 { transform: scale(95,95); opacity: 1.0; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle5 { transform: scale(80,80); opacity: 0.45; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle6 { transform: scale(70,70); opacity: 0.9; } */
}

@media (max-width: 500px) { 
  .jumbo-slider-wrapper,
  .slick-slide.jumbo-slide  { height: 65vw; }
  .xs-editmode.preview .jumbo-slider-wrapper,
  .xs-editmode.preview .slick-slide.jumbo-slide  { height: auto; }

  .jumbo-slide.animation-start  .jumbo-circle-small.circle1 { transform: scale(120,120); opacity: 0.5; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle2 { transform: scale(100,100); opacity: 0.85; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle3 { transform: scale(85,85); opacity: 0.75; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle4 { transform: scale(70,70); opacity: 1.0; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle5 { transform: scale(60,60); opacity: 0.45; }
  .jumbo-slide.animation-start  .jumbo-circle-small.circle6 { transform: scale(50,50); opacity: 0.9; }
}


.pos-right-top    { right: CALC(50% - 22vw); top: 90px; z-index: 2; }
.pos-right-center { right: CALC(50% - 20vw); top: 45%; z-index: 2; }
.pos-right-bottom { right: CALC(50% - 18vw); bottom: 14vw; z-index: 2; }

.pos-left-top     { left: CALC(50% - 22vw); top: 90px; z-index: 2; }
.pos-left-center  { left: CALC(50% - 20vw); top: 54%; z-index: 2; }
.pos-left-bottom  { left: CALC(50% - 18vw); bottom: 14vw; z-index: 2; }



.jumbo-slide.animation-start  .jumbo-circle-book {
  transform: scale(250,250);
}
.jumbo-slide.animation-end  .jumbo-circle-book {
  transform: scale(0.01);
}

.jumbo-slide.animation-start  .jumbo-circle {
  transform: scale(200,200);
}

.jumbo-slide.animation-end  .jumbo-circle {
  transform: scale(0.01);
}

.jumbo-quote     { position: absolute; width: 250px; opacity:0; }

.jumbo-slide.animation-start  .jumbo-quote {
  display: block;
  position: absolute;
  opacity:1;
}

.jumbo-slide.animation-start,
.jumbo-slide.animation-end,
.jumbo-circle-small,
.jumbo-circle {
  transform-origin: center center;
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -ms-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms; 
}


.jumbo-circle-book {
  transform-origin: center center;
  -webkit-transition: transform 400ms ease-in 0ms;
  -moz-transition: transform 400ms ease-in 0ms;
  -ms-transition: transform 400ms ease-in 0ms;
  -o-transition: transform 400ms ease-in 0ms;
  transition: transform 400ms ease-in 0ms; 
}

.jumbo-slide.animation-start  .jumbo-circle-small.pos-left-top {
  -webkit-transition: all 500ms ease-in 200ms;
  -moz-transition: all 500ms ease-in 200ms;
  -ms-transition: all 500ms ease-in 300ms;
  -o-transition: all 500ms ease-in 300ms;
  transition: all 500ms ease-in 300ms;
}

.jumbo-slide.animation-start .jumbo-circle-small.pos-left-center {
  -webkit-transition: all 300ms ease-in 500ms;
  -moz-transition: all 300ms ease-in 500ms;
  -ms-transition: all 300ms ease-in 500ms;
  -o-transition: all 300ms ease-in 500ms;
  transition: all 300ms ease-in 500ms;
}

.jumbo-slide.animation-start .jumbo-circle-small.pos-left-bottom {
  -webkit-transition: all 300ms ease-in 800ms;
  -moz-transition: all 300ms ease-in 800ms;
  -ms-transition: all 300ms ease-in 800ms;
  -o-transition: all 300ms ease-in 800ms;
  transition: all 300ms ease-in 800ms;
}

.jumbo-slide.animation-start .jumbo-circle-small.pos-right-top {
  -webkit-transition: all 300ms ease-in 700ms;
  -moz-transition: all 300ms ease-in 700ms;
  -ms-transition: all 300ms ease-in 700ms;
  -o-transition: all 300ms ease-in 700ms;
  transition: all 300ms ease-in 700ms;
}

.jumbo-slide.animation-start .jumbo-circle-small.pos-right-center {
  -webkit-transition: all 400ms ease-in 1300ms;
  -moz-transition: all 400ms ease-in 1300ms;
  -ms-transition: all 400ms ease-in 1300ms;
  -o-transition: all 400ms ease-in 1300ms;
  transition: all 400ms ease-in 1300ms;
}

.jumbo-slide.animation-start .jumbo-circle-small.pos-right-bottom {
  -webkit-transition: all 300ms ease-in 900ms;
  -moz-transition: all 300ms ease-in 900ms;
  -ms-transition: all 300ms ease-in 900ms;
  -o-transition: all 300ms ease-in 900ms;
  transition: all 300ms ease-in 900ms;
}


.text-left-top      { left: CALC(50% - 510px); top: 2vw; z-index: 5; }
.text-left-center   { left: CALC(50% - 510px); top: 35%; z-index: 5; }
.text-left-bottom   { left: CALC(50% - 480px); bottom: 1vw; z-index: 5; }

.text-right-top      { right: CALC(50% - 490px); top: 2vw; z-index: 5; }
.text-right-center   { right: CALC(50% - 510px); top: 39%; z-index: 5; }
.text-right-bottom   { right: CALC(50% - 480px); bottom: 1vw; z-index: 5; }

@media (min-width: 800px ) and (max-width: 1000px) {

  .text-left-top      { left: CALC(50% - 350px); top: 2vw; z-index: 5; }
  .text-left-center   { left: CALC(50% - 360px); top: 35%; z-index: 5; }
  .text-left-bottom   { left: CALC(50% - 370px); bottom: 1vw; z-index: 5; }

  .text-right-top      { right: CALC(50% - 450px); top: 2vw; z-index: 5; }
  .text-right-center   { right: CALC(50% - 460px); top: 39%; z-index: 5; }
  .text-right-bottom   { right: CALC(50% - 440px); bottom: 1vw; z-index: 5; }

}



/* Quote blokken positie + Animatie */
/* #q3-1-1 { left: CALC(50% - 490px); top: 12vw; z-index: 5; }
#q3-1-2 { right: CALC(50% - 510px); top: 2vw; z-index: 5; }
#q3-1-3 { right: CALC(50% - 480px); bottom: 1vw; z-index: 5; }

#q3-2-1 { right: CALC(50% - 510px); top: 12vw; z-index: 5; }
#q3-2-2 { left: CALC(50% - 510px); top: 2vw; z-index: 5; }
#q3-2-3 { left: CALC(50% - 480px); bottom: 0; z-index: 5; } */

.jumbo-quote#q3-1 {
  transform-origin: center center;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.jumbo-quote#q3-2 {
  transform-origin: center center;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.jumbo-quote#q3-3 {
  transform-origin: center center;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.jumbo-quote#q3-4 {
  transform-origin: center center;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

/* BOOKS IN LIST */
@media (max-width: 10px) { 
  .jumbo-slide.animation-start .jumbo-quote,
  .jumbo-slide.animation-end .jumbo-quote,
  .jumbo-quote     { display: none; }
  .jumbo-slide.animation-start  .jumbo-circle-book { transform: scale(200,200); }
  .jumbo-slide.animation-start  .jumbo-circle { transform: scale(160,160); }
}
@media (min-width: 500px) { 
  .jumbo-slide.animation-start .jumbo-quote,
  .jumbo-slide.animation-end .jumbo-quote,
  .jumbo-quote     { display: none; }
  .jumbo-slide.animation-start  .jumbo-circle-book { transform: scale(250,250); }
  .jumbo-slide.animation-start  .jumbo-circle { transform: scale(250,250); }
}
@media (min-width: 600px) { 
  .jumbo-slide.animation-start .jumbo-quote,
  .jumbo-slide.animation-end .jumbo-quote,
  .jumbo-quote     { display: none; }
  .jumbo-slide.animation-start  .jumbo-circle-book { transform: scale(300,300); }
  .jumbo-slide.animation-start  .jumbo-circle { transform: scale(300,300); }
}
@media (min-width: 700px) { 
  .jumbo-slide.animation-start .jumbo-quote,
  .jumbo-slide.animation-end .jumbo-quote,
  .jumbo-quote     { display: none; }
  .jumbo-slide     { height: 700px; }
  .jumbo-slide.animation-start  .jumbo-circle-book { transform: scale(350,350); }
  .jumbo-slide.animation-start  .jumbo-circle { transform: scale(350,350); }
}
@media (min-width: 900px) { 
  .jumbo-slide.animation-start .jumbo-quote,
  .jumbo-slide.animation-end .jumbo-quote,
  .jumbo-quote     { display: block!important; }
  .jumbo-quote h4   { font-size: 1.0rem; line-height: 18px;}
  .jumbo-quote p    {font-size: 13px; line-height: 18px; } 
  .jumbo-slide     { height: 700px; }
  .jumbo-slide.animation-start  .jumbo-circle-book { transform: scale(400,400); }
  .jumbo-slide.animation-start  .jumbo-circle { transform: scale(360,360); }
}
@media (min-width: 1100px) { 
  .jumbo-slide.animation-start .jumbo-quote,
  .jumbo-slide.animation-end .jumbo-quote,
  .jumbo-quote     { display: block!important; }
  .jumbo-quote h4   { font-size: 1.2rem; line-height: 22px;}
  .jumbo-quote p    {font-size: 14px; line-height: 21px; } 
  .jumbo-slide      { height: 700px; }
  .jumbo-slide.animation-start  .jumbo-circle-book { transform: scale(500,500); }
  .jumbo-slide.animation-start  .jumbo-circle { transform: scale(425,425); }
}
@media (min-width: 1280px) { 
  .jumbo-quote h4   { font-size: 1.3rem; line-height: 25px;}
  .jumbo-quote p    {font-size: 16px; line-height: 24px; } 
}




/* MENU */
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.navbar   { position: fixed; top: 0px; left: 0px; width: 100%; height: 150px; z-index: 25;  background: #faf7ef url('/images/bg_meridiaan.png') center center repeat-y; padding: 10px 1rem; 
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
}

.xs-editmode .navbar   { top: 35px; } 

@media (max-width: 900px) { 
  .hide-button-text { display: none; }
}

body.scrolling .navbar { height: 101px; 
  -webkit-box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
  -moz-box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
  box-shadow: 2px 3px 14px -1px rgba(164,155,129,0.74);
  opacity: 0.90;
}

.navbar-brand {
  /* position: fixed;
  left: CALC(50% - 42px);
  top: 10px; */
  padding: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
}

.navbar-brand img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
}

body.scrolling  .logo-wrapper {
  transform-origin: top center;
  transform: scale(0.65) translate(0px, 0px)  ;
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -ms-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms; 
}

body.scrolling  img.logo { 
  /* transform-origin: top center;
  transform: scale(0.7) translate(0px, 0px)  ;
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -ms-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;  */
}

.btn-menu   {
  background: #faf7ef;
  color: #b8ad8c;
  margin-top: 30px;
  font-size:1.3rem;
}

body.scrolling  .btn-menu   {
  transform: translate(0px, -10px)  ;
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -ms-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms; 
}

#sidebar {
  width: CALC(50% + 1px);
  position: fixed;
  top: 0;
  left: -55%;
  height: 100vh;
  z-index: 999;
  background: #eeebe3 url('/images/logo_meridiaan_transparent.png') CALC(100% + 42px) 9px no-repeat;
  color: #fff;
  transition: all 0.3s;
  overflow-y: scroll;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

body.scrolling #sidebar {
  background: #eeebe3 url('/images/logo_meridiaan_transparent.png') CALC(100% + 27px) 10px no-repeat;
  background-size: 55px;

}

#sidebar.active {
  left: 0;
}

#dismiss {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  top: 40px;
  left: 50px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #b8ad8c;
  font-size: 1.2rem;
}
#dismiss:hover {
  color: #837345;
}

.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
  display: none;
}

#sidebar .sidebar-header {
  padding: 20px;
}

#sidebar ul.components {
  padding: 20px 80px 20px 50px;
}

#sidebar ul p {
  color: #fff;
  padding: 10px;
}

#sidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  color: #070c0e;
  display: block;
  border-top: 1px solid #e1d9c3;
}
#sidebar ul li a:hover {

}

#sidebar ul li.active > a, a[aria-expanded="true"] {
  color: #fff;
  background: #070c0e;
}


a[data-toggle="collapse"] {
  position: relative;
}

@media (max-width: 500px) { 
  #sidebar ul.components  { padding: 20px 10px 20px 10px; }
  .search-input           { width: 5rem; }
  #sidebar ul li a        { font-size: 1.0em; line-height: 20px; }
  #dismiss                { left: 20px; }
}


/* SEARCH */
.search-input   { border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding-left: 1rem;  }
.search-button  { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }


/* FORMULIER */
.xsformbuilder_small_textbox    { display: none; }
.xsInPageAddContent a           { display: inline-block; padding: 5px 15px; font-size: 15px; font-weight: bold; color: #FFF; background: #64bf0b; border-radius: 6px; margin-bottom: 15px; text-decoration: none;   
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
.xsInPageAddContent a:hover     { background: #7eda25; border-radius: 10px; }

/* SEARCH RESULTS */
.xsearch-laatst-gewijzigd       { display: none }
.zoekform                       { max-width: 520px; }

/* PAGER */
.pager                    { margin-bottom: 10px; }
.pager a                  { padding: 5px 5px; text-align: center; }
.page-number              { min-width: 38px; min-height: 38px; margin-right: 5px; }
.page-number:hover        { min-width: 38px; min-height: 38px; margin-right: 5px; }
.pager a.pager-previous-arrow     { display: none; }
.pager a.pager-first-last-arrow   { display: none; }
.pager a.pager-next-arrow         { display: none; }


/* .page-number.activepage   { border-radius: 30px; background: #af954c; color: #FFF; } */


/* HOMEPAGE MESSAGE */
.message-wrapper { 
  position: fixed; 
  bottom: -300px; left: 0px; 
  width:100%; height:201px; 
  z-index: 100; 
  background: url('/images/bg_message-bar.png') 0 0 repeat-x; 
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
} 

.message-smoother {
  -webkit-transition: bottom 300ms ease-in-out 5s;
  -moz-transition: bottom 300ms ease-in-out 5s;
  -ms-transition: bottom 300ms ease-in-out 5s;
  -o-transition: bottom 300ms ease-in-out 5s;
  transition: bottom 300ms ease-in-out 5s;
}

.message-wrapper.visible  {
  bottom: 0px;
}

.message-wrapper .message-text { 
  color: #987617;
  font-weight: 600;
  font-size: 1.0rem;
  line-height: 1.1rem;
  height: 93px;
 }

@media (min-width: 700px) { 
  .message-wrapper .message-text { 
  font-size: 1.2rem;
  line-height: 1.3rem;
  }
}