/**
 * Theme Name: Die Werklerei
 * Template: icelander
 * Version: 1.0.0
 * Description: Die Werklerei by Startiger Media
 */

/* Put your custom CSS styles below... */
/* FILE: custom-styles.scss */ /* FILE: _setup.scss */ /* inStyle (v1.6.3)
 * github.com/salsita/inStyle
 * 2016 | MIT
 * ============================== */
/* FILE: main/custom-styles/_main.scss */ /* FILE: main/custom-styles/__extenders.scss */
.wm-accordion .is-active .wm-item-title,
.wm-accordion .wm-item-title:hover,
.wm-tab-links .active a,
.wm-tab-links .is-active a,
.wm-tab-links a:hover,
.wm-tour-nav,
.wm-filter a:hover,
.wm-filter .active a,
.wm-filter .is-active a,
.fl-builder-content .wm-filter .active a,
.fl-builder-content .wm-filter .is-active a, .site #infinite-handle span, .sidebar .widget .current_page_item > a, .fl-widget .widget .current_page_item > a,
.sidebar .widget .current-menu-item > a,
.fl-widget .widget .current-menu-item > a, form [type=submit], .site .fl-builder-content .fl-module form [type=submit], mark, #page mark, .highlight, #page .highlight, .pagination .current, .bypostauthor > .comment-body .comment-author::before, .widget_calendar tbody a, .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget .tagcloud a:active,
.set-colors-accent,
.set-colors-accent > .fl-row-content-wrap,
.set-colors-accent > .fl-col-content,
.hover-color-accent.fl-col:hover .fl-col-content, .wm-content-module .more-link a:hover, .menu-toggle:hover, .button:hover, button:hover, [type=button]:hover, [type=reset]:hover, [type=submit]:hover, .child-page .more-link:hover,
.site .fl-builder-content .fl-module .button:hover, .site .fl-builder-content .fl-module button:hover, .site .fl-builder-content .fl-module [type=button]:hover, .site .fl-builder-content .fl-module [type=reset]:hover, .site .fl-builder-content .fl-module [type=submit]:hover, .site .fl-builder-content .fl-module .child-page .more-link:hover,
.main-navigation-container .button > a:hover, .wm-content-module .more-link a:active, .menu-toggle:active, .button:active, button:active, [type=button]:active, [type=reset]:active, [type=submit]:active, .child-page .more-link:active,
.site .fl-builder-content .fl-module .button:active, .site .fl-builder-content .fl-module button:active, .site .fl-builder-content .fl-module [type=button]:active, .site .fl-builder-content .fl-module [type=reset]:active, .site .fl-builder-content .fl-module [type=submit]:active, .site .fl-builder-content .fl-module .child-page .more-link:active,
.main-navigation-container .button > a:active, .wm-content-module .more-link a:focus, .menu-toggle:focus, .button:focus, button:focus, [type=button]:focus, [type=reset]:focus, [type=submit]:focus, .child-page .more-link:focus,
.site .fl-builder-content .fl-module .button:focus, .site .fl-builder-content .fl-module button:focus, .site .fl-builder-content .fl-module [type=button]:focus, .site .fl-builder-content .fl-module [type=reset]:focus, .site .fl-builder-content .fl-module [type=submit]:focus, .site .fl-builder-content .fl-module .child-page .more-link:focus,
.main-navigation-container .button > a:focus {
  background-color: #dc1e35;
  color: #fff;
  background-color: var(--color_accent);
  color: var(--color_accent_text);
}

.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) {
  background-color: #dc1e35;
  background-color: var(--color_accent);
}

.wm-content-module .image, a,
.accent-color {
  color: #dc1e35;
  color: var(--color_accent) !important;
}

