/*
 * Theme Name: MageSpecialist theme
 * Theme URI: http://www.idealiagroup.com
 * Description: Tema Child per MageSpecialist
 * Author: 	Idealia Group
 * Template: Divi
 * Version: 1.0.1
 */

@import url(../Divi/style.css);

/*Top header*/
#top-header, #et-secondary-nav li ul { background-color: #327AA7!important; }

#top-header .et-social-icons {}
#top-header .et-social-github svg{
    transition: color 300ms ease 0s;
    height: 16px;
    margin-bottom: -3px;
}
#top-header .et-social-github path{
    fill: #ADCADC;
    stroke: #ADCADC;
}
#top-header .et-social-github path:hover {
    fill: #fff;
    stroke: #fff;
}

/* Top Menu */
#top-menu-nav a{
    font-family: Roboto Condensed;
    font-weight: 300;
    font-size: 1.3em;
}
#top-menu a:hover, .fullwidth-menu a:hover {
    color: #FF3399;
}
@media only screen and ( min-width: 767px ) and ( max-width: 1100px ) {
    #top-menu-nav li {padding-right: 25px;}
}
@media only screen and ( min-width: 1100px ) {
    #top-menu-nav li {
        padding-right: 40px;
    }
}

/* Home slider */
#home-slider .et_pb_slide_description {
    /*padding: 90px 100px;*/
}

/*Home blurbs*/
#home-blurbs img {max-height: 150px;}

/*Call to actions*/
.et_pb_bg_layout_light a.et_pb_promo_button {color: #8c0053!important;}

/*Footer*/
.footer-widget h4 {
    font-family: Roboto, 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;;
}
.footer-widget:nth-child(2) h4, .footer-widget:nth-child(4) h4{color: #3f98d1!important;}
.footer-widget:first-child h4, .footer-widget:nth-child(3) h4 {color: #FF3399!important;}
.footer-widget:first-child .et_pb_widget a {color: #ffffff;}
.footer-widget:nth-child(2) ul li:before, .footer-widget:nth-child(4) ul li:before {border-color: #3f98d1!important;}
.footer-widget:nth-child(4) ul li {font-size: 78%;}
.footer-widget:nth-child(2) ul li a:hover, .footer-widget:nth-child(4) ul li a:hover {color: #3f98d1!important;}
.footer-widget:first-child ul li a:hover, .footer-widget:nth-child(3) ul li a:hover {color: #FF3399!important;}

#ms-footer .et_pb_text_align_left {margin-bottom: 1em;}
/*#ms-footer .et_pb_blurb_position_left .et_pb_blurb_content {padding-left: 2em;}*/
#ms-footer .et_pb_main_blurb_image span {font-size: 18px}

/*Footer 2*/
.container-footer2 {
    text-align: left;
    margin: 0 auto;
    width: 1080px;
    position: relative;
    background-color: #222222;
}
#footer-widgets2 .footer-widget-sx {
    float: left;
    width: 60%;
    margin: 0;
    padding: 0;
}
#main-footer #footer-widgets2 .footer-widget-sx .fwidget .et_pb_widget {
    width: 100%;
}
#footer-widgets2 .footer-widget-dx {
    float: left;
    width: 40%;
    margin: 0;
    padding: 0;
}
#footer-widgets2 .footer-widget-sx ul li, #footer-widgets2 .footer-widget-dx ul li {
    float: left;
    list-style: none;
    padding: 0 15px 0 0;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote { border-color: #ff3399; }
@media only screen and ( max-width: 767px ) {
    #footer-widgets2 .footer-widget-sx,#footer-widgets2 .footer-widget-dx {
        width: 100%;
    }
}
#footer-bottom .et-social-github svg{
    transition: color 300ms ease 0s;
    height: 24px;
    margin-bottom: -3px;
}
#footer-bottom .et-social-github path{
    fill: #666;
    stroke: #666;
}
#footer-bottom .et-social-github path:hover{
    fill: #8c0053;
    stroke: #8c0053;
}

/*Custom style for Chi Siamo counters*/
#blocco-contatori-chisiamo .et_pb_circle_counter, .et_pb_number_counter {
    margin-bottom: 5px;
}

