/* Purely visual styling (“look-and-feel”) for a website. */

/*
 *  1. General
 *  2. UIkit override
 *  3. TW classes
 *  4. Layout
 *  5. Menu
 *  6. Elements
 *  7. Theming
 *  8. Responsive
*/

/* **************************************************************
   1. GENERAL ***
   ************************************************************** */

/* Typography */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CLora:400,400i%7CShadows+Into+Light:400');

html  { font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 1.72; }
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6  { font-family: 'Droid Sans', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle, .uk-logo { font-family: 'Droid Sans', sans-serif; font-weight: 400; letter-spacing: 1px; }

html.maintenance-page { color: #8ba59b; }
body.maintenance-page { background: #4e6d62; }

/* General elements */
html { background-color: #1c211f; }
blockquote { display: block; background: #F5F5F5; padding: 20px; border-left: 4px solid #BBB; font-style: normal; }

ol, ul { padding-left: 15px; }

.field--name-body p:last-of-type { margin-bottom: 0; }
.field--name-body .uk-button-primary { background: #B29F6B; border: 1px #B29F6B solid; }
.field--name-body .uk-button-primary:hover { background: #222; border: 1px #222 solid; }

h1 strong, h2 strong, h3 strong, h4 strong { font-weight: normal; }

#edit-spammaster-signature{
  display: none !important;
}

/* **************************************************************
   2. UIKIT overrides ***
   ************************************************************** */

.uk-label { background-color: #bbb; letter-spacing: 1px; font-size: 12px; padding: 1px 10px; border-radius: 3px; white-space: normal; }
.uk-large-label { font-size: 26px; letter-spacing: 2px; text-transform: uppercase; }
h1.uk-label { background-color: #222; }

.uk-label-success {background-color: #6A877A; }
.uk-label-warning {background-color: #b69f63; }

.uk-breadcrumb { margin: 15px 0 0 0; }

.uk-card-badge { right: inherit; }
.uk-card-primary { background: #628879; }

.uk-link, a { color: #b69f63; }
.uk-link:hover, a:hover { color: #111; }

.uk-article-title { color: #b69f63; }

.uk-link-heading a:hover { color: #B29F6B !important; }

.uk-table caption { font-size: 1.25rem; }
.field--name-dynamic-block-fieldnode-ingredienten-viewsblock .uk-table { margin-bottom: 40px; }


/* **************************************************************
   3. TW Lovely overrides ***
   ************************************************************** */

.copyright { color: rgba(255,255,255,0.5); }
#homepagenewsviews .tw-image-hover { min-height: 152px; background-color: #fff; }
.uk-button.uk-button-text { padding: 0; border: none; color: #b69f63; }
.uk-button.uk-button-text:hover { color: #111; }
.tw-carousel-post .post-title a:hover { color: #B29F6B; }
.tw-box > i { color: #92b1a5; }


/* **************************************************************
   4. LAYOUT ***
   ************************************************************** */

/* Homepage - top z-index */

/* Footer wrapper */
footer.uk-section-secondary { background: #111; }

/* Banner bottom */
.banner-bottom-wrapper.uk-section-secondary { background-color: #1c211f; }

/* Secondary */
.main-top.uk-background-secondary,
#homepagebannerhero .uk-section-secondary { background-color: #4e6d62; }



/* Cookie banner */
.eu-cookie-compliance-banner .eu-cookie-compliance-content { margin-top: 17px; margin-bottom: 32px; }
.eu-cookie-compliance-message h1, .eu-cookie-compliance-message h2, .eu-cookie-compliance-message h3, .eu-cookie-compliance-message p { color: #fff; font-weight: bold; line-height: 1.1; margin: 0 0 2px 0; }
.eu-cookie-compliance-message, .eu-cookie-compliance-message p { font-weight: normal; color: #fff; line-height: 1.2; padding-top: 10px; font-size: 13px; }
.eu-cookie-compliance-buttons { margin: 10px 0 0 0; }


/* **************************************************************
   5. MENU ***
   ************************************************************** */

/* Main menu & sticky */

#platform-main-menu { margin-top: 90px; z-index: 2000; }

.userbar-wrapper.uk-section-secondary, .uk-sticky.uk-active { background-color: #222; }

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { height: 68px; line-height: 68px; }
.uk-navbar-item .uk-logo img { width: 259px; height: 165px; }

.uk-sticky.uk-active .uk-navbar-item .uk-logo img { height: 48px; margin-bottom: inherit; }

#page--header .uk-navbar-container:not(.uk-navbar-transparent) { background-color: transparent; }
#page--header .uk-navbar .uk-navbar-nav li a { text-transform: inherit; font-size: 25px; padding: 0 20px; }
#page--header .uk-navbar .uk-navbar-nav li a { color: rgba(255,255,255,1); transition: none;}
#page--header .uk-navbar .uk-navbar-nav li a:hover { color: rgba(182,159,99,1) !important; text-decoration: underline;}
#page--header.uk-sticky.uk-active .uk-navbar .uk-navbar-nav li a { font-size: 85%; }
#page--header .uk-navbar .uk-navbar-nav li:last-child a { padding-right: 0; }

#page--header .uk-navbar .uk-navbar-nav .uk-navbar-dropdown .uk-navbar-dropdown-nav li a { color: #666 !important; }
#page--header .uk-navbar .uk-navbar-nav .uk-navbar-dropdown .uk-navbar-dropdown-nav li a:hover { opacity: .6; }

/*
.path-frontpage #page--header .uk-navbar .uk-navbar-nav li a,
.uk-sticky.uk-active .uk-navbar .uk-navbar-nav li a { color: rgba(255,255,255,1); }
.path-frontpage #page--header .uk-navbar .uk-navbar-nav li:hover a,
.uk-sticky.uk-active .uk-navbar .uk-navbar-nav li:hover a { color: rgba(255,255,255,0.5) !important; }
.path-frontpage #page--header .uk-navbar .uk-navbar-nav li a.is-active,
.uk-sticky.uk-active .uk-navbar .uk-navbar-nav li a.is-active{ color: rgba(255,255,255,1); }
*/

/* Top menu */
.navbar-top {
  position: absolute;
  top: 1rem;
  right: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.path-node-1371 .navbar-top {
  right: 4.75rem;
}
.path-node-1371 #platform-main-menu{
}
.user-logged-in .navbar-top {
  right: -0.5rem;
}

.region-navbar-top{
  display: flex;
  justify-content: flex-end;
}

.block-biok-community-login-block a{
  font-size: 13px;
  border: 1px solid #b69f63;
  background-color: #b69f63;
  color: #fff;
  padding: 6px;
  margin: 0 4px;
  border-radius: 90px !important;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.block-biok-community-login-block a:hover{
  padding: 8px 10px;
  margin: 0;
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .region-navbar-top .block-biok-community-login-block{
    display: none;
  }
}


/* Offcanvas menu */
.uk-navbar-toggle-icon { margin-top: 3px; position: absolute; top: 0; bottom: 0; right: 0; }
.region-offcanvas .uk-nav li a { font-size: 1.1rem; }

/* User menu */
#platform-account-menu { margin-top: 5px; bottom: inherit; }

#platform-account-menu ul.uk-navbar-nav { margin-top: 0; float: right; }
#platform-account-menu ul.uk-navbar-nav li { display: inline-block; text-align: right; margin-top: 0; }
#platform-account-menu ul.uk-navbar-nav li a { padding: 0 15px; opacity: .42; font-size: 85% !important; }
#platform-account-menu ul.uk-navbar-nav li a:hover { text-decoration: none; opacity: .8; }
#platform-account-menu ul.uk-navbar-nav li:after { content: ' | '; display: inline-block; margin-left: 8px; margin-right: 11px; opacity: .2; }
#platform-account-menu ul.uk-navbar-nav li:last-child:after { content: none; margin-right: 0; }

/* User menu Offcanvas */
#platform-account-menu-offcanvas ul.uk-list { margin-top: 0; float: right; }
#platform-account-menu-offcanvas ul.uk-list li { display: inline-block; text-align: right; margin-top: 0; }
#platform-account-menu-offcanvas ul.uk-list li a { padding: 0 15px; opacity: .42; font-size: 13px; }
#platform-account-menu-offcanvas ul.uk-list li a:hover { text-decoration: none; opacity: .8; }
#platform-account-menu-offcanvas ul.uk-list li a.is-active { opacity: 1; }
#region--offcanvas #platform-biokcommunityloginblock-2{
  padding-top: 30px;
}
#region--offcanvas .block-biok-community-login-block a{
  margin: 5px 0 0 0;
}

/* Footer menu */
#platform-footer { text-align: center; }
#platform-footer ul.uk-list { margin-top: 0; float: none; }
#platform-footer ul.uk-list li { display: inline-block; text-align: right; margin-top: 0; }
#platform-footer ul.uk-list li a { padding: 0 5px; opacity: .42; font-size: 85%; }
#platform-footer ul.uk-list li a:hover { text-decoration: none; opacity: .8; }
#platform-footer ul.uk-list li.uk-active a { color: #fff; }
#platform-footer ul.uk-list li:after { content: ' | '; display: inline-block; margin-left: 8px; margin-right: 11px; opacity: .2; }
#platform-footer ul.uk-list li:last-child:after { content: none; margin-right: 0; }


/* **************************************************************
   6. ELEMENTS ***
   ************************************************************** */

/* Logo */
#platform-branding { padding-left: 0; padding-right: 0; height: auto; }
#platform-branding .uk-logo {  margin-top: -20px; margin-left: -9px; }

/* Pager */
.pager ul { margin-top: 30px; /*float: left*/; }

/* Powered by */
#platform-powered { font-size: 85%; }

/* Credits */
#credits { text-align: center; }
#credits .field { font-size: 85%; line-height: 23px; opacity: .5; /*text-transform: uppercase; margin-top: 22px;*/ }

/* Captcha */
.form-item-captcha-response .uk-input { width: 45px; }
.form-item-captcha-response .field-prefix { line-height: 36px; display: inline-block; }

/* Google map */
#map { height: 380px; width: 100%; background-color: grey; }

/* User login - block */
#userlogin { margin-top: 59px; }

/* Views - exposed form */
.views-exposed-form .form-item { flex: 1; margin-top: 0 !important; }
.views-exposed-form .form-item:not(:first-child) { padding-left: 10px; }
.views-exposed-form .form-actions { margin-top: 26px !important; margin-left: 5px; padding-left: 4px !important; }
.views-exposed-form .form-actions .uk-button-primary { background-color: #6A877A; border: 1px solid #6A877A; }
.views-exposed-form .form-actions .uk-button-primary:hover { background-color: #999; border: 1px solid #999; }

/* Addthis */
.field--name-dynamic-token-fieldnode-field-addthis { margin-top: 35px; }
.field--name-dynamic-token-fieldnode-field-addthis .field__label { margin-bottom: 5px; }

/* **************************************************************
   7. THEMING ***
   ************************************************************** */



/* BBlock - Hero 1 */
.block-block-hero1 h1 { font-family: 'Droid Sans', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; font-size: 29px; }
.block-block-hero1 .uk-light h4 { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 21px; color: #E0CB97 !important; margin-bottom: 30px !important; }
.block-block-hero1 .bb-offset-top { margin-top: 260px; }
.block-block-hero1 .bb-cal-height { min-height: 560px; }
.block-block-hero1 .uk-slideshow-items { opacity: 0.95; }
.block-block-hero1 .uk-button { background-color: transparent; }

/* BBlock - Footer 1 */
#footer1 h5 { font-size: 11px; text-transform: uppercase; margin-bottom: 0; }
#footer1 i { background-color: #111; border-radius: 50%; color: #fff; font-size: 18px; top: 6px; width: 42px; height: 50px; line-height: 50px; text-align: center; display: inline-block; }

/* BBlock - Testimonials 1 */
.block-testimonial1 h4 { font-family: 'Lora'; font-style: italic; font-size: 18px; }
.block-testimonial1 h4 p { color: #666; }
.block-testimonial1 p { color: #999; }

/* Views block - Testimonials */
.block-views-blocktestimonials-block-1 .uk-form-row { margin: 0 !important; }
.block-views-blocktestimonials-block-1 .views-field-body { font-family: 'Lora'; font-style: italic; font-size: 18px; margin-bottom: 30px; }
.block-views-blocktestimonials-block-1 .views-field-nothing img { border-radius: 50%; height: 60px; width: 60px; }
.block-views-blocktestimonials-block-1 [class*=uk-position-center-left],
.block-views-blocktestimonials-block-1 [class*=uk-position-center-right] { top: 35%; }

/* Page - Partners */
#views-uikit-partners-page-1 .image-style-thumbnail-square { border-radius: 50%; margin-bottom: 15px; }
.page-node-type-partner .field--name-field-partner-type { display: inline-block; padding: 0 10px; background: #b69f63; line-height: 1.5; font-size: .875rem; color: #fff; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 1px 10px; border-radius: 3px; white-space: normal; margin-bottom: 28px; }
.page-node-type-partner .field--name-field-logo { margin-bottom: 15px; }

/* Page - Partner products */
.page-node-type-partner-product .field--name-field-picture { margin-bottom: 15px; }

/* Page - Team */
#views-uikit-team-page-1 .image-style-thumbnail-square { border-radius: 50%; margin-bottom: 15px; }
.page-node-type-team .field--name-field-picture { margin: 20px 0 30px 0;  }
.page-node-type-team .field--name-field-picture img { border-radius: 50%; height: 280px; width: 280px; box-shadow: 0 14px 25px rgba(0,0,0,.16); }
.page-node-type-team .field--name-field-function { font-size: 19px; color: #111;  }
.page-node-type-team .field--name-body { margin-top: 25px; }
.page-node-type-team .block-page-title-block { display: none; }

/* Page - Publications */
.path-publicaties .uk-tile.uk-padding.views-row { padding-top: 25px !important; }
.field--name-dynamic-block-fieldnode-publicatie-bestellen { margin-top: 20px; }
.page-node-type-publication .field--name-body .uk-button-secondary { background: #B29F6B; border: 1px #B29F6B solid; }
.page-node-type-publication .field--name-body .uk-button-secondary:hover { background: #333; border: 1px #333 solid; }

.page-node-type-publication .field--name-field-picture { margin: 0 0 30px 0; }
.page-node-type-publication .field--name-field-picture img { height: 290px; width: auto; box-shadow: 0 14px 25px rgba(0,0,0,.16); }
.page-node-type-publication .field--name-field-publication-type { display: inline-block; padding: 0 10px; background: #b69f63; line-height: 1.5; font-size: .875rem; color: #fff; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 1px 10px; border-radius: 3px; white-space: normal; margin-bottom: 28px; }
.page-node-type-publication .field--name-field-price.field__item { font-size: 20px; margin-top: 18px; color: #111; }

.page-node-type-publication .field--name-field-thema .field__items .field__item:after,
.page-node-type-publication .field--name-field-indicaties .field__items .field__item:after,
.page-node-type-publication .field--name-field-actieve-stoffen .field__items .field__item:after { content: ', '; display: inline; }

.page-node-type-publication .field--name-field-thema .field__items .field__item:last-child:after,
.page-node-type-publication .field--name-field-actieve-stoffen .field__items .field__item:last-child:after,
.page-node-type-publication .field--name-field-indicaties .field__items .field__item:last-child:after { content: ''; display: inline; }

/* Page - Opleidingen */
.path-opleidingen .uk-tile.uk-padding.views-row { padding-top: 25px !important; }
.page-node-type-program .field--name-field-registrationform .uk-button-secondary { background: #B29F6B; border: 1px #B29F6B solid; }
.page-node-type-program .field--name-field-registrationform .uk-button-secondary:hover { background: #333; border: 1px #333 solid; }
.page-node-type-program .field--name-dynamic-block-fieldnode-planning-viewsblock .field__label { font-family: 'Droid Sans', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000;font-size: 1.85rem;line-height: 1.3; font-weight: normal; }

.page-node-type-program .field--name-field-program-type { display: inline-block; padding: 0 10px; background: #b69f63; line-height: 1.5; font-size: .875rem; color: #fff; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 1px 10px; border-radius: 3px; white-space: normal; margin-bottom: 28px; }
.page-node-type-program .field--name-field-date-start .field__items .field__item { display: block; }
.page-node-type-program .field--name-field-price.field__item { font-size: 20px; margin-top: 18px; color: #111; }

.page-node-type-program .field--name-field-related-program .node-readmore a { padding: 0 10px 5px 0; }

.page-node-type-program .field--name-field-accreditation .field__items .field__item:after { content: ', '; display: inline; }
.page-node-type-program .field--name-field-accreditation .field__items .field__item:last-child:after { content: ''; display: inline; }

.page-node-type-program .field--name-dynamic-block-fieldnode-block-locaties { padding: 25px; border: 1px solid #EAEAEA; margin-top: 15px; }
.page-node-type-program .field--name-dynamic-block-fieldnode-block-locaties .field__label { font-family: 'Droid Sans', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000; font-size: 1.85rem; line-height: 1.3; font-weight: normal; margin-bottom: 22px; }


/* Page - Articles */
.path-kenniscentrum .uk-tile.uk-padding.views-row { padding-top: 25px !important; }
.page-node-type-article .temp.uk-tile-primary { background-color: #628879;}
.page-node-type-article .field--name-field-image { margin: 0 0 30px 0; }
.page-node-type-article .field--name-field-image img { border-radius: 50%; height: 230px; width: 230px; box-shadow: 0 14px 25px rgba(0,0,0,.16); }
.page-node-type-article .field--name-field-article-type { display: inline-block; padding: 0 10px; background: #b69f63; line-height: 1.5; font-size: .875rem; color: #fff; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 1px 10px; border-radius: 3px; white-space: normal; margin-bottom: 28px; }
.page-node-type-article .field--name-dynamic-block-fieldnode-ingredienten-viewsblock .field__label { font-family: 'Droid Sans', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000;font-size: 1.85rem;line-height: 1.3; font-weight: normal; }
.page-node-type-article .field--name-field-gerelateerde-info .field__items .field__item { display: block; margin-bottom: 20px; }


.page-node-type-article .field--name-field-recipe-type .field__items .field__item:after,
.page-node-type-article .field--name-field-indicaties .field__items .field__item:after,
.page-node-type-article .field--name-field-thema .field__items .field__item:after,
.page-node-type-article .field--name-field-actieve-stoffen .field__items .field__item:after { content: ', '; display: inline; }

.page-node-type-article .field--name-field-recipe-type .field__items .field__item:last-child:after,
.page-node-type-article .field--name-field-actieve-stoffen .field__items .field__item:last-child:after,
.page-node-type-article .field--name-field-thema .field__items .field__item:last-child:after,
.page-node-type-article .field--name-field-indicaties .field__items .field__item:last-child:after { content: ''; display: inline; }

.path-kenniscentrum .views-row .views-field-field-article-type {float: left; margin-right: 5px; }
.path-kenniscentrum .views-row .views-field-field-wimed-access-required { float: left; margin-top: 3px; }
.path-kenniscentrum .views-row .views-field-field-wimed-access-required .uk-label.publiek { background-color: #6A877A; }
.path-kenniscentrum .views-row .views-field-title { clear: both; }


/* **************************************************************
   8. RESPONSIVE ***
   ************************************************************** */

/* MOUSE device (no hover support) ------------------------------ */

@media (hover:hover) {

}

/* NARROW Layout - Small @xs ------------------------------------- */

@media (min-width: 375px) {

}

/* NARROW Layout - Small @s ------------------------------------- */

@media (min-width: 640px) {

    /* Page - Partners */
    .page-node-type-partner .field--name-field-partner-type { position: absolute; right: 30px; }

    /* Page - Opleidingen - Articles Publications */
    .page-node-type-article .field--name-field-image { float: right; }
    .page-node-type-publication .field--name-field-picture { float: right; }

}

/* TABLET Layout - Medium @m ------------------------------------- */

@media (min-width: 960px) {

    h2, .uk-h2 { font-size: 1.85rem; }

    /* Logo */
    .uk-navbar-item .uk-logo img { width: 287px; height: 183px; margin-top: 20px; }

    /* Navbar */
    .uk-navbar-nav { margin-top: 9px; }

    /* To top*/
    .totop { float: right;  margin: 0; display: block; }

    /* Footer menu */
    #platform-footer { text-align: left; }
    #platform-footer ul.uk-list { float: left; }

    /* Credits */
    #credits { text-align: right; }

}

/* WIDE Layout - Large @l ---------------------------------------- */

@media (min-width: 1200px) {

}

/* EXTRA WIDE Layout - Large @xl --------------------------------- */

@media (min-width: 1600px) {

}