.wm-content-module .more-link a, .menu-toggle, .button, button, [type=button], [type=reset], [type=submit], .child-page .more-link,
.site .fl-builder-content .fl-module .button, .site .fl-builder-content .fl-module button, .site .fl-builder-content .fl-module [type=button], .site .fl-builder-content .fl-module [type=reset], .site .fl-builder-content .fl-module [type=submit], .site .fl-builder-content .fl-module .child-page .more-link,
.main-navigation-container .button > a {
  text-shadow: none;
  background: transparent;
  color: inherit;
}
.wm-content-module .more-link a:focus, .menu-toggle:focus, .button:focus, button:focus, [type=button]:focus, [type=reset]:focus, [type=submit]:focus, .child-page .more-link:focus,
.site .fl-builder-content .fl-module .button:focus, .site .fl-builder-content .fl-module button:focus, .site .fl-builder-content .fl-module [type=button]:focus, .site .fl-builder-content .fl-module [type=reset]:focus, .site .fl-builder-content .fl-module [type=submit]:focus, .site .fl-builder-content .fl-module .child-page .more-link:focus,
.main-navigation-container .button > a:focus {
  outline: thin dashed #dc1e35;
  outline: thin dashed var(--color_accent);
}

.site-header-content,
.masthead-placeholder,
.set-colors-header,
.set-colors-header > .fl-row-content-wrap,
.set-colors-header > .fl-col-content {
  background-color: #fffefe;
  color: #545353;
  border-color: rgba(84, 83, 83, 0.2);
  background-color: var(--color_header_background);
  color: var(--color_header_text);
  border-color: var(--color_header_text--a20);
}
.site-header-content h2,
.masthead-placeholder h2,
.set-colors-header h2,
.set-colors-header > .fl-row-content-wrap h2,
.set-colors-header > .fl-col-content h2, .site-header-content h3,
.masthead-placeholder h3,
.set-colors-header h3,
.set-colors-header > .fl-row-content-wrap h3,
.set-colors-header > .fl-col-content h3, .site-header-content h4,
.masthead-placeholder h4,
.set-colors-header h4,
.set-colors-header > .fl-row-content-wrap h4,
.set-colors-header > .fl-col-content h4,
.site-header-content .h1,
.masthead-placeholder .h1,
.set-colors-header .h1, .site-header-content .h2,
.masthead-placeholder .h2,
.set-colors-header .h2, .site-header-content .h3,
.masthead-placeholder .h3,
.set-colors-header .h3, .site-header-content .h4,
.masthead-placeholder .h4,
.set-colors-header .h4 {
  color: #242323;
  color: var(--color_header_headings);
}

.intro-container,
.set-colors-intro,
.set-colors-intro > .fl-row-content-wrap,
.set-colors-intro > .fl-col-content {
  background-color: #242323;
  color: #a4a3a3;
  border-color: rgba(164, 163, 163, 0.2);
  background-color: var(--color_intro_background);
  color: var(--color_intro_text);
  border-color: var(--color_intro_text--a20);
}
.intro-container h2,
.set-colors-intro h2,
.set-colors-intro > .fl-row-content-wrap h2,
.set-colors-intro > .fl-col-content h2, .intro-container h3,
.set-colors-intro h3,
.set-colors-intro > .fl-row-content-wrap h3,
.set-colors-intro > .fl-col-content h3, .intro-container h4,
.set-colors-intro h4,
.set-colors-intro > .fl-row-content-wrap h4,
.set-colors-intro > .fl-col-content h4,
.intro-container .h1,
.set-colors-intro .h1, .intro-container .h2,
.set-colors-intro .h2, .intro-container .h3,
.set-colors-intro .h3, .intro-container .h4,
.set-colors-intro .h4,
.intro-container a:not(.button),
.set-colors-intro a:not(.button),
.intro-container .accent-color,
.set-colors-intro .accent-color {
  color: #e4e3e3;
  color: var(--color_intro_headings);
}

