/**
 * @file
 * Subtheme specific CSS.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300,500&display=swap');

body {
	font-family: 'Kanit', sans-serif;
	font-weight:300;
}
nolist {
	padding:0 !important;
}
.bn {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  	filter: grayscale(100%);
}
.bn:hover{
   -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
   filter: grayscale(0%);
}
.h2, h2, .h3, h3, .h4, h4, .h5, h5 {
	color: #009036;
	font-weight:500;
}
body a {
	color:#009036;
}
body a:hover, body a:focus, body .link:hover, body .link:focus {
    color:#009036;
}
body .nav-item a:hover, body .nav-item a:focus, body .nav-item .link:hover, body .nav-item .link:focus {
    color: rgba(213,213,213,1.00);
}

/* testo */

.view-testo {
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-size:0.98rem;
}

/* logo */
#navbar-main img {
	width:300px;
	height:auto;
	padding:1rem;
}

/* menu dx */
#menu-dx {
	right: 0;
    top: 0;
	background-color:#000000;
	font-size:1.3rem;
}
#menu-dx .item-list li,
.view-menu-dx li .field-content div {
	height:20vh;
	background-position:center;
	background-size:100% auto;
	position:relative;
	background-repeat:no-repeat;
}
#menu-dx .item-list li:nth-child(1),
.view-menu-dx li:nth-child(1) .field-content div {
	background-color:#0c7ece;
}
#menu-dx .item-list li:nth-child(2),
.view-menu-dx li:nth-child(2) .field-content div {
	background-color:#487893;
}
#menu-dx .item-list li:nth-child(3),
.view-menu-dx li:nth-child(3) .field-content div {
	background-color:#0ab0b2;
}
#menu-dx .item-list li:nth-child(4),
.view-menu-dx li:nth-child(4) .field-content div {
	background-color:#33883d;
}
#menu-dx .item-list li:nth-child(5),
.view-menu-dx li:nth-child(5) .field-content div {
	background-color:#70843a;
}
.view-menu-dx li .field-content div {
	opacity:0.6;
}
.view-menu-dx li .field-content div:hover {
	opacity:0.9;
}
#menu-dx .item-list li a {
	color:#FFFFFF;
}
#menu-dx .item-list li a:hover {
	text-decoration:none;
}
#menu-dx .views-field-title {
	position:absolute;
	bottom:0;
	width:100%;
	padding:0.5rem;
	z-index:100;
	text-align:right;
}
#navbar-main {
    transition: background 0.5s ease;
	background-color:transparent;
}

#navbar-main button:focus {
    outline: 1px dotted;
    outline: none;
}
.navbar-toggler-icon {
    width: 2.5em;
    height: 2.5em;
}

/* menu sx */
.navbar-collapse a:active, .navbar-collapse .link:active {
    color: #22adff;
}
.navbar-collapse {
    position: fixed;
    width: 30%;
    height: 100vh;
    top: 0;
    left: 0;
	border:none !important;
	background-color: rgba(0,144,54,0.90) !important;
}
.navbar-collapse .navigation {
    background-color: rgba(0,144,54,0.90) !important;
	border:none !important;
  }
.navbar-collapse .navigation {
	
}
.navbar-collapse .navbar-nav {
    margin-top: 6vh;
    text-align: center;
}
.nav-link {
    display: block;
    padding: .2rem 1rem;
}
.navbar-nav a {
    color: #FFFFFF;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 1.5rem;
}
.navbar-nav a.is-active,
.navbar-nav a:hover {
    color: rgba(213,213,213,1.00) !important;
}
.navbar-collapse a:active, .navbar-collapse .link:active {
    color: rgba(213,213,213,1.00) !important;
}

.linkbutt li {
	list-style-type:none;
}
.linkbutt li a {
	padding:0.4rem;
	background-color:#EFEFEF;
	font-size:1.2rem;
	text-transform:uppercase;
	list-style-type:none;
	display:block;
	text-align:center;
}


/* Menu toggler fall back icon */

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

/* banner */
.highlighted {
	text-align:center;
	overflow:hidden;
	position:relative;
	background-color:rgba(0,0,0,1.00);
}
.node--type-home-page .highlighted {
	height:92vh;
}
.node--type-servizi .highlighted,
.view-banner .views-field-field-media-image  div {
	height:65vh;
	position:relative;
}
.vertical-centred {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.vertical-centred video {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
	opacity:0.5;
}
.view-banner .view-content {
	position:relative;
}
.view-banner .views-field-field-media-image div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.9;
}
video {
	width:auto;
	height:100%;
	
}
.highlighted .views-field-field-testobanner {
	position: absolute;
    bottom: 2rem;
    z-index: 100;
    width: 100%;
    margin-left: 2rem;
    text-align: left;
    font-size: 2.5rem;
    line-height: 1.9rem;
    color: #ffffff;
	opacity:1 !important;
	height:auto !important;
}
.highlighted .views-field-field-testobanner strong {
    font-size: 3.5rem;
    font-weight: 500;
    color: #009036;
    text-shadow: 0 0 3px #e4e4e4;
}

