html { height: 100%; overflow-y:scroll; }
body {
height: 100%; margin: 0; padding: 0px;
background: linear-gradient(#fff, #edeceb) fixed; font: 400 16px/24px 'Open Sans',arial,'sans-serif';
}
H1 { margin: 0 0 30px; font-weight: 300; font-size: 42px; line-height: 44px; }
H2,H3,H4,H5,H6 { font-weight: 700; line-height:1.1em; margin: 0; }
H2 { margin: 0 0 10px; font-weight: 900; font-size: 20px; }
H3 { margin: 0 0 10px; font-size: 16px; }
H4 { font-size: 18px; }
H5 { font-size: 16px; }
H6 { font-size: 16px; }
@media only screen and (max-width: 770px) {
H1 { font-size: 30px; line-height: 32px; }
H2 { font-size: 18px; }
}
a,
a:hover { color: #000; }
p { margin: 0; }
ol,ul { padding-left: 20px; }
/* ::placeholder { font-style: italic; color: #bcbcbc; } */
.borderleft { border-left: 1px solid #e5e5e5; }
.borderright { border-right: 1px solid #e5e5e5; }
.whitespace { margin: 0 0 15px; }
label { cursor: pointer; }
.non-footer { min-height: 100%; margin: 0 0 -289px; }
div.product-panel-content a,
div.artikel a,
div.artikel-content a,
a.underlined { text-decoration: underline; }
div.product-panel-content a.btn,
div.artikel a.btn,
div.artikel-content a.btn { text-decoration: none !important; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: #CCC;
box-shadow: 0 1px 1px #FFF inset, 0 0 8px #CCC;
outline: 0 none;
}
FORM label { cursor: pointer; font-weight: normal; }
/**
* Bootstrap overrules
*/
.btn { display: inline-flex; border-radius: 0; text-shadow: none; font-size: 0.9rem; }
.btn-primary:focus,
.btn-primary:active,
.btn-primary { border: 1px solid #000; background: #fff; color: #000; font-weight: 700; box-shadow: none; text-shadow: none; }
.btn-primary:hover { background: #000; color: #fff; box-shadow: none; }
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary { border: 1px solid #000; background: #000; color: #fff; font-weight: 700; box-shadow: none; text-shadow: none; }
.btn-secondary:hover { background: #fff; color: #000; box-shadow: none; }
.btn-primary.shop { border: 1px solid #000; background: #fff; color: #000; font-weight: 700; box-shadow: none; text-shadow: none; }
.btn-primary.shop:focus,
.btn-primary.shop:active,
.btn-primary.shop:hover { background: #000; color: #fff; box-shadow: none; text-decoration: none; }
.btn-secondary.shop:focus,
.btn-secondary.shop:active,
.btn-secondary.shop { border: 1px solid #000; background: #000; color: #fff; font-weight: 700; box-shadow: none; text-shadow: none; }
.btn-secondary.shop:hover { background: #fff; color: #000; box-shadow: none; text-decoration: none; }
.btn .fa-angle-right { font-size: 20px; margin-left: 10px; vertical-align: bottom; }
.btn .fa-angle-left { font-size: 20px; margin-right: 10px; vertical-align: bottom; }
.btn .fa-book { font-size: 20px; margin-left: 10px; vertical-align: bottom; }
/* .btn-text { margin: 0 10px 0 0; } */
.btn-primary.block,
.btn-secondary.block { display: inline-block; margin: 0 0 10px; }
.btn.tijdschrift { display: flex; justify-content: space-between; width: 280px; padding: 10px 15px; text-align: left; }
.panel { box-shadow: none; border: none; border-radius: 0; }
.center { display: block; text-align: center; }
.btn-secondary.inactive { background: #ccc; border-color: #ccc; cursor: not-allowed; }
.btn-secondary.inactive:hover { background: #ccc; border-color: #ccc; color: #fff; }
/* xsite */
.xspreview-topmenu a:hover { color: #fff !important; }
.xspreview-topmenu-link.switch:hover { color: #fff !important; }
.xspreview-xspages-submenu-item { width:290px !important; }
#tpm_dashboard { width:196px !important; }
.xsite-modules-menu .xspreview-xspages-topmenu-item { width: 196px !important; }
.xspreview-topmenu-publish .pageMenuItemPublishLink { height: unset !important; }
.divgumbuttons img { float: left; }
/**
* Top bar
*/
.top-bar { padding: 5px 0 0; background: #000; }
.top-bar-content-wrapper { display: flex; justify-content: space-between; width: 1150px; margin: 0 auto; }
.top-bar-tabs-container { display: flex; justify-content: flex-start; font-weight: 700; }
.top-bar-tab { display: flex; justify-content: flex-start; cursor: pointer; }
.top-bar-tab.inactive:hover .top-bar-tab-label { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+14,ffffff+49,ffffff+100 */
border: 0px;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(242,242,242,1) 14%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(242,242,242,1) 14%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(242,242,242,1) 14%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.top-bar-tab.inactive:hover .top-bar-tab-side { border-bottom: 38px solid #FFF; }
.top-bar-tab-label { padding: 6px 15px 4px; background: #e1e1e1; color: #000 !important; }
.top-bar-tab-label.label-shop { width: 100px; }
.top-bar-tab-label:hover { border: 0px; }
.top-bar-tab-side { height: 0; width: 0; border-bottom: 38px solid #e1e1e1; border-right: 20px solid transparent; }
.active .top-bar-tab-label { background: #fff; }
.active .top-bar-tab-side { border-bottom: 38px solid #fff; }
.top-bar-right-container { display: flex; justify-content: flex-end; align-items: center; width: 400px; color:#fff; font-size: 14px; }
.top-bar-right-container .fa { margin: 1px 5px 0 0; }
.top-bar-right-container .top-button-inloggen { white-space: nowrap; }
@media only screen and (min-width: 770px) {
.top-bar-right-container .top-button-inloggen { margin-right: 1.5rem; }
.top-bar-right-container .top-button-cart { margin-right: 1.5rem; }
}
.top-bar a { color: #fff; }
.top-bar a:hover { text-decoration: none; }
.top-button-lang { cursor: pointer; white-space: nowrap; }
.top-button-cart { position: relative; }
.mobile-menu-toggle { display: none; cursor: pointer; }
.mobile-search-toggle { display: none; cursor: pointer; }
.ipaccessbutton { font-weight: 700; }
/* DROPDOWN ACCOUNT */
.account-dropdown-top-wrapper { position: absolute; left: -65px; top: 20px; width: 300px; padding: 35px 0 0; display: none; z-index: 85; }
.account-dropdown-top-arrow-up {
position: absolute; left: calc(50% - 10px); top: 20px; width: 0; height: 0;
border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #000;
}
.account-dropdown-top { font-size: 16px; padding: 15px 20px 15px; background: #fff; color: #000; box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3); border-top: 3px solid #000; }
.account-dropdown-top .btn { display:inline-block; width: 100%; text-align: center; margin-top: 10px; }
.account-dropdown-content { margin-bottom: 10px; }
.top-button-inloggen { position: relative; display: inline-block; }
.top-button-inloggen:hover .account-dropdown-top-wrapper { display: block; }
/* INLOGGEN */
#form-inloggen h2 { margin-bottom: 25px; }
#form-accountaanmaken h2 { margin-bottom: 25px; }
/* DROPDOWN BASKET */
.shopping-basket-top-wrapper { position: absolute; left: -65px; top: 20px; width: 300px; padding: 35px 0 0; display: none; z-index: 85; }
.shopping-basket-top-arrow-up {
position: absolute; left: calc(50% - 10px); top: 20px; width: 0; height: 0;
border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #000;
}
.shopping-basket-top { padding: 0 20px 15px; background: #fff; color: #000; box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3); border-top: 3px solid #000; }
.shopping-basket-top-title { margin: 0 0 10px; padding: 10px 0; font-weight: 700; font-size: 17px; border-bottom: 1px solid #ccc; }
.shopping-basket-top-product { display: flex; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.shopping-basket-top-product-image { width: 50px; margin: 0 15px 0 0; flex-shrink: 0; }
.shopping-basket-top-product-image img { width: 100%; }
.shopping-basket-top-product-info { display: flex; flex-flow: row wrap; }
.shopping-basket-top-product-title { width: 100%; line-height: 18px; }
.shopping-basket-top-product-count { width: 50%; font-size: 12px; }
.shopping-basket-top-product-price { width: 50%; text-align: right; font-size: 12px; }
.shopping-basket-top-total { display: flex; padding: 5px 0; margin: 0 0 15px; border-bottom: 1px solid #ccc; }
.shopping-basket-top-total-label { width: 50%; }
.shopping-basket-top-total-amount { width: 50%; text-align: right; }
.shopping-basket-top .btn { display:inline-block; width: 100%; text-align: center; margin-top: 10px; }
.top-button-cart:hover .shopping-basket-top-wrapper { display: block; }
@media only screen and (max-width: 1190px) {
.top-bar-content-wrapper { width: auto; padding: 0 20px; }
.shopping-basket-top-wrapper { left: -90px; }
.shopping-basket-top-arrow-up { top: 20px; }
.vervolg-breed .shopping-basket-top-wrapper { left: -240px; }
.vervolg-breed .shopping-basket-top-arrow-up { left: calc(89% - 10px); }
}
@media only screen and (max-width: 770px) {
.top-bar-tab-label span { display: none; }
.top-bar-right-container { justify-content: flex-start; position: absolute; top: 96px; height: 45px; left: 0; width: 100%; background: #000; }
.top-bar a { padding: 7px 20px; border-left:1px solid #717171; }
.top-button-cart { flex: 0 0 auto; }
.cart-counter-parenthese { display: none; }
.cart-count { font-weight: 600; font-size: 17px; }
.top-button-label { display: none; }
.top-bar-right-container .fa { font-size: 20px; }
.mobile-menu-toggle { display: block; width: 100%; padding: 10px 20px; border: 0; background: #000; color: #fff; }
.mobile-search-toggle { display: block; padding: 10px 10px 10px 15px; border: 0; border-left:1px solid #717171; background: #000; color: #fff; }
.top-button-lang { position: absolute; top: -86px; right: 5px; }
.top-button-lang img { height: 16px; }
.top-button-lang a { padding: 7px; }
.shopping-basket-top-wrapper { left: -190px; top: 40px; z-index: 80; }
.shopping-basket-top-arrow-up { left: calc(71% - 10px); }
.account-dropdown-top-wrapper { left: -129px; top: 40px; }
.top-button-inloggen:hover .account-dropdown-top-wrapper { display: none; }
}
/**
* Header
*/
.header-wrapper { width: 1190px; margin: 0 auto; padding: 0 20px; }
.header { display: flex; justify-content: space-between; padding: 25px 0; }
.header-logo-wrapper a { display: flex; align-items: flex-start; text-decoration: none; }
.header-logo { width: 313px; }
.header-logo-payoff { width: 250px; margin: 4px 20px 0; padding: 5px 10px; border-top: 3px solid #000; font:400 italic 14px/18px georgia, serif; color: #2e2d2d; }
.header-search-wrapper { padding: 5px 7px; border: 1px solid #ccc; align-self: flex-start; font-size: 15px; background: #fff; }
.header-search-wrapper label { margin-bottom: 0; }
.header-search-wrapper form { display: flex; width: 100%; }
.header-search-input { width: 290px; padding: 5px 10px; border: 0; }
.header-search-select { width: 130px; margin: 0 10px 0 0; padding: 5px 10px; border: 1px solid #ccc; font-weight: 600; font-size: 14px; }
.header-search-button { border: 0; background: #fff; font-weight: 700; padding: 0px 13px; }
.header-search-button:hover { background: #000; color: #FFF; }
.header-search-close { display: none; }
@media only screen and (max-width: 1190px) {
.header-wrapper { width: auto; padding: 0 20px; }
.header-logo-payoff { display: none; }
.header-search-input { width: 175px; }
}
@media only screen and (max-width: 770px) {
.header { padding: 10px 0 80px; }
.header-logo { width: 60%; }
.header-search-wrapper {
position: absolute; align-items: center; justify-content: space-between; left: 0; top: 96px; width: 100%; height: 46px;
background: #e1e1e1; border: none; display: none;
}
.header-search-input { width: 90%; background: transparent; border-bottom: 1px solid #adadad; }
.header-search-wrapper ::placeholder { color: transparent; }
.header-search-select { display: none; }
.header-search-button { background: transparent; font-size: 20px; }
.header-search-button span { display: none; }
.header-search-button:after { content: '\f002'; font-family: FontAwesome; }
.header-search-close { display: block; margin: 0 5px 0 15px; padding-top: 3px; cursor: pointer; }
}
/**
* Menu
*/
.main-menu-toggle-mobile-overlay { position: absolute; top: 96px; left: 0; height: 69px; width: 100%; background: #fff; z-index: 90; display: none; }
.main-menu-toggle-mobile-overlay.open { display: block; cursor: pointer; }
.main-menu-toggle-mobile-overlay img { margin: 13px 0 0 21px; }
.main-menu-wrapper { display: flex; width: 1190px; margin: 0 auto; padding: 0 20px; }
body.index .menu { margin: 0 0 20px; }
.menu { margin: 0 0 35px; display: flex; align-items: center; }
.menu-wrapper { position: relative; display: inline-block; }
.menu-button {
position: relative; display: inline-block; width: 160px; margin: 0 7px 0 0; padding: 10px 20px; background: #e12f29;
border:1px solid #e12f29; color: #fff; font-weight: 700; cursor: pointer; z-index: 182; line-height: 18px;
}
.menu-button::before { position: absolute; top:center; right: 15px; content: '\f105'; font-family: FontAwesome; font-size: 20px; }
.menu-button.dd:hover::before { content: '\f107'; }
a.menu-button { text-decoration: none; color: #fff; }
a.menu-button:hover { background: #fff; color: #000; border-color: #c5c3c3; }
.menu-button-elp-container { margin-left: auto; }
.menu-button-elp-container span { font: 400 italic 16px/18px georgia, serif; color: #333; }
a.menu-button.menu-button-elp { background: #fff; color: #000; border-color: #c5c3c3; margin-left: 5px; margin-right: 0; text-decoration: none; width: 240px !important; z-index: 5; }
a.menu-button.menu-button-elp:hover { background: #000; color: #fff; border-color: #000; }
.books-menu-wrapper:hover .dropdown-menu.books-menu { display: block; }
.menu-button.dropdown-toggle::after { content: ""; display: none; }
.books-menu { width: 100vw; padding: 0.5rem 1.5rem 1.5rem; font-size: 0.95rem; }
@media only screen and (min-width: 770px) {
.books-menu { width: 60vw; }
}
.main-menu-section { padding: 20px 25px 0; }
.main-menu-section-title { margin: 0 0 10px; font-weight: 600; }
.main-menu-list { column-count: 2;column-gap: 20px; }
.main-menu-list.en-active { column-count: 1; }
/* .main-menu-list-column { width: 50%; } */
.main-menu-link { display: block; position: relative; padding: 0 0 2px 12px; color: #000; letter-spacing: -0.01em; }
.main-menu-link:before { position: absolute; top: 0; left: 0; content: '\f105'; font-family: FontAwesome; }
.main-menu-link.all-books { display: block; margin: 10px 0 20px; font-weight: 600; color:#333; }
.menu-wrapper:hover .menu-button { background: #fff; color:#000; border-color: #c5c3c3 #c5c3c3 #fff; }
.menu-wrapper:hover .main-menu { display: block; }
@media only screen and (max-width: 1190px) {
.main-menu-wrapper { width: auto; }
}
@media only screen and (max-width: 950px) {
.menu-button-elp-container span { display: none; }
}
@media only screen and (max-width: 770px) {
.main-menu-wrapper { padding: 0; background: #fff; }
.menu-wrapper { width: 100%; }
.menu { display: none; }
.menu.open { display: block; }
.open .main-menu { padding: 0; }
.open .menu-button { display: block; width: 100%; text-align: left; background: #000; border: none; }
.open .menu-wrapper:hover .menu-button,
.open a.menu-button:hover { background: #b1b1b1; color: #fff; }
.open .menu-button.dd:hover::before { content: '\f105'; }
.open .menu-button.dd { margin: 0 0 10px; }
.open .main-menu { display: block; position: relative; top: 0; width: auto; border: none; }
.open .main-menu-section { padding: 0; }
.open .main-menu-list { display: flex; flex-flow: column nowrap; margin: 0 0 15px; }
.open .main-menu-list-column { width: auto; }
.main-menu-link { padding: 7px 0 7px 32px; border-bottom: 1px solid #eee; }
.main-menu-link:before { top: 6px; left: 20px; }
.main-menu-list { border-top: 1px solid #eee; }
.main-menu-section-title { margin: 0 0 10px 20px; font-weight: 800; }
a.menu-button.menu-button-elp {
width: 100% !important;
background: #000;
color: #fff;
margin-left: 0px;
}
}
.journals-button-homepage {
position: relative; display: block; margin: 0 0 20px; padding: 10px 20px; background: #e12f29; border:1px solid #e12f29;
font-weight: 100; line-height: 32px; font-size: 26px; color: #fff; text-align: center;
}
.journals-button-homepage::before { position: absolute; top:center; right: 15px; content: '\f105'; font-family: FontAwesome; font-size: 30px; }
.journals-button-homepage:hover { background: #fff; color: #000; border-color: #c5c3c3; text-decoration: none; }
/**
* Page
*/
.page { width: 1150px; margin: 0 auto; }
.breadcrumb-wrapper { display: flex; margin: 0 0 7px; font-size: 15px; }
.product .breadcrumb-wrapper { margin: 0 0 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breadcrumb-link { color: #000; }
.breadcrumb-divider { margin: 0 10px; }
@media only screen and (max-width: 1190px) {
.page { width: auto; padding: 0 20px; }
}
@media only screen and (max-width: 770px) {
.breadcrumb-wrapper { display: none; }
}
/**
* Sliders
*/
.slick-slider { margin: 0; }
.slider-wrapper { position: relative; margin: 0 0 20px; z-index: 70; height: 400px; overflow: hidden; }
.slide:nth-of-type(odd) { height: 400px; background: url('../images/slider-bg5.png') right 0 / auto 100% no-repeat; }
.slide:nth-of-type(even) { height: 400px; background: url('../images/slider-bg6.png') right 0 / auto 100% no-repeat; }
a.slide:hover { text-decoration: none; }
.slide-content-wrapper { position: relative; display: flex; justify-content: center; height: 355px; padding: 45px 0 0; }
.slide-image-wrapper { position: relative; width: 315px; margin: 0 60px 0 0; }
.slide-image-shadow { position: absolute; top: 20px; left: 13px; width: 100%; height: 110%; background: #000000; z-index: 20; opacity: 0.2; box-shadow: 0px 0px 5px #000; }
.slide-image { position: relative; width: 100%; z-index: 25; }
.slide-title-wrapper {
display: flex; justify-content: center; flex-flow: column;
width: 440px; color: #ffdfba; font-size: 36px; line-height: 40px; font-weight: 300;
}
.slide-title-wrapper .btn { width: 165px; margin: 20px 0 0; justify-content: center; }
.slider .slick-prev::before { color: #ffdfba; }
.slider .slick-next::before { color: #ffdfba; }
/* .slider { background: url('../images/slider-bg4.png') right 0 / auto 100% no-repeat; } */
@media only screen and (max-width: 1000px) {
.slide-title-wrapper { width: 330px; font-size: 30px; }
}
@media only screen and (max-width: 800px) {
.slide-image-wrapper { width: 40%; }
.slide-title-wrapper { width: 40%; }
.slider .slick-prev { left: 0; }
.slider .slick-next { right: 0; }
}
@media only screen and (max-width: 600px) {
.slide-content-wrapper { height: 100%; padding: 35px 0 0; }
.slide-image-wrapper { width: auto; width: 30%; margin: 0; }
.slide-image-shadow { display: none; }
.slide-image { box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.25); }
.slide-title-wrapper { position: absolute; display: block; bottom: 0; width: 100%; padding: 0 20px 20px; font-size: 26px; line-height: 28px; text-align: center; z-index: 30; }
.slide-title-wrapper .btn { display: flex; margin: 20px auto 0; }
}
@media only screen and (max-width: 400px) {
.slide-image-wrapper { width: 40%; }
}
.books-slider-wrapper { max-height: 710px; margin: 0 0 20px; padding: 10px 25px 0; background: #fff; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; overflow: hidden; }
.books-slider-wrapper h2 { margin-top: 10px; }
.books-slide { margin: 0 8px; float: left; width: 204px; }
.books-slide-info-wrapper { padding: 15px 10px; }
.books-slide-cover { position: relative; width: 100%; max-width: 204px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); border: 1px solid #CCC; }
.books-slide-cover-wrapper { position: relative; }
.books-slide-status {
position: absolute; top: 247px; right: 0; display: flex; align-items: center; justify-content: center; height: 36px; width: 100px; background: #f2f2f1;
font-size: 14px; line-height: 12px; font-weight: 800; text-transform: uppercase; text-align: center;
}
.books-slide-status.small { font-size: 12px; }
.books-slide-info-wrapper { word-wrap: break-word; line-height: 18px; }
.books-slide-title { font-weight: 900; font-size: 14px; }
.books-slide-subtitle { line-height: 18px; font-size: 14px; }
.books-slide-authors { padding: 5px 0; font-size: 12px; color: #626262; }
.books-slide-price { font-weight: 900; font-size: 14px; }
.books-slider-top { display: flex; justify-content: space-between; align-items: center; }
.books-slider-top-link { position: relative; padding: 0 12px 0 0; font-weight: 600; font-size: 14px; }
.books-slider-top-link:after { position: absolute; top: 0; right: 0; content: '\f105'; font-family: FontAwesome; }
.events-slider-wrapper { margin: 0 0 20px; padding: 25px 25px; background: #fff; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
.events-slide { margin: 0 4px; padding: 20px; background: #f4f3f2; }
.events-slide-date { width: 100%; }
.events-slide-title { font-weight: 900; font-size: 15px; line-height: 21px; }
.events-slider-wrapper .slick-track { display: flex; }
.events-slider-wrapper .slick-slide { float: none; height: auto; }
.slick-prev::before { content: '\f104'; font-family: FontAwesome; }
.slick-next::before { content: '\f105'; font-family: FontAwesome; }
.events-slider .slick-prev,
.books-slider .slick-prev { left: -35px; }
.events-slider .slick-next,
.books-slider .slick-next { right: -35px; }
.events-slider .slick-prev::before,
.events-slider .slick-next::before,
.books-slider .slick-prev::before,
.books-slider .slick-next::before { color: #000; font-size: 30px; }
.books-slider-wrapper.product { padding: 25px 25px 50px; }
.product .sidebar .slick-prev { left: 0; bottom: -28px; top: unset; width: 30px; height: 30px; border: 1px solid #b2b2b2; }
.product .sidebar .slick-prev::before { font-size: 17px; }
.product .sidebar .slick-next { left: 36px; bottom: -28px; top: unset; width: 30px; height: 30px; border: 1px solid #b2b2b2; }
.product .sidebar .slick-next::before { font-size: 17px; }
.books-slide a { text-decoration: none; }
.books-slide a:hover .books-slide-title { text-decoration: underline; }
/**
* Content
*/
.content-block-wrapper {
display: flex; justify-content: space-between; margin: 0 0 20px; background: #fff;
border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px;
}
.content-block-wrapper-double { display: flex; justify-content: space-between; margin: 0 0 20px; }
.content-block-wrapper-double-column { width: calc(50% - 10px); background: #fff; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
.content-block { padding: 25px 35px; }
.content-block-intro { margin: 0 0 10px; }
.content-block-intro.columns { column-count: 3; column-width: 100px; }
.content-block-intro.columns.en-active { column-count: 1; }
.content-block-wrapper .col1 { width: 25%; }
.content-block-wrapper .col2 { width: 50%; }
.content-block-wrapper .col3 { width: 75%; }
.list-link { position: relative; display: block; padding: 0 0 0 12px; color: #000; }
.list-link:before { position: absolute; top: 0; left: 0; content: '\f105'; font-family: FontAwesome; }
.page-content-wrapper { display: flex; justify-content: space-between; }
.page-main { width: 74%; margin: 0 15px 0 0; }
.page-side { /*width: 24%;*/ width: 276px; flex-shrink: 0; }
.map-info-wrapper { padding: 0px; }
.map-wrapper { flex: 1 1 65%; }
.afbeelding-onderschrift { margin: 0 0 15px; padding: 5px; font-weight: 600; }
.block-newsletter { flex-flow: column nowrap; text-align: center; }
.block-newsletter-title { margin: 0 0 25px; }
.block-newsletter-form-wrapper { width: 60%; margin: 0 auto; background: #f5f5f5; }
.block-newsletter-form { display: flex; margin: 0 0 10px; align-items: center; justify-content: space-between; }
.block-newsletter-form-input { flex: 1 0 auto; align-self: stretch; display: block; padding: 3px 10px; border: 0; background: #f5f5f5; }
.block-newsletter-form-button { }
@media only screen and (max-width: 1190px) {
.content-block-wrapper-double { flex-flow: column nowrap; }
.content-block-wrapper-double-column { width: 100%; margin: 0 0 20px; }
.content-block-wrapper-double.login { flex-flow: row; }
.login .content-block-wrapper-double-column { width: calc(50% - 10px); }
.content-block-wrapper-double .col1 { width: 35%; }
.content-block-wrapper-double.col3 { width: 65%; }
.content-block-intro.columns { column-count: 2; column-width: 100px; }
}
@media only screen and (max-width: 770px) {
.page-content-wrapper { flex-flow: column nowrap; }
.page-main { width: 100%; margin: 0; }
.page-side { width: 100%; }
.content-block { padding: 15px; }
.content-block-wrapper-double.login { flex-flow: column nowrap; }
.login .content-block-wrapper-double-column { width: 100%; margin: 0 0 20px; }
.content-block-wrapper { flex-flow: column nowrap; }
.content-block-intro.columns { flex-flow: column nowrap; }
.borderleft { border-left: none; border-top: 1px solid #e5e5e5; }
.content-block-wrapper .col1 { width: 100%; }
.content-block-wrapper .col2 { width: 100%; }
.content-block-wrapper .col3 { width: 100%; }
.content-block-intro.columns { column-count: 1; }
.map-wrapper { height: 300px; }
.books-slide-cover { max-width: none; }
.block-newsletter { text-align: left; }
.block-newsletter-form-wrapper { width: auto; }
.block-newsletter-form { flex-flow: column nowrap; align-items: flex-start; background: #fff; }
.block-newsletter-form-input { margin: 0 0 20px; }
}
/**
* Event
*/
.event { margin: 0 0 30px; padding: 30px 20px; border-top: 4px solid #000; background: #fff; }
.event-date { margin: 0 0 15px; font-size: 24px; font-weight: 300; line-height: 24px; color: #7d7d7d; }
.page-side .overview-event { width: 100%; }
/**
* FAQ
*/
.rubriek { padding: 0 0 15px; }
.rubriek h3 { margin: 0; font-size: 14px; font-weight: normal; line-height: 20px; }
.rubriek-title { margin: 0 0 10px; }
.rubriek-title h2 { margin: 0; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.faq-question { padding: 5px 5px 5px 30px; cursor:pointer; }
.faq-question.closed { margin: 0; background: #fff url('../images/table_open-closed.gif') 10px 10px no-repeat; border-bottom: 1px solid #f2efec; }
.faq-question.open { margin: 0; background: #fff url('../images/table_open-closed.gif') 10px -39px no-repeat; }
.faq-answer { margin: 0; padding: 5px 20px 15px 30px; background: #fff; font-size: 14px; border-bottom: 1px solid #f2efec; line-height: 20px; display:none; }
/**
* Account
*/
.account-content-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 20px; font-size: 0.95rem;}
.account-content-wrapper.noflex { display: block; }
.acount-main-left { }
.account-addresses { width: 60%; }
.account-addresses-columns-wrapper { display: flex; }
.account-addresses-column { width: 50%; }
.edit-account-button-wrapper { flex: 0 0 100%; }
.account-content-wrapper.rows { flex-flow: column nowrap; padding: 0; }
.account-content-row { display: flex; padding: 5px 0; border-top: 1px solid #e5e5e5; }
.account-content-row.title { font-size: 15px; font-weight: 700; border: 0; }
.account-content-cell.uitgave { flex: 0 0 50%; }
.account-content-cell.startdatum { flex: 0 0 15%; }
.account-content-cell.einddatum { flex: 0 0 15%; }
.account-content-cell.link { flex: 0 0 18%; text-align: right; }
.account-content-cell.datum { flex: 0 0 20%; }
.account-content-cell.ordernummer { flex: 0 0 20%; }
.account-content-cell.bedrag { flex: 0 0 40%; }
.order-history-wrapper { width: 100%; padding: 30px 20px; }
.bestelling-container { }
.bestelling-legenda { display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px solid #ccc; font-weight: 700; font-size: 14px; }
.bestelling-row { display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px solid #ccc; font-size: 14px; }
.bestelling-id { flex: 0 0 15%; }
.bestelling-datum { flex: 0 0 15%; }
.bestelling-bedrag { flex: 0 0 60%; }
.bestelling-actie { flex: 0 0 10%; }
.account-overview-row { display: flex; }
.account-overview-label { width: 200px; font-size: 14px; color: #444;}
.status-account-subscribed { padding: 5px 10px; margin-bottom: 5px; display: flex; flex-flow: row nowrap; justify-content: space-between; background: #f2f1f1; }
.journal-name { padding-top: 4px; }
.status-journal-subscribed {
display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;
padding: 5px 10px 5px 10px; margin-bottom: 5px; background: #f2f1f1;
}
.subscribeInviteFrom { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; }
.subscribeInviteFrom .btn { margin-left: 8px; align-self: flex-start }
.status-account-unsubscribed { padding: 5px 0px; }
.status-account-subscribed b,
.status-account-unsubscribed b { color: green }
@media only screen and (max-width: 770px) {
.acount-main-left { width: 100%; margin: 0 0 25px; }
.account-addresses { width: 100%; }
.account-addresses-columns-wrapper { flex-flow: column nowrap; }
.account-addresses-column { width: 100%; margin: 0 0 25px; }
.account-content-wrapper { flex-flow: column nowrap; }
.account-content-row { flex-flow: column nowrap; padding: 10px 0; }
.account-content-row.title { display: none; }
.account-content-cell.uitgave { font-weight: 700; }
.account-content-cell.link { text-align: left; }
.bestelling-legenda { display: none; }
.bestelling-row { flex-flow: row wrap; }
.bestelling-datum { flex: 0 0 100%; font-size: 12px; }
.bestelling-id { flex: 0 0 50%; }
.bestelling-bedrag { flex: 0 0 50%; text-align: right; }
.bestelling-actie { flex: 0 0 100%; font-size: 12px; }
.status-journal-subscribed,
.status-account-subscribed,
.subscribeInviteFrom { flex-flow: column nowrap; align-items: start; }
.subscribeInviteFrom select { flex-grow: 1; padding: 5px; margin-bottom: 6px; width: 100%; }
.subscribeInviteFrom select option { width: 100%; font-family: inherit; }
.subscribeInviteFrom .btn { margin-left: 0px; }
.status-account-subscribed { padding: 5px 10px; }
#unsubscribeInviteAbonnee,
#subscribeInvite .btn,
.status-journal-subscribed .btn,
.status-account-subscribed .btn { width:100%; margin-top: 3px; margin-bottom: 3px; }
}
/**
* Banner
*/
.banner img { width: 100%; }
/**
* Product
*/
body.product { background: none; }
.product-top-wrapper { background: linear-gradient(#fff, #edeceb); }
.product-wrapper { position: relative; width: 1150px; margin: 0 auto; }
.product-top-content-wrapper { display: flex; margin: 0 0 50px; }
.product-image-wrapper { width: 22%; margin: 0 4% 0 7%; }
.product-image { width: 100%; box-shadow: 2px 5px 17px 0px rgba(0, 0, 0, 0.6); }
.product-info-wrapper { width: 67%; }
.product-intro { margin: 0 0 15px; font-weight: 300; font-size: 20px; line-height: 30px; }
.product-authors { margin: 0 0 50px; font-weight: 300; font-size: 16px; line-height: 18px; }
h1.product-title-small { font-size: 32px; line-height: 35px; word-wrap: break-word; }
.product-items-wrapper { width: 550px; }
.product-items-wrapper.whitespace { margin-bottom: 20px; }
.product-info-wrapper .btn.btn-secondary { padding: 10px 20px; }
.product-item { display: flex; margin: 0 0 3px; }
.product-item-content { display: flex; justify-content: space-between; padding: 10px 20px; background: #fff; flex-grow: 1; }
.product-item-price { font-weight: 900; }
.product-item-button { display: flex; align-items: center; padding: 8px 20px; background: #000; color: #fff; border: 1px solid #000; cursor: pointer; }
.product-item-button:hover { background: #FFF; color: #000; border: 1px solid #000; }
.product-item-button.disabled { background: #e9e9e9; cursor: default; border: none; color: #4d4d4d; }
.product-item-label { margin: 0 10px 0 0; font-weight: 600; white-space: nowrap;}
.product-item-label.download { margin: 0 10px 0 10px; }
.product-item-icon { font-size: 14px; }
.product-tabs-wrapper { display: flex; width: 1150px; margin: 0 auto; position: relative; z-index: 50;}
.product-tab { display: flex; justify-content: flex-start; cursor: pointer; }
a.product-tab,
a.product-tab:hover { text-decoration: none; }
a.product-tab:hover .product-tab-label { background: #FFF; }
a.product-tab:hover .product-tab-side { border-bottom: 38px solid #FFF; }
.product-tab-mobile { display: none; }
.product-tab-label { padding: 6px 15px 4px; background: #e1e1e1; font-weight: 900; }
.product-tab-side { height: 0; width: 0; border-bottom: 38px solid #e1e1e1; border-right: 20px solid transparent; }
.active .product-tab-label { background: #fff; }
.active .product-tab-side { border-bottom: 38px solid #fff; }
.product-tab { white-space: nowrap; }
.product-tab.custom-tab { text-overflow: ellipsis; overflow: hidden; }
.product-tab.custom-tab .product-tab-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-bottom-content-wrapper { padding: 0 0 30px; background: #fff; }
.product-bottom-content { display: flex; justify-content: space-between; width: 1150px; margin: 0 auto 20px; }
.product-content-main { width: 780px; }
.product-panels-wrapper { }
.product-panel { display: none; scroll-margin-top: 60px; }
.product-panel.active { display: block; }
.product-panel-content-toc,
.product-panel-content { padding: 50px 15px; }
.product-panel-subtitle { padding-top: 6px; color: #e12f29; font-weight: 400; font-size: 19px; }
.product-content-side { width: 285px; padding: 50px 0 0; }
.intro-block { background: #FFF; padding: 25px 20px; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
body.index .intro-block { border-width: 0px 0px 0px; }
.product-overzicht-intro { padding-right: 20%; margin-bottom: 20px; }
.product-details-wrapper { padding: 20px 25px; font-size: 14px; background: #f4f3f2; }
.product-details-row { display: flex; flex-flow: column nowrap; margin: 0 0 15px; }
.product-details-label { width: 180px; font-weight: 900; }
.product-details-row.inline { flex-flow: row; margin: 0; }
.product-details-label { width: auto; margin: 0 10px 0 0; }
@media only screen and (max-width: 1220px) {
.product-tabs-wrapper { width: 100%; }
.product-bottom-content-wrapper { padding: 0 20px; }
.product-bottom-content { width: auto; }
.product-content-main { width: calc(100% - 285px); margin: 0 20px 0 0; }
.product-items-wrapper { width: 100%; max-width: 550px; }
}
@media only screen and (max-width: 1190px) {
.product-wrapper { width: 100%; padding: 0 20px; }
.product-info-wrapper { padding: 0 20px; }
}
@media only screen and (max-width: 770px) {
.product-wrapper { padding: 20px 0 0; }
.product-top-content-wrapper { flex-flow: row nowrap; margin: 0 0 15px; padding: 0 15px; }
.product-image-wrapper { order: 1; width: 30%; margin: 0 auto 30px 20px; }
.product-info-wrapper { order: 2; width: auto; flex-grow: 1; }
h1.product-title,
h1.product-title-small { font-size: 24px; line-height: 30px; word-wrap: break-word; }
.product-intro { font-size: 14px; font-weight: 600; line-height: 20px; }
.product-authors { margin: 0 0 15px; font-size: 14px; }
.product-tabs-wrapper { display: none; }
.product-items-wrapper { width: 100%; max-width: unset; margin: 0 0 20px; }
.product-item-label { display: none; }
.product-panel { display: block; }
.product-panel-content { padding: 10px 25px 20px; }
.product-bottom-content-wrapper { padding: 0; border-top: 1px solid #dbdbdb; }
.product-content-main { width: auto; margin: 0 0 20px }
.product-bottom-content { flex-flow: column nowrap; }
.product-tab-mobile { display: block; position: relative; padding: 15px 25px 0; font-weight: 900; cursor: default; }
.product-tab-mobile:before { display: none; }
.product-tab-mobile.active:before { display: none; }
.product-panel-content { }
.product-item-button.disabled,
.product-item-button { width: auto; }
.product-content-side { width: auto; padding: 0 20px; }
.product-details-row { }
}
@media only screen and (max-width: 500px) {
.product-top-content-wrapper { flex-flow: column nowrap; margin: 0 0 15px; }
.product-image-wrapper { width: 50%; margin: 0 auto 20px; }
}
@media only screen and (max-width: 400px) {
}
/**
* ZOEKEN IN TIJDSCHRIFTEN
*/
.tijdschriften-zoeken-wrapper { background: #FFF; border-top: 4px solid #000; padding: 20px; }
.tijdschriften-zoeken-wrapper label { cursor: pointer; }
.tijdschriften-zoeken { margin-bottom: 10px; }
.tijdschriften-zoekbox { width: 40%; float: left; border-radius: 0px; }
.tijdschriften-uitgebreid-zoeken { }
.uitgebreid-zoeken-options { column-count: 2; margin-top: 15px; }
.uitgebreid-zoeken-options label { display: block; font-size: 15px; font-weight: 400; cursor: pointer; }
.tijdschriften-zoeken-wrapper input[type='checkbox'] { margin-right: 5px; }
.overview-wrapper { }
.zoekresultaat-wrapper { background: #FFF }
.xsearchResult { padding: 30px; }
.xsearchPageTitle { font-size: 22px; font-weight: 700; }
.xsearchModifiedDate { display: none }
.zoeken-nav-wrapper { padding: 15px 0; display: flex; justify-content: flex-end; }
.tijdschriften-zoek-button { align-self: flex-start; padding: 12px 20px; border: 1px solid #CCC; }
@media only screen and (max-width: 770px) {
.tijdschriften-zoekbox { width: calc(100% - 96px); }
.tijdschriften-zoek-button { display: none; }
.xsearchResult a,
.xsearchPageTitle,
.snippet { white-space: pre-wrap; word-break: break-word; }
}
@media only screen and (max-width: 400px) {
.tijdschriften-zoekbox { float: none; width: 100%; margin: 0 0 10px; }
.uitgebreid-zoeken-options { column-count: 1; }
}
/**
* Tijdschriften
*/
.tijdschrift-buttons-wrapper { padding: 20px 0 0; display: flex; flex-flow: row nowrap;}
.tijdschrift-buttons-wrapper .btn { display: flex; align-items: center; padding: 10px 20px; margin-right:15px; }
.tijdschrift-more-info-button { display: flex; justify-content: space-between; }
#selection { padding: 20px; background: #f1f1f1; border-bottom: 4px solid #000; font-size: 13px; }
#selection select { margin: 0 20px 0 10px; }
.dottedbottom { border-top: 1px dotted #000; }
.tijdschrift-title-wrapper { width: 63%; }
.tijdschrift-images-wrapper { position: absolute; bottom: 0; right: 0; z-index: 1;}
.archief-section { display: flex; }
.readPDFedition { position: relative; flex: 0 0 calc(100% - 100px); padding: 20px 20px 20px 170px; border-bottom: 0px dotted #000; }
.readPDFedition a { position: relative; display: block; padding: 0 0 0 8px; font-size: 14px; font-weight: 600; }
.readPDFedition a::before { position: absolute; top:center; left: 0; content: '\f0da'; font-family: FontAwesome; }
.onlineFirstMessage { background: #82b589; text-align: center; color: #FFF; padding: 10px 0px; height: 64px; display: flex; justify-content: space-around; align-items: center; font-weight: 600; font-size: 14px; border-bottom: 1px dotted #000;}
.onlineFirstArticleMessage { display: inline-block; font-weight: 600; font-size: 14px; line-height: 17px; }
.archief-section-titel { width: 20%; padding: 10px 10px 10px 15px; background: #f7f7f7; text-transform: uppercase; font-size: 12px; line-height: 16px; word-wrap: break-word; }
.archief-section-content { width: 80%; padding: 10px 0; font-size: 14px; }
.article { display: flex; flex-flow: row wrap; font-size: 14px; margin-bottom: 5px; }
.authorrow { flex: 0 0 100%; line-height: 18px; }
.authorrow p { display: inline; }
.authorrow .author .functie { display: none; }
.authorrow .author { font-size: 12px; line-height: 18px; }
.openaccess {
display: inline-block; margin: 0 0 0 10px; padding: 3px 4px;
background: #84b98b; text-transform: uppercase; color: #fff; font-size: 8px; line-height: 8px;
}
.archief-section-content a.link { font-weight: 600; }
.archief-section-content ul { margin: 0; padding: 0 0 0 50px; }
.article .author { width: 100%; }
.link.arrow { position: relative; flex: 0 0 calc(100% - 100px); padding: 0 20px 0 10px; line-height: 20px; }
.link.arrow::before { position: absolute; top:center; left: 0; content: '\f0da'; font-family: FontAwesome; }
.link-online { position: relative; flex: 0 0 60px; padding: 0 0 0 8px; }
.link-online::before { position: absolute; top:center; left: 0; content: '\f0da'; font-family: FontAwesome; }
.link-pdf { position: relative; flex: 0 0 40px; padding: 0 0 0 8px; }
.link-pdf::before { position: absolute; top:center; left: 0; content: '\f0da'; font-family: FontAwesome; }
.tijdschrift-subscribe-button-wrapper { margin: 0 0 20px; }
.tijdschift-email-subscribe-text { margin: 0 0 10px; font-size: 14px; line-height: 20px; }
.tijdschrift-subscribe-button-wrapper .btn { width: 100%; }
.side-block-wrapper {
margin: 0 0 20px; padding: 25px 20px; background: #fff;
border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px;
}
.tijdschrift-abonnementregel { display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 0; padding: 10px 0px; border-top: 1px solid #e5e5e5; }
.tijdschrift-abonnement-title { width: calc(100% - 220px); font-weight: 600; }
.tijdschrift-abonnement-prijscontainer { width: 110px; }
.tijdschrift-abonnement-buttoncontainer { width: 110px; }
.tijdschift-email-subscribe-wrapper .error-message { font-size: 14px; }
.tijdschift-email-subscribe-success { font-size: 14px; line-height: 20px; display: none; }
@media only screen and (max-width: 1190px) {
.tijdschrift-images-wrapper { max-width: 25%; right: 20px; }
.tijdschrift-images-wrapper img { width: 100%; }
.readPDFedition { padding: 20px 20px 20px calc(20% + 20px); }
}
@media only screen and (max-width: 770px) {
.archief-section-content a.link { flex: 0 0 100%; }
.link-online,
.link-pdf { padding: 2px 0 10px 8px; }
}
@media only screen and (max-width: 400px) {
.archief-section { display: flex; flex-flow: column nowrap; }
.archief-section-titel { width: 100%; }
.readPDFedition { padding: 20px; }
#selection select { width: 100% !important; margin: 0 0 10px 0; }
.readPDFedition { border-bottom: 0px; }
.archief-section-titel.leeg { display: none }
h1.content-block-title { font-size: 20px; line-height: 22px; padding-left: 15px; }
.tijdschrift-title-wrapper H1 { font-size: 22px; line-height: 24px; }
}
/**
* EVENTS ZIJBALK
*/
.events-sidebar { }
.events-sidebar .overview-event { width:100%; }
/**
* ARTIKEL
*/
.artikel-content { padding: 25px 25px; background: #fff; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
/**
* Overview
*/
.overview-wrapper { display: flex; justify-content: space-between; flex-flow: row wrap; }
.overview-product {
display: flex; flex-flow: column; width: 24%; margin: 0 0 20px; padding: 25px 25px; background: #fff;
border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px;
}
.overview-product a:hover { text-decoration: none; }
.overview-product a:hover .overview-product-title { text-decoration: underline; }
.overview-product:hover { box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.4) }
.overview-product.tijdschrift { border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
.overview-product-tijdschrift-online { position: relative; width: 15%; margin: 0 0 20px; padding: 10px; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; background: #fff; }
.overview-product-tijdschrift-online:hover { box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.4) }
.overview-product-tijdschrift-abo { background: #000; position: absolute; top: -15px; right: -9px; width: 34px; height: 34px; z-index: 1; color: #FFF; padding: 4px 0px 0px 10px; border-radius: 17px; }
/* .overview-product-tijdschrift-online:hover .overview-product-tijdschrift-abo { background: #00c437; } */
.overview-product-image-wrapper { width: 100%; flex-grow: 0; min-height: 150px;}
.overview-product-image { width: 100%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); border: 1px solid #CCC; }
.overview-tijdschrift-online-image { width: 100%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); border: 1px solid #CCC; }
.overview-product-content-wrapper { padding-top: 15px; }
.overview-product-title { margin: 0; font-size: 14px; line-height: 20px; font-weight: 800; }
.overview-product-subtitle { font-size: 14px; line-height: 20px; word-break: break-word; overflow-wrap: anywhere; }
.overview-product-authors { padding: 10px 0; font-size: 12px; line-height: 18px; color: #5B5353; }
.overview-product-details { padding: 0 0 10px; font-size: 12px; line-height: 18px; color: #5B5353; }
.overview-product-items-wrapper { display: flex; flex-flow: column; flex: 1 0 auto; justify-content: flex-end; }
.overview-product-items-wrapper.tijdschrift { padding: 30px 0 0; }
.overview-product-product-item { display: flex; margin: 0 0 3px; }
.overview-product-item { display: flex; margin: 0 0 5px; }
.overview-product-item-content { display: flex; justify-content: space-between; width: 100%; padding: 5px 10px; background: #ebebeb; }
.overview-product-item-type { font-size: 13px; }
.overview-product-item-price { font-size: 14px; font-weight: 900; }
.overview-product-item-button { display: flex; align-items: center; padding: 5px 10px; background: #000; color: #fff; cursor: pointer; }
.overview-product-item-button.disabled { background: #aaa; cursor: default; }
.overview-product-item-icon { font-size: 14px; }
.overview-event {
display: flex; flex-flow: column; width: 24%; margin: 0 0 20px; padding: 25px 25px; background: #fff;
border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px;
}
.overview-event:hover { box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.4) }
.overview-event-content-wrapper { display: flex; flex-flow: column nowrap; height: 100%; min-height: 240px; }
.overview-event-date { font-size: 22px; font-weight: 300; line-height: 28px; color: #5B5353; margin-bottom: 5px; }
.overview-event-title { font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 10px; word-break: break-word; }
.overview-event-intro { padding: 0 0 30px 0; flex-grow: 1; font-size: 14px; line-height: 22px; }
.overview-event-intro B,
.overview-event-intro strong { font-weight: normal; }
.overview-event-intro ul,
.overview-event-intro ol { padding: 0 0 0 20px; }
.overview-event-link { }
.overview-filler { height: 1px; width: 24%; padding: 0 25px; }
.overview-filler-tijdschrift-online { height: 1px; width: 15%; padding: 0 25px; }
.overview-bottom-nav { display: flex; flex-flow: row nowrap; justify-content: flex-end; margin-bottom: 30px; }
@media only screen and (max-width: 900px) {
.overview-event,
.overview-product,
.overview-filler { width: 32%; }
.overview-product-tijdschrift-online,
.overview-filler-tijdschrift-online { width: 18%; }
}
@media only screen and (max-width: 700px) {
.overview-event,
.overview-product,
.overview-filler { width: 48.5%; }
.overview-product-tijdschrift-online,
.overview-filler-tijdschrift-online { width: 24%; }
}
@media only screen and (max-width: 500px) {
.overview-event,
.overview-product,
.overview-filler { width: 100%; }
.overview-product-tijdschrift-online,
.overview-filler-tijdschrift-online { width: 32%; }
}
@media only screen and (max-width: 500px) {
.overview-product-tijdschrift-online,
.overview-filler-tijdschrift-online { width: 48.5%; }
.overview-bottom-nav { justify-content: flex-start; }
}
/**
* Navbar
*/
.title-bar-wrapper {
display: flex; align-items: center; justify-content: space-between; margin: 0 0 30px;
h1 { margin: 0; }
}
.title-bar-nav-wrapper { display: flex; align-items: center; }
.sort-dropdown-container { position: relative; width: 230px; margin: 10px 15px 0 0; padding: 3px 40px 3px 10px; border: 1px solid #b2b2b2; background: #fff; cursor: pointer; }
.sort-dropdown-container::before { position: absolute; top: center; right: 10px; content: '\f107'; font-family: FontAwesome; font-size: 20px; }
.sort-dropdown-container.open::before { content: '\f106'; }
.sort-dropdown-optionscontainer { position: absolute; top: 30px; left: -1px; width: 230px; border: 1px solid #b2b2b2; background: #fff; display: none; }
.sort-dropdown-option { display: block; padding: 3px 10px; }
.navbar { display: flex; min-height: unset; margin: 9px 0 0; align-items: flex-start; }
.page-number { display: block; padding: 3px 10px; }
.page-number.activepage { /* text-decoration: underline; */ font-weight: 900; color: #ffffff; background: #000; }
.navbar-previous-arrow { margin: 0 5px 0 0; padding: 3px 13px; border: 1px solid #b2b2b2; font-size: 17px; background: #FFF; }
.navbar-next-arrow { margin: 0 0 0 5px; padding: 3px 13px; border: 1px solid #b2b2b2; font-size: 17px; background: #FFF; }
.navbar-previous-arrow:hover,
.navbar-next-arrow:hover { border: 1px solid #000; background: #000; color: #FFF; }
@media only screen and (max-width: 770px) {
.title-bar-nav-wrapper { width: 100%; }
.title-bar-wrapper { flex-flow: column nowrap; }
.sort-dropdown-container { width: 100%; margin: 10px 0 10px; }
.navbar { margin: 10px 0; }
.title-bar-nav-wrapper { flex-flow: column nowrap; }
.sort-dropdown-optionscontainer { width: calc(100% + 2px); z-index: 100; }
}
/**
* Footer
*/
.push { height: 289px; }
.footer { height: 289px; background: #000; color: #fff; font-size: 15px; }
.footer a { color: #fff; }
.footer a:hover { text-decoration: none; }
.footer-contact-bar { display: flex; justify-content: center; padding: 15px 0; background: #585858; }
.footer-contact-content { display: flex; justify-content: center; }
.footer-contact-social { display: flex; }
.footer-contact-cell { margin: 0 25px; }
.footer-contact-cell.bold { margin: 0 20px; font-weight: 700; font-size: 18px; }
.footer-contact-cell.tag { margin: 0 10px 0 80px; }
.footer-bar-logo { height: 20px; width: auto; }
.footer-content-wrapper { display: flex; justify-content: center; width: 1150px; margin: 0 auto; padding: 25px 0; }
.footer-column { width: 380px; padding: 20px 35px; }
.footer-column.contact { border-right: 1px solid #585858; border-left: 1px solid #585858; }
.footer-column-row { display: flex; justify-content: flex-start; }
.footer-row-label { width: 80px; }
.footer-bottom-bar { padding: 0 0 25px; text-align: center; }
@media only screen and (max-width: 1220px) {
.footer-content-wrapper { width: auto; }
}
@media only screen and (max-width: 770px) {
.footer-content-wrapper { flex-flow: column nowrap; }
.footer-contact-bar { flex-flow: column nowrap; }
.footer-contact-content { padding: 0 0 15px; border-bottom: 1px solid #000; }
.footer-column { width: auto; padding: 15px 30px; }
.footer-column.contact { border:none; }
.footer-contact-social { flex-flow: row wrap; justify-content: center; }
.footer-contact-cell { margin: 0 10px; text-align: center; }
.footer-contact-cell.tag { width: 100%; margin: 0; padding: 5px 0 10px; text-align: center; }
.footer-contact-cell.bold { width: auto; }
}
/**
* READER
*/
body.reader { background: none; }
.reader-logo { position: fixed; width: 100%; top: 0px; height: 40px; background: #FFF; padding: 6px 8px; z-index: 100; }
.reader-logo:hover { cursor: pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
}
.reader-logo:hover a.reader-closebutton { font-weight: 700; }
.reader-logo img { width: auto; height: 28px; }
a.reader-closebutton { float: right; text-decoration:none; margin-top: 2px; padding-right: 20px; }
a.reader-closebutton span { font-size: 24px; vertical-align: bottom; text-decoration:none; }
a.reader-closebutton:hover span { text-decoration:none; }
.collapsereader-toggle { position: fixed; width: 100%; top: 40px; height: 60px; z-index: 100; padding: 9px 15px 9px 50px; font: 400 14px/20px 'Open Sans',arial,'sans-serif'; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background: #FFF; cursor: pointer; box-shadow: 0px 3px 3px #CCC; }
.collapsereader-toggle[aria-expanded="true"] { box-shadow: 0px 0px 0px #CCC; }
.collapsereader-toggle .editie-header { width: 90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.collapsereader-toggle:hover .editie-header:before { color: #e12f29; }
.collapsereader-toggle[aria-expanded="true"] .editie-header:before { left: 17px; content: '\f107'; }
.collapsereader-toggle .editie-header:before { position: absolute; top: 19px; left: 24px; content: '\f105'; font-family: FontAwesome; font-size: 30px; }
.reader-toc {
position: fixed; top: 100px; width: 100%; z-index: 100; background: #FFF;
border-bottom: 1px solid #e5e5e5; box-shadow: 0px 3px 3px #CCC; height: CALC(100vh - 100px); overflow-y: auto;
}
#reader-content { padding: 40px 40px 40px; margin: 0 auto; padding-top: 150px; max-width: 1000px; }
#reader-li-journalheader { position: fixed; width: 100%; top: 40px; height: 60px; z-index: 100; padding: 20px 15px 0px 50px;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
background: #FFF; box-shadow: 0px 3px 3px #CCC; }
.reader-login-wrapper { margin: 0px 0px 20px; }
.reader-loginbox-wrapper { background: #FFF; padding: 20px 20px; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
h1.hoofdtitel { margin: 0 0 10px; font-weight: 600; font-size: 34px; line-height: 40px; letter-spacing: -0.03rem; }
.ondertitel { font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; }
.author { font-style: italic; padding-bottom: 1rem; /* color: #727272; */ }
.trefwoorden b { display: block; }
.artikelnummer { display: inline-block; padding: 0.5rem 2rem 0.5rem 0; border-top: 2px solid #000; margin: 1rem 0; }
.toc-artikelnummer { text-indent: -40px; position: absolute; font-weight: 400; }
.reader-article { font-size: 1rem; line-height: 26px; }
.reader-article p { margin: 0 0 0 0; }
.reader-article h1 { margin: 25px 0 10px; font-size: 24px; line-height: 28px; font-weight: 400; }
.reader-article h2 { margin: 25px 0 10px; font-size: 18px; line-height: 28px; font-weight: 700; }
.reader-article h3 { margin: 20px 0 5px; font-size: 18px; line-height: 28px; font-weight: 700; }
.reader-article table { width: 100% !important; }
.reader-article table th { border: 1px solid #e1e1e1; }
.reader-article table td { padding: 5px; font-size: 90%; line-height: 1.3em; border: 1px solid #e1e1e1; }
.reader-article img { max-width: 100%; margin-top: 3em; margin-bottom: 2em; }
.reader-article label { float:left; padding-right: 1rem; margin-bottom: 0; }
.reader-article table-wrap { max-width: 100%; overflow: auto; width: 100%; }
.reader-article table-wrap table { max-width: 100%; overflow: auto; width: 100%; display: inline-block; }
.voetnootnummer { color: #888; }
.chapterLabel { font-size: 18px; font-weight: 700; line-height: 28px; }
a.voetnoot { scroll-margin-top: 100px; }
a.voetnootnummer { scroll-margin-top: 100px; }
#voetnootContainerAuteurs { padding: 0 0 30px; font-size: 13px; line-height: 20px; }
#voetnootContainerAuteurs a { scroll-margin-top: 100px; }
#voetnootContainer { padding: 0 0 50px; font-size: 13px; line-height: 20px; }
#voetnootContainer .voetnoot-text a { text-decoration: underline; }
#voetnootContainer .voetnoot-text a:hover { color: #007bff; }
#voetnootContainer .voetnoot-text * {
display: inline;
}
/* voetnoot scroll offset */
#reader-content .author a{ scroll-margin-top: 100px; }
/* CRIUS specifiek */
#reader-content.crius div.p { margin-bottom: 1rem; }
/* JATS List styles (some implemented)*/
#reader-content.crius .fig *,
#reader-content.crius .fig {
font-size: 0.85rem;
font-weight: 500;
font-style: italic;
line-height: 1.5rem;
}
#reader-content.crius ol[list-type="none"],
#reader-content.crius ul[list-type="none"],
#reader-content.crius ol[list-type="simple"],
#reader-content.crius ul[list-type="simple"]{
list-style-type: none;
padding-left: 0;
}
#reader-content.crius ol[list-type="lower-greek"],
#reader-content.crius ul[list-type="lower-greek"]{
list-style-type: lower-greek;
}
#reader-content.crius ol[list-type="roman-upper"],
#reader-content.crius ul[list-type="roman-upper"]{
list-style-type: upper-roman;
}
#reader-content.crius ol[list-type="roman-lower"],
#reader-content.crius ul[list-type="roman-lower"]{
list-style-type: lower-roman;
}
#reader-content.crius ol[list-type="upper-latin"],
#reader-content.crius ul[list-type="upper-latin"]{
list-style-type: upper-latin;
}
#reader-content.crius ol[list-type="lower-latin"],
#reader-content.crius ul[list-type="lower-latin"]{
list-style-type: lower-latin;
}
#reader-content.crius ol[list-type="alpha-upper"],
#reader-content.crius ul[list-type="alpha-upper"]{
list-style-type: upper-alpha;
}
#reader-content.crius ol[list-type="alpha-lower"],
#reader-content.crius ul[list-type="alpha-lower"]{
list-style-type: lower-alpha;
}
#reader-content.crius ol[list-type="cjk-decimal"],
#reader-content.crius ul[list-type="cjk-decimal"]{
list-style-type: cjk-decimal;
}
#reader-content.crius ol[list-type="decimal-leading-zero"],
#reader-content.crius ul[list-type="decimal-leading-zero"]{
list-style-type: decimal-leading-zero;
}
#reader-content.crius ol[list-type="decimal-leading-zero"],
#reader-content.crius ul[list-type="decimal-leading-zero"]{
list-style-type: decimal-leading-zero;
}
#reader-content.crius ol[list-type="square"],
#reader-content.crius ul[list-type="square"]{
list-style-type: square;
}
#reader-content.crius ol[list-type="order"],
#reader-content.crius ul[list-type="order"]{
list-style-type: decimal;
}
#reader-content.crius ol[list-type="circle"],
#reader-content.crius ul[list-type="circle"]{
list-style-type: circle;
}
#reader-content.crius ol[list-type="square"],
#reader-content.crius ul[list-type="square"]{
list-style-type: square;
}
@media only screen and (max-width: 400px) {
h1.hoofdtitel { font-size: 22px; line-height: 24px; }
#reader-content { padding: 140px 10px 20px; }
.reader-article h1 { font-size: 22px; line-height: 28px; }
.ondertitel { font-size: 18px; line-height: 26px; font-weight: 700; }
}
/**
* TinyMCE tables
*/
table { border-collapse: collapse; border-color: #e3e3e3; }
table tr td,
table tr th { padding: 3px 10px 3px 8px !important; }
table.table-borderless,
table.table-borderless td { border: 0 !important; }
table.table-redactie { border: 0 !important; }
table.table-redactie td { border-top: 1px solid #CCC !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; padding: 1rem 1.2rem 2rem 0rem !important; vertical-align: top; }
table.table-redactie th:nth-child(1),
table.table-redactie td:nth-child(1) { width: 26% !important; }
/**
* FORM
*/
.xsformbuilder_small_textbox { display:none; }
.xsInPageAddContent { width:200px; margin:0 0 15px; }
.xsInPageAddContent a { display:block; padding:5px; text-decoration:none; color:#fff; text-align:center; background:#ccc; border-radius:5px; }
.xsInPageAddContent a:hover { background:#ccc; }
.form-table .col1 { display:inline-block; width:25%; padding:5px 0; vertical-align:top; font-size:15px; }
.form-table .col2 { display:inline-block; width:74%; padding:5px 0; }
.form-table .col2 .info { font-size:12px; color:#ccc; font-style:italic; }
.form-table .col2 select { width:100%; margin:0 5px 0 0; padding:7px 5px; }
.form-table .col2 label { cursor:pointer; }
.textfield { width:100%; margin:0 5px 0 0; padding: 3px 6px; }
.textfield.postcode-cijfers { width:40px; margin:0 4px 0 0; }
.textfield.postcode-letters { width:25px; text-transform:uppercase; }
.textfield.datum-dag { width:25px; margin:0 4px 0 0; }
.textfield.datum-maand { width:25px; margin:0 4px 0 0; }
.textfield.datum-jaar { width:40px; margin:0 4px 0 0; }
.textarea { height:80px; width:100%; resize:vertical; }
.form-table select { width:100%; padding:5px; font:400 16px/18px 'Source Sans Pro', Arial, Helvetica, sans-serif; }
input[type='button'].form-button { margin:5px 0 0 5px; padding:5px 15px; border:0; background:#ccc; color:#fff; cursor:pointer; }
.button-divider { float:left; width:20px; }
.req_field,
.error_text { font-size:12px; color:#e81010; }
.attachment_box { width:345px; }
.attachment-title { width:315px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
@media only screen and (max-width:1000px) {
.form-table .col1 { display:block; width:100%; padding:5px 0 0; }
.form-table .col2 { display:block; width:100%; margin:0 0 10px; padding:0 0 5px; }
.textfield { width:calc(100% - 12px); }
.form-table .col2 select { width:100%; }
.form-table .col2 .button { width:100%; padding:0; }
}
/**
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
/**
* User Style:
* Change the following styles to modify the appearance of ColorBox. They are
* ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:#fff; }
#cboxError { padding:50px; border:1px solid #c4c4c4; }
#cboxContent #cboxLoadedContent {
-webkit-filter: drop-shadow(2px 4px 4px #666 );
filter: drop-shadow(2px 4px 4px #666);
/* box-shadow: 0 0 1px rgba(0, 0, 0, 0.25),
0 1px 3px 3px rgba(0, 0, 0, 0.25),
0 5px 4px -3px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25),
0 1px 3px 3px rgba(0, 0, 0, 0.25),
0 5px 4px -3px rgba(0, 0, 0, 0.06); */
}
#cboxTitle { position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; }
#cboxSlideshow { position:absolute; bottom:0px; right:42px; color:#444; }
#cboxPrevious { position:absolute; top:45%; left:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/colorbox_arrows.png') 25px 25px no-repeat; }
#cboxNext { position:absolute; top:45%; right:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/colorbox_arrows.png') -37px 25px no-repeat; }
#cboxClose { position:fixed; top:15px; right:15px; display:block; height:0; width:64px; padding:64px 0 0; overflow:hidden; background:url('../images/close.png') 0 0 no-repeat; border:none; }
#cboxClose:hover { background-position:0 -63px; }
/**
* SHOP
*/
.shop-header { background: #000; color:#b1b1b1; display: flex; flex-flow: row nowrap; justify-content: space-around; margin-bottom: -4px;}
.shop-header a { color:#FFF; }
.shop-headerpart { font-size: 14px; padding: 5px 10px; text-align: center; flex-grow: 1; }
.shop-headerpart.divider { background:url('../images/shop_divider.png') right center no-repeat; }
.shop-headerpart.active { color:#FFF; font-weight: bold; }
.banks-overview { margin: 0; padding: 15px 0 0 20px; }
.banks-overview label { padding: 0 0 0 10px; font-weight: 400; }
.payment-option-wrapper { display: flex; align-items: flex-start; padding: 0 0 20px 20px; }
.payment-option-wrapper label { padding: 0 0 0 10px; font-weight: 400; }
.payment-title { }
.shop-buttons-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.shop-previous { padding: 0 20px 0 0; }
.account-edit-button { margin: 0 0 50px 200px; }
.shop-confirmation-wrapper { display: flex; }
.shop-cart-confirmation-titlescontainer {
display: flex; justify-content: space-between; padding:10px 0; border-bottom:1px solid #eee;
}
.shop-cart-confirmation-title { }
.shop-cart-confirmation-title.description { width: 70%; }
.shop-cart-confirmation-title.price { width: 20%; }
.shop-cart-confirmation-title.total { width: 10%; text-align:right; }
.shop-cart-confirmation-itemrow { display: flex; justify-content: space-between; padding:10px 0; border-bottom:1px solid #eee; }
.shop-cart-confirmation-cell { vertical-align:top; }
.shop-cart-confirmation-cell.cover { width: 10%; }
.shop-cart-confirmation-cell.title { width: 60%; }
.shop-cart-confirmation-cell.price { width: 20%; text-align: left; }
.shop-cart-confirmation-cell.total { width: 10%; text-align: right; }
.shop-cart-confirmation { padding:0 0 10px; line-height:20px; }
.shop-cart-confirmation.total { padding:10px 0 10px; border-top:1px solid #eee; }
.shop-cart-confirmation-row { display: flex; justify-content: flex-end; color:#666; }
.shop-cart-confirmation-row.total { font-weight: 700; }
.shop-cart-confirmation-label { flex: 0 0 20%; text-align: left; }
.shop-cart-confirmation-price { flex: 0 0 10%; text-align: right; }
.shop-cart-confirmation-box { display: flex; margin:0 0 15px; padding:10px 15px 10px; background:#f7f7f7; }
.shop-cart-confirmation-addresses { display: flex; justify-content: space-between; }
.shop-cart-confirmation-address { padding:10px 15px 10px; line-height:23px; background:#f7f7f7; }
.shop-cart-confirmation-address.left { width: 49%; }
.shop-cart-confirmation-address.right { width: 49%; }
/**
* SHOP NOTIFICATION
*/
.shop-notification-backdrop { position:fixed; top:0; height:100%; width:100%; background:#000; opacity:0.5; z-index: 225; }
.shop-notification {
position:fixed; left:0; right:0; top:50%; width:335px;
margin:-85px auto 0; padding:25px 35px; background:#fff; box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.40);
z-index: 230; display:none;
}
.shop-notification-content { margin:0 0 40px; }
.shop-notification-button { display:inline-block; margin:0 10px 0 0; cursor: pointer; }
/**
* SHOPFLOW
*/
.shop-login-container { display:flex; justify-content:space-between; margin:0 0 30px; }
.shop-login-newcustomer { width:calc(49% - 50px); padding: 20px 25px; border:1px solid #e4e4e4; background:#f1f1f1; }
.shop-login-existingcustomer { width:calc(49% - 50px); padding: 20px 25px; border:1px solid #e4e4e4; background:#f1f1f1; }
.login-warning { padding: 10px 0 0; border-top:2px solid #d13239; color: #ad0f16; }
.shop-form-element-login { margin:0 15px 0 0; }
.emailfield { position:relative; }
.email-address-check { position:absolute; top:10px; right:9px; color:#75e168; display:none; }
.account-vergeten-link { display: block; padding: 10px 0; }
.shop-form-element-login-linkcontainer { display:inline-block; margin:0 0 0 10px; }
.shop-form-element-login.formwrapper { margin:0 0 15px; }
.shop-login-contentwrapper .shop-form-element-login,
#resetPasswordRequestForm .shop-form-element-login { margin:0 0 15px; }
.shop-content-header-container { display:flex; justify-content:space-between; }
.shop-pagetitle-buttonswrapper { display:flex; justify-content:space-between; }
.shop-cart-row { display:flex; justify-content:space-between; background:#fff; border-color:#e4e4e4; border-style:solid; border-width:0 1px 1px; }
.shop-cart-row.discount { background:#e7ffff; }
.shop-cart-row-titles { font-weight:bold; font-size:14px; background: #fff; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
.shop-cart-row-titles.shop-cart-description { text-align:left; }
.shop-cart-row-titles .shop-cart-row-item { padding:15px 0; }
.shop-cart-row-item.shop-cart-description { padding:15px 0; }
.shop-cart-row-item.shop-cart-total { padding:15px 15px 15px 0; }
.no-flexbox .shop-cart-row-item { display:inline-block; }
.shop-cart-row-item { padding:15px 0; }
.shop-cart-row-item.titlerow { padding: 5px 0; }
.shop-cart-cover { flex:0 0 11.5%; text-align:center; }
.shop-cart-cover.titlerow { flex:0 0 calc(11% - 10px); }
.shop-cart-cover img { max-height:120px; max-width:76%; }
.shop-cart-cover .shop-overview-cart-details-container { position:relative; min-height:111px; padding:10px 0 0; background:url('../images/e_reader.png') center 0 no-repeat; }
.shop-cart-cover .ereader img { width:55%; max-height:100px; }
.shop-cart-description { position:relative; flex:0 0 auto; width:calc(62% - 30px); padding:12px 10px; }
.shop-cart-description.titlerow { flex:0 0 calc(62% - 40px); }
.shop-cart-row-titles .shop-cart-description { text-align:left; }
.shop-cart-row-titlewrapper { width:80%; }
.ww-item-title h4 { font-size: 14px; }
.shop-cart-discount-description { position:relative; flex:0 0 54%; }
.shop-cart-quantity { position:absolute; top:15px; right:15px; font-size: 13px }
.shop-cart-price { flex:0 0 16%; text-align:right; font-size: 15px; }
.shop-cart-price.titlerow { flex:0 0 calc(16% - 10px); }
.shop-cart-price-before { color:#aaa; text-decoration:line-through; }
.shop-cart-total { flex:0 0 10%; padding:7px 10px 7px 0; text-align:right; font-size: 15px; }
.shop-cart-total.titlerow { flex:0 0 calc(10% - 20px); padding:5px 15px 5px 5px; }
.shop-cart-cart-shipping-container { flex:0 0 32%; padding:10px 17px; }
.shop-cart-cart-shipping { padding:10px 4%; }
.shop-cart-cart-shipping h4 { margin:0 0 3px; color:#444; }
.shop-cart-cart-details-container { flex:0 0 372px; padding:0 15px 0 0; font-size: 15px; }
.shop-cart-cart-details { padding:10px 0; }
.shop-cart-detail { display:flex; margin:0 0 5px; }
.shop-cart-detail-total { display:flex; font-weight:bold; }
.shop-cart-detail-label { flex:1 0 auto; }
.shop-cart-detail-price { text-align:right; }
.shop-cart-detail-free { font-weight:bold; }
.info-content-text { padding: 0 0 0 60px; font-size: 12px; line-height: 14px; }
.shop-cart-confirmation .info-content-text { padding: 0 0 20px 0; }
.discount { color:#3cbb00; }
.shop-cart-product-details { font-size:13px; color:#000; }
.product-wishlist-wrapper { display: none; }
.shop-cart-state { margin:0 0 15px; font-size:13px; line-height:16px; }
.shop-cart-state .available { color:#3cbb00; }
.shop-cart-state .not-available { color:#d84512; }
.shop-cart-item-handlers-container { display: flex; font-size: 13px; color: #6e6e6e; }
.shop-cart-item-handler { padding:0 10px 0 0; cursor:pointer;background:#FFF;border:0; }
.shop-cart-item-handler:hover { text-decoration:underline; }
.shop-cart-item-handler.wishlist { margin:0 5px 0 0; padding:0 0 0 17px; background:url('../images/icons/icon-verlanglijst-small-zwart.svg') 0 0 no-repeat; }
.shop-cart-item-handler.wishlist-added {
margin:0 5px 0 0; padding:0 0 0 17px;
background:url('../images/icons/button-verlanglijst-small-red.svg') 0 0 no-repeat; color:red; cursor:default;
}
.shop-cart-item-handler.remove { }
.shop-cart-item-handler.remove .label { margin:0 0 0 5px; padding: 0; font-size: 13px; font-weight: normal; color: #5b5b5b; }
.shop-cart-total-row { font-weight:bold; display:none; }
.discount-label { color:#6e6e6e; font-size:14px; cursor:pointer; }
.discount-label-input { display: flex; }
.discount-field { padding:3px 10px 0px; float: left; height: 33px; border:1px solid #d8d8d8; margin-right: 4px; font:400 14px/25px 'Source Sans Pro', Arial, Helvetica,sans-serif;}
.discount-button { padding:4px 10px; border:0; background:#e7e7e7; color:#6e6e6e; cursor:pointer; font: 600 16px/25px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; }
.shop-form-element-password-notification,
.shop-form-row.error-notification-row { font-size:14px; color:#d13239; }
.form-error, .formfield.form-error {border: 1px solid rgb(209, 50, 57);background-color: rgba(209, 50, 58, 0.279);}
.errormelding,
.login-errormessage,
.error-message { padding:15px 0; color:#d13239; }
.login-errormessage.reviewform { padding:15px 0 0; text-align:right; }
.shop-cart-reference-wrapper { margin: 0 0 13px 0; }
.shop-footer-container h4,
.shop-cart-reference-wrapper h4 { margin: 0px 0 6px; font-size: 14px; display: block; max-width: 275px; }
.shop-cart-order-remarks { width:100%; margin:0 0 5px; border:1px solid #9b9c9b; }
.shop-cart-order-reference { width:81%; border:1px solid #d8d8d8; }
.shop-cart-order-reference { padding:5px 10px; font:normal 14px/18px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; }
.shop-cart-footer-wrapper { display:flex; flex-direction:column; }
.shop-details-container { justify-content:space-between; order:1; margin: 0 0 20px; }
.shop-cart-order-remarks { padding:5px 10px; resize:vertical; }
.shop-form-wide-buttons-container { display:flex; justify-content:space-between; order:2; margin: 0 0 25px; }
.shop-form-wide-buttons.top { margin:0 0 15px; }
.shop-form-wide-button-wrapper { display:flex; align-items:center; }
.discount-button { background-color:#6e6e6e; color:#fff; }
.discount-button:hover { box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.2); }
/* TL@FB :: 20210224 winkelwagen */
.shop-cart-item-discount-row { width:100%; display: flex; flex-direction: row; }
.shop-cart-item-discount-label { color: #3cbb00; }
.shop-cart-modal-msg { background-color: #FFF; padding: 20px; max-width: 500px; }
/**
* SHOPFLOW PROGRESSBAR
*/
.shop-progress-mobile-container { display: none; }
.shop-progress-container {
display:flex; flex-flow: row nowrap;
/*-webkit-flex-direction:row; flex-direction:row;
-webkit-flex-wrap: nowrap; flex-wrap: nowrap;
-webkit-flex-grow: 1; flex-grow: 1;*/
margin:0 0 29px; background:#fff; border:1px solid #e4e4e4; overflow:hidden;
}
.shop-progress-item { flex-grow: 1; position: relative; }
.shop-progress-item.step1 { flex-grow: 1; }
.shop-progress-item.step2 { flex-grow: 0.8; }
.shop-progress-item.step3 { flex-grow: 0.7; }
.shop-progress-item.step4 { flex-grow: 1.3; }
.shop-progress-item.step5 { flex-grow: 1.3; }
.shop-progress-item.step6 { flex-grow: 1.4; }
.shop-progress-item-text { padding:15px 5px 0px 30px; height: 32px;
font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color: #b3b3b3; z-index:5; }
.shop-progress-item-text.first { padding:15px 5px 0px 15px; }
.shop-progress-item-text.first .fa { margin-right: 5px; }
.shop-progress-item.connection
.shop-progress-item-text { font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color:#4ab41c; }
.shop-progress-item.active
.shop-progress-item-text { font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color: #fff; }
.shop-progress-item.clickable
.shop-progress-item-text { font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color: #8d8d8d; }
.shop-progress-item.clickable { cursor: pointer; }
.shop-progress-item.connection { width:130px; }
.shop-progress-item-divider {
position:absolute; top:0; right:-14px; height:47px; width:26px;
background:url('/images/shopflow/shop-progress-divider-white.svg') 0 0/26px 47px no-repeat; z-index:15;
}
.shop-progress-item.active { background: #000; }
.shop-progress-item.active .shop-progress-item-divider { background:url('/images/shopflow/shop-progress-divider-black.svg') 0 0 / 26px 47px no-repeat; }
.payment-method-errormelding-wrapper { display:flex; justify-content:flex-end; margin:0 0 20px; padding:10px 0 0; }
.payment-method-errormelding-wrapper.left { justify-content:flex-start; }
#missing-bank-notification { color:#f00; }
.shop-overview-payment-return-message-wrapper { display:flex; margin:0 0 30px; padding: 15px 20px; background:#fff2f3; border:1px solid #ffc0c3; }
.shop-overview-payment-return-icon { margin:0 20px 0 5px; padding:6px 0 0; font-size:36px; color: #d13239; }
.shop-overview-payment-return-message { font-size:16px; }
/**
* SHOP BETAALMETHODE
*/
.shop-paymentmethod-wrapper { padding: 20px 25px; border:1px solid #e4e4e4; background:#efefef; }
.shop-paymentmethod-row { display:flex; margin:0 0 5px; padding:3px; color:#000; border:1px solid #f1f1f1; cursor:pointer; }
.shop-paymentmethod-row.selected { border-radius:2px; border:1px solid #e4e4e4; background: #FFF; }
.shop-paymentmethod-row:hover { border-radius:2px; border:1px solid #FFF; background: #FFF; }
.shop-paymentmethod-item { padding:10px 0; flex:1 0 22%; display: flex; flex-flow: column; justify-content: center; }
.shop-paymentmethod-details { padding:10px 0; flex:1 0 78%; }
.shop-paymentmethod-item label { cursor: pointer;}
.shop-paymentmethod-details-ideal { float: right; padding-left: 2%; width: 100%;}
.shop-paymentmethod-details-dropdown-container { display:flex; }
.shop-paymentmethod-details-dropdown-icon { display:inline-block; height:30px; width:35px; cursor:pointer; }
.shop-paymentmethod-details-dropdown-icon img { width:100%; }
.shop-paymentmethod-details-dropdown-label { padding:4px 10px; }
.shop-paymentmethod-details-bank { padding-top: 10px; }
.shop-paymentmethod-details.icons.incasso { display:flex; flex-flow: column nowrap; }
.shop-paymentmethod-a-agree { padding: 0px 40px 2px 25px; }
.shop-paymentmethod-a-agree label:hover { text-decoration: underline; cursor: pointer; }
.incasso .shop-paymentmethod-a-agree label:hover { text-decoration:none; }
.shop-paymentmethod-a-agree input[type="checkbox"] { margin-left: -19px; }
.shop-paymentmethod-a-iban,
.shop-paymentmethod-a-bic { position:relative; padding: 3px 0px 3px 25px; }
.shop-paymentmethod-a-iban input[type="text"],
.shop-paymentmethod-a-bic input[type="text"] { font-size: inherit; font-family: inherit; }
.shop-paymentmethod-a-iban label,
.shop-paymentmethod-a-bic label { display:inline-block; width:110px; }
#uitleg-bic {
position:absolute; bottom:35px; left:0; padding:15px 20px;
background:#fff; border:1px solid #e4e4e4; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3); z-index:150; display:none;
}
.shop-paymentmethod-a-bic:hover #uitleg-bic { display:block; }
.shop-paymentmethod-a-bic .fa { font-size:12px; }
.shop-paymentmethod-details.icons { display:flex; }
.shop-paymentmethod-details-icon { height:29px; cursor: pointer; }
.shop-paymentmethod-details-icon.master img { width:45px; margin:0 7px 0 0; padding:2px 0 0; }
.shop-paymentmethod-details-icon.visa img { width:45px; margin:0 7px 0 0; padding:8px 0 0; }
.shop-paymentmethod-details-icon.amex img { width:35px; }
.shop-paymentmethod-details-icon.paypal img { width:62px; padding:8px 0 0; }
.factuur_nietbeschikbaar { margin: 10px 0px; padding:15px; border: 1px solid #E4E4E4; background: #F1F1F1;; overflow: auto; }
.factuur_nietbeschikbaar img { margin:0 20px 0 0; float: left; width: 80px; }
.factuur_nietbeschikbaar .titel { margin:0; color:#000; font-weight:bold; }
/**
* SHOP BEVESTIGEN
*/
#finish_order_form { font-size: 15px; }
.shop-overview-container { display:flex; flex-flow: row nowrap; justify-content:space-between; }
.shop-overview-side { flex:0 0 32.3%; }
.shop-overview-main { flex:0 0 65.3%; }
.shop-cart-divider { display: none; }
.shop-overview-row { padding: 10px 15px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #e4e4e4; background: #FFF; display: flex; }
.shop-overview-row.shop-details-container { background:#f3f3f3; border-bottom: 1px solid #e4e4e4; }
.shop-overview-side-contentblock { position: relative; padding: 10px 15px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #e4e4e4; background: #f1f1f1; }
.shop-overview-side-contentblock:last-child { border-bottom:1px solid #e4e4e4; }
.shop-overview-side-contentblock h3 { position:relative; font-size:16px; line-height:22px; }
.shop-overview-side-contentblock h3 .fa-chevron-down { position:absolute; right:0; top:0; display:none; }
.shop-overview-side-contentblock h3 .fa-chevron-up { position:absolute; right:0; top:0; display:none; }
.shop-overview-side-contentblock h3 { font-size: 16px; }
.shop-overview-side-contentblock .fa.fa-chevron-down,
.shop-overview-side-contentblock .fa.fa-chevron-up { display: none; }
.nieuw-afhaalpunt-pointer-bevestigen { position: absolute; bottom: 1px; right: 4px; }
.shop-overview-row-titles { font-weight:bold; font-size:14px; padding: 0px 10px; background: #f1f1f1; }
.shop-overview-row-item { padding:7px 1.4%; }
.shop-overview-cover { flex:0 0 15%; }
.shop-overview-cover img { width: 100%; }
.no-flexbox .shop-overview-cover img { width:auto; }
.shop-overview-cover .ereader img { width: 65%; }
.shop-overview-description { flex:0 0 36%; }
.shop-overview-quantity { flex:0 0 5%; text-align:center; }
.shop-overview-price { flex:0 0 12%; }
.shop-overview-price-before { display:block; color:#aaa; text-decoration:line-through; }
.shop-overview-total { flex:0 0 12%; flex-grow: 1; text-align:right; }
.shop-overview-row-titles .shop-overview-total { color:#000; }
.shop-overview-cart-details-container { flex:1 0 50%; order:1; }
.shop-overview-detail { display: flex; flex-flow: row nowrap; justify-content: space-between; }
.shop-overview-detail.total { font-weight: 600; }
.shop-overview-detail-payment { display: none; }
.shop-overview-detail-payment-content { display: flex; }
.shop-overview-detail-payment-content-icon { flex: 0 0 20%; }
.shop-overview-detail-payment-content-icon img { width: 80%; }
a.change { color: #0055c8; margin-top: 2px; display: inline-block; }
.shop-overview-cart-shipping { flex: 1 0 50%; }
.shop-overview-cart-shipping h4 { margin: 0 0 3px; font-size: 14px; display: block; max-width: 275px; }
.cart-shipping { max-width:240px; padding:10px 0 10px 40px; font-size:14px; line-height:16px; }
.cart-shipping.postnl { background:url('/images/shopflow/logo-postnl.svg') 8px 6px / 23px auto no-repeat; }
.cart-shipping.fedex { background:url('/images/shopflow/logo-fedex.svg') 3px 20px / 30px auto no-repeat; }
.cart-shipping.email { background:url('/images/shopflow/icon-email.svg') 3px 14px / 26px auto no-repeat; }
.cart-shipping.bookshelf { background:url('/images/shopflow/bookshelflogo.png') 8px 14px / 18px auto no-repeat; }
.shop-overview-cart-shipping .shop-overview-detail-payment-content { display:block; }
.shop-overview-cart-shipping .shop-overview-detail-payment-title .fa { display:none; }
.shop-overview-conditions-box {
margin: 0 0 15px;
padding: 10px 15px;
background: #f1f1f1;
border: 1px solid #e4e4e4;
display: flex; flex-flow: row wrap;
}
.shop-overview-conditions-box.alert {
/*border: 1px solid #f2781e;*/
}
.terms-vink { width: 26px; }
.terms-vink input[type="checkbox"] { margin-right: 4px; }
.terms-text { width: calc(100% - 26px); cursor: pointer; font-size: 15px; line-height: 20px; }
.av_ruler { border-top: 1px solid #e4e4e4; padding-top: 5px; margin-top: 5px; width: 100%; height: 1px; }
.shop-betalingsverplichting-melding {
padding: 10px 15px;
background: #f1f1f1;
border: 1px solid #e4e4e4;
}
/**
* SHOP PSP BETALEN
*/
.shop-psp-wrapper { padding: 20px 25px; border:1px solid #e4e4e4; background:#efefef; text-align: center; }
.shop-psp-spinner { height: 58px; width: 58px; background: url(/images/shopflow/hourglass.gif) 0 0 no-repeat; margin: 40px auto 25px;}
/**
* SHOP FOOTER
*/
.shop-footer-container { margin:0 auto 50px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.shop-footer-column {
display: flex; flex-flow: row nowrap; justify-content: space-around;
flex: 0 0 calc(50% - 10px); padding: 12px 15px;
border: 1px solid #e4e4e4;
background: #f1f1f1;
}
.shop-footer-column.contact {
flex-flow: column nowrap; width: calc(50% - 10px); font-size: 14px; line-height: 18px; background: #fff;
border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px;
}
.shop-footer-column.payment { width: calc(50% - 10px); align-items: center; background: #fff; border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
.shop-footer-column-right { display: flex; flex-flow: row nowrap; }
.shop-footer-container.checkout { margin:0 auto; }
.details-contact-phone,
.details-contact-email { font-weight: 600; padding-top: 3px; }
.details-contact-phone { margin-right: 15px; }
.details-contact-email a { color: #e12f29; font-weight: 600; }
.shop-footer-payment-item { width: 14%; text-align: center; }
.shop-footer-payment-item img { width:75%; }
.shop-footer-payment-item.ideal img { width:50%; }
/**
* SHOP
*/
.shop-form-row { display:flex; align-items:flex-end; width:100%; margin:0 0 18px; }
.shop-form-row.zakelijk { display:none; }
.shop-form-element { flex:0 1 19%; margin:0 3% 0 0; }
.shop-form-element.aanhef { flex:0 0 11%; margin:0 8px 0 0; }
.shop-form-element.voornaam { flex:0 0 217px; margin:0 3% 0 0; }
.shop-form-element.small { flex:0 0 auto; margin:0; }
.shop-form-element.medium { flex:0 0 18.5%; }
.shop-form-element.wide { flex:0 0 31%; }
.shop-form-element.full { flex:0 1 auto; align-self:center; }
.shop-form-element-radio { }
.shop-form-element-label { position:relative; margin:0 0 3px; padding:0 10px 0 0; ___font-weight:600; color:#000; }
.shop-form-element-label-flag { position:absolute; top:0; right:0; font-size:10px; font-weight:normal; color:#999; font-style:italic; }
.shop-form-element-radio-label { display:inline-block; padding:5px 15px 5px 5px; cursor: pointer;}
.shop-form-element-radio-label.active { background:#fff; __border-radius:3px; font-weight:600; }
.shop-form-element-select { width:101%; height:34px; border:1px solid #a1a1a1; font-size:15px; line-height:22px; }
.shop-form-element-select.account { margin:0 10px 15px 0; }
.shop-form-element-textfield { width:96%; margin: 0 0 10px; padding:5px 2%; border:1px solid #a1a1a1; font-size:15px; line-height:22px; }
.shop-form-element-textfield.disabled { background:#e4e4e4; color:#777; }
.shop-form-element-textfield.small { width: 200px; }
.shop-form-element-textfield.medium { width: 400px; }
.shop-form-element-telephone-alert { display:block; color:#868282; font-size:14px; line-height:16px; }
.int-warning { color:#f00; font-size:14px; line-height:16px; }
/*.shop-paymentmethod-wrapper h2 { font-size: 22px; margin: 8px 5px; font-weight: 400; }*/
.shop-pagetitle.left { float: left; }
.shop-form-wide-buttons.left { display: flex; align-items: flex-start; margin: 0 10px 15px 0; }
.shop-form-wide-buttons.right { display: flex; align-items: flex-start; text-align: right; }
.boxed { }
.thankyoupage-container { display:flex; justify-content:space-between; }
.thankyoupage-title { margin:0 0 35px; line-height:30px; font-size:28px; font-weight:600; text-align:center; }
.thankyoupage-subtitle { font-size:22px; font-weight:600; }
.thankyoupage-overview { width:calc(50% - 60px); padding:20px 25px; border:1px solid #e4e4e4; background:#efefef; }
.thankyoupage-extra { width:calc(50% - 60px); padding:20px 25px; border:1px solid #e4e4e4; background:#efefef; }
.thankyoupage-cart-overview-row { display:flex; justify-content:space-between; margin:0 0 5px; padding:10px 0 0; border-top:1px solid #c2c2c2; }
.thankyoupage-cart-overview-image { width:75px; }
.thankyoupage-cart-overview-details { width:265px; }
.thankyoupage-cart-overview-share { width:66px; }
.thankyoupage-cart-overview-share a { color:#888; }
.thankyoupage-cart-overview-share a:hover { color:#333; }
.orderdetails-overview-row { display:flex; }
.orderdetails-overview-label { width:180px; }
.orderdetails-overview-value { width:220px; font-weight:600; }
.thankyoupage-cart-overview { padding:15px 0 0; }
.btn-w-ind-wrapper { display: flex; align-items: center; }
#formEditProfile_btsubmit { margin: 0 !important; }
.wait-indicator { margin: 0 0 0 10px; }
@media only screen and (max-width: 770px) {
.footer { height: auto; }
.shop-buttons-wrapper { flex-flow: column; }
.mobilewide,
.shop-buttons-wrapper .btn { display: block; width: 100%; padding: 12px; text-align: center; margin-bottom: 10px;}
.shop-form-wide-buttons-container a.btn-primary,
.shop-buttons-wrapper a.btn-primary { order: 2; }
.shop-submit-buttons-wrapper { display: flex; order: 1; width: 100%; }
.shop-headerpart { display: none; }
.shop-headerpart.active { display: block; background: none; }
.shop-content-header-container,
.shop-pagetitle-buttonswrapper,
.shop-footer-container,
.shop-footer-column-right,
.shop-form-wide-buttons-container { flex-flow: column nowrap; }
.shop-form-wide-buttons.left { margin: 0 0 10px; }
.shop-pagetitle-buttonswrapper { display: none }
.shop-content-header-container h1 { text-align: center; }
.shop-footer-column.payment { flex: 0 0 auto; width: auto; }
.shop-footer-column.contact { flex: 0 0 auto; width: auto; margin: 0 0 10px; }
.shop-cart-quantity { position: relative; top: 0; right: 0; }
.shop-cart-item-handler.remove { position: absolute; top: 10px; right: 5px; }
.shop-cart-item-handler.remove .label { display: none; }
.shop-cart-row { flex-wrap: wrap; }
.shop-cart-row.first { border-color: #000 #e5e5e5 #e5e5e5; border-style: solid; border-width: 4px 1px 1px; }
.shop-cart-row-titles { display: none; }
.shop-cart-cover { flex: 0 0 27%; }
.shop-cart-description { flex: 0 0 70%; }
.shop-cart-price { flex: 0 0 100%; padding: 0 10px 10px; }
.shop-cart-total { display: none; }
.shop-cart-cart-shipping-container { flex: 0 0 100%; }
.shop-cart-cart-details { width: 100%; }
.shop-cart-cart-details-container { flex: 0 0 100%; padding: 0 10px; }
.shop-cart-detail,
.shop-cart-detail-total { flex-flow: row; }
.account-overview-row { flex-flow: column nowrap; }
.account-edit-button { margin: 0 0 50px; }
.banks-overview { padding: 15px 0 0; }
.payment-option-wrapper { padding: 0 0 20px; }
.shop-cart-confirmation-addresses { flex-flow: column nowrap; }
.shop-cart-confirmation-address.left { width: 100%; }
.shop-cart-confirmation-address.right { width: 100%; }
#opmerkingen { width: 100% !important; }
.shop-cart-confirmation-box { flex-flow: column nowrap; }
.shop-cart-confirmation-titlescontainer { display: none; }
.shop-cart-confirmation-itemrow { flex-flow: row wrap; }
.shop-cart-confirmation-cell.cover { width: 35%; }
.shop-cart-confirmation-cell.title { width: 65%; font-size: 13px; }
.shop-cart-confirmation-cell.title a { font-size: 15px; }
.shop-cart-confirmation-cell.price { display: none; }
.shop-cart-confirmation-cell.total { width: 100%; }
.shop-cart-confirmation-label { flex: 0 0 70%; }
.shop-cart-confirmation-price { flex: 0 0 30%; }
.shop-buttons-wrapper.confirmation { flex-flow: column nowrap; }
.shop-buttons-wrapper.confirmation .shop-previous { order: 2; width: 100%; text-align: left; }
.shop-buttons-wrapper.confirmation .formulier-submit { order: 1; width: 100%; margin: 0 0 25px; }
.shop-buttons-wrapper.confirmation .formulier-submit button { display: flex; justify-content: center; width: 100%; }
}
/**
* FORM
*/
.account-block-wrapper { padding: 30px 20px; border-top: 4px solid #000; background: #fff; margin-bottom: 20px; }
.formulier-sectie { padding: 10px 0; }
.formulier-sectie-subtitle { font-weight: 700; margin: 10px 0px 5px; }
.form-row { display: flex; }
.form-row-label { flex: 0 0 240px; padding: 5px 0; }
.form-row-input { position: relative; flex: 0 0 450px; padding: 5px 0; }
.form-row-input-info { padding: 5px 0 0; font-size: 12px; line-height: 14px; }
.formfield.short { width: 150px; }
.form-row-password { display: flex; flex-flow: row nowrap; }
.accountpage-password-change-wrapper { padding-top: 3px; }
.accountpage-password-wrapper { font-size: 26px; padding: 3px 15px 3px 15px; background: #F2F2F2; margin-right: 15px; }
.custom-password { height: 34px; font-size: 26px; }
.formfield { width: 100%; padding: 3px 7px; border: 1px solid #a1a1a1; }
.formfield.disabled { background: #eee; }
#factuur_landcode_select { margin: 0 0 2px; border: 1px solid #a1a1a1; }
.account-email-check { position: absolute; top: 7px; right: 7px; }
@media only screen and (max-width: 770px) {
.form-row { display: block; }
.form-row-label { padding: 0; }
.form-row-input { margin: 0 0 10px; }
.formulier-sectie-subtitle { margin: 0 0 5px; padding: 15px 0 0; font-weight: 700; }
.terms-check { font-size: 13px; line-height: 16px; }
}
@media only screen and (max-width: 770px) {
#factuur_landcode_select { max-width: 240px; }
}