@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');

@font-face {
  font-family: 'Panton Rust Script';
  src: url('/wp-content/uploads/topkitchen/PantonRustScrSmBold-Gr.woff2') format('woff2'),
       url('/wp-content/uploads/topkitchen/PantonRustScrSmBold-Gr.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --tk-main: #006939;
  --tk-accent: #ee7219;
  --tk-heading: #101312;
  --tk-muted: rgba(16,19,18,0.74);
  --tk-hero-bg: rgba(238,114,25,0.14);
  --tk-font1: 'Roboto Mono', monospace;
  --tk-font2: 'Panton Rust Script', cursive;
}

body,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-button .elementor-button,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--tk-font1) !important;
}

.tk-accent {
  font-family: var(--tk-font2) !important;
  color: var(--tk-accent) !important;
  font-style: normal !important;
  display: block;
}

.elementor-button,
.elementor-button-wrapper .elementor-button {
  font-family: var(--tk-font1) !important;
}

.tk-hero {
  background: var(--tk-hero-bg) !important;
  padding: 50px 0 100px !important;
  overflow: visible !important;
}

.tk-hero .elementor-widget-heading h4.elementor-heading-title {
  font-size: 17px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: var(--tk-heading) !important;
  line-height: 1.2 !important;
}

.tk-hero .elementor-widget-heading h2.elementor-heading-title {
  font-size: 54px !important;
  font-weight: 700 !important;
  color: var(--tk-heading) !important;
  line-height: 1.1 !important;
}

.tk-hero .elementor-widget-text-editor,
.tk-hero .elementor-widget-text-editor p {
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: var(--tk-heading) !important;
}

.tk-hero .elementor-button {
  background-color: var(--tk-main) !important;
  border-color: var(--tk-main) !important;
  color: #fff !important;
}

.tk-products-4 h2.elementor-heading-title,
.tk-gastronomy h2.elementor-heading-title,
.tk-novelties-8 h2.elementor-heading-title,
.tk-cooking-text h2.elementor-heading-title,
.tk-why-heading h2.elementor-heading-title,
.tk-partners-heading h2.elementor-heading-title {
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--tk-heading) !important;
}

.tk-cta h2.elementor-heading-title {
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #fff !important;
}

.tk-cta h2.elementor-heading-title .tk-accent {
  color: #fff !important;
  font-family: var(--tk-font2) !important;
}

.tk-products-4 .elementor-widget-text-editor,
.tk-products-4 .elementor-widget-text-editor p,
.tk-novelties-8 .elementor-widget-text-editor,
.tk-novelties-8 .elementor-widget-text-editor p,
.tk-why-heading .elementor-widget-text-editor,
.tk-why-heading .elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: var(--tk-muted) !important;
  text-align: center !important;
}

.tk-gastronomy .elementor-widget-text-editor,
.tk-gastronomy .elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: var(--tk-muted) !important;
}

.tk-products-4 {
  padding: 80px 0 !important;
}

.tk-products-4 .elementor-widget-text-editor {
  max-width: 492px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.woocommerce ul.products li.product {
  text-align: center !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-family: var(--tk-font1) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: var(--tk-heading) !important;
  line-height: 1.2 !important;
  padding: 14px 0 !important;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
  font-family: var(--tk-font1) !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  color: var(--tk-accent) !important;
  text-align: center !important;
  display: block !important;
}

.woocommerce ul.products li.product .short-description,
.woocommerce ul.products li.product .product-excerpt,
.woocommerce ul.products li.product .product-description {
  font-family: var(--tk-font1) !important;
  font-size: 16px !important;
  color: var(--tk-muted) !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

.woocommerce ul.products li.product img {
  border-radius: 0 !important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  font-family: var(--tk-font1) !important;
  background-color: var(--tk-main) !important;
  color: #fff !important;
}

.tk-gastronomy {
  padding: 80px 0 !important;
}

.tk-gastronomy .elementor-button {
  background-color: var(--tk-main) !important;
  border-color: var(--tk-main) !important;
  color: #fff !important;
}

.tk-gastronomy h3.elementor-heading-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--tk-heading) !important;
  text-align: center !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}

