@charset "UTF-8";
/*
Theme Name: Custom
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
/* Vars */
:root {
  --color-primary: #8b9eac;
  --color-primary-lighter: #b9c3ca;
  --color-primary-darker: #678295;
  --color-secondary: #cdb89b;
  --color-secondary-lighter: #d9cfc1;
  --color-secondary-darker: #bba483;
  --color-tertiary: #aec5c1;
  --color-tertiary-lighter: #c9d6d4;
  --color-tertiary-darker: #96b5b0;
  --color-accent: var(--color-primary);
  --color-accent-lighter: var(--color-primary-lighter);
  --color-muted: #e5eaec;
  --color-red: #d0533a;
  --color-orange: #ee7f00;
  --color-green: #9dcd65;
  --text-color: #222;
  --text-muted-color: #999;
  --gutter-section: 30px;
}
@media (min-width: 769px) {
  :root {
    --gutter-section: 40px;
  }
}
@media (min-width: 1025px) {
  :root {
    --gutter-section: 60px;
  }
}
@media (min-width: 1280px) {
  :root {
    --gutter-section: 120px;
  }
}

/* Globals */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: Gordita, sans-serif;
  background: url(images/page-bg.jpg) no-repeat center top/cover;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  color: var(--text-color);
}

p,
ul,
ol,
dl,
address,
fieldset,
figure {
  font-style: normal;
}
p:not(:first-child),
ul:not(:first-child),
ol:not(:first-child),
dl:not(:first-child),
address:not(:first-child),
fieldset:not(:first-child),
figure:not(:first-child) {
  margin-top: 15px;
}

