/*
Theme Name:       baufi-schlegel.de
Theme URI:        https://iwlink.de/wp-themes-en
Description:      Child theme of the inwendo Foundation Theme for baufi-schlegel.de (successor of the inwendo Base Theme child "baufi-schlegel.de (2021)" 1.0.0).
Version:          2.0.0
Requires at least: 5.0
Requires PHP:     8.1
Author:           inwendo GmbH
Author URI:       https://iwlink.de/wp-websites-en
Template:         iw-foundation-theme
Text Domain:      iw-foundation-theme-child
Domain Path:      /languages
License:          Proprietary
License URI:      https://inwendo.de/licenses/
*/


/* Foundation colour variables: baufi palette (primary #B69C62 gold accents, secondary #FFFFFF, tertiary #1D1D1D text). */
:root {
    --iw-color-primary: #B69C62;
    --iw-color-secondary: #FFFFFF;
    --iw-color-tertiary: #1D1D1D;
}

/* Fonts */
h1,
h2,
h3,
h4,
h5,
h6,
.lookalike-h1,
.lookalike-h2,
.lookalike-h3,
.lookalike-h4,
.lookalike-h5,
.lookalike-h6 {
    font-family: "Montserrat", sans-serif;
    color: #1D1D1D;
    font-weight: 700;
}

h1,
.lookalike-h1 {
    font-size: 34px;
    line-height: 40px;
}

h2,
.lookalike-h2 {
    font-size: 24px;
    line-height: 35px;
}

h3,
.lookalike-h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1D1D1D;
}

.hello {
    font-family: "Montserrat", sans-serif;
    font-size: 100px;
    line-height: 160px;
    font-weight: 600;
}

/* Generell Link Style */
a {
    color: #B69C62;
}

a:hover,
a:focus {
    text-decoration: underline;
}

.wpb_content_element {
    margin-bottom: 25px !important;
}

.vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0 !important;
}

/* Header */
.iw_header {
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
}

