/*
Theme Name: Porto Child
Theme URI: http://newsmartwave.net/wordpress/porto
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Porto Responsive Wordpress + Woocommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/

@import url("../porto/style.css");

/* ICONE */
@import url("../../plugins/js_composer/assets/css/lib/vc-entypo/vc_entypo.min.css");
@import url("../../plugins/js_composer/assets/css/lib/vc-open-iconic/vc_openiconic.min.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* VERDE NUOVO #99ca4d */

h2 { color: #1d2127; font-family: Open Sans; font-size: 25px; font-weight: 400; letter-spacing: normal; line-height: 32px; }
#big-h2-title h2 { color: #1d2127; font-family: Open Sans; font-size: 30px; font-weight: 300; line-height: 40px; }

/* HEADER */
#main-menu .mega-menu > li.menu-item.bordered > a { border: 1px solid #99ca4d; border-radius: 4px; }
#main-menu .mega-menu > li.menu-item.bordered:hover > a {}

#menu-servizi .ult-adjust-bottom-margin { margin-bottom: 0 !important; }
#menu-servizi .smile_icon_list { max-width: 1440px; margin: 0 auto !important; }

#menu-servizi .smile_icon_list .icon_list_item i { font-size: 32px; }
#menu-servizi .smile_icon_list.top li .icon_description { margin: 10px; }
#menu-servizi .smile_icon_list.top li .icon_description h3 { font-weight: normal; }
#menu-servizi .smile_icon_list .icon_list_item .Defaults-leanpub::before { font-family: vc_entypo; content: "⚒"; }
#menu-servizi .smile_icon_list .icon_list_item .Defaults-key::before { font-family: vc_openiconic; content:'\e805' }
#menu-servizi .smile_icon_list .icon_list_item .Defaults-comments::before { font-family: FontAwesome; content: "\f0e6"; }


/* CONTATTI */
.wpcf7-display-none { display: none; }
.wpcf7-mail-sent-ok { color: #99ca4d !important; }
.identity-contact input[type="text"],
.identity-contact input[type="email"],
.identity-contact textarea { display: block; width: 100%; box-sizing: border-box; }
.identity-contact input[type="submit"] { margin: 0; background: transparent none; color: #99ca4d; border-width: 2px; border-color: #99ca4d; display: block; width: 100%; box-sizing: border-box; text-transform: uppercase; }
.identity-contact input[type="submit"]:hover,
.identity-contact input[type="submit"]:focus { background-color: #99ca4d; color: #ffffff; }

.identity-contact.green input[type="submit"] {
    color: #99ca4d;
    border-color: #99ca4d;
}
.identity-contact.green input[type="submit"]:hover,
.identity-contact.green input[type="submit"]:focus { background-color: #99ca4d; color: #ffffff; }

/* PORTFOLIO */
.thumb-info .thumb-info-title,
.thumb-info .thumb-info-action { background: rgba(0,0,0,0.6); }

.page-portfolios .portfolio-filter,
.page-portfolios > hr { display: none !important; }

/* MAP */
.ultimate-map-wrapper { margin-bottom: 0 !important; }

/* FOOTER */
.footer-wrapper .widget-title h3 { color: #99ca4d; }
.footer-wrapper .textwidget ul { padding: 0; }
.footer-wrapper .textwidget ul li { color: #cccccc !important; overflow: hidden; line-height: 44px; }
.footer-wrapper .textwidget ul li i { color: #ffffff; float: left; margin: 0 15px 5px 0; padding: 5px;  }
.footer-wrapper ul.footer-post { padding: 0; overflow: hidden; }
.footer-wrapper ul.footer-post li { float: left; width: 45%; margin: 0 5% 15px 0; list-style: none; height: 99px; overflow: hidden; line-height: 14px; }
.footer-wrapper ul.footer-post li a.image { display: block; float: left; margin: 0 15px 0 0; width: 120px; /*height: 97px; background-color: #ffffff;*/ overflow: hidden; }
.footer-wrapper ul.footer-post li a.image img { margin: 0; background-color: #ffffff; width: 100%; }
.footer-wrapper ul.footer-post li a.title { color: #cdcdcd; text-transform: uppercase; overflow: hidden; }
.footer-wrapper ul.footer-post li p { color: #ffffff; line-height: 14px; overflow: hidden; }
.footer-wrapper ul.footer-post li p a { color: #ffffff; }
#footer .logo { margin: 0; }
#footer .logo img { max-width: none; }
#footer .footer-bottom .container .footer-left { text-align: center; }

/* HOME */
.vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline-custom { padding: 10px 17px; }

/* ANCHOR <a id="contattaci-ecommerce-magento" class="negative-margin-anchor">&nbsp;</a> */
.negative-margin-anchor { display: block !important; margin-top: -55px; visibility: hiden; height: 0 !important; float: left !important; width: 100% !important; }


.new-hp-header{
    background-image: url('/wp-content/uploads/2023/03/adobe-partner-magento.jpg.webp');    
}
.new-hp-footer{
    background-image: url('/wp-content/uploads/2023/03/bg-tecnology.jpg.webp');    
}



.new-hp-header .img-hp-header{
    display: inline-block;
    height: 85px;
    width: auto;
    margin: 0 14px;
}

.new-hp-header .btn{
	padding: 12px 50px;
	margin-top: 2.5em;
}

@media (max-width: 575px){
	.new-hp-header .img-hp-header{
	    height: 55px;
	}
}

.identity-contact input[type="submit"]{
	color: #fff;
	border-color: #fff;
}

.container-fluid{
    overflow-x: hidden;
}


/* HEADER */
@media screen and (max-width:991px){
    #header .header-main .container{
        display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center;
        padding-right:10px; padding-left:10px;
    }
    #header .header-main .container>div{
        display:flex; flex-direction:row; align-items:center; justify-content:center;
    }
    #header .nav-top li>span {        
        padding:0 10px; padding-left:0;
    }     
    #header .header-main .container>div.header-right .header-right-bottom .mobile-toggle{
        margin:0;
    }
    #header.sticky-header .header-main .container{
        justify-content:space-between;
    }    
}
@media screen and (max-width:991px) and (min-width:466px){
    #header .header-main .container{
        justify-content:space-between;
    }    
}

@media screen and (max-width:425px){
    #header .header-main .container>div.header-right{
        justify-content: space-between;
        width: 100%;        
    }   
    #header.sticky-header .header-main .container>div.header-right{        
        width: auto;
    }  
}