/*! ******************************************************
*
*	Theme Name:     Toolset Starter Child
*   Author:         OnTheGoSystems
*   Author URI:     http://www.onthegosystems.com/
*   Description:    Simple, clear and modern Bootstrap 3-based theme. 
					Perfect base for developing all kinds of responsive sites with Toolsets,
					including the Layouts plugin (no extra integration needed,
					you activate Layouts and the drag and drop facilities work out of the box).
					Uses WordPress theme customizer and supports Font Awesome Icons.
					Supports WooCommerce integration by styles unification.
*   Version:        1.1
*   License:        GNU General Public License v2 or later
*   License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*   Template:       toolset-starter
*
*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/**
* Note per le animazioni
*
* Per animazioni agli elemento allo scorrimento della pagina, abilitare plugin "Animate" e aggiungere classe "wow nomeanimazione" (https://daneden.github.io/animate.css/)
* Per animare con un click: onclick="jQuery(this).addClass('animated nomeanimazione');"
* Per animare passando il mouse: onmouseover="jQuery(this).addClass('animated nomeanimazione');"
* Per animare uscendo con il mouse: onmouseout="jQuery(this).addClass('animated nomeanimazione');"
*/

/**********************/
/*** Stile generale ***/
/**********************/

@font-face {
  font-family: 'Code';
  src: url('/wp-content/themes/toolset-starter-child/fonts/CODE.otf') format('otf'), url('/wp-content/themes/toolset-starter-child/fonts/CODE.ttf') format('truetype');
}


body {
	font: 16px/1.6em "Open Sans", Helvetica, Arial, sans-serif;
}

body, a, a:hover, a:focus
{
	color: #333333;
	
}

.thi-title {
	margin-top: 0;
}

ul ul, ol ol {
	padding-bottom: 0;
}

a {
	text-decoration: underline;
}

a:hover {
	cursor: pointer;
}

a:focus {
	outline: none;
}

.btn {
	text-decoration: none;
}

/* Simbolo di "link esterno" */
/*a[target="_blank"]:after {
    font-family: 'FontAwesome';
    content: " \f08e";
    font-size: 10px;
    font-weight: 400;
}*/

.ddl-dropdown-menu > li > a {
	text-decoration: none;
}

blockquote {
    line-height: normal;
}

p, li {
	line-height: 1.6em;
}

/**************/
/*** Titoli ***/
/**************/


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Code, "Open Sans", sans-serif;
    letter-spacing: 5px;
}

/***************************/
/***** One page site *******/
/***************************/

body {
	margin-top: 51px;
}

h3:first-child {
	margin-top: 0;
}

.intro {
    padding: 100px;
    font-size: 20px;
    text-align: center;
    border-left: 30px solid #3AA64D;
    border-right: 30px solid #FF3720;
}

.menu {
	background-color: #fff;
	border-bottom: 1px solid #FF3720;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	position:fixed;
}

.categorie-home {
    background-color: #f5f5f5;
    padding: 100px 0;
}

.categorie-home p {
	font-size: 20px;
}

.categoria-home:first-child {
    padding-top: 0;
}

.categoria-home {
    padding: 50px 0;
}

.categoria-home:last-child {
    padding-bottom: 0;
}

.categoria-home .immagine {
    border-style: solid;
    border-width: 0;
    padding: 30px;
}

.categoria-home .immagine img {
	max-height: 250px;
}

.categoria-home:nth-child(2n+1) .immagine {
    float: right;
    border-left-width: 15px;
}

.categoria-home:nth-child(2n) .immagine {
	border-right-width: 15px;
}

.categoria-home:nth-child(2n+1) .testo {
    padding-right: 40px;
}

.categoria-home:nth-child(2n) .testo {
	padding-left: 40px;
}

.categoria-home.preparazione .immagine {
	border-color: #58BE4B;
	background-color: RGBA(88, 190, 75, 0.3);
}

.categoria-home.colorazione .immagine {
	border-color: #FEA6B9;
	background-color: RGBA(254, 166, 185, 0.3);
}

.categoria-home.decolorazione .immagine {
	border-color: #0091CC;
	background-color: RGBA(0, 145, 204, 0.3);
}