.iw_header.outside_grid .iw_header_content_area {
    padding-left: 50px;
    padding-right: 50px;
    /* Legacy theme options header_wrapper_padding_top/bottom (also sticky): 15px around the 60px logo. */
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Legacy theme option header_menu_padding_top (also sticky). */
.iw_header .iw_foundation_theme_navigation_widget {
    padding-top: 18px;
}

/* Main Menu. Scoped to the desktop widget: the Foundation mobile navigation sits inside .iw_header too. */
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu {
    padding: 0;
}

.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item:first-child {
    padding: 0 25px 0 0;
}

.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item {
    padding: 0 25px 0 25px;
}

.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item:last-child {
    padding: 0 0 0 25px;
}

/* Legacy li .menu-item-link-wrapper > a styled the links of the sub items too. */
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item a {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #1D1D1D;
}

.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item a:focus,
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item a:hover,
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item.active a,
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item.active a:hover,
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item.active a:focus,
.iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item.active-parent a {
    color: #B69C62;
}

/* Legacy fullscreen menu (mobile-nav.css): centred entries, 17px around the list and each entry. */
.iw_mobile_navigation ul.top-level-menu {
    padding: 17px;
}

.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item {
    padding: 17px;
    text-align: center;
}

/* Legacy: a 24px icon 30px from the top, flush with the header padding (the Foundation button is 64px).
   The close button covers the open one. */
.iw_header .iw_mobile_navigation_buttons button.iw_mobile_navigation_button.open,
.iw_header .iw_mobile_navigation_buttons button.iw_mobile_navigation_button.close {
    width: 24px;
    height: 24px;
    padding: 0;
    top: 15px;
}

/* Legacy header was fixed with main_position_calc: the content starts below it and the header
   stays on top, also while the page is pulled down past its top. The body reserves the 90px
   header (15px padding around the 60px logo at every width), so nothing jumps when iw-sticky is set. */
.iw_header,
.iw-sticky .iw_header {
    position: fixed;
    top: 0;
    width: 100%;
}

body {
    padding-top: 90px;
}

/* Legacy base (inwendo-base-theme mobile-nav.css): the button itself has no background. */
button.iw_icon_button.iw_mobile_navigation_button {
    background: transparent;
}

.iw_header .iw_mobile_navigation_buttons button.iw_mobile_navigation_button svg,
button.iw_mobile_navigation_button.close svg {
    fill: #B69C62 !important;
}

.iw_mobile_navigation {
    background: #FFFFFF;
}

.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item a {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #1D1D1D;
}

.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item a:hover,
.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item a:focus,
.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item.active a,
.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item.active a:hover,
.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item.active a:focus,
.iw_mobile_navigation ul.top-level-menu > li.top-level-menu-item.active-parent a {
    color: #B69C62;
}

/* Footer: one dark bar, copyright left, footer menu right, TAL icon (the legacy footer.php override). */
.iw_footer {
    overflow: hidden;
    background-color: #1D1D1D;
    height: unset;
    min-height: unset;
}

.iw_footer .iw_footer_info_area {
    background-color: #1D1D1D;
    padding-left: 50px;
    padding-right: 50px;
}

/* Footer Menu */
.iw_footer .iw_navigation ul.top-level-menu {
    padding: 30px 0 22px 0;
    margin: 0;
    list-style: none;
}

.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item {
    padding: 0 25px;
}

.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item:first-child {
    padding: 0 25px 0 0;
}

.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item:last-child {
    padding: 0 0 0 25px;
}

/* Legacy base theme: .footer_menu_items li { font-size: 12px } sets the line box the inline links sit in. */
.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item {
    font-size: 12px;
}

/* Legacy links were inline; Foundation makes them inline-block. */
.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item a {
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: #FFFFFF;
    padding: 0;
    text-decoration: none;
    margin: 0;
}

.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item a:hover,
.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item a:focus-visible {
    color: #B69C62;
}

/* Keyboard focus stays visible although the legacy link has no underline. */
.iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item a:focus-visible {
    text-decoration: underline;
}

/* Copyright */
.iw_footer .iw_footer_info_area .iw_footer_info_area_block.left .iw_foundation_theme_copyright_text_widget {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: #FFFFFF;
    text-align: left;
    margin: 0;
    padding: 30px 0 22px 0;
}

.iw_footer .iw_foundation_theme_copyright_text_widget p {
    margin: 0;
}

.iw-tech-agency-icon {
    padding-top: 29px;
    padding-left: 50px;
}

.iw-tech-agency-icon img {
    filter: invert();
}

/* WBS Button (legacy .iw_wbs_button button: iw-website-basics still renders the button element without a link) */
.iw_wbs_button button,
.iw_wbs_button .iw_wbs_button__link {
    font-family: inherit;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: #1D1D1D;
    border: 2px solid #FFFFFF;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFFFFF;
    padding: 20px 40px 16px 40px;
    margin: 5px 0 0 0;
}

/* iw-website-basics colours :visited with the primary placeholder (#EF17EF). */
.iw_wbs_button .iw_wbs_button__link:visited {
    color: #1D1D1D;
}

.iw_wbs_button button:hover,
.iw_wbs_button .iw_wbs_button__link:hover {
    background-color: #B69C62;
    color: #FFFFFF;
}

.iw_wbs_button.gold button,
.iw_wbs_button.gold .iw_wbs_button__link,
.iw_wbs_button.gold .iw_wbs_button__link:visited {
    color: #FFFFFF;
    border: 2px solid #B69C62;
    background-color: #B69C62;
}

.iw_wbs_button.gold button:hover,
.iw_wbs_button.gold .iw_wbs_button__link:hover {
    background-color: #FFFFFF;
    color: #1D1D1D;
}

/* Help Center list (legacy iw-cpt-help-center 2.1.0 style.css; the Foundation plugin leaves fonts and spacing to the theme) */
.iw_cpt_help_center_list .iw_hc_list_entry_by_category_wrapper {
    padding-bottom: 0;
}

.iw_cpt_help_center_entry {
    margin: 15px 0;
    padding-bottom: 15px;
}

/* Legacy entries sat 15px inside the list, which reaches 15px over the column on both sides. */
.iw_cpt_hcl .iw_cpt_help_center_entry {
    margin-left: 15px;
    margin-right: 15px;
}

/* Legacy headline: the full width minus the 24px icon, no gap between them. */
.iw_cpt_help_center_entry .iw_cpt_hc_header_wrapper {
    gap: 0;
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.iw_cpt_help_center_entry .iw_cpt_hc_entry_headline {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #1D1D1D;
}

.iw_cpt_help_center_entry .iw_cpt_hc_entry_content {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 0 0 0;
}

/* Help Center article: the legacy single-iw_help_center_item.php layout (iw-cpt-help-center 2.1.0 style.css),
   rooted at .baufi_hc_item so the CSS of the Foundation plugin does not apply. */
.baufi_hc_item .iw_hc_item_single_navigation {
    padding-top: 50px;
}

.baufi_hc_item .iw_hc_item_single_navigation .iw_hc_item_single_nav_action {
    float: left;
}

.baufi_hc_item .iw_hc_item_single_navigation a {
    display: inline-block;
}

.baufi_hc_item .iw_hc_item_single_navigation .iw_hc_item_single_nav_action {
    float: left;
    width: 24px;
    height: 24px;
}

.baufi_hc_item .iw_hc_item_single_navigation .iw_hc_item_single_nav_action svg {
    width: 24px;
    height: 24px;
}

.baufi_hc_item .iw_hc_item_single_navigation a .iw_hc_item_single_nav_headline {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    float: left;
    padding: 4px 0 0 10px;
    color: #1D1D1D;
}

.baufi_hc_item .iw_hc_item_single_col_wrapper {
    padding: 50px 0;
    margin-left: -15px;
    margin-right: -15px;
}

.baufi_hc_item .iw_hc_item_col-1-6 {
    width: 16.666666%;
    float: left;
    min-height: 1px;
    padding: 0 15px;
}

.baufi_hc_item .iw_hc_item_col-4-6 {
    width: 66.666666%;
    float: left;
    padding: 0 15px;
}

.baufi_hc_item .iw_hc_item_single_scp_headline {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.baufi_hc_item .iw_hc_item_single_scp_action {
    width: 24px;
    height: 24px;
    display: none;
}

.baufi_hc_item .iw_hc_item_single_scp_action svg {
    width: 24px;
    height: 24px;
}

.baufi_hc_item .iw_hc_item_single_scp_content_wrapper {
    height: unset;
    transition: all 0.6s ease 0s;
}

.baufi_hc_item .iw_hc_item_single_scp_entry {
    padding: 10px 0;
}

.baufi_hc_item .iw_hc_item_single_scp_entry a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #1D1D1D;
}

.baufi_hc_item .iw_hc_item_single_scp_wrapper {
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 15px;
}

.baufi_hc_item .iw_hc_item_single_headline {
    padding-bottom: 15px;
}

.baufi_hc_item .iw_hc_item_single_divider {
    border-bottom: 2px solid #DDDDDD;
    padding-top: 30px;
}

.baufi_hc_item .iw_hc_item_single_same_cat_posts .iw_hc_item_single_divider {
    padding-top: 15px;
    display: none;
}

@media screen and (max-width: 1230px) {

    .baufi_hc_item .iw_hc_item_single_col_wrapper {
        padding: 50px 0;
        margin: 0;
    }

}

@media screen and (max-width: 1000px) {

    .baufi_hc_item .space-col {
        display: none;
    }

    .baufi_hc_item .iw_hc_item_col-1-6 {
        width: 20%;
    }

    .baufi_hc_item .iw_hc_item_col-4-6 {
        width: 80%;
    }

    .baufi_hc_item .vc_col-sm-12 {
        width: 100%;
    }

    .baufi_hc_item .vc_col-sm-11 {
        width: 91.66666667%;
    }

    .baufi_hc_item .vc_col-sm-10 {
        width: 83.33333333%;
    }

    .baufi_hc_item .vc_col-sm-9 {
        width: 75%;
    }

    .baufi_hc_item .vc_col-sm-8 {
        width: 66.66666667%;
    }

    .baufi_hc_item .vc_col-sm-7 {
        width: 58.33333333%;
    }

    .baufi_hc_item .vc_col-sm-6 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .baufi_hc_item .vc_col-sm-5 {
        width: 41.66666667%;
    }

    .baufi_hc_item .vc_col-sm-4 {
        width: 33.33333333%;
    }

    .baufi_hc_item .vc_col-sm-3 {
        width: 25%;
    }

    .baufi_hc_item .vc_col-sm-2 {
        width: 16.66666667%;
    }

    .baufi_hc_item .vc_col-sm-1 {
        width: 8.33333333%;
    }

}

@media screen and (max-width: 720px) {

    .baufi_hc_item .iw_hc_item_col-1-6 {
        width: 100%;
    }

    .baufi_hc_item .iw_hc_item_col-4-6 {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .baufi_hc_item .iw_hc_item_single_scp_content_wrapper {
        height: 0;
    }

    .baufi_hc_item .iw_hc_item_single_scp_content {
        visibility: hidden;
        opacity: 0;
    }

    .baufi_hc_item .iw_hc_item_single_scp_headline {
        width: calc(100% - 24px);
        float: left;
    }

    .baufi_hc_item .iw_hc_item_single_scp_action {
        display: block;
        float: left;
    }

    .baufi_hc_item .iw_hc_item_single_scp_wrapper {
        border: 2px solid transparent !important;
        padding: 0;
    }

    .baufi_hc_item .iw_hc_item_single_scp_entry a {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        text-decoration: none;
    }

    .baufi_hc_item .iw_hc_item_single_scp_entry.active .iw_hc_item_single_scp_wrapper,
    .baufi_hc_item .iw_hc_item_single_scp_entry a:hover .iw_hc_item_single_scp_wrapper,
    .baufi_hc_item .iw_hc_item_single_scp_entry a:focus-visible .iw_hc_item_single_scp_wrapper {
        color: #B69C62;
        text-decoration: none;
    }

    .baufi_hc_item .iw_hc_item_single_same_cat_posts .iw_hc_item_single_divider {
        display: block;
    }

}

/* Legacy Base theme .content-width around single-iw_help_center_item.php and index.php (archive). */
.baufi_hc_item,
.baufi_legacy_index {
    max-width: 1200px;
    margin: auto;
    margin-bottom: -25px;
    width: 100%;
}

.baufi_hc_item .clearfix,
.baufi_legacy_index .clear {
    clear: both;
}

/* Legacy plugin style.css: the (empty) request area below the article. */
.baufi_hc_item .iw_cpt_help_center_request_wrapper {
    max-width: 380px;
    margin: 0 auto;
    padding: 100px 0;
}

/* Legacy template inline style with the highlight colour (option highlight_color #B69C62). */
.baufi_hc_item .iw_hc_item_single_scp_entry.active .iw_hc_item_single_scp_wrapper,
.baufi_hc_item .iw_hc_item_single_scp_entry a:hover .iw_hc_item_single_scp_wrapper,
.baufi_hc_item .iw_hc_item_single_scp_entry a:focus-visible .iw_hc_item_single_scp_wrapper {
    border-color: #B69C62;
    color: #B69C62;
}

.baufi_hc_item .iw_hc_item_single_scp_headline {
    display: block;
}

/* The Foundation plugin styles the back link without a root class. */
.baufi_hc_item .iw_hc_item_single_navigation a {
    display: inline-block;
    gap: 0;
    padding: 0;
    color: inherit;
}

/* The legacy header was a div; as a button it toggles the list below 721px (aria-expanded). */
.baufi_hc_item .iw_hc_item_single_scp_header_wrapper {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font: inherit;
    color: #1D1D1D;
    text-align: left;
    cursor: default;
}

.baufi_hc_item .iw_hc_item_single_scp_header_wrapper::after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 720px) {

    .baufi_hc_item .iw_hc_item_single_scp_header_wrapper {
        cursor: pointer;
    }

    .baufi_hc_item .iw_hc_item_single_same_cat_posts.open .iw_hc_item_single_scp_content_wrapper {
        height: auto;
    }

    .baufi_hc_item .iw_hc_item_single_same_cat_posts.open .iw_hc_item_single_scp_content {
        visibility: visible;
        opacity: 1;
    }

    .baufi_hc_item .iw_hc_item_single_same_cat_posts.open .iw_hc_item_single_scp_action svg {
        transform: rotate(180deg);
    }

}

/* Privacy text as in legacy: browser defaults instead of the Foundation spacing (Privacy.css). */
.iw-privacy-wrapper div {
    padding-bottom: 0;
}

.iw-privacy-wrapper h3 {
    padding-top: 0;
}

.iw-privacy-wrapper ul {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 40px;
}

.iw-privacy-wrapper th,
.iw-privacy-wrapper td {
    padding: 1px;
    vertical-align: middle;
}

/* CF7 Styling */
/* Legacy Base theme gave the field paragraphs 10px below; Foundation resets them to 0. */
.iw_contact_form p {
    margin-bottom: 10px;
}

.iw_contact_form {
    padding-bottom: 25px;
}

.iw_contact_form .standard_row {
    padding: 25px 0 0 0;
}

.iw_contact_form .content-element.half.left {
    padding: 0 12px 0 0;
}

.iw_contact_form .content-element.half.right {
    padding: 0 0 0 12px;
}

.iw_contact_form .content-element label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #1D1D1D;
}

/* Style for fields */
.iw_contact_form input,
.iw_contact_form textarea,
.iw_contact_form .iw-cf7-file span::after,
.iw_contact_form .iw-custom-select .option,
.iw_contact_form .iw-custom-select .select-field,
.iw_contact_form .iw-custom-select .option-wrapper {
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1D1D1D;
    border: none;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 5px 0 0 0;
}

.iw_contact_form input::placeholder,
.iw_contact_form textarea::placeholder {
    color: #1D1D1D;
}

.iw_contact_form textarea {
    height: 100px;
}

/* Styles for acceptance_row */
.iw_contact_form .acceptance_row {
    padding: 20px 0 0 0;
    margin: 0;
}

.iw_contact_form .acceptance_row span.wpcf7-list-item {
    padding: 0 0 0 30px;
}

.iw_contact_form .acceptance_row a {
    color: #B69C62;
    text-decoration: underline;
}

.iw_contact_form .acceptance_row a:hover {
    text-decoration: none;
}

.iw_contact_form .acceptance_row label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #1D1D1D;
}

