/* 0. stuff outside of @media screen FOOBAR*/

@media screen {

/* 1. initialisation */
* { /* remove all default styling */
	border: 0;
	padding: 0;
	margin: 0;	
	background-color: none;
	text-decoration: none;
		-moz-font-smoothing: antialiased;
}

html {
	height: 100%;
	width: 100%;
}

body {
	overflow-x: hidden; /* allows the menu to be hidden left of the canvas, and the pagewrap to be hidden right of the canvas when the menu is open */
}

/* 1.1. ensure default styling is inherted in <input> elements */
input,
textarea {
	font: inherit;
	color: inherit;
}

/* 1.2. remove default styling from forms in webkit browsers and on iOS */
input:focus, textarea:focus, select:focus {  
	outline: none;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="submit"] {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* 2. typography */
html {
	font-family: Coda, Helvetica, Verdana, sans-serif;
	color: #000000;
	line-height: 1.625em;
}

p {
	font-size: 18px;
	line-height: 1.4444444444444;
	padding-top: 6px;
	margin-bottom: 20px;
	padding-left: 16px;
	padding-right: 16px;
}

p:empty {
	display: none;
	border: none;
	padding: none;
}

del {
	text-decoration: line-through;
}

/* 2.1. tables */
table {
	border-collapse: collapse;
	line-height: 13px;
}

th {
}

tr {
	height: auto;
	display: inline-block;
	width: 100%;
}

td {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

	td ~ td {
		padding-left: 1em;
	}

/* 2.2. headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Coda, Helvetica, Verdana, sans-serif;
	font-weight: 400;
	color: #eb1c27;
	padding-left: 16px;
	hyphens: none;
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
	display: none;
}

h1 {
	font-size: 3em; /* 48px */
	line-height: 78px;
	padding-top: 10px; /* 0;*/
	margin-bottom: -9px; /* 0em; */
}

h2 {
	font-size: 1.875em; /* 30px */
	line-height: 52px;
	padding-top: 16px;
	margin-bottom: 10px;
	padding-right: 16px;
}

	h2:after {
		content: ' ';
		position: relative;
		left: 0;
		margin-top: -6px;
		margin-bottom: 13px;
		display: block;
		height: 3px;
		width: 100%;
		width: calc(100% + 16px);
		margin-left: -16px;
		background-color: #eb1c27;
	}
		
h3 {
	font-size: 1.5em;
	padding-top: 6px;
	line-height: 52px;
	margin-bottom: -6px;
}

h4 {
}

h5 {
}

h6 {
}

/* 2.3. anchors & links */
a {
	color: #eb1c27;
	cursor: default;
}

a:link {
	cursor: pointer;	
}

a:visited {
	color: #b6b8ba;
}

a:hover, a:focus {
	color: #eb1c27;
	text-decoration: underline;
}

	.entry a:hover,
	.entry a:focus {
		text-decoration: underline;
	}

a:active {
	color: #ffffff;
	background-color: #eb1c27;
	text-decoration: none;
}

h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active {
	color: #ffffff;
}

/* 2.4. lists */
ul, ol {
	font-size: 1.125em;
	line-height: 1.4444444444444;
}

ul, ol {
	padding-top: 6px;
	margin-bottom: 20px;
	list-style: none;
}

ul ul {
	font-size: inherit;
}

	ul li, ol li {
		/*margin-left: 2em;*/
	}

ul {
}

	ul li:before {
		content: ' ';
		display: block;
		float: left;
		margin-right: .5em;
		margin-left: -1em;
		margin-top: 8px;
		width: 10px;
		height: 10px;
		background-color: #eb1c27;
	}
			
ol {
	list-style: none;
	*list-style: decimal; /* backup for IE<8 */
	counter-reset: li; /* sets up the counter for lis */
}

	ol:not(.commentlist) li:before {
		content: counter(li); /* outputs the content of the counter */
		counter-increment: li; /* increases the counter by 1 */
		position: relative;
		color: #eb1c27;
		display: inline-block;
		width: 1em;
		margin-right: .5em;
		margin-left: 0em;
		text-align: right;
	}
	
.entry ul li,
.entry ol:not(.commentlist) li {
	margin-left: 1.5em;
}

.entry ul li:before,
.entry ol li:before {
	position: relative;
}

/* 2.5. captions */
.wp-caption-text {
	min-height: 26px;
	margin-bottom: 0;
	font-size: 12px;
	box-sizing: border-box;
	padding-left: 13px;
	width: 182px;
	line-height: 26px;
	padding-bottom: 7px;
	color: #eb1c27;
}

	.alignnone .wp-caption-text {
		max-width: 100%;
	}

/* 2.6. forms */
#pagewrap input[type=text],
#pagewrap input[type=email],
#pagewrap input[type=tel],
#pagewrap input[type=date],
#pagewrap textarea {
	background-color: #eeeeee;
	min-height: 39px;
	padding: 0 1em;
	margin-bottom: 13px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	border-bottom: 3px solid #b6b8ba;
}

#pagewrap .contentwrap input[type=text],
#pagewrap .contentwrap  input[type=email],
#pagewrap .contentwrap  input[type=tel],
#pagewrap .contentwrap  input[type=date],
#pagewrap .contentwrap  textarea {
	width: 100%;
	float: right;
}