ul, ol {
  padding-left: 25px;
}
ul li, ol li {
  margin: 4px 0;
  padding-left: 8px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.2 !important;
  text-rendering: optimizeLegibility;
  word-break: break-word;
  color: var(--color-primary);
  font-family: "warbler-deck", serif;
  font-weight: bold;
}
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child),
.h1:not(:first-child), .h2:not(:first-child), .h3:not(:first-child), .h4:not(:first-child), .h5:not(:first-child), .h6:not(:first-child) {
  margin-top: 30px;
}
style + h1:not(:first-child), style + h2:not(:first-child), style + h3:not(:first-child), style + h4:not(:first-child), style + h5:not(:first-child), style + h6:not(:first-child),
style + .h1:not(:first-child), style + .h2:not(:first-child), style + .h3:not(:first-child), style + .h4:not(:first-child), style + .h5:not(:first-child), style + .h6:not(:first-child) {
  margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: var(--color-primary);
  border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {
  color: var(--color-primary-darker);
  text-decoration: none;
}

h1, .h1 {
  line-height: 1;
  letter-spacing: 1px;
  font-size: 38px;
  margin-bottom: 30px;
}
@media (min-width: 769px) {
  h1, .h1 {
    font-size: 48px;
  }
}
h2, .h2 {
  font-size: 32px;
}
@media (min-width: 769px) {
  h2, .h2 {
    font-size: 38px;
  }
}

h3, .h3 {
  font-size: 32px;
}

h4, .h4 {
  font-size: 24px;
  color: var(--text-color);
}

h5, .h5 {
  font-size: 21px;
  font-family: "Gordita", sans-serif;
  color: var(--color-primary-darker);
  font-weight: 400;
  line-height: 1.5;
}

/* h1, h2, h3 {
  &.elementor-heading-title:after {
    content: "";
    display: block;
    width: 125px;
    height: 3px;
    margin: 20px auto;
    background: var(--color-primary);
  }
} */
blockquote {
  margin: 20px 0;
  font-family: "Gordita";
  font-weight: normal;
  font-style: italic;
}

hr {
  border: 0;
  height: 1px;
  background: #e6e6e6;
}

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

a {
  color: var(--text-color);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: var(--text-color);
}

::-moz-selection {
  background: var(--color-primary);
  color: #fff;
  text-shadow: none;
}

::selection, mark {
  background: var(--color-primary);
  color: #fff;
  text-shadow: none;
}

small {
  font-size: 16px;
}

strong, b {
  font-weight: 500;
}

abbr {
  text-decoration: none;
}

iframe {
  border: 0;
}

::-webkit-input-placeholder {
  color: #555;
}

::-moz-placeholder {
  color: #555;
}

:-ms-input-placeholder {
  color: #555;
}

:-moz-placeholder {
  color: #555;
}

/* Layout */
.container {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1280px;
}
.container.small {
  max-width: 960px;
}
.container.large {
  max-width: 1480px;
}

.grid, .latest-posts .latest-posts-list {
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px;
}
.grid > *, .latest-posts .latest-posts-list > * {
  width: 100%;
  padding: 7.5px;
}
@media (min-width: 769px) {
  .grid, .latest-posts .latest-posts-list {
    margin: -15px;
  }
  .grid > *, .latest-posts .latest-posts-list > * {
    padding: 15px;
  }
}
@media (min-width: 1025px) {
  .grid, .latest-posts .latest-posts-list {
    margin: -30px;
  }
  .grid > *, .latest-posts .latest-posts-list > * {
    padding: 30px;
  }
}
@media (min-width: 769px) {
  .grid.gutter-small, .latest-posts .gutter-small.latest-posts-list {
    margin: -15px;
  }
  .grid.gutter-small > *, .latest-posts .gutter-small.latest-posts-list > * {
    padding: 15px;
  }
}
@media (min-width: 1025px) {
  .grid.gutter-small, .latest-posts .gutter-small.latest-posts-list {
    margin: -15px;
  }
  .grid.gutter-small > *, .latest-posts .gutter-small.latest-posts-list > * {
    padding: 15px;
  }
}
.grid.center, .latest-posts .center.latest-posts-list {
  align-items: center;
}

@media (min-width: 480px) {
  .w-1-2\@s {
    width: 50%;
  }
  .w-1-3\@s {
    width: 33.33333%;
  }
  .w-2-3\@s {
    width: 66.66666%;
  }
  .w-1-4\@s {
    width: 25%;
  }
  .w-3-4\@s {
    width: 75%;
  }
  .w-1-5\@s {
    width: 20%;
  }
  .w-2-5\@s {
    width: 40%;
  }
  .w-3-5\@s {
    width: 60%;
  }
  .w-4-5\@s {
    width: 80%;
  }
}
@media (min-width: 769px) {
  .w-1-2\@m {
    width: 50%;
  }
  .w-1-3\@m {
    width: 33.33333%;
  }
  .w-2-3\@m {
    width: 66.66666%;
  }
  .w-1-4\@m {
    width: 25%;
  }
  .w-3-4\@m {
    width: 75%;
  }
  .w-1-5\@m {
    width: 20%;
  }
  .w-2-5\@m {
    width: 40%;
  }
  .w-3-5\@m {
    width: 60%;
  }
  .w-4-5\@m {
    width: 80%;
  }
}
@media (min-width: 1025px) {
  .w-1-2\@l {
    width: 50%;
  }
  .w-1-3\@l {
    width: 33.33333%;
  }
  .w-2-3\@l {
    width: 66.66666%;
  }
  .w-1-4\@l {
    width: 25%;
  }
  .w-3-4\@l {
    width: 75%;
  }
  .w-1-5\@l {
    width: 20%;
  }
  .w-2-5\@l {
    width: 40%;
  }
  .w-3-5\@l {
    width: 60%;
  }
  .w-4-5\@l {
    width: 80%;
  }
}
@media (min-width: 1280px) {
  .w-1-2\@xl {
    width: 50%;
  }
  .w-1-3\@xl {
    width: 33.33333%;
  }
  .w-2-3\@xl {
    width: 66.66666%;
  }
  .w-1-4\@xl {
    width: 25%;
  }
  .w-3-4\@xl {
    width: 75%;
  }
  .w-1-5\@xl {
    width: 20%;
  }
  .w-2-5\@xl {
    width: 40%;
  }
  .w-3-5\@xl {
    width: 60%;
  }
  .w-4-5\@xl {
    width: 80%;
  }
}
/* Tools */
.inverse * {
  color: #fff;
}

.text-center {
  text-align: center;
}

.padding-vertical, #page-footer {
  padding: var(--gutter-section) 0;
}

.padding-small {
  padding: 15px;
}
@media (min-width: 769px) {
  .padding-small {
    padding: 30px;
  }
}

.margin-vertical, hr, .section {
  margin: var(--gutter-section) 0;
}

