/* Custom stylesheet with values from Site Options page - Advanced Custom Fields plugin */

/* Website max-width */

.site-wrapper, .site-header, .site-main, .site-footer, .site-max-width {
	max-width: 1920px;
	margin: 0 auto;
  width: 100%;
}

/* General */

body, .bodybgcolor {
	background-color: #aaa395;
}


/* Colors */

h1, h2, h3, h4, h5, h6, .headingcolor {
	color: #ffffff;
}
body, p, .paragraphcolor {
	color: #ffffff;
}
a, .menu-item, .linkcolor, .searchform div, .searchform #searchsubmit {
	-webkit-transition: border 0.4s ease, color 0.4s ease, font-weight 0.4s ease;
	transition: border 0.4s ease, color 0.4s ease, font-weight 0.4s ease;
	color: #ffffff;
}
a:hover, .menu-item:hover, .linkcolor:hover,
a:focus, .menu-item:focus, .linkcolor:focus,
.current-page-ancestor > a, .current-menu-item > a, .sub-menu .current-menu-item > a, .current-page-parent > a,
.is-active, .is-active > a {
	color: #e5d9c9;
}
.juicer-feed a:hover {
	color: #e5d9c9 !important;
}
a.juicer-button {
	color: #ffffff !important;
	border-color: #ffffff !important;
	background-color: transparent !important;
}

.nav-mobile-toggle .stripe {
	background-color: #ffffff;
	border-color: #aaa395;
}
.nav-mobile-toggle:hover .stripe {
	background-color: #e5d9c9;
}

/* -------------- button style -------------- */
input[type="submit"],
input[type="button"],
button,
.button,
.buttoncolor,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button[disabled]:disabled,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button[disabled]:disabled,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button[disabled]:disabled,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit[disabled]:disabled,
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a
{
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #aaa395;
	background-color: #ffffff;
	padding: 8px 10px 8px 10px;
	border-radius: 0;
}
.woocommerce button.button.loading, .woocommerce input.button.loading {
  padding-right: 2.618em;
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
	top: 18px;
}

/* -------------- hover style -------------- */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
.buttoncolor:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button[disabled]:disabled:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button[disabled]:disabled:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit[disabled]:disabled:hover,
#sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram .sbi_follow_btn a:hover,

/* -------------- focus style -------------- */
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
.button:focus,
.buttoncolor:focus,
.woocommerce a.button:focus,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt.disabled:focus,
.woocommerce a.button.alt:disabled:focus,
.woocommerce a.button.alt:disabled[disabled]:focus,
.woocommerce a.button.disabled:focus,
.woocommerce a.button:disabled:focus,
.woocommerce a.button[disabled]:disabled:focus,
.woocommerce button.button:focus,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt.disabled:focus,
.woocommerce button.button.alt:disabled:focus,
.woocommerce button.button.alt:disabled[disabled]:focus,
.woocommerce button.button.disabled:focus,
.woocommerce button.button:disabled:focus,
.woocommerce button.button[disabled]:disabled:focus,
.woocommerce input.button:focus,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt.disabled:focus,
.woocommerce input.button.alt:disabled:focus,
.woocommerce input.button.alt:disabled[disabled]:focus,
.woocommerce input.button.disabled:focus,
.woocommerce input.button:disabled:focus,
.woocommerce input.button[disabled]:disabled:focus,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt.disabled:focus,
.woocommerce #respond input#submit.alt:disabled:focus,
.woocommerce #respond input#submit.alt:disabled[disabled]:focus,
.woocommerce #respond input#submit.disabled:focus,
.woocommerce #respond input#submit:disabled:focus,
.woocommerce #respond input#submit[disabled]:disabled:focus,
#sb_instagram #sbi_load .sbi_load_btn:focus, #sb_instagram .sbi_follow_btn a:focus
{
	color: #000000;
	background-color: #ffffff;
}
.headingcolor-as-bg {
	background-color: #ffffff;
}
.linkcolor-as-bg {
	background-color: #ffffff;
}