#pagewrap .contentwrap label + input[type=text],
#pagewrap .contentwrap label + input[type=email],
#pagewrap .contentwrap label + input[type=tel],
#pagewrap .contentwrap label + input[type=date],
#pagewrap .contentwrap label + textarea {
}

#pagewrap .contentwrap label + span input[type=text],
#pagewrap .contentwrap label + span input[type=email],
#pagewrap .contentwrap label + span input[type=tel],
#pagewrap .contentwrap label + span input[type=date],
#pagewrap .contentwrap label + span textarea {
}

#pagewrap textarea {
	padding-top: .5em;
	padding-bottom: .5em;
	height: 104px;
	display: inline;
	clear: both;
	resize: vertical;
	margin-bottom: 0px;
}

#pagewrap .wpcf7 p {
	margin-bottom: 12px;
	clear: both;
}

#pagewrap input[type=text]:focus,
#pagewrap input[type=text]:hover,
#pagewrap input[type=email]:focus,
#pagewrap input[type=email]:hover,
#pagewrap input[type=tel]:focus,
#pagewrap input[type=tel]:hover,
#pagewrap input[type=date]:focus,
#pagewrap input[type=date]:hover,
#pagewrap textarea:focus,
#pagewrap textarea:hover {
	color: #000000;
	background-color: #ffffff;
	border-bottom: 3px solid #eb1c27;
}

#pagewrap button,
#pagewrap input[type=submit] {
	background-color: #eb1c27;
	color: #ffffff;
	font-family: inherit;
	line-height: inherit;
	font-size: 1em;
	font-weight: 400;
	margin-top: 0.3125em;
	padding: 0.3125em 1em 0.375em 1em;
	cursor: pointer;
	border-radius: 0px;
}

#pagewrap .contentwrap input[type=submit] {
	clear: both;
	margin-top: 26px;
}

.contentwrap /*.wpcf7*/ label {
	background-color: #eb1c27;
	color: #ffffff;
	display: inline-block;
	box-sizing: border-box;
	min-height: 39px;
	margin-top: 12px;
	min-width: 40%;
	padding: .375em 1em .25em 1em;
	hyphens: auto;
		-webkit-hyphens: auto; /* Saf 5.1+ */
		/*-moz-hyphens: auto; /* Fx 6.0+ */
		-ms-hyphens: auto; /* IE 10+ */
	float: left;
	clear: both;
	border-radius: 0px 0px 0 0;
}

#pagewrap .wpcf7-radio label {
	width: auto;
	padding-right: 1em;
}
		
#pagewrap .wpcf7-radio .first {
	margin-left: 0em;
}

#pagewrap button:hover,
#pagewrap button:focus,
#pagewrap input[type=submit]:hover,
#pagewrap input[type=submit]:focus {
	background-color: #b6b8ba;
	color: #eb1c27;
}

#pagewrap button:active,
#pagewrap input[type=submit]:active {
	background-color: #b6b8ba;
	color: #ffffff;
	transform: translateY(3px);
}

/* 2.7. blockquotes */
blockquote {
	width: 100%;
	width: calc(100% + 78px + 22px);
	margin-left: -78px;
	font-size: 24px;
	font-style: italic;
	background-color: #eeeeee;
	color: #eb1c27;
	box-sizing: border-box;
	padding-left: 108px;
	padding-right: 32px;
	padding-top: 22px;
	padding-bottom: 30px;
	line-height: 39px;
	margin-bottom: 39px;
	margin-top: 46px;
	clear: both;
	border-top: 3px solid #eb1c27;
}

	blockquote p {
		margin: 0;
		padding: 0;
		padding-right: 32px;
		font-style: normal;
		font-size: 1.125em;
	}

/* 2.8. specific page templates (body class) */

/* 3. layout */

/* 3.1. pagewrap */
#pagewrap {
	width: 100%;
	transition: all .4s ease;
}

/* 3.2. header */
.sitetitle {
	background-image: url(images/brillogo-107px.png);
	background-image: url(images/brillogo-01.svg);
	background-size: 4em;
	box-sizing: border-box;
	height: 78px;
	background-repeat: no-repeat;
	background-position: right center;
	width: 100%;
	float: right;
	text-align: right;
	padding-right: 150px;
	margin-right: 16px;
	margin-left: 78px;
	margin-bottom: 0;
	margin: 6px 16px -6px 78px;
	text-transform: uppercase;
	color: #000000;
	font-size: 2em;
	line-height: 2em;
}

.description {
	display: none;
}

#header {
	border-bottom: 3px solid #eb1c27;
	padding-bottom: 13px;
}

#dsearch {
	display: none;
}

/* 3.3. entry */
.entry {
	margin-bottom: 52px;
}

/* 3.3.1. featured image */
.fimage {
/*height: 260px;*/
	margin-right: 16px;
	margin-bottom: 26px;
	border-radius: 0 0 0px;
	overflow: hidden;
}

	.fimage img {
		width: 100%;
		height: auto;
	}
	
/* 3.3.2. posttitle & pagetitle */
			
