@charset "utf-8";
/*
	Theme Name: Genesis Childtheme antiheld
	Theme URI: http://www.ericsteuten.nl
	Description: This is a custom responsive theme created for the Genesis Framework.
	Author: Eric Steuten & Łukasz Czerwiński (OneFinger)
	Author URI: http://www.ericsteuten.nl

	Version: 2.2.5

	Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.2.3

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Containers
	- Column Widths and Positions
	- Column Classes
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Jetpack
- Skip Links
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Accessible Menu
	- Site Header Navigation
	- After Header Navigation
	- Footer Navigation
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
	- Max-width: 1340px
	- Max-width: 1200px
        - Max-width: 1024px
	- Max-width: 1023px
	- Max-width: 860px
	- Max-width: 767px
        - Max-width: 599px
	- Max-width: 479px
- Print Styles
*/


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

progress {
	vertical-align: baseline
}

template,
[hidden] {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: bold
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}


/* ## Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%;
	/* 10px browser default */
}

/* Chrome fix */
body>div {
	font-size: 2rem;
}

body {
	background-color: #f1f1f1;
	color: #4b4e54;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-size: 2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a {
	color: #4b4e54;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #4b4e54;
	text-decoration: none;
}

p {
	margin: 0 0 28px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 1em 0;
}

b,
strong {
	font-weight: 700;
	color: #e8a64a;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}


/* ## Headings
--------------------------------------------- */

h1 {
	font-family: 'Bitter';
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
	font-size: 47px;
	font-size: 4.7rem;
	color: #fff;
}

h2 {
	font-family: 'Bitter', Georgia;
	color: #494b50;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 47px;
	font-size: 4.7rem;
}

h3 {
	font-family: 'Bitter', Georgia;
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	color: #e8a64a;
	font-size: 1.8rem;
}

h4 {
	font-family: 'Bitter', Georgia;
	font-weight: 700;
	font-size: 32px;
	font-size: 3.2rem;
	color: #fff;
	line-height: 1.2;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
	font-size: 16px;
	font-size: 1.6rem;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;

}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery img {
	border: 1px solid #eee;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 16px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

::-ms-clear {
	display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 16px 24px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
	background-color: #c3251d;
	color: #fff;
}

.entry-content .button:hover,
.entry-content .button:focus {
	color: #fff;
}

.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

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


/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	background: url('/wp-content/uploads/2016/07/logo-mini-wit.png');
	background-repeat: no-repeat;
	background-position: 10% 0%;
	background-color: #141922;
	border-top: 5px solid #141922;
	display: none;
	position: fixed;
	top: 5px;
	width: 100%;
	z-index: 999;
}

.nav-secondary .genesis-nav-menu a {
	padding: 20px;
	color: rgba(241, 241, 241, 1) !important;
	font-weight: 600 !important;

}

/* customLink stickyMenu */

.nav-secondary .genesis-nav-menu a:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 0;
	height: 2px;
	background-color: #FFFFFF;
	content: "";
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;

}

/* END customLink stickyMenu */

.nav-secondary .genesis-nav-menu .sub-menu a {
	padding: 16px 20px;
}



.nav-secondary a:hover,
.nav-secondary .current-menu-item>a,
.nav-secondary .menu-item-home>a,
.nav-secondary .menu-item-home>a:hover {

	color: #4b4e54;
}


.nav-secondary .sub-menu a:hover {
	color: #4b4e54;
}



/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-word;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eee;
	padding: 6px;
}

th {
	font-weight: 400;
	padding: 0 6px;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000;
	/* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

.more-link {
	position: relative;
}


/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1600px;
}

.site-inner {
	clear: both;
	padding-top: 40px;
	word-wrap: break-word;
}

.landing-page .site-inner {
	max-width: 800px;
}

/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 1060px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* ### Content */

.content {
	float: right;
	width: 880px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 660px;
}

.full-width-content .content {
	width: 100%;
}

/* ### Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */

/* ## Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* ## Genesis
--------------------------------------------- */

.breadcrumb {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1px;
	padding: 12px 30px;
}

.after-entry,
.archive-description,
.author-box {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 40px;
	padding: 60px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* ## Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.entry-content .search-form,
.site-header .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.site-header .search-form {
	float: right;
	margin: 12px auto 0;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ## Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
	font-size: 20px;
	font-size: 2rem;
}

.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #c3251d;
}

.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 28px;
}


