/*
Theme Name: Evenzicht
Theme URI: http://www.appbakkers.nl
Author:Cees Kettenis
Author URI: http://www.appbakkers.nl
Description: Theme for Evenzicht
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* stylelint-enable */
@font-face {
  font-family: 'gotham_bold';
  src: url("fonts/gotham-bold-webfont.woff2") format("woff2"), url("fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'gotham_book';
  src: url("fonts/gotham-book-webfont.woff2") format("woff2"), url("fonts/gotham-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gotham_light';
  src: url("fonts/gotham-light-webfont.woff2") format("woff2"), url("fonts/gotham-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gotham_medium';
  src: url("fonts/gotham-medium-webfont.woff2") format("woff2"), url("fonts/gotham-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

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

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }
  
  .menu {
  margin-top: -30px;
  }
  
  .Site-content {
  	padding-top: 20px !important;
  }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }
  .registreren{
	  margin-left: 135px;
  }
/* 
	menu ccs	
 */
 .bk_calendar_frame{
	 width: 100% !important;
 }
 .calendar-links{
	 background-color: #CBAA6A !important;
	 background: #CBAA6A !important;
 }
 .datepick-header, .datepick-next a, .datepick-prev a{
	 color: white !important;
 }
 .date_approved{
/* GvE 11-03-2020 */
/*	 background-color: #ff7e4e !important; */
	background-color: #FF4d4d !important;
	color: #FFF !important;
 }
 .datepick-inline .datepick-one-month .datepick .datepick-current-day{
	 background-color: rgba(255, 126, 78, 0.5) !important;
 }
 .datepick-inline .datepick .datepick-days-cell-over:hover{
	 background: rgba(255, 126, 78, 0.3);
 }
 .date2approve{
	 /*background-color:  rgba(255, 126, 78, 0.7) !important;*/

	/* GvE 11-03-2020 */
	background-color: #FF9933 !important;
	color: #FFF !important;
 }
 .datepick-inline .datepick, .datepick-inline .datepick-header, .datepick-inline .datepick-header span, .datepick-inline .calendar-links, .datepick-inline .calendar-links a, .datepick-inline .datepick-days-cell, .datepick-inline .datepick-days-cell a, .datepick-inline .datepick-days-cell div, .datepick-inline .datepick-title-row, .datepick-inline .datepick-title-row th{
	 font-size: 16px !important;
 }
 .datepick-inline .datepick-title-row th, .datepick-inline .datepick-days-cell{
	 height: 60px !important;
 }
 .block_hints .block_free, .datepick-inline .date_available, .datepick-inline .date_available.datepick-unselectable{
/*	 background: rgba(255, 126, 78, 0.3) !important; */
	/* GvE 11-03-2020 */
	background-color: #00B33C !important;
	color: #FFF !important;
 }
	/* GvE 11-03-2020 */
.date_available a { color: #FFF !important; }
 .btn{
	 background-color: #CBAA6A !important;
	 color: white !important;
	 width: 200px !important;
 }
 .secondname1 input, .name1 input, .email1 input, .phone1 input, .rangetime1 select, .captachinput{
	 width: 100% !important;
	 background-color: rgba(255, 126, 78, 1);
	 color: white !important;
	 height: 35px !important;
 }
 .opmerkinen1 textarea{
		 width: 100% !important;
	 background-color: rgba(255, 126, 78, 1);
	 color: white !important;	 
 }
 .menu li{
	 list-style: none;
	 float: left;
	 padding-right: 20px;
 }
 .menu li a{
	text-decoration: none;

 }
  .menu li a:hover{
	text-decoration: underline;
	color: #CBAA6A;	 
 }
 .menu{
	 display: block;
	 /*width: 100%;*/
	 line-height: 3em;
 }
 .menu-header-menu-container{
	 margin-right: -20px;
 }
 .Nav-toggle{
	 display: none;
 }
 @media (max-width: 965px) and (min-width: 726px){
	 .menu li a{
		 font-size: 15px;
		 }
	.menu li{
		padding-right: 15px;
	}
 }
  @media (max-width: 880px) and (min-width: 600px){
  	.menu{
	   margin-top: -32px;
  	}
  	.Header-logo{
	  	padding-top: 0em !important;
	  	width: 20% !important;
  	}
 }
@media (max-width: 726px) and (min-width: 600px){
	.menu li a{
		 font-size: 12.5px;
		 }
	.Header-logo{
	  	padding-top: 0em !important;
	  	width: 20% !important;
  	}
  	.menu li{
	  	padding-right: 15px;
  	}
  	.nav{
	   margin-top: -12px;
	   line-height: 0.1em;
  	}
}
@media(max-width: 600px) and (min-width: 320px){
	.Nav-toggle{
		display: block;
		border-bottom: 2px solid #464646;
		border-top: 2px solid #464646;
	}
	.menu-header-menu-container{
		display: none;
		position: absolute;
		z-index: 10;
		margin-top: -10px;
		/*margin-left: -10em;*/
    margin-left: -17.5em;
		    height: 500px;
    width: 100%;
	}
	.menu li{
		float: none;
		padding: 0;
	}
	.menu{
		/*line-height: 1.5em;*/
	    float: right;
	    position: absolute;
	    background-color:antiquewhite;
	    width: 100%;
      padding: 10px 20px;
	}
	.Nav:hover .menu-header-menu-container{
		display: block;
	}
	.Header-logo{
		padding-top: 0px !important;
		padding-bottom: 1em;
	}
	.registreren{
		margin-left: 55px;
		margin-right: -95px;
	} 
}
@media(max-width: 330px) and (min-width: 300px){
	.Header-logo{
		width: 45% !important;
	}
	.nav{
		margin-top: -29px;
	}
}

ul.sub-menu {
  padding-left: 10px;
  width: auto;
  color: #CBAA6A;
}

.menu-item .sub-menu {
  display: none;
  font-size: 0.9em;
  /*margin: 0.5em 0;*/
}

.menu-item:hover .sub-menu {
  display: block;
  font-size: 0.9em;
  /*margin: 0.5em 0;*/
}

  @media only screen and (min-width: 55em) {
    .sub-menu {
      position: absolute;
      z-index: 1;
      margin: 0;
      /*background: rgba(255, 255, 255, 0.9);*/
      background: antiquewhite; 
      padding: 0px 5px;
      margin-left: -1em;
      max-height: 75vh;
      overflow-y: scroll;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px; } 
  }

.sub-menu>.menu-item {
  padding: 0px 15px;
  background-color: antiquewhite;
  float: inherit;
}

	 
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

html {
  font-size: 105.5%; }

body {
  line-height: 1.75;
  font-family: "gotham_book", sans-serif;
  color: #464646; }

h1,
h2,
.h1,
.h2 {
  line-height: 1.25;
  margin: 0.5em 0; }

h1,
.h1 {
  font-size: 2rem; }

h2,
.h2 {
  font-size: 1.75rem; }

h3,
.h3 {
  font-size: 1.25rem; }

h4,
.h4 {
  font-size: 1rem; }

strong {
  font-family: "gotham_bold", sans-serif; }

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

html {
  box-sizing: border-box;
  height: 100%; }

body {
  min-height: 100%; }

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

a {
  color: currentColor; }

p {
  margin-top: 0; }

hr {
  border: 0;
  border-bottom: 1px solid #ccc; }

/**
 * Web Font loading logic
 *
 * We're using Font Face Observer to make browser font loading behaviour
 * consistent.
 * When the fonts are loading or they have failed loading, the fallback fonts
 * are shown. When the fonts are loaded, they are shown.
 *
 * These state classes are added to the `html` element.
 */
.Button, #submit-registration {
  background-color: #CBAA6A;
  border: 0;
  color: #fff;
  padding: 0.3em 1em;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color .3s ease-in-out; }
  .Button:focus, .Button:active, .Button:hover {
    background-color: #f57048;
    outline: 0; }

.Button--start {
  margin-right: auto; }

.Button--end {
  margin-left: auto; }

.Card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1em;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none; }
  .Card:hover {
    cursor: pointer; }
    .Card:hover .Card-button {
      background-color: #f57048;
      padding-right: 1em; }

.Card-figure {
  width: 100%;
  overflow: hidden; }

.Card-icon {
  font-size: 3rem;
  min-height: 150px; }

.Card-content {
  border: 1px solid #f1f1f1;
  border-bottom: 0;
  text-align: left;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 1em; }

.Card-title {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.4; }

.Card-button {
  margin-top: auto;
  background-color: #CBAA6A;
  text-decoration: none;
  color: #fff;
  padding: 0.3em 1.5em;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 0;
  transition: all .3s ease-in-out; }
#topimage{
	height: 20em;
}
.Month {
  padding: 1em;
  width: 100%;
  background: #CBAA6A;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0; }

/* Weekdays (Mon-Sun) */
.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #f1f1f1; }

.weekdays li {
  display: inline-block;
  width: 13.6%;
  text-align: center; }

/* Days (1-31) */
.days {
  padding: 10px 0;
  background: #f9f9f9;
  margin: 0; }

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  font-size: 0.9em;
  min-height: 3em; }

.today {
  padding: 5px;
  background: #464646;
  color: white;
  border-radius: 2em; }

.available {
  color: #CBAA6A;
  cursor: pointer;
  padding: 5px 9px;
  background: #CBAA6A;
  color: white;
  border-radius: 2em;
  text-decoration: none; }
  .available:hover {
    padding: 11px 15px; }

.unavailable {
  color: #ccc; }

.Choices {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1em;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em; }

/**
 * Horizontally centered content area.
 */
.Container {
  margin: 0 auto;
  max-width: 61rem;
  padding: 0 1em; }

.Container--fullWidth {
  padding: 0; }

@media only screen and (min-width: 30em) {
  .Container {
    padding: 0 2em; } }

@media only screen and (min-width: 55em) {
  .Container {
    padding: 0 3em; } }

@media only screen and (min-width: 60em) {
  .Container {
    padding: 0 3em; } }

.Container--small {
  max-width: 45em; }

.Content {
  padding: 1em;
  background: #ccc;
  border: 1px solid #9c9c9c; }

.Content-footer {
  min-height: 700px; }
  @media only screen and (min-width: 30em) {
    .Content-footer {
      min-height: 400px; } }

.Faq-question {
  font-size: 1.3em; }

.PreFooter {
  background-color: #CBAA6A;
  padding: 3em 0;
  color: #fff; }

.Footer {
  padding: 3em 0;
  font-size: 0.9em; }
  .Footer .Icon {
    color: #CBAA6A; }
.Form-field {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1em;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.Form-label {
  padding: 0.5em 0;
  min-width: 25%; }

.Form-input, #user_login, #user_pass {
  width: 100%;
  padding: 0.3em 1em;
  border-radius: 3px;
  border: 1px solid #ccc; }
  .Form-input:focus {
    border: 1px solid #464646;
    outline: 0; }
.login-remember{
	display: none;
}
.Form-submit, .login-submit {
  margin-left: auto; }

.FlexEmbed {
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative; }

.FlexEmbed--noSpace {
  margin: 0; }

.FlexEmbed-ratio {
  display: block;
  padding-bottom: 100%;
  width: 100%; }

.FlexEmbed-ratio--16by9 {
  padding-bottom: 56%; }

.FlexEmbed-content {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }

/* stylelint-disable plugin/selector-bem-pattern */
.FlexEmbed-content iframe {
  border: 0;
  height: 100%;
  width: 100%; }

.FlexEmbed-content div {
  height: 100%; }

/* stylelint-enable */
/**
 * Lays out cells in a row, with automatically row wrapping.
 *
 * See: https://github.com/suitcss/components-grid/blob/master/lib/grid.css
 * See: http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 */
.Grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2em; }

.Grid-cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 2em;
  width: 100%; }

.Grid-cell--center {
  margin: 0 auto; }

.Grid-cell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.Header {
  max-height: 7em; }

.Header-content {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 1em; }
  @media only screen and (min-width: 55em) {
    .Header-content {
      padding-bottom: 1em;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end; } }

.Header-logo {
  margin-bottom: 1em;
  padding-top: 1em;
  width: 200px; }
  @media only screen and (min-width: 55em) {
    .Header-logo {
/*       width: inherit; */
      margin-bottom: 0.3em; } }

.Header-login {
  text-transform: lowercase;
  color: #ccc;
  text-align: center;
  width: 100%;
  padding-bottom: 1em; }
  @media only screen and (min-width: 55em) {
    .Header-login {
      position: absolute;
      right: 0;
      top: 2em;
      text-align: right;
      padding-bottom: 0; } }

.Hero {
  height: 15em;
  overflow: hidden;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.Hero--inloggen {
  height: 70vh; }
  .Hero--inloggen .Hero-content {
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.95);
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    min-width: 30%;
    max-width: 70%;
    color: inherit; }
.Hero--footer {
  background-color: #CBAA6A; }
  .Hero--footer .Hero-image {
    opacity: 0.2; }
  .Hero--footer .Hero-content {
    max-width: 70%;
    text-align: center; }

.Hero-image {
  display: block;
  left: 50%;
/*   max-width: inherit; */
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto; }

.Hero-content {
  z-index: 1;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  color: #fff; }

.Icon {
  color: inherit;
  display: inline-block;
  fill: currentColor;
  height: 1em;
  vertical-align: middle;
  width: 1em; }

/** @define InlineForm */
.eo-InlineForm {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.eo-InlineForm-input {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 0.5em; }

.eo-InlineForm-submit {
  margin-bottom: 0.5em; }

.List {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0; }

.List--horizontal {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .List--horizontal > .List-item {
    margin-bottom: 0.5em;
    margin-right: 1em; }
    .List--horizontal > .List-item:last-child {
      margin-right: 0; }

.List--center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.List--small {
  line-height: 1.3; }

.List--grow .List-item {
  width: 23%; }

.Media {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em; }

.Media-content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.Media-image {
  margin-right: 1em; }
  .Media-image:empty {
    display: none; }

/*

  @media only screen and (min-width: 55em) {
    .Nav-toggle {
      display: none; } }

.Nav-list {
  display: none;
  margin-bottom: 2em; }
  @media only screen and (min-width: 55em) {
    .Nav-list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0; } }

.Nav-link {
  text-decoration: none; }
  .Nav-link:hover, .Nav-link:active, .Nav-link:focus {
    text-decoration: none;
    border-bottom: 1px solid;
    color: #ff7e4e; }

.Nav-sub {
  display: none;
  font-size: 0.9em;
  margin: 0.5em 0; }
  @media only screen and (min-width: 55em) {
    .Nav-sub {
      position: absolute;
      z-index: 1;
      margin: 0;
      background: rgba(255, 255, 255, 0.9);
      padding: 2em 1em 1em;
      margin-left: -1em;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px; } }

.Nav-subItem {
  margin-bottom: 0.5em; }
  .Nav-subItem:last-child {
    margin-bottom: 0; }
*/

.Header, .Header:before, .Header:after {
	box-sizing: content-box !important;
}

.Quote {
  font-size: 1.7em;
  line-height: 1.3em; }

/**
 * Implements the Sticky Footer pattern.
 *
 * On pages with less content the footer will still be positioned at the bottom
 * of the screen.
 *
 * See: http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
 */
.Site {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%; 
  }

.Site-content {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%; }

.Time {
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 0.5em;
  display: block;
  text-decoration: none; }
  .Time.is-disabled {
    border: 1px solid #f1f1f1;
    color: #ccc; }
  .Time.is-available {
    border: 1px solid #ccc; }
    .Time.is-available:hover {
      border: 1px solid #CBAA6A;
      cursor: pointer;
      background-color: #CBAA6A;
      color: #fff; }

.Step {
  text-decoration: none; }
  .Step.is-active {
    color: #CBAA6A; }
    .Step.is-active .Step-number {
      border: 1px solid #CBAA6A;
      background: #CBAA6A;
      color: #fff; }

.Step-number {
  border: 1px solid #464646;
  border-radius: 3em;
  color: #464646;
  width: 2em;
  height: 2em;
  display: block;
  margin: 0 auto;
  padding-top: 0.1em;
  margin-bottom: 0.5em; }

.Step--hover:hover {
  color: #CBAA6A; }
  .Step--hover:hover .Step-number {
    border: 1px solid #CBAA6A;
    background: #CBAA6A;
    color: #fff; }

/** @define utilities */
.u-displayHidden {
  display: none; }

.u-hiddenVisually {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.u-overflowHidden {
  overflow: hidden; }

.u-displayBlock {
  display: block; }

.u-l-displayFlex {
  display: none; }
  @media only screen and (min-width: 40em) {
    .u-l-displayFlex {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.u-xl-displayBlock {
  display: none; }
  @media only screen and (min-width: 55em) {
    .u-xl-displayBlock {
      display: block; } }

.u-xl-displayInlineBlock {
  display: none; }
  @media only screen and (min-width: 55em) {
    .u-xl-displayInlineBlock {
      display: inline-block; } }

.u-m-displayHidden {
  display: block; }
  @media only screen and (min-width: 30em) {
    .u-m-displayHidden {
      display: none; } }

.u-l-displayHidden {
  display: block; }
  @media only screen and (min-width: 40em) {
    .u-l-displayHidden {
      display: none; } }

.u-xl-displayHidden {
  display: block; }
  @media only screen and (min-width: 55em) {
    .u-xl-displayHidden {
      display: none; } }

.u-colorWhite {
  color: #fff; }

.u-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.u-flexColumn {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.u-flexGrow {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

@media only screen and (min-width: 40em) {
  .u-l-flexOrderLast {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; } }

.u-flexCenter {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.u-flexSpaceBetween {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.u-flexSpaceAround {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

/** @define utilities */
.u-linkClean {
  color: inherit;
  text-decoration: none; }
  .u-linkClean:hover, .u-linkClean:focus, .u-linkClean:active {
    background-color: transparent;
    box-shadow: none;
    color: currentColor;
    text-decoration: underline; }

/** @define utilities */
.u-sizeFit {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: auto; }

.u-sizeFill {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto; }

/**
 * Sizing utilities
 *
 * Per breakpoint available
 */
.u-size1of1 {
  width: 100%; }

.u-size1of2 {
  width: 50%; }

.u-size1of3 {
  width: 33.33333%; }

@media only screen and (min-width: 30em) {
  .u-m-size1of2 {
    width: 50%; }
  .u-m-size1of3 {
    width: 33.33333%; }
  .u-m-size1of4 {
    width: 25%; }
  .u-m-size1of6 {
    width: 16.66667%; } }

@media only screen and (min-width: 40em) {
  .u-l-size1of3 {
    width: 33.33333%; }
  .u-l-size2of3 {
    width: 66.66667%; }
  .u-l-size1of2 {
    width: 50%; }
  .u-l-size1of3 {
    width: 33.33333%; }
  .u-l-size1of4 {
    width: 25%; }
  .u-l-size1of6 {
    width: 16.66667%; }
  .u-l-size5of6 {
    width: 83.33333%; } }

@media only screen and (min-width: 55em) {
  .u-xl-size1of1 {
    width: 100%; }
  .u-xl-size1of2 {
    width: 50%; }
  .u-xl-size1of3 {
    width: 33.33333%; }
  .u-xl-size1of4 {
    width: 25%; }
  .u-xl-size3of4 {
    width: 75%; }
  .u-xl-size1of6 {
    width: 16.66667%; }
  .u-xl-size2of6 {
    width: 33.33333%; }
  .u-xl-size5of6 {
    width: 83.33333%; }
  .u-xl-size1of20 {
    width: 5%; }
  .u-xl-size9of20 {
    width: 45%; } }

.u-marginAn {
  margin: 0; }

.u-marginBn {
  margin-bottom: 0; }

.u-marginBs {
  margin-bottom: 0.5em; }

.u-marginBm {
  margin-bottom: 1em; }

.u-marginBl {
  margin-bottom: 2em; }

.u-marginTa {
  margin-top: auto; }

.u-marginTn {
  margin-top: 0; }

.u-marginTs {
  margin-top: 0.5em; }

.u-marginTm {
  margin-top: 1em; }

.u-marginTl {
  margin-top: 2em; }

.u-marginRs {
  margin-right: 0.5em; }

.u-marginRm {
  margin-right: 1em; }

.u-marginRl {
  margin-right: 2em; }

.u-marginLs {
  margin-left: 0.5em; }

.u-marginLl {
  margin-left: 2em; }

/** @define utilities */
.u-textCenter {
  text-align: center; }

.u-textRight {
  text-align: right; }

.u-textBold {
  font-weight: bold; }

.u-textItalic {
  font-style: italic; }

.u-textNoWrap {
  white-space: nowrap; }

.u-text-s {
  font-size: 0.75rem; }