/*
Theme Name: Flatsome Child
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=Open+Sans:wght@300;400;500;700;800&display=swap');


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

p {font-size: 1em; line-height: 1.8em;}
.dark p {color:#fff;}
a {color:#744f5a;}
h3.section-title span {border-bottom: 0px;}
h3.section-title {border-bottom: 2px solid #ff9116 !important; margin: 0 auto 20px; text-transform:none; font-size: 1.5em; font-weight:normal;}
.testi-lab {line-height: 1.5em; padding-top:10px;}
img {max-width: 200%!important;}
body {font-family: "Open Sans"!important;}

.row.container {margin-top: 35px;}


/*box strumenti*/
.strumenti {width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:210px; margin-bottom:25px; overflow: hidden;}
.testi-strumenti {color:#fff; padding: 15px 20px 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;}
.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%; height:auto; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:210px; margin-bottom:25px; background-color:#ebebeb; -webkit-box-shadow: 0px 5px 0px 0px rgba(222, 222, 222, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(222, 222, 222, 1); box-shadow: 0px 5px 0px 0px rgba(222, 222, 222, 1); }
.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;}
.strumenti-classe-2 {width:100%; height:auto; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:210px; margin-bottom:25px; background-color:#FFF4E8; -webkit-box-shadow: 0px 5px 0px 0px rgba(251, 230, 207, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(251, 230, 207, 1); box-shadow: 0px 5px 0px 0px rgba(251, 230, 207, 1); }


/*titoli*/
.big-title {font-weight: 300; font-style: normal; color: #6a6a6a; text-rendering: optimizeLegibility; font-size:30px; text-transform:uppercase; font-family: "Open Sans"!important; line-height:30px; margin: 5px 0 5px 0;}
.subtitle {font-weight: 400; font-style: normal; color: #6a6a6a; text-rendering: optimizeLegibility;font-size:20px; text-transform:uppercase; font-family: "Open Sans"!important; 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 {color:#fff;}
.banner-home.ux_banner .left  {left: 4%!important; top: 25%!important;}
.blog-header.ux_banner .left {left: 4%; top: 50%!important;}
.ux_banner h1 {font-size: 500%; font-family: "Open Sans"!important;}
.ux_banner h4 {font-size: 150%!important; line-height: 100%!important; text-shadow: 3px 3px 3px rgba(3, 0, 0, 0.5); font-family: "Open Sans"!important;}
.ux_banner h3 {font-size: 180%!important; line-height: 80%!important; font-weight: 300; font-family: "Open Sans"!important; }
.ux_banner h2 {font-size: 350%!important; font-weight: 600; font-family: "Ubuntu"!important; text-shadow: 3px 3px 3px rgba(3, 0, 0, 0.5);}

.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: 15px; margin-right: 0px; margin-top: 15px;}
ul.header-nav li a {text-transform: uppercase; font-weight: normal; font-size: 85%;}
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:16px!important;}
ul.header-nav > li:before {content: "•"; color:#ff9116; padding-right:12px;}
ul.header-nav > li:first-child:before {content: "";}
.header-nav > li:last-child  {padding-right: 2px!important;}
#menu-item-1062:before, #menu-item-54:before {content: none;}
.registrati {background-color: #ff9116!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600!important; -moz-box-shadow: 0px 5px 0px 0px #ff6600!important; box-shadow: 0px 5px 0px 0px #ff6600!important; font-weight:bold; padding-right:5px!important; margin-top: 10px!important; padding:5px 10px!important;}
.registrati a {color:#fff!important; opacity:1!important; }
.registrati:hover {background-color: #012745!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;}


/*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*/
.custom-green, .is-custom-green {color:#fff; background-color: #ff9116!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600; -moz-box-shadow: 0px 5px 0px 0px #ff6600; box-shadow: 0px 5px 0px 0px #ff6600; font-weight:bold; padding:0px 15px 0px 15px; text-transform:uppercase;}
.custom-green:hover, .is-custom-green:hover  {color:#fff!important; background-color: #ff6600!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600!important; -moz-box-shadow: 0px 5px 0px 0px #ff6600!important; box-shadow: 0px 5px 0px 0px #ff6600!important;}

.custom-green-2:hover, .is-custom-green-2:hover {color:#ff6600 !important; background-color: #fff!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600; -moz-box-shadow: 0px 5px 0px 0px #ff6600; box-shadow: 0px 5px 0px 0px #ff6600; font-weight:bold;  text-transform:uppercase;}
.custom-green-2{color:#fff!important; font-weight:bold; background-color: #023287!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600!important; -moz-box-shadow: 0px 5px 0px 0px #ff6600!important; box-shadow: 0px 5px 0px 0px #ff6600!important;}
.ux_banner .button {padding-top:10px; padding-bottom:10px;}

.custom-gray,
.custom-gray:hover, .is-custom-gray,
.is-custom-gray:hover {color:#fff!important; background-color: #dddddd!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #cccccc!important; -moz-box-shadow: 0px 5px 0px 0px #cccccc!important; box-shadow: 0px 5px 0px 0px #cccccc!important;}

.ninja-forms-form-wrap input[type="submit"] {color:#fff; background-color: #ff9116!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);}

.button.white {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-weight:bold; margin:0px;}
.rosso {color:#e16c6c!important;}
.viola {color:#cb85b8!important;}
.giallo {color:#edbf47!important;}
.azzurro {color:#74cee4!important;}
.verde {color:#98ce80!important;}
.rosa {color:#e16c98!important;}

.custom-yellow {color:#fff; background-color: #edbf47!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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 10px 15px; text-transform:uppercase; float:right;}
.custom-yellow:hover {color:#fff!important; background-color: #dfb33f!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1)!important; box-shadow: 0px 5px 0px 0px rgba(223, 179, 63, 1)!important;}

.custom-purple {color:#fff; background-color: #cb85b8!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-purple:hover {color:#fff!important; background-color: #ad719d!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1)!important; box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1)!important;}

.custom-red {color:#fff; background-color: #e16c6c!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-red:hover {color:#fff!important; background-color: #cc605e!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1)!important; box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1)!important;}

.custom-lightgreen {color:#fff; background-color: #98c26c!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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 rgba(135, 175, 93, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-lightgreen:hover {color:#fff!important; background-color: #87ae5d!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(136, 175, 94, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(136, 175, 94, 1)!important; box-shadow: 0px 5px 0px 0px rgba(136, 175, 94, 1)!important;}

.custom-blue {color:#fff; background-color: #004686!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600; -moz-box-shadow: 0px 5px 0px 0px #ff6600; box-shadow: 0px 5px 0px 0px #ff6600; font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase;}
.custom-blue:hover {color:#fff!important; background-color: #5592c9!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #ff6600!important; -moz-box-shadow: 0px 5px 0px 0px #ff6600!important; box-shadow: 0px 5px 0px 0px #ff6600!important;}


/*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 #ff9116!important; background-color:#fff!important; color:#555!important; padding: 0px 0 10px 0px!important;}
.shop-sidebar .widget li a {padding-bottom:5px;}

/*divider*/
.tx-div.small {height: 5px; background-color: #ff9116; opacity: 1; width:10%; margin: 10px 0 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.white-divider {background-color: #fff!important; width:10%!important;}
.learn-divider {background-color: #edbf47!important; width:10%!important;}
.lab-divider  {background-color: #e26c6c!important; width:10%!important;}
.meet-divider {background-color: #cb85b9!important; width:10%!important;}
.showcase-divider {background-color: #98c26c!important; width:10%!important;}

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

/*sezione insegnanti*/
.ux-section {padding-top:0px;}

/*form*/
.ninja-forms-error-msg {color: #ff9116; padding-bottom:20px;}
.ninja-forms-success-msg {color: #ff9116; padding-bottom:10px;}

/*mappa*/
#map_container .map_inner {display:none;}

/*footer*/
.copyright-footer {opacity: 0.8;font-size: 12px; text-align:center;}
.absolute-footer {padding: 15px 0 15px;}

/*cookie*/
#cookie-law-info-bar {font-size:12px;}
.cli-plugin-main-link {font-size:12px; text-decoration:underline;}

/**/
.display-none{display:none;}






@media screen and (max-width: 980px) {
    .img-stru {
        width:100% !important;
    }
}

@media screen and (max-width: 980px) {
    .testi-classe {
        padding:10px !important;
    }
}