/* LD Register button */

input#wp-submit {

  cursor: pointer;

  margin: auto!important;

  font-family: inherit!important;

  font-weight: 700!important;

  text-transform: none!important;

  letter-spacing: 1px!important;

  border-radius: inherit!important;

  background-origin: border-box!important;

  display: inline-block!important;

  box-sizing: border-box!important;

  padding: 0 20px!important;

  vertical-align: middle!important;

  font-size: 15px!important;

  line-height: 38px!important;

  text-align: center!important;

  text-decoration: none!important;

}

/* // LD FORM STYLES */

.learndash-wrapper #learndash-registration-wrapper form input[type="email"], .learndash-wrapper #learndash-registration-wrapper form input[type="password"], .learndash-wrapper #learndash-registration-wrapper form input[type="text"], .learndash-wrapper #learndash-reset-password-wrapper form input[type="email"], .learndash-wrapper #learndash-reset-password-wrapper form input[type="password"], .learndash-wrapper #learndash-reset-password-wrapper form input[type="text"] {

  max-width: 100%;

  width: 100%;

  border: 0 none;

  padding: 0 10px;

  background: #fff;

  color: #666;

  border: 1px solid #e5e5e5;

  transition: .2s ease-in-out;

  transition-property: color,background-color,border;

  height: 40px;

  margin: 0;

}

.acf-field {

  margin-bottom: 1rem;

}

.acf-fields select {

  max-width: 250px;

  width: 100%;

  border: 0 none;

  padding: 0 10px;

  background: #fff;

  background-position-x: 0%;

  background-position-y: 0%;

  background-repeat: repeat;

  background-image: none;

  color: #666;

  border: 1px solid #e5e5e5;

  transition: .2s ease-in-out;

  transition-property: color,background-color,border;

  height: 40px;

  cursor: pointer;

}



/* SIGN IN WITH GOOGLE SSO */

.ld-login-modal-form #nsl-custom-login-form-1 .nsl-container-embedded-login-layout-below {

text-align: center !important;

}



/* SIGN IN WITH GOOGLE SSO */

#nsl-custom-login-form-2 {

  margin: auto;

}



/* LD hide strength password meter */

#ld-password-strength__meter {

  display: none !important;

}



/* LD Confirmation message / UIKIT Notification success */

#ld-notice-success {

  max-width: 360px;

  display: block;

  margin: auto;

  position: absolute;

  z-index: 999999;

  top: 6%;

  left: 50%;

  transform: translate(-50%, 0%);

}





.learndash-wrapper input#wp-submit {

  max-width: 300px !important;

  margin-top: 2rem !important;

}



.learndash-wrapper input:focus-visible {

  outline: 0px solid #39f !important;

  outline-offset: 0px !important;

}



.learndash-wrapper address,

.learndash-wrapper dl,

.learndash-wrapper fieldset,

.learndash-wrapper figure,

.learndash-wrapper ol,

.learndash-wrapper p,

.learndash-wrapper pre,

.learndash-wrapper ul {

  margin: 0 0 15px 0;

}



.learndash-wrapper #learndash-registration-wrapper #learndash_registerform .learndash-required-field, .learndash-wrapper #learndash-reset-password-wrapper #learndash_registerform .learndash-required-field {

  color: #f0506e!important;

}



/* LD REGISTRATION / SHOW LOGIN PAGE */

p.registration-login {

  font-weight: bold;

}



/* // TRANSLATE PRESS - Orange outline */

.trp-highlight {

  outline: 2px solid orange !important;

}



/* // FIXES */

.trp-shortcode-switcher__wrapper * {

  font-weight: 700;

}

/* Language switcher alignment on mobile */

#tm-dialog-mobile .uk-offcanvas-bar .widget .trp-shortcode-switcher__wrapper {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  margin-top: 110px;

}



.trp-shortcode-switcher {

  padding: 0;

  transform: translateY(4px);

  transition: all .2s ease;

}

/* GENERAL */



.crdt-profile-dropdown.uk-dropdown.uk-drop.uk-open {

  left: 50%!important;

  -webkit-transform: translateX(-50%)!important;

  transform: translateX(-50%)!important;

}

.uk-select {

  cursor: pointer;

}

body :focus-visible {

    outline: 0 !important;

    outline-offset: 0 !important;

}