.iw_contact_form .acceptance_row input[type=checkbox] + span::before,
.iw_contact_form .checkbox-element input[type="radio"] + span::before {
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    display: block;
    content: "";
    float: left;
    border: 2px solid #B69C62;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 6px 10px 0 -30px;
}

.iw_contact_form .acceptance_row input[type=checkbox]:checked + span::before,
.iw_contact_form .checkbox-element input[type="radio"]:checked + span::before {
    background-color: #B69C62;
    border: 2px solid #B69C62;
}

/* The native input is hidden behind the proxy box, so the proxy shows the keyboard focus. */
.iw_contact_form .acceptance_row input[type=checkbox]:focus-visible + span::before,
.iw_contact_form .checkbox-element input[type="radio"]:focus-visible + span::before {
    outline: 2px solid #1D1D1D;
    outline-offset: 2px;
}

/* Style for Submit Area */
.iw_contact_form .submit_row {
    padding: 25px 0 0 0;
    text-align: left;
}

.iw_contact_form input.wpcf7-submit {
    font-family: inherit;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #1D1D1D;
    padding: 20px 40px 16px 40px;
    background-color: #FFFFFF;
    cursor: pointer;
    width: inherit;
    border: 2px solid #FFFFFF;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.iw_contact_form input.wpcf7-submit:hover {
    background-color: #B69C62;
    color: #FFFFFF;
}