@media (max-width: 479px) {
  .visible\@s {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .visible\@m {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .visible\@l {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .visible\@xl {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .hidden\@s {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .hidden\@m {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .hidden\@l {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hidden\@xl {
    display: none !important;
  }
}
/* Buttons */
.button, input[type=submit], .xxelementor-button, button, .elementor-button {
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background: var(--color-primary);
  color: #fff;
  height: 50px;
  padding: 0 25px;
  transition: all ease-in-out 0.2s;
  position: relative;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
}
.button i.fas, input[type=submit] i.fas, .xxelementor-button i.fas, button i.fas, .elementor-button i.fas {
  color: #fff;
  margin-left: 10px;
}
.button:hover, input[type=submit]:hover, .xxelementor-button:hover, button:hover, .elementor-button:hover {
  background: var(--color-primary-darker);
  color: #fff;
  transform: translateY(-2px);
}
.button.inverse, input.inverse[type=submit], .inverse.xxelementor-button, button.inverse, .elementor-button.inverse {
  background: #fff;
  color: var(--text-color);
}
@media (min-width: 1280px) {
  .button, input[type=submit], .xxelementor-button, button, .elementor-button {
    font-size: 18px;
  }
}
.button[disabled], input[disabled][type=submit], [disabled].xxelementor-button, button[disabled], .elementor-button[disabled] {
  opacity: 0.4;
}
.button.secondary, input.secondary[type=submit], .secondary.xxelementor-button, button.secondary, .elementor-button.secondary {
  background: var(--color-secondary);
}
.button.secondary:hover, input.secondary[type=submit]:hover, .secondary.xxelementor-button:hover, button.secondary:hover, .elementor-button.secondary:hover {
  background: var(--color-secondary-darker);
  color: #fff;
}
.button.tertiary, input.tertiary[type=submit], .tertiary.xxelementor-button, button.tertiary, .elementor-button.tertiary {
  background: var(--color-tertiary);
}
.button.tertiary:hover, input.tertiary[type=submit]:hover, .tertiary.xxelementor-button:hover, button.tertiary:hover, .elementor-button.tertiary:hover {
  background: var(--color-tertiary-darker);
  color: #fff;
}
.button.accent, input.accent[type=submit], .accent.xxelementor-button, button.accent, .elementor-button.accent {
  background: var(--color-accent) !important;
}
.button.accent:hover, input.accent[type=submit]:hover, .accent.xxelementor-button:hover, button.accent:hover, .elementor-button.accent:hover {
  background: var(--color-accent-lighter) !important;
}
.button.white, input.white[type=submit], .white.xxelementor-button, button.white, .elementor-button.white {
  background: #fff;
  color: var(--color-primary);
}
.button.small, input.small[type=submit], .small.xxelementor-button, button.small, .elementor-button.small {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
}
.button.xsmall, input.xsmall[type=submit], .xsmall.xxelementor-button, button.xsmall, .elementor-button.xsmall {
  height: 30px;
  border-radius: 15px;
  padding: 0 20px;
}
.button.large, input.large[type=submit], .large.xxelementor-button, button.large, .elementor-button.large {
  min-height: 60px;
  height: auto;
  border-radius: 30px;
  padding: 10px 50px;
  font-size: 19px;
}
.button.xl, input.xl[type=submit], .xl.xxelementor-button, button.xl, .elementor-button.xl {
  min-height: 80px !important;
  border-radius: 40px !important;
  padding: 10px 30px !important;
  font-size: 24px !important;
}
.button.ghost, input.ghost[type=submit], .ghost.xxelementor-button, button.ghost, .elementor-button.ghost {
  background: transparent;
  border: none;
  box-shadow: none !important;
  color: var(--text-color);
  font-weight: 400;
}
.button.ghost:hover, input.ghost[type=submit]:hover, .ghost.xxelementor-button:hover, button.ghost:hover, .elementor-button.ghost:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  transform: translateY(0);
}

.xxelementor-button {
  display: inline-flex !important;
  background: var(--color-primary) !important;
  font-size: 19px !important;
  min-height: 50px !important;
  height: auto;
  border-radius: 25px !important;
  padding: 10px 30px !important;
  font-weight: 400;
  line-height: 1.1;
}
.xxelementor-button:hover {
  background: var(--color-primary-darker) !important;
  color: #fff;
}
.xxelementor-button.elementor-size-xl {
  min-height: 80px !important;
  border-radius: 40px !important;
  padding: 10px 30px !important;
  font-size: 24px !important;
}
body.page-template-page-landingpage .xxelementor-button {
  background: var(--color-accent) !important;
}
@media (min-width: 769px) {
  .xxelementor-button.elementor-size-xl {
    padding: 10px 60px !important;
    font-size: 27px !important;
  }
}

table {
  margin-top: 20px;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  font-size: 17px;
  line-height: 1.3;
}
table:not(:first-child) {
  margin-top: 15px;
}
table tr {
  border-top: 1px solid #ddd;
}
table > tr:first-child, table > thead:first-child > tr:first-child, table > tbody:first-child > tr:first-child {
  border-top: none;
}
table th, table td {
  padding: 6px 12px 6px 0;
}
table th:last-child, table td:last-child {
  padding-right: 0;
}
table thead td, table th {
  font-weight: normal;
  color: var(--text-muted-color);
}
@media (min-width: 769px) {
  table {
    font-size: 19px;
  }
  table td, table th {
    padding: 8px 16px 8px 0;
  }
  table thead td, table th {
    font-size: 17px;
  }
}

.table-responsive {
  width: 100%;
  overflow-x: scroll;
}
.table-responsive > table {
  max-width: none;
  width: auto;
  min-width: 100%;
}

@media (max-width: 768px) {
  .table-collapse th, .table-collapse td {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .table-collapse th:not(:first-child), .table-collapse td:not(:first-child) {
    padding-top: 0;
  }
}

/* Forms */
.input-base, select, textarea, input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=date],
input[type=tel] {
  font-family: inherit;
  font-size: 17px;
  font-weight: inherit;
  width: 100%;
  border: none;
  background: var(--color-muted-lighter);
  border-radius: 8px;
}
.input-base:focus, select:focus, textarea:focus, input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=tel]:focus {
  outline: none;
}
.input-base:focus:required, select:focus:required, textarea:focus:required, input[type=text]:focus:required,
input[type=email]:focus:required,
input[type=number]:focus:required,
input[type=password]:focus:required,
input[type=date]:focus:required,
input[type=tel]:focus:required {
  /* &:valid,
  &:placeholder-shown{ border-color: green; box-shadow: 0 0 8px green;} */
}
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=date],
input[type=tel] {
  height: 50px;
  padding: 0 20px;
}

textarea {
  padding: 20px;
}

select {
  height: 50px;
  padding: 0 20px;
}

label {
  display: block;
  margin-bottom: 8px;
  color: var(--text-muted-color);
  font-size: 17px;
  max-width: 470px;
}

fieldset {
  border: none;
}

/* Elements */
.menu-button, body.nav-show #page-header .menu-button {
  display: block;
  position: relative;
  height: 20px;
  width: 28px;
}
.menu-button > span, body.nav-show #page-header .menu-button > span, .menu-button:before, body.nav-show #page-header .menu-button:before, .menu-button:after, body.nav-show #page-header .menu-button:after {
  display: block;
  background: var(--color-primary);
  height: 2px;
  position: absolute;
  width: 100%;
}
.menu-button > span, body.nav-show #page-header .menu-button > span {
  top: 50%;
  margin-top: -1px;
}
.menu-button:before, body.nav-show #page-header .menu-button:before {
  content: "";
  top: -1px;
}
.menu-button:after, body.nav-show #page-header .menu-button:after {
  content: "";
  bottom: -1px;
}
.menu-button.close:before, body.nav-show #page-header .menu-button:before {
  transform: rotate(-135deg);
  top: 50%;
  margin-top: -1px;
}
.menu-button.close:after, body.nav-show #page-header .menu-button:after {
  transform: rotate(135deg);
  top: 50%;
  margin-top: -1px;
}
.menu-button.close > span, body.nav-show #page-header .menu-button > span {
  opacity: 0;
}

