/*d
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/************************************************
 * FONTS
 ************************************************/

@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200..455&family=Work+Sans:ital,wght@0,400..650;1,400..650&display=swap");

body {
    color: #000000;
    font-family: "Work Sans", sans-serif;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
}


/****************
 * HEADLINE 1
 ****************/


/* Site Logo */

.site-logo h1,

/* Site Logo Post */

.site-logo p {
    font-family: "Roboto Slab", serif;
    font-size: 6rem;
    font-weight: 310;
    letter-spacing: -3.5px;
    line-height: 8rem;
}


/****************
 * HEADLINE 2
 ****************/

.jjj {
    font-family: "Roboto Slab", serif;
    font-size: 3.75rem;
    font-weight: 345;
    letter-spacing: -1.5px;
    line-height: 5rem;
}


/****************
 * HEADLINE 3
 ****************/


/* H1 & Entry Title */

h1 {
    font-family: "Roboto Slab", serif;
    font-size: 3rem;
    font-weight: 365;
    letter-spacing: -0.75px;
    line-height: 4rem;
}


/****************
 * HEADLINE 4
 ****************/


/* Home Entry Title */

.content h2,

/* h2 */

h2,

/* Table Header */

th {
    font-family: "Roboto Slab", serif;
    font-size: 2.125rem;
    font-weight: 390;
    letter-spacing: -0.2px;
    line-height: 2.83rem;
}


/****************
 * HEADLINE 5
 ****************/


/* Tagline */

small,

/* Footer Widget Titel */

.site-footer .widget p.widget-title,

/* h3 */

h3 {
    font-family: "Roboto Slab", serif;
    font-size: 1.5rem;
    font-weight: 435;
    letter-spacing: 0.2px;
    line-height: 2rem;
}


/****************
 * HEADLINE 6
 ****************/


/* Meest Gelezen Preview Titel */

.widget_top-posts a,

/* Vorige & Volgende Preview Titel */

.nv-post-navigation a,

/* h4 */

h4 {
    font-family: "Roboto Slab", serif;
    font-size: 1.25rem;
    font-weight: 455;
    letter-spacing: 0.3px;
    line-height: 1.67rem;
}


/****************
 * SUBTITLE 1
 ****************/

/* Delen */
.sd-content,

/* Meest Gelezen Widget Titel */

.widget p.widget-title,

/* Categorie & Datum */

.nv-meta-list li,

/* Tags */

.nv-tags-list a,

/* Vorige & Volgende */

.nv-post-navigation .previous .nav-direction,
.nv-post-navigation .next .nav-direction,

/* Data in Curriculum */

table td:nth-child(odd),

/* h5 */

h5 {
    font-family: "Roboto Slab", serif;
    font-size: 1rem;
    font-weight: 370;
    font-stretch: 120%;
    letter-spacing: 0.1px;
    line-height: 1.6rem;
    text-transform: capitalize;
}


/****************
 * SUBTITLE 2
 ****************/


/* h6 */

h6 {
    font-family: "Roboto Slab", serif;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.4rem;
}


/****************
 * BODY 1
 ****************/

.jjj {
    font-size: 1rem;
    line-height: 1.6rem;
}


/****************
 * BODY 2
 ****************/

.jjj {
    font-size: 0.875rem;
    font-weight: 450;
    letter-spacing: 0.25px;
    line-height: 1.4rem;
}


/****************
 * BODY 1 BOLD
 ****************/

strong,
b {
    font-weight: 550;
}


/****************
 * BODY 2 BOLD
 ****************/

.jjj {
    font-weight: 650;
}


/****************
 * BUTTON
 ****************/

.page-numbers,

/* Nav Left */

.builder-item--primary-menu li>a,

/* Nav Right */

.builder-item--secondary-menu #secondary-menu li>a,

/* Nav Footer */

.widget_nav_menu a,

/* Knoppen */

button,

/* Nav Bio */

ul.bio-nav {
    font-size: 0.875rem;
    font-weight: 450;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    line-height: 1.4rem;
}


/****************
 * CAPTION
 ****************/

/* figcaption */

figcaption,