.categoria-home.post-colorazione .immagine {
	border-color: #AA97CC;
	background-color: RGBA(170, 151, 204, 0.3)
}

.categoria-home.ristrutturanti .immagine {
	border-color: #FF3821;
	background-color: RGBA(255, 56, 33, 0.3);
}

.form {
	padding: 100px 0;
}

.form .gform_wrapper {
	margin-bottom: 0;
}

.footer {
	padding: 25px;
	border-top: 40px solid #3AA64D;
	border-bottom: 40px solid #FF3720;
	margin-bottom: 100px;
}

.pagina {
	margin-bottom: 50px;
}

/**************/
/*** Header ***/
/**************/

.thi-header-row {
	position: relative;
	padding: 15px 0;
	background-color: #fff;
	width: 100%;
}

.breadcrumbs-row {
	background-color: #fafafa;
	padding: 10px;
	margin-bottom: 50px;
}

.thi-header-row.affix {
	padding: 5px;
}

.thi-header-row.affix .thi-logo-cell {
	width: 15%;
}

.thi-header-row.home {
	margin-bottom: 0;
}

.thi-logo-cell img {
	margin-bottom: 0;
}

.thi-menu-cell {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.ddl-navbar {
	margin: 0;
	min-height: 0;
	float: none;
	border: none;
}

.ddl-navbar-collapse {
	margin-left: 0 !important;
}

.ddl-nav > li > a {
	text-decoration: none;
}

.ddl-nav > li > a:hover,
.ddl-nav > li > a:focus,
.ddl-navbar-default .ddl-navbar-nav > .open > a,
.ddl-navbar-default .ddl-navbar-nav > .open > a:hover,
.ddl-navbar-default .ddl-navbar-nav > .open > a:focus {
	background-color: #efefef;
}

.ddl-dropdown-menu > li > a:hover,
.ddl-dropdown-menu > li > a:focus,
.ddl-dropdown-menu > .active > a,
.ddl-dropdown-menu > .active > a:hover,
.ddl-dropdown-menu > .active > a:focus {
	color: #333;
	background-color: #efefef;
}

.ddl-navbar-nav > .active > a {
	text-decoration: underline;
}

.ddl-dropdown {
	margin: 0;
	padding: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.thi-upper-menu-row {
	background-color: #fafafa;
}

.thi-upper-menu-row nav {
	float: right;
}

.mobile-home-title {
	display: none;
}

nav .fa {
	font-size: 1.5em;
}

.fa-facebook-official,
.fa-facebook,
.fa-facebook-square {
	color: #3B5998;
}

.fa-google-plus,
.fa-google-plus-square {
	color: #dd4b39;
}

.fa-linkedin,
.fa-linkedin-square {
	color: #4875B4;
}

.fa-twitter,
.fa-twitter-square {
	color: #33CCFF;
}


/**************/
/*** Footer ***/
/**************/

.thi-footer-row {
	margin-top: 50px;
	padding: 15px 0;
	border-top: 1px solid;
}

.thi-footer-row p {
	margin-bottom: 0;
}

.thi-footer-row .right {
	text-align: right;
}

/****************/
/*** Homepage ***/
/****************/

.thi-home-jumbotron {
	background-color: #ddd;
	padding: 50px 0;
}

.thi-home-jumbotron > .container > .row {
	display: flex;
	align-items: center;
} 

.thi-home-jumbotron h1 {
	margin: 0;
}

.thi-home-jumbotron h2 {
	margin-bottom: 0;
	font-size: 1.8em;
}

.thi-home-jumbotron .btn {
	font-size: 1.6em;
	padding: .8em;
}

.thi-home-blocks-row {
	margin: 50px -15px;
	text-align: justify;
}

.thi-home-posts-loop .thi-post-title {
	margin: 0;
}

.thi-home-posts-loop .thi-post-meta {
	margin-top: 0.3em;
	margin-bottom: 1em;
	line-height: 1.3em;
}

.thi-home-posts-loop .thi-post-excerpt {
	text-align: justify;
}

/*************/
/*** Forms ***/
/*************/

.gform_button.button {
	width: 80%;
	padding: 12px !important;
	font-size: 1.5em !important;
}

.gform_footer.top_label {
    text-align: center;
}

.gform_wrapper textarea {
	text-indent: .25em;
}

.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select,
.gform_wrapper.gf_browser_chrome .ginput_complex select {
	padding: .313em 0;
}

.gform_wrapper.gf_browser_ie .ginput_complex .ginput_left select,
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select {
	padding: 0.27em 0 !important;
}

/* Browser sconosciuto = Edge */
.gform_wrapper.gf_browser_unknown .ginput_complex .ginput_left select,
.gform_wrapper.gf_browser_unknown .ginput_complex .ginput_right select {
	padding: 0.3em 0;
}

#gform_2 {
	position: relative;
	padding: 10px 20px;
	background-color: #eee;
	border: 1px solid #ccc;
}

#gform_2 .gform_body {
	display: inline-block;
	width: 80%;
}

