/*
Theme Name: Rolmako
Theme URI: #
Author: Ervin Nagy
Author URI: http://leadingsoft.eu
Description: 
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: light-skeleton
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Using _ (Underscore) and GetSkeleton CSS boilerplate, and Light Skeleton.

Light WP Skeleton is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# GetSkeleton

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

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

body {
	margin: 0;
}

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

.clear {clear: both}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 50%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

div#comments {
	padding-top: 20px;
	border-top: 1px solid #eee;
}

ol.comment-list, ol.children {

	padding: 10px;
	list-style: none;
}

textarea#comment {
	width: 100%;
}
.comment-respond small a{ text-decoration: none}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

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

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.bypostauthor {}

/* == WP CSS - post_class() == */

.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}


/* == WP CSS - gallery class() == */

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}




/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; }
.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box; }

a.skip-link.screen-reader-text {
	display: none;
}

header#masthead {
	/*padding: 20px 0;*/
}

a.custom-logo-link {
    display: inline-block;
    height: 5.4rem;
	vertical-align: top;
}

img.custom-logo {
	max-height: 5.5rem;
	width: auto;
}


/* Navigation */

/**
 * This file contains the CSS of making menu responsive.
 */

.menu-toggle {
	display: none;
}
 
.menu-toggle,
.filter-toggle {
	border: 0 none transparent;
	border-radius: 0;
	width: 5.5rem;
	height: 5.5rem;
	padding: 0;
	box-sizing: border-box;
	color: transparent !important;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 0;
	position: relative;
	float: right;
}

.menu-toggle:before {
	position: absolute;
	top: 0;
	width: 4rem;
	content: '';
	margin-top: .78rem;
	height: .78rem;
	border-top: .78rem solid #fff;
	border-bottom: .78rem solid #fff;
	margin-bottom:.78rem;
	display: block;
	left: 0.76rem;
}

.menu-toggle:after {
	content: '';
	margin-top: .78rem;
	height: .78rem;
	border-top: .78rem solid #fff;
	display: block;
	position: absolute;
	bottom: 0;
	width: 4rem;
	left: 0.76rem;
}

.filter-toggle:before {
	content: '';	
	display: block;
	width: 2rem;
	height:2rem;
	border: .5rem solid #fff;
	border-radius: 1.5rem;
	left: .76rem;
	top: .78rem;
	position: absolute;
}

.filter-toggle:after {
	content: '';
	position: absolute;
	bottom: 1.5rem;
	right: 1rem;
	width: 1rem;
	border: .25rem solid #fff;
	-webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);	
}

.menu-toggle:hover,
.filter-toggle:hover,
.filter-toggle.active, 
.menu-toggle[aria-expanded="true"] {
	background-color: #fff;
}

.menu-toggle:hover:before,
.menu-toggle:hover:after,
.filter-toggle:hover:before,
.filter-toggle:hover:after,
.filter-toggle.active:before,
.filter-toggle.active:after,
.menu-toggle[aria-expanded="true"]:before,
.menu-toggle[aria-expanded="true"]:after {
	border-color: #00569d;
}

.navbar{
	background-color: #00569d;
}

/* Larger than tablet */
@media (min-width: 1024px) {
	/* Navbar */
	.navbar + .docs-section {
		border-top-width: 0;
	}

	.navbar,
	.navbar-spacer {
		display: block;
		width: 100%;
		height: 5.5rem;
        z-index: 99;
	}

	.navbar-spacer {
		display: none;
	}

	.navbar > .container {
		width: 100%;
	}

	.navbar-list {
		list-style: none;
        margin-bottom: 0;
        float: right;
	}

	.navbar-list > li {
		float: left;
		margin-bottom: 0;
	}

	.navbar-list li a {
		font-size: 1.6rem;
		text-decoration: none;
		line-height: 5.5rem;
		color: #ffffff;
        padding: 0 1rem;
	}
  
    .navbar-list > li:hover, .navbar-list li.current-menu-item {
        background-color: #ffffff;
    }

    .navbar-list > li:hover a, .navbar-list li.current-menu-item a {
        color: #00569d;
    }
	
    ul.sub-menu li:hover {
        background: #ccc;
    }
  
  
	.navbar-list li a.active {
		color: #33C3F0;
	}

	.has-docked-nav .navbar {
		position: fixed;
		top: 0;
		left: 0;
	}

	.has-docked-nav .navbar-spacer {
		display: block;
	}

	/* Re-overiding the width 100% declaration to match size of % based container */
	.has-docked-nav .navbar > .container {
		width: 80%;
	}

	ul.sub-menu {
    	position: absolute; margin: 0; list-style: none;     background: #efefef; z-index: 99;     display: none;
	}

	ul.sub-menu > li:hover > ul.sub-menu { display:block; left:100%;     bottom: 0;}
	
  .navbar-list > li:hover > ul.sub-menu { display:block }
  
	ul.sub-menu li a {
    	    margin: 0;
    line-height: 3rem;
  padding: 5px 15px;
	}
  
  ul.sub-menu li ul.sub-menu a { white-space: nowrap; }
  
  ul.sub-menu li {   margin-bottom: 0; }
	
}

