/*Flex*/
.drm-header--content-width#header-style-1 .drm-topbar,
.drm-header--content-width#header-style-1 .drm-mainmenu, .drm-header--content-width#header-style-2 .drm-topbar,
.drm-header--content-width#header-style-2 .drm-mainmenu, .drm-header--content-width#header-style-4 .drm-topbar,
.drm-header--content-width#header-style-4 .drm-mainmenu, .site-content,
.content-width, .drm-footer--content-width .pre-footer,
.drm-footer--content-width .main-footer,
.drm-footer--content-width .sub-footer, .graphic-header {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 576px) {
    .drm-header--content-width#header-style-1 .drm-topbar,
    .drm-header--content-width#header-style-1 .drm-mainmenu, .drm-header--content-width#header-style-2 .drm-topbar,
    .drm-header--content-width#header-style-2 .drm-mainmenu, .drm-header--content-width#header-style-4 .drm-topbar,
    .drm-header--content-width#header-style-4 .drm-mainmenu, .site-content,
    .content-width, .drm-footer--content-width .pre-footer,
    .drm-footer--content-width .main-footer,
    .drm-footer--content-width .sub-footer, .graphic-header {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 768px) {
    .drm-header--content-width#header-style-1 .drm-topbar,
    .drm-header--content-width#header-style-1 .drm-mainmenu, .drm-header--content-width#header-style-2 .drm-topbar,
    .drm-header--content-width#header-style-2 .drm-mainmenu, .drm-header--content-width#header-style-4 .drm-topbar,
    .drm-header--content-width#header-style-4 .drm-mainmenu, .site-content,
    .content-width, .drm-footer--content-width .pre-footer,
    .drm-footer--content-width .main-footer,
    .drm-footer--content-width .sub-footer, .graphic-header {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 992px) {
    .drm-header--content-width#header-style-1 .drm-topbar,
    .drm-header--content-width#header-style-1 .drm-mainmenu, .drm-header--content-width#header-style-2 .drm-topbar,
    .drm-header--content-width#header-style-2 .drm-mainmenu, .drm-header--content-width#header-style-4 .drm-topbar,
    .drm-header--content-width#header-style-4 .drm-mainmenu, .site-content,
    .content-width, .drm-footer--content-width .pre-footer,
    .drm-footer--content-width .main-footer,
    .drm-footer--content-width .sub-footer, .graphic-header {
      padding-left: 5vw;
      padding-right: 5vw; } }
  @media (min-width: 1200px) {
    .drm-header--content-width#header-style-1 .drm-topbar,
    .drm-header--content-width#header-style-1 .drm-mainmenu, .drm-header--content-width#header-style-2 .drm-topbar,
    .drm-header--content-width#header-style-2 .drm-mainmenu, .drm-header--content-width#header-style-4 .drm-topbar,
    .drm-header--content-width#header-style-4 .drm-mainmenu, .site-content,
    .content-width, .drm-footer--content-width .pre-footer,
    .drm-footer--content-width .main-footer,
    .drm-footer--content-width .sub-footer, .graphic-header {
      padding-left: 10vw;
      padding-right: 10vw; } }
  @media (min-width: 1500px) {
    .drm-header--content-width#header-style-1 .drm-topbar,
    .drm-header--content-width#header-style-1 .drm-mainmenu, .drm-header--content-width#header-style-2 .drm-topbar,
    .drm-header--content-width#header-style-2 .drm-mainmenu, .drm-header--content-width#header-style-4 .drm-topbar,
    .drm-header--content-width#header-style-4 .drm-mainmenu, .site-content,
    .content-width, .drm-footer--content-width .pre-footer,
    .drm-footer--content-width .main-footer,
    .drm-footer--content-width .sub-footer, .graphic-header {
      padding-left: 15vw;
      padding-right: 15vw; } }

.drm-header--content-width#header-style-3 .site-title, .content-width--left {
  padding-left: 1rem; }
  @media (min-width: 576px) {
    .drm-header--content-width#header-style-3 .site-title, .content-width--left {
      padding-left: 2rem; } }
  @media (min-width: 768px) {
    .drm-header--content-width#header-style-3 .site-title, .content-width--left {
      padding-left: 2rem; } }
  @media (min-width: 992px) {
    .drm-header--content-width#header-style-3 .site-title, .content-width--left {
      padding-left: 5vw; } }
  @media (min-width: 1200px) {
    .drm-header--content-width#header-style-3 .site-title, .content-width--left {
      padding-left: 10vw; } }
  @media (min-width: 1500px) {
    .drm-header--content-width#header-style-3 .site-title, .content-width--left {
      padding-left: 15vw; } }

