/*
Theme Name: MAN Zerniki Child
Theme URI: https://manzerniki.pl/
Description: Motyw potomny dla MAN Zerniki
Author: MAN Zerniki
Author URI: https://manzerniki.pl/
Template: manzerniki
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manzerniki-child
*/

/* Condensed fonts */
@font-face {
  font-display:swap;
  font-family:"MANEurope Condensed";
  src:url("/wp-content/assets/fonts/MAN_EU-Condensed-Bold.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Condensed-Bold.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Condensed-Bold.ttf") format("truetype");
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-display:swap;
  font-family:"MANEurope Condensed";
  src:url("/wp-content/assets/fonts/MAN_EU-Condensed-Regular.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Condensed-Regular.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Condensed-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-display:swap;
  font-family:"MANEurope Condensed";
  src:url("/wp-content/assets/fonts/MAN_EU-Condensed-Light.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Condensed-Light.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Condensed-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
}

/* Regular fonts */
@font-face {
  font-display:swap;
  font-family:"MANEurope";
  src:url("/wp-content/assets/fonts/MAN_EU-Bold.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Bold.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Bold.ttf") format("truetype");
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-display:swap;
  font-family:"MANEurope";
  src: url("/wp-content/assets/fonts/MAN_EU-Regular.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Regular.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-display:swap;
  font-family:"MANEurope";
  src:url("/wp-content/assets/fonts/MAN_EU-Light.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Light.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-display:swap;
  font-family:"MANEurope-light";
  src:url("/wp-content/assets/fonts/MAN_EU-Light.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-Light.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-display:swap;
  font-family:"MANEurope";
  src:url("/wp-content/assets/fonts/MAN_EU-LightItalic.woff") format("woff"),
  url("/wp-content/assets/fonts/MAN_EU-LightItalic.woff2") format("woff2"),
  url("/wp-content/assets/fonts/MAN_EU-LightItalic.ttf") format("truetype");
  font-weight:300;
  font-style:italic;
}

:root {
    --green-color: #91b900;
    --yellow-color: #ffcd00;
    --primary-color: #303c49;
    --primary-100-color: #cbd3dc;
    --primary-500-color: #5b6f85;
    --primary-800-color: #303c49;
    --secondary-color: #e40045;
    --secondary-800-color: #ac003f;
    --primary-50-color: #eaedf3;
    --dark-blue-color: #244a82
}

:root {
    --font-family-base: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-bold: "MANEurope Condensed", var(--font-family-base);
    --font-family-regular-bold: arial, var(--font-family-base);
    --font-family-light: "MANEurope-light", var(--font-family-base);
}

:root {
    --font-family-icon: man-icon, sans-serif;
    --font-size-base: 16px;
    --font-size-p: var(--font-family-base);
    --white-color: #fff;
    --black-color: #000;
    --body-color: #303c49;
    --header-nav-color: #f4f5f6;
    --link-inline-color: var(--secondary-color);
    --link-inline-hover-color: rgb(146.4, 0, 44.3052631579);
    --component-spacing-y: 32px;
    --component-spacing-y--sm: 28px;
    --grid-gutter-width: 40px;
    --header-height: 64px;
    --header-page-name-color: #5b6f85;
}

:root {
    --button-primary-bg-color: var(--primary-color);
    --button-primary-bg-color-hover: color-mix(in srgb, var(--button-primary-bg-color) 85%, #fff);
    --button-primary-color: var(--white-color);
    --button-secondary-bg-color: var(--secondary-color);
    --button-secondary-bg-color-hover: color-mix(in srgb, var(--button-secondary-bg-color) 85%, #000);
    --button-secondary-color: var(--white-color);
    --button-primary-outline-bg-color: var(--white-color);
    --button-primary-outline-bg-color-hover: color-mix(in srgb, var(--button-primary-outline-bg-color) 95%, #000);
    --button-primary-outline-color: var(--primary-color);
    --button-white-outline-bg-color: #000;
    --button-white-outline-color: var(--white-color);
    --button-close-bg-color: transparent;
    --button-close-bg-color-hover: transparent;
    --button-close-border-color: transparent;
    --button-close-color: #000;
    --button-close-color-hover: rgb(0 0 0 / 60%);
    --button-bg-color: var(--button-primary-bg-color);
    --button-color: var(--button-primary-color);
    --button-border-color: none;
    --button-bg-hover-color: var(--button-primary-bg-color-hover);
}

body {
    font-family: var(--font-family-light), 'Arial';
    font-size: var(--font-size-base);
    color: var(--body-color);
}

.button.button--primary-outline {
    --button-bg-color: var(--button-primary-outline-bg-color);
    --button-color: var(--button-primary-outline-color);
    --button-border-color: var(--button-primary-outline-color);
    --button-bg-hover-color: var(--button-primary-outline-bg-color-hover);
}

.card .title__heading,.cmp-accordion__title,.man-stage-item-content__headline {
    text-transform: uppercase;
}

.man-menu__wrapper {
    padding: 0;
}

.man-menu__wrapper .man-menu {
    height: 45px;
    display: flex;
    align-items: center;
}

.man-menu__wrapper .man-menu .menu-item:hover>.man-submenu {
    transform: none;
}

.man-menu-hover {
    height: 2px;
    left: 0;
    bottom: 0;
    top: unset;
    margin-bottom: 2px;
    margin-top: 0;
    transition: none;
}

.man-menu__wrapper .man-menu>.menu-item {
    margin: 0 15px;
}

.man-menu__desktop .man-menu__container .man-page-name,
.man-mobile-menu__wrapper--mobile-simple-menu .man-page-name {
    font-size: 14px;
    color: var(--header-page-name-color) !important;
    font-family: var(--font-family-light);
}

.man-menu__desktop .man-menu__container .man-page-name .highlight,
.man-mobile-menu__wrapper--mobile-simple-menu .man-page-name .highlight {
    color: #008DD2;
}

.man-menu__desktop .man-menu__container .man-page-name {
    margin-bottom: -2px;
}

.man-mobile-menu__wrapper--mobile-simple-menu .man-page-name {
    display: inline-block;
    margin-left: 20px;
}

@media (min-width: 1025px) {
    .man-menu__wrapper .man-logo {
        margin-right: 0;
    }
}

@media (min-width: 1100px) {
    .man-menu__wrapper .man-logo {
        margin-right: 0;
    }
}

@media (min-width: 1920px) {
    .man-menu__wrapper .man-logo {
        margin-right: 0;
    }
}

@media (min-width: 767px) {
    .man-mobile-menu__wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

.man-menu__wrapper .man-menu__left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.man-menu__wrapper .man-menu__left .man-logo {
    margin-top 0;
    margin-left: auto;
    flex: 0 1 auto;
    align-self: auto;
}

.man-menu__wrapper .man-menu .man-menu__link {
    font-family: var(--font-family-bold) !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}


.man-copyrights {
    line-height: 1em;
}

body {
  font-family: 'MANEurope';
  font-size: 15px;
  line-height: 1.4;
}

.text-small {
  font-size: 12px;
  line-height: 1.4;
}

h1,
.elementor-elementor.elementor-widget h1 {
    font-family: 'MANEurope Condensed';
    font-size: 32px;
    line-height: 36px;
    line-height: 1.1;
    font-weight: bold;
    text-transform: UPPERCASE;
}

h2 {
    font-family: 'MANEurope';
    font-size: 32px;
    line-height: 36px;
    line-height: 1.1;
}

h3 {
    font-family: 'MANEurope';
    font-size: 22px;
    line-height: 1.1;
}

h4 {
    font-family: 'MANEurope';
    font-size: 18px;
    line-height: 1.1;
}

h5 {
  font-family: 'Arial';
  font-size: 15px;
  line-height: 1.1;
  font-weight: bold;
}

@media (min-width: 768px) {
    h1,
    .elementor-elementor.elementor-widget h1 {
      font-size: 44px;
      line-height: 48px
    }
    h2 {
      font-size: 36px;
      line-height: 40px
    }
}

@media (min-width: 1200px) {
    h1,
    .elementor-elementor.elementor-widget h1 {
      font-size: 60px;
      line-height: 64px;
    }
    h2 {
      font-size: 40px;
      line-height: 44px;
    }
}

.list-vehicle {
    padding-left: 29px;
    list-style: none;
}

.elementor-widget-text-editor ul li,
.list-vehicle li {
  position: relative;
  overflow: hidden;
  margin-left: -16px;
  padding-left: 16px;
}

.elementor-widget-text-editor ul li::before,
.list-vehicle li::before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 6px;
    height: 25px;
    background-color: var(--secondary-color);
    margin-left: 0;
}

.man-contact-form select, .man-contact-form textarea, .man-contact-form input[type=date], .man-contact-form input[type=email], .man-contact-form input[type=number], .man-contact-form input[type=password], .man-contact-form input[type=search], .man-contact-form input[type=tel], .man-contact-form input[type=text] {
    border-radius: 0;
}

.button .elementor-button,
.man-contact-form input[type=submit],
.man-button {
    cursor: pointer;
    display: inline-block;
    padding: 16px;
    font-family: var(--font-family-regular-bold);
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1429;
    color: var(--button-color);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .0775rem;
    background-color: var(--button-bg-color);
    border: 1px solid var(--button-border-color);
    transition: background-color .3s ease;
    border-radius: 0;
}

.button.button-primary-outline .elementor-button,
.man-contact-form input[type=submit],
.man-button {
    --button-bg-color: var(--button-primary-outline-bg-color);
    --button-color: var(--button-primary-outline-color);
    --button-border-color: var(--button-primary-outline-color);
    --button-bg-hover-color: var(--button-primary-outline-bg-color-hover);
}

.man-contact-form input[type=submit] {
    max-width: 300px;
}

.button .elementor-button:hover,
.man-contact-form input[type=submit]:hover,
.man-button:hover {
    --button-bg-color: var(--button-bg-hover-color)
}

.footer-general-notes h5 {
    margin: 0 0 16px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

.footer-general-notes p {
    margin: 0 0 16px;
    line-height: 25px;
    font-family: var(--font-family-light);
}

.elementor-widget-text-editor {
    font-family: var(--font-family-light), 'Arial';
    font-size: var(--font-size-base);
    color: var(--body-color);
    line-height: initial;
}

.man-blog-card__inner {
    border-radius: 0;
}

.man-blog-card__image,
.man-blog-card__image img {
    border-radius: 0;
}

.man-blog-card__content h3 {
    text-transform: uppercase;
}

.elementor-element.on-image .elementor-heading-title {
    color: var(--white-color) !important;
}

.bg-light {
    background-color: rgb(244, 245, 246);
}

h5.elementor-heading-title {
    margin-bottom: 15px;
}

.man-posts--v2 .man-blog-card-v2__button-wrapper .man-button {
    width: 100%;
}

.man-blog-card__inner {
    box-shadow: none;
    border: none;
}

.man-blog-card__content {
    padding: 0;
    padding-bottom: 25px;
}

@media (min-width: 768px) {
    .man-blog-card__content {
        padding: 0;
        padding-bottom: 30px;
        text-align: left;
    }
}

.man-blog-card__content h3 {
    margin: 24px 0;
}