/* // BREADCRUMBS Hide on Home Page */



body.home .tm-top {

  display: none!important;

}



.widget_breadcrumbs * {

  margin: 0 !important;

}



/* HOVER EXT LINKS (ENABLE custom.js to make this work) */

/* a[target="_blank"] {

    position: relative;

} */



a[target="_blank"] > i {

    position: absolute;

    right: -30px;

    bottom: 20px;

    width: 18px;

    height: 18px;

    overflow: hidden;

    opacity: 0;

    pointer-events: none;

    transition: opacity .33s 0s;

}



a[target="_blank"] > i hr {

    position: absolute;

    margin: 0;

    background: rgba(0,0,0,.75);

    border: none;

    transition: transform .075s .2s, width .1s .2s, height .1s .2s;

}



a[target="_blank"] > i hr:nth-of-type(1) {

    /* bottom */

    bottom: 0;

    transform: translate3d(-100%,0,0);

}



a[target="_blank"] > i hr:nth-of-type(2) {

    /* right */

    right: 0;

    transform: translate3d(0,110%,0);

}



a[target="_blank"] > i hr:nth-of-type(3) {

    /* top */

    top: 0;

    transform: translate3d(100%,0,0);

}



a[target="_blank"] > i hr:nth-of-type(4) {

    /* left */

    left: 0;

    transform: translate3d(0,-110%,0);

}



a[target="_blank"] > i hr:nth-of-type(1),

a[target="_blank"] > i hr:nth-of-type(3) {

    /* bottom & top */

    left: -1px;

    width: 100%;

    height: 1px;

}



a[target="_blank"] > i hr:nth-of-type(2),

a[target="_blank"] > i hr:nth-of-type(4) {

    /* right & left */

    bottom: 1px;

    width: 1px;

    height: calc(100% - 2px);

}



a[target="_blank"] > i hr:nth-of-type(5) {

    /* arrow - top line */

    position: absolute;

    top: 0;

    right: 0;

    transform: translate3d(-22px,22px,0);

    width: 6px;

    height: 1px;

    overflow: visible;

    background: rgba(0,0,0,.75);

}



a[target="_blank"] > i hr:nth-of-type(5)::before,

a[target="_blank"] > i hr:nth-of-type(5)::after {

    /* arrow - right + 45deg line */

    content: '';

    position: absolute;

    top: 1px;

    right: 0;

    width: 1px;

    height: 5px;

    background: rgba(0,0,0,.75);

}



a[target="_blank"] > i hr:nth-of-type(5)::after {

    /* arrow - 45deg line */

    transform: rotateZ(45deg) translate3d(-25%,1px,0);

    transform-origin: top right;

    height: 10px;

}



a[target="_blank"]:hover > i {

    opacity: 1;

    transition: opacity 0s;

}



a[target="_blank"]:hover > i hr {

    transform: translate3d(0,0,0);

}



a[target="_blank"]:hover > i hr:nth-of-type(1) {

    transition-delay: .3s;

}



a[target="_blank"]:hover > i hr:nth-of-type(2) {

    height: 6px;

    transition: transform .075s .375s, height .44s .5s;

}



a[target="_blank"]:hover > i hr:nth-of-type(3) {

    width: 7px;

    transition: transform .075s .45s, width .44s .5s;

}



a[target="_blank"]:hover > i hr:nth-of-type(4) {

    transition-delay: .525s;

}



a[target="_blank"]:hover > i hr:nth-of-type(5) {

    transition: transform .5s .5s;

} */

/* END HOVER EXT LINKS */







/* ENABLE "SEARCH & FILTER" PLUGIN TO WORK */

/* S&F */

@media (min-width: 1200px) {

  .searchandfilter ul {

    display: flex;

    align-items: end;

  }

}



@media (min-width: 1200px) {

  .searchandfilter ul li {

    margin: 0 10px;

  }

}



@media (min-width: 1200px) {

  li.sf-field-reset {

    text-align: right;

  }

}



.searchandfilter ul {

  padding-left: 0;

  max-width: 1200px;

  width: 100%;

}



.searchandfilter ul li {

  /* width: 100%; */

}



