/**
* Theme Name: YITH Proteo Child
* Description: This is a child theme of YITH Proteo, generated by YITH_Proteo_Wizard.
* Author: <a href="https://yithemes.com">YITH</a>
* Template: yith-proteo
* Version: 1.2.2
*/
/* --------------------------------- TYPOGRAFIA --------------------------------- */
h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 16px;
}

p {
  margin-top: 0;
}

h2 {
  margin-top: 48px;
}

h3 {
  margin-top: 32px;
}

article p a:hover {
  text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
body.page-template-page-czerwony h1 a,
body.page-template-page-czerwony h2 a,
body.page-template-page-czerwony h3 a,
body.page-template-page-czerwony h4 a,
body.page-template-page-czerwony h5 a,
body.page-template-page-czerwony h6 a {
	color: inherit;
}

/* google fonts | material symbols */
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 40;
}
/* naprawa ikon na przetlumaczonej stronie */
html:lang(en) .material-symbols-outlined,
html:lang(de) .material-symbols-outlined {
	display: none !important;
}

/* font-size: s m l x */
@media only screen and (max-width: 991px) {
  article .has-large-font-size {
    font-size: 26px !important;
  }
}
/* kolumny */
.wp-block-column p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  body .has-x-large-font-size {
    font-size: 28px !important;
  }
  body .has-medium-font-size {
    font-size: 19px !important;
  }
}
/* --------------------------------- SZABLON --------------------------------- */
/* gorny pasek */
#topbar > .container {
	padding: 0 15px;
}
#topbar .container .widget_block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#topbar .container .widget_block .gorny-pasek-prawa-strona {
  display: inline-block;
  padding-right: 35px;
  text-align: right;
}
#topbar .container .widget_block .gorny-pasek-prawa-strona * {
  display: inline-block;
  margin-left: 14px;
}
.gorny-pasek-serwis {
	color: #00a5e3;
}

@media only screen and (max-width: 1199px) {
  #topbar .container .widget_block .gorny-pasek-prawa-strona {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #topbar .tylko_desktop {
    display: none;
  }
  #topbar .widget_block {
    justify-content: end !important;
  }
}
/* gorne menu */
.menu-toggle {
  background: #fff;
  border-radius: 4px;
}

body.admin-bar #mobile-menu {
  padding-top: 50px;
}

.site-header.sticky .header-contents {
	padding: 8px 15px;
}

.main-navigation.toggled #yith-proteo-mobile-menu {
  margin-top: 0;
}

.main-navigation.toggled ul.nav-menu.mobile-menu-align-right li {
	text-align: right;
}

@media only screen and (max-width: 1399px) {
  .menu > li.menu-item {
    margin-right: 16px;
    font-size: 13px;
  }
  .menu .sub-menu {
    left: -20px;
    padding: 20px 20px 8px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .menu > li.menu-item {
    margin-right: 35px;
    font-size: 18px;
  }
  .main-navigation.toggled ul.nav-menu li a {
		white-space: collapse;
	}
}

/* desktopowe menu - kiedy brakuje szerokosci, przenosi na dol conajmniej dwa ostatnie elementy */
.mt_destkotp_menu_span {
	display: inline-block;
}
@media only screen and (max-width: 1399px) {
  .menu > li.menu-item, .menu > .mt_destkotp_menu_span > li.menu-item {
		margin-right: 16px;
    font-size: 13px;
  }
}



.mt_naglowek_h1_wraz_z_podpisem {
  text-align: center;
}
.mt_naglowek_h1_wraz_z_podpisem p {
  font-size: 20px;
}

body.page header.entry-header h1.entry-title {
  margin-top: 64px;
}

/* breadcrumbsy */
.container > span:nth-child(1) {
  display: block;
  margin-bottom: 32px;
}

body.single-post.proteo_post_layout_background_picture header.alignfull {
  margin-top: -30px;
  min-height: 400px !important;
}


div.site-content {padding-top: 10px;}

/* kolumny */
.wp-block-columns > .wp-block-column {
  margin-bottom: 0;
}
.wp-block-columns > .wp-block-column .wp-block-image:last-child, .wp-block-columns > .wp-block-column p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child),
  .wp-block-columns:last-child,
  .wp-block-embed:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .wp-block-columns.wp-block-columns-is-layout-flex {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1300px) {
  .mt_kolumny_tylko_na_desktopie {
    flex-direction: column !important;
  }
}
.wp-block-columns.mt_youtube_columns {
  flex-wrap: nowrap !important;
}