/* 3.3.3. meta */
.meta {
}

/* 3.3.4. tags */

/* 3.3.5. content */
.entry {
	clear: both;
	hyphens: auto;
		-webkit-hyphens: auto; /* Saf 5.1+ */
		-moz-hyphens: auto; /* Fx 6.0+ */
		-ms-hyphens: auto; /* IE 10+ */
}

.entry h2 {
	clear: both;
}

/* 3.3.6. images */
.alignright {
	float: right;
	margin-left: 13px;
	/*margin-top: 13px;*/
}

.alignright img,
img.alignright {
	border-radius: 0 0 0 0px;
}

div.alignright {
	border-top: 3px solid #eb1c27;
	padding-left: 13px;
}

img.alignright {
	border-top: 3px solid #eb1c27;
	margin-right: -16px;
	margin-top: -22px;
	margin-left: 16px;
	margin-bottom: 13px;
}

div.alignright,
div.alignleft {
	width: auto !important;
	height: auto !important;
}

	.alignright img,
	.alignleft img,
	img.alignright,
	img.alignleft {
		width: 182px !important;
		height: auto !important;
	}

.alignleft {
	float: left;
	margin-right: 13px;
	border-top: 3px solid #eb1c27;
	padding-right: 13px;
	/*margin-top: 13px;*/
}

.entry h2 + p .alignleft,
.entry h2 + p .alignright {
	margin-top: -22px;
}

.alignleft img,
img.alignleft {
	border-radius: 0 0 0px 0;
}
	
img.alignnone,
div.alignnone {
	width: calc(100% + 78px + 22px) !important;
	margin-left: -78px;
	height: auto;
}

	.alignnone img {
		width: inherit !important;
		height: auto !important;
	}
	
h2 + .alignright {
	border-top: 0;
}
	
/* 3.3.7. tags */
.tags a[rel="tag"]:link,
.tags a[rel="tag"]:visited {
	background-color: #eb1c27;
}

.tags a[rel="tag"]:hover,
.tags a[rel="tag"]:focus {
	background-color: #b6b8ba;
	text-decoration: none;
}

.tags a[rel="tag"]:hover::after,
.tags a[rel="tag"]:focus::after {
	
}

.tags a[rel="tag"] {
	color: #ffffff;
	height: 1.625em;
	display: inline-block;
	padding: 0 .25em 0 .5em;
	margin-left: 1em;
}

.tags a[rel="tag"] ~ a[rel="tag"] {
	margin-left: 2em;
}

.tags a[rel="tag"]:after {
	position: absolute;
	content: "";
	width: 0; 
	height: 0; 
	border-top: .8125em solid transparent;
	border-bottom: .8125em solid transparent;
	border-left: .8125em solid #eb1c27;
	margin-left: .25em;
}

.tags a[rel="tag"]:hover:after,
.tags a[rel="tag"]:focus:after {
	border-left: .8125em solid #b6b8ba;
}

/* 3.3.8. postnav */
.post_navigation {
	display: inline-block;
	width: 100%;
}

.nextpost,
.prevpost {
	max-width: 45%;
}

.nextpost {
	float: right;
}

.nextpost .prevnexttext {
	text-align: right;
	float: right;
	margin-top: 8px;
}

.nextpost img {
	float: right;
}

.prevpost {
	float: left;
}

.post_navigation:after {
	position: relative;
	content: "";
	clear: both;
}

.post_navigation img {
	height: auto;
	border-top: 3px solid #eb1c27;
}

/* 3.4. widgets en aside */
.products .producttitle {
	color: #eb1c27;
	background-color: #eeeeee;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-right: 16px;
	border-radius: 0 0 0px;
	margin-bottom: 13px;
	height: 52px;
}

	.producttitle:after {
		width: 100%;
		width: calc(100% + 64px);
		margin-right: -16px;
		margin-left: -32px;
		margin-top: -68px;
		
	}

.products img {
	height: auto;
	width: 33%;
	float: left;
	border-radius: 0 0 0px;
	margin: -13px 16px 13px 0;
}

.products .widget {
	margin-bottom: 104px;
}

aside {
	/*background-color: #eeeeee;*/
	border-radius: 0 0 0 0px;
	margin-top: 52px;
}

aside .widget {
	clear: both;
}

aside .widget {
	margin-top: 52px;
}

aside .testiname:link,
aside .testiexcerpt:link,
aside .testiname:visited,
aside .testiexcerpt:visited {
	color: inherit;
}

aside .testiname:active,
aside .testiexcerpt:active {
	color: #ffffff;
}

.products {
	margin-bottom: -1px;
	margin-top: 78px;
}

aside .portrait {
	width: 40%;
	float: left;
	margin-top: -13px;
	margin-left: 13px;
	margin-bottom: 13px;
	border-radius: 0 0 0px;
	margin-right: 16px;
}

aside .portrait img {
	width: 100%;
	height: auto;
	border-radius: 0 0 0px;
}

.widget-easy-twitter-feed-widget-row {
	padding: 0 16px;
}

.widget_media_image img {
	margin-top: -13px;
}