@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-Black.woff2") format("woff2"), url("./fonts/Gordita-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-BlackItalic.woff2") format("woff2"), url("./fonts/Gordita-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-Bold.woff2") format("woff2"), url("./fonts/Gordita-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-BoldItalic.woff2") format("woff2"), url("./fonts/Gordita-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-Light.woff2") format("woff2"), url("./fonts/Gordita-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-LightItalic.woff2") format("woff2"), url("./fonts/Gordita-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-Medium.woff2") format("woff2"), url("./fonts/Gordita-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-MediumItalic.woff2") format("woff2"), url("./fonts/Gordita-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-Regular.woff2") format("woff2"), url("./fonts/Gordita-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("./fonts/Gordita-Italic.woff2") format("woff2"), url("./fonts/Gordita-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/* Layout */
:root {
  --header-height: 70px;
}
@media (min-width: 1025px) {
  :root {
    --header-height: 160px;
  }
}

#page-header {
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  height: var(--header-height);
  background: rgba(255, 255, 255, 0.7);
  transition: all ease-in-out 0.3s;
}
#page-header > .container {
  height: 100%;
}
#page-header > .container > div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#page-header #logo {
  background: url(/wp-content/themes/custom/images/logo.svg) no-repeat left center/contain;
  display: block;
  line-height: 1;
  width: 90px;
  aspect-ratio: 1.8;
  transition: all ease-in-out 0.3s;
}
#page-header #logo img {
  width: 100%;
  vertical-align: middle;
}
#page-header .menu-button, body.nav-show #page-header .menu-button {
  padding: 0;
  margin-left: 20px !important;
}
#page-header.headroom--not-top {
  background: #fff;
}
#page-header.headroom--unpinned {
  transform: translateY(-100%);
}
@media (min-width: 1025px) {
  #page-header {
    background: transparent;
    transition: all ease-in-out 0.4s;
  }
  #page-header #logo {
    width: 220px;
    transition: all ease-in-out 0.4s;
  }
  #page-header.headroom--not-top {
    height: 80px;
    background: rgb(255, 255, 255);
  }
  #page-header.headroom--not-top #logo {
    width: 120px;
    background-image: url(/wp-content/themes/custom/images/signet.svg);
  }
  #page-header a.menu-button, body.nav-show #page-header a.menu-button {
    display: none;
  }
}

