/*
Theme Name:  Interico: Child Theme
Theme URI:   http://www.themicart.com/
Description: Child theme for the Interico WordPress Theme. Use it for manipulating the theme files so the core remains original, which is necessary for updates not to override the changes made.
Author:      Themicart
Template:    interico
Version:     1.0.0
*/


/* ==========================================================================
   INIZIO classi custom
   ========================================================================== */

.filtro__overlay {background-blend-mode: multiply;}

body .negativo * {color: white;}

/**************************
Esempio ICONA prima di un pulsante
***************************/

/*
bottone__icona.button:before {  
    background-image: url('#');
     content: "";background-size: cover;width: 10px;height: 10px;display: inline-block;margin-right: 10px;
}
*/

/**************************
Classi Custom - Colori al volo
***************************/

.sfondo_scuro * {color:white}
.sfondo_chiaro * {color:black}

/**************************
Classi Custom - LAYOUT
***************************/

body .riga__stretta {
    max-width: 900px !important;
    margin: 21px auto 0 !important;
}

.restringi__contentuto > * {
	max-width: 500px;
    margin: 5px auto;
	}


/**************************
GENERALE --> Sfondo Fisso
***************************/

.bg__fixed {
	background-attachment:fixed;
	background-size:cover;
}


/**************************
GENERALE --> Spazi
***************************/

.mb_0 {margin-bottom: 0 !important;}


/**************************
GENERALE --> Filtro bianco su Riga (Esempio co Visual Composer)
***************************/


.vc_row.wpb_row.filtro__bianco:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(255 255 255 / 60%);
}


/**************************
Classi Custom - MOBILE e DESKTOP
***************************/




@media (max-width:781.99px) {
    
	.nascondi_mobile {display:none;}
	.riduci__mobile {max-width:220px; margin:0 auto}
	.centra__mobile * {text-align: center;margin-left: auto !important;margin-right: auto !important;}
	
	.cover__orizz {height: 35vh;}
	
}

@media (max-width:768px) {

	body .colonne.inverti__mobile {flex-flow: column-reverse wrap;}
	body .righe.inverti__mobile {flex-flow: row-reverse wrap;}
	.mb_0_mobile {margin-bottom: 0 !important;}
	
	div#home__intro__box {
		DISPLAY: FLEX;
		FLEX-FLOW: ROW NOWRAP;
		OVERFLOW-X: auto;
		margin-top: 20px;
	}
	
	.header-typography-style-3 #header #mainmenu>li>a {
		text-transform: uppercase;
		font-size: .8rem;
	}
	
}
@media (min-width:782px) {
    
	.nascondi_desk {display:none;}
	.cover__orizz {height: 70vh;}
	#home__intro__box {
		margin-top:-100px;
	}

}

/* ==========================================================================
   FINE classi custom
   ========================================================================== */

/********
Varie
********/

.wpb_text_column b,
.wpb_text_column strong {
    font-weight: bold;
}

/***
Aggiornamenti e modifiche
 *****/


.tipoprogetto input[type="radio"] {
    text-align: center;
}

.tipoprogetto label {

    width: 100%;
    cursor: pointer;
}



.tipoprogetto input[type="radio"] {
    background: green !important;
    display:none;
}


.tipoprogetto input[type="radio"] + span {
    background: #ffffff;
    color: #6e6e6e !important;
    padding: 8px;
    border: 2px solid #dddfe1;
    width: 100%;
    transition: .2s;
    display:block;
    text-align: center;
    
}


.tipoprogetto input[type="radio"]:checked + span {
    background: #c1fdc1 !important;
    color: #40a840 !important;
    padding: 8px;
    font-weight: bold;
    border: 2px solid #69cc69;
}

.tipoprogetto input[type="radio"]:hover + span {
    border: 2px solid #8498af;
}


/**********
 VARIE
 ***********/


.menu_custom_404__class li a {
    text-transform: uppercase;
    font-weight: bold;
    color: #8291a3;
    line-height: 2;
}

.menu_custom_404__class li a:hover {
    color: #ff3562;
}
h1, h2, h3, h4, h5, h6, h3.widget-title, .team-member.light h4, .blog-post-box .content-box-info h3.box-heading {
    color: #415a77;
    text-decoration: none;
}

.caratteristiche, p {
    font-family: 'PT sans', sans-serif;
}

@media screen and (min-width: 990px) {
	p {FONT-SIZE:1REM;}
}

a.btn{TEXT-TRANSFORM: UPPERCASE;FONT-WEIGHT: BOLD;}



/***********
LOOP blog 
************/

body.archive .entry-content.content-box-info > *:not(header) {
    display: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    display: flex;
    flex-flow: row;
    align-items: center;
}

time.wp-block-latest-posts__post-date {
    display: none;
}

.wp-block-latest-posts__featured-image.alignleft {
    margin: 0 5%;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    background: whitesmoke;
    margin-bottom: 10px;
}

/***********
LOOP PORTFOLIO 
************/

body.portfolio-template-default.single.single-portfolio .looptitlesection {
    flex-flow: column wrap;
}

/***********
LOOP CASE MOBILI 
************/

@media(max-width:991px) {
	
	
	body .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
		width: 50%;
		padding: 10px;
	}

	body .vc_pageable-slide-wrapper.vc_clearfix {
		width: 100%;
	}

	body .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
		PADDING: 4px !IMPORTANT;
	}

	body .vc_grid-container.vc_clearfix.wpb_content_element.vc_basic_grid .vc_col-sm-12.looptitlesection {
		PADDING: 10px 12px !IMPORTANT;
	}

	body .looptitlesection div span {
		display: block;
		margin-bottom: 5px;
		font-size: 12px !important;
	}

	body .looptitlesection div span i {
		padding: 0 10px 0 0;
	}
	
	
}



/***********
SINGLE PORTFOLIO 
************/

.single-portfolio h4 {
    TEXT-TRANSFORM: uppercase;
}

.caratteristiche {
    font-size: 1rem;
}

/***********
CONTATTI 
************/

.vc_message_box p {font-size: 1rem;line-height: 2;}



/***********
FOOTER - PREFOOTER
************/

.projects-navigation {
    display: none;
}
.prefooter__container {background: #415a77;padding: 3%;}
.prefooter__container > div {max-width: 1190px;margin: 0 auto;}

/***********
MOBILE
************/

@media (max-width:768px) {
	
	a.btn {MARGIN-BOTTOM: 15PX;}	
	.carousel-content h1, .carousel-content h2 {FONT-SIZE: 1REM;}
	
	.content-box.service-item .image-container img {max-width: 193px;}
	
	.breadcrumbs .container > span:last-child {display:none ;}
	
	.single-portfolio .content h1 {padding-top: 16px;}
	
	.vc_grid-container.wpb_content_element.vc_media_grid > div > div {display: flex;flex-flow: row wrap;}
	.vc_grid-container.wpb_content_element.vc_media_grid .vc_grid-item {width: 50%;}
	
	.vc_pageable-slide-wrapper.vc_clearfix {display: flex;flex-flow: row wrap;}

	.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left {float: left;margin: -18px 10px 15px 0;}
	
	div#fia-description2 {flex-flow: column-reverse;}
}