@media screen and (min-width: 641px) and (max-width: 1120px) {

    /* Legacy kept the open button 50px from the edge while the header padding shrank to 15px. */
    .iw_header .iw_mobile_navigation_buttons button.iw_mobile_navigation_button.open,
    .iw_header .iw_mobile_navigation_buttons button.iw_mobile_navigation_button.close {
        right: 35px;
    }

}

@media screen and (max-width: 1120px) {

    .iw_header.outside_grid .iw_header_content_area,
    .iw_footer .iw_footer_info_area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item {
        padding: 0 15px 0 15px;
    }

    .iw_header .iw_foundation_theme_navigation_widget .iw_navigation ul.top-level-menu > li.top-level-menu-item:last-child {
        padding: 0 0 0 15px;
    }

    .iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item {
        padding: 0 15px;
    }

    .iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item:first-child {
        padding: 0 15px 0 0;
    }

    .iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item:last-child {
        padding: 0 0 0 15px;
    }

}

@media screen and (max-width: 960px) {

    h1,
    .lookalike-h1 {
        font-size: 32px;
        line-height: 38px;
    }

    h2,
    .lookalike-h2 {
        font-size: 22px;
        line-height: 33px;
    }

    h3,
    .lookalike-h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .hello {
        font-size: 70px;
        line-height: 120px;
    }

}