/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	margin-bottom: 40px;
	word-wrap: break-word;
}

.widget p:last-child,
.widget ul>li:last-of-type,
.widget-area .widget:last-of-type {
	margin-bottom: 0;
}

.widget ul>li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget ul>li:last-of-type {
	padding-bottom: 0;
}

.widget ol>li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* ## Featured Content
--------------------------------------------- */

.featured-content .entry {
	background: none;
	padding: 0;
}

.featured-content .entry:last-of-type {
	margin-bottom: 0;
}

.featured-content .entry-title {
	font-size: 20px;
	font-size: 2rem;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Genesis eNews Extended
--------------------------------------------- */

.sidebar .enews-widget,
.sidebar .enews-widget .widget-title {
	color: #fff;
}

.sidebar .widget.enews-widget {
	background-color: #333;
}

.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
	border: 1px solid #333;
}

.sidebar .enews-widget input[type="submit"] {
	background-color: #c3251d;
	color: #fff;
}

.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"] {
	background-color: #fff;
	color: #333;
}

.enews-widget input {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form+p {
	margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 1px;
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
}

.site-header>.wrap {
	padding: 20px 0;
}


/* ## Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 10px 0;
	width: 300px;
}

.header-image .title-area {
	margin: 0 auto;
	max-width: 300px;
	padding: 0;
}

.header-full-width .title-area {
	float: none;
	width: 100%;
}

.site-title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: #333;
	text-decoration: none;
}

.header-image .site-title>a {
	background-position: center !important;
	background-size: contain !important;
	float: left;
	min-height: 80px;
	width: 100%;
}

.site-description {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

/* ## Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 800px;
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	float: right;
	width: auto;
	font-family: 'Bitter', Georgia;
	color: rgba(124, 131, 128, 1);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	font-size: 1.4rem;

}

.genesis-nav-menu .menu-item {
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

.genesis-nav-menu a {
	color: #4b4e54;
	text-decoration: none;
	display: block;
	padding: 60px 20px 17px 20px;

	/* customLink */
	position: relative;
}



.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus {
	color: rgba(124, 131, 128, 1);
	text-decoration: none;
}

/* customUnderline */

.genesis-nav-menu a:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 22px;
	width: 0;
	height: 2px;
	background-color: #4b4e54;
	content: "";
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;


}

.genesis-nav-menu a:hover:after {
	width: 100%;
}

/* END customUnderline */

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #eee;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px;
	position: relative;
	width: 200px;
	word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover>.sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu>.first>a {
	padding-left: 0;
}

.genesis-nav-menu>.last>a {
	padding-right: 0;
}

.genesis-nav-menu>.right {
	float: right;
}

/* ## 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;
}

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

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

/* ## After Header Navigation
--------------------------------------------- */

.nav-primary {

	background: url('/wp-content/uploads/2016/07/logo-eric-steuten.png');
	background-repeat: no-repeat;
	background-position: 9% 2%;
	background-color: #ffffff;
	border-top: 5px solid #ffffff;

}

/* ## color change background header
-------------------------------------------- */

#home .fl-row-content-wrap {
	animation: colorchange 1.3s forwards;
	/* animation-name followed by duration in seconds*/
	/* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: colorchange 1.3s forwards;
	/* Chrome and Safari */
}

@keyframes colorchange {
	0% {
		background-color: #16181b;
	}



	100% {
		background-color: #4d544a;
	}
}

@-webkit-keyframes colorchange

