/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* CSS DIRECTORY
	1. =GLOBAL
        <Setup Color Variables>
        <Helpers>
        <Kontakt Form>
        <Boxed Slider>
        <Datenschutz Impressum>
	2. =HEADER
	3. =FOOTER
*/

/* ===============
   Global
   =============== */

/* === Setup Color Variables === */
body {
  --color-ci: #dea800;
  --color-ci-two: #494839;
  --accordion-color: #ebeae5;
}

.artikel-hero,
.ratgeber-hero {
	margin-top: -109px;
}

@media (max-width: 1024px) {
	.artikel-hero,
	.ratgeber-hero {
		margin-top: -71px;
	}
}


/* === Helpers === */

.no-link {
  pointer-events: none !important;
}

.object-fit {
  object-fit: cover;
}

/* === isotope-container === */

@media (max-width: 959px) {
  .mediaspace .isotope-container > .tmb {
    padding-bottom: 36px;
  }
}

/* ===Kontakt Form === */

/* input types styling  */
#styled-form .global-form select,
#styled-form .global-form input,
#styled-form .global-form textarea,
#styled-form .global-form .choices .choices__inner {
  background-color: #edece8;
  border-color: transparent;
}

/* wpforms modern input styles dropdown relplacement */
#styled-form .global-form .choices {
  max-width: 100%;
}

/* input types hover/focus styling */
#styled-form .global-form select:hover,
#styled-form .global-form input:hover,
#styled-form .global-form textarea:hover,
#styled-form .global-form .choices .choices__inner:hover,
#styled-form .global-form select:focus,
#styled-form .global-form input:focus,
#styled-form .global-form textarea:focus,
#styled-form .global-form .choices .choices__inner:focus {
  border-color: var(--color-ci);
}

/* set height for input/select */
#styled-form .global-form select,
#styled-form .global-form input:not([type="checkbox"]),
#styled-form .global-form .choices .choices__inner {
  height: 45px;
}

/* set required label color */
#styled-form .global-form .wpforms-required-label {
  color: var(--color-ci);
}

/* === Accordion === */
.wpb_accordion_section,
.wpb_accordion_section .wpb_accordion_content {
  border-color: var(--accordion-color) !important;
}

.wpb_accordion_section .panel-title a span::after {
  color: #494839 !important;
}

.wpb_accordion_section .panel-title a span {
  text-transform: none !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
}

.wpb_accordion_section .panel-title > a {
  padding-right: 30px;
}

/* === Boxed Slider === */

/* caption / box */

.slider-box .uncell .uncont {
  padding-top: 0px !important;
}

.owl-item .slider-box > .row .uncol {
  max-width: 500px;
  width: 100%;
}

/* container */
@media screen and (min-width: 960px) {
  .owl-item .slider-box > .row {
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 959px) {
  .owl-item .slider-box > .row > .wpb_row > .wpb_column {
    height: auto !important;
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 569px) {
  .owl-item .slider-box > .row .uncol {
    max-width: 90%;
  }
}

/* === Datenschutz / Impressum === */
#jmdcontent p {
  font-family: Inter, Inter;
}

#jmdcontent h1,
#jmdcontent h2,
#jmdcontent h3,
#jmdcontent h4,
#jmdcontent h5,
#jmdcontent h6 {
  margin: 36px 0 18px 0 !important;
}

#jseal {
  margin: 36px 0 72px 0 !important;
}

/** Impressum **/
.page-id-477 #jmdcontent h1 {
  font-size: 36px;
  font-weight: 500;
}

.page-id-477 #jmdcontent h4,
.page-id-477 #jmdcontent h3,
.page-id-477 #jmdcontent h2 {
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 959px) {
  .page-id-477 #jmdcontent h1 {
    font-size: 32px;
  }

  .page-id-477 #jmdcontent h4,
  .page-id-477 #jmdcontent h3,
  .page-id-477 #jmdcontent h2 {
    font-size: 20px;
  }
}