@media screen and (max-width: 860px) {

    /* Legacy: copyright, menu and TAL icon stacked, all left-aligned. */
    .iw_footer .iw_footer_info_area,
    .iw_footer .iw_footer_info_area .iw_footer_info_area_block_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .iw-tech-agency-icon {
        padding: 10px 0 22px 0;
    }

    .iw_footer .iw_footer_info_area .iw_footer_info_area_block.left .iw_foundation_theme_copyright_text_widget {
        padding: 30px 0 10px 0;
    }

    .iw_footer .iw_navigation ul.top-level-menu {
        padding: 30px 0 22px 0;
        margin: 0;
    }

    .iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item:first-child,
    .iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item,
    .iw_footer .iw_navigation ul.top-level-menu > li.top-level-menu-item:last-child {
        padding: 0 10px 0 0;
    }

}

@media screen and (max-width: 640px) {

    h1,
    .lookalike-h1 {
        font-size: 28px;
        line-height: 34px;
    }

    h2,
    .lookalike-h2 {
        font-size: 20px;
        line-height: 31px;
    }

}

/* Legacy .col-1-3.footer_copyright-col.with-iw-tal-icon: a third of the footer minus the 72px agency icon,
   so the copyright wraps between 861 and 1120px. The left block sits in a wrapper without the icon. */