/* Referentie citaat */
blockquote cite {
    font-size: 1rem;
    font-weight: 505;
    letter-spacing: 0.75px;
    line-height: 1.2rem;
}


/****************
 * OVERLINE
 ****************/


/* Formulier Label */

.wpforms-field-label {
    font-size: 0.625rem;
    font-weight: 590;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 1rem;
}


/************************************************
 * KLEUREN
 ************************************************/


/****************
 * BEIGE ACHTERGROND
 ****************/


/* Navigatiebalk */

.header-top-inner.light-mode,

/* Logo & Tagline */

.light-mode,


/* Posts & Sidebar */

body {
    background-color: #f6f4f0;
}

/* Header inline style */
.hfg_header .header-main-inner,
.hfg_header .header-top-inner {
    background-color: #f6f4f0 !important;
  }



/****************
 * BEIGE
 ****************/


/* Footer Widget Titel */

.site-footer .widget-title {
    color: #f6f4f0;
}


/****************
 * WIT
 ****************/


/* Formulier Label */

.wpforms-field-label,

/* Footer Input */

.site-footer input,
.site-footer textarea,

/* Footer a */

.site-footer .light-mode a,
.site-footer .light-mode a:hover,
.footer-top-inner a:not(.button),

/* Footer p */
.wpforms-confirmation-container,

/* Agenda Events */

.widget_upcoming_events_widget,

/* Contactformulier Error */

.wpforms-error {
    color: #ffffff;
}


/****************
 * ZWART
 ****************/

/* Pagina nummering */

.page-numbers,
.page-numbers:hover,

/* Site Logo */

.site-logo h1,
.site-logo p,

/* Nav Left */

.builder-item--primary-menu .nav-menu-primary>.primary-menu-ul li:not(.woocommerce-mini-cart-item)>a,
.builder-item--primary-menu .nav-menu-primary>.primary-menu-ul li:not(.woocommerce-mini-cart-item):hover>a,

/* Nav Right */

.builder-item--secondary-menu #secondary-menu li>a,

/* Home Entry Title */

.entry-title a,
.entry-title a:hover,

/* Sidebar Widget Entry */

.blog-sidebar a,

/* Vorige & Volgende Preview Titel */

.nv-post-navigation a,

/* Table Header */

th,

/* Nav Bio */

ul.bio-nav a {
    color: #000000 !important;
}


/****************
 * DONKERBRUIN
 ****************/


/* Footer */

.footer-top .light-mode,
.site-footer,
.footer-top-inner,

/* Knop Contactformulier */

.wpforms-container button {
    background-color: #36332d;
}


/****************
 * ORANJE
 ****************/

/* Sidebar Widget Titel */

.blog-sidebar .widget-title,

/* Tags */

.nv-tags-list a,
.nv-tags-list a:hover {
    color: #f1541b;
}


/****************
 * BLAUW
 ****************/


/* Categorie */

.category a,
.category a:hover {
    color: #1a53ea;
}


/****************
 * KAKI
 ****************/

/* Delen */
.sd-content,

/* Tagline */

small,

/* Datum */

.nv-meta-list li.date,

/* Vorige & Volgende */

.nv-post-navigation .previous .nav-direction,

/* Meer lezen */

.entry-summary a,
.entry-summary a:hover,

/* Data in Curriculum */

table td:nth-child(odd),

/* Bullets */

.nv-content-wrap ul li::before,

/* Referentie citaat */
blockquote,
blockquote cite,


/* Lijn tussen blokken */

.wp-block-separator
{
    color: #757a65;
}

blockquote::before, blockquote::after {
    background-color: #757a65;
}


/****************
 * ROOD
 ****************/


/* Links in posts */

.entry-content a {
    color: #da0531 !important;
}

/****************
 * DONKERGRIJS
 ****************/


/* Footer text area */

.site-footer textarea {
  color: #393939;
}


/************************************************
 * UITLIJNING
 ************************************************/

.site-logo {
    text-align: center;
}


/************************************************
 * LAYOUT INPUT
 ************************************************/


/* Contactformulier */

.wpforms-container input,
.wpforms-container textarea,

