/*
Theme Name: Jojoba Care
Theme URI: https://wordpress.org/themes/jojobacare/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Jojoba Care's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: jojobacare

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

@font-face {
    font-family: blackjack;
    src: url('fonts/BLACKJAR.woff');
}

body{
    font-family: arial, sans-serif;
    font-size: 12px;
    background: #F5FAF6 url('img/blaadjes-small-1920.gif') no-repeat center 148px;
}

a {
    color: #5C8727;
    text-transform: uppercase;
    text-decoration: none;
}
a:hover {

}

h1, h2, h3{
    font-weight: normal;
    font-size: 200%;
    color: #5C8727;
    margin-bottom: .5em;
}
h2{ font-size: 150%; }
h3{ font-size: 120%; }

p, ul{
    margin-bottom: 1em;
}

p + ul{
    margin-top: -.75em;
}

header{
    background: #FFF;
    height: 148px;
    width: 100%;
}

header nav{
    width: 960px;
    margin: 0 auto;
    position: relative;
}

header nav img#logo{
    position: absolute;
    top: 18px;
    left: 0;
}


header nav ul{
    text-transform: uppercase;
    list-style: none;
    position: absolute;
    top: 65px;
    right: 50px;
}

header nav ul li{
    float: left;
}

header nav ul li a{
    display: block;
    margin-left: 20px;
    color: #5C8727;
    text-decoration: none;
    height: 22px;
}

header nav ul li a:hover, header nav ul li.current_page_item a{
    background: url('img/arrow.gif') no-repeat center 14px;
}

section {
    width: 960px;
    margin: 64px auto 0;
    background: #ffffff;
    padding: 40px 0;
}
section:not(.container):before,section:not(.container):after{
    display: table;
    content: " ";
}
section:after{
    clear: both;
}
section.container {
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

section nav{
    width: 192px;
    float: left;
}

section nav ul{
    list-style: none;
    border-top: 1px solid #5C8727;
    text-transform: uppercase;
}

section nav ul li{
    border-bottom: 1px solid #5C8727;
}

section nav ul li a, .recentcomments, .comment, .current, .edit-link a, h2 a, .page-title, .posted-on, .submit, .slp_ui_button, .vcard {
    display: block;
    background-color: #FFF;
    color: #5C8727;
    text-decoration: none;
    padding: 5px 10px 4px 10px;
}

section nav ul li a:hover, section nav ul li.current_page_item a, section nav ul li.current-cat a, .current, .edit-link a:hover, h2 a, .page-title, .submit:hover, .submit:active, .submit:focus, .slp_ui_button:hover, .slp_ui_button:active, .slp_ui_button:focus, .vcard {
    background-color: #5C8727;
    color: #FFF;
}
.vcard a {
    color: #ffffff;
}

section article{
    width: 694px;
    float: right;
    margin: 0 50px 50px 0;
}

article ul{
    margin-left: 2em;
    list-style-position: outside;
}

footer{
    width: 100%;
    height: 24px;
    background: #5C8727;
    color: #FFF;
    line-height: 24px;
    text-align: center;
    font-size: 0.9em;
    position: fixed;
    bottom: 0;
}


.background-pattern{padding-top:64px;background: #F5FAF6 url('img/blaadjes-small.gif') repeat center 148px;}
.container{overflow: hidden;position: relative;}
.jojoba-noot{position: absolute;left: 0;top:148px;width: 311px;z-index: 999;}
.right{float: right;padding: 50px 50px 0 0;}
.left{float: left;padding: 0 0 0 50px;}
.images-box img{width: 200px;height: 300px;}
.text-box{width: 388px; height: 335px;text-align:center;float: left;}
.text-box h1{font-family: blackjack;color: #ea5b9d;padding-top: 80px;font-size: 4.33em;}
.fr,.nl, .lang{line-height:0.3em;font-size: 130%;color: #5C8727;width: 210px;margin: 0 auto;margin-top: 24px;}
.fr, .lang:not(:first-of-type){padding-top: 20px;}
.content{overflow: hidden;margin-bottom: 30px;}
.text p {margin-bottom: 15px;}
.foto{float: left;width: 225px;}
.content ul{margin-top: 20px;margin-bottom: 20px;}
.text-image{overflow: hidden;}
.text-image .text{float: left;width: 469px;}


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

    header nav,section{max-width: 960px;width: 100%;}
    .images-box img{height: 100%;width:100%;max-width: 180px;}
    section nav{width: 146px;}
}
@media screen and (max-width: 920px) {

    section article{width: 100%;max-width: 550px;float: left;margin-left: 20px;}
}

@media screen and (max-width: 820px) {
    .images-box img{height: 100%;width:100%;max-width: 150px;}
    section article{width: 100%;max-width: 467px;float: none;margin: 0 auto;}
}

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

    .images-box{width: 100%;}
    section nav{float:none;width: 100%;max-width: 500px;margin: 0 auto;}
    .right{float: none;padding: 50px 0 0 0;}
    .left{float: none;padding: 0 0 0 69px;}
    .text-box{float: none;margin: 0 auto;}
    footer p{width: 320px;margin: 0 auto;}
    footer{height: 75px;}
    header nav ul{top: 120px;
        right: 50%;
        margin-right: -93.5px;}
    header nav #logo{width: 100%;text-align: center;}
    section article{margin-top: 40px;}
    .container{padding-top: 120px;max-width: 457px;width: 100%;}
}

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

    header nav img {width: 100px;height: 100%;}
    header nav .language ul{left: 50%;right: 0;margin-left: -125.5px;top: 120%;}
    header nav ul li a{margin-left: 12px;}
    .foto{width: 100%;float: none;}
    .foto img{display: block;margin-left: auto;margin-right: auto;}
    .images-box img{max-width: 70%;margin-top:20px;display: block;margin-left: auto;margin-right: auto;}
    .left{padding: 0;}
    .text-box{width: 300px;}
    section article{width: 100%;max-width: 320px;float: none;margin: 0 auto;}
    section article{padding: 10px;}
    .container{padding-top: 120px;max-width: 320px;width: 100%;}
    .text-image .text{width: 320px;}
}

/***************NAVIGATION************************/


