/*
Theme Name: Breitling Germany - Media
Theme URI: https://www.breitling-germany.com/
Description: Breitling Germany - Media - Twenty Twenty-Three Child Theme
Author: Slava Mayevski
Author URI: https://rpunkt.de/
Template: twentytwentythree
Version: 1.0.0
Text Domain: twenty-twenty-three-child
*/

@font-face {
    font-family: 'Italian Plate No2';
    src: url('/wp-content/themes/breitling-child/fonts/ItalianPlateNo2/ItalianPlateNo2-Regular.woff2') format('woff2'),
        url('/wp-content/themes/breitling-child/fonts/ItalianPlateNo2/ItalianPlateNo2-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Italian Plate No2';
    src: url('/wp-content/themes/breitling-child/fonts/ItalianPlateNo2/ItalianPlateNo2-Demibold.woff2') format('woff2'),
        url('/wp-content/themes/breitling-child/fonts/ItalianPlateNo2/ItalianPlateNo2-Demibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Italian Plate No2';
    src: url('/wp-content/themes/breitling-child/fonts/ItalianPlateNo2/ItalianPlateNo2-Extralight.woff2') format('woff2'),
        url('/wp-content/themes/breitling-child/fonts/ItalianPlateNo2/ItalianPlateNo2-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

body {
    overflow-x: hidden;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif !important;
	/* background-color: #111820; */
    /* background-image: url("/wp-content/uploads/2022/09/background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; */
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 600 !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif !important;
}
a,p,button {
    font-weight: normal !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif !important;
}

body > div.wp-site-blocks {
    display: flex;
    flex-direction: column;
    height: 100vh;
    /* height: 100%; */
    padding-top: 0;
    padding-bottom: 0;
}

body > div > header,
body > div > .wp-block-group {
    flex-shrink: 0;
}
body > div > main {
    flex: 1 0 auto;
}
body > div > footer {
    flex-shrink: 0;
}

p {
    font-size: 20px;
}

body.home {
    overflow: hidden;
    background: linear-gradient(90deg, #111820 0%, #111820 50%, #FFAA00 50%) !important;
}
body.home:before {
    content: "";
    position: absolute;
    top: 36px;
    right: -134px;
    display: flex;
    width: 913px;
    height: 100%;
    background: url(/wp-content/themes/breitling-child/img/breitling-motifs-icon-bg.svg) top right/70% no-repeat;
    z-index: -1;
}
body.home main.wp-block-group {
    margin:0 !important;
    padding: 0 !important;
    /* background: linear-gradient(90deg, #111820 0%, #111820 50%, #FFAA00 50%) !important; */
}
@media (max-width: 781px) {
    body.home {
        background: linear-gradient(180deg, #111820 0%, #111820 50%, #FFAA00 50%) !important;
    }
    body.home:before {
        background: unset !important;
    }
    body.home main.wp-block-group {
        margin:0 !important;
        padding: 0 !important;
        background: unset !important;
    }
    body.home .home-header-logo {
        width: 100%;
    }
    body.home .home-header-logo > hr {
        margin-top: 23px !important;
    }
    body.home .home-header-logo > hr + div {
        display: flex;
        justify-content: center;
    }
    body.home .home-header-logo > hr + div > figure {
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 782px) and (max-width: 1140px) {
    body.home:before {
        background: url(/wp-content/themes/breitling-child/img/breitling-motifs-icon-bg.svg) top right/60vw no-repeat;
    }
}
@media (min-width: 1141px) and (max-width: 1599px) {
    body.home:before {
        background: url(/wp-content/themes/breitling-child/img/breitling-motifs-icon-bg.svg) top right/70% no-repeat;
    }
}
@media (min-width: 1600px) {
    body.home:before {
        background: url(/wp-content/themes/breitling-child/img/breitling-motifs-icon-bg.svg) top right/100% no-repeat;
    }
}
body.home main.wp-block-group > .wp-block-columns {
    height: 100%;
}
body.home main.wp-block-group > .wp-block-columns > .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
body.home main.wp-block-group > .wp-block-columns > .wp-block-column > .wp-block-group {
    min-height: 192px;
}
body.home main.wp-block-group > .wp-block-columns > .wp-block-column p {
    color: #ffffff;
}
body.home .wp-block-button > .wp-block-button__link {
    padding-top: 17px !important;
}
body.page-template-wp-custom-template-ads {
    background: #111820;
}
body.page-template-wp-custom-template-ads:before {
    content: "";
    position: fixed;
    top: 36px;
    right: -134px;
    display: flex;
    width: 913px;
    height: 100%;
    background: url("/wp-content/themes/breitling-child/img/breitling-ads-icon-bg.svg") no-repeat;
    z-index: -5;
}
.page-template-wp-custom-template-ads .quform-option-text {
    bottom: -1px !important;
}
.sidebar-produktbilder {
    background: #FFC72C;
    position: fixed;
    top: 226px;
    right: 60px;
    width: 290px;
    height: 60px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    transform: rotateZ(270deg);
    transform-origin: right top;
}
.sidebar-produktbilder a {
    color: #111820;
    text-decoration: none;
}
.sidebar-produktbilder a:hover {
    color: #111820;
    text-decoration: none;
}

body.page-template-wp-custom-template-images {
    background: #FFAA00;
}
body.page-template-wp-custom-template-images:before {
    content: "";
    position: fixed;
    top: 36px;
    right: -134px;
    display: flex;
    width: 913px;
    height: 100%;
    background: url("/wp-content/themes/breitling-child/img/breitling-motifs-icon-bg.svg") no-repeat;
    z-index: -5;
}
.sidebar-motifs {
    background: #111820;
    position: fixed;
    top: 226px;
    right: 60px;
    width: 290px;
    height: 60px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    transform: rotateZ(270deg);
    transform-origin: right top;
}
.sidebar-motifs a {
    color: #ffffff;
    text-decoration: none;
}
.sidebar-motifs a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* QUFORM */
.quform h4 {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff !important;
}
.quform p {
    font-size: 20px;
    color: #ffffff !important;
}
.quform label {
    font-size: 20px;
    color: #ffffff !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif;
}
.quform input,
.quform select {
    font-size: 18px !important;
    height: 50px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 8px 20px !important;
    color: #8D8D8D !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif;
}
.quform textarea {
    font-size: 18px !important;
    height: 210px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 8px 20px !important;
    color: #8D8D8D !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif;
}
.quform .quform-upload-button {
    font-size: 18px !important;
    height: 50px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 8px 20px !important;
    color: #111820 !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif;
    padding-top: 13px !important;
}
.quform input::placeholder,
.quform .quform-upload-button::placeholder,
.quform textarea::placeholder {
    font-size: 18px !important;
    color: #8D8D8D !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif;
}
.quform-theme-light.quform-datepicker .k-calendar .k-footer, .quform-theme-light.quform-datepicker .k-calendar .k-header, .quform-theme-light.quform-datepicker .k-calendar .k-header .k-state-hover {
    background-color: #111820;
}
.quform-field-checkbox:checked + .quform-option-label {
    position: relative;
}
.quform-field-checkbox:checked + .quform-option-label:before {
    content:"" !important;
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 199, 44, 0.55);
    z-index: 1;
}
    /* ADs */
.quform .quform-element-1_45>.quform-spacer>.quform-child-elements>.quform-element-row-1_46 {
    display: flex;
    height: 100%;
}
.quform .quform-element-1_45>.quform-spacer>.quform-child-elements>.quform-element-row-1_46>.quform-element-1_48 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.quform .quform-element-2_45>.quform-spacer>.quform-child-elements>.quform-element-row-2_46 {
    display: flex;
    height: 100%;
}
.quform .quform-element-2_45>.quform-spacer>.quform-child-elements>.quform-element-row-2_46>.quform-element-2_48 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 479px) {
    body.page-template-wp-custom-template-ads .quform-input-checkbox .quform-options-columns > .quform-option {
        width: 184px !important;
    }
    .quform-element-row-3_46 {
        flex-direction: column;
    }
    .quform-element-row-3_56 {
        display: flex;
        flex-direction: row;
    }
}

    /* Motifs */
body.page-template-wp-custom-template-images .is-layout-flow,
body.page-template-wp-custom-template-images .is-layout-flow > * + * {
    width: 100%;
}
.quform .quform-element-3_45>.quform-spacer>.quform-child-elements>.quform-element-row-3_46 {
    display: flex;
    height: 100%;
}
.quform .quform-element-3_45>.quform-spacer>.quform-child-elements>.quform-element-row-3_46>.quform-element-3_48 {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
body.page-template-wp-custom-template-images .quform .quform-label.quform-label-3_98,
body.page-template-wp-custom-template-images .quform .quform-label.quform-label-3_99921 {
    font-size: 18px !important;
    height: 50px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    color: #8D8D8D !important;
    font-family: 'Italian Plate No2', Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center;
}
body.page-template-wp-custom-template-images .quform .quform-field-checkbox:checked + .quform-option-label:before {
    content: none;
}
body.page-template-wp-custom-template-images .quform-3 .quform-input-3_98 .quform-option .quform-option-label {
    width: 100% !important;
    border: 0px solid transparent !important;
}
body.page-template-wp-custom-template-images .quform .quform-element.quform-element-column.quform-element-3_57,
body.page-template-wp-custom-template-images .quform .quform-element.quform-element-column.quform-element-3_106 {
    width: auto !important;
}
body.page-template-wp-custom-template-images .quform .quform-label-3_99921 {
    width: auto !important;
}
body.page-template-wp-custom-template-images .qtip {
    max-width: 100%;
}
body.page-template-wp-custom-template-images .qtip .qtip-content {
    width: auto;
    padding: 10px 9px;
}
body.page-template-wp-custom-template-images .qtip .qtip-content .quform-tooltip-icon-content-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
body.page-template-wp-custom-template-images .qtip .qtip-content .quform-tooltip-icon-content-inner > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.page-template-wp-custom-template-images .qtip .qtip-content .quform-tooltip-icon-content-inner > div + div {
    margin-left: 10px;
}

@media only screen and (max-width: 479px) {
    body.page-template-wp-custom-template-images .quform-3 .quform-input-3_98 > .quform-options {
        display: flex !important;
        flex-wrap: wrap;
    }
    body.page-template-wp-custom-template-images .quform-3 .quform-input-3_98 > .quform-options > .quform-option {
        display: flex !important;
        flex: 1 0 50%;
    }
}