body {
  padding-top: var(--header-height);
}
@media (min-width: 1025px) {
  body.page-template-page-elementor {
    padding-top: 0;
  }
}

body.nav-show {
  overflow: hidden;
}

@media (max-width: 1024px) {
  #nav-main {
    background: #fff;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 40px 15px;
    text-align: center;
    display: none;
    max-height: calc(100vh - var(--header-height));
    overflow-y: auto;
  }
  body.nav-show #nav-main {
    display: block;
  }
  #nav-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #nav-main ul#menu-main > li {
    margin: 15px 0;
    font-weight: 400;
  }
  #nav-main ul#menu-main > li > a {
    color: var(--text-color);
    display: inline-block;
    padding: 4px 20px;
  }
  #nav-main ul#menu-main > li.current-menu-item > a, #nav-main ul#menu-main > li.current-menu-item > a:after {
    color: var(--color-primary) !important;
  }
  #nav-main ul#menu-main > li {
    /* &.has-dropdown > a:after {
      display: inline-block;
      @include fontawesome();
      content: "\f107";
      font-size: 16px;
      margin-left: 10px;
      color: var(--text-muted-color);
    }

    &.show {
      & > a:after {
        transform: rotate(180deg);
      }

      & > .dropdown {
        display: block;
      }
    } */
  }
  #nav-main ul.sub-menu > li {
    font-weight: 400;
    line-height: 1.4;
    margin: 2px 0;
    font-size: 16px;
  }
  #nav-main ul.sub-menu > li.current-menu-item > a {
    color: var(--color-primary);
  }
  #nav-main ul.sub-menu > li > a {
    display: inline-block;
    padding: 4px 20px;
  }
}
@media (min-width: 1025px) {
  #nav-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #nav-main ul#menu-main {
    white-space: unset;
    display: flex;
    align-items: center;
  }
  #nav-main ul#menu-main > li {
    margin: 0 25px;
    position: relative;
  }
  #nav-main ul#menu-main > li > a {
    color: var(--text-color);
    display: inline-block;
    padding: 6px 0;
  }
  #nav-main ul#menu-main > li:hover > a, #nav-main ul#menu-main > li.current-menu-item > a, #nav-main ul#menu-main > li.current-menu-parent > a {
    color: var(--color-primary);
  }
  #nav-main ul#menu-main > li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
  }
  #nav-main ul.sub-menu {
    position: absolute;
    min-width: 400px;
    top: 100%;
    left: -30px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  #nav-main ul.sub-menu > li {
    margin: 10px 0;
  }
  #nav-main ul.sub-menu > li > a {
    white-space: nowrap;
    color: var(--text-color);
  }
  #nav-main ul.sub-menu > li.current-menu-item > a, #nav-main ul.sub-menu > li.current-menu-parent > a, #nav-main ul.sub-menu > li > a:hover {
    color: var(--color-primary);
  }
}
#page-footer {
  background: var(--color-muted);
  text-align: center;
  font-size: 16px;
}
#page-footer img {
  width: 320px;
}
#page-footer .anfrage {
  margin-top: 30px;
}
#page-footer .anfrage:before {
  display: none;
}
#page-footer .anfrage p {
  font-size: 16px;
  font-weight: normal;
}
#page-footer p.links a {
  color: var(--color-primary-darker);
  border-bottom: 1px solid;
}
#page-footer p.links a:hover {
  border-bottom: none;
}
#page-footer .social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
#page-footer .social i {
  font-size: 35px;
}
#page-footer .social a {
  color: var(--color-primary-darker);
}
#page-footer .social a:hover {
  color: var(--color-primary);
}
@media (min-width: 769px) {
  #page-footer .anfrage {
    margin-top: 50px;
  }
  #page-footer .left {
    width: 60%;
  }
  #page-footer .right {
    width: 40%;
    text-align: left;
  }
  #page-footer .iso {
    margin-top: 40px;
  }
  #page-footer .social {
    justify-content: flex-start;
  }
}
@media (min-width: 1025px) {
  #page-footer {
    font-size: 18px;
  }
}