/*Prevent text wrapping*/
li ul li a
{
    width: auto;
    min-width: 100px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {display: block;}
/*Style 'show menu' label button and hide it by default*/
.show-menu
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    width: 100%;
    position: relative;
    top: 0;
    background: #5C8727;
    text-align: center;
    padding: 10px 0;
    display: none;
}

/*Hide checkbox*/
input[type=checkbox]{display: none;}

/*Show menu when invisible checkbox is checked*/
#show-menu:checked ~ .menu-hoofdmenu-container > #menu-nav{display: block;}

/*Responsive Styles*/

@media screen and (max-width : 760px){
    /*Make dropdown links appear inline*/
    .nav ul
    {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    header #menu-nav ul li
    {
        margin-bottom: 1px;
        float: none;
    }
    /*Make all menu links full width*/
    #menu-nav ul li, li a
    {
        width: 100%;
        background: #FFF;
    }
    /*Display 'show menu' link*/
    .show-menu
    {
        display:block;
    }
    header .nav ul li + li{border-top: 1px solid gray;}
    header .nav ul li{float: none;}
    header .nav ul{top: 100%;left: 0;right: 0;}
    header .nav ul li a{margin-left: 0;line-height: 0;padding: 20px;}
    header .nav ul li a:hover, header nav ul li.active a{
        background: #5C8727;
        color: white;}
}


/*** CELINE ***/


.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

.screen-reader-text, #tr_credit, .says {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.widget-title {
    margin: 15px 0 0 0;
    padding: 5px 0 4px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    background-color: #5C8727;
    color: #FFF;
}
.search-field {
    width: 100%;
    margin: 5px 0;
    padding: 5px 0 4px 10px;
    font-size: 14px;
    font-weight: normal;
    border: solid #5C8727;
    border-width: 1px 0;
    color: #5C8727;
}
.translate input { float: right}
.translate { text-align: right; padding: 0 15px 0 0;}
label[for="edit_translation"]:hover {cursor: pointer;}

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: rgba(92, 135, 39, 0.80);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(92, 135, 39, 0.6);
    outline: 0 none;
}
::-moz-selection { background: #5C8727; color: #fff; }
::selection { background: #5C8727; color: #fff; }

.content nav {
    width: auto;
    margin: 0 25px;
}
.content nav:before, .content nav:after {
    display: table;
    content: " ";
}.content nav:after { clear: both; }
 .content nav ul { border: 0 }
.content nav li {
    display: inline-block;
    border-right: 1px solid #5C8727;
    border-top: 1px solid #5C8727;
    border-bottom: 1px solid #5C8727;
}
.content nav li:first-of-type {
    border-left: 1px solid #5C8727;
}
.list-links a {
    display: inline-block;
}
.list-links a:not(:last-of-type) {
    border-right: 1px dotted #5C8727;
}
.submit, .slp_ui_button {
    border: 1px solid #5C8727;
    border-bottom-width: 3px;
    margin: 15px;
}

.content > h1 {
    width: 694px;
    float: right;
    margin: 0 50px 20px 0;
}
#comments, #respond, #commentform {
    clear: both;
}
#commentform label {
    display: block;
}
#commentform .error {
    color: #8b0000;
}
.none {
    margin-top: -15px;
}
.comment-meta {
    float: right;
}
#cancel-comment-reply-link {
    background-color: #d9534f;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
input[type="text"], input[type="email"], input[type="url"], textarea {
    border: 1px solid #5C8727;
    width: 90%;
    max-width: 500px;
}
@media screen and (max-width : 760px){
    .content > h1 {
        float: none;
    }
    section article {
        padding:0 0 20px 0;
        margin:0;
        width: 100%;
        max-width: 100%;
    }
    section article p, section article h2 {
        padding: 5px 10px;
    }
    header nav ul li a:hover, header nav ul li.current_page_item a {
        background: none #5C8727;
        color: #ffffff;
    }
    blockquote.alignleft, .wp-caption.alignleft, img.alignleft,
    blockquote.alignright, .wp-caption.alignright, img.alignright {
        display: block;
        float: none;
        margin: 0 auto;
    }
    li .comment-meta a, li .fn a {
        background: #5C8727;
    }header nav ul {
         margin-right: 0;
    }
    section nav {
        max-width: 100%;
    }
}


/*** SIDEBAR MENU FIXES ***/
section nav ul li.page_item_has_children {
	border: none;
}
section nav ul li.page_item_has_children ul.children {
	margin: 0;
}
section nav ul li.page_item_has_children ul.children li a {
	padding-left: 20px;
}
/*** LOGO TOP FIXES ***/
div#logo{
	padding-top: 25px;
}
/*div#logo a, div#logo*/ a img{
	border: 0;
}