.tk-gastronomy > .elementor-container > .elementor-column:last-child .elementor-widget-text-editor,
.tk-gastronomy > .elementor-container > .elementor-column:last-child .elementor-widget-text-editor p {
  text-align: center !important;
  font-size: 16px !important;
  color: var(--tk-muted) !important;
}

.tk-novelties-8 {
  padding: 80px 0 !important;
}

.tk-novelties-8 .elementor-widget-text-editor {
  max-width: 492px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tk-novelties-8 .elementor-button {
  background-color: var(--tk-main) !important;
  border-color: var(--tk-main) !important;
  color: #fff !important;
}

.tk-cooking-text {
  background: var(--tk-hero-bg) !important;
  padding: 80px 0 30px !important;
}

.tk-cooking-text h2.elementor-heading-title {
  color: var(--tk-heading) !important;
}

.tk-cooking-text .elementor-widget-text-editor,
.tk-cooking-text .elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: var(--tk-muted) !important;
}

.tk-cooking-times {
  background: var(--tk-hero-bg) !important;
  padding: 20px 0 30px !important;
}

.tk-cooking-times h3.elementor-heading-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--tk-heading) !important;
  text-align: left !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}

.tk-cooking-times .elementor-widget-text-editor,
.tk-cooking-times .elementor-widget-text-editor p {
  font-size: 16px !important;
  color: var(--tk-muted) !important;
  text-align: left !important;
  line-height: 1.2 !important;
}

.tk-cooking-btn {
  background: var(--tk-hero-bg) !important;
  padding: 10px 0 80px !important;
}

.tk-cooking-btn .elementor-button {
  background-color: var(--tk-main) !important;
  border-color: var(--tk-main) !important;
  color: #fff !important;
}

.tk-why-heading {
  padding: 80px 0 30px !important;
}

.tk-why-stats {
  padding: 0 0 20px !important;
}

.tk-why-stats h3.elementor-heading-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--tk-heading) !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.tk-why-stats .elementor-widget-text-editor,
.tk-why-stats .elementor-widget-text-editor p {
  font-size: 16px !important;
  color: var(--tk-muted) !important;
  text-transform: uppercase !important;
}

.tk-partners-heading {
  padding: 80px 0 30px !important;
}

.tk-partners-logos {
  padding: 0 0 80px !important;
}

.tk-partners-logos .elementor-image img {
  max-height: 103px !important;
  width: auto !important;
  object-fit: contain !important;
}

.tk-cta {
  background-color: var(--tk-main) !important;
  padding: 80px 0 !important;
}

.tk-cta .elementor-widget-text-editor,
.tk-cta .elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,0.74) !important;
  text-align: center !important;
}

.tk-cta .elementor-button {
  background-color: var(--tk-heading) !important;
  border-color: var(--tk-heading) !important;
  color: #fff !important;
}

#jws_header_default {
  background: transparent !important;
  padding: 15px 0 !important;
  position: relative !important;
  z-index: 100 !important;
  overflow: visible !important;
}

#jws_header_default .container {
  position: relative !important;
  overflow: visible !important;
}

#jws_header_default .jws_logo {
  overflow: visible !important;
  position: relative !important;
  z-index: 101 !important;
}

#jws_header_default .jws_logo img {
  max-height: 130px !important;
  width: auto !important;
}

#jws_header_default .jws_menu_default {
  align-items: center !important;
}

#jws_header_default .nav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#jws_header_default .nav > li > a {
  font-family: var(--tk-font1) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: var(--tk-heading) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 10px 12px !important;
}

#jws_header_default .nav > li > a:hover {
  color: var(--tk-accent) !important;
}

#jws_header_default .nav > li > a > span {
  font-size: 16px !important;
}

.tk-header-cta-wrap {
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

.tk-header-cta-wrap .elementor-button {
  background-color: var(--tk-main) !important;
  border-color: var(--tk-main) !important;
  color: #fff !important;
}

.jws-footer {
  font-family: var(--tk-font1) !important;
}

.jws-footer a {
  color: var(--tk-heading) !important;
}

.jws-footer a:hover {
  color: var(--tk-accent) !important;
}

.tk-hero {
  display: none !important;
}