@media (max-width: 1023px) {

	.menu-toggle {display: inline-block; }

	.navbar-list > li.focus > ul.sub-menu { display:block }

	/*Strip the ul of padding and list styling*/
	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
	}
	/*Create a horizontal list with spacing*/
	nav li {
		display: inline-block;
		float: left;
		margin-right: 1px;
	}
	/*Style for menu links*/
	nav .replaceme li a {
		display: block;
		min-width: 140px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		background: #fff;
		text-decoration: none;
		background-color: #fcfcfc;
		border: 1px solid #e0e0e0;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	}
	/*Hover state for top level links*/
	nav li:hover a {
		background: #fcfcfc;
	}
	/*Style for dropdown links*/
	nav li:hover ul a {
		/*background: #f3f3f3;
		color: #adadaf;
		height: 40px;
		line-height: 40px;
		*/
	}
	/*Hover state for dropdown links*/
	li:hover ul a:hover {
	/*	background: #adadaf;
		color: #fff;
		*/
	}
	/*Hide dropdown links until they are needed*/
	nav li ul {
		display: none;
	}
	/*Make dropdown links vertical*/
	nav li ul li {
		display: block;
		float: none;
	}
	/*Prevent text wrapping*/
	nav li ul li a {
		width: auto;
		min-width: 100px;
		padding: 0 20px;
	}
	/*Display the dropdown on hover*/
	nav ul li a:hover + .hidden, .hidden:hover {
		display: block;
	}
	/*Style 'show menu' label button and hide it by default*/
	.show-menu {
		text-decoration: none;
		color: #1EAEDB;
		background: #fff;
		text-align: center;
		padding: 10px 0;
		display: none;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		background-color: #fcfcfc;
		border: 1px solid #e0e0e0;
	}
	/*Hide checkbox*/
	input[type=checkbox] {
		display: none;
	}
	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		display: block;
	}
	/*Responsive Styles*/
	@media screen and (max-width: 1023px) {
		/*Make dropdown links appear inline*/
		nav ul {
			position: static;
			display: none;
		}
		/*Create vertical spacing*/
		nav li {
			margin-bottom: 1px;
			border-top: .1rem solid rgba(255,255,255,.3);
		}
		/*Make all menu links full width*/
		nav ul li, li a {
			width: 100%;
			/*color: #fff;*/
			text-decoration: none;
			line-height: 4rem;
			display: block;
		}
		/*Display 'show menu' link*/
		.show-menu {
			display: block;
		}
	}
}

@media (max-width: 549px) {
	.custom-logo-link {
		display: block !important;
	}
}

.toggled ul.nav-menu
{
	display: block;
}

.container.no-menu {
	line-height: 4;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
	.container {
		width: 90%;
		padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.container {
		width: 100%; }
	.column,
	.columns {
		margin-left: 4%; }
	.column:first-child,
	.columns:first-child {
		margin-left: 0; }

	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 48%; }

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%; }
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
	h1 { font-size: 4.2rem; }
	h2 { font-size: 4.0rem; }
	h3 { font-size: 3.6rem; }
	h4 { font-size: 3.0rem; }
	h5 { font-size: 2.4rem; }
	h6 { font-size: 1.5rem; }
}

p {
	margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #1EAEDB; }
a:hover {
	color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	/*height: 38px;*/
	padding: 0 30px;
	color: #555;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	/*white-space: nowrap;*/
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
	background-color: #33C3F0;
	border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #1EAEDB;
	border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; }
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #33C3F0;
	outline: 0; }
label,
legend {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600; }
fieldset {
	padding: 0;
	border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
	display: inline; }
label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: circle inside; }
ol {
	list-style: decimal inside; }
ol, ul {
	padding-left: 0;
	margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%; }
