/*
site by junior-london.com
*/
/*   
Theme Name: Your Theme
Theme URI: 
Description: This is the foundation theme PLEASE DO NOT EDIT
Author: Junior
Author URI: http://www.junior-london.com
Version: 0.0.1

License:
License URI:

Tags:
*/
/*
/*
/*
/*
/**************************************************************************************************************
WORDPRESS RESETS
**************************************************************************************************************/
.entry-content img{margin-bottom:1em}.alignleft,img.alignleft{display:inline;float:left;margin-right:1.5em}.alignright,img.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.size-large,.wp-caption{width:100%!important;max-width:100%;height:auto;padding:0}.wp-caption img{border:0;margin:0;padding:0}.wp-caption{width:auto!important;text-align:center;margin-bottom:1em}.wp-caption-text{text-align:left;font-size:.8em}.wp-caption p.wp-caption-text{margin:0}.wp-smiley{max-height:1em;margin:0!important}.gallery-item img{border:none!important}.gallery dl,.gallery-caption{margin:0}blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%}blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%}
/**************************************************************************************************************
BUTTONS, INPUTS AND COMMENTS
**************************************************************************************************************/
.commentmetadata {
	visibility:hidden;	
}
.comment-body {
	border-top: var(--black, black) solid 1px;
	padding-top: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
}
.reply {
	font-style: italic;	
}
h2#comments {
	margin-top: 36px;
}
.avatar {
	max-width: 30px;
}
ul.children {
	padding-left: 30px;
}
#respond {
	border-top: var(--black, black) solid 1px;
	padding-top: 2em;
	margin-top: 2em;
}
#commentform {
	padding-bottom: 2em;
}
#commentform label {
	display: block;
	margin-bottom: 0.5em;
}
#commentform input {
	width: 200px;
}
#commentform textarea,
#commentform input {
	margin-bottom: 1em;
}
#commentform p {
	margin-bottom: 0;
}
#post-content .wp-about-author-containter-none {
	border-top: var(--black, black) solid 1px;
	padding-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;	
}
#comment {
	width: 100%;
}
/*
/* resets */
/*
/* inputs */
option {
	padding:5px;
}
button,
textarea,
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="button"], 
input[type="submit"] {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	border: 1px solid var(--grey, grey);
	padding:5px; /* allow a little padding for auto fill unstoppable yellow */
	box-sizing: border-box;
	box-shadow: none;
	transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
	color: inherit;
    font-size: inherit;
    line-height: inherit;
    width: auto;
    margin: 0;
}
textarea,
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="button"] {
	box-shadow: 0 1px 1px rgba(0,0,0,0.15) inset;
}
input[type="email"],
input[type="text"], 
input[type="button"], 
input[type="submit"] {
	text-align: left;
}
input[type="email"] {
	min-width: 220px;
}
textarea {
	height: 100px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--placeholder-text, lightgrey);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--placeholder-text, lightgrey);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--placeholder-text, lightgrey);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--placeholder-text, lightgrey);
}
input::-webkit-input-placeholder {
     line-height:inherit!important;
}
/* hover an input */
textarea:hover,
input:hover {
	
}
textarea:hover::-webkit-input-placeholder,
input:hover::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--placeholder-text-hover, grey);
}
textarea:hover::-moz-placeholder,
input:hover::-moz-placeholder { /* Firefox 19+ */
  color: var(--placeholder-text-hover, grey);
}
textarea:hover:-ms-input-placeholder,
input:hover:-ms-input-placeholder { /* IE 10+ */
  color: var(--placeholder-text-hover, grey);
}
textarea:hover:-moz-placeholder,
input:hover:-moz-placeholder { /* Firefox 18- */
  color: var(--placeholder-text-hover, grey);
}
/* focus an input */
textarea:focus,
input:focus {
	outline: none;
	border-color: var(--black, black);
}
textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--placeholder-text-hover, grey);
}
textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder { /* Firefox 19+ */
  color: var(--placeholder-text-hover, grey);
}
textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder { /* IE 10+ */
  color: var(--placeholder-text-hover, grey);
}
textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder { /* Firefox 18- */
  color: var(--placeholder-text-hover, grey);
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* buttons */
.btn,
.btn:link,
.btn:visited,
.ghost-btn,
.ghost-btn:link,
.ghost-btn:visited,
.ghost-button,
.ghost-button:link,
.ghost-button:visited,
.ghost-button-white,
.ghost-button-white:link,
.ghost-button-white:visited,
.button,
.button:link,
.button:visited,
button,
#respond input[type="button"], 
#respond input[type="submit"],
input[type="button"], 
input[type="submit"],
#submit,
/* woocommerce */
body.woocommerce #respond input#submit,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit.alt,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
.woocommerce button.button:disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button:disabled[disabled],
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled],
body #add_payment_method .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
	display: inline-block;
	height: 50px;
	line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 1em 0;
    min-width: 100px;
    background: var(--button-dark-color, black);
    border: solid 1px var(--button-dark-color, black);
    color: var(--button-light-color, black);
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-weight: normal!important;
    font-family: inherit!important;
    font-size: 15px;
}
/* ghost button colors */
.ghost-btn,
.ghost-btn:link,
.ghost-btn:visited,
.ghost-button,
.ghost-button:link,
.ghost-button:visited {
	background: none;
	color: var(--button-dark-color, black);
	border-color: var(--button-dark-color, black);
}
/* ghost button white colors */
.ghost-button-white,
.ghost-button-white:link,
.ghost-button-white:visited {
	background: none;
	color: var(--white, white);
	border-color: var(--white, white);
}
/* override a */
.btn a,
.btn a:link,
.btn a:visited,
body .btn a:hover,
.btn a:active,
.ghost-btn a,
.ghost-btn a:link,
.ghost-btn a:visited,
body .ghost-btn a:hover,
.ghost-btn a:active,
.ghost-button a,
.ghost-button a:link,
.ghost-button a:visited,
body .ghost-button a:hover,
.ghost-button a:active,
.ghost-button-white a,
.ghost-button-white a:link,
.ghost-button-white a:visited,
body .ghost-button-white a:hover,
.ghost-button-white a:active,
.button a,
.button a:link,
.button a:visited,
body .button a:hover,
.button a:active {
	text-decoration: none!important;
}
input[type=checkbox],
input[type=radio] {
}
input[type="file"] {

}
/* input and button height and width */
input[type="number"],
input[type="email"],
input[type="text"],
input[type="password"],
input[type="button"], 
input[type="submit"],
.btn,
.btn:link,
.btn:visited,
.ghost-btn,
.ghost-btn:link,
.ghost-btn:visited,
.ghost-button,
.ghost-button:link,
.ghost-button:visited,
.ghost-button-white,
.ghost-button-white:link,
.ghost-button-white:visited,
.button,
.button:link,
.button:visited,
button,
#respond input[type="button"], 
#respond input[type="submit"],
input[type="button"], 
input[type="submit"],
#submit,
select,
/* woocommerce */
body.woocommerce #respond input#submit,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit.alt,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled],
body #add_payment_method .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	display: inline-block;
	height: 50px;
	line-height: 50px!important;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
	margin-top: 0;
	vertical-align: top;
	min-width: 80px;
	font-weight: normal;
	border-radius: 0;
	text-decoration: none!important;
	text-shadow: none;
}
.btn-full-width {
	width: 100%;
}
textarea {
	height: 100px;
}
/* (safari bug) */
input[type=radio],
input[type="checkbox"] {
  height: auto!important;/* safari bug */
  width: auto!important;/* safari bug */
}
/* a bit of top margin */
body .ghost-button,
body .ghost-button-white,
body .ghost-btn,
body .button,
body .btn-read-more,
body .btn-read-more:link {
	margin-top: 1.5em;
}
/* hover and current */
.btn.current,
body button:hover,
body .btn:hover,
body .btn:focus,
body .button:hover,
body .button:focus,
body .ghost-btn:hover,
body .ghost-btn:focus,
body .ghost-button:hover,
body .ghost-button:focus,
body .ghost-button-white:hover,
body .ghost-button-white:focus,
body button:focus,
body #respond input[type="button"]:hover, 
body #respond input[type="submit"]:hover,
body input[type="button"]:hover, 
body input[type="submit"]:hover,
body #submit:hover,
body .slide:hover button,
body .slide:hover .button,
body .slide:hover .btn,
/* woocommerce */
body.woocommerce #respond input#submit:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit.alt:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce input.button.alt:hover,
body .woocommerce #respond input#submit:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover,
body .woocommerce button.button.alt.disabled:hover,
body .woocommerce input.button:disabled:hover,
body .woocommerce input.button:disabled[disabled]:hover,
body #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover,
/* woocommerce touch states */
body.woocommerce #respond input#submit:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit.alt:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce input.button.alt:hover,
body .woocommerce #respond input#submit:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover,
body .woocommerce button.button.alt.disabled:hover,
body .woocommerce input.button:disabled:hover,
body .woocommerce input.button:disabled[disabled]:hover,
body #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
	background: var(--button-light-color, black);
	border-color: var(--button-dark-color, black);
    color: var(--button-dark-color, black);
    text-decoration: none!important;
}
/* ghost button colors */
body .slide:hover .ghost-btn,
body .slide:hover .ghost-button,
body .ghost-btn:hover,
body .ghost-btn:focus,
body .ghost-button:hover,
body .ghost-button:focus,
body .ghost-btn a:hover,
body .ghost-btn a:focus,
body .ghost-button a:focus,
body .ghost-button a:hover {
	background: var(--button-dark-color, black);
	color: var(--button-light-color, black);
	border-color: var(--button-dark-color, black);
}
/* ghost button white colors */
body .slide:hover .ghost-button-white,
body .ghost-button-white:hover,
body .ghost-button-white:focus {
	background: var(--white, white);
	color: var(--black, black);
	border-color: var(--white, white);
}
/* active */
body button:active,
body .button:active,
body .btn:active,
body .ghost-btn:active,
body .ghost-button:active,
body .ghost-button-white:active,
body #respond input[type="button"]:active,
body #respond input[type="submit"]:active,
body input[type="button"]:active, 
body input[type="submit"]:active,
body #submit:active
/* or touch */
body button:active,
body .button:active,
body .btn:active,
body .ghost-btn:active,
body .ghost-button:active,
body .ghost-button-white:active,
body #respond input[type="button"]:active,
body #respond input[type="submit"]:active,
body input[type="button"]:active, 
body input[type="submit"]:active,
body #submit:active {
	position: relative;
	top: 1px;
}
/* focus */
body button:focus,
body .button:focus,
body .btn:focus,
body .ghost-btn:focus,
body .ghost-button:focus,
body .ghost-button-white:focus,
body #respond input[type="button"]:focus,
body #respond input[type="submit"]:focus,
body input[type="button"]:focus, 
body input[type="submit"]:focus,
body #submit:focus {
	outline: none;
}
/* specific forms */
input[type="text"].normal-search {
	height: 30px;
	line-height: 30px!important;
	border: none;
	border-bottom: 1px solid;
	box-shadow: none;
}
#searchsubmit {
	text-indent: 9999px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	padding: 0;
	min-width: 0;
	border: none;
	background: url('images/icon-search.png');
	background: linear-gradient(transparent, transparent), url('images/icon-search.svg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 200%;
}
body #searchsubmit:hover {
	background-position: bottom;
}
.woocommerce form .form-row textarea {
	padding-top: 5px;
    padding-bottom: 5px;
    height: 154px!important;
    line-height: 1.2em!important;
}
input[type=checkbox],
input[type=radio] {
	display: inline-block;
	-webkit-appearance: none;
    box-sizing: border-box;
    padding: 0;
    height: 15px!important;
	width: 15px!important;
	border: 1px solid black;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0px 2px white inset;
	margin-right: 10px;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
	background: black;
}
body .woocommerce .cart .button,
body .woocommerce .cart input.button,
body.woocommerce-page .woocommerce-message .button,
body .woocommerce-page .woocommerce-message .button {
    margin-bottom: 0!important;
}
.woocommerce button.button.alt.disabled {
	margin-top: 0!important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: 135px;
}
/*
/* text highlights */
::selection {
	background: lightgrey; /* Safari */
}
::-moz-selection {
	background: lightgrey; /* Firefox */
}
/* scroll bar */
body {
}
/*
body::-webkit-scrollbar {
	
}
body::-webkit-scrollbar-track {
}
body::-webkit-scrollbar-thumb {
	
}
*/
/**************************************************************************************************************
BOILERPLATE STYLES
**************************************************************************************************************/
/* layout */
body {
	min-width:900px;
}
@media only screen and (min-width: 1px) {
    body {
        min-width:0;
    }
}
/* sticky footer fix */
html, body {
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-y: scroll;
    margin: 0;
}
#header {
    position: sticky;
    top: 0;
    z-index: 20;
    align-self: flex-start;
    width: 100%;
}
#header,
#footer {
    flex: none;
}
#page-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}
#main-wrap.site-main {
	width: auto;
}
#main-wrap.site-main > * {
}
#footer {
	width: 100%;
	flex-grow: unset;
	margin-top: auto;
}
/* tools */
:root {
    --desktop-gutter: 30px;
    --desktop-top-space: 45px;
    --desktop-bottom-space: 30px;
    --mobile-gutter: 12px;
    --mobile-top-space: 20px;
    --mobile-bottom-space: 12px;
}
//var(--desktop-gutter, 30px);
//var(--mobile-gutter, 10px);
//var(--mobile-top-space, 20px);
//var(--mobile-bottom-space, 20px);
iframe {
	max-width: 100%!important;
}
.header-padding {
	padding-top: var(--desktop-top-space, 30px);
	padding-bottom: 0;
}
.universal-top-bottom-space {
	padding-top: var(--desktop-top-space, 40px);
	padding-bottom: var(--desktop-bottom-space, 40px);
}
.universal-padding,
.full-width-banner .entry-summary {
	padding-left: var(--desktop-gutter, 30px);
	padding-right: var(--desktop-gutter, 30px);
	margin-left: auto;
	margin-right: auto;
}
.universal-max-width {
	max-width: 1200px;
	margin: 0 auto;
}
.universal-max-width-small {
	max-width: 900px;
	margin: 0 auto;
}
article {
	padding-top: var(--desktop-top-space, 40px);
	padding-bottom: var(--desktop-bottom-space, 40px);
}
.click-through {
	pointer-events: none;
}
.table-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
/* watch modernizer clash */
.flexbox,
.flexbox-row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	flex-grow: 1;
	flex-basis: 0;
}
.flex-direction-column {
	flex-direction: column;
}
.flexbox > *,
.flexbox-row > * {
    flex-grow: 1;
    flex-basis: 0;
}
.space-between {
  justify-content: space-between;
}
.align-items-stretch {
  align-items: stretch;
}
.align-items-center {
  align-items: center;
}
.flex-wrap-wrap {
  flex-wrap: wrap;
}
.justify-content-center {
	justify-content: center;
}
/* grid */
.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: var(--desktop-gutter, 30px);
	row-gap: var(--desktop-gutter, 30px);
}
.hide {
	position:absolute;
	top:-9999px;
	left:-9999px;	
}
.pointer-events-none {
  pointer-events: none;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.font-0,
.inline-block-wrap,
.inline-block-wrapper {
    font-size: 0.1px;
    font-size: 0;
    letter-spacing: 0;
}
.show-on-mobile {
	display: none!important;
}
.list-style-none {
  list-style: none;
  padding-left: 0;
}
.full-width {
	width: 100%;
}
.no-margin {
  margin: 0;
}
.no-margin-top,
.no-top-margin {
	margin-top: 0!important;
}
.no-margin-bottom,
.no-bottom-margin {
	margin-bottom: 0!important;
}
.no-top-padding,
.no-padding-top {
  padding-top: 0;
}
.no-bottom-padding,
.no-padding-bottom {
  padding-bottom: 0;
}
.attachment-slide {
	width: 100%;
	height: auto;
}
.post-edit-link {
	opacity: 0.1;
}
body .post-edit-link:hover {
	opacity: 1;
}
hr {
	border: none;
	border-bottom: 1px solid;
}
.dash {
	width: 40px;
	margin: 0 auto;
}
/* popup */
html.popped-up body {
    overflow: hidden;
}
html.popped-up #header,
html.popped-up #page-body,
html.popped-up #footer {
    overflow-y: scroll;
}
.popup-area::-webkit-scrollbar {
    width: 10px;
}
.popup-area::-webkit-scrollbar-track {
	background: black;
}
.popup-area::-webkit-scrollbar-thumb,
.search-box ::-webkit-scrollbar-thumb {
	background: grey; 
}
.popup-open {
	cursor: pointer;
	margin: 20px 0;
}
.popup-wrapper {
	position:fixed;
	z-index: 100;
	top:0;
	left:0;
	bottom: 0;
	margin: 0;
	width:100%;
	height:100%;
	background: var(--opal-white, rgba(255,255,255,0.8));
}
.popped-up .popup-wrapper {
	overflow-y: scroll;
	overflow-x: hidden;
}
.popped-up #wrapper-wrap {
    overflow-y: scroll;
}
.close-backing {
	height: auto;
	width: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
}
/* table style */
.popup-area {
	height: 100%;
	max-width: 100%;
	display: table;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	pointer-events: none;
}
.popup-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	max-width: 600px;
	background: none;
	pointer-events: all;
}
.popup-content-inner {
	background: white;
	box-sizing: border-box;
	padding: 30px;
	width: 100%;
	position: relative;
}
.close-popup {
	width: 40px;
	height: 40px; /* always set height for svg */
	margin-left: auto;
	margin-bottom: 20px;
	cursor: pointer;
	background: url('images/close.png');
	background: linear-gradient(transparent, transparent), url('images/close.svg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 200%;
}
body .close-popup:hover {
	background-position: bottom;
}
/**************************************************************************************************************
ANIMATION
**************************************************************************************************************/
.no-animation {
	animation: none;
	transition: none;
}
.fade-in-wrap {
    opacity: 0;
    animation: fade ease-in .5s forwards;
    animation-delay: 0.5s;
}
@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.no-cssanimations .fade-in-wrap {
    opacity: 1!important;
}
/* timings */
.reveal {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
/* fade */
.js-revealer-fade {
	/* display: none; */
}
.revealer-fade {
	opacity: 0;
}
.reveal.revealer-fade,
.reveal .revealer-fade {
	opacity: 1;
}
/* fade up */
.revealer-fade-up {
	opacity: 0;
	position: relative;
	top: 100px;
}
.reveal .revealer-fade-up,
.reveal.revealer-fade-up {
	top: 0;
	opacity: 1;
}
/* more */
@-webkit-keyframes bounce {
  0% {
    transform: scaleX(1) translateY(0px);
  }
  
  50%{
    transform: scaleX(1) translateY(-10px); 
  }
  
 100% {
    transform: scaleX(1) translateY(0px);
  }
}

.revealer-more {
     -webkit-animation: bounce 2s 2s infinite ease-in-out;
}
/* reveal */
.reveal {
	
}
/**************************************************************************************************************
HEADER
**************************************************************************************************************/
#header {
}
.header-inner  {
	position:relative;
}
#searchform {
	position: absolute;
	top: -6px;
	right: 0;
}
.site-info {
}
#logo {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width: auto;
}
#logo img {
	width: 900px;
	height: 80px; /* always set height for svg */
}
#mininlogo {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width: auto;
}
#minilogo img {
	width: 225px;
	height: 20px; /* always set height for svg */
}
/**************************************************************************************************************
MAIN CONTENT
**************************************************************************************************************/
.main-left {
    max-width: 365px;
    padding-right: 5vw;
    box-sizing: content-box;
}
.main-right {
	max-width: 298px;
	min-width: 298px;
	padding-top: 35px;
}