/* banner verdi */

.view-banner-verdi {
	padding:1rem;
	background-color:#009036;
	color:#FFFFFF;
	text-align:center;
	font-size:1.3rem;
}
.view-banner-verdi.view-display-id-block_2, .view-banner-verdi.view-display-id-block_4 {
    margin: 0 0 1.5rem 0;
}
.view-banner-verdi {
	padding:1rem;
	background-color:#009036;
}
.view-banner-verdi p {
	margin:0;
	padding:0;
	position:relative;
	display:inline;
}
.view-banner-verdi p:before {
    content: "";
    background-image: url(logo-bannerverde.png);
    background-repeat: no-repeat;
    position: absolute; 
    left: -60px;
    width: 80px;
    height: 90px;
    z-index: 1000;
    top: -25px;
}
.page-node-82 #block-views-block-banner-verdi-block-2 {
	padding-top:70px;
}
#block-views-block-banner-verdi-block-1 a,
#block-views-block-banner-verdi-block-2 a,
#block-views-block-banner-verdi-block-3 a,
#block-views-block-banner-verdi-block-4 a
 {
	 color:#FFFFFF;
}

/* paragrafi */

.sottocontenuto {
    background-color: #dbeae9;
    padding: 1.5rem;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-top: 1.2rem;
}
.prodotti {
	background-color:#dbdbdb;
	font-size:0.8rem;
	padding:1.5rem;
	line-height: 1.2rem;
}
.views-field-field-immagine-strumento-sanific {
	background-color: rgba(255,255,255,1.00);
    text-align: center;
    height: 200px;
    margin-bottom: 1rem;
}
.views-field-field-immagine-strumento-sanific img {
	width:auto !important;
	height:auto !important;
	max-width: auto !important;
}

/* loghi */

#block-views-block-clienti-loghi-block-1 {
	font-size:0.8rem;
	color:#5A5A5A;
	text-align:center;
}
#block-views-block-clienti-loghi-block-1 h2 {
	font-weight:500;
	font-size:1.5rem;
	text-align:center;
}
#block-views-block-clienti-loghi-block-1 img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity:0.8;
}
#block-views-block-clienti-loghi-block-1 img:hover {
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
.flex-direction-nav a:before {
    font-size: 2rem !important;
}

/* gallery servizi */
.view-gallery-servizi {
	padding-bottom:1.5rem;
	margin-bottom:1rem;
	border-bottom:10px solid #009036;
}

/* piede */

.view-piede {
    padding: 0;
	font-size:0.90rem;

}.view-piede .col-sm-4 {
	text-align:center;
}
.site-footer {
	padding:0;
}

@media (max-width: 1500px) {
.view-banner .views-field-field-media-image div {
        background-size: cover;
}
}

@media (max-width: 1024px) {
	
.highlighted .views-field-field-testobanner strong {
    font-size: 2.8rem;
}
.highlighted .views-field-field-testobanner {
    font-size: 1.8rem;
}
.highlighted .views-field-field-testobanner p {
	margin: 0;
    line-height: 1.5rem;
}
.view-banner-verdi p:before {
	display:none;
}

}

@media (max-width: 992px) {
	
video {
		height:50vh;
		width:auto;
}
#menu-dx {
		right:auto;
		left:0;
		position:relative !important;
}
#menu-dx .item-list li {
    height: 120px;
    overflow: hidden;
}
#menu-dx .item-list :last-child {
	flex: 0 0 100%;
    max-width: 100%;
	margin:0;
}
.node--type-servizi .highlighted, .view-banner .views-field-field-media-image div {
    height: 55vh;
    position: relative;
}
.node--type-home-page .highlighted {
    height: 58vh;
}
#navbar-main img {
    width: 200px;
}
#menu-dx .item-list li, .view-menu-dx li .field-content div {
    height: 15vh;
    background-size: auto 100%;
    background-position: -20px 0;
}
#menu-dx .item-list li, .view-menu-dx li:last-child .field-content div {
    /*background-size: 100% auto;*/
}
#menu-dx .views-field-title {
	font-size:1rem;
    padding: 0.2rem;
}
.highlighted .views-field-field-testobanner strong {
    font-size: 1.8rem;
}
.highlighted .views-field-field-testobanner {
    font-size: 1rem;
}
.view-banner-verdi {
    font-size: 1rem;
	line-height:1.3rem;
}
.navbar-nav a {
    font-size: 1.2rem;
}
.flex-direction-nav a:before {
    font-size: 1.5rem !important;
}


}