#gform_2 .gform_body #label_2_2_1 {
	font-size: 11px;
}

#gform_2 .gform_body #choice_2_2_1 {
	margin-top: 1px;
}

#gform_2 .gform_footer {
	margin: 0px;
	width: 20%;
	padding: 0px;
	float: right;
}

#gform_2 .gform_footer > input {
	width: 100%;
}

#gform_2 ul li:last-child {
	margin-bottom: 0;
}

#gform_2 h3.gform_title {
	margin-top: 0;
}

#sidebar #gform_2 .gform_body {
	width: 100%;
}

#sidebar #gform_2 .gform_footer {
	float: none;
	width: 100%;
}

#sidebar #gform_2 .gform_body #choice_2_2_1 {
	margin-top: 10px;
}

/*************/
/*** Altro ***/
/*************/

.thi-contacts-map-row {
	margin-top: 15px;
}

.thi-post-content-cell .thi-post-title,
.thi-single-post-loop .thi-post-title {
	margin: 0;
	margin-bottom: 3px;
}

.thi-single-post-loop img {
	margin-right: 10px;
	float: left;
}

.thi-post-content-cell .small,
.thi-single-post-loop .small {
	margin-bottom: 11px;
}

/************************/
/*** CSS Condizionale ***/
/************************/

/* Smartphone */
@media (max-width: 767px) {
	
	/***************************/
	/***** One page site *******/
	/***************************/
	
	.ddl-nav-wrap.ddl-navbar.ddl-navbar-default::before {
		content: "OiVita39";
		color: #FF3720;
		line-height: 50px;
	}
	
	.intro {
    	padding: 30px 0;
	}
	
	.categoria-home:nth-child(2n+1) .immagine {
		float:none;
	}
	
	.categoria-home .immagine {
		margin-bottom: 30px;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	.categoria-home .testo {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.tp-bgimg.defaultimg {
		background-position: left center !important;
	}
	
	/***********************************/
	
	body {
		margin-bottom: 48px;
	}
	
	/* Mobile Menù Fix */
	.ddl-dropdown .ddl-dropdown-menu {
		position: static;
		float: none;
		padding-left: 15px;
		background-color: transparent;
		border-radius: 0;
		box-shadow: none;
		border: none;
		border-bottom: 1px solid;
	}
	
	.thi-footer-row div,
	.thi-footer-row .right {
		width: 100%;
		text-align: center;
	}
	
	.thi-footer-row p {
		margin-bottom: 11px;
	}
	
	.thi-logo-cell {
		width: 250px; /* Modificare in base al logo */
		float: left;
		margin-bottom: 10px;
	}
	
	.thi-menu-cell {
		position: static;
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	
	.mobile-home-title {
		display: inline-block;
	}
	
	.ddl-nav .glyphicon {
		margin-right: 5px;
	}
	
	.thi-home-jumbotron > .container > .row {
		flex-direction: column;
	}
	
	.thi-home-jumbotron .btn {
		margin-top: 25px;
	}
	
}

/* Smartphone Portrait */
@media (max-width: 767px) and (orientation : portrait) {}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	
	.thi-footer-row div,
	.thi-footer-row .right {
		width: 100%;
		text-align: center;
	}
	
	.thi-footer-row p {
		margin-bottom: 11px;
	}
	
}

/* Tablet Portrait */
@media (min-width: 768px) and (max-width: 991px) and (orientation : portrait) {}

/* Dektop piccolo */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Desktop grande */
@media (min-width: 1200px) {}