.drm-header--content-width#header-style-3 .drm-topbar,
.drm-header--content-width#header-style-3 .drm-mainmenu, .content-width--right {
  padding-right: 1rem; }
  @media (min-width: 576px) {
    .drm-header--content-width#header-style-3 .drm-topbar,
    .drm-header--content-width#header-style-3 .drm-mainmenu, .content-width--right {
      padding-right: 2rem; } }
  @media (min-width: 768px) {
    .drm-header--content-width#header-style-3 .drm-topbar,
    .drm-header--content-width#header-style-3 .drm-mainmenu, .content-width--right {
      padding-right: 2rem; } }
  @media (min-width: 992px) {
    .drm-header--content-width#header-style-3 .drm-topbar,
    .drm-header--content-width#header-style-3 .drm-mainmenu, .content-width--right {
      padding-right: 5vw; } }
  @media (min-width: 1200px) {
    .drm-header--content-width#header-style-3 .drm-topbar,
    .drm-header--content-width#header-style-3 .drm-mainmenu, .content-width--right {
      padding-right: 10vw; } }
  @media (min-width: 1500px) {
    .drm-header--content-width#header-style-3 .drm-topbar,
    .drm-header--content-width#header-style-3 .drm-mainmenu, .content-width--right {
      padding-right: 15vw; } }

.graphic-header, .alignfull {
  margin-left: -1rem;
  margin-right: -1rem; }
  @media (min-width: 576px) {
    .graphic-header, .alignfull {
      margin-left: -2rem;
      margin-right: -2rem; } }
  @media (min-width: 768px) {
    .graphic-header, .alignfull {
      margin-left: -2rem;
      margin-right: -2rem; } }
  @media (min-width: 992px) {
    .graphic-header, .alignfull {
      margin-left: -5vw;
      margin-right: -5vw; } }
  @media (min-width: 1200px) {
    .graphic-header, .alignfull {
      margin-left: -10vw;
      margin-right: -10vw; } }
  @media (min-width: 1500px) {
    .graphic-header, .alignfull {
      margin-left: -15vw;
      margin-right: -15vw; } }

.alignfull {
  width: calc(100% + 2 * 1rem);
  min-width: calc(100% + 2 * 1rem); }
  @media (min-width: 576px) {
    .alignfull {
      width: calc(100% + 2 * 2rem);
      min-width: calc(100% + 2 * 2rem); } }
  @media (min-width: 768px) {
    .alignfull {
      width: calc(100% + 2 * 2rem);
      min-width: calc(100% + 2 * 2rem); } }
  @media (min-width: 992px) {
    .alignfull {
      width: calc(100% + 2 * 5vw);
      min-width: calc(100% + 2 * 5vw); } }
  @media (min-width: 1200px) {
    .alignfull {
      width: calc(100% + 2 * 10vw);
      min-width: calc(100% + 2 * 10vw); } }
  @media (min-width: 1500px) {
    .alignfull {
      width: calc(100% + 2 * 15vw);
      min-width: calc(100% + 2 * 15vw); } }

/* Common Elements*/
html {
  background-color: #2c2c2c; }

body {
  background-color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: #39f; }

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

a, a:link {
  color: #39f;
  text-decoration: none; }

a:visited {
  color: #048;
  text-decoration: none; }

a:hover, a:focus {
  color: #048;
  text-decoration: underline; }

a:active {
  color: #000;
  text-decoration: underline; }

/* Header */
.drm-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .drm-header.position-fixed, .drm-header.position-absolute {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030; }
  .drm-header.position-relative {
    z-index: 1030; }
  .drm-header#header-style-1, .drm-header#header-style-2, .drm-header#header-style-4 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .drm-header#header-style-3 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
    .drm-header#header-style-3 .site-title {
      margin-left: 1rem; }

.site-title {
  position: relative;
  z-index: 1; }

.drm-nav-container {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.drm-topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding-left: 1rem;
  padding-right: 1rem; }
  .drm-topbar h1, .drm-topbar h2, .drm-topbar h3, .drm-topbar h4, .drm-topbar h5, .drm-topbar h6, .drm-topbar p {
    color: inherit; }

#topnav1 {
  margin-right: auto; }