.box {
  margin-top: 5px;
}

hr {
	width: 30px;
	border-width: 2px;
	margin: 2.5em auto 2.5em 0;
}
/**************************************************************************************************************
FOOTER
**************************************************************************************************************/
.follow {
	cursor: default;
}
.social-icon {
	display:inline-block;
}
.social-icon img {
	width: 30px;
	height: 30px; /* always set height for svg */
}
body .social-icon:hover img {
	transform: scale(1.2);
}
.junior {
	font-family:georgia,serif;
}
.junior a:link,
.junior a:visited {
	text-decoration: none;	
}
body .junior a:hover,
.junior a:active {
	text-decoration: underline;	
}
.popped-up .cookies {
	overflow-y: scroll;
}
/**************************************************************************************************************
RESPONSIVE
**************************************************************************************************************/
@media (aspect-ratio: 1/1) {
	/* Exact aspect ratio */
}
@media (min-aspect-ratio: 8/5) {
	/* Minimum aspect ratio */
}
@media (max-aspect-ratio: 2/1) {
	/* Maximum aspect ratio */
}
/* and */
@media (min-width: 600px) and (max-width: 800px) {
  /* fix for... */
}
/* or */
@media (max-width: 600px), (min-width: 800px) {
  /* fix for... */
}
/* normal... */
@media only screen and (max-width: 1400px) {
	/* fix for... */
}
@media only screen and (max-width: 1200px) {
	/* fix for... */
}
@media only screen and (max-width: 1000px) {
	/* fix for sections */
	.section {
		margin-bottom: 3em;
	}
	/* full width sections */
	.section-image-wrap,
	.section.left-image .section-image-wrap,
	.section.right-image .section-image-wrap {
		width: 100%;
		margin: 0;
	}
	.section-image-wrap img {
		/* max-height: 800px; */
		margin: 0 auto;
	}
	.section.left-image .entry-summary-wrap,
	.section.right-image .entry-summary-wrap {
		position: relative;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 800px) {
	/* fix for nav */
	#wrapper {
	}
	#mobile-button {
		display: block;
	}
	#searchform {
		right: 40px;
	}
	.nav {
		width: 100%;
		float: none;
		position: fixed;
		left: 0;
		z-index: 10;
		display: none;
		margin: 0;
	}
	.nav ul {
		width: 100%;
	}
	/* sub nav */
	.menu-item-has-children > a:after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-left: 20px;
		background: url('images/sub-nav-white.png');
		background: linear-gradient(transparent, transparent), url('images/sub-nav-white.svg');
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}
	body #header #nav ul li:hover ul.sub-menu {
		display: none;
	}
	#header .nav ul li ul.sub-menu {
		padding-top: 0;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	header .nav {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
	}
	#menu-header {
		height: 100%;
		display: flex;
		align-items: center;
        justify-content: center;
        flex-direction: column;
	}
	.nav ul li {
		display: block;
		width: 100%;
	}
	.nav ul li,
	.nav ul li a {
		width: 100%;
		height: auto;
		display: block;
		text-align:center;
		margin: 0;
		position: relative;
		border: none;
	}
	.nav div ul li a,
	.nav ul li a,
	.nav ul li ul.sub-menu li a {
		padding: 10px 0;
		display: inline-block;
		line-height: 1em;
	}
	.nav .current-product_cat-ancestor a, 
	.nav .current-menu-ancestor > a, 
	.nav .current-product_cat-parent a, 
	.nav .current-menu-item > a,
	.nav .current-menu-ancestor > a,
	.nav .current_page_parent > a {
		/* mobile style current state */
	}
	/* sub nav overright styles */
	.nav ul li ul.sub-menu {
		position: static;
		display: none;
		background: none;
		border-bottom:  none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.nav ul li ul.sub-menu li {
		display: block;
		border: none;
	}
	/* hide slide arrows */
	.bx-wrapper .bx-controls-direction a {
		top: -9999px;
		left: -9999px;
	}
	/* news */
	.archive-articles article {
		width: 50%;
	}
}
@media only screen and (max-width: 750px) {
	.site-main .flexbox {
		display: block;
	}
	.main-right {
		padding-top: 0;
		min-width: 0;
	}
}
@media only screen and (max-width: 600px) {
	/* mobile */
	.show-on-mobile {
		display: block!important;
	}
	.show-on-desktop {
		display: none!important;
	}
	.slide-image-desktop {
		display: none!important;
	}
	.slide-image-mobile {
		display: block!important;
	}
	.no-padding-on-mobile {
		padding-left: 0;
		padding-right: 0;
	}
	/* news */
	.archive-articles article {
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width: 500px) {
	.universal-padding {
		padding-left: var(--mobile-gutter, 10px);
		padding-right: var(--mobile-gutter, 10px);
		margin-left: auto;
		margin-right: auto;
	}
	.universal-top-bottom-space {
		padding-top: var(--mobile-top-space, 20px);
		padding-bottom: var(--mobile-bottom-space, 20px);
	}
	.header-padding {
		padding-top: var(--mobile-top-space, 30px);
		padding-top: calc(var(--mobile-top-space, 30px) + 70px);
	}
	#footer {
		padding-bottom: 45px;
	}
}
@media only screen and (max-width: 400px) {
	/* fix for... */
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/**************************************************************************************************************
TOUCH DEVICES
**************************************************************************************************************/
body {
	
}
/**************************************************************************************************************
BROWSER QUIRKS
**************************************************************************************************************/
/* microsoft edge - watch out for phone number color */
.no-js,
.lt-ie10,
.lt-ie9,
.lt-ie8,
.lt-ie7 {
	
}
/* ie10 - watch out for vimeo bug */
/* ie10 - watch out for webfonts */
.ie10 {
	
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ and IE11 specific styles go here */
}
@supports (-ms-accelerator:true) {
   /* Edge 12+ CSS */
}
@supports (-ms-ime-align:auto) {
    /* Edge 16+ CSS */
}
/* ie8 - watch out for svg */
.lt-ie8 a:link,
.lt-ie8 a:visited,
.lt-ie8 a:hover,
.lt-ie8 a:active {
	color:black;
}
/**************************************************************************************************************
PRINT MEDIA
**************************************************************************************************************/
@media print {
    *{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}
/**************************************************************************************************************
END
**************************************************************************************************************/