/* blog */
body.blog .container .container {
  padding: 0;
}

.blog-posts article .entry-title {
  margin-top: 10px;
}

/* archiwum */
body.archive .date-and-thumbnail {
  display: none;
}

body.archive .page-title {
  margin-top: 0;
  font-size: 28px;
  font-weight: 400;
  text-transform: lowercase;
}

body.archive .page-title span {
  text-transform: uppercase;
  font-weight: 700;
}

#main-footer a.mt_social, #main-footer a.mt_social:hover {
  text-decoration: none;
}

button, input[type=button],
input[type=reset],
input[type=submit],
.button,
.widget a.button,
.wishlist-submit.popup_button,
.button-style-1:not(.wp-block-button),
.button-style-1 a,
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color),
input[type=file]::-webkit-file-upload-button,
body.update-cart-button-style table.cart tbody tr td.actions button[name=update_cart],
body.update-cart-button-style td.actions .empty-cart,
body.yith-proteo-add-to-cart-style-button_style_1 .wc-block-grid__product .add_to_cart_button,
body.yith-proteo-add-to-cart-style-button_style_1 .added_to_cart.wc-forward,
body .wpforms-form button[type=submit].wpforms-submit,
.wp-block-button.is-style-button-style-1 .wp-block-button__link:not(.has-background):not(.has-text-color),
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.checkout {
  border: none;
}

/* stopka */
footer .footer-sidebar-1 {
  display: none;
  background: #ff0;
}



/* wymuszenie kolumn na waskich ekranach */
@media screen and (min-width: 768px) and (max-width: 991px){
	.wp-block-columns.mt_kolumny_na_tablecie {
		flex-direction: row;
		flex-wrap: nowrap !important;
	}
}


/* ukrywanie na urzadzeniach */
@media screen and (max-width: 991px){
	.mt_pokaz_tylko_na_desktopie {
		display: none !important;
	}
}
@media screen and (min-width: 992px){
	.mt_pokaz_tylko_na_mobile_i_tablecie {
		display: none !important;
	}
}



/* --------------------------------- GUTENBERG - MOJE --------------------------------- */
/* dla wybranych naglowkow */
.margin_top_0 {
  margin-top: 0 !important;
}

/* przekladanka */
.mt_przekladanka_z_szerokim_tlem .wp-block-columns {
  margin: 0 0 50px 0;
}
.mt_przekladanka_z_szerokim_tlem .wp-block-columns.wyrozniony_produkt {
  padding: 30px;
  border: solid 1px #2B3134;
  border-radius: 4px;
  box-shadow: 5px 9px 13px 0px rgba(43, 49, 52, 0.2);
}
.mt_przekladanka_z_szerokim_tlem h1, .mt_przekladanka_z_szerokim_tlem h2, .mt_przekladanka_z_szerokim_tlem h3, .mt_przekladanka_z_szerokim_tlem h4, .mt_przekladanka_z_szerokim_tlem h5, .mt_przekladanka_z_szerokim_tlem h6 {
  margin-top: 0;
}
.mt_przekladanka_z_szerokim_tlem .wp-block-image:last-child {
  margin-bottom: 0;
}
.mt_przekladanka_z_szerokim_tlem .wp-block-column {
  margin-bottom: 0 !important;
}
@media (max-width: 1279px) {
  .mt_przekladanka_z_szerokim_tlem .wp-block-columns {
    flex-direction: column;
  }
  .mt_przekladanka_z_szerokim_tlem .wp-block-columns:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .mt_przekladanka_z_szerokim_tlem .wp-block-columns:last-child {
    margin-bottom: 0;
  }
}