/* 3.5. footer */
#footer {
	margin-top: 104px;
	margin-bottom: 0;
	background-image: url(images/brillogo-107px.png);
	background-image: url(images/brillogo-01.svg);
	background-size: 15em;
	background-repeat: no-repeat;
	background-position: top 0 right 16px;
}

.copyright {
	background-color: #eb1c27;
	color: #ffffff;
	margin-top: 76px;
	padding: 13px 0 1px;
}

.copyright p {
	font-size: .75em;
}

/* 3.6. pages */

/* 3.6.1. home */
.featuredpost {
	background-color: #eb1c27;
	color: #ffffff;
	margin-left: 16px;
	border-radius: 0 0 0 0px;
	margin-bottom: 26px;
}

.featuredpost a:link,
.featuredpost a:visited {
	color: #ffffff;
}

.featuredpost a:hover,
.featuredpost a:focus {
	color: #ffffff;
	text-decoration: none;
}

.featuredpost a:active {
	color: #eb1c27;
	backgrond-color: #ffffff;
}

.featuredpost .fimage {
	margin-left: -16px;
/*height: 312px;*/
}

.featuredpost .posttitle {
	color: #ffffff;
	font-size: 1.5em;
	padding-top: 6px;
	margin-bottom: -6px;
}

.featuredpost .posttitle:after {
	display: none;
}

/* 3.6.2. blogroll & searchpage & archive */
.blog #header {
	border-bottom: 0;
}

.archive .pagetitle:after {
	display: none;
}

.blog .posttitle,
.search .posttitle,
.archive .posttitle {
	color: #ffffff;
	background-color: #eb1c27;
	/*text-transform: uppercase;*/
	padding-top: 12px;
	padding-bottom: 12px;
	margin-right: 16px;
	border-radius: 0 0 0px;
	margin-bottom: 13px;
	height: 52px;
	display: inline-block;
	position: absolute;
	z-index: 5;
}

.blog .fimage,
.search .fimage,
.archive .fimage {
	height: auto;
	max-height: 260px;
	margin-bottom: 0;
}

.blog .entry {
	margin-top: 26px;
	margin-bottom: 104px;
}

.blog .fimage img,
.search .fimage img,
.archive .fimage img {
	border-radius: 0 0 0px;
	height: 100%;
}

.blog hr,
.search hr,
.archive hr {
	height: 3px;
	background-color: #eb1c27;
}

.blog .excerpt:link,
.blog .excerpt:visited,
.search .excerpt:link,
.search .excerpt:visited,
.archive .excerpt:link,
.archive .excerpt:visited {
	color: #000000;
}

.blog .excerpt:hover,
.blog .excerpt:focus,
.search .excerpt:hover,
.search .excerpt:focus,
.archive .excerpt:hover,
.archive .excerpt:focus {
	text-decoration: none;
	color: #eb1c27;
}

.meta {
	height: 39px;
	box-sizing: border-box;
	background-color: #eb1c27;
	color: #ffffff;
	display: inline-block;
	border-radius: 0 0 0px;
	line-height: 13px;
	padding: 13px 16px 0 16px;
	margin-top: 0;
}

.blog .post,
.search. .post,
.archive .post {
	margin-bottom: 55px;
}

/* 3.6.3. single */
.single {
}

.single .meta {
	float: right;
	margin-right: 32px;
	margin-top: -13px;
	border-radius: 0 0 0px 0px;
}

.single .meta + * {
	clear: both;
}

.single .commentlist {
	list-style: none;
	padding-top: 11px;
}

.avatar {
	border-radius: 0 0 0px;
	margin-right: 16px;
}

cite {
	font-style: normal;
}

.comment {
	clear: both;
}

.comment-author {
	float: left;
	margin-bottom: 7px;
}

.comment-meta {
	float: right;
	padding-top: 33px;
}

.comment-meta + * {
	clear: both;
}

.children {
	margin-top: 13px;
	margin-bottom: 19px;
}

	ul.children li:before {
		display: none;
	}

.comment-reply-link {
	display: block;
	padding-top: 6px;
	margin-bottom: 11px;
	line-height: 2.51388888888em;
}

.cancel-comment-reply,
#commentform,
.commentlist {
	padding-left: 16px;
	padding-right: 16px;
}

/* 3.6.4. search */
.search-results .contentwrap {
	margin-top: -3px;
}

.search-results .excerpt:link,
.search-results .excerpt:visited {
	color: #000000;
	display: inline-block;
}

.search-results .excerpt:hover,
.search-results .excerpt:focus {
	color: #000000;
}

.search-results .excerpt:active {
	color: #ffffff;
	background-color: #eb1c27;
	text-decoration: none;
}