/* Safari and Chrome - necessary duplicate */
	{
	0% {
		background-color: #16181b;
	}



	100% {
		background-color: #4d544a;
	}
}





/* ## Footer Navigation
--------------------------------------------- */

/* fix voor Genesis footer */
.sidebar {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	display: none !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	height: 0px !important;
}

.site-footer .genesis-nav-menu {
	padding-bottom: 20px;
}

.site-footer .genesis-nav-menu a {
	padding: 0 20px 10px;
}


/* # Content Area
---------------------------------------------------------------------------------------------------- */




/* ## Entries
--------------------------------------------- */

.entry {
	background-color: #fff;
	margin-bottom: 40px;
	padding: 70px 80px;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 28px;
	margin-left: 40px;
}

.entry-content ol>li {
	list-style-type: decimal;
}

.entry-content ul>li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #eee;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 24px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination a {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a {
	background-color: #c3251d;
	color: #fff;
}

/* ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
	padding: 60px 60px 32px;
}

.entry-comments {
	padding: 60px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul>li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}


/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0px;
}

.sidebar .widget {
	background-color: #fff;
	padding: 0px;
}


/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	clear: both;
	padding: 60px 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 380px;
}

.footer-widgets-1 {
	margin-right: 70px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #fff;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	padding: 60px 0;
	text-align: center;
}

.site-footer p {
	margin-bottom: 0;
}




/* # Modifications Lukasz
---------------------------------------------------------------------------------------------------- */
.ericbox-close {
	position: fixed !important;
	top: 0px !important;
	right: 0px !important;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 8040404040;
	display: block;
	background-image: url(images/esgbox_sprite.png);
	background-color: rgba(255, 255, 255, 0.1)
}

.ericbox-close:hover {
	background-color: rgba(71, 77, 75, 1);
}

.esg-cc {
	padding: 0 7px 0 7px;
}
.fl-node-57718702759a3 .fl-number-string {
    font-size: 80px;
    color: #ffffff;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.ericbox-close {
		background-image: url(images/esgbox_sprite@2x.png);
		background-size: 44px 152px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
}


@media only screen
/* Headers skills 2 regels */
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	h4 {
		font-family: 'Bitter', Georgia;
		font-weight: 700;
		font-size: 28px;
		font-size: 2.8rem;
		letter-spacing: 0px;
		color: #fff;
		line-height: 1.2;
	}

}




@media (min-width:1025px) {

	.customIntroH1,
	.customIntro {
		opacity: 0;
	}

	.customIntroWrapper>div * {
		opacity: 1.0;
	}

	.customIntroWrapper {
		margin: 98px 0 -98px 0 !important;
	}

	/* FIX BG image Ipad MISSCHIEN HIER NIET NODIG VOOR DESKTOP EN BREEKT IPAD?
.fl-node-5765b063095d4 > .fl-row-content-wrap {
background-size: cover !important;
  } */

}

@media (min-resolution: 1.25dppx) and (max-width:1023px) and (orientation: portrait),
only screen and (max-width: 1023px) {

	.introLeft,
	.introCenter,
	.introRight {
		clear: both;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important;
	}

	.fl-post-carousel-post {
		width: 100vw;
	}

	.fl-post-carousel-grid .fl-post-carousel-text {
		padding: 20px 0 20px 0 !important;
	}
}

@media (max-width: 1024px) {
	.hyphen *:not(.bx-pager) {
		text-align: justify !important;
	}

	.introLeft p:last-child,
	.introCenter p:last-child,
	.introRight p:last-child {
		width: 100%;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}

@media (min-width: 768px) and (max-width: 860px) {

	.introLeft .fl-module-content,
	.introCenter .fl-module-content,
	.introRight .fl-module-content {
		margin-left: 0px !important;
		margin-right: 0px !important;

	}
}

@media screen and (max-width:800px) {
	#bio .fl-row-content-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width:768px) {
	#bio .fl-row-content-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width: 801px) and (orientation: landscape),
screen and (min-width: 600px) and (max-width: 800px) {
	#contact .fl-col {
		clear: both !important;
		float: none !important;
		margin-left: 0px;
		margin-right: 20px;
		width: 100% !important;

	}

	.fl-icon-group.fl-icon-group-left {
		width: 220px;
		margin: 0 auto;
	}

	#contact .fl-module-content.fl-node-content>.fl-rich-text>div {
		width: 305px !important;
		margin: 0 auto;
	}

	#contact form {
		display: none;
	}
}

