/*
Theme Name:     InTouch - Retina Responsive WordPress News Theme - Child
Theme URI:		http://themeforest.net/user/ZERGE/portfolio
Description:    Child theme for the InTouch theme
Version:		1.0
Author:         ZERGE
Author URI:		http://themeforest.net/user/ZERGE
Template:		wp-intouch

*/

@import url("../wp-intouch/style.css");

/* --------- Insert your custom styles on next rows --------- */

.ct-top-entry { background-color: #2b373f; }
#ct-search-block { padding: 10px 0; float: right; }
#ct-search-block .assistive-text, .widget .assistive-text { display: none; }
#ct-search-block #searchform input[type="text"],
.widget #searchform input[type="text"] {
	color: #9ca1a5; 
	border:1px solid #525f6a; 
	background-color: #434d54; 
	height: 24px; 
	width: 270px; 
	padding-left: 15px; 
	padding-right: 50px;
	font-size: 12px;
}
.widget #searchform input[type="text"] { width: 100%; border: 1px solid #E0E0E0; background-color: #fff; }
#searchform { position: relative; }
#searchform #searchsubmit { position: absolute; top: 0; right: 0; height: 24px; background-color: transparent; }
#ct-search-block .icon-search, .widget .icon-search { color: #798085; font-size: 14px; }
#searchform #searchsubmit:active { background-image: none; outline: 0;	-webkit-box-shadow: none; box-shadow: none; }
#searchform #searchsubmit:hover i { color: #FFF; }
.widget #searchform #searchsubmit:hover i { color: #363636; }


/*--- diminuisco altezza pagina --*/

#masthead { z-index: 1; }
.page_header_sidebar { padding-top: 10px; padding-bottom: 10px; }
#primary, #secondary { padding-top: 10px; padding-bottom: 10px; }
.homepage_area {  }

.homepage_slider_area,
.homepage_main_area { margin-bottom: 10px; }

/*--- diminuisco padding pagina --*/
.single-post .post,
#content .page,
.single-post .author-info,
#comments,
.archive-header { background-color: #FFFFFF; padding: 10px; position: relative; margin-bottom: 10px; }

/*--- aggiungo css search header che scompare vedi http://www.wpbeginner.com/wp-themes/how-to-add-a-search-toggle-effect-in-wordpress/ --*/
.site-header .search-form {
	position: absolute;
	right: 200px;
	top: 200px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}
.search-form
.search-submit { 
display:none;
}