/* dodatkowe wyposazenie */
@media (max-width: 1399px) {
  .mt_dodatkowe_wyposazenie .wp-block-ub-content-toggle-accordion-title-wrap {
    min-height: 78px;
  }
}
@media (max-width: 991px) {
  .mt_dodatkowe_wyposazenie .wp-block-ub-content-toggle-accordion-title-wrap {
    min-height: 107px;
  }
}
@media (max-width: 781px) {
  .mt_dodatkowe_wyposazenie .wp-block-ub-content-toggle-accordion-title-wrap {
    min-height: unset;
  }
}
@media (max-width: 768px) {
  .mt_dodatkowe_wyposazenie .wp-block-columns {
    display: block;
  }
  .mt_dodatkowe_wyposazenie .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    margin-bottom: 0;
  }
  .mt_dodatkowe_wyposazenie .wp-block-ub-content-toggle {
    margin: 0;
  }
}

/* grafitowy tab na glownej */
.grafitowy_tab .wp-block-ub-tabbed-content-tab-title-wrap {
  border-color: #2B3134 !important;
}
.grafitowy_tab .wp-block-ub-tabbed-content-tab-title-wrap .wp-block-ub-tabbed-content-tab-title {
  color: #2B3134;
}
.grafitowy_tab .wp-block-ub-tabbed-content-tab-title-wrap.active {
  background: #2B3134 !important;
}
.grafitowy_tab .wp-block-ub-tabbed-content-tab-title-wrap.active .wp-block-ub-tabbed-content-tab-title {
  color: #fff;
}
.grafitowy_tab .wp-block-ub-tabbed-content-tabs-content {
  border-color: #171759;
}
.grafitowy_tab .wp-block-button .wp-element-button {
  background: #2B3134;
}
.grafitowy_tab .wp-block-button .wp-element-button:hover {
  background: #D70021 !important;
}

/* umow konsultacje */
.mt_umow_konsultacje {
  color: #fff;
  background: #2B3134;
}
.mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color) {
  margin: 0;
  color: #fff;
  background: #4E46B2;
}
.mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #2B3134;
  background: #fff;
}

/* wyliczanka */
.mt_wyliczanka {
  padding: 0 100px;
}
.mt_wyliczanka .wiersz {
  position: relative;
  display: flex;
  flex-direction: row;
  padding-bottom: 40px;
}
.mt_wyliczanka .wiersz h3 {
  margin-top: 0;
  margin-bottom: 8px;
}
.mt_wyliczanka .wiersz p {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
}
.mt_wyliczanka .wiersz .kolumna_z_tekstem p:last-child {
  margin-bottom: 0;
}
.mt_wyliczanka .wiersz:last-child {
  padding-bottom: 0;
}
.mt_wyliczanka .wiersz::after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 0;
  top: 0;
  left: 29px;
  z-index: 10;
  border: solid 2px #4E46B2;
  border-right: none;
}
.mt_wyliczanka .wiersz:last-child::after {
  display: none;
}
.mt_wyliczanka .kolumna_z_numerem {
  position: relative;
  z-index: 20;
  margin-right: 30px;
  display: flex;
  align-content: center;
  align-items: center;
  text-align: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  background: #4E46B2;
  border-radius: 50%;
}
.mt_wyliczanka .numer {
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}

@media only screen and (max-width: 1600px) {
  .mt_wyliczanka {
    padding: 0;
  }
  .mt_wyliczanka .kolumna_z_numerem {
    margin-right: 20px;
  }
  .mt_wyliczanka .wiersz p {
    font-size: 16px;
  }
}
/* blok html | lista z ikonami */
.mt_lista_z_ikonami .mt_lista_z_ikonami_punkt {
  margin: 0;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  align-items: start;
  font-size: 19px;
  line-height: 150%;
  gap: 10px;
  border-bottom: solid 1px #D2D2D2;
}
.mt_lista_z_ikonami .mt_lista_z_ikonami_punkt .ikona_punktu .material-symbols-outlined {
  position: relative;
  top: -1px;
  display: block;
  font-size: 36px;
}
.mt_lista_z_ikonami .mt_lista_z_ikonami_punkt:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 991px) {
  .mt_lista_z_ikonami .mt_lista_z_ikonami_punkt {
    font-size: 16px;
  }
  .mt_lista_z_ikonami .mt_lista_z_ikonami_punkt .ikona_punktu .material-symbols-outlined {
    top: 1px;
    font-size: 28px;
  }
}
/* blok html | ramki z ikonami po lewej */
.mt_ramki_z_ikona_po_lewej {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 60px;
  grid-row-gap: 0;
  align-items: start;
}
.mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej {
  display: flex;
  flex-direction: row;
  align-items: start;
  height: 100%;
  padding: 40px 20px;
  border-bottom: solid 1px #4E46B2;
}
.mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h1, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h2, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h3, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h4, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h5, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h6 {
  margin: 0 0 10px 0;
  font-size: 24px;
  color: #4E46B2;
}
.mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej p {
  margin: 0 0 10px 0;
  font-size: 18px;
}
.mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej p:last-child {
  margin-bottom: 0;
}
.mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej {
  margin-right: 30px;
}
.mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej .material-symbols-outlined {
  font-size: 64px;
  color: #4E46B2;
}

.mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny {
  grid-template-columns: auto auto auto;
}
.mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej {
  padding: 30px 0;
}

@media only screen and (max-width: 1200px) {
  .mt_ramki_z_ikona_po_lewej,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny {
    grid-template-columns: auto;
    grid-row-gap: 16px;
  }
  .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej {
    padding: 30px 0;
  }
  .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h1, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h2, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h3, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h4, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h5, .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h6,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej h1,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej h2,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej h3,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej h4,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej h5,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej h6 {
    font-size: 20px;
  }
  .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej p,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej p {
    font-size: 14px;
  }
  .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej,
  .mt_ramki_z_ikona_po_lewej.mt_ramki_3_kolumny .mt_ramka_z_ikona_po_lewej .ikona_po_lewej {
    margin-right: 16px;
  }
}

/* przycisk do awarii */
a.przycisk_do_awarii {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	max-width: 260px !important;
	padding: 16px 20px;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	background: #4e46b2;
	border-radius: 3px;
	transition: background 300ms;
}
a.przycisk_do_awarii:hover,
a.przycisk_do_awarii:active {
	background: #00a5e3 !important;
}
.przycisk_do_awarii span {
	display: block;
}
.przycisk_do_awarii .material-symbols-outlined
{
	font-size:40px;
	color: #fff;
}

/* baner a przyciskiem do PDF-a z opiniami */
.mt_baner_opinie {
	padding-top: 60px;
	padding-bottom: 40px;
	background: url('https://dev.metal-technika.com.pl/wp-content/uploads/2024/07/background_kropki.jpg');
	background-size: cover;
}
.mt_baner_opinie p {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	font-size: 20px;
	text-transform: uppercase;
	max-width: 640px;
	background: #DFAB2D;
}


/* --------------------------------- GUTENBERG - CUDZE --------------------------------- */
/* blok | tabela */
.wp-block-table table, .wp-block-table tr, .wp-block-table td, .wp-block-table th {
  border-collapse: collapse;
  border: none !important;
  border-bottom: solid 1px #666 !important;
}

/* blok | post grid */
.ub-block-post-grid-title {
  font-size: 20px;
}

@media only screen and (max-width: 992px) {
  .ub-block-post-grid .is-grid.columns-3 {
    grid-template-columns: 1fr;
  }
}
/* blok | cover */
.wp-block-cover p {
  line-height: 145%;
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)) {
  color: #2B3134 !important;
}

/* mapka google */
.leaflet-pane {
  z-index: 100 !important;
}

.leaflet-bottom, .leaflet-top {
  z-index: 110 !important;
}

/* formularze */
.wpcf7-form label.formularz-zgoda {
  display: flex;
  flex-direction: row;
}

