/*
 Theme Name:   ZO24
 Theme URI:    http://zo24.dk
 Description:  ZO24 Wordpress Template
 Author:       Isak Hejnesen
 Author URI:   http://isakhejnesen.com
 Template:     yootheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  yoothemechild
*/

html, body {
	text-wrap: balance;
}

/* Default: Desktop */
#color_stribe_hvorfor {
  bottom: 26px!important;
}

/* Tablet (typically between 768px and 1024px wide) */
@media (max-width: 1200px) {
  #color_stribe_hvorfor {
    bottom: 22px!important;
  }
}


/* Tablet (typically between 768px and 1024px wide) */
@media (max-width: 1024px) {
  #color_stribe_hvorfor {
    bottom: 20px!important;
  }
  #color_stribe_footer {
    bottom: -9px!important;
  }
  #color_stribe_hero {
    bottom: -8px!important;
  }
}

/* Mobile landscape (typically 481px to 767px wide) */
@media (max-width: 767px) and (orientation: landscape) {
  #color_stribe_hvorfor {
    bottom: 20px!important;
  }
}

/* Mobile portrait (up to 480px wide) */
@media (max-width: 480px) and (orientation: portrait) {
  #color_stribe_hvorfor {
    bottom: 18px!important;
  }
  #color_stribe_footer {
    bottom: -11px!important;
  }
  #color_stribe_hero {
    bottom: -10px!important;
  }
}




@media (max-width: 960px) {
  .only-desktop {
  	display: none!important;
  }
}

@media (min-width: 961px) {
  .not-desktop {
  	display: none!important;
  }
}

/* General input styling */
.custom-input {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-left: 4px solid #ccc;
  background-color: #ffffff;
  font-size: 16px;
  margin-bottom: 20px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.custom-input::placeholder {
  color: #555;
  opacity: 1;
}

.custom-input:focus {
  outline: none;
  background-color: #fff;
  border-color: #000;
}

/* Unique border colors */
.input-navn {
  border-left-color: #2980b9; /* Blue */
}

.input-adresse {
  border-left-color: #f1c40f; /* Yellow */
}

.input-identifikationsnummer {
  border-left-color: #000000; /* Black */
}

.input-telefon {
  border-left-color: #27ae60; /* Green */
}

.input-email {
  border-left-color: #c0392b; /* Red */
}

/* Submit button */
.custom-submit {
  float: right;
  background: none;
  border: 1px solid #000;
  padding: 12px 24px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.custom-submit:hover {
  background: #000;
  color: #fff;
}

/* Clear float if needed */
.wpcf7 form::after {
  content: "";
  display: table;
  clear: both;
}

/* Multicolor underline for active and hover */
.uk-light .uk-navbar-nav>li:hover.uk-active>a::before,
.uk-light .uk-navbar-nav>li:hover>a::before,
.uk-light .uk-navbar-nav>li.uk-active>a::before
{
  content: ""!important;
  height: 3px!important;
  background: repeating-linear-gradient(
    to right,
    #3186C5 0%,
    #3186C5 20%,
    #F2C314 20%,
    #F2C314 40%,
    #060909 40%,
    #060909 60%,
    #329F4A 60%,
    #329F4A 80%,
    #E02028 80%,
    #E02028 100%
  )!important;
  border-radius: 2px!important;
}


#stripes-container::after,
.stripes-container.uk-section-default.uk-section,
.stripes-container::after { 
  position: relative;
}

.stripes-container-2 .uk-card-default.uk-card.uk-card-large.uk-card-body::after,
.stripes-container .stripes-container.uk-section-default.uk-section::after,
.stripes-container .uk-tile-default.uk-tile::after,
#stripes-container::after,
.stripes-container::after {
  content: ""!important;
  position: absolute!important;
  bottom: 0!important;
  left: 0!important;
  height: 10px!important;
  width: 100%!important;
  background: repeating-linear-gradient(
    to right,
    #3186C5 0%,
    #3186C5 20%,
    #F2C314 20%,
    #F2C314 40%,
    #060909 40%,
    #060909 60%,
    #329F4A 60%,
    #329F4A 80%,
    #E02028 80%,
    #E02028 100%
  )!important;
  z-index: 1!important;
}


.stripes-container .uk-card-default.uk-card.uk-card-large.uk-card-body::after {
  background: none;
}

.nav-button a {
  color:#f2c314cc!important;
}

.nav-button a:hover {
  color:#F3C316!important;
}

.round-corners-1 .uk-flex {
  border-radius: 18px!important;
  overflow: hidden;
}