/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Thomas Koch
Author URI: https://synaptos.de
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


@import "css/navbar.css";
@import "css/blog-archive.css";
@import "css/sy-blog.css";
@import "css/util.css";
@import "css/elementor-widgets/main.css";
@import "css/woocommerce-main.css";

@import "css/min/flex-min.css";



body.sy-logged-in .sy-logged-in-visible {
  display: flex !important;
}

body.sy-logged-out .sy-logged-in-visible {
  display: none !important;
}

body.sy-logged-in .sy-logged-out-visible {
  display: none !important;
}

body.sy-logged-out .sy-logged-out-visible {
  display: flex !important;
}

body.sy-logged-out .sy-logged-out-visible.DispNone {
  display: none !important;
}

body.sy-logged-in .sy-logged-in-visible.DispNone {
  display: none !important;
}


.sy-login-form {
  font-size: 16px;
}

.sy-login-form .elementor-field-type-text {
  max-width: 380px;
  margin: auto;
}

.sy-login-form .elementor-login-separator {
  margin: 0px 4px;
}

.sy-login-form .elementor-lost-password {
  font-size: 16px;
}

.sy-card {
  background-color: var(--e-global-color-primary);
  border-radius: 20px 20px 20px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4%;
}

.elementor-kit-403004 label {
  color: var(--e-global-color-text);
}

.sy-accordion-wrapper {
  background-color: var(--e-global-color-primary);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 1em;
  padding: 1em;
  margin: 24px 0px;
}

button.sy-accordion {
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  border-radius: 0;
  text-align: left;
  outline: none;
  font-size: 20px;
  margin-bottom: 0px !important;
  color: var(--e-global-color-text) !important;
  background-color: var(--e-global-color-primary) !important;
  box-shadow: none !important;
  justify-content: space-between;
}

button.sy-accordion i {
  color: var(--e-global-color-text) !important;
}

div.sy-accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-text);
  border-radius: 1em;
}

div.sy-accordion-panel>div {
  padding: 18px;
}

.sy-accordion-icon-wrapper {
  float: right;
  border-radius: 50px;
  width: 24px;
  height: 24px;
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sy-accordion svg.icon-up-open {
  margin-top: -4px;
  max-width: 16px;
}

.sy-accordion svg.icon-down-open {
  margin-top: 4px;
  max-width: 16px;
}

.sy-accordion svg.icon-down-open,
.sy-accordion.sy-active svg.icon-up-open {
  display: block;
}

.sy-accordion.sy-active svg.icon-down-open,
.sy-accordion svg.icon-up-open {
  display: none;
}

.sy-accordion-toggler:hover {
  cursor: pointer;
}

.sy-form-pad div.elementor-field-group.elementor-column {
  padding-left: 4px;
  padding-right: 4px;
}

.sy-affiliate-sign-up-wrapper {
  text-align: center;
}

.sy-affiliate-sign-up-wrapper .wcu-register-field-col-username,
.sy-affiliate-sign-up-wrapper .wcusage-register-form-title {
  display: none;
}

a.sy-disabled-link,
a.sy-redirect-link.elementor-button.sy-disabled-link {
  background-color: var(--e-global-color-secondary) !important;
  cursor: default !important;
  transform: none !important;
  transition: none !important;
  color: var(--e-global-color-text) !important;
  opacity: .8;
}

a.sy-disabled-link:hover,
a.sy-redirect-link.elementor-button.sy-disabled-link:hover {
  background-color: var(--e-global-color-secondary) !important;
  cursor: default !important;
  color: var(--e-global-color-text) !important;
  transform: none !important;
  transition: none !important;
}

.sy-btn-red {
  background-color: red !important;
}

.sy-btn-red:hover {
  background-color: #7f0000 !important;
}

#password_strength.short,
#password_strength.bad {
  color: red !important;
}


input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
  margin: 0 0 20px 0;
}

button,
[type="submit"],
[type="button"] {
  border: none !important;
}

input[type="checkbox"] {
  accent-color: var(--e-global-color-accent);
}

/* Phone */
@media (max-width: 767px) {
  .sy-login-form .elementor-field-type-text {
    max-width: none;
    margin: auto;
  }
}

/* Phone or Tablet */
@media (max-width: 1024px) {}