/*
	Theme Name: LATEX
	Theme URI: http://solmedia.pl
	Description: Custom WordPress Theme
	Version: 1.0
	Author: Andrzej Bolewski
	Author URI: http://solmedia.pl
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
:root {
    --primary:#da251c;
    --yellow:#fde700;
}
@font-face {
    font-family: 'RedHat', sans-serif;
    src: url("fonts/RedHatText-Regular.woff2") format("woff");
    font-weight: 400;
}
@font-face {
    font-family: 'RedHat', sans-serif;
    src: url("fonts/RedHatText-Bold.woff2") format("woff");
    font-weight: 700;
}
body {
    font-family: 'Poppins', sans-serif;
    background: url(/wp-content/uploads/2023/10/michelin.jpg) center 5% no-repeat;
    background-size: cover;
    font-weight:400;
    overflow-x:hidden;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    background-attachment: fixed;
}
body.page-id-42 {
    background-image: url(/wp-content/uploads/2022/03/kia-tlo.jpg);
}
body.page-id-49 {
    background-image: url(/wp-content/uploads/2022/03/mazda-tlo.jpg);
}
body.page-id-51 {
    background-image: url(/wp-content/uploads/2022/03/nissan-tlo.jpg);
}
body.page-id-54 {
    background-image: url(/wp-content/uploads/2022/03/suzuki-tlo.jpg);
}
body.page-id-84 {
    background-image: url(/wp-content/uploads/2022/04/michelin-tlo1.jpg);
}
body.page-id-620 {
    background-image: url(/wp-content/uploads/2022/09/michelin-tlo2.jpg);
    /*background-position-y: bottom;*/
}
body.page-id-2588 {
    background-image: url('../../uploads/2023/03/hyundai-2023.jpg');
}
body.page-id-2610 {
    background-image: url('../../uploads/2023/03/kia-2023.jpg');
}
body.page-id-2614 {
    background-image: url('../../uploads/2023/03/mazda-2023.jpg');
}
body.page-id-2616 {
    background-image: url('../../uploads/2023/03/suzuki-2023.jpg');
}
body.page-id-2618 {
    background-image: url('../../uploads/2023/03/skoda-2023.jpg');
}
body.page-id-2620 {
    background-image: url('../../uploads/2023/03/nissan-2023.jpg');
}
body.page-id-2622 {
    background-image: url('../../uploads/2023/03/latex-2023.jpg');
}
body.page-id-2630 {
    background-image: url('../../uploads/2023/03/michelin.jpg');
}
body.page-id-2737 {
    background-image: url('../../uploads/2024/07/tlo-michelin2024b.jpg');
    background-size:cover;
}
@media (max-width: 1600px) and (min-width: 1200px) {
    body {
        background-size: inherit;
    }
}
img {
    max-width: 100%;
    height: auto;
}
main {
    min-height: 61vh;
}
@media (min-width: 1330px) {
    .container {
        width: 1270px;
    }
}
a {
    color:#000000;
    transition:0.3s all ease;
    word-break: break-word;
}
a:hover {
    opacity: .85;
    color: #000000;
}
h1,h2,h3,h4 {
    text-transform: uppercase;
}
h1 {
    font-weight: 900;
    font-size: 80px;
}
h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
}
h4 {
    color: var(--primary);
    border-bottom: 1px solid var(--primary);
    padding: 15px 5px 5px;
    font-size: 15px;
}
.btn {
    border: 1px solid #fff;
    padding: 10px 50px;
    border-radius:20px;
    background: inherit;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 auto
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.flex {
    display: flex;
}
@media (min-width: 1320px) {
    .container {
        width: 1300px;
    }
}
/*Sekcje*/
#stopka {
    position: relative;
}
#stopka .kc-feature-boxes b{
    color: var(--primary);
}
#stopka .stopka-michelin .kc-feature-boxes b{
    color: var(--yellow);
}
#stopka .kc-feature-boxes,#michelin-boxy .kc-feature-boxes{
    background: #000000b5;
    text-transform: uppercase;
}
#stopka .stopka-michelin .kc-feature-boxes,#michelin-boxy .kc-feature-boxes{
    background: #3266abb5;
    transform: skewX(-15deg);
}
#michelin-boxy .kc-feature-boxes{
    background: #000000dd;
}
#stopka .stopka-michelin .kc-feature-boxes .content-desc,#stopka .stopka-michelin .kc-feature-boxes .content-image,#michelin-boxy .content-desc,#michelin-boxy .content-image{
    transform: skewX(15deg);
}
#stopka .stopka-michelin .kc-feature-boxes .content-desc,#michelin-boxy .content-desc{
    position: relative;
    left: 15px;
}
#michelin-boxy b {
    color: #fde700;
}
#michelin-boxy .kc-feature-boxes {
    padding-left: 80px;
    margin-bottom: 35px;
}
#stopka .kc-feature-boxes .content-desc,#michelin-boxy .content-desc{
    color: #fff;
    margin: 0;
    padding: 15px;
    min-height: 125px;
}
#stopka a,#michelin-boxy a{
    color: #fff;
}
.stopka-michelin:before {
    content: url(../../uploads/2022/04/michelin-logo2.png);
    position: absolute;
    top: -189px;
    left: calc(50% - 640px);
}
/*menu*/
.nav>li>a:focus, .nav>li>a:hover, .nav>li.active>a {
    background-color:inherit;
}
.navbar-toggle .icon-bar {
    background: #8e4a8e;
    width: 30px;
    height: 3px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
.navbar-collapse {
    position: absolute;
    left: 0px;
    width: 100%;
    background: #fff;
    padding: 0 15px;
    top:160px;
    z-index: 9;
}
/*paski*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-left: 0px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #000000;
}
/*Misc*/
article p img {
    max-width: 100%;
    height: auto;
}
h4.title {
    font-size: 20px;
    font-weight: 700;
}
.readmore {
    display:inline-block;
    padding-bottom:30px;
}
.date-tags {
    display:flex;
    justify-content: space-between;
}
div.date {
    opacity: 0.6;
    font-size: 13px;
    margin-bottom: 5px;
    font-style: italic;
}
#searchform label {
    display: none;
}
/*Blog*/
.wrap-img {
    float: left;
    margin-right: 15px;
    max-width:300px;
}
.wrap_info h3{
    margin-top: 0;
}
#category .post {
    padding-bottom: 30px;
}
/*Editor*/
.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}
.alignnone, img.alignnone {
    /* not sure about this one */
}
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

