/*
 Theme Name:   Best Verkochte Boeken PRO
 Theme URI:    http://bvb.fali.se
 Description:  Pro Child Theme for Best Verkochte Boeken
 Author:       Sander Falise
 Author URI:   http://falise.com
 Template:     pro
 Version:      2.2.0
 Text Domain:  x_bvb
*/

/*
SVG logo
 */

a.x-brand
{
    background: url( img/bvb-logo.svg ) top center no-repeat;
    background-size: contain;
}

a.x-brand img
{
    opacity: 0;
}

/*
Headers
 */

.entry-content h2
{
    font-size: 175%;
}

.entry-content h3
{
    font-size: 125%;
}

.entry-content h4
{
    font-size: 115%;
}

.entry-content h5
{
    font-size: 105%;
}

.entry-content h6
{
    font-size: 100%;
}


/*
 Form editions dropdown
 */
form#editions
{
    display: block;
    width: 100%;
    text-align: center;
}

form#editions label,
form#editions span,
form#editions select
{
    vertical-align: baseline;
    display: inline-block;
}

/*
    Book thumb in archive
 */

 #x-iso-container article.bvb-book.no-post-thumbnail .book-thumb:not(:hover) > a
 {
    /* when book has no cover; slightly show the caption */
    opacity: .2;
 }


.book-thumb.entry-featured
{
    position: relative;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: none;
    border: 1px solid #ddd;
}

.book-thumb img
{
    width: 100%;
}

.book-thumb > a
{
    display: block;
    opacity: 0;
    transition: opacity .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, .5 );
}

.book-thumb:hover > a
{
    opacity: 1;
}

.book-caption
{
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    color: white;
    font-size: 1.1em;
    text-align: center;
}

/* Exception for old IE */
body[user-agent*="trident"] .book-caption
{
    left: 0;
    top: 0;
    transform: translateY( 50% );
}

.book-caption .book-title
{
    font-weight: bold;
}

.book-caption .book-tagline
{
    font-style: italic;
}

.book-caption > div
{
    padding: .1em .5em;
}

.book-caption > div:empty
{
    display: none;
}

/*
Animate menu colors
 */

.x-navbar .x-nav-wrap.desktop a
{
    transition: color .5s, background-color .3s;
}

/*
Fix parent menu active color
 */

.current-menu-ancestor > a,
.current-menu-parent > a,
.current_page_parent > a,
.current_page_ancestor > a,
.current-menu-ancestor > a,
.current-menu-url > a
{
    color: rgb( 60, 90, 140 ) !important;
}

/*
Language switcher
 */

.x-nav-wrap .wpml-ls
{
    position: absolute;
    right: 20px;
    top: 5px;
    float: none;
    z-index: 1000;
    font-size: .85em;
}

.x-nav-wrap .wpml-ls a
{
    display: inline-block;
    text-transform: uppercase;
    color: #000;
}

.x-nav-wrap .wpml-ls a:not(.active):hover
{
    color: rgb( 60, 90, 140 );
}

.x-nav-wrap .wpml-ls a.active
{
    font-weight: bold;
    cursor: default;
}

.x-nav-wrap .wpml-ls span
{
    padding: 0 .3em;
}

/*
Fix post data
 */

html body .x-recent-posts .x-recent-posts-date
{
    text-transform: none;
}

/*
Catalogue archive
 */

.post-type-archive-bvb-catalogue .x-card-outer
{
    cursor: default;
}

/*
Recent news widget, post lists
 */

.bvb-post-list h2
{
    text-align: center;
    margin-bottom: 2em;
}

.bvb-post-list .x-recent-posts > a
{
    text-align: left;
}

.bvb-post-list .x-recent-post-excerpt
{
    color: #000;
    margin: .1em 0;
}

.bvb-post-list .x-recent-posts > a:hover .x-recent-post-more
{
    text-decoration: underline;
}

/*
More news
 */

.more-news h2
{
    margin: 0 0 .5em 0;
}

/*
Single book
 */

.single-bvb-book .entry-header *
{
    font-size: 200%;
}

.single-bvb-book .entry-header h1
{
    font-style: italic;
}

.single-bvb-book .entry-header h3
{
    font-size: 140%;
    margin: .3em 0 0 0;
}

.single-bvb-book .x-section
{
    padding: 1em 0;
}