.search-results .posttitle:before {
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.search-results .type-hotzo_leden .posttitle:before {
	background-image: url(images/leden.svg);
}

.search-results .type-agenda .posttitle:before {
	background-image: url(images/agenda.svg);
}

.search-results .type-post .posttitle:before {
	background-image: url(images/nieuws.svg);
}

.search-results .type-page .posttitle:before {
	background-image: url(images/hotzo.svg);
}

/* 3.6.5. testimonials */
.single-testimonial .commentsclosed {
	display: none;
}

.single-testimonial .fimage {
	display: none;
}

.single-testimonial aside {
	margin-top: 0;
}

/* 4. navigation */
.nav.mobile {
	width: 75%;
	height: 100%;
	background-color: #eeeeee;
	margin-left: -75%;
	position: fixed;
	z-index: 9;
	display: inline-block;
	float: left;
	overflow-x: hidden;
	transition: all .4s ease;
}

.nav.desktop {
	display: none;
}

.nav ul {
	margin: 0;
	padding: 0;
	clear: both;
}

.nav li {
	height: 78px;
	width: 100%;
	font-size: 24px;
	margin: 0;
}

.current_page_item {
	background-color: #ffffff;
}

	.nav li a {
		height: 78px;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0 0 16px;
		float: left;
	}

	.nav li a:link,
	.nav li a:visited {
		color: #eb1c27;
	}
	
	.nav li a:hover,
	.nav li a:focus {
		text-decoration: none;
		background-color: #ffffff;
	}

	.nav li ul {
	}

.nav li:before {
	display: none;
}

/* 4.1. search */
#searchform {
	clear: both;
	height: 78px;
}

#searchform label {
	height: 78px;
	display: block;
	float: left;
	width: 78px;
	background-image: url(images/magnifier.svg);
	text-indent: -9999px;
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
}

#s {
	font-size: 1.5em;
	width: 50%;
	width: calc(100% - 176px);
	height: 65px;
	box-sizing: border-box;
	background-color: #eeeeee;
	padding-top: 32px;
	padding-left: .5em;
	border-bottom: 1px solid #000000;
}

#searchsubmit {
	font-size: 1.5em;
	width: 78px;
	height: 78px;
	box-sizing: border-box;
	margin: 0;
	position: absolute;
	right: 20px;
	background-color: transparent;
	background-image: url(images/go.svg);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	text-indent: -9999px;
	cursor: pointer;
}

/* 4.1.1. search in entry */
.searchform {
	margin-top: 26px;
}

.searchform label {
	float: left;
	width: 39px;
	height: 39px;
	text-indent: -9999px;
	background-color: #eeeeee;
	background-image: url(images/magnifier.svg);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	margin: 0;
}

#t {
	width: 70%;
	float: left;
	font-size: 18px;
}

#tearchsubmit {
	float: left;
	position: relative;
	margin-top: 0px;
	text-indent: -9999px;
	width: 39px;
	background-image: url(images/go-white.svg);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
}

/* 4.3 visibility toggle */
input.menu-toggle {
	display: none;
}

label.menu-toggle {
	z-index: 100; /* above everything */
	position: fixed;
/*position: absolute;*/
	top: 0;
	left: 0;
	text-indent: -9999px;
	background-image: url(images/hamburger.svg);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 45% 50%;
	color: #ffffff;
	background-color: #eb1c27;
	transition: all .4s ease;
		-webkit-transition: all .4s ease;
	box-sizing: border-box;
	width: 4.875em;
	height: 4.875em;
	border-radius: 0 0 0px 0;
}

	.admin-bar label.menu-toggle {
		top: 46px;
	}

label.menu-toggle:after {
	content: 'menu';
	position: relative;
	overflow: hidden;
}

label.menu-toggle:hover {
	cursor: pointer;
}

label.menu-toggle:active {
}

.menu-toggle:checked ~ label { /* change and move the toggled label */
	margin-left: 75%;
	background-image: url(images/cross.svg);
	width: 4.875em;
	transition: all .4s ease;
		-webkit-transition: all .4s ease;
}

	.menu-toggle:checked ~ label:after {
		content: " ";
		width: 0;
		height: 0;
	}

.menu-toggle:checked ~ .nav { /* move the toggled menu to the right */
	margin-left: 0%;
	transition: all .4s ease;
		-webkit-transition: all .4s ease;
}

#pagewrap:after {
	opacity: 0;
	display: inline;
	background-color: #eb1c27;
	height: 100%;
	width: 0%;
	content: " ";
	position: fixed;
	right: 0;
	top: 0;
}

.menu-toggle:checked ~ #pagewrap:after {
	width: 100%;
	opacity: .7;
	transition: opacity .4s ease;
		-webkit-transition: all .4s ease;
}

.menu-toggle:checked ~ #pagewrap {
	transition: opacity .4s ease;
		-webkit-transition: all .4s ease;
}

.page-template-page-under-construction .nav {
	display: none;
}

.page-template-page-under-construction label.menu-toggle {
	display: none;
}


/* 5. background */

/* 5.1. regular backgrounds */

/* 5.2. testing backgrounds */
html {
	/*background-image: url(images/grid.gif);/**/
	background-position: 0 -1px;
}

/* 6. fixes and hacks */

/* 6.1. clearfix */
.clearfix:before,
.clearfix:after,
.pagewrap .wpcf7:before,
.pagewrap .wpcf7:after {
	content: "";
	display: table;
}

.clearfix:after,
.pagewrap .wpcf7:after {
	clear: both;
}

.clearfix
.pagewrap .wpcf7 {
	zoom: 1;
}

/* 6.2. Android fix for checkbox hack */
body { 
  -webkit-animation: bugfix infinite 1s; 
}

} /* END screen media */

@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}