/* Zoekveld */

input[type="search"] {
    width: 100%;
    display: block;
    height: 40px;
    margin-bottom: 1rem;
    border: 1px solid #f6f4f0;
    border-radius: 0;
}


/* Berichtenveld */

.wpforms-container textarea {
    height: 120px;
    resize: none;
}


/* Knop Contactformulier */

.wpforms-container button {
    height: 40px;
    border: 1px solid #f6f4f0;
    border-radius: 0;
}


/* Contactformulier Error */

.wpforms-error {
    font-style: italic;
}


/* Contactformulier Laben Verplicht */

.wpforms-required-label {
    display: none;
}


/****************
 * Zoekvlak
 ****************/

.search-form,
.search-form input[type="search"] {
    width: 232px;
}


/****************
 * RANDEN
 ****************/


/* Tags */

.nv-tags-list a,
.article-content-col .content {
    border: none;
}

/* Meest Gelezen */
.nv-sidebar-wrap.nv-right {
    border-left: 1px dotted #f1541b;
}

/************************************************
 * MARGES
 ************************************************/

p {
    margin-bottom: 2rem;
}


/* Site Logo */

.site-logo h1,

/* Site Logo Post */

.site-logo p {
    margin-top: 4rem;
}


/* Tagline */

small {
    margin-bottom: 6rem;
}


/* Vorige & Volgende */

.nv-single-post-wrap .nv-post-navigation {
    margin-top: 2rem;
}


/* Verzendknop */

button[type=submit] {
    margin-top: 1rem;
}

/* Sidebar Widget Titel */

.blog-sidebar .widget-title {
  margin-top: -0.4rem;
}


/************************************************
 * PUBLICATIES
 ************************************************/


/* Lijsten */

ul.publications li {
    margin-left: -1.25rem;
}

ul.publications {
    list-style: none;
}

ul.publications li::before {
    content: "\2022";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


/************************************************
 * META
 ************************************************/


/* Categorie & Datum */

.nv-meta-list li {
    margin-top: 0.5rem;
    padding-bottom: 0;
    display: inline-block;
}


/* '/' */

.nv-meta-list li:not(:last-child)::after {
    content: ' ';
}


/* Meest Gelezen Preview Titel */

.blog-sidebar .widget ul li,

/* Footer */

.footer-top {
    margin-top: 2rem;
}


/* Post Preview */

.article-content-col .content {
    margin-bottom: 1.5rem;
}


/************************************************
 * Links
 ************************************************/


/* Nav Links */

.builder-item--primary-menu .nav-menu-primary>.primary-menu-ul li:not(.woocommerce-mini-cart-item):hover>a {
    text-decoration: underline;
}


/************************************************
 * CATEGORIE TITEL
 ************************************************/

.nv-page-title {
    display: none;
}


/************************************************
 * CURRICULUM
 ************************************************/

table td,
table th {
    padding-left: 0;
    vertical-align: top;
    border-bottom: none;
}


/************************************************
 * Menuknop en Mobiele navigatie
 ************************************************/

.builder-item--nav-icon .navbar-toggle {
    margin-top: 10px;
}

.light-mode .navbar-toggle {
    border: none;
    background-color: #757a65;
}

.light-mode .icon-bar,
.header-menu-sidebar.light-mode .header-menu-sidebar-bg {
    background-color: #f6f4f0;
}


/************************************************
 * MEDIA QUERIES
 ************************************************/

@media (min-width: 961px) {
    /* Footer Rechter Kolom */
    .builder-item--footer-one-widgets {
        /* margin-left: 0px; */
        margin-left: 59px;
    }
}

@media (min-width: 960px) {}

@media (max-width: 959px) {
    /* Site Logo */
    .site-logo h1,
    /* Site Logo Post */
    .site-logo p {
        margin-top: 4rem;
        font-size: 3.75rem;
        font-weight: 345;
        letter-spacing: -1.5px;
        line-height: 5rem;
    }
    /* Tagline */
    small {
        margin-bottom: 6rem;
    }
    /* Padding Main */
    .single-page-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    /* Insprong secundair menu */
    /* Inline #-1 | http://64.225.71.115/wp-admin/customize.php?url=http%3A%2F%2F64.225.71.115%2Fcategory%2Fessays%2F */
    .hfg-item-right .builder-item--secondary-menu #secondary-menu>li:not(:first-child) {
        /* margin-left: 20px; */
        margin-left: 0;
    }
    
    .nv-sidebar-wrap.nv-right {
      border-left: none;
    }

}

