/*
Theme Name: Konstruktion
Theme URI: https://konstruktion.vamtam.com
Text Domain: konstruktion
Description: Dedicated Theme for Construction and Architecture. Konstruktion is a modern Construction and Architecture WordPress theme built considering the actual needs of businesses operating in this industry.
Author: VamTam
Author URI: https://vamtam.com
Version: 30
License: Envato
License URI: https://themeforest.net/licenses
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
.elementor-kit-5 {
  --e-global-color-vamtam_accent_1: #0a0909;
  --e-global-color-vamtam_accent_2: #c46a4a;
  --e-global-color-vamtam_accent_3: #f9f9f9;
  --e-global-color-vamtam_accent_4: #4e4e4e;
  --e-global-color-vamtam_accent_5: #ffffff;
  --e-global-color-vamtam_accent_6: #000000;
  --e-global-color-vamtam_accent_7: #cccccc;
  --e-global-color-vamtam_sticky_header_bg_color: #0a0909;
  --e-global-typography-vamtam_primary_font-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_primary_font-font-size: 14px;
  --e-global-typography-vamtam_primary_font-font-weight: normal;
  --e-global-typography-vamtam_primary_font-text-transform: none;
  --e-global-typography-vamtam_primary_font-font-style: normal;
  --e-global-typography-vamtam_primary_font-text-decoration: none;
  --e-global-typography-vamtam_primary_font-line-height: 1.7em;
  --e-global-typography-vamtam_primary_font-letter-spacing: 0px;
  --e-global-typography-vamtam_primary_font-word-spacing: 0em;
  --e-global-typography-vamtam_h1-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_h1-font-size: 48px;
  --e-global-typography-vamtam_h1-font-weight: normal;
  --e-global-typography-vamtam_h1-text-transform: none;
  --e-global-typography-vamtam_h1-font-style: normal;
  --e-global-typography-vamtam_h1-line-height: 1.1em;
  --e-global-typography-vamtam_h1-letter-spacing: 0px;
  --e-global-typography-vamtam_h1-word-spacing: 0px;
  --e-global-typography-vamtam_h2-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_h2-font-size: 56px;
  --e-global-typography-vamtam_h2-font-weight: normal;
  --e-global-typography-vamtam_h2-text-transform: none;
  --e-global-typography-vamtam_h2-font-style: normal;
  --e-global-typography-vamtam_h2-line-height: 1.1em;
  --e-global-typography-vamtam_h2-letter-spacing: 0px;
  --e-global-typography-vamtam_h2-word-spacing: 0em;
  --e-global-typography-vamtam_h3-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_h3-font-size: 44px;
  --e-global-typography-vamtam_h3-font-weight: normal;
  --e-global-typography-vamtam_h3-text-transform: none;
  --e-global-typography-vamtam_h3-font-style: normal;
  --e-global-typography-vamtam_h3-line-height: 1.2em;
  --e-global-typography-vamtam_h3-letter-spacing: 0px;
  --e-global-typography-vamtam_h3-word-spacing: 0em;
  --e-global-typography-vamtam_h4-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_h4-font-size: 32px;
  --e-global-typography-vamtam_h4-font-weight: 400;
  --e-global-typography-vamtam_h4-text-transform: none;
  --e-global-typography-vamtam_h4-font-style: normal;
  --e-global-typography-vamtam_h4-line-height: 1.3em;
  --e-global-typography-vamtam_h4-letter-spacing: 0px;
  --e-global-typography-vamtam_h4-word-spacing: 0em;
  --e-global-typography-vamtam_h5-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_h5-font-size: 18px;
  --e-global-typography-vamtam_h5-font-weight: normal;
  --e-global-typography-vamtam_h5-text-transform: none;
  --e-global-typography-vamtam_h5-font-style: normal;
  --e-global-typography-vamtam_h5-line-height: 1.3em;
  --e-global-typography-vamtam_h5-letter-spacing: 0px;
  --e-global-typography-vamtam_h5-word-spacing: 0em;
  --e-global-typography-vamtam_h6-font-family: "Manrope", sans-serif;
  --e-global-typography-vamtam_h6-font-size: 12px;
  --e-global-typography-vamtam_h6-font-weight: normal;
  --e-global-typography-vamtam_h6-text-transform: none;
  --e-global-typography-vamtam_h6-font-style: normal;
  --e-global-typography-vamtam_h6-line-height: 1.5em;
  --e-global-typography-vamtam_h6-letter-spacing: 0px;
  --e-global-typography-vamtam_h6-word-spacing: 0em;
  color: var(--e-global-color-vamtam_accent_6);
  font-family:
    var(--e-global-typography-vamtam_primary_font-font-family), Sans-serif;
  font-size: var(--e-global-typography-vamtam_primary_font-font-size);
  font-weight: var(--e-global-typography-vamtam_primary_font-font-weight);
  text-transform: var(--e-global-typography-vamtam_primary_font-text-transform);
  font-style: var(--e-global-typography-vamtam_primary_font-font-style);
  text-decoration: var(
    --e-global-typography-vamtam_primary_font-text-decoration
  );
  line-height: var(--e-global-typography-vamtam_primary_font-line-height);
  letter-spacing: var(--e-global-typography-vamtam_primary_font-letter-spacing);
  word-spacing: var(--e-global-typography-vamtam_primary_font-word-spacing);
}

body {
  font-family: "Manrope", sans-serif !important;
  overflow-x: hidden;
}

.p-mb-0 p {
  margin-bottom: 0;
}

.team-member-mini-title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #4e4e4e;
}
.team-member-left-text p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #0a0909;
}
.team-member-award {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #4e4e4e;
}
.p14 {
  padding-left: 15px;
  padding-right: 15px;
}
p.p14,
.p14 p,
.p14 li {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #0a0909;
  font-family: "Manrope", sans-serif !important;
}

p.p18,
.p18 p,
.p18 li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #0a0909;
  font-family: "Manrope", sans-serif !important;
}

p.p24,
.p24 p,
.p24 li {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #0a0909;
  font-family: "Manrope", sans-serif !important;
}
p.p24-white,
.p24-white p,
.p24-white .vamtam-btn-text {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #fff;
  font-family: "Manrope", sans-serif !important;
}
p.p24-white:hover,
.p24-white p:hover,
.p24-white .vamtam-btn-text:hover {
  color: #c46a4a !important;
}
.omada-comp .elementor-post__title a {
  color: #0a0909 !important;
  background-color: transparent !important;
  background-image: none !important;
}
.omada-comp .elementor-post__title a:hover {
  color: #c46a4a !important;
}
.elementor-widget-posts.vamtam-has-theme-widget-styles.vamtam-has-title-underline-anim
  .elementor-post__title
  a {
  background-image: linear-gradient(#c46a4a, #c46a4a, currentColor);
}

.elementor-post__title a {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  color: #0a0909 !important;
}
.elementor-widget-posts.vamtam-has-theme-widget-styles
  :is(.vamtam-post__categories, .vamtam-post__tags)
  a,
.vamtam-post__categories a {
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  color: #0a0909 !important;
}

.main-menu-subitem,
.main-menu-subitem a {
  font-size: 23px;
  line-height: 31px;
  font-weight: 400;
  color: #0a0909;
}
.main-menu-subitem p {
  margin-bottom: 0 !important;
}
.main-menu-subitem {
  margin-bottom: 10px !important;
}

.main-menu-text,
.main-menu-text a,
.main-menu-text p,
p.main-menu-text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #4e4e4e;
}
.menu-col {
  max-height: 700px;
  overflow-y: auto;
}
.vamtam-form label,
.vamtam-form input,
.vamtam-form select,
.vamtam-form textarea,
.vamtam-form input::placeholder,
.vamtam-form textarea::placeholder {
  font-family: "Manrope", sans-serif !important;
}

.site-logo img {
  width: auto !important;
}
#elementor-popup-modal-3105 .dialog-widget-content {
  margin: 100px 0px 0px 0px !important;
}

.hero-section__title,
.hero-section__title * {
  font-size: 72px !important;
  line-height: 1.1 !important;
  font-family: "Manrope", sans-serif !important;
}

.footer-menu li {
  width: 100%;
  max-width: 180px;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 35px;
  border-bottom: 1px solid #cccccc;
}
.footer-menu li:hover {
  border-bottom: 1px solid #c46a4a;
}
.footer-menu li:hover a {
  color: #c46a4a !important;
}

.footer-menu li a {
  padding: 0 !important;
}
.elementor-2238
  .elementor-element.elementor-element-712b679
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > li
  > .elementor-nav-menu--dropdown,
.elementor-2238
  .elementor-element.elementor-element-712b679
  .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  margin-top: 31px !important;
}

.post-navigation__prev--title {
  padding-right: 10px;
}
.post-navigation__next--title {
  padding-left: 10px;
}

@media only screen and (max-width: 1440px) {
  .elementor-kit-5 {
    --e-global-typography-vamtam_h1-font-size: 44px;
    --e-global-typography-vamtam_h2-font-size: 52px;
    --e-global-typography-vamtam_h3-font-size: 42px;
    --e-global-typography-vamtam_h4-font-size: 30px;
  }

  .main-menu-subitem,
  .main-menu-subitem a {
    font-size: 20px;
    line-height: 28px;
  }

  .main-menu-text,
  .main-menu-text a,
  .main-menu-text p,
  p.main-menu-text {
    font-size: 12px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 1024px) {
  .elementor-kit-5 {
    --e-global-typography-vamtam_h1-font-size: 42px;
    --e-global-typography-vamtam_h2-font-size: 46px;
    --e-global-typography-vamtam_h3-font-size: 40px;
    --e-global-typography-vamtam_h4-font-size: 28px;
  }
  p.p18,
  .p18 p,
  .p18 li {
    font-size: 16px;
  }
  p.p24,
  .p24 p,
  .p24 li,
  p.p24-white,
  .p24-white p,
  .p24-white .vamtam-btn-text,
  .elementor-post__title a {
    font-size: 22px;
  }
  .elementor-widget-theme-site-logo img {
    width: 90px !important;
  }

  .footer-bottom-row {
    flex-wrap: wrap !important;
  }
  .footer-bottom-row .elementor-nav-menu--layout-horizontal {
    justify-content: center !important;
  }

  .footer-bottom-col-1,
  .footer-bottom-col-2,
  .footer-bottom-col-3 {
    width: 100% !important;
    text-align: center !important;
  }
  .footer-bottom-col-1 > div > div,
  .footer-bottom-col-2 > div > div,
  .footer-bottom-col-3 > div > div {
    width: 100% !important;
  }
  .footer-bottom-col-1 {
    order: 3;
  }
  .footer-bottom-col-2 {
    order: 1;
  }
  .footer-bottom-col-3 {
    order: 2;
  }
}

@media only screen and (max-width: 768px) {
  .elementor-kit-5 {
    --e-global-typography-vamtam_h1-font-size: 38px;
    --e-global-typography-vamtam_h2-font-size: 42px;
    --e-global-typography-vamtam_h3-font-size: 36px;
    --e-global-typography-vamtam_h4-font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-empty-col {
    display: none;
  }

  .footer-row > .elementor-container > .elementor-column {
    width: 100%;
    margin-bottom: 20px;
  }
  .services-scrollable-section h3 {
    margin-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .elementor-section.elementor-top-section,
  .elementor-widget-text-editor {
    padding: 10px !important;
  }
}

@media only screen and (max-width: 600px) {
  .elementor-kit-5 {
    --e-global-typography-vamtam_h1-font-size: 34px;
    --e-global-typography-vamtam_h2-font-size: 38px;
    --e-global-typography-vamtam_h3-font-size: 32px;
    --e-global-typography-vamtam_h4-font-size: 24px;
  }
  p.p24,
  .p24 p,
  .p24 li,
  p.p24-white,
  .p24-white p,
  .p24-white .vamtam-btn-text,
  .elementor-post__title a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .elementor-kit-5 {
    --e-global-typography-vamtam_h1-font-size: 28px;
    --e-global-typography-vamtam_h2-font-size: 28px;
    --e-global-typography-vamtam_h3-font-size: 24px;
    --e-global-typography-vamtam_h4-font-size: 20px;
  }
  p.p24,
  .p24 p,
  .p24 li,
  p.p24-white,
  .p24-white p,
  .p24-white .vamtam-btn-text,
  .elementor-post__title a {
    font-size: 18px;
  }
  .hero-section__title,
  .hero-section__title * {
    font-size: 36px !important;
  }
}