/* 7. size queries */
@media screen and (max-width: 500px) { /* small phones */
body {
/*background-color: rgba(0,0,200,.3);*/
}

/* typo */
p {
	font-size: 1em;
	line-height: 26px;
}

h2 {
	font-size: 1.5em;
	line-height: 52px;
	padding-top: 17px;
	margin-bottom: 10px;
	padding-left: 16px;
}

h2:after {
	width: calc(100% + 48px);
	margin-left: -48px;
}

h2.producttitle {
	font-size: 
}

h3 {
	font-size: 1.5em;
	line-height: 26px;
	padding-top: 4px;
	margin-bottom: -4px;
}

h4 {
	font-size: 1.25em;
	line-height: 26px;
	padding-top: 4px;
	margin-bottom: -4px;
}

.entry ul li,
.entry ol li {
	font-size: .8888888889em;
	line-height: 26px;
}

blockquote p {
	font-size: .8888888889em;
}

/* nav*/
#searchform {
	height: 45px;
}

#searchform label,
#searchsubmit {
	height: 45px;
	width: 45px;
}

#s {
	height: 40px;
	padding-top: 10px;
	font-size: 18px;
	width: calc(100% - 117px);
}

label.menu-toggle {
	height: 45px;
	width: 45px;
}

.menu-toggle:checked ~ label {
	width: 45px;
}

.nav li {
	font-size: 18px;
}

.nav li,
.nav li a {
	height: 45px;
}

.nav li a {
	padding-top: 10px;
}

.copyright,
.credit {
	font-size: .75em;
}

/* header */
.sitetitle {
	height: 45px;
	font-size: 1.5em;
	line-height: 27px;
	padding-right: 91px;
}

.sitetitle {
	margin-left: 45px;
	background-size: 78px;
	background-position: right middle;
}

.fimage {
/*min-height: 130px;*/
}

/* home*/
.widget-easy-twitter-feed-widget-kamn {
	display: none;
}

.featuredliner .posttitle {
	padding-left: 32px;
}

.featuredliner .excerpt {
	margin-left: 16px;
}


/* social */
.socialmedia .widget {
	height: 45px;
	width: 45px;
}

/* entry */
.posttitle,
.pagetitle {
	min-height: 45px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 16px;
}

.posttitle:before,
.pagetitle:before {
	min-height: 45px;
	height: 45px;
	width: 45px;
	margin-left: -71px;
	margin-top: -9px;
}

.entry {
	margin-left: 29px;
}

/* blockquotes */
blockquote:before {
	height: 45px;
	width: 45px;
}

/* images */
.alignleft {
	margin-left: -29px;
}

/* meta */
.meta {
	max-height: 30px;
	font-size: 10px;
	line-height: 12px;
	padding-top: 8px;
	padding-bottom: 22px;
	margin-top: -10px;
}

.meta:before {
	width: 30px;
	height: 30px;
	margin-left: -45px;
}

/* postnav */
.prevarrow, .nextarrow {
	height: 45px;
	width: 45px;
	font-size: 35px;
	line-height: 37px
}

.prevarrow {
	margin-left: -45px;
}

/* home*/
.home .producttitle {
	margin-left: -32px;
	padding-left: 32px;
}

.home .products img {
	width: 100% !important;
	width: calc(100% + 16px) !important;
	max-width: 110% !important;
	margin-left: -32px;
	
}

.featuredpost .fimage {
	height: auto;
}

.page-template-page-under-construction label.menu-toggle {
	display: none;
}

}

@media screen and (min-width: 783px) { /* breakpoint for the WP admin bar */
	.admin-bar label.menu-toggle {
		top: 32px;
	}
}

@media only screen and (min-width: 960px) { /* tablet-ish and bigger */
body {
/*background-color: rgba(255,0,0,.3);/**/
}

.mobile.nav,
.menu-toggle {
	display: none;
}

.nav.desktop {
	display: inline-block;
}

.page-template-page-under-construction .nav {
	display: none;
}


/* blockquotes */
blockquote {
	width: 110%;
	width: calc(100% + 16px);
	padding-left: 32px;
	margin-left: -16px;
	border-radius: 0 0 0px;
}

/* forms */
.pagewrap input[type=text],
.pagewrap input[type=email],
.pagewrap input[type=tel],
.pagewrap input[type=date],
.pagewrap textarea {
	float: right;
	margin-top: 5px;
	clear: none;
}

.pagewrap input[type=text],
.pagewrap input[type=email],
.pagewrap input[type=tel],
.pagewrap input[type=date] {
	height: 52px;
}

.pagewrap .wpcf7 label {
	width: 30%;
	float: left;
}

/* layout */
#header {
	padding-bottom: 0;
}

.sitetitle {
	float: left;
	margin: 0 0 0 0;
	text-align: left;
	background-size: 4.5em;
	background-position: left 32px center;
	width: 55%;
	padding: 3px 0 0 6.5em;
	font-size: 2.25em;
}

/* search */
#dsearch {
	width: 33.5%;
	float: right;
	padding-right: 32px;
	box-sizing: border-box;
	margin-top: 1.15em;
	display: inherit;
}

#dsearch #searchform {
	height: auto;
}