/* blok | licznik */
@media only screen and (max-width: 1024px) {
  .wp-block-ctrb-counters .ctrbCounter {
    max-width: 200px !important;
    max-height: 200px !important;
  }
  .wp-block-ctrb-counters .ctrbCounter .counterNumber {
    font-size: 30px !important;
  }
  .wp-block-ctrb-counters .ctrbCounter .counterLabel {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 770px) {
  .ctrbCounters.columns-tablet-2 {
    grid-template-columns: auto;
  }
}
/* blok | taby */
.wp-block-ub-tabbed-content h1, .wp-block-ub-tabbed-content h2, .wp-block-ub-tabbed-content h3, .wp-block-ub-tabbed-content h4, .wp-block-ub-tabbed-content h5, .wp-block-ub-tabbed-content h6 {
  margin-top: 0;
}

.wp-block-ub-tabbed-content-tab-title-wrap {
  text-align: center !important;
}

/* blok | slider z opiniami */
.yith-slider {
  margin-bottom: 60px;
}
.yith-slider .yith-slider-dots.style-4 {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
}
.yith-slider .yith-slider-dots.style-4 li {
  margin-bottom: 0;
  margin: 0 10px;
}
.yith-slider .yith-slider-dots.style-4 li button {
  width: 20px;
  height: 20px;
  border-color: #4E46B2;
}
.yith-slider .yith-slider-dots.style-4 li.slick-active button,
.yith-slider .yith-slider-dots.style-4 li:hover button {
  background: #4E46B2;
  border-color: #4E46B2;
}
.yith-slider .yith-slider-nav {
  display: none !important;
}
.yith-slider .ub_testimonial {
  margin: 0;
  padding: 0;
}
.yith-slider .slide-container {
  padding: 0;
}
.yith-slider .yith-slider-slide p {
  margin-bottom: 20px;
}
.yith-slider .ub_testimonial_sign {
  padding: 0 20px;
}

/* blok slider z opiniami */
.yith-slider .yith-slider-slide p:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .yith-slider {
    height: 350px !important;
  }
}
@media only screen and (max-width: 479px) {
  .yith-slider {
    height: 450px !important;
  }
  .yith-slider .slide-container {
    padding-top: 0;
  }
  .yith-slider .ub_testimonial_content {
    padding-top: 20px;
  }
  .yith-slider .ub_testimonial_text {
    margin-bottom: 20px;
  }
}

/* blok z wpisami */
.wp-block-ub-post-grid article .ub-block-post-grid-image {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	/*filter: contrast(0.7) brightness(1) sepia(1) hue-rotate(160deg) saturate(1);*/
}
.wp-block-ub-post-grid article .ub-block-post-grid-image img {
	scale: 1;
	transition: scale 1000ms;
}
.wp-block-ub-post-grid article:hover .ub-block-post-grid-image img,
.wp-block-ub-post-grid article:active .ub-block-post-grid-image img{
	scale: 1.1;
}
.ub-block-post-grid header .ub-block-post-grid-title {
	text-align: center;
}
.ub-block-post-grid header .ub-block-post-grid-title a:hover {
	text-decoration: none;
}

/* szablon po aktualizacji pozmienial sobie paddingi */
.wp-block-ub-content-toggle-accordion-content-wrap {
	padding-left: 25px;
	padding-right: 25px;
}

ul.mt_lista_bez_punktorow {
	padding-left: 0;
}
ul.mt_lista_bez_punktorow li {
	list-style: none;
}