@media (min-width:769px) and (max-width: 801px) {
	#contact .fl-module-content {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
}

@media (max-width: 768px) {
	#contact .fl-col {
		margin-right: 0;
	}

    .fl-col.customIntroWrapper, .fl-post-carousel-grid .fl-post-carousel-text {
		padding: 20px !important;
	}
}

@media (width:768px) {

	.introLeft,
	.introCenter,
	.introRight {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}

@media (max-width: 420px) {

	html,
	body {
		overflow-x: hidden;
	}
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

/* Retina HD Resolution-specific CSS */

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 1.25/1),
only screen and (min-device-pixel-ratio: 1.25) {
	.nav-primary {
		background: url('/wp-content/uploads/2016/12/logo-eric-steuten@2x.png');
		background-size: 134px 83px;
		background-repeat: no-repeat;
		background-position: 9% 2%;
	}

	.nav-secondary {
		background: url('/wp-content/uploads/2016/12/logo-mini-wit@2x.png');
		background-size: 76px 47px;
		background-repeat: no-repeat;
		background-position: 10% 0%;
		background-color: #141922;
		border-top: 5px solid #141922;
		display: none;
		position: fixed;
		top: 5px;
		width: 100%;
		z-index: 999;
	}
}

/* IE  DEZE TARGET VANWEGE DE KOMMA MISSCHIEN OOK ONBEDOELD IPADS - IK VERVANG DEZE NU DOOR AND */
@media screen and (min-width: 1500px) and (min-resolution: 120dpi) {
	.nav-primary {
		background: url('/wp-content/uploads/2016/12/logo-eric-steuten@2x.png');
		background-size: 134px 83px;
		background-repeat: no-repeat;
		background-position: 9% 2%;
	}

	.nav-secondary {
		background: url('/wp-content/uploads/2016/12/logo-mini-wit@2x.png');
		background-size: 76px 47px;
		background-repeat: no-repeat;
		background-position: 10% 0%;
		background-color: #141922;
		border-top: 5px solid #141922;
		display: none;
		position: fixed;
		top: 5px;
		width: 100%;
		z-index: 999;
	}


}

@media screen and (min-resolution: 120dpi) and (min-width: 1025px) and (max-width: 1499px) {
	/* Voor kleinere high-DPI devices zoals iPads/phones */

	/* FIX BG image Ipad - cover terug naar auto omdat die op ipad niet toont */
	.fl-node-5765b063095d4>.fl-row-content-wrap {
		background-size: auto !important;
	}

}


@media only screen and (min-width: 1341px) {
	nav .wrap {
		width: 90vw !important;
	}
}

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

	.site-inner,
	.wrap {
		max-width: 1140px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 920px;
	}

	.content,
	.site-header .widget-area {
		width: 800px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 580px;
	}

	.sidebar-primary {
		width: 300px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 340px;
	}

	.footer-widgets-1 {
		margin-right: 60px;
	}

}


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

	.site-inner,
	.wrap {
		max-width: 960px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content,
	.site-header .widget-area {
		width: 620px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 300px;
	}

	.footer-widgets-1 {
		margin-right: 30px;
	}

}


@media only screen and (max-width: 1024px) {
	#home .fl-row-content-wrap {
		background-size: 125% !important;
		background-position: right -120px top 0px !important;
		background-color: #4d554a !important;
	}

	#home .customIntro {
		margin-left: -50px;
		max-width: 570px !important;
	}

	#home .customIntroH1 {
		margin-left: -50px;
	}



}


