.bordi__punta video, .bordi__punta img {border-radius:0 200px !important}
.serve__inactive {cursor:pointer !important}
.serve__inactive img {opacity:0;transition:all 0.4s !important}
.serve__inactive:hover img, .icona__inactive img,.serve__inactive span {opacity:0.2}
.active {display:block;opacity:1}
.notactive {display:none !important;opacity:0}
.contenuto__inactive {transition:all 1s}
.contenuto__inactive, .contenuto__inactive .uk-child-width-1-1, .contenuto__inactive .uk-width-1-1 {height:100% !important}
.contenuto__inactive .uk-width-1-1 {display:flex;flex-direction:column;justify-content:space-between}
.active__op * {opacity:1 !important}
.upper {text-transform:uppercase !important}

.border__gradient .uk-card-hover {
  position: relative;
  border-radius: 8px;
}
.column__gradient {position:relative !important}
.bordi {border:1px solid #007D74 !important;border-radius:16px;padding:16px}
.gap-16 > div {gap:16px !important}
.border__gradient{min-height:280px}
.border__gradient .uk-card-hover::before, .column__gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* spessore bordo */
  border-radius: 8px;
  background: linear-gradient(0deg, #007D74, #003740);

  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
	border-color:none !important
}
.uk-card {border-radius:8px}
.round-16-top img {border-radius:16px 16px 0 0 !important}
.round-16 img {border-radius:16px !important}
.container__short {max-width:1920;margin:0 auto}
.slider__padded {position:relative}
.slider__padded .uk-margin-top {position:absolute;z-index:2;bottom:-30px;width:100%}
.slider__padded .uk-slider-items > div:first-child div {margin-left:48px}
.slider__padded .uk-slider-items > div:not(:first-child) div {padding-left:48px}
.container__grid-4 > div, .container__grid-4-sub {display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.container__grid-2 > div:first-child, .container__grid-2-sub {display:grid !important;grid-template-columns:repeat(2,1fr);gap:32px}
.uk-button-text,.uk-button-small {text-transform:none !important}
.bottone__notactive {background:#007D74 !important;padding:8px 16px;width:auto;border-radius:32px}

.bottone__footer {min-height:0 !important}
.bottone__footer .uk-card {padding:16px;text-transform:uppercase !important}
.bottone__footer * {text-transform:uppercase !important}
.text__mini {font-size:10px}
.last,.separator {color:#007d74 !important}

.border__bottom {border-bottom:1px solid #ccc !important}
.padding__bottom-xl {padding-bottom: 64px !important;}
.padding-l {padding: 32px !important;}
.padding-no {padding:0 !important}

.page:not(.home) main > div:first-child,.header__categoria {background-image:url('https://dev.docugarden.com/wp-content/uploads/2026/05/Icon-DG.svg') !important;background-position:bottom right;background-size:contain;background-repeat:no-repeat}
.accordion__dark .uk-accordion-content {color:#00181C}


.testo__noelenco ul {padding-left:0 !important}
.testo__noelenco ul li {list-style-type:none;border-bottom:1px solid #cdcdcd;padding:8px 0} 

.uk-offcanvas-bar {justify-content:center !important}
.uk-sticky-fixed .uk-navbar-sticky {max-width:600px;margin: 0 auto;border-radius:40rem}
.uk-navbar-sticky .uk-navbar-center {transform:translateY(-150px)}
.uk-sticky-fixed .uk-navbar-sticky .uk-logo img {width:200px}
.uk-sticky-fixed .uk-navbar-container:not(.uk-navbar) {padding:16px 0}


.icon__linkedin .uk-icon-link {color:#007D74 !important}
.padding-bottom-48 {padding-bottom:48px}

.hero__img-col > div {height:100% !important}

@media (min-width: 1800px) {
  .uk-h1, h1 {
    font-size: 72px;
  }
}


@media (max-width: 1920px) {
.container__short {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media (max-width: 767px) {
.container__short {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
.container__grid-4 > div, .container__grid-4-sub {grid-template-columns:repeat(1,1fr)}
.container__grid-2 > div:first-child, .container__grid-2-sub {grid-template-columns:repeat(1,1fr)}
	.uk-logo img {max-width:170px}
	.footer__logo {bottom:-100px !important}
	.home__h1 {font-size:32px}
	.home__h2 {font-size:24px}
	* + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + .uk-heading-2xlarge, * + .uk-heading-3xlarge, * + .uk-heading-large, * + .uk-heading-medium, * + .uk-heading-small, * + .uk-heading-xlarge, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
  margin-top: 32px;
}
	.hero__img-col > div {min-height:0 !important}
	.col-order__3 {display:none}
	.serve__inactive {display: grid;
  grid-template-columns: 1fr 4fr;}
	.icone__inactive > div {display:grid;grid-template-columns:repeat(6,1fr)}
	.icona__inactive:first-child {margin-top:16px}
	.uk-button {font-size:14px !important}
	.uk-text-right {text-align: left !important;}
	.home__news > div > div:not(:first-child) {display:none}
	h3 {font-size:24px}
	.gap-16 > div {margin-left:0}
	.hero__img {right:0 !important}
	.slider__padded .uk-slider-items > div div {
  margin-left: 16px !important;
 margin-right: 16px !important;		
}
.slider__padded .uk-slider-items > div:last-child div {padding-right:0 !important}
	.bottone__mini {padding: 6px 12px;
  line-height: 1;font-size:14px}
	
	.page:not(.home) main > div:first-child,.header__categoria {background-image:none !important}
	.uk-sticky-fixed .uk-navbar-sticky {
		max-width: calc(100% - 32px);}
	
	.bordi__punta video, .bordi__punta img {border-radius:0 100px !important}
	.uk-slider-items > div:not(:first-child) {padding-left:0 !important}
	.tit__funz {display:grid;grid-template-columns:1fr;justify-items:center}
	.bot__funz > div {display:grid;grid-template-columns:1fr;justify-items:start}
	.tit__funz img {margin-right:0 !important}
	.bottoni__footer > div {padding-left:0}
	
	.uk-sticky-below {top:90vh !important}
}
@media (max-width: 479px) {
	.uk-logo img {max-width:140px}
.uk-sticky-fixed .uk-logo img {max-width:120px !important}
	 .footer__logo {
    bottom: -75px !important;
  }
}

/*MOdifica tema*/

.tm-toolbar-default .uk-text-muted, .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted, .uk-light .uk-text-muted, .uk-offcanvas-bar .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
  color: #f7f7f7 !important;
}