/*CF7 Form responsive styles*/
.wpcf7-form .full {
    float: left;
    width: 99%;
    margin-right: 3%;
    padding-bottom: 20px;
}

.wpcf7-form .left {
    float: left;
    width: 47%;
    margin-right: 3%;
    padding-bottom: 20px;
}

.wpcf7-form .right {
    float: left;
    width: 50%;
    padding-bottom: 20px;
}

.wpcf7-form .right span input, .wpcf7-form .left span input {
    padding-bottom: 20px;
}

@media only screen and ( max-width: 479px ) {
    .wpcf7-form .left, .wpcf7-form .right {
        width: 100%;
    }
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #999 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wpcf7-select {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 12px;
    padding: 10px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpcf7-submit {
    color: #f39 !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    float: right;
}
.wpcf7-submit:hover {
    background-color: #eee;
    border-color:#eee;
    padding: 6px 20px !important;
}

/* Submit white button*/
.wpcf7-submit-white {
    color: #fff !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    float: right;
}
.wpcf7-submit-white:hover {
    background-color: #eee;
    border-color:#eee;
    padding: 6px 20px !important;
    color: #000!important;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #398F14;
    width: 70%;
    position: relative;
}
div.wpcf7-validation-errors {
    border: 1px solid #F7E700;
    width: 70%;
    position: relative;
}
.services-table-menu {
    padding: 0;
}
.services-table-menu .et_pb_text {
    margin-bottom: 0;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 400;
}
.services-table-menu table {
    width: 100%;
    border: none;
}
.services-table-menu table tr td {
    border: none;
}

.services-table-menu ul {
    list-style: none;
    overflow: auto;
    padding: 0 0 10px 0;
    width: 80%;
    margin: 0 auto;
}
.services-table-menu ul li{
    float: left;
    width: 16%;
    text-align: center;
}
.services-table-menu ul li img{
    width: 80%;
    padding-bottom: 10px;
}

#cosafacciamo-section-tablet .et_pb_column{
    width: 48% !important;
    margin-left: 10px;
}
.only-mobile {
    display: none;
}
.msp-footer-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    clear: both;
    text-align: center;
}
.msp-footer-bottom img.assintel {
    max-width: 330px;
    width: 90%;
}
.msp-footer-desktop {
    text-align: center;
}
.msp-footer-mobile {
    display: none;
    text-align: center;
}
@media only screen and ( min-width: 981px ) and ( max-width: 1260px ) {
    #top-menu-nav li {
        padding-right: 13px;
        font-size: 13px;
    }
    .footerlogos-sx img {
        max-width: 50px;
    }
    .footerlogos-dx img {
        max-width: 125px;
    }
}

@media only screen and ( max-width: 601px ){

    #home-slider h2.et_pb_slide_title {
        font-size: 20px !important;
        line-height: 25px !important;
    }
    .footerlogos-sx img {
        max-width: 28px;
    }
    .footerlogos-dx {
        margin-left: 15%;
    }
    .footerlogos-dx img {
        max-height: 40px;
    }
    #footer-widgets2 .et_pb_widget {
        width: 310px;
        margin: 0 auto;
        float: none;
    }
    .no-mobile {
        display: none;
    }
    .only-mobile {
        display: block;
    }
    .footerlogos-sx.only-mobile ul {
        clear: both;
        display: block;
        width: 230px;
        margin: auto;
        float: none;
    }
    .footerlogos-sx.only-mobile ul li{
        padding: 0 5px 0 0 !important;
    }
    .footerlogos-sx.only-mobile ul li:last-child {
        padding:0px !important;
    }
    .et-social-icons li {
    display: inline-block;
    margin-left: 10px;
}
}