/*
Login form
 */

.bvb-login-content
{
    margin: 0 0 .5em 0;
}

.bvb-login-form label
{
    font-weight: bold;
}

.bvb-login-form input[name="email"]
{
    max-width: 100%;
    width: 300px;
}

/*
Footer
 */

footer .x-1-1
{
    text-align: center;
    font-size: 90%;
}

/*
User profile
 */

.user-profile-fields
{
    width: auto;
    max-width: 100%;
    margin-bottom: 1em;
}

.user-profile-fields > div
{
    border-top: 1px solid silver;
    padding-top: .2em;
    margin-top: .4em;
}

.user-profile-fields > div:first-child
{
    border-top: none;
}

.user-profile-fields .label
{
    font-weight: bold;
}

.user-profile-fields .value
{
    margin-left: 1em;
    min-height: 1.5em;
}

.bvb-user-profile-submissions .x-btn
{
    margin-bottom: 1em;
}

.bvb-user-profile-form #message.updated,
.bvb-user-submission-form #message.updated
{
    display: none;
}

/*
Menu tweaks
 */

body .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce)
{
    /* Adjust padding to fit over the width of the page until mobile menu kicks in */
    padding-left: .4em;
    padding-right: .4em;
}

body .x-navbar .desktop .x-nav > li > a
{
    height: 105px;
    padding-top: 83px; /* align with bottom of logo */
    letter-spacing: 0;
    font-size: 22px;
}

body .x-navbar .desktop .x-nav > li:first-child > a
{
    padding-left: 0;
}

body .x-navbar .desktop .x-nav > li:last-child > a
{
    padding-right: 0;
}

/* Fix submenu going over parent menu item */
body .x-navbar .desktop ul.x-nav > li > ul.sub-menu
{
    top: auto;
    min-width: 250px;
}

.x-menu-item-search .x-framework-icon,
.x-menu-item-search .x-framework-icon:first-child
{
  margin: 0 !important;
}

/*
Profile menu
 */

/*
.menu-profile > a:after
{
    content: ""; /* x-theme user icon * /
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: .3em;
}
*/

body .btn-logout
{
    position: absolute;
    right: 0;
    top: -4em;
}

/*
User profile
 */

.user-profile .empty
{
    font-style: italic;
}

/*
Swiper for books navigation, at top of books page
 */

#swiper-books
{
    width: 100%;
    height: 60px;
}

#swiper-books .swiper-slide
{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 1px solid silver;
    background: white;
    margin: 0 5px;
}