#topnav2 {
  margin-left: auto; }

/*#navbar-main .navbar-nav{
	@include flexbox();
	@include flex-direction-row();
	//width:100%;
}*/
.menu {
  /*&--left{
  	@include justify-content-start();
  }
  &--right{
  	@include justify-content-end();
  }
  &--center{
  	@include justify-content-center();
  }
  &--justify{
  	@include justify-content-between();
  }*/ }
  .menu--left {
    margin-right: auto; }
  .menu--right {
    margin-left: auto; }
    .navbar-expand .menu--right.navbar-nav .dropdown-menu {
      right: 0;
      left: auto; }
    @media (min-width: 576px) {
      .navbar-expand-sm .menu--right.navbar-nav .dropdown-menu {
        right: 0;
        left: auto; } }
    @media (min-width: 768px) {
      .navbar-expand-md .menu--right.navbar-nav .dropdown-menu {
        right: 0;
        left: auto; } }
    @media (min-width: 992px) {
      .navbar-expand-lg .menu--right.navbar-nav .dropdown-menu {
        right: 0;
        left: auto; } }
    @media (min-width: 1200px) {
      .navbar-expand-xl .menu--right.navbar-nav .dropdown-menu {
        right: 0;
        left: auto; } }
  .menu--center {
    margin-left: auto;
    margin-right: auto; }
  .menu--justify {
    width: 100%;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

.overlay-container,
.overlay,
.overlay-container .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.drm-mainmenu > .navbar-toggler,
.drm-mainmenu > .navbar-collapse {
  z-index: 1; }
.drm-mainmenu .nav-link {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem; }
.drm-mainmenu.navbar-expand .nav-link {
  padding: 0.5rem 1rem;
  margin: 0; }
@media (min-width: 576px) {
  .drm-mainmenu.navbar-expand-sm .nav-link {
    padding: 0.5rem 1rem;
    margin: 0; } }
@media (min-width: 768px) {
  .drm-mainmenu.navbar-expand-md .nav-link {
    padding: 0.5rem 1rem;
    margin: 0; } }
@media (min-width: 992px) {
  .drm-mainmenu.navbar-expand-lg .nav-link {
    padding: 0.5rem 1rem;
    margin: 0; } }
@media (min-width: 1200px) {
  .drm-mainmenu.navbar-expand-xl .nav-link {
    padding: 0.5rem 1rem;
    margin: 0; } }
.drm-mainmenu.has-hover-background.navbar-expand {
  padding-top: 0;
  padding-bottom: 0; }
  .drm-mainmenu.has-hover-background.navbar-expand .nav-link {
    padding: 1rem;
    margin: 0; }
@media (min-width: 576px) {
  .drm-mainmenu.has-hover-background.navbar-expand-sm {
    padding-top: 0;
    padding-bottom: 0; }
    .drm-mainmenu.has-hover-background.navbar-expand-sm .nav-link {
      padding: 1rem;
      margin: 0; } }
@media (min-width: 768px) {
  .drm-mainmenu.has-hover-background.navbar-expand-md {
    padding-top: 0;
    padding-bottom: 0; }
    .drm-mainmenu.has-hover-background.navbar-expand-md .nav-link {
      padding: 1rem;
      margin: 0; } }
@media (min-width: 992px) {
  .drm-mainmenu.has-hover-background.navbar-expand-lg {
    padding-top: 0;
    padding-bottom: 0; }
    .drm-mainmenu.has-hover-background.navbar-expand-lg .nav-link {
      padding: 1rem;
      margin: 0; } }
@media (min-width: 1200px) {
  .drm-mainmenu.has-hover-background.navbar-expand-xl {
    padding-top: 0;
    padding-bottom: 0; }
    .drm-mainmenu.has-hover-background.navbar-expand-xl .nav-link {
      padding: 1rem;
      margin: 0; } }

.menu-topbar1, .navbar-never-expand .menu-topbar1,
.menu-topbar2,
.navbar-never-expand .menu-topbar2 {
  position: absolute;
  top: 100%;
  z-index: 1000;
  max-width: 80vw;
  border-radius: 5px;
  background-color: #eee;
  padding: 1rem; }

.menu-topbar1 {
  left: 0;
  right: auto; }

.menu-topbar2 {
  left: auto;
  right: 0; }

.navbar-expand .menu-topbar1,
.navbar-expand .menu-topbar2 {
  position: relative;
  top: unset;
  background-color: transparent;
  padding: 0; }
@media (min-width: 576px) {
  .navbar-expand-sm .menu-topbar1,
  .navbar-expand-sm .menu-topbar2 {
    position: relative;
    top: unset;
    background-color: transparent;
    padding: 0; } }
@media (min-width: 768px) {
  .navbar-expand-md .menu-topbar1,
  .navbar-expand-md .menu-topbar2 {
    position: relative;
    top: unset;
    background-color: transparent;
    padding: 0; } }
@media (min-width: 992px) {
  .navbar-expand-lg .menu-topbar1,
  .navbar-expand-lg .menu-topbar2 {
    position: relative;
    top: unset;
    background-color: transparent;
    padding: 0; } }
@media (min-width: 1200px) {
  .navbar-expand-xl .menu-topbar1,
  .navbar-expand-xl .menu-topbar2 {
    position: relative;
    top: unset;
    background-color: transparent;
    padding: 0; } }

/* Navigation */
.navbar {
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.navbar-toggler {
  color: inherit;
  border-color: currentColor; }
  .navbar-toggler-icon {
    background-image: none;
    width: 1em;
    height: 1em; }
    .navbar-toggler-icon:before {
      content: '\f0c9';
      font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro', 'Font Awesome 6 Free', 'Font Awesome 5 Free';
      font-weight: 900;
      display: inline-block;
      font-size: 1em;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .navbar-toggler-icon.icon--three-bars:before {
      content: '\f0c9'; }
    .navbar-toggler-icon.icon--four-bars:before {
      content: '\f039'; }
    .navbar-toggler-icon.icon--ellipsis-h:before {
      content: '\f141'; }
    .navbar-toggler-icon.icon--ellipsis-v:before {
      content: '\f142'; }
    .navbar-toggler-icon.icon--three-items:before {
      content: '\f0ca'; }
    .navbar-toggler-icon.icon--three-items-thumbs:before {
      content: '\f00b'; }
    .navbar-toggler-icon.icon--two-by-two:before {
      content: '\f009'; }
    .navbar-toggler-icon.icon--three-by-three:before {
      content: '\f00a'; }
    .navbar-toggler-icon.icon--search:before {
      content: '\f002'; }
    .navbar-toggler-icon.icon--info-circle:before {
      content: "\f05a"; }
    .navbar-toggler-icon.icon--plus:before {
      content: "\f067"; }
    .navbar-toggler-icon.icon--angle-double-right:before {
      content: "\f101"; }
    .navbar-toggler-icon.icon--angle-double-down:before {
      content: "\f103"; }
    .navbar-toggler-icon.icon--caret-right:before {
      content: "\f0da"; }
    .navbar-toggler-icon.icon--caret-down:before {
      content: "\f0d7"; }
    .navbar-toggler-icon.icon--chevron-right:before {
      content: "\f054"; }
    .navbar-toggler-icon.icon--chevron-down:before {
      content: "\f078"; }
    .navbar-toggler-icon.icon--arrow-right:before {
      content: "\f061"; }
    .navbar-toggler-icon.icon--arrow-down:before {
      content: "\f063"; }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:link, .navbar-light .navbar-nav .nav-link:visited {
  background-color: transparent;
  color: #aaa; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active {
  background-color: transparent;
  color: #39f; }

.navbar .navbar-nav .nav-link {
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -khtml-transition: all .2s ease-out; }

.dropdown-menu {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 3px; }

.dropdown-item {
  text-transform: none; }
  .dropdown-item, .dropdown-item:link, .dropdown-item:visited {
    background-color: transparent;
    color: #222; }
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    background-color: transparent;
    color: #39f; }

/* Misc. */
/*Buttons*/
a.button,
a[class^='button--'] {
  display: inline-block;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem; }
  a.button, a.button:link, a.button:visited,
  a[class^='button--'],
  a[class^='button--']:link,
  a[class^='button--']:visited {
    background-color: #aaa;
    color: #fff !important;
    border-color: #666;
    text-decoration: none !important; }
  a.button:hover, a.button:focus, a.button:active,
  a[class^='button--']:hover,
  a[class^='button--']:focus,
  a[class^='button--']:active {
    background-color: #666;
    color: #fff !important;
    text-decoration: none !important; }

a.button--primary, a.button--primary:link, a.button--primary:visited {
  background-color: #39f;
  color: #fff !important;
  border-color: #048; }
a.button--primary:hover, a.button--primary:focus, a.button--primary:active {
  background-color: #048;
  color: #fff !important; }
a.button--black, a.button--black:link, a.button--black:visited {
  background-color: #666;
  color: #fff !important;
  border-color: #222; }
a.button--black:hover, a.button--black:focus, a.button--black:active {
  background-color: #222;
  color: #fff !important; }
a.button--white, a.button--white:link, a.button--white:visited {
  background-color: #fff;
  color: #222 !important;
  border-color: #aaa; }
a.button--white:hover, a.button--white:focus, a.button--white:active {
  background-color: #ddd;
  color: #222 !important; }
a.button--gray, a.button--gray:link, a.button--gray:visited {
  background-color: #aaa;
  color: #fff !important;
  border-color: #666; }
a.button--gray:hover, a.button--gray:focus, a.button--gray:active {
  background-color: #666;
  color: #fff !important; }

/* Site Structure */
.site-content,
.content-width {
                    /*/
@include pagemargin(0);/**/ }

.drm-footer:not(.drm-footer--content-width) .pre-footer,
.drm-footer:not(.drm-footer--content-width) .main-footer,
.drm-footer:not(.drm-footer--content-width) .sub-footer {
  padding-left: 1rem;
  padding-right: 1rem; }

.pre-footer h1, .pre-footer h2, .pre-footer h3, .pre-footer h4, .pre-footer h5, .pre-footer h6,
.main-footer h1,
.main-footer h2,
.main-footer h3,
.main-footer h4,
.main-footer h5,
.main-footer h6,
.sub-footer h1,
.sub-footer h2,
.sub-footer h3,
.sub-footer h4,
.sub-footer h5,
.sub-footer h6 {
  color: inherit; }
.pre-footer ul,
.main-footer ul,
.sub-footer ul {
  list-style: none;
  padding-left: 0;
  /*li {
  	border-bottom: 1px solid rgba(0,0,0,0.2);
  	padding-bottom: 5px;
  	margin-bottom: 5px;
  }*/ }

.pre-footer {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.main-footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #333;
  color: #aaa; }
  .main-footer a, .main-footer a:link, .main-footer a:visited {
    color: #aaa; }
  .main-footer a:hover, .main-footer a:focus, .main-footer a:active {
    color: #fff; }

.sub-footer {
  background-color: #2c2c2c;
  color: #666; }
  .sub-footer .navbar {
    margin-left: -1rem;
    margin-right: -1rem; }

.menu-subfooter .navbar-nav .nav-link {
  color: inherit; }

.sub-footer .flex-row.navbar-expand .navbar-nav {
  margin-left: auto; }
@media (min-width: 576px) {
  .sub-footer .flex-row.navbar-expand-sm .navbar-nav {
    margin-left: auto; } }
@media (min-width: 768px) {
  .sub-footer .flex-row.navbar-expand-md .navbar-nav {
    margin-left: auto; } }
@media (min-width: 992px) {
  .sub-footer .flex-row.navbar-expand-lg .navbar-nav {
    margin-left: auto; } }
@media (min-width: 1200px) {
  .sub-footer .flex-row.navbar-expand-xl .navbar-nav {
    margin-left: auto; } }

.entry-title {
  margin-top: 2rem; }

.sidebar-top,
.sidebar-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  margin-left: -1rem;
  margin-right: -1rem; }
  .sidebar-top .widget,
  .sidebar-bottom .widget {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    border: 1rem solid #fff;
    min-width: 100%; }
    @media (min-width: 576px) {
      .sidebar-top .widget,
      .sidebar-bottom .widget {
        min-width: 50%; } }
    @media (min-width: 992px) {
      .sidebar-top .widget,
      .sidebar-bottom .widget {
        min-width: 33.33%; } }

/* Graphic Header */
.graphic-header {
  position: relative;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  body.archive .graphic-header, body.blog .graphic-header, body.date .graphic-header, body.category .graphic-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .graphic-header__gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.01) 30%, rgba(0, 0, 0, 0.04) 40%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.17) 60%, rgba(0, 0, 0, 0.26) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.55) 90%, rgba(0, 0, 0, 0.65) 100%); }
  .graphic-header .entry-header-content {
    position: relative;
    z-index: 1;
    color: #fff;
    padding-top: 10vw;
    padding-bottom: 1rem;
    text-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.8), 0 0.1em 1em rgba(0, 0, 0, 0.2); }
    .graphic-header .entry-header-content .entry-title,
    .graphic-header .entry-header-content a, .graphic-header .entry-header-content a:link, .graphic-header .entry-header-content a:visited, .graphic-header .entry-header-content a:hover, .graphic-header .entry-header-content a:focus, .graphic-header .entry-header-content a:active {
      color: inherit; }

.entry-header--notitle {
  margin-bottom: 0; }

.entry-meta {
  font-size: 0.8rem; }
  .entry-meta .updated:not(.published),
  .entry-meta .byline {
    display: none; }

.page-title {
  margin-top: 2rem; }

.sidebar-blogsidebar {
  margin-top: 2rem; }

/* Blog links */
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }
  .nav-links .nav-previous,
  .nav-links .nav-next {
    max-width: 49%; }
    .nav-links .nav-previous a,
    .nav-links .nav-next a {
      display: inline-block;
      padding: 0.375rem 0.75rem;
      border-radius: 0.5rem;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      /*&,&:link,&:visited{
      	background-color:$blue;
      	color:$gray-light;
      }
      &:hover,&:focus,&:active{
      	background-color:$blue-dark;
      	color:$white;
      	text-decoration: none;
      }*/ }

/* Gutenberg */
.alignwide {
  width: 100%;
  min-width: 100%; }

/* Helpfull Classes */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0; }

.aligncenter {
  margin-left: auto;
  margin-right: auto; }

img.aligncenter {
  display: block; }

.alignleft, .alignright {
  max-width: 100%;
  margin: 0 auto 15px; }
  @media (min-width: 576px) {
    .alignleft, .alignright {
      max-width: 50%; } }
  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    margin-left: 0;
    margin-right: 0; }

@media (min-width: 576px) {
  .alignleft {
    float: left;
    margin: 0 15px 15px 0; }
    .wp-block-image .alignleft {
      margin-right: 15px; }

  .alignright {
    float: right;
    margin: 0 0 15px 15px; }
    .wp-block-image .alignright {
      margin-left: 15px; } }
.relative {
  position: relative; }

.bg-img {
  background-position: center; }
  .bg-img--cover {
    background-repeat: no-repeat;
    background-size: cover; }
  .bg-img--repeat {
    background-repeat: repeat;
    background-size: auto; }

@media (max-width: 500px) {
  /*For Google's user experience pagespeed test*/
  .skip-link {
    display: none; } }
html:before {
  content: 'XS';
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 1em;
  z-index: 1000000;
  display: none;
  /**/ }
  @media (min-width: 576px) {
    html:before {
      content: 'SM'; } }
  @media (min-width: 768px) {
    html:before {
      content: 'MD'; } }
  @media (min-width: 992px) {
    html:before {
      content: 'LG'; } }
  @media (min-width: 1200px) {
    html:before {
      content: 'XL'; } }

/* FROM OVERRIDES */
/*section.widget{
    text-align: left;
}*/