.searchandfilter select.sf-input-select {

  width: 100%;

  padding: 0 10px;

  background: #f1f1f1;

  color: #666;

  border: 1px solid #e5e5e5;

  transition: .2s ease-in-out;

  transition-property: all;

  transition-property: all;

  transition-property: all;

  transition-property: color, background-color, border;

  height: 34px;

  cursor: pointer;

}



/* S&F Result grid */

.th--resourceItemImg {

  width: 100%;

  height: 150px;

  border-top-left-radius: 1rem;

  border-top-right-radius: 1rem;

}

/* END "SEARCH & FILTER" STYLES */



/* Panchu CSS Fixes */

/* General UKITK overrides Start */


/* 1. Remove the theme's default arrow from the link itself */
.uk-navbar-nav > li.menu-item-has-children > a {
    background-image: none !important;
    padding-right: 28px !important; /* Ensure enough space for your new arrow */
    position: relative;
}

/* 2. Add your custom DOWN arrow */
.uk-navbar-nav > li.menu-item-has-children > a::after {
    content: "" !important;
    position: absolute;
    right: 8px; /* Adjust this to move the arrow left/right */
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url('https://layers-project.eu/wp-content/uploads/2026/04/menu-item-arrow-down.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}

/* 3. Add your custom UP arrow on hover */
.uk-navbar-nav > li.menu-item-has-children:hover > a::after {
    background-image: url('https://layers-project.eu/wp-content/uploads/2026/04/menu-item-arrow-up.svg') !important;
}

/* 4. Kill any other UIkit icon spans that might be hiding inside the link */
.uk-navbar-nav > li.menu-item-has-children > a span[uk-navbar-parent-icon],
.uk-navbar-nav > li.menu-item-has-children > a svg {
    display: none !important;
}


.uk-navbar-nav > li.uk-active > a { 
  font-weight: 600;
}

.uk-navbar-dropdown-nav > li > a:hover {
  font-weight: 600;
}
.uk-navbar-dropdown-nav > li.uk-active > a {
  font-weight: 600;
}


/* Targets the first list item's link within the breadcrumb */
.uk-breadcrumb > li:first-child a {
    color: #5b57bc !important;
    font-weight: 700 !important;
}


.uk-subnav-pill > .uk-active > a {
  border-color: transparent !important;
  transform: scale(1.1);
}

.uk-breadcrumb > :last-child > span {
  color:#545554 !important;
}

/* General UKITK overrides End */


/* Language Switcher Start */

.trp-switcher-dropdown-list a:hover {
  text-decoration: none !important;
}

/* Contact Us Form Start */

.forminator-button-submit {
  font-size:16px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border: 2px solid #000 !important;
  border-radius: 5px !important;
  transition:all 0.35s ease-in-out !important;
}
.forminator-button:hover {
  border-color: #5b57bc !important;
  box-shadow: none !important;
}


/* Target the placeholder text specifically */
.forminator-input::placeholder {
    background: linear-gradient(to right, #5b57bc  12px, #00000080 12px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Textarea specific */
.forminator-textarea::placeholder {
    background: linear-gradient(to right, #5b57bc 14px, #00000080 14px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* For Firefox support */
.forminator-input::-moz-placeholder {
    background: linear-gradient(to right, #5b57bc  12px, #00000080 12px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Contact Us Form End */





/* Media Devices Responsive Fixes */


@media only screen and (max-width: 767px) {
  .uk-offcanvas-bar {
    background-color:#fff;
    color:#000;
  }

  .uk-nav-accordion {
    display: grid;
    gap: 5px;
    font-size:14px;
    text-transform:capitalize;
    padding: 30px 20px 0px 20px;
  }

  .trp-shortcode-switcher {
    transform: translateY(-60px);
    transition: all .35s ease-in-out;
  }

  .uk-offcanvas-bar .uk-nav-default > li > a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
    color:#000;
  }

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
    font-size:12px;
  }

  .uk-offcanvas-bar .uk-nav-default > li > a:hover, 
  .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover  {
    color:#5b57bc;
  }

  .uk-offcanvas-bar .uk-nav-default > li.uk-active > a,
  .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a {
    font-weight: 600;
    color:#5b57bc;
  }

  .smaller-device-fix {
    margin-top: 0px;
  }

  .uk-icon svg {
    color:#000;
    background-color: #fff;
  }


}