@media (max-width: 991px) {
    #category .post {
        padding-bottom: 60px;
    }
    .wrap-img {
        text-align: center;
        float: none;
        margin-right: 0;
        max-width: none;
    }
}
body .kc-fb-layout-4 .content-image {
    width: auto;
    float: none;
}
body .kc-fb-layout-4 .content-image img {
    position: absolute;
    left: -50px;
    top: 20px;
}
body .kc-fb-layout-4 .box-right {
    padding: 10px 50px;
}
.wpcf7 .row {
    margin-bottom: 10px;
}
.wpcf7 a {
    color: #eee;
}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="date"],.wpcf7 textarea {
    max-width: 100%;
    padding: 3px 10px;
    border: 1px solid #555;
    border-radius:10px;
    background: inherit;
}
.wpcf7 input[type="date"] {
    background: url(img/icon-kalendarz.png) no-repeat 90% center;
}
label[for="dataur"] {
    font-weight: 400;
    position: relative;
    left: 10px;
    top: 10px;
}
.formularz {
    background: #000000b5;
    font-size: 10px;
    padding: 30px 40px 5px;
}
::placeholder {
    color: #fff
}
.zgody label {
    font-size: 10px;
    font-weight: 400;
}
.zgody input[type="checkbox"] {
    margin-right: 5px;
}
.wpcf7-list-item {
    margin: 0;
}
h4+.small{
    margin-top: -5px;
}
#post-620 .logo {
    background: #ffffff88;
    padding: 15px;
}
@media (max-width: 1600px) {
    #stopka .kc-feature-boxes .content-desc {
        font-size: 14px;
    }
    body {
        /*background-position-x: -15.4vw;*/
    }
    h1 {
        font-size: 60px;
    }
    .logo {
        background: #ffffff88;
        padding: 15px;
    }
}
@media (min-width: 992px) {
    .wpcf7 .col-md-6:first-child {
        padding-right: 8px;
    }
    .wpcf7 .col-md-6:last-child {
        padding-left: 8px;
    }
}
@media (max-width: 991px) {
    .kc_row.kc_row_inner >*,.kc-wrap-columns > *{
        width: 100% !important;
    }
    .wpcf7 .col-md-6:first-child {
        padding-bottom: 8px;
    }
    .wpcf7 .col-md-6 {
        text-align: center;
    }
    body .kc-fb-layout-4 .content-image {
        width: auto;
    }
    h1 {
        font-size: 32px;
    }
    .formularz {
        margin-top: 30px;
    }
    #stopka .kc-feature-boxes {
        margin: 5px 10px;
    }
    body .kc-fb-layout-4 .content-image img {
        position: static;
        margin-top: 15px;
        margin-left: 5px;
    }
    body .kc-fb-layout-4 .box-right {
        padding: 10px 15px;
    }
    .stopka-michelin:before {
        display: none;
    }
    #stopka .stopka-michelin .kc-feature-boxes,#stopka .stopka-michelin .kc-feature-boxes .content-image,#stopka .stopka-michelin .kc-feature-boxes .content-desc {
        transform:none !important;
    }
}
.wpcf7-spinner {
    position: absolute;
}