/* --------------------------------- WYBRANE PODSTRONY --------------------------------- */
/* home */
.mt_ikony_oferty {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 60px;
}
.mt_ikony_oferty .oferta {
  position: relative;
  display: block;
  height: 100%;
  padding: 60px;
  color: #2B3134;
  border: solid 1px #2B3134;
  border-radius: 4px;
}
.mt_ikony_oferty .oferta .header {
  margin-left: -30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mt_ikony_oferty .oferta .header .material-symbols-outlined {
  margin-right: 10px;
  display: block;
  font-size: 60px;
  color: #4E46B2;
}
.mt_ikony_oferty .oferta .header h2 {
  margin: 0;
  font-size: 32px;
  color: #4E46B2;
}
.mt_ikony_oferty .oferta .tresc {
  margin-top: 30px;
  margin-bottom: 50px;
}
.mt_ikony_oferty .oferta .tresc p {
  margin: 0 0 30px 0;
}
.mt_ikony_oferty .oferta .tresc img {
  margin: 0 0 30px 0;
  width: 100%;
}
.mt_ikony_oferty .oferta .wp-block-button {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.mt_ikony_oferty .oferta_drewno .header .material-symbols-outlined {
  color: #ACC900;
}
.mt_ikony_oferty .oferta_automatyzacja .header .material-symbols-outlined {
  color: #4E46B2;
}
.mt_ikony_oferty .oferta_metal .header .material-symbols-outlined {
  color: #D70021;
}
.mt_ikony_oferty .oferta_drewno .header h2 {
  color: #ACC900;
}
.mt_ikony_oferty .oferta_automatyzacja .header h2 {
  color: #4E46B2;
}
.mt_ikony_oferty .oferta_metal .header h2 {
  color: #D70021;
}
.mt_ikony_oferty .oferta_drewno .wp-block-button .wp-block-button__link:hover {
  background: #ACC900;
}
.mt_ikony_oferty .oferta_automatyzacja .wp-block-button .wp-block-button__link:hover {
  background: #4E46B2;
}
.mt_ikony_oferty .oferta_metal .wp-block-button .wp-block-button__link:hover {
  background: #D70021;
}

@media only screen and (max-width: 1399px) {
  .mt_ikony_oferty {
    grid-column-gap: 20px;
  }
  .mt_ikony_oferty .oferta {
    padding: 20px;
  }
  .mt_ikony_oferty .header {
    margin-left: -10px;
  }
  .mt_ikony_oferty .header .material-symbols-outlined {
    font-size: 50px;
  }
  .mt_ikony_oferty .header h2 {
    font-size: 24px;
  }
  .mt_ikony_oferty .wp-block-button {
    bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .mt_ikony_oferty {
    grid-template-columns: auto;
    grid-row-gap: 30px;
  }
}
/* owd 1600 */
.mt_panel_tytulowy {
  padding: 48px 0;
}
.mt_panel_tytulowy .wp-block-media-text {
  margin: 0 auto;
  max-width: 1800px;
}

.mt_szczotkowane_tlo_poziomo {
  background-image: url("http://dev.metal-technika.com.pl/wp-content/uploads/2023/10/szczotkowane_tlo_poziomo_rozjasnione-scaled.jpg");
}

/* --------------------------------- KOLORY --------------------------------- */
/* zielony */
body.page-template-page-zielony article a, body.page-template-page-zielony article a:hover {
  color: #ACC900;
}
body.page-template-page-zielony .main-navigation a:hover,
body.page-template-page-zielony header.sticky .main-navigation a:hover {
  color: #ACC900;
}
body.page-template-page-zielony .container > span:nth-child(1) a {
  color: #ACC900;
}
body.page-template-page-zielony .wp-block-button a {
  color: #fff;
}
body.page-template-page-zielony .wp-block-button a.wp-block-button__link:hover,
body.page-template-page-zielony .wp-block-button a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #fff;
  background: #ACC900;
}
body.page-template-page-zielony .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color) {
  margin: 0;
  color: #fff;
  background: #ACC900;
}
body.page-template-page-zielony .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #2B3134;
  background: #fff;
}
body.page-template-page-zielony .mt_wyliczanka .kolumna_z_numerem {
  background: #ACC900;
}
body.page-template-page-zielony .mt_wyliczanka .wiersz::after {
  border: solid 1px #ACC900;
}
body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej {
  border-bottom: solid 1px #ACC900;
}
body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h1, body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h2, body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h3, body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h4, body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h5, body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h6 {
  color: #ACC900;
}
body.page-template-page-zielony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej .material-symbols-outlined {
  color: #ACC900;
}
body.page-template-page-zielony .yith-slider .yith-slider-dots.style-4 {
  border-color: #ACC900;
}
body.page-template-page-zielony .yith-slider .yith-slider-dots.style-4 li button {
  border-color: #ACC900;
}
body.page-template-page-zielony .yith-slider .yith-slider-dots.style-4 li.slick-active button, body.page-template-page-zielony .yith-slider .yith-slider-dots.style-4 li:hover button {
  background: #ACC900;
  border-color: #ACC900;
}
body.page-template-page-zielony .yith-slider-dots.style-4 li button {
  border-color: #ACC900;
}
body.page-template-page-zielony a.mt_social svg path {
  fill: #ACC900 !important;
}