li {
	/*margin-bottom: 1rem;*/ }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px; }
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: .5rem .5rem;
	text-align: left;
	border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
	padding-left: 0; }
th:last-child,
td:last-child {
	padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box; }
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box; }
.u-pull-right {
	float: right; }
.u-pull-left {
	float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both; }

h2.entry-title {
	margin: 10px 0;
}

img.size-post-thumbnail {
	max-width: 100%;
	height: auto;
}

.entry-title a { color: inherit; text-decoration: none}

.entry-meta {
	border-bottom: 1px solid #eee;
}

.entry-meta a{
	text-decoration: none
}
.entry-content {
	margin: 30px 0;
}

article.post { margin-bottom: 50px; padding:10px}

aside#secondary {
	padding: 0 2rem;
    box-sizing: border-box;
    background-color: #bbb;
    padding-bottom: 2rem;
}

footer.entry-footer > span {
	border-right: 1px solid #333;
	padding: 0 6px;
}

footer.entry-footer > span a {
	text-decoration: none;

}

.site-footer {
	padding: 20px 0;
}

aside#secondary h4 {
	margin : 0 -2rem;
	padding: .5rem 2rem;
	color: #00569d;
    /* color: rgba(255,255,255,.8); */
	/* background-color: rgba(0,0,0, .5); */
	font-size: 2rem;
}

aside#secondary h5 {
	margin-top: 2rem;
    font-size: 1.8rem;
    color: #00569d;
}


/* Comment design */

ol.comment-list {
	padding: 0;
	background: #fafafa;
}

ol.children {
	background: #eee;
	margin: 0;
}

ol.children li {
	padding: 0 0 0 3rem;
	margin-bottom: 0;
}

li.depth-1 > article {
	padding: 10px;
}

.comment-author.vcard {
	float: left;
	margin-right: 10px;
}


.comment-meta.commentmetadata {
	float: right;
}

li.comment {
	border-bottom: 1px solid #eee;
}

article.comment-body p {
	margin: 0;
	line-height: 1.3;
	display: inline;
}

article .reply {
	float: left;
	clear: left;
}

.fleft {
	float: left; width: 90%;     margin-bottom: 10px;
}

em.comment-awaiting-moderation {
	display: block;
	background: #eee;
	padding: 0 5px;
	margin: 4px 0;
	clear: both;
	text-align: center;
}

li.comment article a {
	text-decoration: none;
}

div#respond h3 {
	font-size: 2.5rem;
}

div#respond {
	padding: 20px;
	background: #fff;
	border: 1px solid #ededed;
}

#respond p.form-submit, #respond .submit, form#commentform, p.comment-form-comment {
	margin-bottom: 0;
}


.km-slider {
    position: relative;
    height: calc(75vh - 5.5rem);
}

.km-slider .image-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50rem;
	z-index: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.km-slider .image-container.active{
	z-index: 9;
	opacity: 1;
	transition: opacity 1s ease-in-out;
}

.km-slider a.km-slider-arrow {
	width: 8rem;
	height: 8rem;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4rem;
	background-size: cover;
	z-index: 10;
}

.km-slider a.km-slider-arrow-left {
	left: 4rem;
	background-image: url(images/arrow-left.svg);
}

