/*!
Theme Name:   FSO Fernwirk-Sicherheitssysteme Oldenburg GmbH
Template:     cindy
Theme URI:    https://www.fso.de/
Author:       Danilo Fickert, pitcom GmbH
Author URI:   https://www.pitcom.de/
Version:      2.0.1
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * CSS Colors
 *
 * @section      colors
 *
 * @colordef     #96171a; accent red
 * @colordef     #ff0000; secondary red
 * @colordef     #111111; headings
 * @colordef     #222222; text
 * @colordef     #666666; dark gray
 * @colordef     #999999; gray
 * @colordef     #dddddd; light gray
 * @colordef     #efefef; lightest gray
 * @colordef     #ffffff; white
 */

/**
 * Basics
 *
 * @section      basics
 */

.site :focus {
    outline-width: 0;
}

.site :focus-visible {
    outline-width: 2px;
}

::-webkit-input-placeholder {
    line-height: inherit;
}

:-ms-input-placeholder {
    line-height: inherit;
}

::-ms-input-placeholder {
    line-height: inherit;
}

::placeholder {
    line-height: inherit;
}

label {
    font-weight: 700;
}

input, select, textarea {
    width: 100%;
}

[type="checkbox"],
[type="radio"],
[type="submit"] {
    width: auto;
}

[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.chkspm {
    display: none;
}

.screen-reader-text:focus {
    background-color: var(--color_navigation_link);
}

/**
 * Header
 *
 * @section      header
 */

.site-header-section:not(.main-navigation-section) {
    background-image: radial-gradient(circle 25em at 25% 100%, var(--color_site_title_background), var(--color_header_background));
}

.site-header-content:not(.main-navigation-content) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
}

.site-branding {
    --color_site_title_background: transparent;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 36px;
}

.site-header .site-branding {
    border-bottom: 1px solid currentColor;
    margin-bottom: -1px;
}

.custom-logo-link {
    margin-bottom: -36px;
}

.custom-logo {
    max-width: none;
    max-height: var(--custom_logo_height);
}

.site-title,
.header-widgets .search-form .search-submit {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    position: absolute !important;
    width: 1px;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.site-description {
    font-size: 1.5em;
    line-height: 1.25;
    font-weight: 700;
    text-transform: none;
    width: 12em;
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
}

.header-widgets[class] {
    padding-right: 3em;
    margin: 0;
}

.header-widgets .widget:nth-last-child(2):first-child,
.header-widgets .widget:nth-last-child(2):first-child ~ .widget {
    margin: 0;
}

.header-widgets .search-form {
    position: absolute;
    top: 2em;
    right: var(--body_padding);
    z-index: 1;
}

.header-widgets .search-form > label {
    cursor: pointer;
}

.header-widgets .search-form > label::before {
    content: "";
    position: absolute;
    width: 3em;
    height: 3em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M14.7,13.3L11,9.6c0.6-0.9,1-2,1-3.1C12,3.5,9.5,1,6.5,1S1,3.5,1,6.5S3.5,12,6.5,12c1.2,0,2.2-0.4,3.1-1l3.7,3.7L14.7,13.3zM2.5,6.5c0-2.2,1.8-4,4-4s4,1.8,4,4s-1.8,4-4,4S2.5,8.7,2.5,6.5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2em;
}

.header-widgets .search-form .search-field {
    text-indent: 2em;
    min-width: 3em;
    width: 0;
    background-color: var(--color_site_title_background);
    border-color: transparent;
    border-radius: .5em;
    -webkit-transition: width .4s;
    transition: width .4s;
}

.header-widgets .search-form .search-field:focus {
    width: 15em;
    outline-width: 0;
}

.header-widgets .menu > .menu-item.en,
.header-widgets .menu > .menu-item.es,
.header-widgets .menu > .menu-item.tr {
    position: absolute;
    right: var(--body_padding);
    z-index: 1;
    text-align: center;
    text-indent: 0;
    width: 3.75em;
    padding: 0;
    border: 0;
    margin: 0;
}

.header-widgets .menu > .menu-item.en {
    top: 7em;
}

.header-widgets .menu > .menu-item.es {
    top: 9em;
}

.header-widgets .menu > .menu-item.tr {
    top: 11em;
}

.header-widgets .menu-item.en > a,
.header-widgets .menu-item.es > a,
.header-widgets .menu-item.tr > a {
    display: inline-block;
    line-height: 2em;
    text-indent: 2.1em;
    width: 2em;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}

.header-widgets .menu-item.en > a {
    background-image: url("images/en.png");
}

.header-widgets .menu-item.es > a {
    background-image: url("images/es.png");
}

.header-widgets .menu-item.tr > a {
    background-image: url("images/tr.png");
}

.main-navigation .current-menu-ancestor > a,
.main-navigation .current-menu-item > a {
    color: var(--color_accent);
    font-weight: 700;
}

/**
 * Content
 *
 * @section      content
 */

:not(.has-post-thumbnail) > .page-header {
    padding-top: calc(var(--white_space) / 2);
    padding-bottom: calc(1.618 * var(--typography_size_html));
    margin-bottom: calc(1.618 * var(--typography_size_html));
}

:not(.has-post-thumbnail) > .page-header + .entry-content-singular > .alignfull:first-child {
    margin-top: calc(-1.618 * var(--typography_size_html));
}

.has-full-content-width .wp-block-cover__inner-container,
.has-full-content-width .wp-block-cover__inner-container > *,
.has-full-content-width .wp-block-group__inner-container,
.has-full-content-width .wp-block-group__inner-container > * {
    max-width: none !important;
}

.wp-block-media-text__media[class] {
    height: auto;
}

.posts[class] .entry-header::before {
    height: 100%;
    border-color: var(--color_accent);
}

.posts .entry-content h2,
.posts .entry-content h3,
.posts .entry-content h4,
.posts .entry-content h5,
.posts .entry-content h6,
.posts .entry-content .has-more-tag {
    font-size: var(--typography_size_html);
    font-weight: 700;
    margin-bottom: calc(var(--typography_size_html) * 1.618);
}

.widget_archive[class] ul li,
.widget_categories[class] ul li,
.widget_meta[class] ul li,
.widget_nav_menu[class] ul:not(.menu-social-links) li,
.widget_pages[class] ul li,
.widget_recent_comments[class] ul li,
.widget_recent_entries[class] ul li,
.widget_rss[class] ul li {
    text-indent: -1.618em;
    padding-left: 1.618em;
}

.sidebar[class] {
    margin-top: calc(3.236 * var(--typography_size_html));
}

.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7 form .wpcf7-response-output {
    margin-right: 0;
    margin-left: 0;
}

/**
 * Footer
 *
 * @section      footer
 */

.site-footer .site-branding {
    padding-bottom: 36px;
}

.site-footer .custom-logo {
    border-style: solid;
    border-width: 1px 1px 0;
    border-radius: 20px 20px 0 0;
}

/**
 * Media Queries
 *
 * @section      rwd
 */

@media (max-width: 480px) {

    .site-description {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        position: absolute !important;
        width: 1px;
        height: 1px;
        line-height: 1px;
        overflow: hidden;
        word-wrap: normal !important;
    }

}