#swiper-books .swiper-slide a
{
    display: block;
    width: 100%;
    height: 100%;

    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#swiper-books .swiper-slide img
{
    width: 100%;
    max-width: 140%;
    transition: width .5s, height .5s, max-width .5s, max-height .5s;
}

#swiper-books .swiper-slide:hover img
{
    width: 120%;
}

#swiper-books .swiper-button-prev,
#swiper-books .swiper-button-next
{
    width: 60px;
}

/*
Swiper for book images
 */

#swiper-book
{
    margin-bottom: 2em;
}

#swiper-book .img
{
    background: transparent url() 50% 50% no-repeat;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#swiper-book .swiper-slide
{
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#swiper-book .swiper-button-prev,
#swiper-book .swiper-button-next
{
    width: 40px;
}

#swiper-book .swiper-button-prev:after,
#swiper-book .swiper-button-next:after
{
    background-size: 60%;
}

/*
Swiper buttons
 */

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next
{
    height: 100%;
    width: 60px;
    top: 0;
    margin-top: 0;
    background: transparent;
}

.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 40%;
}

.swiper-container .swiper-button-prev
{
    left: 0;

    background: -moz-linear-gradient(left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.swiper-container .swiper-button-prev:after
{
    background-position: left center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-container .swiper-button-prev:hover:after
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233c5a8c'%2F%3E%3C%2Fsvg%3E");
}

.swiper-container .swiper-button-next
{
    right: 0;

    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.swiper-container .swiper-button-next:after
{
    background-position: right center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-container .swiper-button-next:hover:after
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233c5a8c'%2F%3E%3C%2Fsvg%3E");
}

/*
Alert box error
 */

.x-alert-error.x-alert-block
{
    border-color: red;
    border-width: 2px;
    color: red;
}

/*
Hide empty p tags
 */

p:empty,
p:blank
{
    display: none !important;
}

/*
ACF styles
 */

.acf-valid
{
    height: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    border: none !important;
}

span.acf-required
{
    font-size: 1.5em;
    vertical-align: sub;
}

.acf-error .acf-label
{
    color: red;
}

body ul.acf-radio-list li,
body ul.acf-checkbox-list li
{
    font-size: 95%;
    line-height: 1.6em;
}

.acf-field .acf-input > p.description
{
    font-style: italic;
}

body .acf-fields.-left>.acf-field:before,
body .acf-fields.-left>.acf-field>.acf-label
{
    width: 30%;
}

body .acf-fields.-left>.acf-field>.acf-input
{
    width: 70%;
}

/*
Notification bar
 */

body.submissions-open
{

}

.notification-bar
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #3c598c;
    color: #fff;
    text-align: center;
    padding: .3em 1em;
    min-height: 32px;
}

.notification-bar a,
.notification-bar a:hover
{
    display: block;
    margin: 0 auto;
    widows: 100%;
    color: white;
    text-decoration: none;
}

.notification-bar .button,
.notification-bar .button:hover
{
    display: inline-block;
    background: #fff;
    color: black;
    margin-left: .5em;
    border: none;
    padding: 0.5em 1.125em;
}

.notification-bar .button:hover
{
    color: white;
    background: black;
}

/*
Fix x btn paddings
 */

body .x-btn,
body .button,
body [type="submit"]
{
    padding: 0.563em 1.125em;
}

.textwidget p.sponsors
{
    color: rgba(0,0,0,0.65);
    font-size: .7em;
    margin: 2em auto;
}

.textwidget p.sponsors img
{
    margin: 2em 0;
}

ul.book-list
{
    list-style: none;
    padding: 0;
    margin: .5em;
}

.book-list li
{
    position: relative;
    padding-left: 1.4em;
    margin-bottom: .5em;

    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book-list .x-icon
{
    position: absolute;
    left: 0;
    top: 0;
}

.book-list .x-icon-edit
{
    color: green;
}

.book-list .x-icon-file-pdf
{
    color: darkred;
}


body .x-card-outer
{
    cursor: default;
}

body a > .x-card-outer
{
    cursor: pointer;
}

/**
 * Fix PRO migration issues
 */

/* Remove dropshadows */
.x-navbar,
.x-recent-posts a,
.x-colophon.top,
.x-colophon + .x-colophon,
.entry-wrap,
.desktop .sub-menu
{
    box-shadow: none !important;
    border: none !important;
}

/* Remove dropdown arrow in menu */
.x-navbar .desktop .x-nav li.menu-item-has-children > a > span::after
{
    display: none !important;
}

/* No icon on rollovers */
.x-recent-posts .x-recent-posts-img::before
{
    display: none !important;
}

/* Black rollover instead of blue */
.x-recent-posts .x-recent-posts-img::after
{
    background-color: rgba( 0, 0, 0, .5 ) !important;
}

/* Fix submenu font size */
.desktop .sub-menu
{
    font-size: 1.1em !important;
    left: -18px !important;
}

/* remove nav boxshadow */
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a
{
  box-shadow: none !important;
}

.edition-links.none-js
{
  text-align: center;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.edition-links.none-js h1
{
  font-size: 1em;
}

.edition-links.none-js a
{
  display: block;
}

table.payment-types td
{
    width: 33%;
}

table.payment-types .x-btn
{
    display: block;
    width: auto;
    margin-top: 1em;
}

.footer-logos
{
    text-align: center;
}

.footer-logo-images img
{
    object-fit: contain;
    vertical-align: top;
    display: inline-block;
    width: auto;
}

.home-intro,
#home-intro
{
  width: 800px;
  max-width: 100%;
  margin: 3em auto 0 auto;
}

body.home iframe[src*="youtu"]
{
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

body.archive article.bvb-book.student .book-thumb
{
    border-color: red;
}

.acf-content
{
  margin-bottom: 1em;
}

.required
{
  font-size: 1.5em;
  color: red;
}

@media screen and ( max-width: 1050px )
{  
  body .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce)
  {
      padding-left: .3em;
      padding-right: .3em;
      font-size: 20px;
  }
}