#dsearch label {
	float: none;
	display: inline-block;
	text-indent: -9999px;
	margin: .3em 0 0 .5em;
	padding: 0;
	width: 2em;
	height: 2em;
	background-image: url(images/magnifier-red-01.svg);
	position: absolute;
	cursor: pointer;
}

#dsearch #t {
	width: 100%;
	padding: 0 0 0 2.5em;
	height: 2em;
	line-height: 1em;
	font-size: 1.25em;
	float: none;
	display: inline;
	/*border-radius: 13px;
	/*background-color: #eeeeee;*/
}

#dsearch #t:hover,
#dsearch #t:focus {
	color: #000000;
	border-bottom: 3px solid #eb1c27;
}

#dsearch #searchsubmit {
	position: relative;
	height: 2.5em;
	background-size: .75em;
	padding: 0;
	width: 2em;
	margin: -53px -20px 0 0;
	background-color: transparent;
	background-image: url(images/go.svg);
	float: right;
}

#dsearch #searchsubmit:hover,
#dsearch #searchsubmit:focus {
	background-color: #eb1c27;
	background-image: url(images/go-white.svg);
}

/* fimage and featuredpost */
.fimage,
.featuredpost .fimage {
	height: 260px;
}

.fimage {
	width: 63%;
}

.fimage img {
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin: 0;
}

.featuredpost {
	min-height: 283px;
	margin-bottom: 65px;
	margin-left: 32px;
}

.featuredpost .fimage {
	margin-left: -32px;
}

.featuredpost .fimage,
.featuredpost .excerpt {
	width: 50%;
	float: left;
}

.featuredpost .posttitle {
	float: left;
}

.featuredpost .posttitle,
.featuredpost .excerpt {
	clear: none;
}

/* nav */
.nav.desktop {
	background-color: #eeeeee;
	float: right;
	clear: both;
	padding: 0px 32px;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 3px solid #eb1c27;
	margin-bottom: -3px;
}

.desktop .menu {
	width: auto;
}

.desktop ul {
	height: 52px;
}

.desktop li a {
	line-height: 52px;
}

.desktop li,
.desktop li a {
	display: inline-block;
	width: auto;
	height: 52px;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.desktop li a {
	padding: 0px 16px 0;
}

.desktop li:first-of-type {
	margin-left: -16px;
}


.desktop li a:link,
.desktop li a:visited {
	color: #eb1c27;
}

.desktop li a:hover,
.desktop li a:focus {
}

.desktop li ~ li {
	margin-left: 1em;
}

.desktop li a {
	float: right;
}

/* entry en aside */
.entry {
	width: 63%;
	float: left;
	clear: none;
	padding-left: 16px;
	box-sizing: border-box;
}

h2:after {
	width: 100%;
	width: calc(100% + 48px);
	margin-left: -32px;
}

aside {
	/* float: right;
	margin-left: 16px;
	width: 28%; */
	clear: none;
	padding: 65px 16px 0 48px;
	margin-top: -285px;
box-sizing: border-box;
float: left;
width: 40.55555%;
margin-left: 32px;
padding-right: 6.6667%;
margin-right: -11.11111%;
	display: block;
	margin-bottom: 52px;
}

aside .widget:first-of-type {
	margin-top: 0;
}

	.home aside {
		margin-top: -65px;
	}

aside h2:after {
	width: 100%;
	width: calc(100% + 64px);
}

aside h3 {
	line-height: 26px;
}

aside .portrait {
	width: 40%;
	float: right;
	border-radius: 0 0 0 13px;
}

aside .portrait img {
	border-radius: 0 0 0 0px;
}

/* products */
.products .widget {
	border-top: 3px solid #eb1c27;
}

.products .producttitle {
	width: auto;
	display: inline-block;
	position: absolute;
	left: 0;
	margin-top: -3px;
	padding-left: 32px;
	padding-right: 32px;
}

.products img {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: -16px;
}

/* footer */
#footer {
	clear: both;
	background-position: top left 34px;
	clear: both;
	display: block;
}

.copyright {
	padding-top: 15px;
	padding-left: 16px; 
}

/* typo */

/* captions */
.wp-caption-text {
	font-size: 18px;
	line-height: 26px;
	width: 100%;
	padding-bottom: 6px;
	padding-left: 16px;
	margin-bottom: 13px;
}

/* images */
div.alignright,
div.alignleft,
img.alignright,
img.alignleft {
	width: 25% !important;
	height: auto !important;
}

.alignright img,
.alignleft img {
	width: 100% !important;
}

.alignleft {
	margin-right: 26px;
}

.alignright {
	margin-left: 26px;
}

/* search in post */
.searchform {
	margin-top: 21px;
}

.searchform label {
	float: left;
	width: 52px;
	height: 52px;
	margin-top: 5px;
}

#tearchsubmit {
	margin-top: 5px;
	width: 52px;
	height: 52px;
}

/* blog */
.blog hr,
.search hr,
.archive hr {
	clear: both;
	margin-right: -16px;
}

.blog .meta,
.search .meta,
.archive .meta {
	float: left;
}

.blog .meta + *,
.search .meta + *
.archive .meta + * {
	clear: both;
}

