/*
Theme Name: Stockholm Child
Theme URI: https://stockholmlanding.qodeinteractive.com/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: https://qodeinteractive.com/
Version: 1.1.2
Text Domain: stockholm
Template: stockholm
*/




@font-face {
    font-family: "Slandic Medium";
    font-style: normal;
    font-display: swap;
    src: url('https://metzelthin6.de/wp-content/themes/stockholm-child/fonts/SlandicMedium/font.woff2') format('woff2');
}

/** , url('https://podevilla.de/wp-content/themes/stockholm-child/fonts/SlandicMedium/font.woff') format('woff') **/
 
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/work-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/work-sans-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1, h2, h3, h4, h5, h6 {

    font-family: 'Slandic Medium' !important;
    font-weight: 500 !important;
}


body, p, a {

    font-family: 'Work Sans' !important;
}

.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date, .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea, .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz, .contact_form.cf7_custom_style_1 input[type='text'], .contact_form.cf7_custom_style_1 textarea {
    background-color: rgba(255,255,255,0);
    border-color: #acacac;
    border-width: 1px;
    border-style: solid;
    transform: translateZ(0);
    border-left: none;
    border-right: none;
    border-top: none;
    color: #932115 !important;
    font-family: Slandic Medium !important;
    font-size: 1.2em !important;
    line-height: 1.3em !important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px !important;
    text-transform: none !important;
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 0px;
}

.wpcf7-form label {
    font-weight: 400 !important;
    font-size: 1em;
}

.wpcf7-form label a {
    text-decoration: underline !important;
}


div.wpcf7-response-output {
    color: #33475f !important;

}
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]), .contact_form.cf7_custom_style_1 .qbutton {
    border-width: 1px;
    font-family: Work Sans !important;
    font-size: 1em !important;
    font-weight: 500;
    height: 57px;
    line-height: 57px;
    margin-top: 50px !important;
    padding-left: 60px;
    padding-right: 60px;
    letter-spacing: 0px !important;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h4 {
    font-family: Work Sans !important;
    font-size: 1em !important;
    font-style: normal;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    padding: 14px 0 !important;
    color: #0c1022 !important;
    text-align: center;
}

.mobile-logo {
    height: 130% !important;
    padding-bottom: 10px !important;
}

.mobile_menu_button {
    height: 110px !important;
    float: right !important;
    margin: 0 0 0 30px !important;
}

.mobile_menu_button i {
    font-size:1.9em !important;
    color: #932115 !important;
}

nav.mobile_menu {
    margin-bottom: 20px;
}

body {
 hyphens: auto !important;
}

#back_to_top > span {
    font-size: 35px !important;
    color: #fff !important;
    background-color: #932115 !important;
    border-color: #932115 !important;
    border-radius: 100px;
    width: 60px !important;
    height: 60px !important;
    line-height: 50px !important;
}

.textwidget .qbutton.large:hover {
    background-color: #b7bd8f !important;
    color: #151121 !important;
    border-color: #b7bd8f !important;
    font-weight: 700 !important;
}

header.light:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton:hover {
    border-color: #151121 !important;
    background-color: #b7bd8f !important;
    color: #000000 !important;
    font-weight: 700 !important;
}