/* czerwony */
body.page-template-page-czerwony article a, body.page-template-page-czerwony article a:hover {
  color: #D70021;
}
body.page-template-page-czerwony .main-navigation a:hover,
body.page-template-page-czerwony header.sticky .main-navigation a:hover {
  color: #D70021;
}
body.page-template-page-czerwony .container > span:nth-child(1) a {
  color: #D70021;
}
body.page-template-page-czerwony .wp-block-button a {
  color: #fff;
}
body.page-template-page-czerwony .wp-block-button a.wp-block-button__link:hover,
body.page-template-page-czerwony .wp-block-button a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #fff;
  background: #D70021;
}
body.page-template-page-czerwony .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color) {
  margin: 0;
  color: #fff;
  background: #D70021;
}
body.page-template-page-czerwony .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #2B3134;
  background: #fff;
}
body.page-template-page-czerwony .mt_wyliczanka .kolumna_z_numerem {
  background: #D70021;
}
body.page-template-page-czerwony .mt_wyliczanka .wiersz::after {
  border: solid 1px #D70021;
}
body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej {
  border-bottom: solid 1px #D70021;
}
body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h1, body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h2, body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h3, body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h4, body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h5, body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h6 {
  color: #D70021;
}
body.page-template-page-czerwony .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej .material-symbols-outlined {
  color: #D70021;
}
body.page-template-page-czerwony .yith-slider .yith-slider-dots.style-4 {
  border-color: #D70021;
}
body.page-template-page-czerwony .yith-slider .yith-slider-dots.style-4 li button {
  border-color: #D70021;
}
body.page-template-page-czerwony .yith-slider .yith-slider-dots.style-4 li.slick-active button, body.page-template-page-czerwony .yith-slider .yith-slider-dots.style-4 li:hover button {
  background: #D70021;
  border-color: #D70021;
}
body.page-template-page-czerwony .yith-slider-dots.style-4 li button {
  border-color: #D70021;
}
body.page-template-page-czerwony a.mt_social svg path {
  fill: #D70021 !important;
}

/* zloty */
body.page-template-page-zloty article a, body.page-template-page-zloty article a:hover {
  color: #DFAB2D;
}
body.page-template-page-zloty .main-navigation a:hover,
body.page-template-page-zloty header.sticky .main-navigation a:hover {
  color: #DFAB2D;
}
body.page-template-page-zloty .container > span:nth-child(1) a {
  color: #DFAB2D;
}
body.page-template-page-zloty .wp-block-button a {
  color: #fff;
}
body.page-template-page-zloty .wp-block-button a.wp-block-button__link:hover,
body.page-template-page-zloty .wp-block-button a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #fff;
  background: #DFAB2D;
}
body.page-template-page-zloty .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color) {
  margin: 0;
  color: #fff;
  background: #DFAB2D;
}
body.page-template-page-zloty .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #2B3134;
  background: #fff;
}
body.page-template-page-zloty .mt_wyliczanka .kolumna_z_numerem {
  background: #DFAB2D;
}
body.page-template-page-zloty .mt_wyliczanka .wiersz::after {
  border: solid 1px #DFAB2D;
}
body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej {
  border-bottom: solid 1px #DFAB2D;
}
body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h1, body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h2, body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h3, body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h4, body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h5, body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h6 {
  color: #DFAB2D;
}
body.page-template-page-zloty .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej .material-symbols-outlined {
  color: #DFAB2D;
}
body.page-template-page-zloty .yith-slider .yith-slider-dots.style-4 {
  border-color: #DFAB2D;
}
body.page-template-page-zloty .yith-slider .yith-slider-dots.style-4 li button {
  border-color: #DFAB2D;
}
body.page-template-page-zloty .yith-slider .yith-slider-dots.style-4 li.slick-active button, body.page-template-page-zloty .yith-slider .yith-slider-dots.style-4 li:hover button {
  background: #DFAB2D;
  border-color: #DFAB2D;
}
body.page-template-page-zloty .yith-slider-dots.style-4 li button {
  border-color: #DFAB2D;
}
body.page-template-page-zloty a.mt_social svg path {
  fill: #DFAB2D !important;
}

