/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');

html {scroll-behavior: smooth;}

body {font-size:16px;}

.full-width .ubermenu-nav, .container, .row {max-width: 1920px !important;}

/* typo */

h1, .banner h1 {font-size: 75px; font-weight:500; text-transform:uppercase;}
h2, .banner h2 {font-size: 40px;  font-weight:500;}
h3, .banner h3 {font-size: 30px; font-weight:500;}
h4, .banner h4  {font-size: 25px; font-weight:500;}
h5 {font-size: 16px;}

.p40 h2 {font-size:40px;}
.button {font-family:"Poppins", sans-serif}

.p16 p, .p16 * {font-size:16px;}
.p22 {font-size:22px;}
.lh15 {line-height:1.15;}

.p30 {font-size: 26px !important; line-height:1.2em !important;}
.p500 {font-weight:500;}

.p-b-10 {padding:0 0 10% 0 !important;}

/* colori */

.b-green{background-color: #A8C23C;}
.b-blue {background-color:#526973;}
.b-light-blue {background-color:#6FBCAE;}
.b-red {background-color:#884B53;}
.b-grey {background-color:#F1F1F1;}
.banner.transparent {background-color:rgba(255,255,255,0) !important;}

.green{color: #A8C23C;}
.blue {color:#526973;}
.light-blue {color:#6FBCAE;}
.red {color:#884B53;}
.grey {color:#F1F1F1;}


/*menu*/

header, .header-wrapper, .header-wrapper.stuck {background: #fff !important}
.nav-right .nav-top-link {font-weight:300 !important;}
.nav-top-link i {display:none !important} 
.nav-dropdown { border: none; box-shadow:unset; background:transparent !important; width:660px !important;}
.col-drop {height:calc(100vh - 50px);}
.mega-m a {font-size:22px; background-image:url(images/freccia-01.png); background-repeat:no-repeat; background-position: left 11px; background-size:22px auto; padding-left:35px; font-weight:600; transition:opacity 0.5s; line-height:1.15; display:block; font-family: "Poppins", sans-serif;}
.mega-m .head-menu a {background-image:none; font-size:35px; padding-left:0;}
.mega-m a:hover {opacity:0.5;}

/*footer */

.logo-footer {width:36px !important;}
.footer-wrapper .b-blue, .footer-wrapper .b-blue a {color: #fff !important; font-size:11px; display:inline-block; padding:0.25em 0;}
.absolute-footer{display:none;}
.row-small.pad-b-0 {padding-left:32px; padding-right:32px}
 .row-small.pad-b-0 > .col  {padding: 0 9.8px 10px;}
 .row-small.pad-b-0 > .col .text p  {margin-bottom:0 !Important;}

/* home */
.page-wrapper {padding-top:0; padding-bottom:0;}
.scroll-arrow img {width:46px !important; height:54px !important}


.home .section.s2 {padding-left:0  !important; padding-right:0  !important;}
.text-s p, .text-s h3 {font-size:0.8rem; line-height:1.5; color:#fff;}
.banner.eco {background-image: url(https://greeneos.it/wp-content/uploads/2021/12/ccp-06-sv000-00-icona-economia-circolare.svg); background-position: left; background-repeat:no-repeat; background-size:25% auto;}

/* pagine principali */

.section.page-header {padding-left:0; padding-right:0;}
.row-main > .col {padding:0;}
.main-s2 {background-image: url(https://greeneos.it/wp-content/uploads/2021/12/sfondo-1.png); background-repeat:no-repeat; background-size:auto 100%; background-position:right bottom;}
.main-s1 {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/sfondo-0.png); background-repeat:no-repeat;  background-position:left -30%; background-size:auto 150%;}
.main-s1.r50 {background-position:left bottom; background-size:auto 70%;}

.pad-0 {padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important}
.pad-b-5 {padding-bottom:5%;}
.pad-t-5 {padding-top:5%;}
.pad-b-10 {padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:10% !important;}

.mar-o-0 {margin-left:0 !important; margin-right:0 !important;}
.mar-t-5 {margin-top:5%;}

.bg-33 {background-size:100% 33%; background-position:left top; background-repeat:no-repeat;}
.bg-50 {background-size:100% 50%; background-position:left top; background-repeat:no-repeat;}
.bg-66 {background-size:66% 100%; background-position:left center; background-repeat:no-repeat;}
.bg100 {background-size:100% auto; background-position:left center; background-repeat:no-repeat;}
.row.main-p-nav{ margin-left:8.25% !important; margin-right:8.25% !important; border-top:1px solid #526873; width:83.5%; margin-top:8.25%; padding-top:3.25%}
.row.main-p-nav a  {font-family: "Poppins", sans-serif; font-size:22px; font-weight:500; display:inline-block; padding-right:70px; background-image:url(https://greeneos.it/wp-content/uploads/2021/12/ccp-06-sv000-00-freccia-blu-01.svg); background-repeat:no-repeat; background-size:50px auto; background-position:right center; text-align:left;}
.l-h-60 p a {line-height:60px;}

.bg-l-b {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/b-l-blue.png);}
.bg-b {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/b-blue.png);}
.bg-red {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/b-red.png);}
.bg-green {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/b-green.png);}
.bg-carta {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/bg-cartone.jpg);}
.bg-blue {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/b-blue.png);}
.bg-banda-carta {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/cartoni-banda.jpg);}
.bg-banda-verde {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/ccp-06-ir000-00-img-sfondo-verde-scaled.jpg);}
.bg-grey {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/b-grey.png);}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	text-transform: unset;
	font-weight: normal;
}

/* pagina prodotti */

.bg-prod {background-size:100% 72%; background-position:left top; background-repeat:no-repeat;}
.p-single h3 {font-size: 24px !important; line-height:1.1  !important;}
.prodotti.sanita h3 {color:#6FBCAE;}
.prodotti.facility h3 {color:#526973;}
.prodotti.ristorazione h3 {color:#884B53;}
.row.prodotti {padding:0 0 0 0;}
.row.prodotti .col:first-of-type {padding-right:4% !important;}
.row.prodotti .col:nth-of-type(2) {padding-left:4% !important;}
.row.prodotti .col .row {border-top: 1px solid #526973; padding:7.5% 0 7.5% 0 !important;}
.row.prodotti.last .col .row {border-top: none; }
.header-sp-monouso {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/sp-monouso-header.jpg); background-size:cover;}
.bg-f-monouso {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/ccp-06-ir002-00-faci-monouso-header.jpg); background-repeat:no-repeat;}
.bg-r-monouso {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/r-monouso-h2.jpg); background-repeat:no-repeat; background-size:cover;}
.header-prodotti {padding-left:1.7% !important; padding-right:1.7% !important;}
.header-prodotti .row {margin-left:0 !important; margin-right:0 !important;}
.prod-s2-text {font-size:30px; font-family:"Poppins", sans-serif; line-height:1.1}
.header-prodotti .text:first-of-type p {margin-bottom:0.9em;}
.header-prodotti .col:nth-of-type(2) {margin-bottom:1.8%}
.mfp-content {background-color: rgba(255,255,255,1) !important;}

/* form */
.newsletter p {margin-bottom:0; font-family: "Poppins", sans-serif;}
.wpcf7-form p {display:flex;}
form {margin-bottom:0;}
input[type="email"], input[type="email"]:focus {border-style:solid; border-width:0 0 1px 0; border-color:#fff; background:transparent; box-shadow:unset !important; color:#fff; height:50px; border-style:solid; }
input[type="submit"] {height:50px; border:1px solid #fff !important; width:95px; margin-right:0; margin-left:16px; text-transform:uppercase;}
.wpcf7 form .wpcf7-response-output {margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 1px solid #00a0d2 !important; border-radius:unset !important; background:#fff !important;}
::placeholder {color:#fff; opacity:1;}
span.wpcf7-list-item-label {color: white; font-weight: normal;}

@media only screen and (min-width: 1890px) {
	h1, .banner h1 {font-size: 100px; font-weight:500; text-transform:uppercase;}
	h2, .banner h2 {font-size: 50px;  font-weight:500;}
	h3, .banner h3 {font-size: 45px; font-weight:500;}
	h4, .banner h4  {font-size: 30px; font-weight:500;}
	h5 {font-size: 16px;}
	
	.p30 {font-size: 30px !important; line-height:1.25em !important;}
	.nav-dropdown {width:720px !important;}
	.mega-m a {font-size:35px; background-image:url(images/freccia-01.png); background-repeat:no-repeat; background-position: left 17.5px; background-size:35px auto; padding-left:50px;  font-family:"Poppins", sans-serif; font-weight:400;}
	.mega-m .head-menu a {background-image:none; font-size:50px; padding-left:0;}	
	.row.main-p-nav a  {font-size:28px; background-size:60px auto; padding-right:90px;} 
	.p-single h3 {font-size: 30px !important; line-height:1.1  !important;}
	.p-single div[id*=text] p {font-size: 16px !important;}
}

@media only screen and (min-width: 1024px) {
.nav > li > a {transition:border-color 0.5s;}
.nav > li > a, .nav > li > a:hover {border-top-width:3px; border-top-style: solid; border-color: #fff; padding:14px 0 17px 0; box-sizing:border-box;}
.nav.nav-left > li:first-of-type a:hover {border-color: #6FBCAE;}
.nav.nav-left > li:nth-of-type(2) a:hover {border-color:#526973;}
.nav.nav-left > li:nth-of-type(3) a:hover {border-color:#884B53;}
.nav.nav-left > li:nth-of-type(4) a:hover {border-color:#A8C23C;}
.page-id-151 .nav.nav-left > li:first-of-type a {border-color: #6FBCAE;}
.page-id-204 .nav.nav-left > li:nth-of-type(2) a {border-color:#526973;}
.page-id-219 .nav.nav-left > li:nth-of-type(3) a {border-color:#884B53;}
.page-id-248 .nav.nav-left > li:nth-of-type(4) a {border-color:#A8C23C;}
.sf-contatti {background-image:url(https://greeneos.it/wp-content/uploads/2022/01/sfondo-c2.png); background-position: left bottom; background-size:auto 90%; background-repeat:no-repeat;}
}


@media only screen and (min-width: 768px) and (max-width:1366px) {
	body, div[id*=banner].banner div[id*=text] {font-size:14px !important;}
	div[id*=banner].banner div[id*=text].prod-s2-text {font-size:22px !important;}
	h1, .banner h1 {font-size: 50px; font-weight:500; text-transform:uppercase;}
	.banner  h4.imballo {font-size:16px !important; margin-bottom:0;}
	.banner  .button.imballo-b {font-size:11px !important;}
}



@media only screen and (max-width: 810px) {
	h1, .banner h1 {font-size: 32px !important; text-transform:uppercase; text-align:left !important;}
	h2, .banner h2, .p40 h2, .p16 h2 {font-size: 32px !important}
	h3,  .banner h3, .heading2to3 h2{font-size: 22px  !important;}
	h4, .banner h4  {font-size: 22px;}
	h5 {font-size: 14px;}
	.p16 p, .p16 * {font-size:14px;}
	.p30 {font-size: 22px !important; line-height:1.25em !important; padding:1em 1em 0 1em;}
	.slider-h div[id*=text-box].res-text p {font-size:14px;}
	.sm-pad-0 {padding-left:0px !important; padding-right:0px !important}
	.sm-pad-t-30 {padding-top:30px}
	.sm-pad-30, .row-collapse .sm-pad-30 {padding-top:30px !important; padding-bottom:30px !important;}
	.sm-pad-30 + .sm-pad-30 {padding-top:0px !important; padding-bottom:30px !important;}
	.reverse .pad-sm-30 + .pad-sm-30 {padding-top:0px !important; padding-bottom:30px !important;}
	.p16 p:last-of-type {margin-bottom:0;}
	.button.white.button.is-outline, .button.white.button.is-outline:hover, .button.white.button.is-outline:focus {color: #fff !important; background:transparent !important}
	.footer-wrapper .b-blue a {color: #fff !important; font-size:12px; display:inline-block; padding:0.25em 0;}
	.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {padding-left: 12px;padding-right: 12px;margin-left: 0px; margin-right: 0px; width: auto;}
	.mobile-sidebar .nav-sidebar.nav-vertical button.toggle {color:#fff;}
	.nav > li > a {font-size: 1em;}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active {background-color: #fff}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(2) {background-color:#6FBCAE;}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(3) {background-color:#526973;}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(4) {background-color:#884B53;}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(5) {background-color:#A8C23C;}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(2) a, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(3) a, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(4) a, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(5) a {color:#fff;}
	.mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(2) ul li a, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(3) ul li a, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(4) ul li a, .mobile-sidebar .nav-sidebar.nav-vertical > li.menu-item.active:nth-of-type(5) ul li a {background-image:url(images/freccia-01.png); background-repeat:no-repeat; background-position: left center; background-size:14px auto;}
	.section-home div[id*=banner] {padding-top:70% !important;}
	div[id*=banner].banner.mob-75 {padding-top:75% !important;}
	div[id*=banner].banner.mob-85 {padding-top:85% !important;}
	div[id*=banner].banner.txt90 div[id*=text-box] {width:90% !important;}
	.home-m div[id*=text] p {font-size: 14px !important;}
	.bg66.mob-bg100 {background-size:cover}
	.main-s1, .main-s2 {background:none !important;}
	.reverse {flex-flow:row-reverse wrap-reverse;}
	.pad-b-5.reverse {padding-bottom:0;}
	.row.main-p-nav{ margin-left:8.25% !important; margin-right:8.25% !important; border-top:1px solid #526873; width:83.5%; margin-top:8.25%; padding-top:3.25%}
	.row.main-p-nav .small-6, .col.m-col12 {flex-basis:100% !important; max-width:100% !important;}
	.col.m-col12 .img {width:100% !important;}
	.row.main-p-nav .text p {text-align:left;}
	.row.main-p-nav a  {font-size:20px; display:block; padding-right:40px; background-image:url(https://greeneos.it/wp-content/uploads/2021/12/ccp-06-sv000-00-freccia-blu-01.svg); background-repeat:no-repeat; background-size:40px auto; background-position:right center;}
.l-h-60 p a {line-height:60px;}
	.col-s6 {flex-basis:50% !important;}
	.page-header div[id*=text] p, .header-prodotti div[id*=text] p {font-size:14px !important;} 
	.prodotti img {max-width:250px !important; display:block; margin:auto;}
	.row.prodotti .col:first-of-type {padding-right:4% !important; padding-left:4% !important;}
	.row.prodotti .col:nth-of-type(2) {padding-left:4% !important; padding-right:4% !important;}
	.row.prodotti .p-single .medium-5, .row.prodotti .p-single .medium-7  {flex-basis:100% !important; max-width:100% !important;}
	.header-sp-monouso {background-image:url(https://greeneos.it/wp-content/uploads/2021/12/sp-monouso-header.jpg); background-size:unset;}
	.bg-f-monouso {
	background-image: url(https://greeneos.it/wp-content/uploads/2021/12/ccp-06-ir002-00-faci-monouso-header.jpg); background-repeat: no-repeat; background-size: 200% auto; background-color: #5b6e75;}
	.bg-r-monouso {background-image: url(https://greeneos.it/wp-content/uploads/2021/12/r-monouso-h2.jpg); background-repeat: no-repeat; background-size: 200% auto; background-color:#bcbfc6;}
	section.header-prodotti + section + section .row.mar-o-0 {padding:0 0 0 0 !important;}
	
}

@media only screen and (max-width: 767px) {
	.no-mobile {display:none;}
	.home-sl {margin-top:-50px;}
	.prod-s2-text {font-size:1rem;}
	div[id*=text-box].res-text {width:85% !important;}
	div[id*=banner].banner.s-mob-50 {padding-top:50% !important;}
	.wpcf7-form p {display:block;}
	form {margin-bottom:0;}	
	input[type="email"], input[type="email"]:focus {width:100%; }
	input[type="submit"] {width:100%;margin-left:0; margin-top:16px; }
	.header-prodotti .bg-prod {background-size:100% 80%; background-position:left bottom; margin-left:-1.7% !important; margin-right:-1.7% !important;}
	.header-prodotti .bg-prod .col {padding-bottom:0 !important;}
	.header-prodotti .bg-prod .col p {font-size:14px !important;}
	.header-prodotti .bg-prod .col p:empty {display:none !important;}
	.row.prodotti .col .row, .row.prodotti.last .col .row {border-top: 1px solid #526973; padding:7.5% 0 7.5% 0 !important;}
	.row.prodotti.last .col:first-of-type .row {border-top: none; }
	.section-home div[id*="banner"] {padding-top:50% !important;}
	.home-mn + div[id*=image] {position:absolute; top:50%; right:0; transform:translateY(-50%)}
}

@media only screen and (min-width: 900px) and (max-width:1279px) {
	.home-mn .banner h3 {font-size:20px !important;}
	.home-mn + div[id*=image] {position:absolute; top:50%; right:0; transform:translateY(-50%)}
	.large-5.tablet-p {max-width:50%; flex-basis:50%;}
	.no-tablet-p {display:none !important;}
}

@media only screen and (min-width: 768px) and (max-width:1279px) {
	.header-sp-monouso, .bg-r-monouso {background-size: 125% auto !important;}
}