@media screen and (orientation:portrait) {

	#bio .fl-row-content-wrap {

		background-position: center top !important;

	}

	.icon-scroll {

		visibility: hidden
	}

}


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

	.site-inner,
	.wrap {
		max-width: 800px;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.js .genesis-nav-menu .sub-menu a,
	.js .genesis-nav-menu .sub-menu,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.site-header .wrap {
		padding-left: 5%;
		padding-right: 5%;
	}



	.site-header .search-form {
		margin: 16px auto;
	}





	.footer-widgets-1,
	.footer-widgets-2 {
		margin: 0 auto 40px;
	}

	.skillsStyle .fl-row-content-wrap {
		background: url('/wp-content/uploads/2017/01/gradient.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 100% 25% !important;

	}

	.icon-scroll {

		visibility: hidden
	}

}

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

	#home .fl-row-content-wrap {
		background-size: 190% !important;
		background-position: left 0px top 0px !important;
	}

	#home .customIntroH1 {
		width: 100% !important;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		display: block;
		margin-top: 355px !important;
		text-align: center !important;
		margin-left: 0px;
	}

	#home .customIntro {
		max-width: 100% !important;
		padding-bottom: 25px !important;
		margin-left: 0px;
	}

	#home .fl-col {
		float: none;
		min-height: 1px;
		width: 100% !important;
	}

	.fl-col-small {
		max-width: 100% !important;
	}


	body>div {
		font-size: 1.8rem;
	}

	body {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.site-inner {
		padding: 5% 5% 0;
	}

	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget {
		padding: 30px;
		margin-bottom: 0%;
	}




	.sidebar {
		margin-bottom: 0%;
	}

	.pagination {
		margin: 5% auto;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

}


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

	#home .fl-row-content-wrap {
		background-size: 260% !important;
		background-position: left -50px top -40px !important;
	}

	#home .customIntroH1 {
		width: 100% !important;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		display: block;
		margin-top: 445px !important;
		text-align: center !important;
		margin-left: 0px;
	}

	#home .customIntro {
		width: 100% !important;
		padding-bottom: 25px !important;
		margin-left: 0px;
	}

	/* Background positioning BIO row smaller viewports */

	#bio .fl-row-content-wrap {

		background-position: center -45px !important;

	}


	body>div {
		font-size: 1.8rem;
	}

	body {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.site-inner {
		padding: 5% 5% 0;
	}

	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget {
		padding: 30px;
		margin-bottom: 5%;
	}



	/* Hamburger menu with fries and mayo */

	.genesis-nav-menu li,
	.header-image .title-area,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto;
	}

	.js nav.nav-primary,
	.js .site-header nav {
		display: none;
		position: relative;
	}

	.js .site-header nav .wrap {
		padding: 0;
	}

	.js nav.pagination {
		display: block;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border-width: 0;
		background-color: #fff;
		color: #333;
		display: block;
		margin: 0 auto;
		overflow: hidden;

		text-align: center;
		visibility: visible;
	}


	.sub-menu-toggle:hover,
	.sub-menu-toggle:focus {
		border-width: 0;
	}

	.menu-toggle {
		border-top: 1px solid #eee;
		line-height: 20px;
		position: relative;
		right: 0;
		z-index: 1000;
		width: 100%;
	}

	.site-header .menu-toggle {
		border: 0;
	}

	/* MENU CORRECTIONS */

	.nav-primary {

		background: none !important;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		border-top: 0px !important;
		padding: 0px !important;
		margin: 0px !important;
	}

	.genesis-nav-menu {
		float: none !important;
	}

	.js .nav-primary .genesis-nav-menu .menu-item,
	.js .site-header .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		margin: 1px 0;
		position: relative;
		text-align: center !important;
	}

	/* customUnderline */

	.genesis-nav-menu a:after {
		display: block;
		position: absolute;
		left: 33%;
		bottom: 18px;
		width: 0;
		height: 2px;
		background-color: #4b4e54;
		content: "";
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		-o-transition: all 0.7s;
		transition: all 0.7s;


	}

	.genesis-nav-menu a:hover:after {
		width: 33%;
	}

	/* END customUnderline */




	/* HEADER LOGO AND ANIM */
	.menu-toggle {
		display: block !important;
		height: 64px !important;
		line-height: 0px !important;
		padding: 0px !important;
		margin: 0px !important;
		border-top: 0px !important;
	}

	.button menu-toggle {
		padding: 0px !important;

	}



	/* END */

	.menu-toggle:before,
	.menu-toggle.activated:before {
		margin-right: 10px;
		text-rendering: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}



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

	.sub-menu-toggle:before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.sub-menu-toggle.activated:before {
		content: "\f142";
	}

	/* fix 2025 burgermenu */


	.dashicons,
	.dashicons-before::before {
		height: 0px !important;
		width: 0px !important;
		margin-left: 3px !important;
		display: inline !important;
		font-size: 48px !important;
	}

	/* menu corrections */
	.menu-toggle:before {
		content: url(/wp-content/uploads/2016/09/placeholder1.gif) !important;
		display: block !important;
		background: url(/wp-content/uploads/2016/09/hamburger_anim4.gif) !important;
		background-position: center top !important;
		height: 64px !important;
		margin: 0px !important;
		padding: 0px !important;
		background-size: 32px 32px !important;
		background-repeat: no-repeat !important;
		font-size: 32px !important;
		width: auto !important;
		-webkit-margin-before: 5px !important;
	}

	.menu-toggle.activated::before {
		content: url(/wp-content/uploads/2016/09/placeholder_wide.gif) !important;
		background: url(/wp-content/uploads/2016/09/mobile_logo_ericsteuten_retina.png) !important;
		height: 64px !important;
		background-position: center top !important;
		background-repeat: no-repeat !important;
		background-size: 78px 48px !important;
		font-size: 48px !important;


	}



	/* END */




	.js .nav-primary .genesis-nav-menu .menu-item,
	.js .site-header .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		margin: 1px 0;
		position: relative;
		text-align: left;
	}

	.js .genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.js .nav-primary .genesis-nav-menu .menu-item a,
	.js .site-header .genesis-nav-menu .menu-item a {
		border: none;
		padding: 12px 0;
		width: 100%;
	}

	.js .genesis-nav-menu .sub-menu {
		border: none;
	}

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

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

	.js .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		width: 100%;
	}

	.js .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.js nav button:hover,
	.js .menu-toggle:hover,
	.js .nav-primary {
		background-color: #fff;
		color: #000;
	}

	.js nav button:focus,
	.js .menu-toggle:focus {
		background-color: #fff;
		color: #c3251d;
	}

	/* END Hamburger menu */

	.sidebar {
		margin-bottom: 5%;
	}

	.pagination {
		margin: 5% auto;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

}