#bottom {
  padding: 15px 0;
  background: var(--color-muted);
  border-bottom: 15px solid var(--color-primary);
  text-align: center;
  font-size: 16px;
}
#bottom a:hover {
  border-bottom: 1px solid;
}
#bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
  #bottom ul li {
    display: inline-block;
    margin: 0 8px;
  }
}
@media (min-width: 1025px) {
  #bottom {
    padding: 40px 0 25px 0;
  }
}

.elementor-widget-text-editor a {
  border-bottom: 1px solid;
}
.elementor-widget-text-editor a:hover {
  border: none;
}

body.single h5 + h1 {
  margin: 0 0 40px 0;
}
body.single .img img {
  border-radius: 12px;
  overflow: clip;
}

.latest-posts-heading {
  margin: 40px 0;
  text-align: center;
}

.latest-posts .latest-post a {
  border: none;
}
.latest-posts .latest-post a.img {
  display: block;
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 12px;
}
.latest-posts .latest-post a.img img {
  border-radius: 12px;
  overflow: clip;
  transition: all ease-out 0.6s;
}
.latest-posts .latest-post a.img:hover img {
  transform: scale(1.1);
}
.latest-posts .latest-post p.more a:hover {
  border-bottom: 1px solid;
}
.latest-posts .latest-post > * {
  margin: 10px 0;
}
@media (min-width: 769px) {
  .latest-posts .latest-post {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .latest-posts .latest-post {
    width: 33.333333%;
  }
}

.latest-posts-more {
  text-align: center;
  margin-top: 50px;
}

.hero {
  height: calc(100vh - var(--header-height));
  position: relative;
}
.hero .img {
  height: 100%;
  background: transparent no-repeat center top/cover;
  position: relative;
}
.hero .img:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.hero .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 30px;
  text-align: center;
}
.hero .text .container {
  width: 100%;
  max-width: 1600px;
}
.hero h4 {
  font-family: "Gordita", sans-serif;
  color: var(--color-primary);
  font-weight: 400;
  line-height: 1.35;
}
.hero h1 + h4 {
  margin-top: 20px;
}
.hero .buttons a {
  margin: 5px;
}
@media (min-width: 1025px) {
  .hero {
    height: 100vh;
  }
  .hero .img:before {
    background: linear-gradient(90deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 50%);
  }
  .hero .text {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    text-align: left;
    padding-top: var(--header-height);
  }
  .hero .buttons {
    margin-top: 40px;
  }
}

.review-slider {
  background: #e3eae9;
  border-radius: 12px;
  padding: 20px 20px 55px 20px;
  text-align: center;
  position: relative;
}
.review-slider:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: -40px;
  aspect-ratio: 1;
  width: 120px;
  background: url(/wp-content/themes/custom/images/quote.png) no-repeat center center/contain;
}
.review-slider .item {
  width: 100%;
}
.review-slider .img img {
  aspect-ratio: 1;
  width: 320px;
  border-radius: 50%;
  overflow: clip;
}
.review-slider .text {
  margin-top: 20px;
}
.review-slider .text small {
  font-size: 16px;
}
.review-slider .flickity-page-dots {
  bottom: -35px;
}
@media (min-width: 1025px) {
  .review-slider {
    padding: 50px;
    text-align: left;
  }
  .review-slider:after {
    right: 60px;
  }
  .review-slider .item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .review-slider .img {
    width: 50%;
  }
  .review-slider .text {
    width: 50%;
  }
}

