@charset "utf-8";

body.dark{
	background-color: #000;
	color: #bbb;
}
body.dark ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
body.dark :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity:  1;
}
body.dark ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity:  1;
}
body.dark :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}
body.dark ::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
}

body.dark ::placeholder { /* Most modern browsers support this now. */
   color: #fff;
}

body.dark h3{
	color: #fff;
}
body.dark .grax_tm_topbar .logo .dark{display: none;}
body.dark .grax_tm_topbar .logo .light{display: block;}
body.dark .grax_tm_topbar.animate{
	background-color: #000;
	box-shadow: 0px 0px 10px rgb(255 255 255 / 10%);
}
body.dark .grax_tm_topbar .menu ul li a{
	color: #fff;
}
body.dark .grax_tm_about{
	background-color: transparent;
}
body.dark .grax_tm_about .right .list ul li span{
	color: #fff;
}
body.dark .grax_tm_about .right .list ul li .svg{
	color: #fff;
}
body.dark .grax_tm_button a:hover{
	color: #fff;
}
body.dark .grax_tm_about .left .main{
	box-shadow: none;
}
body.dark .grax_tm_portfolio{
	background-color: #111;
}
body.dark .overlay_effect:after{
	background-color: #111;
}
body.dark .grax_tm_portfolio .overlay{
	background-color: #111;
}
body.dark .grax_tm_news{
	background-color: #111;
}
body.dark .grax_tm_news .news_list ul li .details .title a{
	color: #fff;
}
body.dark .grax_tm_news .news_list ul li .details .date{
	color: #bbb;
}
body.dark .grax_tm_news .news_list ul li .details .date a{
	color: #bbb;
}
body.dark .grax_tm_modalbox_news .details .title{
	color: #000;
}
body.dark .grax_tm_modalbox_news .description p{
	color: #767676;
}
body.dark .grax_tm_contact .fields ul li input{
	border: 1px solid rgba(255,255,255,.2);
	background-color: transparent;
	color: #fff;
}
body.dark .grax_tm_contact .fields .last textarea{
	border: 1px solid rgba(255,255,255,.2);
	background-color: transparent;
	color: #fff;
}
body.dark .grax_tm_contact .info_list ul li span{
	color: #fff;
}

body.dark .grax_tm_contact .info_list ul li .svg{
	color: #fff;
}
body.dark .grax_tm_contact .info_list ul li a:hover{
	color: #fff !important;
}
body.dark .grax_tm_copyright{
	background-color: #111;
	padding-top: 95px;
}
body.dark .my_wave{
	display: none;
}
body.dark .progress_inner .background{
	background: rgba(255,255,255,.09);
}
body.dark .progress_inner > span{
	color: #fff;
}

/* Progress bar To Top in dark mode */

body.dark .progressbar{
    background-color: rgba(255,255,255,0.35);   /* "binario” chiaro */
}

body.dark .progressbar .line{
    background-color: rgba(255,255,255,0.8);    /* parte che si riempie */
}

body.dark .progressbar a,
body.dark .progressbar .text{
    color: #fff;                                /* scritta To Top bianca */
}

body.dark img[src$="globe.png"],
body.dark img[src$="twitterx.png"]{
    filter: invert(1);
}

/* Topbar mobile in dark mode: effetto vetro */
body.dark .grax_tm_mobile_menu .topbar_inner{
  background-color: rgba(0,0,0,0.55);         /* nero ma trasparente */
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);        /* per Safari iOS */
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Colore di testi/icone nella topbar mobile in dark mode */
body.dark .grax_tm_mobile_menu .logo img{
  filter: invert(1);
}

body.dark .grax_tm_mobile_menu .theme_button .theme_icon{
  filter: invert(1);  /* icona più chiara */
}

body.dark .grax_tm_mobile_menu .my_trigger .hamburger-inner,
body.dark .grax_tm_mobile_menu .my_trigger .hamburger-inner::before,
body.dark .grax_tm_mobile_menu .my_trigger .hamburger-inner::after{
  background-color: #fff;   /* le tre linee dell’hamburger in bianco */
}

/* Dropdown mobile in dark mode: vetro più scuro */
body.dark .grax_tm_mobile_menu .dropdown,
body.dark .grax_tm_mobile_menu .dropdown_inner{
  background-color: rgba(0,0,0,0.85);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Testo nel menu */
body.dark .grax_tm_mobile_menu .dropdown_inner ul li a{
  color: #fff;
}

/* Divider tra le voci, leggero */
body.dark .grax_tm_mobile_menu .dropdown_inner ul li{
  border-color: rgba(255,255,255,0.08);
}

body.dark .grax_tm_contact .returnmessage{
	color:#ffffff;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}