sandbox-kinderlandwien/sandbox/css/style.css

/**
 * @file
 * css layout for development.
 *
 * topic of this file may change in time
 *
 * the first part of the file is for mobile devices and generel stuff
 * so its "mobile first"
 *
 * later in the file there will come some breakpoints marked as "@media all and ( min-width:xxxpx ) {...}
 *
 * at the end you will developer debug helper rules
 * you can delete it at any time.
 */
/**
 * font-family declarations
 *
 * must stay on top
 * look at ../fonts/open-sans.css
 * for dokumentation
 */

/* Apax medium */
@font-face {
  font-family: 'Apax';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Apax'), local('Apax Medium'), local('Apax-Medium'),
       url('../fonts/apax/apax_medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/apax/apax_medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('../fonts/ubuntu/ubuntu-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
       url('../fonts/ubuntu/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../fonts/ubuntu/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu/ubuntu-v14-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('../fonts/ubuntu/ubuntu-v14-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 17, 2020 */
@font-face {
  font-family: 'Material Icons';
  src: url('../fonts/material/materialicons-regular-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.material-icon{
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  font-size:1.5em;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  speak:never;
}

/*!
Fork Awesome 1.1.7
License - https://forkaweso.me/Fork-Awesome/license

Copyright 2018 Dave Gandy & Fork Awesome

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/
@font-face {
  font-family: 'ForkAwesome';
  src: local('ForkAwesome'), local('FontAwesome'),
       url('../fonts/fork-awesome/forkawesome-webfont.woff2?v=1.1.7') format('woff2'),
       url('../fonts/fork-awesome/forkawesome-webfont.woff?v=1.1.7') format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Animation Keyframes
 */
@keyframes hide-messages{
  from { margin-left:0px;    }
  to   { margin-left:-50vw: }
}

.color-scheme-dark{
  background:#05050F;
  color:#FFFFFF;
}

/* anchors basis */
a:link,
a:visited{
  color:inherit;
}

/* form elements */
button,
input,
select,
textarea{
  background-color:#FFFFFF;
  border:1px solid #F3F3F3;
  color:inherit;
}
select{
  background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMzU1IDBMNyA0LjU4TDEuNjQ1IDBMMCAxLjQxTDcgNy40MUwxNCAxLjQxTDEyLjM1NSAwWiIgZmlsbD0iIzA1MDUwRiIvPgo8L3N2Zz4K');
  background-size:0.857142857em auto;
  cursor:pointer;
}
select,
textarea{
}
button:not([type="reset"]),
input[type="submit"],
input[type="submit"]{
  padding:1.5em 2em 1.433333333em 2em;
  font-size:0.857142857em;
  line-height:1;
  font-family:'Apax';
  font-weight:500;
  letter-spacing:0.1em;
  text-decoration:none;
  text-transform:uppercase;
  border-color:#1C1936;
  border-width:2px;
}
button:not([type="reset"]):hover,
button:not([type="reset"]):focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
  border-color:#1C1936;
  background-color:#1C1936;
  color:#FFFFFF;
}
.inputs p{
  position:relative;
  margin-bottom:0;
}
.inputs p.intro{
  margin-bottom:1.5em;
}
.inputs span{
  display:block;
}
.inputs label,
.inputs input{
  -webkit-transition:all 200ms ease;
  -moz-transition:all 200ms ease;
  -ms-transition:all 200ms ease;
  -o-transition:all 200ms ease;
  transition:all ease 200ms;
}
.inputs input[type="checkbox"]{
  margin-right:1.5em;
}
.inputs label{
  position:absolute;
  left:1.25em;
  top:0.5em;
  opacity:0;
  pointer-events:none;
  font-size:0.857142857em;
  z-index:10;
}
.inputs .checkbox label,
.inputs .human-check label{
  position:relative;
  top:auto;
  left:auto;
  opacity:1;
  pointer-events:all;
  font-size:inherit;
  cursor:pointer;
}
.inputs .checkbox label{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.inputs span.wpcf7-list-item{
  margin-left:0;
}
.inputs span.wpcf7-list-item-label{
  padding-top:0.5em;
}
.inputs .focus label,
.inputs .valued label{
  opacity:1;
}
.textwidget button,
.textwidget input:not([type="checkbox"]):not([type="radio"]),
.textwidget select,
.textwidget textarea{
  margin-right:0;
  width:100%;
}
.textwidget select{
  padding-top:0.642857143em;
  padding-bottom:0.642857143em;
  margin-bottom:0.714285714em;
}
.textwidget .inputs .focus:not(.human-check) input:not([type="checkbox"]),
.textwidget .inputs .valued:not(.human-check) input:not([type="checkbox"]){
  padding-top:1.071428571em;
  padding-bottom:0.214285714em;
}
.inputs .focus input::-webkit-input-placeholder,
.inputs .valued input::-webkit-input-placeholder { color:transparent; }
.inputs .focus input:-moz-placeholder,
.inputs .valued input:-moz-placeholder { color:transparent; }
.inputs .focus input::-moz-placeholder,
.inputs .valued input::-moz-placeholder { color:transparent; }
.inputs .focus input:-ms-input-placeholder,
.inputs .valued input:-ms-input-placeholder { color:transparent; }

.wpcf7-form .wpcf7-not-valid{
  border-color:#9F001E;
}
.wpcf7-form .wpcf7-not-valid-tip{
  margin:-1.166666667em 0 1.166666667em 0;
  padding:0.25em 1.166666667em 0.333333333em 1.166666667em;
  font-size:0.857142857em;
  background:#9F001E;
  border:1px solid #9F001E;
  color:#FFFFFF;
}
form.sent .inputs,
form.sent .textarea,
form.sent .submit{
  display:none;
}
.inputs .privacy{
  margin:2em 0;
  font-size:0.846153846em;
}
.wpcf7 .wpcf7-form .wpcf7-response-output{
  margin:0;
  padding-top:1em;
  padding-bottom:1em;
  font-size:1.076923077em;
  color:#FFFFFF;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output{
  background:#FFB900;
}
.wpcf7 .wpcf7-form.failed .wpcf7-response-output,
.wpcf7 .wpcf7-form.aborted .wpcf7-response-output {
	border-color: #9F001E;
  background:#9F001E;
}
.wpcf7 .wpcf7-form.spam .wpcf7-response-output {
	border-color: #60009F;
  background:#60009F;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{
  background:#E9533F;
  border-color:#E9533F;
}

/**
 * Menus & Navigations
 *
 * @what
 *   nav container
 *   menu list
 *   -- items
 *   -- sub menu lists
 *   -- items with icons
 */
nav a,
.menu a,
.widget_categories a{
  display:block;
  font-size:1.4em;
  padding:0.571428571em 1.5em 0.5em 1.5em;
}
.menu a,
.widget_categories a{
  font-weight:normal;
  text-decoration:none;
}
nav a:link,
nav a:visited,
.menu a:link,
.menu a:visited{
}
nav a:hover,
nav a:focus,
.menu a:hover,
.menu a:focus{
}
nav a:focus,
.menu a:focus{
  outline:0;
}
nav a:focus,
nav a:active,
.menu a:focus,
.menu a:active,
nav a.active,
nav .active > a{
}
nav a:hover,
nav a:active,
.menu a:hover,
.menu a:active{
}

/* Menus */
.menu .current-menu-ancestor > a,
.menu .current-menu-item > a,
.menu .sub-menu .current-menu-ancestor > a,
.menu .sub-menu .current-menu-item > a{
  color:#A1A2A5;
}

/* first menu level only */
.menu > li > a{
}

/* sub menus */
.menu ul{
  border:1px solid #262626;
  background:#05050F;
}

/* sub sub menus */
.sub-menu ul{
  border:none;
  background:#F5F5F5;
}
.menu ul a{
}
.menu ul a:link,
.menu ul a:visited{
}
.menu ul a:hover,
.menu ul a:focus{
}
.menu ul .current-menu-ancestor > a{
}
/* user account menu */
.user-logged-in .menu .menu-item-register,
.user-logged-in .menu .menu-item-login{
  display:none;
}
.menu .menu-item-user a::before,
.menu .menu-item-register a::before,
.menu .menu-item-login a::before,
.menu .menu-item-logout a::before{
  display: block;
  float:left;
  margin-right:1em;
  font-family: 'ForkAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.menu .menu-item-user a::after,
.menu .menu-item-register a::after,
.menu .menu-item-login a::after,
.menu .menu-item-logout a::after{
  display:block;
  content:'';
  height:0;
  line-height:0;
  clear:both;
}
.menu .menu-item-user     a::before { content:'\f007'; }
.menu .menu-item-logout   a::before { content:'\f08b'; }
.menu .menu-item-login    a::before { content:'\f090'; }
.menu .menu-item-register a::before { content:'\f234'; }

/**
 * Content & Widgets
 *
 * @what
 *   headlines
 *   content font-sizes
 *   button
 *
 *   tabs
 *   taxonomy_term (inherits tabs, inherits menu)
 *   search_form
 *   comment_form
 */
/* headlines */
h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
.title{
  font-family:'Apax';
  font-weight:normal;
}
strong{
  font-weight:500;
}

/* article meta */
.content .meta{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  padding:3em 0 0 0;
  font-size:0.923076923em;
  font-family:'Apax';
}
.meta > li{
  -ms-flex-preferred-size:33%;
  flex-basis:33%;
  min-width:14em;
  margin-bottom:1em;
}
.meta li:last-child,
.meta > li:last-child{
  margin-bottom:0;
}
.meta > li.terms{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
}
.meta li.terms > ul{
  -ms-flex-preferred-size:calc(33% - 2em);
  flex-basis:calc(33% - 2em);
  min-width:12em;
  position:relative;
  padding-left:2em;
  margin-bottom:1em;
}
.meta li[class]::before,
.meta li.terms > ul::before{
  display:inline-block;
  position:relative;
  top:0.2em;
  margin:0 0.5em 0 0;
  font-size:1.25em;
  line-height:1;
  font-family:'Material Icons';
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  speak:never;
}
.meta li.terms > ul::before{
  display:block;
  position:absolute;
  left:0;
  margin:0;
}
.meta .format::before        { content:'blur_circular'; }
.meta .date::before          { content:'calendar_today'; }
.meta .author::before        { content:'account_box'; }
.meta .rtime::before         { content:'timer'; }
.meta .comments::before      { content:'forum'; }
.meta .category-list::before { content:'archive'; }
.meta .post_tag-list::before { content:'folder_open'; }

/* controls the whole font-size at once */
.content,
.textwidget{
  line-height:1.642857143;
  letter-spacing:0.048403375em;
}
.content    { font-size:1.3em; }
.textwidget { font-size:1.3em; }

.content .content,
.header-bar .textwidget{
  font-size:1em;
  line-height:inherit;
}
p, table, ul, ol, dl, dt, dd, .columns, img{
  margin-bottom:2em;
}
.content ul{
  list-style:none;
}
.content ul li{
  position:relative;
  margin-bottom:1em;
}
.content ul li:last-child{
  margin-bottom:0;
}
.content ul:not([class]) li::before{
  display:block;
  position:absolute;
  left:-1.5em;
  top:0.5625em;
  height:0.6875em;
  width:0.6875em;
  background:#05050F;
  content:' ';
}

/* Floats */
.content .float-left,
.content img.alignleft,
.content figure.alignleft {
  margin-top:0.4375em;
  margin-right:2.625em;
}
.content .float-right,
.content img.alignright,
.content figure.alignright {
  margin-top:0.4375em;
  margin-left:2.625em;
}

/* quotes */
.content blockquote{
  margin-top:5em;
  margin-bottom:5em;
}
.content blockquote:first-child,
.content header + blockquote{
  margin-top:0;
}
.content blockquote:last-child{
  margin-bottom:1em;
}
.content blockquote cite{
  display:block;
  margin-top:3em;
  font-family:'Apax';
  font-style:normal;
  font-weight:500;
}
.content .quote cite{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
}
.content blockquote cite::before{
  display:block;
  height:1px;
  width:33%;
  margin:0 0 3em 0;
  background:#262626;
  content:' ';
}
.content .quote cite::before{
  position:absolute;
  top:0;
  left:0;
}
.content .quote cite > *{
  display:block;
}
.content .quote .cite-thumbnail{
  max-width:6.5em;
  margin:2em 2em 0 0;
  -webkit-border-radius:500px;
  -moz-border-radius:500px;
  border-radius:500px;
  border:1px solid #979797;
  background:#4F4F4F;
  overflow:hidden;
}
.content .quote .cite-thumbnail img{
  margin:0;
}
.content .quote cite > .inner{
  margin:2em 0 0 0;
}

/* testimonials */
.content .testimonial{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:2em;
  -webkit-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  -moz-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
}
.testimonial > *{
  display:block;
}
.testimonial > .inner{
  padding-left:2.5em;
}
.testimonial .testimonial-thumbnail{
  padding-top:0.3125em;
}
.testimonial .testimonial-thumbnail img{
  max-width:7.125em;
  margin:0;
}

/* WordPress content blocks */
.wp-block-media-text{
  margin-top:5em;
  margin-bottom:5em;
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media{
  -webkit-align-self:start;
  -ms-flex-item-align:start;
  -ms-grid-row-align:start;
  align-self:start;
}
.wp-block-media-text blockquote{
  margin-top:0;
  margin-bottom:0;
}

.accordeon-heading{
  color:inherit;
  margin-bottom:2em;
}
.accordeon-heading.opened{
}
.accordeon-heading a{
  display:block;
  padding:0.5em 3em 0.5em 0;
  position:relative;
  outline:0;
  text-decoration:none;
}
.accordeon-heading a:hover,
.accordeon-heading a:active{
}
.accordeon-heading a::after{
  display:block;
  position:absolute;
  right:1em;
  top:1em;
  font-size:0.75em;
  line-height:1;
  font-family:'ForkAwesome';
  font-weight:normal;
  content:'\f077';
  -webkit-transition:transform 300ms ease;
  -moz-transition:transform 300ms ease;
  -ms-transition:transform 300ms ease;
  -o-transition:transform 300ms ease;
  transition:transform 300ms ease;
}
.accordeon-heading.opened a::after{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}

/* button / tagcloud */
.button,
.tagcloud a{
  display:block;
  text-align:center;
  padding:1.5em 2em 1.433333333em 2em;
  line-height:1;
  border:2px solid #05050F;
  font-family:'Apax';
  letter-spacing:0.1em;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-transition:all 200ms ease;
  -moz-transition:all 200ms ease;
  -ms-transition:all 200ms ease;
  -o-transition:all 200ms ease;
  transition:all ease 200ms;
}
.button + .button,
.tagcloud a + a{
  margin-top:2em;
}
.color-scheme-dark .button{
  border-color:#FFFFFF;
  color:#FFFFFF;
}
.button:link,
.button:visited{}

.button:hover,
.button:active,
.tagcloud a:hover,
.tagcloud a:active{
  background:#05050F;
  color:#FFFFFF;
}
.color-scheme-dark .button:hover,
.color-scheme-dark .button:active{
  background:#FFFFFF;
  color:#05050F;
}
.content .button,
.content .tagcloud a{
  font-size:0.857142857em;
}

/* Post thumbnail */
.post-thumbnail{
  display:block;
}
.post-thumbnail img{
  height:auto;
  width:100%;
  margin:0;
}

/* Tabs menu */
.tabs {
  /**
   * Setting display to flex makes this container lay
   * out its children using flexbox
   */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.tabs .tab{
}
.tabs .tab a{
  font-size:1em;
  border-bottom:2px solid #E6E6E6;
}
.tabs .tab > a:hover,
.tabs .tab > a:active,
.tabs .tab.tab-active > a{
  border-bottom-color:#BFBFBF;
}

/* taxonomy_term - inherits from tabs, menu */
.taxonomy-terms{
  flex-wrap:wrap;
}
.taxonomy-terms .title{
  font-size:1em;
  font-weight:normal;
}
.taxonomy-terms .title::before{
  display: inline;
  margin-right:0.5em;
  font-family: 'ForkAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content:'\f187';
  filter:brightness(200%);
}
.taxonomy-terms .taxonomy-term,
.taxonomy-terms .taxonomy-term + .taxonomy-term{
  border:none;
  padding:0;
}
.taxonomy-terms .taxonomy-term a{
  border:none;
  text-transform:capitalize;
}

/* field tags menu - inherits from terms */
.tags .title::before{
  content:'\f02c';
}
.tags .tag a{
}

/* search form */
.searchform-enabled .search-form{
  position:relative;
}
.search-form > .inner{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -ms-flex-pack:distribute;
  justify-content:space-around;
}
.search-form > .inner{
}
.search-form label{
  display:none;
  text-indent:-9999em;
  padding:0;
  height:3.2em;
  width:3.2em;
  font-size:1.2em;
  line-height:1.4;
  color:#14244A;
  background:#F5F6F7;
}
.search-form label:hover,
.search-form label:focus,
.search-form label:active{
  background:#EDEDED;
}
.search-form label::before{
  display: block;
  float:left;
  height: 1.25em;
  line-height: 1.285714286em;
  padding:0.535714286em;
  width: 1.285714286em;
  text-align: center;
  text-indent: 0;
  font-family: 'ForkAwesome';
  content:'\f002';
  font-size: 1.4em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.searchform-active .search-form label::before{
  content:'\f00d';
  font-family: 'ForkAwesome';
  text-rendering:auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.searchform-enabled .search-form label{
  display:block;
}
.searchform-enabled .search-form > .inner{
  display:none;
  position:absolute;
  right:4.84em;
  top:0;
  width:74.4vw;
}
.searchform-active .search-form > .inner{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.search-form input,
.search-form button{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.search-form input{
  display:block;
  margin:0;
  padding-top:0.142857143em;
  padding-bottom:0.214285714em;
  -ms-flex-preferred-size:85%;
  flex-basis:85%;
  max-width:85%;
  background:#FFFFFF;
  border-color:#E6E6E6;
  border-right:none;
}
.search-form button{
  padding:0;
  margin:0;
  -ms-flex-preferred-size:15%;
  flex-basis:15%;
  line-height:1.85;
  color:#CCCCCC;
  background:#FFFFFF;
  border-color:#E6E6E6;
  border-left:none;
  text-align:center;
}
.search-form button:hover{
  color:#999999;
}
.search-form button::after{
  content:'\f002';
  font-family: 'ForkAwesome';
  font-style:normal;
  font-weight:normal;
  speak:none;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* contacts list */
ul.contacts{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  margin:0 -0.5em;
}
.contacts li{
  margin:0.5em;
}
.contacts a{
  display:block;
  width:2.285714286em;
  height:2.285714286em;
  line-height:2.285714286em;
  text-indent:-9999em;
  color:#808080;
  text-align:center;
}
.contacts a:link,
.contacts a:visited{
  text-decoration:none;
}
.contacts a:hover,
.contacts a:active{
  color:inherit;
}
.contacts a::before{
  display:block;
  float:left;
  width:1em;
  height:1em;
  text-indent:0;
  font-size:2.285714286em;
  font-family:'ForkAwesome';
  speak:none;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.contacts .phone    a::before { content:'\f098'; }
.contacts .mail     a::before { content:'\f0e0'; }
.contacts .linkedin a::before { content:'\f08c'; }

/* icon corrections */
.contacts .mail     a::before {
  position:relative;
  top:-1px;
}

.contacts .phone    a:hover::before,
.contacts .phone    a:active::before { }
.contacts .mail     a:hover::before,
.contacts .mail     a:active::before { }
.contacts .linkedin a:hover::before,
.contacts .linkedin a:active::before { color:#2867B2; }

/* comment form */
.comment-form{
  max-width:100%; /* breaks out of content otherwise */
}

/**
 * araes & regions
 *
 * areas mean defined by template "site" regions
 *
 * @what
 *   html, body
 *   site containers
 *   site header
 *   -- block site branding
 *      -- site logo
 *      -- site name
 *      -- site slogan
 *   -- region secondary_menu
 *      -- block menu
 *         -- items with icons
 *   site menu
 *   -- block menu
 *      -- sub menus (dropdown)
 *   -- sideMenu Button
 *   site actions (extra container with interactive contents)
 *   -- overlays
 *   -- sideMenu
 *      -- block menu
 *         -- sub menus (accordeon)
 *         -- additional items & content
 *   site breadcrumbs
 *   -- items
 *   site main
 *   -- content
 *   -- sidebars
 *      -- blocks
 *      -- block titles
 *      -- block menu
 *  site footer
 *  -- region footer
 *  -- region footer_menu
 *     -- block menu
 *   site help
 *
 */
/* html, body */
body{
  font-family:'Ubuntu';
  color:#0E0F13;
}

/* site containers */
.site-container > .inner{
  max-width:138em;
  margin:0 auto;
  padding:2.1em;
}

/* site header */
/* Has 2 Regions inside .inner */
.site-header{
  background:#05050F;
  color:#FFFFFF;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:20;
}
.site-header > .inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  max-width:141.5em;
  padding:0.3em 2.1em 0.3em 1em;
}
.site-header a{
  color:#FFFFFF;
}
.toolbar-fixed .site-header{
  top:3.9em;
}
.site-name{
  font-size:1em;
  margin-top:0;
  margin-bottom:0;
}
.site-logo{
  display:block;
  padding:1.7em 2.7em 1.6em 2.7em;
  position:relative;
  z-index:150;
}
.site-logo img{
  height:1.4em;
  width:auto;
  margin:0;
}

/* header-bar */
.site-header .header-bar{
  display:none;
}
.header-bar .button{
  font-size:1.2em;
}
.header-bar .menu{
}
.header-bar .menu ul ul{
  display:none;
}
.header-bar .menu,
.header-bar .sub-menu{
  margin:0;
}
.header-bar .menu > li{
  display:block;
  text-align:center;
}
.header-bar .menu li,
.header-bar .sub-menu li{
  position:relative;
}
.header-bar .menu a,
.header-bar .sub-menu a{
  text-transform:none;
  font-size:1.2em;
  line-height:1.583333333;
  padding:0.666666667em 1em;
}
/* reset general region rules for user menu */
.header-bar .menu-item-user a,
.header-bar .menu-item-register a,
.header-bar .menu-item-login a,
.header-bar .menu-item-logout a{
  text-indent:-9999em;
  padding:0;
  height:3.5em;
  width:3.5em;
  font-size:1em;
}
.header-bar .menu-item-user a::before,
.header-bar .menu-item-register a::before,
.header-bar .menu-item-login a::before,
.header-bar .menu-item-logout a::before{
  height: 1.357142857em;
  line-height: 1.357142857em;
  padding:0.571428571em;
  margin:0;
  width: 1.357142857em;
  text-align: center;
  text-indent: 0;
  font-size: 1.4em;
}
.header-bar .menu a:hover{
}
.header-bar .menu li + li a{
}
.header-bar .menu ul{
  position:absolute;
  top:3.6em;
  left:-9999em;
  z-index:50;
}

/**
 * Menu bar
 * Bar definitions start at 987px media query
 */
.site-menu{
  pointer-events:none;
}
.site-menu .menu-item-home{
  display:none;
}
/**
 * On moblile, header an site-menu have no height.
 * the next following element gets padding top
 * to start below the fixed elements
 */
.site-header + :not(.site-menu),
.site-menu + *{
  padding-top:5.3em;
}
.toolbar-fixed .site-header + :not(.site-menu),
.toolbar-fixed .site-menu + *{
  padding-top:16.9em;
}
/* reset padding of .site-container > .inner */
.site-menu > .inner{
  padding:0;
}
/* hide nav default on mobile */
.site-menu nav{
  z-index:60;
  width:100%;
  display:none;
}
.site-menu .search-form{
  width:100%;
}
.site-menu .search-form .search-field{
  width:60%;
  display:block;
  float:left;
}
.site-menu .search-form .search-submit{
  width:35%;
  display:block;
  float:right;
}
/* Side Menu JS Buttons inside .site-menu */
.site-menu .sideMenu{
  width: 1.8em;
  height: 1.2em;
  padding:1.9em 1.3em;
  position:fixed;
  left:1em;
  top:0em;
  cursor: pointer;
  z-index:120;
  pointer-events:all;
}
.toolbar-fixed .site-menu .sideMenu{
  top:4.8em;
}
.site-menu .sideMenu > div{
  width: 18px;
  height: 12px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.site-menu .sideMenu span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background:#FFFFFF;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.site-menu .sideMenu span:nth-child(1) {
  top: 0px;
}
.site-menu .sideMenu span:nth-child(2),
.site-menu .sideMenu span:nth-child(3) {
  top: 5px;
}
.site-menu .sideMenu span:nth-child(4) {
  top: 10px;
}
.site-menu .sideMenu.active span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.site-menu .sideMenu.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.site-menu .sideMenu.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.site-menu .sideMenu.active span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

/**
 * Site Actions
 * ============
 */
.blackout,
#site-actions{
  position:fixed;
  height:100%;
  width:100%;
  left:0;
  top:0;
  pointer-events: none;
  opacity:0;
  z-index:30;
  transition:opacity ease-out 250ms;
}
#site-actions{
  background:none;
  opacity:1;
  z-index:100;
}

/* Side Menu */
.sideMenu-visible .blackout{
  opacity:0.35;
  pointer-events: auto;
  transition:opacity ease-in 200ms;
}
#site-actions .sideMenu{
  height:100vh;
  width:100vw;
  max-width:33.1em;
  position:absolute;
  top:0;
  left:-33.1em;
  overflow:hidden;
  overflow-y:auto;
  transition:left ease-in 250ms;
  background:#11111B;
  color:#FFFFFF;
  -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow:0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  pointer-events:all;
  z-index:50;
}
.admin-bar #site-actions .sideMenu{
  top:4.6em;
}
.sideMenu-visible #site-actions .sideMenu{
  left:0;
  transition:left ease-out 200ms;
}
.sideMenu > .site-logo{
  position:absolute;
  top:0.2em;
  left:calc(50% - 5.9em);
  font-size:1em;
}
.sideMenu > .menu,
.sideMenu > .additional{
  /*keep space for toggler overlayed on the right hand side */
  padding:8em 1em 8em 0em;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
#site-actions .sideMenu > * + *{
  padding-top:1.6em;
}
.sideMenu > .additional > div{
  padding:0.8em 1.6em 0.7em 1.6em;
}
.sideMenu a{
  color:#FFFFFF;
}
.sideMenu .menu-item-user a,
.sideMenu .menu-item-register a,
.sideMenu .menu-item-login a,
.sideMenu .menu-item-logout a{
  text-indent:0;
  padding:0.5em 1em 0.4em 1em;
  height:auto;
  width:auto;
  font-size:1.4em;
}
.sideMenu .menu-item-user a::before,
.sideMenu .menu-item-register a::before,
.sideMenu .menu-item-login a::before,
.sideMenu .menu-item-logout a::before{
  padding:0;
}
.sideMenu > .menu.additional a{
  font-size:1.2em;
  padding:0.666666667em 1.333333333em 0.583333333em 1.333333333em;
}
/* firs level menu items */
.sideMenu .menu > li + li::before{
  display:block;
  height:1px;
  background:#565A7F;
  content:' ';
  margin:0 2.1em;
}
.sideMenu .menu > li > a{
  padding-top:1.5em;
  padding-bottom:1.428571429em;
  line-height:1.714285714;
  font-family:'Apax';
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:0.071428571em;
}
.sideMenu .menu > .menu-item-has-children > a{
  position:relative;
}
.sideMenu .menu > .menu-item-has-children > a::before,
.sideMenu .menu > .menu-item-has-children > a::after{
  display:block;
  position:absolute;
  background:#FFFFFF;
  content:' ';
  transition:all ease 250ms;
}
.sideMenu .menu > .menu-item-has-children > a::before{
  right:1.5em;
  top:2.214285714em;
  height:2px;
  width:14px;
  opacity:1;
}
.sideMenu .menu > .menu-item-has-children > a::after{
  right:1.928571429em;
  top:1.785714286em;
  height:14px;
  width:2px;
}
.sideMenu .menu .menu-item-has-children.toggle-active > a::before,
.sideMenu .menu .menu-item-has-children.toggle-active > a::after{
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideMenu .menu > .menu-item-has-children.toggle-active > a::before{
  opacity:0;
}

.site-menu .menu a:hover,
.site-menu .menu a:active,
.site-menu .menu > li.menu-item-has-children:hover > a,
.sideMenu .menu a:hover,
.sideMenu .menu a:active,
.sideMenu .menu > li.menu-item-has-children:hover > a{
  background:rgba(113, 118, 148, 0.04);
  color:#A1A2A5;
}

.sideMenu .menu > li > a:hover,
.sideMenu .menu a:active,
.sideMenu .menu .toggle-active > a{
}
.sideMenu .menu .current-menu-ancestor > a{
}
.sideMenu .menu li + li{
}
/* submenus */
.sideMenu .menu ul{
  background:none;
  border:none;
  padding:0 0 1em 3.9em;
}
.sideMenu .menu ul a{
  padding-top:0.928571429em;
  padding-bottom:0.857142857em;
}
.sideMenu .sub-menu a{
}


/**
 * Breadcrumbs navigation
 */
.site-breadcrumbs{
  position:relative;
  margin-bottom:2em;
  z-index:10;
}
.site-breadcrumbs > .inner{
  padding:0;
  overflow:hidden;
  display:block;
}
.site-breadcrumbs > .inner::after{
  display:block;
  height:0;
  content:' ';
  clear:both;
}
.site-breadcrumbs li{
  float:left;
  display:block;
}
.site-breadcrumbs li::after {
  display:inline-block;
  position:relative;
  top:-1px;
  font-size:0.65em;
  content:'\f054';
  font-family:'ForkAwesome';
  text-rendering:auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.site-breadcrumbs li.last::after{
  display:none;
}
.site-breadcrumbs li > *{
  display:inline-block;
  padding:0.7em 0.5em 0.6em 0.6em;
  font-size:1.4em;
}
.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus{
  outline:0;
}
.site-breadcrumbs a:active{
  color:#000000;
}
.site-breadcrumbs li > meta{
  display:none;
}
.site-breadcrumbs li.last > *{
  color:#113300;
}
.site-breadcrumbs li.last > *::after{
  border-left-color:transparent;
}

/**
 * holy grail content layout
 *
 * https://en.wikipedia.org/wiki/Holy_grail_(web_design)
 * https://w3bits.com/flexbox-holy-grail-layout/
 * https://www.developerdrive.com/holy-grail-layout-flexbox/
 *
 * currently only for one sidebar
 */

/* mains .inner is a flex-container */
main > .inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.site-main > .inner{
  max-width:138em;
}
.page-template-page-sections .site-main > .inner{
  max-width:100%;
  margin:0;
  padding:0;
}
main > .inner > *{
  -webkit-box-flex:1;
  -ms-flex:1 100%;
  flex:1 100%;
  max-width:100%;
}
main .section-header,
main .content-header{
  text-align:center;
  padding:3em 0;
}

.page-template-page-sections article{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:5em 2.1em;
  background:#FFFFFF;
}
.page-template-page-sections article.color-scheme-dark{
  background:#05050F;
}
.page-template-page-sections article.color-scheme-light{
  -webkit-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  -moz-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
}
.page-template-page-sections article.color-scheme-light + article.color-scheme-light{
  margin-top:2.4em;
}
main .sections-header > .inner{
  max-width:138em;
  margin:0 auto;
  padding:2.1em;
  text-align:center;
}
main .section-header .title,
main .content-header .title,
main .sections-header .title{
  font-size:2.8em;
  line-height:1.15;
  text-transform:uppercase;
}
main .sections-header .title{
  display:inline-block;
  position:relative;
  border:1px solid #05050F;
  margin:0;
  padding:0.5em 1em 0.857142857em 1em;
}
main .sections-header.color-scheme-dark .title{
  border-color:#FFFFFF;
}
main .sections-header .title::before,
main .sections-header .title::after{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  content:' ';
  pointer-events:none;
  z-index:5;

}
main .sections-header .title::before{
  top:-1px;
  left:-1px;
  border:1px solid #FFFFFF;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
}
main .sections-header.color-scheme-dark .title::before{
  border-color:#05050F;
}
main .sections-header .title::after{
  background:#FFFFFF;
  mix-blend-mode:normal;
  -webkit-filter:blur(1em);
  filter:blur(1em);
  opacity:0.9;
}
main .sections-header.color-scheme-dark .title::after{
  background:#343F79;
}
main .sections-header .title > span{
  display:block;
  position:relative;
  z-index:10;
}
main .sections-header .title > span::after{
  display:block;
  position:absolute;
  bottom:-120%;
  left:calc(50% - 1px);
  height:0.821428571em;
  width:2px;
  background:#565A7F;
  content:' ';
}
.single main .content-header,
.page-template-page-sections main .content-header,
.page-template-page-alternate main .content-header{
  padding-top:2em;
  padding-bottom:2em;
  text-align:left;
}
.single main .content-header .title,
.page-template-page-sections main .content-header .title,
.page-template-page-alternate main .content-header .title{
  font-size:2.153846154em;
}
.single main .content-header .title,
.page-template-page-alternate main .content-header .title{
  text-transform:none;
}
main .section-header .intro,
main .content-header .intro{
  font-size:2em;
  font-weight:300;
}
main .section-header .intro p:last-child,
main .content-header .intro p:last-child{
  margin-bottom:0;
}
.single main .content-header .intro,
.page-template-page-sections main .content-header .intro,
.page-template-page-alternate main .content-header .intro{
  margin-top:2em;
  font-size:1.125em;
  text-transform:none;
}
.page-template-page-sections article .subheadline p{
  margin:0;
  font-size:1.125em;
}
.page-template-page-sections article > .post-thumbnail{
  order:3;
}
.page-template-page-sections article.color-scheme-dark.thumbnail-has-shadow .post-thumbnail{
  box-shadow: -12px -12px 23px rgba(86, 90, 127, 0.358747), 14px 14px 25px rgba(255, 255, 255, 0.16);
}
.page-template-page-sections article.color-scheme-light.thumbnail-has-shadow .post-thumbnail{
  box-shadow: -12px -12px 23px rgba(255, 255, 255, 0.358747), 14px 14px 25px rgba(13, 39, 80, 0.16);
}

.page-template-page-sections article > .benefits{
  order:4;
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:8em 0;
}
.benefits .term-benefit{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
  max-width:33.6em;
  padding:2em 0;
  border:1px solid #000000;
  border-width:0 0 1px 0;
  text-align:center;
}
.color-scheme-dark .benefits .term-benefit{
  border-color:#FFFFFF;
}
.benefits .term-benefit + .term-benefit{
  border-width:1px 0;
}
.benefits .term-benefit:last-child,
.benefits .term-benefit + .term-benefit:last-child{
  border-width:1px 0 0 0;
}
.benefits .content{
  font-size:1.4em;
}
.benefits .content > *:last-child{
  margin-bottom:0;
}
.benefits .term-thumbnail{
  margin-bottom:0.5em;
}
.benefits .term-thumbnail img{
  display:inline-block;
  margin:0;
}
.benefits .term-benefit .material-icon{
  font-size:2.5em;
}
.benefits .term-benefit > .inner{
}


/**
 * Sidebars specifica
 */
main aside{
  line-height:1.111111111;
}
main aside .widget:first-child:not(.search-form){
  padding-top:1em;
}
main aside .widget + .widget{
  margin-top:3em;
}
main aside .widget > .inner{
  margin:1.5em 0 0 0;
  padding:0 0 0.5em 0;
}
main aside .title{
  padding:1.5625em 3.8125em 1.5em 1.5em;
  margin:0 0 0.5625em 0;
  font-size:1.4em;
  font-family:'Ubuntu';
  font-weight:300;
  text-transform:uppercase;
}
main aside .widget.color-scheme-dark .textwidget{
  text-align:center;
  padding:0 2em;
}
/* .main aside .menu */
main aside .menu,
main aside .widget_categories ul{
  list-style:none;
  padding:0;
  margin:0;
}
main aside .menu .title{
  margin-bottom:0;
}
main aside .menu ul,
main aside .widget_categories ul ul{
  background:none;
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
main aside .menu > li,
main aside .widget_categories ul > li{
  border:1px solid #CDCFDA;
  margin-bottom:0.7em;
}
main aside .menu ul li:last-child,
main aside .widget_categories ul ul li:last-child{
  border:none;
}
main aside .menu a,
main aside .widget_categories a{
  position:relative;
  display:block;
  padding:1.388888889em 3.388888889em 1.33333333em 1.33333333em;
  font-size:1.3em;
  line-height:1.166666667;
  font-weight:normal;
  border:1px solid #CDCFDA;
}
/* only first level */
main aside .menu > li > a::after{
  display:block;
  position:absolute;
  right:2.166666667em;
  top:2.5em;
  font-size:0.666666667em;
  line-height:1;
  font-weight:normal;
  font-family:'ForkAwesome';
  content:'\F077';
  -webkit-transition:transform 300ms ease;
  -moz-transition:transform 300ms ease;
  -ms-transition:transform 300ms ease;
  -o-transition:transform 300ms ease;
  transition:transform 300ms ease;
}
main aside .menu > li.opened > a::after{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}
main aside .menu a:hover,
main aside .menu a:active{
  background:#F6F8FF;
  text-decoration:none;
}
main aside .menu li:hover > a{
}
main aside .menu a:hover,
main aside .menu a:active{
}
main aside .menu .current-menu-item > a,
main aside .menu .current-menu-ancestor > a,
main aside .menu a.is-active-trail,
main aside .menu a.is-active{
}
main aside .menu .current-menu-ancestor > a:not(:hover):not(:active),
main aside .menu .current-menu-item > a:not(:hover):not(:active),
main aside .menu a.is-active-trail:not(:hover):not(:active),
main aside .menu a.is-active:not(:hover):not(:active){
  background:none;
}
main aside .menu .current-menu-item > a,
main aside .menu a.is-active{
}
main aside .menu .current-menu-item > a,
main aside .menu a.is-active{
  filter:none;
}
main aside .menu .current-menu-ancestor > a,
main aside .menu a.is-active-trail{
  font-weight:600;
}
main aside .menu .menu-item-has-children:hover > a::before{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
main aside .menu .current-menu-ancestor > a,
main aside .menu a.is-active-trail{
}

/* sub menu styles */
main aside .menu ul{
  padding:0;
  margin:0;
  border-top:1px solid #CDCFDA;
  /* display:none; */
}
main aside .current-menu-ancestor > ul,
main aside .current-menu-item > ul,
main aside a.is-active-trail + ul,
main aside a.is-active + ul{
  display:block;
}
main aside .menu ul a{
  padding-left:1.722222222em;
  padding-right:1.722222222em;
  border:none;
}
main aside .menu ul ul{
  font-size:0.9em;
}
main aside .menu ul ul a{
  padding-left:2.857142857em;
}
main aside .menu ul .current-menu-item > a,
main aside .menu ul a.is-active{
}

/**
 * Content Region
 */
.articles > .inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.has-content-sidebar .articles > .inner,
.has-content-sidebars .articles > .inner{
  display:block;
}
.articles article + article{
}
.articles article{
  margin:2em 0;
  padding:3em 2em 2em 2em;
  -webkit-box-shadow:20px 12px 19px 3px rgba(190, 204, 255, 0.25);
  box-shadow:20px 12px 19px 3px rgba(190, 204, 255, 0.25);
}
.articles article.team{
  margin-left:2em;
  margin-right:2em;
  padding:0;
}
.articles article.post{
  padding-bottom:1em;
}
.articles article.post .post-thumbnail{
  margin-bottom:2em;
}
.page-team .site-main{
  overflow:hidden;
}
.page-team .articles > .inner{
  margin-left:-2.2em;
  margin-right:-2.1em;
}
article.team .content{
  font-size:1.4em;
  padding:1.5em 2.142857143em 1.5em 0.71428571em;
}
article.team .content > *:last-child{
  margin-bottom:0;
}
article.team .content h2{
  font-size:1em;
  margin-bottom:0;
}
 article.team .content p{
  margin-bottom:0.8em;
}
article.team .content .position{
  font-family:'Apax';
  margin-bottom:2em;
}
.articles article.faq{
}
article.faq .title{
  font-size:1.6em;
  margin-bottom:1.75em;
}
article.faq .title a{
  padding:0.4375em 3em 0.4375em 0;
}
article.faq .content{
  padding:0;
  margin:0;
  line-height:2.1875;
}
article.post a:link,
article.post a:visited{
  text-decoration-color:#A1A2A5;
}
article.post a:hover,
article.post a:active{
  text-decoration-color:inherit;
}

/**
 * Sidebars
 */
article > .sidebar{
}
article > .content-before > .inner{
}
article > .content-after > .inner{
}
article > .content-after{
}
article > .sidebar form{
  padding:1.714285714em;
  border:1px solid #F3F3F3;
}

/**
 * Content Footer
 */
.content-footer{
}
.content-footer .widget{
  text-align:center;
  padding-bottom:6em;
}
.content-footer .textwidget{
  max-width:40em;
  margin-left:auto;
  margin-right:auto;
  line-height:2.1875em;
}
.content-footer .contact-footer{
  font-family:'Apax';
  font-size:0.857142857em;
  letter-spacing:0.1em;
}
.contact-footer::before{
  display:block;
  height:12em;
  width:0.166666667em;
  margin:3.5em auto;
  background:#262626;
  content:' ';
}
.color-scheme-dark .contact-footer{
  color:#A1A2A5;
}
.color-scheme-dark .contact-footer::before{
  background-color:#E9533F;
}
.color-scheme-dark .contact-footer a:not(.button):link,
.color-scheme-dark .contact-footer a:not(.button):visited{
  text-decoration:none;
  color:#E6E7ED;
}

/**
 * Site Footer
 */
.site-footer{
}
.site-footer > .inner{
  max-width:144.5em;
  /* padding:0.3em 2.1em 0.3em 1em; */
  padding:3.5em 0;
}

/* cyber essentials */
.site-footer .wp-image-232{
  max-width:5.714285714em;
  margin:0;
}
.site-footer .widget_text a{
  display:inline-block;
  padding:0;
}

/* footer-bar */
.site-footer .region{
  padding:2em 0;
}
.site-footer .footer-bar{
  padding-top:3.5em;
  margin-top:3.5em;
}
.site-footer .widget + .widget{
  margin-top:2em;
}
.site-footer .textwidget{
  font-size:1.2em;
}
.site-footer .widget_text{
  color:#A1A2A5;
  text-align:center;
  padding:0 1em;
}
.footer-bar .widget + .widget{
  margin-top:0;
}
.footer-bar .widget_text{
  padding:0.571428571em 1.5em 0.5em 1.5em;
}
.site-footer .menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.site-footer .menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.site-footer .footer-bar .menu{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.site-footer .menu ul{
  border:none;
}
.site-footer .menu ul ul{
  display:none;
}
.site-footer .menu,
.site-footer .sub-menu{
  margin:0;
}
.site-footer .menu > li{
  display:block;
}
.site-footer #menu-footer-en > li{
  margin:2.1em 0;
  -ms-flex-preferred-size:45%;
  flex-basis:45%;
  max-width:50%;
}
.site-footer .menu li,
.site-footer .sub-menu li{
  position:relative;
}
.site-footer a{
  color:#FFFFFF;
  font-size:1.2em;
}
.site-footer .menu a:hover,
.site-footer .menu a:active{
  background:#13131C;
  color:#FFFFFF;
}
.site-footer .menu .current-menu-ancestor > a,
.site-footer .menu .current-menu-item > a,
.site-footer .menu .sub-menu .current-menu-ancestor > a,
.site-footer .menu .sub-menu .current-menu-item > a{
  color:inherit;
}
/* first site-menu level only */
.site-footer .menu > li > a{
  text-transform:uppercase;
  font-family:'Apax';
  font-weight:500;
  letter-spacing:0.071428571em;
}
.site-footer .sub-menu a{
  color:#A1A2A5;
}
/* reset general region rules for user menu */
.site-footer .menu-item-user a,
.site-footer .menu-item-register a,
.site-footer .menu-item-login a,
.site-footer .menu-item-logout a{
  text-indent:-9999em;
  padding:0;
  height:3.5em;
  width:3.5em;
  font-size:1em;
}
.site-footer .menu-item-user a::before,
.site-footer .menu-item-register a::before,
.site-footer .menu-item-login a::before,
.site-footer .menu-item-logout a::before{
  height: 1.357142857em;
  line-height: 1.357142857em;
  padding:0.571428571em;
  margin:0;
  width: 1.357142857em;
  text-align: center;
  text-indent: 0;
  font-size: 1.4em;
}
.site-footer .menu li + li a{
}

/**
 * Help Region
 */
.region-help{
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:150;
  pointer-events:none;
}
.messages-list{
  margin-bottom:2em;
}
.region-help .messages-list{
  pointer-events:all;
  position:absolute;
  left:0;
  top:36vh;
  margin:0;
}
.messages-list .messages{
  position:relative;
  padding-left:3em;
  font-size:1.4em;
  border:1px solid #F5F6F7;
  -webkit-border-radius:2px;
  border-radius:2px;
}
.region-help .messages-list .messages{
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}
.messages-list .messages--status{
  border-color:#77B259;
  color:#325E1C;
  background:#F3FAEF;
}
.messages-list .messages--warning{
  border-color:#E09600;
  color:#734C00;
  background:#FDF8ED;
}
.messages-list .messages--error{
  border-color:#E62600;
  color:#A51B00;
  background:#FCF4F2;
}
.messages-list .messages .title{
  text-indent:-9999em;
  position:absolute;
  left:0;
  top:0;
  width:3.2em;
  height:100%;
  margin:0;
  font-size:1em;
  overflow:hidden;
}
.region-help .messages-list .messages .title{
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.messages-list .messages .title::before{
  display:block;
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  padding:1.083333333em 0;
  text-align:center;
  text-indent:0;
  font-family:'ForkAwesome';
  text-rendering:auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#FFFFFF;
}
.messages-list .messages--status .title::before{
  content:'\f00c';
  background:#77B259;
}
.messages-list .messages--warning .title::before{
  content:'\f071';
  background:#E09600;

}
.messages-list .messages--error .title::before{
  content:'\f057';
  background:#FCF4F2;
}
.messages-list .messages .title + *{
  padding:1.071428571em 1.285714286em;
}
.region-help .messages-list .messages .title + *{
  margin-left:-50vw;
  max-width:50vw;
  transition:margin ease 350ms;
  -webkit-animation:hide-messages 350ms ease-in-out 4000ms forwards;
  -moz-animation:hide-messages 350ms ease-in-out 4000ms forwards;
  -o-animation:hide-messages 350ms ease-in-out 4000ms forwards;
  animation:hide-messages 350ms ease-in-out 4000ms backwards;
}
.messages-list:hover .messages .title + *{
  margin-left:0;
}
.messages-list .messages p,
.messages-list .messages ul,
.messages-list .messages li{
  margin-bottom:0;
}


/**
 * Media query:min-width:321px
 */
@media screen and (min-width:321px){
  .sideMenu > .menu,
  .sideMenu > .additional{
    padding-right:6em;
  }
}
/**
 * Media query:min-width:480px
 */
@media screen and (min-width:480px){
  .site-branding > .inner{
    min-width:320px;
  }
  .site-menu .menu{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .sideMenu > .menu,
  .sideMenu > .additional{
  }
  main aside .menu ul a{
    padding-left:3.388888889em;
    padding-right:3.388888889em;
  }
}

/**
 * Media query:min-width:600px
 *
 * breakpoint where the single column mobile layout splits into more columns
 */
@media all and ( min-width:600px ) {
  .articles > .inner > *{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:calc(50% - 4em);
  }
  .has-content-sidebar .articles > .inner > *,
  .has-content-sidebars .articles > .inner > *{
    max-width:100%;
  }
}

/**
 * Media query:min-width:768px
 *
 * breakpoint where the single column mobile layout splits into more columns
 */
@media all and ( min-width:768px ) {
  .button,
  .tagcloud a{
    display:inline-block;
    text-align:inherit;
  }
  .button + .button{
    margin-top:0;
    margin-left:2em;
  }
  .tagcloud{
    margin:0 -1em;
  }
  .tagcloud a,
  .tagcloud a + a{
    margin:1em;
  }
  table .views-field-title{
    min-width:50%;
  }
  .admin-bar #site-actions .sideMenu{
    top:3.2em;
  }
  .articles article{
    padding:6em;
  }
  .articles article.faq{
    padding-bottom:2.9em;
  }
  .articles article.post{
    padding-bottom:5em;
  }
  article#content{
  }
  .has-content-sidebar #content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .page-template-page-sections article{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  .page-template-page-sections article.no-post-thumbnail{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
  }
  main .sections-header > .inner{
    padding-top:3em;
    padding-bottom:6em;
    /* text-align:left; */
  }
  main .sections-header .title{
    padding:0.4375em;
  }
  main .sections-header .title::before{
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
  }
  main .sections-header .title > span::after{
    height:1.25em;
    background:#565A7F;
  }
  .articles > .inner > *,
  .has-content-sidebar #content > header{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .page article > .inner,
  .single article > .inner{
    max-width:137em;
  }
  .has-content-sidebar #content > .sidebar{
  }
  .page-template-page-sections article > .post-thumbnail,
  .page-template-page-sections article > .inner{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:43.125em;
  }
  .page-template-page-sections article > .post-thumbnail{
    max-width:69em;
  }
  .page-template-page-sections article.sectiongroup-testimonials > .post-thumbnail{
    max-width:47.9em;
  }
  .page-template-page-sections article.image-position-before > .post-thumbnail{
    order:1;
  }
  .page-template-page-sections article > .inner{
    order:2;
  }
  .page-template-page-sections article > .benefits{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -moz-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
  }
  .benefits .term-benefit{
    -ms-flex-preferred-size:33%;
    flex-basis:33%;
    padding:0;
  }
  .benefits .term-benefit{
    border-width:0 1px 0 0;
  }
  .benefits .term-benefit + .term-benefit{
    border-width:0 1px;
  }
  .benefits .term-benefit:last-child,
  .benefits .term-benefit + .term-benefit:last-child{
    border-width:0 0 0 1px;
  }
  .benefits .term-benefit > .inner{
    padding:0 2em;
  }
  .page-template-page-sections article.image-position-before > .content > *{
    padding-left:5em;
    padding-right:0;
  }
  .page-template-page-sections article.image-position-before > .content > hr{
    padding-left:0;
    margin-left:5em;
    width:50%;
  }
  .has-content-sidebar #content > .inner{
    -ms-flex-preferred-size:55%;
    flex-basis:55%;
    max-width:55%;
  }
  article > .inner > *{
    padding-right:5em;
  }
  article > .inner > .post-thumbnail{
    padding-right:0;
  }
  #content > .sidebar{
    -ms-flex-preferred-size:45%;
    flex-basis:45%;
    max-width:45%;
  }
  .single #content > .content-before,
  .page-template-page-alternate #content > .content-before{
    order:1;
  }
  #content > .content-before > .inner{
    padding-right:1.5em;
  }
  #content > .content-after > .inner{
    padding-left:1.5em;
  }
  main > .inner > aside{
    -ms-flex-preferred-size:45%;
    flex-basis:45%;
    max-width:45%;
  }
  main aside .widget > .inner{
    margin-top:5.5em;
  }
  .blog main aside .widget:first-child > .inner,
  .archive main aside .widget:first-child > .inner,
  .single main aside .widget:first-child > .inner,
  .page-template-page-alternate main aside .widget:first-child > .inner{
    margin-top:1.5em;
  }
}

/**
 * Media query:min-width:987px
 *
 * Displays small desktop pages and Tablet landscape (w: 1024px) viewports
 */
@media screen and (min-width:987px){
  .content    { font-size:1.6em; }
  .textwidget { font-size:1.4em; }
  .content-footer .textwidget { font-size:1.6em; }

  .content .button,
  .content .tagcloud a { font-size:0.75em; }
  .content .meta   { font-size:0.75em; }
  .content-footer .contact-footer { font-size:0.75em; }
  .inputs .privacy { font-size:0.857142857em; }
  .wpcf7 .wpcf7-form .wpcf7-response-output { font-size:1.142857143em; }


  main aside .title  { font-size:1.6em; }
  main aside .menu a { font-size:1.8em; }

  .blackout{
    display:none;
  }
  #site-actions .sideMenu,
  .site-menu .sideMenu{
    display:none;
  }
  .searchform-enabled .search-form > .inner{
    width:59em;
  }
  table .views-field-title{
    min-width:40%;
  }
  .page-template-page-sections article,
  .sections-header > .inner,
  .site-main > .inner{
    padding-left:3.6em;
    padding-right:3.6em;
  }
  .page-template-page-sections .site-main > .inner{

  }
  .page-template-page-sections article.image-position-before > .content > *{
    padding-left:10.625em;
  }
  .page-template-page-sections article.image-position-before > .content > hr{
    padding-left:0;
    margin-left:10.625em;
    width:33%;
  }
  .site-header{
    position:static;
    top:auto;
    left:auto;
    right:auto;
  }
  /* site headers .inner is a flex-container */
  .site-header > .inner{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:1em;
    padding-bottom:1em;
  }
  .site-header .site-logo img{
    height:2.4em;
  }
  /* all regions inside .site-header */
  .site-header .region{
    -webkit-box-flex:1;
    -ms-flex:1 45%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .site-header .region > * + *,
  .site-header .widget > .inner > * + *{
    margin-left:1em;
  }
  .site-header .header-bar{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }
  .header-bar .widget,
  .site-footer .widget{
    padding:0 1.5em;
  }
  .header-bar .widget{
    padding-top:0.2em;
  }
  .header-bar .widget:first-child{
    padding-left:0;
  }
  .site-footer .widget:first-child{
    padding-right:0;
  }
  .header-bar .search-form,
  .site-footer .search-form{
  }
  .header-bar .widget + .widget,
  .site-footer .widget + .widget{
    margin-top:0;
    margin-left:0.5em;
  }
  .site-footer .widget + .widget{
    margin-top:0;
    margin-left:0;
    padding-left:0;
  }
  .header-bar .widget-menu,
  .site-footer .widget-menu{
	  flex:none;
  }
  .header-bar .menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .site-header .header-bar .menu{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }
  .header-bar .menu > li,
  .site-footer .menu > li{
    white-space:nowrap;
  }
  .site-footer .menu > li{
    margin:1px;
  }
  .header-bar .menu > li + li,
  .site-footer .menu > li + li{
    /* border-left:1px solid #E6E6E6; */
  }
  .header-bar .menu a,
  .header-bar .sub-menu a,
  .site-footer .menu a,
  .site-footer .sub-menu a{
  }
  .header-bar .menu li + li a,
  .site-footer .menu li + li a{
  }
  .header-bar .widget:last-child{
    text-align:right;
  }
  .toolbar-fixed .site-header + :not(.site-menu),
  .toolbar-fixed .site-menu + *,
  .site-header + :not(.site-menu),
  .site-menu + *{
    padding-top:0;
  }
  .site-menu{
    padding:0;
    margin-bottom:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:20;
  }
  .admin-bar .site-menu{
    top:3.2em;
  }
  body > .site-menu > .inner{
  }
  .site-menu nav{
    display:block;
  }
  .site-menu .menu > li:first-child,
  .site-menu .menu > li:last-child{
  }
  .site-menu a{
    pointer-events:all;
    color:#FFFFFF;
  }
  /* first site-menu level only */
  .site-menu .menu > li > a{
    padding:1.928571429em 1.285714286em 1.857142857em 1.285714286em;
    text-transform:uppercase;
    font-family:'Apax';
    font-weight:500;
  }
  .site-menu .menu ul{
    pointer-events:all;
    position:absolute;
    left:-9999em;
    padding:1.3em 0;
    z-index:60;
    min-width:200px;
  }
  /* relative container for absolute positioning of .sub-menu elements */
  .site-menu .menu li{
    position:relative;
  }
  /* automatic left positioning for absolute positioned .sub-menu elments */
  .site-menu .menu li.menu-item-has-children:hover > ul{
    left:auto;
  }
  .site-menu .menu > li:last-child{
  }
  .site-menu .sub-menu ul{
    top:0;
  }
  .site-menu .sub-menu li:hover > ul{
    margin-left:100%;
  }
  .site-menu ul.sub-menu a{
    white-space:normal;
    min-width:8em;
  }
  main .section-header .title,
  main .content-header .title,
  main .sections-header .title{
    font-size:4.8em;
  }
  .page-template-page-sections main .content-header .title{
    font-size:3em;
  }
  .single main .content-header .title,
  .page-template-page-alternate main .content-header .title{
    font-size:3.428571429em;
  }
  .has-content-sidebar #content > .inner{
    -ms-flex-preferred-size:61%;
    flex-basis:61%;
    max-width:61%;
  }
  article > .inner > *{
    padding-right:5em;
  }
  article > .inner > .post-thumbnail{
    padding-right:0;
  }
  #content > .sidebar{
    -ms-flex-preferred-size:39%;
    flex-basis:39%;
    max-width:39%;
  }
  #content > .content-before > .inner{
    padding-right:7.5em;
  }
  #content > .content-after > .inner{
    padding-left:7.5em;
  }
  main > .inner > *{
    order:2;
  }
  main > .inner > .sidebar-first{
    order:1;
  }
  .has-one-sidebar main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 220px);
    flex-basis:calc(100% - 220px);
    max-width:calc(100% - 220px);
  }
  .has-two-sidebars main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 440px);
    flex-basis:calc(100% - 440px);
    max-width:calc(100% - 440px);
  }
  main > .inner > aside{
    -ms-flex-preferred-size:200px;
    flex-basis:200px;
    max-width:200px;
  }
  .articles > .inner > *{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
  }
  .page-team .articles > .inner{
    margin-left:-4.2em;
    margin-right:-4.1em;
  }
  .articles article.team{
    max-width:68.3em;
  }
  .articles article.team > .inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%;
  }
  .articles article.team > .inner > *{
    -ms-flex-preferred-size:calc(50% - 1.6em);
    flex-basis:calc(50% - 1.6em);
    max-width:calc(50% - 1.6em);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }
  .articles article .post-thumbnail{
    background-position:50% 50%;
    background-size:cover;
    background-repeat:none;
  }
  .articles article.team .post-thumbnail{
    margin-right:1.6em;
  }
  .articles article .post-thumbnail[style] > img{
    opacity:0;
  }
  .articles article.team .content{
    padding-left:0;
    margin-left:1.142857143em;
    -ms-flex-preferred-size:calc(50% - 1.142857143em);
    flex-basis:calc(50% - 1.142857143em);
    max-width:calc(50% - 1.142857143em);
  }
  .site-footer > .inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  .site-footer > .inner > .widget_nav_menu{
    -ms-flex-preferred-size:85%;
    flex-basis:85%;
    max-width:85%;
  }
  .site-footer #menu-footer-en > li{
    margin-top:0;
    margin-bottom:0;
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%;
  }
  .site-footer .widget_text a{
    padding:0;
  }
  .site-footer .footer-bar{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    width:100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
  }
  .footer-bar .widget_text{
    text-align:left;
  }
}