.anfrage {
  text-align: center;
  position: relative;
  padding-bottom: 30%;
}
.anfrage:before {
  display: block;
  content: "";
  position: absolute;
  width: 800px;
  max-width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: url(/wp-content/themes/custom/images/signet.svg) no-repeat center bottom/contain;
  opacity: 0.1;
  aspect-ratio: 802/336;
}
.anfrage p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}
.anfrage p.phone {
  font-weight: 400;
  font-size: 21px;
}
.anfrage p.phone a {
  color: var(--color-primary-darker);
}
.anfrage p.phone a:hover {
  border-bottom: 1px solid;
}
.anfrage p.buttons a {
  margin: 5px;
}
@media (min-width: 800px) {
  .anfrage {
    padding-bottom: 200px;
    margin-bottom: -60px;
  }
}

.linkbox {
  height: 100%;
}
.linkbox > div {
  height: 100%;
  padding: 20px;
  border-radius: 12px;
  position: relative;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.linkbox.has-buttons > div {
  padding-bottom: 90px;
}
.linkbox .buttons {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.linkbox * {
  color: #222;
}
.linkbox.color-primary > div {
  background: var(--color-primary-lighter);
}
.linkbox.color-secondary > div {
  background: var(--color-secondary-lighter);
}
.linkbox.color-tertiary > div {
  background: var(--color-tertiary-lighter);
}
@media (min-width: 1025px) {
  .linkbox > div {
    padding: 30px;
  }
}

.e-n-accordion .e-n-accordion-item {
  border-bottom: 1px solid var(--color-primary-lighter);
}
.e-n-accordion .e-n-accordion-item:last-child {
  border-bottom: none;
}
.e-n-accordion .e-n-accordion-item > * {
  border: none;
}
.e-n-accordion .e-n-accordion-item-title-header {
  color: var(--color-primary-darker);
  font-weight: 500;
}
.e-n-accordion .e-n-accordion-item-title-icon svg path {
  fill: var(--color-primary-darker);
}
.e-n-accordion .e-n-accordion-item-title {
  border: none;
}

.anchor {
  position: relative;
  top: -40px;
}

body.page-id-31,
body.page-id-25 {
  padding-top: var(--header-height);
}

#cc--main {
  z-index: 20;
}

#cm {
  max-width: 420px !important;
}

#cc_div .b-tl {
  box-shadow: none !important;
}
#cc_div .b-tl:hover {
  transform: none !important;
}
#cc_div * {
  font-family: Gordita, sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: #222;
}
#cc_div #c-ttl {
  font-weight: 400;
}
#cc_div .cc-link {
  border: none;
  box-shadow: none !important;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  font-family: Gordita, sans-serif;
  opacity: 1;
}
#cc_div .cc-link:hover {
  text-decoration: underline;
  transform: none;
}
#cc_div .c-bn {
  font-size: 13px !important;
}
#cc_div #c-txt p:nth-child(2) {
  margin-top: 8px;
}
#cc_div #c-bns button, #cc_div #s-bns button {
  font-family: Jost, sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background: #eaeff2;
  height: 40px;
  box-shadow: none;
  padding: 0 30px;
  transition: all ease-in-out 0.2s;
  letter-spacing: 0;
}
#cc_div #c-bns button span, #cc_div #s-bns button span {
  color: #222;
  font-weight: 400;
}
#cc_div #c-bns button:hover, #cc_div #s-bns button:hover {
  background: #eff4f4;
  transform: none;
}
#cc_div #c-bns button:first-child, #cc_div #s-bns button:first-child {
  background: var(--color-primary);
  color: #fff;
}
#cc_div #c-bns button:first-child span, #cc_div #s-bns button:first-child span {
  color: #fff;
}
#cc_div #c-bns button:first-child:hover, #cc_div #s-bns button:first-child:hover {
  background: var(--color-primary-darker);
}
#cc_div #c-links {
  margin-top: 15px;
  font-size: 13px;
}
#cc_div #c-links .cc-link {
  margin-right: 8px;
}
#cc_div .desc p {
  margin-top: 8px;
}
.hide {
  display: none !important;
}

/*# sourceMappingURL=style.css.map */