@media (max-width: 576px) {
    /* Site Logo */
    .site-logo h1,
    /* Site Logo Post */
    .site-logo p {
        margin-top: 2rem;
        font-size: 2.125rem;
        font-weight: 390;
        letter-spacing: -0.2px;
        line-height: 2.83rem;
    }
    /* Tagline */
    small {
        margin-bottom: 3rem;
    }
    /* H1 & Entry Title */
    h1 {
        font-family: "Roboto Slab", serif;
        font-size: 2.125rem;
        font-weight: 390;
        letter-spacing: -0.2px;
        line-height: 2.83rem;
    }
    
    blockquote p,
    p {
      font-size: 1.1rem;
    }
}

@media (max-width: 440px) {
    /* Afbeeldingen */
    .wp-block-image .alignleft,
    .wp-block-image .alignright {
        float: none;
        margin-left: 0;
    }
}


/************************************************
 * SCHADUW HEADER
 ************************************************/

.hfg_header.site-header {
    box-shadow: none;
}


/************************************************
 * AFBEELDINGEN
 ************************************************/

.wp-block-image>.alignleft {
    margin-top: 0.75em;
}

.wp-block-image .alignright {
    margin-top: 0.5em;
}


/************************************************
 * BLOCK SEPARATOR
 ************************************************/

.wp-block-separator {
    height: 1px;
}


/************************************************
 * BIO NAV
 ************************************************/

ul.bio-nav {
  margin-top: -0.9rem;
    padding-left: 0;
    list-style: none;
    margin-bottom: 3rem;
}

ul.bio-nav li {
    margin-right: 20px;
    display: inline-block;
}

.nv-content-wrap a:not(.button) {
    text-decoration: none;
}

.nv-content-wrap a:not(.button):hover {
    text-decoration: underline;
}


/************************************************
 * PAGINA
 ************************************************/


/* Content eerste item */

.layout-grid .content> :first-child,
.single-post-container .title,
.entry-content h2:first-of-type {
    margin-top: -0.25em;
}

/************************************************
 * WP-FORMS HONEYPOT
 ************************************************/
.wpforms-field-hp {
    display: none;
}

/************************************************
 * BLOCKQUOTE
 ************************************************/
blockquote::before {
}

blockquote::before, blockquote::after {
    display: none;
}

blockquote::after {
}

blockquote p {
  font-size: 1.3rem;
  font-weight: 500;
  font-style: italic;
}

blockquote cite {
    margin-top: -2rem;
}

/************************************************
 * EXTRA WITRUIMTE
 ************************************************/
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.nv-meta-list {
    margin-bottom: 3rem;
}

.wpforms-submit-container {
  margin-bottom: 1.25rem;
}

/* Vorige & Volgende */

.nav-direction {
  margin-bottom: 0.25rem;
}

/************************************************
 * HASHTAGS CATEGORIE
 ************************************************/
.nv-meta-list .category a::before {
  /* content: "#";*/
}

/************************************************
 * Lijntjes onder Meest Gelezen
 ************************************************/
.widget_top-posts a::after {
  content: '';
  display: block;
  height: 0;
  width: 1rem;
  margin-top: 1.5rem;
  margin-bottom: -0.75rem;
  border-bottom: 1px solid #f1541b;
}

/************************************************
 * Ruimte onder uitgelichte afbeelding
 ************************************************/
.wp-post-image {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/************************************************
 * Huidige pagina
 ************************************************/
[aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: #757a65;
}

/************************************************
 * Delen
 ************************************************/
.sd-content::before {
  display: block;
  margin-bottom: 0.5rem;
  content: 'Delen';
}
.sd-content {
  margin-top: 3rem;
}