/**
 * Media query:min-width:1200
 *
 * Displays medium desktop pages (eg resolution: 1280x1024)
 */
@media screen and (min-width:1200px){
  /* first site-menu level only */
  .site-menu .menu > li > a{
    padding-left:1.5em;
    padding-right:1.5em;
    letter-spacing:0.071428571em;
  }
  .has-one-sidebar main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 280px);
    flex-basis:calc(100% - 280px);
    max-width:calc(100% - 280px);
  }
  .has-two-sidebars main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 560px);
    flex-basis:calc(100% - 560px);
    max-width:calc(100% - 560px);
  }
  main > .inner > aside{
    -ms-flex-preferred-size:230px;
    flex-basis:230px;
    max-width:230px;
  }
  .articles > .inner > *{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:calc(50% - 4em);
  }
  .has-content-sidebar .articles > .inner > *,
  .has-content-sidebars .articles > .inner > *{
    max-width:100%;
  }
  article > .inner > *{
    padding-right:10.625em;
  }
  article > .inner > .post-thumbnail{
    padding-right:0;
  }
  .articles > .inner > article.team{
    -ms-flex-preferred-size:calc(50% - 8.3em);
    flex-basis:calc(50% - 8.3em);
    max-width:calc(50% - 8.3em);
  }
  .articles article.team{
    margin:3.6em 4.1em 3.7em 4.2em;
  }
  .site-footer > .inner > .widget_nav_menu{
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%;
  }
  .site-footer .widget_text .textwidget{
    padding:0 1.5em;
  }
  .footer-bar .widget_text .textwidget{
    padding:0;
  }
}