.km-slider a.km-slider-arrow-right {
	right: 4rem;
	background-image: url(images/arrow-right.svg);
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

.product-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

article.machine.list,
div.x-placeholder{
    width: 24%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.archive article.machine.list,
.archive div.x-placeholder {
    width: 32%;
}

@media (max-width: 1023px) {

    article.machine.list,
    div.x-placeholder{
		width: 30%;
    }
    
    .archive article.machine.list,
    .archive div.x-placeholder {
        width: 48%;
    }
        
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 549px) {
    article.machine.list,
    div.x-placeholder,
    .archive article.machine.list,
    .archive div.x-placeholder {
		width: 100%;
	}
}

div.x-placeholder {
    height: 0;
    margin: 0;
}

article.machine.list a{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    overflow: hidden;
}

article.machine.list a h3 {
    position: absolute;
    font-size: 1.6rem;
    background-color: rgba(0, 86, 157, .8);
    color: #fff;
    text-decoration: none;
    bottom: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.8;
    padding: 0 .5rem;
}

.front-page h2, h1 {
    font-size: 2.4rem;
    color: #00569d;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.front-page .blue {
    background-color: #00569d;
    padding: .1rem 2rem 2rem 2rem;;
}

.front-page .blue * {
    color: #ffffff;
}

.front-page .blue a:hover {
    text-decoration: underline;
}

.front-page .post-right {
	margin-top: 8.5rem;
}

.front-page .blue .wp-post-image {
	background-color: #fff;
	padding: 1.5rem;
	box-sizing: border-box;
}

div.morelink {
	text-align: right;
	padding: 1rem 0;
	font-size: 1.6rem;
}

div.morelink a {
	text-decoration: none;
	color: #00569d;
}

div.morelink a:hover {
	text-decoration: underline;
}

.rolmako_checkbox {
	display: inline-block;
	background-color: rgba(255,255,255, .9);
	border: .2rem solid #00569d;
	width: 2rem;
	height: 2rem;
	padding: .1rem;
	box-sizing:border-box;
	margin-right: .5rem;
	position: relative;
	vertical-align: middle;
}

.rolmako_checkbox.checked:after{
	position: absolute;
	vertical-align: bottom;
	content: '';
	display: inline-block;
	top: .1rem;
	width: 1.4rem;
	height: 1.4rem;
	/* background-color:#00569d; */
	box-sizing: border-box;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA6UlEQVRIS9VVQQ6DIBDE2jbyDt/E0b/wDq4c+YQf8cQnSFrbBpNtCOyKCh70apyZ3ZkdG3by05yMzy5F4MV+441Un0BKeZNSfoCoFsGifhiG/wRa6wW7mEAI0Rpj5hDcA9ciSJTDamoRsFh5qL54RTnwIoIt4IcIvKld173jvMPOyTvw+Z2maY5Nij/AlDvn7j5JWO1ATNE0xKow8L7v2/Cw0Ang+tb2ir3jnD+VUq+1wkwODQPCAKy1j3EcEy82dVGOhDJ0zYPkHUWyBzwbU6Jf0FqmfMiWHZDsVV67rskgZSco/Wdfn+AHO0xmGUO1kJQAAAAASUVORK5CYII=");
	background-size: contain;
}

.rolmako_filter_item a {
	text-decoration: none;
	border: 0 none transparent;
	box-shadow: 0 0 0 transparent;
	color: #484848;
}
.rolmako_filter_item a:hover {
	text-decoration: none;
	box-shadow: 0 0 0 transparent;
}

.rolmako_filter_item label {
	font-weight: normal;
}

ul.page-numbers {
    list-style: none;
    display: block;
    margin: 2rem 0 1rem 0;
    text-align: center;
}

ul.page-numbers li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

ul.page-numbers li a,
ul.page-numbers li span.current {
    font-size: 1.6rem;
    min-width: 4rem;
    padding: 0 1rem;
    height: 4rem;
    text-align: center;
    line-height: 3.8rem;
    box-sizing: border-box; 
    border: 2px solid #00569d;
    background-color: rgba(255, 255, 255, .9);
    display: block;
    text-decoration: none;
    color: #00569d;
}

ul.page-numbers li span.current {
    background-color: #00569d;
    color: #fff;
}

ul.page-numbers li a:hover {
    background-color: rgba(0,0,0, .7);
    color: #fff;
}

div.properties h2, .single h2{
	font-size: 2rem; !important;
	color: #00569d;
	padding-top: 2rem;
}

.single h3 {
	font-size: 1.6rem;
	color: #00569d;
	padding-top: 1.8rem;
}

article.list.event {
	position: relative;
}

article.list.event .article-content {
	margin-left: 11.6rem;
	border-left: .1rem solid #00569d;
	padding-left: 3rem;
}

article.list.event .article-time {
	position: absolute;
	margin-top: 1rem;
	width: 10rem;
	text-align: right;
	font-size: 1.2rem;
	color: #888;
}

article.list.event .title-meta {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	position: relative;
	border-bottom: 1px solid #999;
}

article.list.event .title-meta:after {
	display: block;
	content: '';
	border-bottom: .1rem solid #999;
	position: absolute;
	bottom: -.1rem;
	width: 100%;
	left: -3rem;
}

article.list.event .title-meta .meta-location {
	font-size: 1.2rem;
	color: #888;
}

article.list.event h2 {
	font-size: 2rem;
	color: #00569d;
	margin-bottom: .5rem;
}

article.list.event h2:after {
	content: '';
	position: absolute;
	left: -3rem;
	width: 2rem;
	height: 2rem;
	margin-left: -1rem;
	border-radius: 1rem;
	background-color: #00569d;
	bottom: -.1rem;
	margin-bottom: -1rem;
	z-index: 1;
	display: block;
}

article.list.event h2 a {
	color: inherit;
	text-decoration: none;
}

article.list.event div.detail-link-container {
	text-align: right;
}

article.list.event div.detail-link-container a {
	color: #00569d;
	text-decoration: none;
}

article.list.event div.detail-link-container a:hover {
	text-decoration: underline;
}

.property-name {
	font-weight: bold;
}

@media (max-width: 1023px) {
	article.list.event .article-content {
		margin-left: 0;
	}

	article.list.event .article-time {
		width: auto;
		position: static;
		text-align: left;
		padding-left: 3rem;
		border-left: .1rem solid #00569d;
	}

	article.list.event .article-time div {
		display: inline-block;
		margin-right: 1em;
	}
}

.widget-events ul {
	list-style: none;
	margin-top: 2rem;
}

.widget-events ul li a{
	text-decoration: none;
	color: #121212;
}

.widget-events ul li a:hover{
	text-decoration: underline;
}

.single.event-time {
    float: right;
    text-align: right;
    color: #888;
    font-size: 1.4rem;
}

.single.event-location {
    float: left;
    text-align: right;
    color: #888;
    font-size: 1.4rem;
}

.site-footer {
    background-color: #7b7871;
}

.site-footer * {
    color: #fff;
}

.site-footer .widget-area{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.site-footer .widget_text {
	width: 24%;
}

.site-footer .wpgmza_widget {
	width: 74%;
}

@media (max-width: 1023px) {
    .site-footer .widget_text,
    .site-footer .wpgmza_widget {
        width: 100%;
    }
}

.part-downloads .entry-content ul{
    display: flex;
    list-style: none;
    flex-flow: row wrap;
    justify-content: space-between;
}

.part-downloads .entry-content ul li {
    width: 24%;
    box-sizing: border-box;
}

.part-downloads .entry-content ul li a {
    display: block;
    border: 1px solid #00569d;
    box-sizing: border-box;
    height: 100%;
    padding-left: 1rem;
    color: #00569d;
    text-decoration: none;
}

.part-downloads .entry-content ul li a:hover,
.part-downloads .entry-content ul li a:focus,
.part-downloads .entry-content ul li a:active {
    background-color: #00569d;
    color: #fff;
}

.frontpage-filter {
    position: relative;
    display: inline-block;
    right: 0;
}

.frontpage-filter>a {
    line-height: 5.5rem;
    color: #fff;
    font-size: 1.6rem;
    padding: 0 1rem;
    text-decoration: none;
    display: block;
}

.frontpage-filter>a:hover {
    background-color: #fff;
    color: #00569d;
}

.frontend-filter-container {
    position: absolute;
	width: 100%;
    background-color: rgba(255,255,255,.7);
    z-index: 99999999;
    padding: 2rem;
	box-sizing: border-box;
}

.frontend-filter-container .widget {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
    justify-content: space-between;
	box-sizing: border-box;
}

.frontend-filter-container .widget .rolmako_filter_item {
    width: 30%;
	flex: 1 auto;
    margin-bottom: 2rem;
}

@media (max-width: 1023px) {
	.frontend-filter-container {
		top: 0;
		position: static;
	}
	.frontend-filter-container .widget .rolmako_filter_item {
		width: 48%;
	}
}

@media (max-width: 549px) {
	.frontend-filter-container .widget .rolmako_filter_item {
		width: auto;
	}
}


.rolmako_filter_item a.more,
.rolmako_filter_item a.less {
    display: none;
    color: #00569d;
}

.frontend-filter-container .widget .rolmako_filter_item.more a.more{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.frontend-filter-container .widget .rolmako_filter_item.less a.less{
    display: block;
}

.frontend-filter-container .widget .rolmako_filter_item.more {
    position: relative;
}

.frontend-filter-container .widget .rolmako_filter_item.more div.filter_item_list {
    max-height: 17rem;
    overflow: hidden;
    margin-bottom: 3rem;
}

.frontend-filter-container .widget .rolmako_filter_item.less div.filter_item_list {
    max-height: 100rem;
    overflow: visible;
}

a.autosubmit {
	background-color: #00569d;
    color: #fff;
    text-decoration: none;
    padding: .5rem 2rem;
	align-self: flex-end;
}

.part-downloads .entry-content ul li a img {
	width: 100% !important;
	margin: .5rem 0 0 -.5rem;
}


@media (max-width: 1023px) {
    
        .part-downloads .entry-content ul li{
            width: 30%;
        }
        
    }
    
    /* Larger than phablet (also point when grid becomes active) */
    @media (max-width: 549px) {
        .part-downloads .entry-content ul li {
            width: 100%;
        }
    }
	
div.action-button {
	text-align: right;
}
	
.enquiry-form {
	display: none;
}

a.btn {
	display: inline-block;
	color: #fff;
	background-color: #00569d;
	padding: 1rem 2rem;
	font-size: 1.6rem;
	text-decoration: none;
}

.enquiry-form iframe {
	max-height: 110rem;
}

.single div.machine_youtube {
	margin-top: 1rem;
}

.single div.machine_youtube iframe {
	width: 100%;
}

.table-wrapper {
	overflow: auto;
}

.post-186 div.gallery{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	background-color: #bbb;
}

div.gallery figure{
	position: relative;
	display: inline-block;
	width: 15%;
	flex-grow: 1;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding: .5rem;
}

div.gallery figcaption {
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	width: 4rem;
	height: 3rem;
	background-color: #00569d;
	color: #fff;
	text-align: center;
	line-height: 3rem;
	font-size: 2rem;
}

div.gallery figure img {
	width: 100%;
	height: auto;
}


@media (max-width: 1023px) {
	div.gallery figure {
		width: 24%;
	}
}



@media (max-width: 767px) {
	div.gallery figure {
		width: 32%;
	}
}


@media (max-width: 550px) {
	div.gallery figure {
		width: 50%;
	}
}


@media (max-width: 400px) {
	div.gallery figure {
		width: 100%;
	}
}

.post-186 div.gallery{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	background-color: #bbb;
}

.post-186 div.gallery figure{
	position: relative;
	display: inline-block;
	width: 15%;
	flex-grow: 1;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding: .5rem;
}

.post-186 div.gallery figcaption {
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	width: 4rem;
	height: 3rem;
	background-color: #00569d;
	color: #fff;
	text-align: center;
	line-height: 3rem;
	font-size: 2rem;
}

.post-186 div.gallery figure img {
	width: 100%;
	height: auto;
}

.single-machine h2+p>a:first-child {
	background-color: #00569d;
	color: #fff;
	padding: .5rem 1rem;
	text-decoration: none;
}

@media (max-width: 1023px) {
	.post-186 div.gallery figure {
		width: 24%;
	}
}



@media (max-width: 767px) {
	.post-186 div.gallery figure {
		width: 32%;
	}
}


@media (max-width: 550px) {
	.post-186 div.gallery figure {
		width: 50%;
	}
}


@media (max-width: 400px) {
	.post-186 div.gallery figure {
		width: 100%;
	}
}


span.item-novelty {
    background-color: #ff9000;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    z-index: 1;
    right: -4rem;
    top: 1em;
    font-weight: bold;
    padding: .5rem 6rem;
    transform: rotate(45deg);
}

.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product {
    display: flex;
    flex-direction: column;
    min-height: 350px;
    justify-content: space-between;
}


/* .property-table {
	border-top: .1rem solid #999999;
}

.property-row {
	border-bottom: .1rem solid #999999;
} */

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


/* Product box */
.product-box {
    display: flex;
    flex-direction: column;
    min-height: 250px;
}

.product-box a .image-container{
    /*min-height: 200px;*/
    display: flex;
    background: #f2f2f2;
    height: 150px;
    overflow: hidden;
}

.product-box a .image-container img {   
    align-self: baseline;
}

.woocommerce ul.products li.product .button {
    margin-top:auto;
    font-size: 1.2rem;
}


/* Place order button */
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
}

/* Menu font */

@media (min-width: 1024px){
.navbar-list li a {
    font-size: 1.2rem;
}
}

/* Hide sort on shop pages */

.post-2130 form.woocommerce-ordering, .post-2085 form.woocommerce-ordering, .post-2110 form.woocommerce-ordering, .post-2132 form.woocommerce-ordering, .post-2126 form.woocommerce-ordering {
    display: none;
}

/* Woocommerce Mobil pagination link item width */
@media screen and (max-width: 1023px) {
    nav.woocommerce-pagination ul li, li a {
        width: auto;
    }
}


/* Checkout ormalization */

.woocommerce-checkout .entry-content {
    float: left;
    width: 100%;
}

.woocommerce-checkout .woocommerce{
    float: left;
    width: 100%;
    
}

.woocommerce-checkout form.checkout.woocommerce-checkout {
    float: left;
    width: 100%;
}

#alg_checkout_files_upload_form_1 {
    float: left;
    width: 100%;
}