@media screen and (min-width: 861px) {

    .iw_footer .iw_footer_info_area_block.left {
        max-width: calc((100% + 72px) / 3 - 72px);
    }

}

/* Placeholder colours (GRD-19) of components the site uses but does not show yet: brand colours. */
.iw-post-list .iw-post-list__item .post_thumbnail_area.no-image {
    background: #B69C62;
}

.iw-post-list .iw-post-list__item .post_content_area,
.iw-post-list .iw-post-list__item.even .post_content_area {
    background-color: #FFFFFF;
}

button.iw_icon_button,
.iw-body-widgets-wrapper .iw_mobile_navigation_buttons button.iw_mobile_navigation_button {
    background-color: transparent;
}

.iw-body-widgets-wrapper .iw_mobile_navigation_buttons button.iw_mobile_navigation_button {
    background: transparent;
}

.iw_contact_form .standard_info_headline,
.iw_contact_form .iw-improved-custom-select .option,
.iw_contact_form .iw-improved-custom-select .select-field,
.iw_contact_form .iw-improved-custom-select .option-wrapper {
    color: #1D1D1D;
}

.iw_contact_form .iw-improved-custom-select .option,
.iw_contact_form .iw-improved-custom-select .select-field,
.iw_contact_form .iw-improved-custom-select .option-wrapper {
    border: none;
}

/* One rule per prefix: a selector a browser does not know drops the whole list. */
.iw_contact_form input::-webkit-input-placeholder {
    color: #1D1D1D;
}

.iw_contact_form textarea::-webkit-input-placeholder {
    color: #1D1D1D;
}

.iw_contact_form input::-moz-placeholder {
    color: #1D1D1D;
}

.iw_contact_form textarea::-moz-placeholder {
    color: #1D1D1D;
}

.iw_contact_form input:-ms-input-placeholder {
    color: #1D1D1D;
}

.iw_contact_form textarea:-ms-input-placeholder {
    color: #1D1D1D;
}

.iw_contact_form input::-ms-input-placeholder {
    color: #1D1D1D;
}

.iw_contact_form textarea::-ms-input-placeholder {
    color: #1D1D1D;
}

.iw_contact_form .iw-custom-select .option-wrapper .option:hover,
.iw_contact_form .iw-custom-select .option-wrapper .option.selected,
.iw_contact_form .iw-improved-custom-select .option-wrapper .option:hover,
.iw_contact_form .iw-improved-custom-select .option-wrapper .option.selected {
    background-color: #B69C62;
    color: #1D1D1D;
}

.iw_contact_form .checkbox-element input[type="checkbox"] + span::before {
    border: 2px solid #B69C62;
}

.iw_contact_form .checkbox-element input[type="checkbox"]:checked + span::before {
    background-color: #B69C62;
    border: 2px solid #B69C62;
}