@media only screen and (max-width: 599px) {
	#home .fl-row-content-wrap {
		background-size: 260% !important;
		background-position: left -50px top -40px !important;
	}

	#home .customIntroH1 {
		width: 100% !important;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		display: block;
		margin-top: 350px !important;
		text-align: center !important;
		margin-left: 0px;

	}

	#home .customIntro {
		max-width: 100% !important;
		padding-bottom: 25px !important;
		margin-left: 0px;


	}

}


/* NEW IPADS 2025 */


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}



/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	/* FIX BG image Ipad */
	.fl-node-5765b063095d4>.fl-row-content-wrap {
		background-size: auto !important;
	}

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */


@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	/* FIX BG image Ipad */
	.fl-node-5765b063095d4>.fl-row-content-wrap {
		background-size: auto !important;
	}

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	/* FIX BG image Ipad */
	.fl-node-5765b063095d4>.fl-row-content-wrap {
		background-size: auto !important;
	}

}


/* END IPADS 2025 */




/* SMARTPHONE */

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

	#home .fl-row-content-wrap {
		background-size: 280% !important;
		background-position: left -50px top 0px !important;
		background-color: #4d554a !important;
	}

	#home .customIntroH1 {
		width: 100% !important;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		display: block;
		margin-top: 275px !important;
		text-align: center !important;

	}

	#home .customIntro {
		max-width: 100% !important;
		padding-bottom: 25px !important;
		margin-left: 0px;
	}





	.menu-toggle {
		display: block !important;
		height: 64px !important;
		line-height: 0px !important;
		padding: 0px !important;
		margin: 0px !important;
		border-top: 0px !important;
	}

	.button menu-toggle {
		padding: 0px !important;

	}


	/* fix burger 2025 */



	.menu-toggle:before {
		content: url(/wp-content/uploads/2016/09/placeholder1.gif) !important;
		display: block !important;
		background: url(/wp-content/uploads/2016/09/hamburger_anim4.gif) !important;
		background-position: center top !important;
		height: 64px !important;
		margin: 0px !important;
		padding: 0px !important;
		background-size: 32px 32px !important;
		background-repeat: no-repeat !important;
		font-size: 32px !important;
		width: auto !important;
		-webkit-margin-before: 5px !important;
	}

	.menu-toggle.activated::before {
		content: url(/wp-content/uploads/2016/09/placeholder_wide.gif) !important;


		background: url(/wp-content/uploads/2016/09/mobile_logo_ericsteuten_retina.png) !important;
		height: 64px !important;
		background-position: center top !important;
		background-repeat: no-repeat !important;
		background-size: 78px 48px !important;
		font-size: 48px !important;


	}







	.nav-primary {

		background: none !important;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		border-top: 0px !important;
		padding: 0px !important;
		margin: 0px !important;
	}

	.genesis-nav-menu {
		float: none !important;
	}

	.js .nav-primary .genesis-nav-menu .menu-item,
	.js .site-header .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		margin: 1px 0;
		position: relative;
		text-align: center !important;
	}

	/* customUnderline */

	.genesis-nav-menu a:after {
		display: block;
		position: absolute;
		left: 33%;
		bottom: 18px;
		width: 0;
		height: 2px;
		background-color: #4b4e54;
		content: "";
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		-o-transition: all 0.7s;
		transition: all 0.7s;


	}

	.genesis-nav-menu a:hover:after {
		width: 33%;
	}

	/* END customUnderline */



}