.blog .contentwrap,
.search .contentwrap,
.archive .contentwrap {
	width: 56.7%;
	float: left;
	margin-left: calc(5% + 8px);
}

.blog .fimage,
.search .fimage,
.archive .fimage {
	margin-left: 0;
	width: 100%;
	max-height: 309px; /* -3px for the hr */
}

.blog .fimage img,
.search .fimage img,
.archive .fimage img {
	width: 100%;
	height: auto;
}

.search .entry,
.blog .entry,
.archive .entry {
	width: 100%;
}

.blog aside,
.search aside,
.archive aside {
	float: left;
	margin-top: 3px;
	padding-top: 62px;
	padding-right: 11.1111%;
}

	.blog aside h2:after
	.search aside h2:after
	.archive aside h2:after {
		margin-right: -20%;
		width: 150%;
	}

.blog .posttitle,
.search .posttitle,
.archive .posttitle {
	padding-left: 7%;
	margin-left: calc(16px - 7%);
	margin-top: -3px;
}

.blog .entry {
	
}

/* postnav */
.nextpost .prevnexttext {
	margin-right: 16px;
}

.nextpost img {
	margin-right: 16px;
}

}

@media only all and (min-width: 1440px) { /* desktop-ish and bigger */
p,
ul,
ol,
table {
	font-size: 22px;
	line-height: 39px;
	padding-top: 13px;
	margin-bottom: 13px;
}

ul li:before {
	margin-top: 15px;
	height: 13px;
	width: 13px;
}

blockquote {
	padding-top: 9px;
}

blockquote:before {
	margin-top: -9px;
}

blockquote p {
	font-size: 36px;
	line-height: 52px;
	padding-top: 12px;
	margin-bottom: -4px;
}

#header .nav ul,
.headerliner {
	width: 90%;
	margin: 0 auto;
}

/* entry */
/*.entry h2 {
	font-size: 48px;
	padding-top: 8px;
	margin-bottom: -8px;
}*/
.entry h3 {
	font-size: 36px;
}

.featuredpost {
	width: 111%;
}

.featuredliner {
	width: 90%;
}

.featuredpost .excerpt {
	width: 50%;
}

.fimage {
	width: 71.8%;
}

.fimage,
.featuredpost .fimage {
	height: 387px;
	margin-left: -8.5%;
}

.featuredpost .fimage {
	height: auto;
}

.featuredpost .fimage {
	width: 55%;
}

.featuredpost {
	min-height: 413px;
}

.featuredpost .posttitle {
	margin-top: 65px;
}

.contentwrap {
	width: 90%;
	margin: 0 auto;
}

.entry h2:after {
	width: 110%;
	width: calc(110% + 48px);
	margin-left: -10%;
	margin-left: calc(-10% - 32px);
}

.entry h2 + p .alignleft,
.entry h2 + p .alignright {
	margin-top: -29px;
}

.products .producttitle {
	padding-left: calc(5% + 32px);
}

.products .producttitle:after {
	width: 200%;
	margin-left: -80%;
}

aside {
	margin-top: -412px;
}

	aside h2:after {
		width: 110%;
		width: calc(122% + 48px);
	}

#footer {
	background-position: top left 5.5%;
	background-position: top left calc(5.5% + 42px);
}

.copyright {
	padding-left: 5.5%;
	padding-left: calc(5.5% + 16px);
	padding-top: 4px;
}

}

@media only all and (min-width: 2100px) { /* do you need it this big? */
body {
/*background-color: rgba(0,100,0,.3);*/
}

.entry h2:after {
	width: 100%;
	width: calc(100% + 32px);
	margin-left: -32px;
}

aside h2:after {
	width: 100%;
	width: calc(100% + 48px);
}

/* header */
#header .nav ul {
	width: 80%;
	margin: 0 auto;
}

.headerliner {
	width: 80%;
	margin: 0 auto;
}

.featuredpost {
	width: 125%;
	margin: 0 -10% 65px -12.5%;
	border-radius: 0;
}

.featuredpost .fimage {
	margin-left: 0;
}

.featuredpost .excerpt {
	width: 42%;
}

.featuredliner {
	width: 80%;
	margin: 0 auto;
/*min-height: 546px;*/
}

/* fimage */
.fimage,
.featuredpost .fimage {
	height: 520px;
}

.featuredpost .fimage {
height: auto;
}

/* content */
.contentwrap {
	width: 80%;
	margin: 0 auto;
/*background-color: rgba(255,255,0,.4);*/
}

/* entry */

.products .producttitle {
	position: relative;
	margin-left: -16px;
	padding-left: 32px;
}

.products .producttitle:after {
	width: 100%;
	margin-left: 0;
	position: absolute;
}

.products img {
	margin-top: -88px;
}

aside {
	padding-right: 32px;
	margin-top: -546px;
	margin-right: 0;
	width: 35%;
}

/* footer */
#footer {
	background-position: top left 11%;
	background-position: top left calc(10% + 58px);
}

.copyright {
	padding-left: 11%;
	padding-left: calc(10% + 16px);
	padding-top: 4px;
}

.copyright p {
	font-size: 1em;
}
}

/* 8. browser-specific hacks */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */