/* Language Switcher */

.trp-language-switcher {
  height:55px;
  width:0px;
}

.trp-language-switcher > div > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 3px;
  text-decoration: none;
  color: #1E1E1E;
  font-weight: 700;
  font-size: 20px;
  text-align:center;
}

.trp-language-switcher > div > a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

.trp-language-switcher > div {
  width: 80px;
  height: 60px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 4px 20px 3px 13px;
  border: none;
  border-radius: 0px;
  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-icon-@72x.png");
  background-position: calc(100% - 15px) calc(1em + -12px), calc(100% - 3px) calc(1em + 0px);
  background-size: 62px 46px, 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
}

.trp-language-switcher > div:hover {

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg1.png");

  background-size: 60px 50px, 0px 0px;

  background-position: calc(100% - 18px) calc(1em + -18px), calc(100% - 3px) calc(1em + 0px);

}

.trp-language-switcher:hover .trp-ls-shortcode-language {

  overflow-y: hidden;

  background-color: transparent !important;

  max-height: 350px !important;

  transition:all 0.4s ease-in-out;

}

.trp-language-switcher > div > a:hover {

  background-color: transparent !important;

  border-radius:0;

  transition:all 0.8s ease-in-out;

}



.trp-language-switcher > div> a:nth-child(2):hover, .trp-language-switcher > div> a:nth-child(3):hover, 

.trp-language-switcher > div> a:nth-child(3):hover, .trp-language-switcher > div> a:nth-child(4):hover,

.trp-language-switcher > div> a:nth-child(5):hover, .trp-language-switcher > div> a:nth-child(6):hover,

.trp-language-switcher > div> a:nth-child(7):hover {

  opacity:1;

  margin-top: 5px;  

}

.trp-language-switcher > div> a:nth-child(2){

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg2.png");
  background-position: calc(100% - 12px) calc(1em + -20px), calc(100% - 3px) calc(1em + 0px);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 0; 

  opacity:0.8;

}

.trp-language-switcher > div > a:nth-child(3) {

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg3.png");
  background-position: calc(100% - 12px) calc(1em + -20px), calc(100% - 3px) calc(1em + 0px);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 0;

  opacity:0.8;

}

.trp-language-switcher > div > a:nth-child(4) {

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg4.png");
  background-position: calc(100% - 12px) calc(1em + -20px), calc(100% - 3px) calc(1em + 0px);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 0;

  opacity:0.8;

}

.trp-language-switcher > div > a:nth-child(5){

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg3.png");
  background-position: calc(100% - 12px) calc(1em + -20px), calc(100% - 3px) calc(1em + 0px);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 0;

  opacity:0.8;

}

.trp-language-switcher > div > a:nth-child(6){

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg5.png");
  background-position: calc(100% - 12px) calc(1em + -20px), calc(100% - 3px) calc(1em + 0px);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 0;

  opacity:0.8;

}

.trp-language-switcher > div > a:nth-child(7){

  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/ls-bg1.png");
  background-position: calc(100% - 12px) calc(1em + -20px), calc(100% - 3px) calc(1em + 0px);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 0;

  opacity:0.8;

}


/*UK-CSS */
.uk-navbar {
  background-color:#fff;
  padding:5px;
}
.uk-breadcrumb {
  position: relative !important;
  top: 90px !important;
  margin-top: -33px;
  z-index:3;
}
.uk-breadcrumb > * > :hover {
  color: #fff;
}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin:0px !important;
    color: #fff !important;
    font-size: 20px;
}
.uk-button-default {
  font-size: 18px;
  font-weight: 700;
  color: #ffffffe4 !important;
  text-transform: Uppercase;
  transition: all 0.4s ease-in-out;
  background-color: transparent !important;
  border-color: transparent !important;
}
.uk-button-default:hover {
  color:#fff;
  text-decoration: underline;
}
.uk-icon-link {
  color: #ffffffeb !important;
  text-decoration: none !important;
  background-color: #1d1d1b;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 75px;
  top: 10px;
  z-index:3;
  transition: all 0.4s ease-in-out;
}
.uk-icon-link:hover {
  color: #fff;
}
.uk-text-meta {
  font-size:16px !important;
  font-weight: 400 !important;
  line-height:1.4 !important;
}
.uk-navbar-dropdown-nav > li > a {
  color: #ffb760;
  transition:all 0.4s ease-in-out;
}
.uk-navbar-dropdown-nav > li > a:hover {
  color: #1d1d1b;
}

/* Home Page */

.home-button a {
  position: relative;  
  z-index: 1; 
  color:#1e1e1e !important;
  opacity: 0.8;
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.8;
  padding: 28px;
  margin-top: 40px;
}
.home-button a:hover {
    opacity:1;
}
.home-button a::before {
  content: "";
  position: absolute;
  top: -0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/bg-button.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0; 
}

.hoverup , .home-button a, .uk-button-primary {
    transition: all 0.4s ease-in-out;
}

.hoverup:hover {
    transform: translateY(-10px);
}

.homepage-pixel-animation  #pixel1, #pixel2, #pixel3, #pixel4, #pixel5, #pixel6, #pixel7, #pixel8, #pixel9, #pixel10,

#pixel11, #pixel12, #pixel13, #pixel14, #pixel15  { transform-origin: center; }


/* About Page */
.about-pixel-animation #about-pixel1, #about-pixel2, #about-pixel3,
#about-pixel4, #about-pixel5, #about-pixel6, #about-pixel7, #about-pixel8, #about-pixel9,
#about-pixel10, #about-pixel11, #about-pixel12, #about-pixel13 {
  transform-origin: center;
}

#about-pixel1-1, #about-pixel2-1, #about-pixel2-2, #about-pixel5-2 {
  display: none;
}
#about-pixel11-2, #about-pixel10-2, #about-pixel9-2, #about-pixel3-2 {
  fill:#1d1d1b !important; 
}

/* Partners */

.partners-accord #uk-accordion-3,  #uk-accordion-7, #uk-accordion-11, #uk-accordion-15 {

    background-color:#7cff5a !important;

    color:#1d1d1b !important;

}

.partners-accord .uk-accordion-title {

  color:#ffffff !important;

  transition: all 0.4s ease-in-out;

}

.partners-accord .uk-accordion-title:hover {

  color:#ffffff !important;

}



.partners-accord > .uk-open > .uk-accordion-title::before {

  background-image: 

  url("https://digital-harmony.eu/wp-content/uploads/2025/06/minus-icon-1.png") !important;

  width: 15px;

  height: 5px;

}

.partners-accord .uk-accordion-title::before {

  background-image: 

  url("https://digital-harmony.eu/wp-content/uploads/2025/06/plus-icon-1.png") !important;

}

.partners-accord .uk-accordion-title::before {

  transition: transform 0.3s ease;

  animation: pulse 5s infinite;

}



@keyframes pulse {

  0%, 100% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.1);

  }

}


/* News Page */
#np-pixel2, #np-pixel13 {
  display: none;
}

.panel-slider-news .el-image {
  position: relative;
}
.panel-slider-news .el-image::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 90px;
  width: 250px;
  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/newsitems-bg.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1; 
}

.panel-slider-news .uk-slidenav-next {
  content: "";
  position: absolute;
  top: -120px;
  left: -30px;
  height: 40px;
  width: 80px;
  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/pa-right.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;  
}
.panel-slider-news .uk-slidenav-previous {
  content: "";
  position: absolute;
  top: -120px;
  left: -30px;
  height: 40px;
  width: 20px;
  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/pa-left.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center; 
}
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav {
  color:transparent;
}
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
  color:transparent;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Apply the animation to the buttons */
.panel-slider-news .uk-slidenav-next,
.panel-slider-news .uk-slidenav-previous {
  animation: pulse 2.5s ease-in-out infinite;
}

/* eLearning */
.cardet-course-grid1 .uk-card-default {
  background-color:transparent;
  border:none;
}
.cardet-course-grid1 h3 {
  color:#1e1e1e !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}
.cardet-course-header a:nth-child(1) {
 pointer-events: none; 
}
.uk-card-default a:nth-child(1) {
  pointer-events: none; 
}
.cardet-course-grid-image {
  width:150px !important;
  position: relative;
  left: 50px;
}
.cardet-course-grid1 .uk-button-primary {
  position: relative;  
  z-index: 1; 
  color:#1e1e1e !important;
  opacity: 0.8;
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.8;
  padding: 28px;
  margin-top: 40px;
}
.cardet-course-grid1 .uk-button-primary:hover {
    opacity:1;
}
.cardet-course-grid1 .uk-button-primary::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-image: url("https://digital-harmony.eu/wp-content/uploads/2025/06/bg-button.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0; 
}

/* Login / Register */
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading {
  color:#1d1d1b !important;
  font-weight: 700 !important;
}
.learndash-wrapper .ld-login-modal input[type="submit"] {
  background: #1d1d1b;
  color:#1d1d1b;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.8;
  border:4px solid #1d1d1b;
  box-shadow: 0 0 0 1px #1d1d1b !important;
  border-radius: 0px !important;
  transition:all 0.4s ease-in-out;
}
.learndash-wrapper .ld-login-modal input[type="submit"]:hover {
  opacity: 1;
}
.learndash-wrapper .ld-login-modal input[type="submit"]:not([disabled]), 
.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css), 
.learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
  background-color: transparent !important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled])  {
  background-color:#1d1d1b !important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register {
  color:#fff !important;
}

.learndash-wrapper .ld-login-modal .ld-forgot-password-link {
  color:#62dfff !important;
  font-weight: 400 !important;
  opacity:0.8;
  font-size:18px;
  transition: all 0.4s ease-in-out;  
}
.learndash-wrapper .ld-login-modal .ld-forgot-password-link:hover {
  opacity:1 !important;
  text-decoration: underline !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) a:not(.button):not(.screen-reader-shortcut) {
  border:4px solid #fff !important;
  border-radius: 0px !important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
  background-color:transparent !important;
  box-shadow: 0 0 0 1px #fff !important;
  font-weight:400 !important;
  opacity:0.8;
  transition: all 0.4s ease-in-out;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button:hover {
  opacity:1;
} 
.learndash-wrapper .ld-button.ld-button-reverse {
  color:#62dfff !important;
}
.learndash-wrapper .ld-button.ld-button-reverse:hover {
  color:#62dfff !important;
}

.registration-login-link, .show-password-reset-link a, .show-register-form a, .uk-button-primary { 
  background-color:transparent !important;
  color:#62dfff !important;
  opacity: 0.8;
  border:0px solid #62dfff !important;
  transition: all 0.4s ease-in-out;  
}
.registration-login-link:hover, .show-password-reset-link a:hover, .show-register-form a:hover,
.uk-button-primary:hover {
  opacity: 1 !important;
}

/* ACF Fields */
#acf-field_63722e70c035f, #acf-field_662f7446c5726, #wp-submit {
  cursor: pointer !important;
}
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
  background-color: #1d1d1b;
  padding:20px;
  font-size:16px;
  font-weight:700 !important;
  transition: all 0.4s ease-in-out;
}
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover {
  z-index: 3 !important;
}

/* Contact Us */
#cu-pixel2, #cu-pixel4 {
  display:none;
}
.contactform .wpcf7-submit {
  background-color: transparent;
  color:#ffffffe4;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  transition:all 0.4s ease-in-out;
}
.contactform .wpcf7-submit:hover {
  text-decoration: underline;
  color:#fff;
  border-color: transparent;
}

.contactform .uk-textarea::placeholder, .uk-input::placeholder {
  color: #1d1d1b;
  font-weight: 700;
  font-size: 18px;
}
.contactform .uk-input::placeholder {
  padding-top:5px;
  padding-bottom:5px;
}
.contactform .uk-input {
  height:70px;
}
.wpcf7-textarea  {
  height:170px;
}
.contactform {
  margin-top: -30px;
}
.cf-section {
  padding-bottom:200px;
}

@media (min-width: 601px) and (max-width: 1080px) {
.homepage-pixel-animation {
    top:145px !important;
  }
 .about-pixel-animation {
    top:-135px !important;
  }
   .news-pixel-animation {
    top:-135px !important;
  }
.contactus-pixel-animation {
    top:-32px !important;
  }
.cardet-course-grid-image {
  left: 280px;
}

}


@media only screen and (max-width: 600px) {
  .homepage-pixel-animation {
    top:200px !important;
  }
 .about-pixel-animation {
    top:-20px !important;
  }
  .news-pixel-animation {
    top:-20px !important;
  }
  .contactus-pixel-animation {
    top:-20px !important;
  }
  .cardet-course-grid-image {
    left:70px;
}

}

@media only screen and (max-width: 1080px) {
  .uk-logo {
    width:200px;
  }
  /* Menu */
  .uk-icon-link {
    top:0px;
    left:0px;
  }
  .uk-offcanvas-bar {
    background-color:#fff !important;
  }
.uk-nav-default > li > a {
  color:#ffb760;
  font-size:20px;
}
  /* Language Switcher */
  .trp-ls-shortcode-language {
    width:85px !important;
  }
  .trp-language-switcher > div > a {
    position: relative;
    left: -12px;
    font-size:14px;
    background-position: calc(100% - -1px) calc(1em + -12px), calc(100% - 3px) calc(1em + 0px);
    background-size: 25px 30px, 0px 0px;
  }
  .trp-language-switcher > div {
    background-color:transparent !important;
    background-position: calc(100% - -2px) calc(1em + -8px), calc(100% - 3px) calc(1em + 0px);
    background-size: 35px 35px, 0px 0px;
  }
  .trp-language-switcher > div:hover {
    background-position: calc(100% - 36px) calc(1em + -12px), calc(100% - 3px) calc(1em + 0px);
    background-size: 35px 35px, 0px 0px;
  }

.trp-language-switcher > div> a:nth-child(2), .trp-language-switcher > div> a:nth-child(3), .trp-language-switcher > div> a:nth-child(4),
.trp-language-switcher > div> a:nth-child(5), .trp-language-switcher > div> a:nth-child(6), .trp-language-switcher > div> a:nth-child(7) {
  background-position: calc(100% - 10px) calc(1em + -15px), calc(100% - 3px) calc(1em + 0px);
}

/* About Page */
.uk-text-lead {
  font-size:18px;
}
.uk-text-meta {
  font-size:14px;
}


}