@media (max-width: 320px) {
  .page-id-477 #jmdcontent h1,
  #jmdcontent h2 {
    font-size: 28px;
  }
}

/** Datenschutz **/

.page-id-33 #jsectiondatenschutzerklrung {
  margin-bottom: 36px !important;
}

.page-id-33 #jmdcontent h1 {
  font-size: 36px;
  font-weight: 500;
}

.page-id-33 #jmdcontent h2,
.page-id-33 #jmdcontent h3 {
  font-size: 24px;
  font-weight: 500;
}

.page-id-33 #jmdcontent h4 {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 959px) {
  .page-id-33 #jmdcontent h1 {
    font-size: 32px;
  }
  .page-id-33 #jmdcontent h2,
  .page-id-33 #jmdcontent h3 {
    font-size: 20px;
  }

  .page-id-33 #jmdcontent h4 {
    font-size: 16px;
  }
}

@media (max-width: 320px) {
  .page-id-33 #jmdcontent h1 {
    font-size: 28px;
  }
}

/* ===============
   Header
   =============== */

/* === Header fixed === */

/* remove uncode box-shadow */
#masthead .menu-container {
  box-shadow: none !important;
}

/* ===============
   Footer
   =============== */

/* footer logo orientation for mobile */
@media screen and (max-width: 959px) {
  #footer-logo {
    text-align: left;
  }

  #menu-footer-menu li a {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: none;
  }
}

@media (max-width: 1125px) {
  .mediaspace .tmb {
    padding-bottom: 20px;
  }
}

/* ===============
   Responsive
   =============== */

/* navigation */

@media (min-width: 960px) and (max-width: 1285px) {
  .navbar-nav-last {
    display: none !important;
  }
  .nav #menu-main-menu {
    text-align: right;
  }
}

@media (max-width: 569px) {
  #menu-main-menu > .menu-item > a {
    font-size: 22px !important;
  }
}

@media (min-width: 570px) and (max-width: 959px) {
  #menu-main-menu > .menu-item > a {
    font-size: 42px !important;
  }

  #menu-main-menu .drop-menu li a {
    font-size: 26px !important;
  }
}

@media (max-width: 569px) {
  #menu-main-menu .drop-menu li a {
    font-size: 17px !important;
  }
}

/* Changing h4 line height tablet */

@media (max-width: 959px) {
  h4.fontheight-133558 {
    line-height: 36px;
  }
}

@media (max-width: 569px) {
  h4.fontheight-133558 {
    line-height: 31px;
  }
}

@media (max-width: 1499px) {
  .width-control .col-custom-width {
    border: 0 !important;
  }
}

@media (max-width: 1200px) {
  .custom-grid .wpb_column .single-block-padding {
    padding: 18px;
  }
}

/*** changing product column gap for mobile devices ***/
@media (max-width: 959px) {
  .mobile-column-spacing .wpb_row .wpb_column:nth-child(even) {
    margin-top: 54px;
  }
}

@media (max-width: 569px) {
  .vc_row .row.double-h-padding,
  .vc_row .row.triple-h-padding,
  .vc_row .row.single-h-padding,
  #colophon .single-h-padding,
  #menu-footer-menu a,
  #logo-container-mobile {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 959px) {
  .bg-min-height {
    height: 65vw;
  }
}

/* make tab-content with other content */

@media (max-width: 959px) {
  .vc_row .row .wpb_column .tab-content .tab-pane {
    padding-left: 0 !important;
  }
}

/* Header fix for custom PHP templates without a WPBakery Hero row
   (page-author.php, single-ratgeber.php). See shared-body-class.php
   for how "no-wpbakery-hero-header" gets added. */
@media (min-width: 960px) {
    body.no-wpbakery-hero-header #masthead.style-light-original {
        opacity: 1 !important;
    }
}

body.no-wpbakery-hero-header #masthead {
    opacity: 1 !important;
    transition: transform 0.3s ease;
}

body.no-wpbakery-hero-header #masthead.author-header-hidden {
    transform: translateY(-100%);
}