/*
Theme Name: Gocce di sosteniblità
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

body {font-family: 'Arial', sans-serif;}

p {font-size: 1em; line-height: 1.8em; color:#221f1f}
.dark p {color:#fff;}
a {color:#e74820;}
.testi-lab {line-height: 1.5em; padding-top:10px;}
.header-logo {margin-left:0px;}
#masthead {top:0}


/*box strumenti*/
.strumenti {width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:180px; margin-bottom:25px; overflow: hidden;}
.testi-strumenti {color:#fff; padding: 15px 15px 0 0; line-height: 1.3em;}
.red {-webkit-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); background-color:#e16c6c;}
.purple {-webkit-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); background-color:#cb85b8;}
.yellow {-webkit-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); background-color:#edbf47;}
.light-blue {-webkit-box-shadow: 0px 5px 0px 0px rgba(100, 178, 197, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(100, 178, 197, 1); box-shadow: 0px 5px 0px 0px rgba(100, 178, 197, 1); background-color:#74cee4;}
.green {-webkit-box-shadow: 0px 5px 0px 0px rgba(127, 170, 107, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(127, 170, 107, 1); box-shadow: 0px 5px 0px 0px rgba(127, 170, 107, 1); background-color:#98ce80;}
.darkgreen {-webkit-box-shadow: 0px 5px 0px 0px rgba(86, 169, 17, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(86, 169, 17, 1); box-shadow: 0px 5px 0px 0px rgba(86, 169, 17, 1); background-color:#63c016;}
.pink {-webkit-box-shadow: 0px 5px 0px 0px rgba(190, 91, 128, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(190, 91, 128, 1); box-shadow: 0px 5px 0px 0px rgba(190, 91, 128, 1); background-color:#e16c98;}

/*box classe*/
.box-classe {margin-bottom:50px; height:130px;}
.learn {width:25%; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; height:130px; overflow: hidden; -webkit-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); background-color:#edbf47; float:left; position:relative; }
.learn span {color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 35%;}
.lab {width:25%; height:130px; overflow: hidden; -webkit-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); background-color:#e16c6c; float:left; position:relative;}
.lab span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 45%;}
.meet {width:25%; height:130px; overflow: hidden; -webkit-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); background-color:#cb85b8; float:left; position:relative;}
.meet span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 40%;}
.showcase {width:25%; height:130px; overflow: hidden; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;
-webkit-box-shadow: 0px 5px 0px 0px rgba(135, 175, 93, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(135, 175, 93, 1); box-shadow: 0px 5px 0px 0px rgbargba(135, 175, 93, 1); background-color:#98c26c; float:left; position:relative;}
.showcase span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 25%;}

.strumenti-classe {width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:210px; margin-bottom:25px; overflow: hidden; background-color:#ffffff; -webkit-box-shadow: 0px 5px 0px 0px #59b039; -moz-box-shadow: 0px 5px 0px 0px #59b039; box-shadow: 0px 5px 0px 0px #59b039; border:1px solid #59b039;}
.testi-strumenti {color:#fff; padding: 15px 20px 0 0; line-height: 1.3em;}
.testi-classe {color:#555; padding: 15px 20px 0 0; line-height: 1.3em;}

/*titoli*/
.big-title {font-weight: 300; font-style: normal; color: #004680; font-size:30px; text-transform:uppercase; line-height:30px; margin: 5px 0 5px 0;}
.subtitle {font-weight: 300; font-style: normal; color: #004680; font-size:20px; text-transform:uppercase; line-height:30px; margin: 5px 0 0 0;}

/*ux banner*/
.ux_banner h1, .ux_text h1, .ux_banner h4, .ux_text h4, .ux_banner h5, .ux_text h5 {text-shadow: 3px 3px 3px rgba(3, 0, 0, 0.4);}
.banner-home.ux_banner .left  {left: 4%!important; top: 25%!important;}
.blog-header.ux_banner .left {left: 4%; top: 50%!important;}
.ux_banner h4 {font-size: 150%!important; line-height: 150%!important; }
.ux_banner h3 {font-size: 180%!important; line-height: 80%!important; font-weight: 300; }
.ux_banner h2 {font-size: 250%!important; line-height: 80%!important; font-weight: 300;  margin-top: 6%;}
.ux_banner h1 {font-size: 340%; line-height: 75%;}

.ux_banner .text-center input.ninja-forms-field {text-align: left;}
.newsletter-signup .ux_banner p {line-height:150%!important;}

/*header*/
#masthead .row {background:#fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
#masthead {top:0 !important}
.page .before-sticky #masthead, .page  .before-sticky .wide-nav, .archive .before-sticky #masthead, .archive  .before-sticky .wide-nav, .blog .before-sticky #masthead, .blog  .before-sticky .wide-nav, .single .before-sticky #masthead, .single  .before-sticky .wide-nav {background: none!important; box-shadow: none !important;}
.page .header-wrapper, .page.boxed-header .header-wrapper, .page .header-wrapper, .archive .header-wrapper, .archive.boxed-header .header-wrapper, .archive .header-wrapper, .blog .header-wrapper, .blog.boxed-header .header-wrapper, .blog .header-wrapper, .single .header-wrapper, .single.boxed-header .header-wrapper, .single .header-wrapper {position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 99;}
.page.hide-header #masthead.site-header, .archive.hide-header #masthead.site-header, .blog.hide-header #masthead.site-header, .single.hide-header #masthead.site-header  {display: none;}
.header-inner {background:#fff; border-radius:0px 0px 5px 5px}

/*main manu*/
ul.header-nav li {margin-left: 10px; margin-top: 15px;}
ul.header-nav li a {font-weight: bold; font-size: 105%;}
ul.header-nav a.nav-top-link {color:#000; opacity:0.8;}
ul.header-nav a.nav-top-link:hover {opacity:1!important;}
#masthead .left-links > ul {float:right; padding-top:0px;font-size:13px!important;}
.menu-item {font-size:13px !important}
ul.header-nav > li:before {content: "•"; color:#221f1f; padding-right:10px;}
ul.header-nav > li:first-child:before {content: "";}
.header-nav > li:last-child  {padding-right: 12px!important;}
#menu-item-54:before, #menu-item-1121:before {content: none;}
#menu-item-1121, #menu-item-54 {margin-bottom:-0px;}
.registrati {background-color: #ac2d1c!important;  font-weight:bold; padding-right:15px!important; margin-top: 15px; padding:5px 10px 5px 10px!important;}
.registrati a {color:#fff!important; opacity:1!important; font-weight:bold !important}
.registrati a:hover {color:white !important; font-weight:bold !important}
.registrati:hover {background-color: #6d1b10!important; transition: all 200ms ease-out;}
.menu-item-object-page .current-page-ancestor {font-weight:bold!important; color:#555!important; opacity: 1;}
ul li.current-menu-item a {font-weight: bold;}

/*drop down*/
.nav-dropdown, .sub-menu.submenu-languages {border: 3px solid #59b039; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);}
.right-links .nav-dropdown, .left-links .nav-dropdown, .account-dropdown .nav-dropdown {margin-left: 16px;}
.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after, .menu-item-language .sub-menu:after {border-color: rgba(221, 221, 221, 0); border-bottom-color: #59b039; border-width: 7px; left: 8px; margin-left: -7px; margin-top:2px; }
ul.header-nav li .nav-dropdown li a{font-size: 80%;}

/*menu educazione*/
.widget_nav_menu ul li {font-weight: normal; font-size: 76%; padding: 2px 0 7px 0;}
.widget_nav_menu ul li a:hover {font-weight: bold; transition: all 200ms ease-out;}
.widget_nav_menu ul li.current-menu-item a {font-weight: bold; color: #555;}

/*slider*/
.dark > .sliderNav a span {border-color:transparent!important;}
.icon-angle-right:before, .icon-angle-left:before{font-size: 150px; color:#fff; opacity:1!important;}
span.icon-angle-right, span.icon-angle-left {background-color:transparent!important;}
.iosSlider .sliderNav a span {border: 0px;}
.iosSlider {margin-bottom: 0px;}

/*button*/
button, input[type="button"], input[type="submit"], .button {background:var(--primary-color); color:#fff;}
.alt-button {border: 1px solid var(--primary-color)!important; background:transparent!important; color: var(--primary-color)!important; padding: 5px 18px;}
.alt-button:hover {background: var(--primary-color)!important; color:#fff!important;}

.custom-green, .is-custom-green {color:#fff!important; background-color: #ac2d1c!important;  font-weight:bold; padding-right:15px!important; padding:0px 15px; text-transform:uppercase;}
.custom-green:hover, .is-custom-green:hover {color:#fff!important; background-color: #6d1b10!important; transition: all 200ms ease-out;}

.custom-black, .is-custom-black {color:#d6dd88!important; background-color: #000!important; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;  font-weight:bold; padding-right:15px!important; margin-top: 15px;  padding:0px 15px; text-transform:uppercase;}
.custom-black:hover, .is-custom-black:hover {color:#000!important; background-color: #d6dd88!important; transition: all 200ms ease-out;}

.custom-yellow, .is-custom-yellow{color:#fff!important; background-color: #edbf47!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; -webkit-box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1); box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1); font-weight:bold; padding:10px 15px; text-transform:uppercase; float:right;}
.custom-yellow:hover, .is-custom-yellow:hover {color:#fff!important; background-color: #dfb33f!important; -webkit-box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1); box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1); font-weight:bold; padding:10px 15px;}

.custom-gray, .custom-gray:hover, .is-custom-gray, .is-custom-gray:hover {color:#fff!important; background-color: #ddd!important;  font-weight:bold; padding-right:15px!important; padding:0px 15px; text-transform:uppercase;}

/*sidebar*/
.widget_product_categories li a {font-size: 85%; padding: 12px 0;}
.widget_product_categories li a:hover {text-decoration: none; font-weight:bold; color:#555; transition: all 200ms ease-out;}
.widget-title {font-size:100%;}
.widget_product_categories li.current-cat > a {color:#555;}
.widget h3.widget-title.shop-sidebar {border-bottom: 2px solid #59b039!important; background-color:#fff!important; color:#555!important; padding: 0px 0 10px 0px!important;}
.shop-sidebar .widget li a {padding-bottom:5px;}

/*divider*/
.is-divider {height: 5px; background-color: #8bbce5; opacity: 1; width:10%; margin: 10px 0 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/*commenti*/
.commenti {font-size:14px; text-decoration:underline; font-style:italic; float: left; padding-top: 8px;}

/*form*/
.ninja-forms-error-msg {color: #59b039; padding-bottom:20px;}
.ninja-forms-success-msg {color: #59b039; padding-bottom:10px;}
.ninja-forms-form-wrap input[type="submit"] {color:#fff; background-color: #59b039!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); font-weight:bold;}
.ninja-forms-form-wrap input[type="submit"]:hover {color:#fff!important; background-color: #e65b01!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1);}

.number{width:90px; height: 150px; background-color: #59b039; color: #fff; font-size: 80px; text-align:center; margin-bottom:10px; line-height: 80px; float:left; display: block; margin-right: 20px;}
.step {width:100%; height: 150px; background-color: #eee; border-right: 8px solid #59b039; margin-bottom: 10px;}

.page-id-1323 #content > p:first-child {display:none!important;}

@media screen and (max-width: 980px) {
    .text-inner{
        margin:0 !important;
		line-height:1.2 !important;
    }
}


.strumento-zoom{transition: transform .6s;}
.strumento-zoom:hover {transform: scale(1.1);}