.site,
.site-content,
.set-colors-content,
.set-colors-content > .fl-row-content-wrap,
.set-colors-content > .fl-col-content {
  background-color: #fdfcfc;
  color: #6f6e6e;
  border-color: rgba(111, 110, 110, 0.2);
  background-color: var(--color_content_background);
  color: var(--color_content_text);
  border-color: var(--color_content_text--a20);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.post-navigation,
.dropcap-text::first-letter {
  color: #242323;
  color: var(--color_content_headings);
}

.site-footer,
.set-colors-footer,
.set-colors-footer > .fl-row-content-wrap,
.set-colors-footer > .fl-col-content {
  background-color: #242323;
  color: #a4a3a3;
  border-color: rgba(164, 163, 163, 0.2);
  background-color: var(--color_footer_background);
  color: var(--color_footer_text);
  border-color: var(--color_footer_text--a20);
}
.site-footer h2,
.set-colors-footer h2,
.set-colors-footer > .fl-row-content-wrap h2,
.set-colors-footer > .fl-col-content h2, .site-footer h3,
.set-colors-footer h3,
.set-colors-footer > .fl-row-content-wrap h3,
.set-colors-footer > .fl-col-content h3, .site-footer h4,
.set-colors-footer h4,
.set-colors-footer > .fl-row-content-wrap h4,
.set-colors-footer > .fl-col-content h4,
.site-footer .h1,
.set-colors-footer .h1, .site-footer .h2,
.set-colors-footer .h2, .site-footer .h3,
.set-colors-footer .h3, .site-footer .h4,
.set-colors-footer .h4,
.site-footer a,
.set-colors-footer a,
.set-colors-footer > .fl-row-content-wrap a,
.set-colors-footer > .fl-col-content a,
.site-footer .accent-color,
.set-colors-footer .accent-color {
  color: #e4e3e3;
  color: var(--color_footer_headings);
}

.header-widgets-container,
.set-colors-header-widgets,
.set-colors-header-widgets > .fl-row-content-wrap,
.set-colors-header-widgets > .fl-col-content {
  background-color: #2e2d2d;
  color: #c4c3c3;
  border-color: rgba(196, 195, 195, 0.2);
  background-color: var(--color_header_widgets_background);
  color: var(--color_header_widgets_text);
  border-color: var(--color_header_widgets_text--a20);
}

.intro-widgets-container,
.set-colors-intro-widgets,
.set-colors-intro-widgets > .fl-row-content-wrap,
.set-colors-intro-widgets > .fl-col-content {
  background-color: #2e2d2d;
  color: #a4a3a3;
  border-color: rgba(164, 163, 163, 0.2);
  background-color: var(--color_intro_widgets_background);
  color: var(--color_intro_widgets_text);
  border-color: var(--color_intro_widgets_text--a20);
}
.intro-widgets-container h2,
.set-colors-intro-widgets h2,
.set-colors-intro-widgets > .fl-row-content-wrap h2,
.set-colors-intro-widgets > .fl-col-content h2, .intro-widgets-container h3,
.set-colors-intro-widgets h3,
.set-colors-intro-widgets > .fl-row-content-wrap h3,
.set-colors-intro-widgets > .fl-col-content h3, .intro-widgets-container h4,
.set-colors-intro-widgets h4,
.set-colors-intro-widgets > .fl-row-content-wrap h4,
.set-colors-intro-widgets > .fl-col-content h4,
.intro-widgets-container .h1,
.set-colors-intro-widgets .h1, .intro-widgets-container .h2,
.set-colors-intro-widgets .h2, .intro-widgets-container .h3,
.set-colors-intro-widgets .h3, .intro-widgets-container .h4,
.set-colors-intro-widgets .h4,
.intro-widgets-container a,
.set-colors-intro-widgets a,
.set-colors-intro-widgets > .fl-row-content-wrap a,
.set-colors-intro-widgets > .fl-col-content a,
.intro-widgets-container .accent-color,
.set-colors-intro-widgets .accent-color {
  color: #e4e3e3;
  color: var(--color_intro_widgets_headings);
}

.footer-secondary-widgets-inner,
.set-colors-footer-secondary-widgets,
.set-colors-footer-secondary-widgets > .fl-row-content-wrap,
.set-colors-footer-secondary-widgets > .fl-col-content {
  background-color: #dc1e35;
  color: #fefbfb;
  border-color: rgba(254, 251, 251, 0.2);
  background-color: var(--color_footer_secondary_background);
  color: var(--color_footer_secondary_text);
  border-color: var(--color_footer_secondary_text--a20);
}
.footer-secondary-widgets-inner h2,
.set-colors-footer-secondary-widgets h2,
.set-colors-footer-secondary-widgets > .fl-row-content-wrap h2,
.set-colors-footer-secondary-widgets > .fl-col-content h2, .footer-secondary-widgets-inner h3,
.set-colors-footer-secondary-widgets h3,
.set-colors-footer-secondary-widgets > .fl-row-content-wrap h3,
.set-colors-footer-secondary-widgets > .fl-col-content h3, .footer-secondary-widgets-inner h4,
.set-colors-footer-secondary-widgets h4,
.set-colors-footer-secondary-widgets > .fl-row-content-wrap h4,
.set-colors-footer-secondary-widgets > .fl-col-content h4,
.footer-secondary-widgets-inner .h1,
.set-colors-footer-secondary-widgets .h1, .footer-secondary-widgets-inner .h2,
.set-colors-footer-secondary-widgets .h2, .footer-secondary-widgets-inner .h3,
.set-colors-footer-secondary-widgets .h3, .footer-secondary-widgets-inner .h4,
.set-colors-footer-secondary-widgets .h4,
.footer-secondary-widgets-inner a,
.set-colors-footer-secondary-widgets a,
.set-colors-footer-secondary-widgets > .fl-row-content-wrap a,
.set-colors-footer-secondary-widgets > .fl-col-content a,
.footer-secondary-widgets-inner .accent-color,
.set-colors-footer-secondary-widgets .accent-color {
  color: #fff;
  color: var(--color_footer_secondary_headings);
}

/* FILE: main/custom-styles/__base.scss */
body {
  background-color: #e4e3e3;
}

*,
*::after,
*::before {
  border-color: inherit;
}

::-webkit-input-placeholder, :disabled::-webkit-input-placeholder {
  color: inherit !important;
}

::-moz-placeholder, :disabled::-moz-placeholder {
  color: inherit !important;
}

:-ms-input-placeholder, :disabled:-ms-input-placeholder {
  color: inherit !important;
}

::-ms-input-placeholder, :disabled::-ms-input-placeholder {
  color: inherit !important;
}

::placeholder,
:disabled::placeholder {
  color: inherit !important;
}

button,
input,
select,
textarea {
  background-color: transparent;
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fdfcfc;
}

.color-error, .hover-color-error.fl-col:hover .fl-col-content, .fl-builder-content .color-error, .site .fl-builder-content .color-error.button, .site .fl-builder-content .color-error.button:hover {
  background-color: rgba(238, 0, 0, 0.85);
  color: #fff;
}
.set-colors-error,
.set-colors-error > .fl-row-content-wrap,
.set-colors-error > .fl-col-content {
  background-color: rgba(238, 0, 0, 0.85);
  color: #fff;
}

.color-info, .hover-color-info.fl-col:hover .fl-col-content, .fl-builder-content .color-info, .site .fl-builder-content .color-info.button, .site .fl-builder-content .color-info.button:hover {
  background-color: rgba(0, 85, 238, 0.85);
  color: #fff;
}
.set-colors-info,
.set-colors-info > .fl-row-content-wrap,
.set-colors-info > .fl-col-content {
  background-color: rgba(0, 85, 238, 0.85);
  color: #fff;
}

.color-success, .hover-color-success.fl-col:hover .fl-col-content, .fl-builder-content .color-success, .site .fl-builder-content .color-success.button, .site .fl-builder-content .color-success.button:hover {
  background-color: rgba(0, 119, 34, 0.85);
  color: #fff;
}
.set-colors-success,
.set-colors-success > .fl-row-content-wrap,
.set-colors-success > .fl-col-content {
  background-color: rgba(0, 119, 34, 0.85);
  color: #fff;
}

.color-warning, .hover-color-warning.fl-col:hover .fl-col-content, .fl-builder-content .color-warning, .site .fl-builder-content .color-warning.button, .site .fl-builder-content .color-warning.button:hover {
  background-color: rgba(255, 221, 0, 0.85);
  color: #310;
}
.set-colors-warning,
.set-colors-warning > .fl-row-content-wrap,
.set-colors-warning > .fl-col-content {
  background-color: rgba(255, 221, 0, 0.85);
  color: #310;
}

.fl-builder-content .fl-module-wm_button {
  background: transparent;
  color: inherit;
}

.site .fl-row[class*=set-colors-],
.site .fl-col[class*=set-colors-] {
  background: none;
}

div[class*=set-colors-] a,
div[class*=set-colors-] h1, div[class*=set-colors-] h2, div[class*=set-colors-] h3, div[class*=set-colors-] h4,
div[class*=set-colors-] .h1, div[class*=set-colors-] .h2, div[class*=set-colors-] .h3, div[class*=set-colors-] .h4,
div[class*=set-colors-] .dropcap-text::first-letter {
  color: inherit;
}

/* FILE: main/custom-styles/__accent.scss */
mark,
.highlight {
  -webkit-box-shadow: 0.38em 0 0 #dc1e35, -0.38em 0 0 #dc1e35;
          box-shadow: 0.38em 0 0 #dc1e35, -0.38em 0 0 #dc1e35;
  -webkit-box-shadow: 0.38em 0 0 var(--color_accent), -0.38em 0 0 var(--color_accent);
          box-shadow: 0.38em 0 0 var(--color_accent), -0.38em 0 0 var(--color_accent);
}

@media only screen and (max-width: 41.9375em) {
  .pagination a {
    background-color: #dc1e35;
    color: #fff;
    background-color: var(--color_accent);
    color: var(--color_accent_text);
  }
}

form [type=submit], .site .fl-builder-content .fl-module form [type=submit] {
  border-color: transparent;
}

/* FILE: main/custom-styles/__header.scss */ /* FILE: main/custom-styles/__branding.scss */
.site-title,
.custom-logo {
  color: #242323;
  color: var(--color_header_headings);
}

.custom-logo, .has-scrolled:not(.no-js) .custom-logo, .fl-builder-edit .custom-logo {
  max-height: 50px;
  max-height: var(--custom_logo_height);
}

/* FILE: main/custom-styles/__menu.scss */
@media only screen and (min-width: 55em) {
  .main-navigation-container li ul {
    background-color: #fffefe;
    color: #545353;
    background-color: var(--color_header_background);
    color: var(--color_header_text);
  }
}

@media only screen and (max-width: 54.9375em) {
  .menu-toggle,
.main-navigation-container {
    background-color: #fffefe;
    color: #545353;
    border-color: rgba(84, 83, 83, 0.2);
    background-color: var(--color_header_background);
    color: var(--color_header_text);
    border-color: var(--color_header_text--a20);
  }
}

/* FILE: main/custom-styles/__intro.scss */
.intro-special .wp-custom-header::before {
  background-color: #000;
  opacity: 0.6;
  background-color: var(--color_intro_overlay_background);
  opacity: var(--color_intro_overlay_opacity);
}
.intro-special .has-header-video {
  background-color: #222;
}
.intro-special-has-media .intro {
  color: #fff;
  color: var(--color_intro_overlay_text);
}
.intro-special-has-media .intro h2, .intro-special-has-media .intro h3, .intro-special-has-media .intro h4,
.intro-special-has-media .intro .h1, .intro-special-has-media .intro .h2, .intro-special-has-media .intro .h3, .intro-special-has-media .intro .h4,
.intro-special-has-media .intro a:not(.button),
.intro-special-has-media .intro .accent-color {
  color: inherit;
}

/* FILE: main/custom-styles/__content.scss */ /* FILE: main/custom-styles/__footer.scss */
.site-footer::before {
  background-image: url("../images/footer/footer.jpg");
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: cover;
  opacity: 0.05;
  background-image: var(--footer_image);
  background-position: var(--footer_image_position);
  background-repeat: var(--footer_image_repeat);
  background-attachment: var(--footer_image_attachment);
  background-size: var(--footer_image_size);
  opacity: var(--footer_image_opacity);
}
.site-footer.is-customize-preview::before {
  background-repeat: inherit;
  background-attachment: inherit;
}

.site-footer mark, .site-footer #page mark, .site-footer .highlight, .site-footer #page .highlight, .site-footer .pagination .current, .site-footer .bypostauthor > .comment-body .comment-author::before, .site-footer .widget_calendar tbody a, .site-footer .widget .tagcloud a:hover, .site-footer .widget .tagcloud a:focus, .site-footer .widget .tagcloud a:active {
  text-shadow: none;
  background-color: #e4e3e3;
  color: #242323;
  background-color: var(--color_footer_headings);
  color: var(--color_footer_background);
}
.site-footer .button,
.site-footer button,
.site-footer [type=button],
.site-footer [type=reset],
.site-footer [type=submit] {
  text-shadow: none;
}
.site-footer .button:hover, .site-footer .button:active, .site-footer .button:focus,
.site-footer button:hover,
.site-footer button:active,
.site-footer button:focus,
.site-footer [type=button]:hover,
.site-footer [type=button]:active,
.site-footer [type=button]:focus,
.site-footer [type=reset]:hover,
.site-footer [type=reset]:active,
.site-footer [type=reset]:focus,
.site-footer [type=submit]:hover,
.site-footer [type=submit]:active,
.site-footer [type=submit]:focus {
  background-color: #e4e3e3;
  color: #242323;
  background-color: var(--color_footer_headings);
  color: var(--color_footer_background);
}
.site-footer mark,
.site-footer .highlight {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* FILE: main/custom-styles/__sidebar.scss */ /* FILE: main/custom-styles/__plugins.scss */
.infinite-loader .spinner > div > div {
  background-color: #dc1e35 !important;
  background-color: var(--color_accent) !important;
}

.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) {
  color: #fff !important;
  color: var(--color_accent_text) !important;
}