@media only screen and ( min-width: 601px ) and ( max-width: 980px ) {
    #home-slider h2.et_pb_slide_title {
        font-size: 23px !important;
    }
    #loghi-section .et_pb_row_4col > .et_pb_column.et_pb_column_1_4,
    #clienti-section .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
        width: 22.25% !important;
        margin-right: 2.5% !important;
    }
    .footer-widget-dx {
        width: 100% !important;
    }
    .footer-widget-sx {
        width: 100% !important;
    }
    .footerlogos-dx img {
        max-width: 90px;
    }
    .footerlogos-sx img {
        max-width: 50px;
    }

	.language_switcher {
		margin-top: 10px;
	}
}

@media only screen and ( max-width: 768px ) {
    .services-table-menu ul li{
        float: left;
        width: 33%;
        text-align: center;
    }
    .services-table-menu ul li span{
        display: none;
    }
    .msp-footer-desktop {
        display: none;
    }
    .msp-footer-mobile {
        display: block;
    }

	.language_switcher {
		margin: 10px 5px;
		text-align: center;
		float: none!important;
	}

	#et-info {
		display:none;
	}

}
.services-table-menu div.white-link ul li a{
    color: #ffffff;
}
.cta-btn a {
    background: #8c0053;
    border-color: #8c0053;
}

.cta-btn a.et_pb_promo_button:hover {
    background: rgba(255,255,255,0.9);
    color: #8c0053;
    border-color: #8c0053;
}

.portfolio-grid-center h2 {
    text-align: center;
}

.et_pb_bg_layout_light .et_pb_post .post-meta a:hover, #left-area .post-meta a:hover {
    color: #F39;
}

#et_top_search {display: none;}

/*Portfolio styles*/
.et_portfolio_image .et_overlay {border: none;}
.et_overlay::before {padding: 10% 0; box-sizing: border-box;}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image {padding: 10%; box-sizing: border-box;}
/*.et_pb_fullwidth_portfolio .et_pb_portfolio_image.landscape img {width: 90%; height: 90%;}*/
/*.et_pb_fullwidth_portfolio .et_pb_portfolio_item { width: 15.0% !important;}*/

.et_pb_section.link-light .et_pb_blurb_content a {color: #fff; font-weight: bold;}

/*Blog*/
.et_pb_image_container {margin: 0;}

#ms-footer .et_pb_blurb_position_left .et_pb_main_blurb_image, #ms-footer .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: inline-block;
    width: 18px;
    margin-bottom:0;
}

.et_post_meta_wrapper > img {
    max-width: 300px;
    margin: 0px auto;
    display: block;
    width: 100%;
}
.comment-body {padding: 0 130px 0 100px;}

/*Loghi Home Page*/
.loghi-home
img {
    width: 90%;
    height: auto;
    max-width: 90%;
}

.custom-form-container {
    width: 100%;
    padding-bottom: 30px;
}
.custom-form{
    width: 1080px;
    max-width: 100%;
    margin: 0 auto;
}
.custom-form .subscribeForm fieldset {
    background: white;
    width: 100%;
    border: 0px
    /*text-align: left;*/
}

.custom-form .subscribeForm #show-response {
    color: #f00;
    font-size: 1em;
}

.custom-form .subscribeForm label {
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    color: #666;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;
    font-size: 100%;
}

.custom-form .subscribeForm input[type=password],
.custom-form .subscribeForm input[type=text],
.custom-form .subscribeForm input.text,
.custom-form .subscribeForm input[type=tel],
.custom-form .subscribeForm input[type=email],
.custom-form .subscribeForm input.title,
.custom-form .subscribeForm textarea,
.custom-form .subscribeForm select{
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #999 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-form .subscribeForm input[type=submit] {
    color: #f39 !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    float: right;
}

.custom-form .subscribeForm input[type=submit]:hover {
    background-color: #eee;
    border-color: #eee;
    padding: 6px 20px !important;
}

.language_switcher {
	float:right;
}

.language_switcher li {
	display: inline-block;
}

.language_switcher li a{
	text-transform: uppercase;
    margin-right: 5px;
}

.lang-item img{
	float: right;
    margin-left: 10px;
}

.ms_logo {
    margin-top: 32px;
}
@media only screen and ( max-width: 981px ) {
.hidden-mobile {
display:none
}
}