/*
 * Custom CSS
 *
 * Place here your custom CSS. This will keep your custom css when there is a theme update.
 *
 */

 :root {
     --k_black: #261F07; 	/*   */
     --k_kaki: #585229; 	/*   */
     --k_bruin: #261F07; 	/*   */
     --k_oranje: #EA862C; 	/*   */
     --k_donkeroranje: #DA5118; 	/*   */
     --k_lime: #CDCD00; 	/*   */
     --k_wit: #fffefa; 	/*   */
 }
 
/* Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
    position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
    left: auto;
    opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
    display: none;
    visibility: hidden;
}


/*oranje brown yellow zijn aangepast voor angele*/

 /*voorbeeld {
     color: var(--kleureen);
 }*/
 
/*
font-family: "spumante",sans-serif;
font-style: normal;
font-weight: 400;

font-family: "spumante",sans-serif;
font-style: normal;
font-weight: 700;

font-family: "adelle",serif;
font-style: normal;
font-weight: 400;

font-family: "adelle",serif;
font-style: italic;
font-weight: 400;

font-family: "adelle",serif;
font-style: normal;
font-weight: 700;

font-family: "adelle",serif;
font-style: italic;
font-weight: 700;

*/

body {
    background: var(--k_wit);
    color: var(--k_black);
    font: 17px/1.75 'Maven Pro', sans-serif;
    font-size: 1.6rem;
    word-wrap: break-word;
    font-family: "adelle",serif;
	font-style: normal;
	font-weight: 400;
}
p {
    margin: 0 0 10px;
}
.entry-content a,
a, 
a:visited {
    color: var(--k_oranje);
}
.entry-content a:hover,
a:hover {
    color: var(--k_kaki);
}
.site-inner {
    margin: 20px 0 0;
}
.single-portfolio .site-inner {
    /*background-color: var(--k_lime);*/
}
h2.entry-title a,
h2.entry-title a:visited {
    color: var(--k_kaki);
}
.nav-primary li li a, 
.nav-primary li li a:link, 
.nav-primary li li a:visited {
    font-size: 16px;
    padding: 15px 23px 7px;
}
.folio-entry p:first-of-type {
	font-family: "adelle",serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	color: var(--k_oranje);
	letter-spacing: 0;
    margin-bottom: 30px;
}
.folio-entry p {
    padding: 0;
}
.folio-entry blockquote p:first-of-type,
blockquote p {
    font-family: "spumante",sans-serif;
    font-style: normal;
    font-weight: 700;
    color: var(--k_donkeroranje);
    font-size: 34px;
    line-height: 1.2;
}
blockquote {
    background: none;
    padding: 20px 10px;
    width: 330px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "adelle",serif;
    font-style: normal;
    font-weight: 700;
    color: var(--k_kaki);
    line-height: 100%;
    letter-spacing: 0;
    margin: 20px 0 10px;
    word-wrap: break-word;
}
h1.entry-title {
    color: var(--k_kaki);
}
h2 {
    font-size: 20px;
    color: var(--k_kaki);
    letter-spacing: 0;
}
h3 {
    font-size: 17px;
    letter-spacing: 0;
    text-transform: uppercase;
}
h4 {
    font-size: 17px;
    letter-spacing: 0;
}
.metaItem {
    background-color: var(--k_lime);
    background-image: url(https://www.geelkensgraag.nl/cms/wp-content/themes/mindfulness/images/rand.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-left: none;
    float: right;
    margin-top: 50px;
    padding:  30px 30px;
        -webkit-border-radius:  0px 0px 20px 20px;
        -moz-border-radius: 0px 0px 20px 20px;
        border-radius: 0px 0px 20px 20px;
}

.metaItem_nav {
    border-top: none;
    float: left;
    margin-top: 18px;
    padding-top: 0;
}
.metaItem span {
    color: var(--k_bruin);
    text-transform: none;
    font-family: "adelle",serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
}
.prev_project a,
.nav-back a,
.next_project a {
    background-color: var(--k_bruin);
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px; 
      margin: 0 15px 0 0; 
}
.prev_project a:hover,
.nav-back a:hover,
.next_project a:hover {
    background-color: var(--k_oranje);
}
.metaItem span:after {
    color: var(--k_wit);
    content: "\25A0";
    font-size: 17px;
    line-height: 0;
    margin: 0px 12px;
}
h1.site-title:after, h3:after, .logo-text:after, .widget-area h4:after {
    color: var(--k_lime);
}
button, a.button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .comment-reply a, 
.archive-pagination li a, .archive-pagination li.disabled, .archive-pagination li a:hover, .archive-pagination li.active a, .slides > li a, 
.entry a.more-link {
    background-color: var(--k_oranje);
    color: var(--k_wit);
    font-family: "adelle",serif;
    font-style: normal;
    font-weight: 400;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 25px;
    font-size: 17px;
    text-transform: none;
}
#options li a, #options li a.selected, #options li a:hover {
    background-color: var(--k_lime);
    color: var(--k_wit);
    font-family: "adelle",serif;
    font-style: normal;
    font-weight: 400;
    padding: 5px 25px;
    font-size: 17px;
}
a.button:hover, a.button:focus, .comment-reply a:hover, .comment-reply a:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, 
.archive-pagination li a:hover, .archive-pagination li.active a, .comment-reply a:active, input[type="button"]:active, input[type="submit"]:active, a.button:active, .slides > li a:hover {
    background-color: var(--k_kaki);
}
.entry a.more-link:hover, 
#options li a.selected {
    background-color: var(--k_kaki);
}
#options li a:hover {
    background-color: var(--k_oranje);
}
.site-header {
    background-image: url(https://www.geelkensgraag.nl/cms/wp-content/themes/mindfulness/images/header.png);
    background-size: 1902px 148px;
    padding-top: 5px;
    min-height: 130px;
    background-position-y: -38px;
    background-repeat: repeat-x;
}

.admin-bar .site-header {
    background-position-y: -8px;
}
.header-image .site-header .title-area {
    background-position: center center;
    background-repeat: no-repeat;
    height: 129px;
    width: 89px;
    margin-top: 6px;
    background-size: contain;
}
.home .site-header {
    background-image: none;
}
.header-image .title-area, 
.header-image .site-title, 
.header-image .site-title a {
}
.site-header .wrap {
    border-bottom: none;
    min-height: 150px;
}
.gallery-columns-3 .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
    margin-bottom: 0;
    padding: 6px;
    border: none;
}
.gallery img {
    border: none !important;
}
article .media_container {
    display: none;
}
.nav-primary {
    margin-top: 40px;
}