/* FILE: shortcodes/custom-styles/_shortcodes.scss */ /* FILE: shortcodes/custom-styles/__base.scss */
.wm-accordion .is-active .wm-item-title,
.wm-accordion .wm-item-title:hover,
.wm-tab-links .active a,
.wm-tab-links .is-active a,
.wm-tab-links a:hover,
.wm-tour-nav,
.wm-filter a:hover,
.wm-filter .active a,
.wm-filter .is-active a,
.fl-builder-content .wm-filter .active a,
.fl-builder-content .wm-filter .is-active a {
  border-color: transparent;
}

/* FILE: shortcodes/custom-styles/__content-module.scss */ /* FILE: shortcodes/custom-styles/__message.scss */
.wm-message.color-error, .site .fl-builder-content .wm-message.color-error.button, .hover-color-error.fl-col:hover .wm-message.fl-col-content {
  background: transparent;
  color: inherit;
  border-color: rgba(238, 0, 0, 0.85);
}
.wm-message.color-error[class*=icon-]::before, .hover-color-error.fl-col:hover .wm-message[class*=icon-].fl-col-content::before {
  color: rgba(238, 0, 0, 0.85);
}
.wm-message.color-info, .site .fl-builder-content .wm-message.color-info.button, .hover-color-info.fl-col:hover .wm-message.fl-col-content {
  background: transparent;
  color: inherit;
  border-color: rgba(0, 85, 238, 0.85);
}
.wm-message.color-info[class*=icon-]::before, .hover-color-info.fl-col:hover .wm-message[class*=icon-].fl-col-content::before {
  color: rgba(0, 85, 238, 0.85);
}
.wm-message.color-success, .site .fl-builder-content .wm-message.color-success.button, .hover-color-success.fl-col:hover .wm-message.fl-col-content {
  background: transparent;
  color: inherit;
  border-color: rgba(0, 119, 34, 0.85);
}
.wm-message.color-success[class*=icon-]::before, .hover-color-success.fl-col:hover .wm-message[class*=icon-].fl-col-content::before {
  color: rgba(0, 119, 34, 0.85);
}
.wm-message.color-warning, .site .fl-builder-content .wm-message.color-warning.button, .hover-color-warning.fl-col:hover .wm-message.fl-col-content {
  background: transparent;
  color: inherit;
  border-color: rgba(255, 221, 0, 0.85);
}
.wm-message.color-warning[class*=icon-]::before, .hover-color-warning.fl-col:hover .wm-message[class*=icon-].fl-col-content::before {
  color: rgba(255, 221, 0, 0.85);
}