/* END SMARTPHONE */

/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]:after,
	a[href^="#"]:after,
	.site-title>a:after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title>a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
		top: -100px;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}

/* ---------- CUSTOM ------------ */

.customBio .fl-post-carousel-post {
	background-color: transparent !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.customBio .fl-post-carousel-grid .fl-post-carousel-post {
	border: none !important;
}

.customBio .fl-post-carousel-text p {
	color: rgba(255, 255, 255, 1) !important;
	text-align: justify !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-weight: 400;
	line-height: 1.6 !important;
	text-shadow: 1px 1px 7px rgba(73, 75, 80, 0.8);
}


.customBio .bx-pager-item {
	height: 20px;
	width: 20px;
	border: 2px solid rgba(255, 255, 255, 1) !important;
	border-radius: 10px 10px 10px 10px !important;

	margin: 0px 10px 0px 10px !important;
}




.customBio .bx-pager-link {
	margin: 0px 0px 0px 0px !important;
	width: 16px !important;
	height: 16px !important;
	border-radius: 8px !important;
}

.bx-wrapper .bx-default-pager.bx-pager a {
	background: #7c8380 !important;
}

.bx-wrapper .bx-default-pager.bx-pager a.active {
	background: #52545a !important;
}


.skillsStyle .fl-row-content-wrap {
	background: url('/wp-content/uploads/2017/01/gradient.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 50%;

}

/* Skills animations */

.fl-module-content .fl-callout .fl-callout-photo img.fl-photo-img {
	width: 198px !important;
	height: 140px !important;
}


.fl-callout-photo-above-title .fl-photo {
	margin-bottom: 1px !important;
}



.skillsStyle .fl-callout-text {

	color: rgba(255, 255, 255, 1) !important;
	text-align: justify !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-weight: 400;
	line-height: 1.6 !important;
}

.fl-module-content .fl-mosaicflow img.fl-photo-img {
	width: 150px !important;
	height: 75px !important;
}

.customIntro .fl-post-carousel-text p {
	color: rgba(255, 255, 255, 1) !important;
	text-align: justify !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-weight: 400;
	line-height: 1.6 !important;

}

/* HERO image styles */


.customIntro {
	max-width: 560px !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

h1.customIntroH1, .customIntroH1 .fl-heading {
	max-width: 550px !important;
}

.customCounter .fl-number-int {
	font-family: 'Bitter';
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
	font-size: 68px;
	font-size: 6.8rem;

}

.customCounter .fl-number-after-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #4b4e54 !important;

}

/* customFooter FORM */

.fl-contact-form label {
	display: none !important;
}

.fl-contact-form input {
	transition: 0.7s border-color;
	font-family: 'Bitter';
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	color: #FFF;
	font-size: 1.6rem;
	border: 0px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	background: none;
	width: 100%;
	padding: 0px 16px;
	height: 50px;

}

.fl-contact-form input:focus {
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}

/* mozilla */
.fl-contact-form input:invalid {
	border: 0px !important;
	border-bottom: 2px solid #DD4420 !important;
	outline: none !important;
	box-shadow: none !important;
}

.fl-contact-form input:focus:invalid {
	outline: none;
	box-shadow: none !important;
}

/* */

.fl-contact-form textarea {
	transition: 0.7s border-color;

	resize: none;
	font-family: 'Bitter';
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	color: #FFF;
	font-size: 1.6rem;
	border: 0px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	background: none;
	width: 100%;
	padding: 12px 16px !important;
	min-height: 71px !important;

}

.fl-contact-form textarea:focus {
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.fl-success-msg {
	font-family: 'Bitter';
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	color: #FFF;
	font-size: 1.6rem;
	padding-top: 17px;
	min-height: 215px !important;
}


.fl-input-group {

	margin-top: 5px !important;
	margin-bottom: 8px !important;
}

.fl-success-msg {
	display: block;
	min-height: 400px;
	color: #FFF;
}

.fl-contact-error {

	display: none !important;
}

a.fl-button {
	transition: 0.7s;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-weight: 700 !important;
	font-size: 20px;
	border-radius: 5px !important;
	border: 2px solid rgba(255, 255, 255, 0.2) !important;
	background: none !important;
	padding: 18px 16px;
	color: #FFF;
	text-align: center !important;
}

a.fl-button:hover {
	border: 2px solid rgba(255, 255, 255, 1) !important;
}

a.fl-button:visited {
	border: 2px solid rgba(255, 255, 255, 1) !important;
	color: #FFF !important;
}

.fl-button-text {
	color: #FFF !important;
}

::-webkit-input-placeholder {
	color: #FFF;
	opacity: 1;
}

::-moz-placeholder {
	color: #FFF;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #FFF;
	opacity: 1;
}


.customFooterText p {

	color: rgba(255, 255, 255, 1) !important;
	text-align: justify !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-weight: 400;
	line-height: 1.6 !important;
	x-ms-format-detection: none !important;
}

.customFooterText H3 {

	font-family: 'Bitter', Georgia;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	color: #e8a64a;
	font-size: 1.6rem;
	margin: 0px;

}

.customFooterText a {

	color: rgba(255, 255, 255, 1) !important;
	text-decoration: none !important;
	x-ms-format-detection: none !important;

}

.customFooterText a:focus {

	color: rgba(255, 255, 255, 1) !important;
	text-decoration: none !important;
	x-ms-format-detection: none !important;

}

/* PARTICLES */
.particles {
	width: 100%;
	height: 100%;
}

/* CSS Document */