/**************************************/
/*         New layout overides        */
/**************************************/

/* Global overrides */

body {
    min-height: 100vh;
}

.verdestein__flexed-centered-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Background image */

.verdestein {
    background-image: url('/wp-content/uploads/2022/07/Vredestein_strona_gray.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.honda {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2022/09/honda-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.hyundai {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2022/09/hyundai-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.kia {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/wp-content/uploads/2022/09/kia-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.mazda {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/wp-content/uploads/2022/09/mazda-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.mitsubishi {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2022/09/mitsubishi-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.nissan {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2022/09/nissan-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.suzuki {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2022/09/suzuki-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.vgp {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2022/09/vgp-bg-scaled.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
}

.hankook {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2023/02/hankook_web.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.verdestein__text-block {
    align-items: center;
    justify-content: center;
}

.verdestein__icon-box {
    width: max-content;
}

.verdestein__icon-box .content-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto;
    float: none !important;
    margin-bottom: 20px;
    background-color: #363636;
    border-radius: 50%;
    border: 4px outset #f1ebe5;
}

.verdestein__icon-box .content-image img {
    width: 40px;
}

.verdestein__icon-box.verdestein__icon-box--chat-icon .content-image img {
    width: 50px !important;
}

.verdestein__icon-box .content-desc {
    font-weight: 700;
}

.verdestein__icon-box .content-icon {
    display: none;
}

.formularz--verdestein {
    padding: 10px 30px;
}

.verdestein-form input[type="text"],
.verdestein-form input[type="email"],
.verdestein-form input[type="tel"],
.verdestein-form textarea {
    width: 90%;
    border: none;
    border-bottom: 1px solid #f1ebe5;
    border-radius: 0;
    transition: opacity 200ms ease-in-out;
}

.verdestein-form input[type="submit"] {
    background-color: #0049d5;
    border-color: #0049d5;
}

.hankook .verdestein-form input[type="submit"] {
    background-color: #ff4c00;
    border-color: #ff4c00;
}

.verdestein-form input[type="submit"]:hover {
    color: #f1ebe5;
    opacity: .7;
}

.verdestein-form h2 {
    text-align: center;
    margin-bottom: 20px;
}

.verdestein-form h3 {
    color: #0049d5;
    border-color: #0049d5;
    margin: 10px 0;
}

.hankook .verdestein-form h3 {
    color: #ff4c00;
    border-color: #ff4c00;
}

.verdestein #stopka,
.honda #stopka,
.page-id-416 #stopka,
.kia #stopka,
.mazda #stopka,
.mitsubishi #stopka,
.nissan #stopka,
.suzuki #stopka,
.vgp #stopka,
.hankook #stopka {
    display: none;
}

.kc-feature-boxes  {
    position: relative;
}
.michelin-zima-info {
    color: #000;
    background: #ffffff55;
    border-radius:30px;
    padding: 15px 30px;
}
/*.michelin-zima-info {
	color: #000;
	position: relative;
}
.michelin-zima-info > * {
	position: relative;
	z-index: 2;
}
.michelin-zima-info .blur {
  background: rgba(255, 255, 255, 0.2); 
  backdrop-filter: blur(8px); 
  height: 100px;
	width: 100%;
	position: absolute;
	z-index: 0;
}*/
@media (max-width: 991px) {
    #michelin-boxy .kc-feature-boxes {
        padding-left: 30px;
    }
}
.page-id-2630 #stopka .kc_row_inner {
    display: none;
}
.ramka2024 {
    background: #ffffff57;
    padding-top: 15px;
}
.page-id-2737 .form-success {
    display: none;
}


/* Vredestein overrides */

body.vredestein-2024:not(.page-id-125) form > * {
	pointer-events: auto;
}

body.vredestein-2024:not(.page-id-125) {
    background: linear-gradient(0deg, rgba(244, 235, 228, 0.5), rgba(244, 235, 228, 0.5)), url(/wp-content/uploads/2024/07/vredestein-bg-scaled.jpg);
    background-color: #f4ebe2;
    background-size: cover;
    background-repeat: no-repeat;
    color: #3955a6;
}

