/* SOIL - Global shared CSS */

/* =============================================================================
 * General Styles
 * ========================================================================== */
body {
  font-size: 16px;
  line-height: 1.4;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
body.toolbar-fixed {
  padding-top: 0 !important;
  margin-top: 78.6px;
}
.container, .widget-container {
  max-width: 1140px;
  margin: auto;
}

/* =============================================================================
 * HTML Elements
 * ========================================================================== */
p {
  margin: 0 0 20px 0;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

/* =============================================================================
 * Layout
 * ========================================================================== */

/* =============================================================================
 * Links
 * ========================================================================== */
a {
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

/* =============================================================================
 * Media
 * ========================================================================== */
/*** responsive images ***/
img {
  max-width: 100%;
  height: auto !important;
}
/*** responsive video ***/
.player, .video-embed-field-responsive-video, .field--name-field-media-video-file {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.player iframe,
.video-embed-field-responsive-video iframe,
.field--name-field-media-video-file video {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

/* =============================================================================
 * Forms
 * ========================================================================== */
input, textarea {
  max-width: 100%;
  box-sizing: border-box;
}

/* =============================================================================
 * Header
 * ========================================================================== */
.site-name a {
  text-decoration: none;
}
a.site-logo {
  text-decoration: none;
}

/* =============================================================================
 * Menu
 * ========================================================================== */
ul.menu {
  margin: 0;
}
.menu-item {
  padding: 0;
  line-height: 1;
}

/* =============================================================================
 * Advanced Checkbox Hack Menu
 * ========================================================================== */
/* Fix for Android */
body {
  -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
  from { padding: 0; }
  to { padding: 0; }
}

/* default checkbox */
.region-primary-menu .block input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.region-primary-menu .block label {
  cursor: pointer;
  user-select: none;
}

/* small screens */
.region-primary-menu .block > .menu-wrapper {
  display: none;
/*  height: 100%;*/
}
.region-primary-menu .block label {
  position: relative;
  width: 58px;
  height: 37px;
  position: relative;
  display: block;
}
.region-primary-menu .block label:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 12px;
  width: 58px;
  height: 37px;
  background-repeat: no-repeat;
  background-position: 0 0;
  line-height: 1;
}
.region-primary-menu .block input:checked ~ .menu-wrapper {
  display: block;
}
.region-primary-menu .block input:checked ~ .menu-wrapper > ul.menu > li {
  width: 100%;
}

/* =============================================================================
 * Widgets - general
 * ========================================================================== */
.widget {
}
.widget .widget {
  margin: 0;
  padding: 0;
}

/* =============================================================================
 * Widgets - text widget
 * ========================================================================== */
.widget--text p:last-child {
  margin-bottom: 0;
}

/* =============================================================================
 * Widgets - heading widget
 * ========================================================================== */
.widget--heading h1,
.widget--heading h2 {
  margin-bottom: 0;
}



/* =============================================================================
 * Widgets - Multi column grid widget
 * ========================================================================== */
.widget--layout-multi-column-grid > .widget-container {
  overflow: hidden;
}
.widget--layout-multi-column-grid .multi-col-grid-wrapper {
  margin: 0 -15px;
}
.widget--layout-multi-column-grid .multi-col-grid-wrapper > .widget {
  padding: 0 15px;
  box-sizing: border-box;
}
.widget--layout-multi-column-grid .widget {
  margin-bottom: 30px;
}
.widget--layout-multi-column-grid .widget:last-child {
  margin-bottom: 0;
}