select {
	border: 1px solid #ffffff;
	background-image:
		linear-gradient(45deg, transparent, transparent 5px, #ffffff 5px, #ffffff 7px, transparent 7px),
		linear-gradient(-45deg, transparent, transparent 5px, #ffffff 5px, #ffffff 7px, transparent 7px);
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce-pagination a.page-numbers.prev::after, .woocommerce-pagination a.page-numbers.next::after {
  border-color: #ffffff; /* woocommerce pagination */
}

/* Fonts */

@media (min-width: 1024px) {
	h1 {
		font-size: 50px;
	}
}

h1, h2, h3, h4, h5, h6, .headingfont {
	font-family: bodoni-urw, serif;
font-weight: 400;
font-style: normal;}


body, p, .paragraphfont {
	font-family: Nunito Sans, Arial, sans-serif;
	font-weight: 300;
}

.sansserif, .menu-item {
	font-family: , Arial, sans-serif;
	font-weight: 400;
}

/* Header */



.nav-mobile-toggle {
	top: 20px;
	left: auto;
	right: 20px;
	bottom: auto;
	}


.site-header, .nav-full .sub-menu,
.nav-mobile, nav:not(.nav-mobile) .sharenav.sticky, .minicart-menu {
  background-color: #ffffff;
}
.site-logo {
	max-height: 30px;
}

.site-logo-txt {
	font-size: 30px;
}


@media only screen and (max-width: 767px) {
	.hide-mobile {
		display: none;
	}
}
@media only screen and (min-width: 768px) {

	.site-header {
				position: relative;  }
	.site-logolink {
		margin: 0;
	}
	.site-header.logo-center {
		padding-bottom: 5px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.site-header.logo-center .nav-full .menu {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.site-header.logo-right .site-logolink {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.site-header.logo-right .nav-full .menu {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.site-logo {
		max-height: 40px;
	}

	.site-logo-txt {
		font-size: 30px;
	}

	.sticky-nav .site-header .site-logo {
		max-height: 30px;
		margin: 5px 0; /* shrink logo when scrolling */
	}
	.sticky-nav .site-header .site-logo-txt {
		font-size: 20px;
	}
	.nav-full {
		display: block;
	}
	.nav-mobile-toggle, .nav-mobile, .hide-desktop {
		display: none;
	}

	/* hide mobile share menu */
	.share-mobile {
		display: none;
	}
	.sharenav {
		display: block;
	}

}


/* Main */

/* max-width paragraphs and site padding */
.content-max-width, .woocommerce div.product div.summary {
  max-width: 1000px;
  margin: 0 auto;
}
/* woocommerce single product page max-width */
.single-product .product {
	max-width: 2080px; /* 2x content max width */
	margin: 0 auto;
}

.site-padding, .woocommerce div.site-main {
	padding: 30px 30px;
}
.site-padding-lr {
	padding: 0 30px;
}
.site-padding-tb {
	padding: 30px 0;
}
.site-margin {
	margin: 30px 30px;
}
.site-margin-lr {
	margin: 0 30px;
}
.site-margin-tb {
	margin: 30px 0;
}

@media only screen and (min-width: 1200px) {

	.site-padding, .woocommerce div.site-main {
		padding: 30px 100px;
	}
	.site-padding-lr {
		padding: 0 100px;
	}
	.site-padding-tb {
		padding: 30px 0;
	}
	.site-margin {
		margin: 30px 100px;
	}
	.site-margin-lr {
		margin: 0 100px;
	}
	.site-margin-tb {
		margin: 30px 0;
	}

}

/* Blog */



/* Footer columns */
.site-footer-column {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.site-footer-column {
		width: calc(50% - 15px);
	}
}


/* Site login */

body.login {
	background: white;
}
body.login, body.login p, body.login a {
	color: #72777c;
}
body.login div#login h1 a {
	display: none;
}
body.login div#login h1 {
	background: url(https://cafedejaren.mom/wp-content/uploads/logo_cafe_de_jaren_beige2-300x55.png) center center no-repeat;
	background-size: contain;
	height: 100px;
}