@media (max-width: 1279px) {
    body.vredestein-2024:not(.page-id-125) .kc-col-container {
        background-image: url(/wp-content/uploads/2024/07/vredestein-mobile-bg-image.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (max-width: 1279px) {
    body.vredestein-2024:not(.page-id-125) .kc-col-container > div:first-of-type {
        background: linear-gradient(0deg, rgba(244, 235, 228, 0.5), rgba(244, 235, 228, 0.5)), url(/wp-content/uploads/2024/07/vredestein-bg-scaled.jpg);
        background-position: right;
        background-size: cover;
    }
}

@media (max-width: 1279px) {
    body.vredestein-2024:not(.page-id-125) .kc-col-container > div:last-of-type {
        padding: 60px 25px;
        background-color: rgb(0 0 0 / 60%);
    }
}

body.vredestein-2024:not(.page-id-125) form > *:not(.form-success) {
    opacity: 1;
}

body.vredestein-2024:not(.page-id-125) .form-success h2,
body.vredestein-2024:not(.page-id-125) .form-success p {
    display: none !important;
}

body.vredestein-2024:not(.page-id-125) .qb {
    background: none;
    background-color: rgb(0 0 0 / 60%);
}


@media (max-width: 1279px) {
    body.vredestein-2024:not(.page-id-125) .qb,
    body.vredestein-2024:not(.page-id-125) .qc {
        color: #ffffff;
    }
}

body.vredestein-2024:not(.page-id-125) .qa {
    gap: 100px;
    height: 100%;
}

body.vredestein-2024:not(.page-id-125) .qa-left svg {
    max-width: 260px;
    width: 100%;
}

body.vredestein-2024:not(.page-id-125) .qa-right svg {
    filter: none;
}

body.vredestein-2024:not(.page-id-125) .qa .qa-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 1279px) {
    body.vredestein-2024:not(.page-id-125) .qa .qa-content {
        gap: 50px;
    }

    body.vredestein-2024:not(.page-id-125) .qa .qa-content .qa-right {
        flex-direction: column;
        align-items: center;
    }

    body.vredestein-2024:not(.page-id-125) .qa .qa-slogan {
        text-align: center;
        margin-top: 20px;
    }

    body.vredestein-2024:not(.page-id-125) .qa .qa-slogan h1 {
        position: relative;
    }
}

body.vredestein-2024:not(.page-id-125) .qa .qa-slogan {
    flex-direction: column;
    gap: 0;
}

body.vredestein-2024:not(.page-id-125) .qa p {
    font-size: 20px;
    font-weight: 600;
}

body.vredestein-2024:not(.page-id-125) .qa p span {
    margin: 0 10px;
    font-weight: 200;
    color: #ed2046;
}

@media (max-width: 600px) {
    body.vredestein-2024:not(.page-id-125) .qa p {
        font-size: 16px;
        display: flex;
        flex-direction: column;
    }

    body.vredestein-2024:not(.page-id-125) .qa p span {
        visibility: hidden;
        font-size: 10px;
    }
}

body.vredestein-2024 .qa .qa-content .qa-right svg {
    width: 300px;
}


@media (max-width: 500px) {
    body.vredestein-2024 .qa .qa-content .qa-right svg {
        width: 100%;
    }
}

body.vredestein-2024:not(.page-id-125) .qc-upper > div svg {
    width: 74px;
    height: auto;
    border-radius: 50%;
    box-shadow: 5px 5px 20px 0px rgb(57 85 166 / 17%);
}

@media (min-width: 2560px) {
    body.vredestein-2024:not(.page-id-125) .qc-upper > div svg {
        width: 117px;
        height: auto;
        border-radius: 50%;
        box-shadow: 5px 5px 20px 0px rgb(57 85 166 / 17%);
    }
}

body.vredestein-2024:not(.page-id-125) .qb form {
    padding-bottom: 60px;
    color: #ffffff;
}

body.vredestein-2024 .wpcf7 form .wpcf7-response-output {
    display: block;
    border-color: transparent;
    position: absolute;
    bottom: -15px;
}

body.vredestein-2024 .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: #46b450;
    color: white;
}

body.vredestein-2024 .wpcf7 form.invalid .wpcf7-response-output {
    border-color: orange;
    background-color: orange;
    color: white;
}

body.vredestein-2024:not(.page-id-125) form .row input {
    box-shadow: 5px 5px 20px 0px rgb(57 85 166 / 17%);
}

@media (max-width: 1536px) {
    body.vredestein-2024:not(.page-id-125) form .row input {
        font-size: 12px;
    }
}

body.vredestein-2024:not(.page-id-125) .zgody input {
    box-shadow: 5px 5px 20px 0px rgb(57 85 166 / 17%);
}

body.vredestein-2024:not(.page-id-125) form input[type="submit"] {
    background-color: #ffffff;
    box-shadow: 5px 5px 20px 0px rgb(57 85 166 / 17%);
    color: #3955a6;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color .3s, border-color .3s, color .3s;
}

body.vredestein-2024:not(.page-id-125) form input[type="submit"]:hover {
    background-color: #3955a6;
    border-color: #3955a6;
    color: #ffffff;
}


body.vredestein-2024:not(.page-id-125) form input[type="submit"]:active,
body.vredestein-2024:not(.page-id-125) form input[type="submit"]:focus {
    background-color: #3955a6;
    border-color: #3955a6;
    color: #ffffff;
}