/* blekitny */
body.page-template-page-blekitny article a, body.page-template-page-blekitny article a:hover {
  color: #00A5E3;
}
body.page-template-page-blekitny .main-navigation a:hover,
body.page-template-page-blekitny header.sticky .main-navigation a:hover {
  color: #00A5E3;
}
body.page-template-page-blekitny .container > span:nth-child(1) a {
  color: #00A5E3;
}
body.page-template-page-blekitny .wp-block-button a {
  color: #fff;
}
body.page-template-page-blekitny .wp-block-button a.wp-block-button__link:hover,
body.page-template-page-blekitny .wp-block-button a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #fff;
  background: #00A5E3;
}
body.page-template-page-blekitny .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color) {
  margin: 0;
  color: #fff;
  background: #00A5E3;
}
body.page-template-page-blekitny .mt_umow_konsultacje .wp-block-button.is-style-button-style-1 a.wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  color: #2B3134;
  background: #fff;
}
body.page-template-page-blekitny .mt_wyliczanka .kolumna_z_numerem {
  background: #00A5E3;
}
body.page-template-page-blekitny .mt_wyliczanka .wiersz::after {
  border: solid 1px #00A5E3;
}
body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej {
  border-bottom: solid 1px #00A5E3;
}
body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h1, body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h2, body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h3, body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h4, body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h5, body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej h6 {
  color: #00A5E3;
}
body.page-template-page-blekitny .mt_ramki_z_ikona_po_lewej .mt_ramka_z_ikona_po_lewej .ikona_po_lewej .material-symbols-outlined {
  color: #00A5E3;
}
body.page-template-page-blekitny .yith-slider .yith-slider-dots.style-4 {
  border-color: #00A5E3;
}
body.page-template-page-blekitny .yith-slider .yith-slider-dots.style-4 li button {
  border-color: #00A5E3;
}
body.page-template-page-blekitny .yith-slider .yith-slider-dots.style-4 li.slick-active button, body.page-template-page-blekitny .yith-slider .yith-slider-dots.style-4 li:hover button {
  background: #00A5E3;
  border-color: #00A5E3;
}
body.page-template-page-blekitny .yith-slider-dots.style-4 li button {
  border-color: #00A5E3;
}
body.page-template-page-blekitny a.mt_social svg path {
  fill: #00A5E3 !important;
}





/* --------------------------------- ANIMOWANIE SCROLLEM --------------------------------- */
/*
 * w gutenbergu klasy animacji musza miec przedrostek js_
 * np. js_animuj_przezroczystosc
 * element_aniowany_scrollem bez przedrostka zostawic
*/
/* fix dla zbyt szerokiego contentu na mobilce, kiedy sa dodane animacje blokow */
div#content {
	overflow: hidden;
}
.wp-block-columns {
	overflow: hidden;
}
.element_animowany_scrollem.animuj_przezroczystosc {
	opacity: 0;
}
.element_animowany_scrollem.animuj_przezroczystosc.animacja_zakonczona {
  transition: opacity 600ms;
	opacity: 1;
}
.element_animowany_scrollem.wejscie_z_lewej,
.element_animowany_scrollem.wejscie_z_prawej,
.element_animowany_scrollem.wejscie_z_gory,
.element_animowany_scrollem.wejscie_z_dolu,
.element_animowany_scrollem.wejscie_z_prawej_na_desktopie_z_lewej_na_mobile,
.element_animowany_scrollem.wejscie_z_prawej_na_mobile_stoi_na_desktopie {
	opacity: 0;
}
.element_animowany_scrollem.wejscie_z_lewej.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_prawej.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_gory.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_dolu.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_prawej_na_desktopie_z_lewej_na_mobile.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_prawej_na_mobile_stoi_na_desktopie.animacja_zakonczona {
	transition: opacity 600ms, transform 600ms;
}
.element_animowany_scrollem.wejscie_z_lewej {
	transform: translate(-60px,0);
}
.element_animowany_scrollem.wejscie_z_prawej {
	transform: translate(60px,0);
}
.element_animowany_scrollem.wejscie_z_gory {
	transform: translate(0,-60px);
}
.element_animowany_scrollem.wejscie_z_dolu {
	transform: translate(0,60px);
}
.element_animowany_scrollem.wejscie_z_prawej_na_desktopie_z_lewej_na_mobile {
	transform: translate(60px,0);
}
@media (max-width: 1200px){
		.element_animowany_scrollem.wejscie_z_prawej_na_desktopie_z_lewej_na_mobile {
		transform: translate(-60px,0);
	}
	.element_animowany_scrollem.wejscie_z_prawej_na_mobile_stoi_na_desktopie {
		transform: translate(60px,0);
	}
}
.element_animowany_scrollem.wejscie_z_lewej.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_prawej.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_gory.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_dolu.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_prawej_na_desktopie_z_lewej_na_mobile.animacja_zakonczona,
.element_animowany_scrollem.wejscie_z_prawej_na_mobile_stoi_na_desktopie.animacja_zakonczona {
	opacity: 1;
	transform: translate(0,0);
}