.nav-primary li {
    padding: 3px 0;
}

.nav-primary li a {
    color: var(--k_wit);
    font-size: 18px;
    font-family: "adelle",serif;
    font-style: normal;
    font-weight: 400;
    padding: 0.3rem 1rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.nav-primary li a:hover,
.nav-primary li:hover {
    background-color: var(--k_oranje);
}
.single-portfolio .nav-primary li.menu-item-48,
.single-portfolio .nav-primary li.menu-item-48 a:hover,
.post-type-archive-portfolio .nav-primary li.menu-item-48,
.post-type-archive-portfolio .nav-primary li.menu-item-48 a:hover,
.nav-primary li.current-menu-ancestor,
.nav-primary li.current_page_item,
.nav-primary li.current_page_item a:hover {
    background-color: var(--k_lime);
    color: var(--k_wit);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.single-portfolio .nav-primary li.menu-item-48 a,
.post-type-archive-portfolio .nav-primary li.menu-item-48 a,
.nav-primary li.current-menu-ancestor a,
.nav-primary .current_page_item a {
    color: var(--k_bruin);
}
.nav-primary ul li ul li {
    background-color: var(--k_kaki);
}
.nav-primary ul li ul li a:hover {
    color: var(--k_wit);
}
.widget-wrap li:before, .widget-wrap li a:before {
    color: var(--k_donkeroranje);
}
hr {
    border-top: 4px dotted var(--k_lime);
}

.site-footer {
    background: var(--k_wit);
    background-image: url(https://www.geelkensgraag.nl/cms/wp-content/themes/mindfulness/images/logo-geelkens-klein.png);
    background-repeat: no-repeat;
    background-size: 140px;
    background-position: right;
}
.site-footer .wrap {
    border-top: none;
}
.site-footer .creds  {
    border-top: none;
    font-size: 13px;
    color: var(--k_kaki);
}
.site-footer .creds  a  {
    color: var(--k_kaki) !important;
}
.site-footer .creds span {
    font-size: 11px;
    color: var(--k_lime);
}
.site-footer .hj a {
    color: var(--k_lime) !important;
}
.site-footer .hj a:hover {
    color: var(--k_kaki) !important;
}


.prev-next-post-links {
    overflow: hidden;
    margin-bottom: 40px;
}
.previous-post-link {
    float: left;
}

.next-post-link {
    float: right;
}
div.gform_wrapper input, 
div.gform_wrapper select, 
div.gform_wrapper textarea {
    font-size: 17px !important;
    padding: 5px 25px !important;
    border: 1px solid #9E9E9E;
}
div.gform_wrapper input[type=checkbox] {
    padding: 10px !important;
}
.slides > li h3 {
    background: var(--k_oranje);
    color: var(--k_wit);
    font-size: 40px;
    font-weight: 400;
    text-transform: none;
}
.excerpt > p {
    background: var(--k_kaki);
    color: var(--k_wit);
}
.home .slides .half {
    float: right;
}
.mobile_menu.navbar-default button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}    /*media query mobile first*/
   
.site-container #top-link {
    display: none !important;
}


   @media only screen and (max-width: 768px) {

        .site-footer .wrap {
            padding: 20px 0 150px;
        }
    }
    /*media query mobile first*/
    @media only screen and (max-width: 480px) {
        .mobile_menu.navbar-default {
            margin: 0 auto;
            float: none; 
            text-align: center;
        }
        .header-image .site-header .title-area {
            margin-bottom: 20px;
        }

    }
   @media only screen and (max-width: 991px) {


.nav-primary li a:hover,
.nav-primary .sub-menu li a:hover {
    background-color: var(--k_oranje);
}
/*.nav-primary li:hover {
    background-color: transparent;
}*/

        .genesis-responsive-menu .wrap {
            padding: 0;
        }

        .genesis-responsive-menu {
            display: none;
            position: relative;
        }

        .genesis-skip-link .skip-link-hidden {
            display: none;
            visibility: hidden;
        }

        .menu-toggle,
        .sub-menu-toggle {
            border-width: 0;
            color: #333;
            display: block;
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
            visibility: visible;
        }

        .menu-toggle:focus,
        .menu-toggle:hover {
            background: var(--k_lime);
            color: var(--k_black);
            border-width: 0;
        }
        .sub-menu-toggle:focus,
        .sub-menu-toggle:hover {
            background: transparent;
            color: var(--k_wit);
            border-width: 0;
        }
        .menu-toggle {
            /*background-color: #fff;*/
            line-height: 20px;
            position: relative;
            z-index: 1000;
            /*width: 100%;*/
            float: right;
            margin-top: 20px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            padding: 10px 10px;
        }

        .menu-toggle::before {
            font-size: 1.5em;
            margin-right: 5px;
            text-rendering: auto;
            vertical-align: middle;
            margin-top: -1px;
        }

        .sub-menu-toggle {
            float: right;
            padding: 20px 20px 10px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
            background-color: transparent;
        }

        .sub-menu-toggle::before {
            display: inline-block;
            text-rendering: auto;
            -webkit-transform: rotate( 0 );
            transform:         rotate( 0 );
            -webkit-transition: transform .25s ease-in-out;
            -webkit-transition:         -webkit-transform .25s ease-in-out;
            transition:         -webkit-transform .25s ease-in-out;
            transition:         transform .25s ease-in-out;
            transition:         transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
            color: #fff;
        }

        .sub-menu-toggle.activated::before {
            -webkit-transform: rotate( 180deg );
            transform:         rotate( 180deg );
        }

        .genesis-responsive-menu .genesis-nav-menu .menu-item {
            display: block;
            float: none;
            position: relative;
            text-align: left;
            border-radius: 0;
        }

        .genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
        .genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
            position: relative;
        }

        .genesis-responsive-menu .genesis-nav-menu a:focus,
        .genesis-responsive-menu .genesis-nav-menu a:hover,
        .genesis-responsive-menu .genesis-nav-menu .sub-menu a:focus,
        .genesis-responsive-menu .genesis-nav-menu .sub-menu a:hover {
            color: var(--k_wit);
        }

        .genesis-responsive-menu .genesis-nav-menu .menu-item a {
            border: none;
            margin-bottom: 1px;
            padding: 15px 20px;
            width: 100%;
            background-color: transparent;
        }
        .genesis-responsive-menu .genesis-nav-menu .menu-item .sub-menu a {
            border: none;
            margin-bottom: 1px;
            padding: 15px 20px;
            width: 100%;
        }
/*        .genesis-responsive-menu .genesis-nav-menu .menu-item .sub-menu {
            background-color: var(--k_lime);
        }*/

/*        .genesis-responsive-menu .genesis-nav-menu .menu-item .sub-menu a:hover {
            background-color: var(--oranje);
            color: var(--k_wit);
        }*/
        .genesis-responsive-menu .genesis-nav-menu .sub-menu {
            border: none;
        }

        .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
        .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
            left: 0;
            margin-left: 0;
        }

        .genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
            content: none;
        }

        .genesis-responsive-menu .genesis-nav-menu .sub-menu {
            clear: both;
            display: none;
            margin: 0;
            opacity: 1;
            padding-left: 15px;
            position: relative;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.05);
            z-index: 999;
        }
        .genesis-responsive-menu .genesis-nav-menu .sub-menu li {
            background-color: var(--k_bruin);
        }
        .genesis-responsive-menu .genesis-nav-menu .sub-menu li:hover {
            background-color: var(--k-oranje);
        }
        .genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
            margin: 0;
        } 





        .nav-primary ul {
            background: var(--k_kaki);
        }
        .nav-primary li li a, 
        .nav-primary li li a:link, 
        .nav-primary li li a:visited {
            background-color: var(--k_kaki);
            color: #fff;
            width: 100%;
        }
        .nav-primary li a {
            padding: 4px 2rem;
            border-radius: 0;
        }
        .nav-primary li li a, 
        .nav-primary li li a:link, 
        .nav-primary li li a:visited {
            padding: 4px 4rem;
        }
        .nav-primary li li a:hover, 
        .nav-primary li li:hover {
            background-color: var(--k_oranje);
        }
        .nav-primary li {
            padding: 0 0;
        }
}