/*
Theme Name: Tonic Responsive
Theme URI: http://www.staytonic.it
Description : Wordpress theme localizated
Author: Tonic
Author URI: http://www.staytonic.it
version: 1.0
*/


/* GLOBAL RESET
------------------------------------------------------------------------------------------------------------- */
	html, body, div, span, applet, object, iframe, 
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	a, abbr, acronym, address, big, cite, code, 
	del, dfn, em, font, img, ins, kbd, q, s, samp, 
	small, strike, strong, sub, sup, tt, var, 
	b, u, i, center, 
	dl, dt, dd, ol, ul, li, 
	fieldset, form, label, legend, 
	table, caption, tbody, tfoot, thead, tr, th, td{background:transparent; border:0; margin:0; padding:0; vertical-align:baseline}
	body{line-height:1}
	h1, h2, h3, h4, h5, h6{font-weight:bold;}
	ol, ul{list-style:none}
	blockquote{quotes:none}
	blockquote:before, blockquote:after{content:''; content:none}
	del{text-decoration:line-through}
	/* tables still need 'cellspacing="0"' in the markup */
	table{border-collapse:collapse; border-spacing:0}
	a img{border:none}
	button,input,select,textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;} /* CompatibilitÃ¯Â¿Â½ margine e font vari browser */
	button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;  *overflow: visible; }
	input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0;  border: 0}
	button[disabled],html input[disabled] {  cursor: default;}
	button,input { line-height: normal;}
	
/* BASICS TYPOGRAFY
------------------------------------------------------------------------------------------------------------- */
	body{ font-size:14px}
	body, input, textarea { font-family:'Open Sans', sans-serif; }
	h1{font-size:18px}
	h2{font-size:16px;}
	h3{font-size:15px;}
	h4{font-size:14px}
	code, pre{font-family:"Courier New",Courier,monospace}
	textarea{ resize:none;  overflow: auto;}/* Removes default vertical scrollbar in IE 6/7/8/9. */
	
/* BASIC IMAGES AND LINK STYLE
------------------------------------------------------------------------------------------------------------- */
	img{border:none;}
	img.alignleft{float:left; margin-right:10px;}
	img.alignright{float:right; margin-left:10px}
	a{text-decoration:none; border:none; color:#333;}     
	a:hover{ text-decoration:underline; border:none}
	a:active,a:focus{ border:none; outline:none}	
	
/* BASIC GLOBAL ELEMENTS STYLE
------------------------------------------------------------------------------------------------------------- */	
	/* Main global 'theme' and typographic styles */
	hr{background-color:#e7e7e7; border:0; clear:both; height:1px; margin-bottom:18px}

	/* all */
	::-webkit-input-placeholder { color: #333; font-style: italic; font-size: 12px; }
	::-moz-placeholder { color: #333; font-style: italic; font-size: 12px; } /* firefox 19+ */
	:-ms-input-placeholder { color: #333; font-style: italic; font-size: 12px; } /* ie */
	input:-moz-placeholder { color: #333; font-style: italic; font-size: 12px; }


    .gobutton { display: inline-block; font-size: 16px; font-weight: 700; text-align: center; margin-top: 30px; padding: 5px 60px; color: white; }    
    .gobutton.btn-orange { background-color: #f0890c; }
    .gobutton.btn-orange:hover { background-color: #3a393c; text-decoration: none; }
    .gobutton.btn-grey { background-color: #3a393c; }
    .gobutton.btn-grey:hover { background-color: #f0890c; text-decoration: none; }


/* USEFUL CLASS
------------------------------------------------------------------------------------------------------------- */		
	.floatleft{float:left;}
	.floatright{ float:right;}
	.clear{ clear:both;}
	.hidden {display: none !important; visibility: hidden;}
    .alignleft{float:left; margin:0 10px 10px 0}
    .alignright{float:right; margin:0 0 10px 10px}
    .aligncenter{display: block; margin: 0 auto;}
    .notfound{padding:25px; font-size:14px; font-weight:300}
    .bolds { font-weight: 700; } 
    .upper { text-transform: uppercase; }
    .blue { color: #21a0b3; }
    .orange { color: #f0890c; }

/* CONTAINER 
------------------------------------------------------------------------------------------------------------- */
	#container{ margin:0 auto; color:#333;}
	.container { position: relative; }

/* HEADER / LOGO 
------------------------------------------------------------------------------------------------------------- */
	#header { background-color: #f6d154; position: relative; height: 65px; border-bottom: 1px solid #e7e7e7; margin-bottom: 25px; }
    .logo { float: left; background-color: #fff; }
    .logo a { display: block; height: 64px; width: 130px; background: url(img/logo.png) no-repeat; background-size: contain; z-index: 10000; background-color: transparent; border: 0; text-indent: -9999px;  }

	.claim { text-transform: uppercase; font-size: 18px; font-weight: 700; font-family: 'Lato', sans-serif; float: left; margin: 20px 0 0 10px; }
    .ic-corporate { float: right; }
	.ic-corporate a { margin: 5px; color: #fff; padding: 10px; background-color: #323232;  display: block; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; }
	.ic-corporate a span { display: block; }
	.ic-corporate a img, .ic-corporate a > div { float: left; }
	.ic-corporate a img { margin: 10px 20px 0 5px; }
	.ic-corporate a:hover { background-color: #F0890C; }


/* MAIN MENU
------------------------------------------------------------------------------------------------------------- */
	#menu { 
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		text-transform: uppercase;
	    padding: 19px 0 20px 15px;
		margin-left: 30px;
    	border-left: 2px solid #fff;
		float:left;
	}
	#menu ul { margin:0; padding:0; }
	#menu ul li { float:left; }
	#menu ul li a { display:block; color:#111111; line-height:25px; margin:0 10px; }
	#menu ul li.buy-now a { color:red; }
	#menu ul li a:hover { color:#505050; }
	
	#menu ul ul.sub-menu { display:none; position:absolute; background-color:#323232; z-index:9999; }
	#menu ul ul.sub-menu li { border-bottom: 1px solid #bbb; min-width: 180px; display:block; float:none }
	#menu ul ul.sub-menu li:hover { background-color:#505050; }
	#menu ul ul.sub-menu li a { color: #fff; padding:5px 0; }
	
	#menu li:hover > a,
	#menu ul ul.sub-menu:hover > a { text-decoration: none; color:#111111; }
	#menu ul li:hover > ul.sub-menu { display:block; }
	
	#menu ul li.current_page_item > a,
	#menu ul li.current_page_ancestor > a,
	#menu ul li.current_page_parent > a { border-bottom: 1px solid #111111; }
	
    * html #menu ul li.current_page_item a,
	* html #menu ul li.current_page_ancestor a,
	* html #menu ul li.current_page_parent a,
	* html #menu ul li a:hover { font-family: 'Open Sans', sans-serif; text-transform: uppercase; color:#111111; }


/* MENU MOBILE
------------------------------------------------------------------------------------------------------------- */

	#menu-mobile {
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		text-transform: uppercase;
	}

	#menu-mobile span.mobile-button {
		position: relative;
		float: right;
		padding: 15px 12px;
		margin: 9px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		cursor: hand;
		cursor: pointer;
	}

	#menu-mobile span.mobile-button .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #333;
	}

	#menu-mobile span.mobile-button .icon-bar + .icon-bar {
		margin-top: 4px;
	}

	#menu-mobile .menu-header-menu-container {
		position: absolute;
	    top: 65px;
	    right: 0;
	    z-index: 9999;
	}

	#menu-mobile .menu-header-menu-container ul { margin:0; padding:0; display:none; }
	#menu-mobile .menu-header-menu-container ul li { background-color: #505050; border-bottom:1px solid #fff; }
	#menu-mobile .menu-header-menu-container ul li:hover { background-color:#f6d154; }
	#menu-mobile .menu-header-menu-container ul li a { padding:10px 15px; color: #fff; min-width: 250px; text-decoration:none; display:block; }
	#menu-mobile .menu-header-menu-container ul li:hover a { color:#333; }


/* HOMEPAGE 
------------------------------------------------------------------------------------------------------------- */
	.home #header { margin-bottom: 0; }
	.home #footer { margin-top: 0; }
	/* FORM */
	.wrapper-form { background-repeat: no-repeat; background-position: 0 40%; background-color: transparent; background-size: cover; padding: 60px 0px; }
	.search-box { position: relative; width: 65%; height: 70%; margin: 0 auto; background: rgba(56,55,58,0.6) no-repeat scroll 0% 0% !important; box-shadow: 0px 0px 30px 10px #323232;	}
	.wrapper-form .search-box .field-search { margin-bottom: 15px; }
	.search-box h2 { font-size: 1.2em; text-transform: uppercase; color: #FFF; font-weight: 400; font-size: 13px; margin-bottom: 20px; }
	.search-box h2 span { display: inline-block; vertical-align: top; padding: 20px 0px 0px 15px; }
	.search-box #home-searchsubmit { width: auto; padding: 5px 60px; border: 1px solid #F0890C !important; }
	#search.search-box .labelsearch { color: #fff !important; }
	.icon-form-search {	position: absolute;	top: 25px; right: 25px;	color: #B1B1B1; }
	.icon-form-search.fa-euro { top: 28px; }
	/* ULTIME ASTE*/
	.wrapper-last-auction { margin: 40px auto; }
	.wrapper-last-auction h2 { margin-bottom: 30px; font-family: 'Lato', sans-serif; }
	.last-auction { border: 1px solid #E7E7E7; padding: 15px; margin-bottom: 30px; }
	.last-auction .pp { text-align: center; margin-bottom: 20px; display: table; width: 100%; }
	.last-auction .pp img { text-align: center; /*height: 135px;*/ display: table-cell; }
	.last-auction h3 { font-size: 15px;	text-transform: uppercase; min-height: 35px; }
	.last-auction .auctiondetails { min-height: 200px; }
	/*.last-auction .auctiondetails > span:last-child { min-height: 55px; }*/
	.last-auction .gobutton { margin-top: 0; }


/* SELECT CHOSEN ( HOMEPAGE - OVERRIDE ) 
------------------------------------------------------------------------------------------------------------- */
	.chosen-container-single .chosen-default { color: #333; font-style: italic; font-size: 12px; }
	.chosen-container-single .chosen-single { border-radius: 0!important; padding: 10px!important; height: 42px!important; background: #fff!important; line-height: 20px !important; border: 1px solid #E7E7E7 !important; box-shadow: none !important; }
	.chosen-container-active .chosen-single { box-shadow: none!important; border-color: #E7E7E7!important; }
	.chosen-container-single .chosen-single div b { display: none!important; background: none!important; }
	/*select.chosen-with-icon + .chosen-container.chosen-container-single .chosen-single {
	    padding-left    : 35px;
	}*/

	select.chosen-with-icon + .chosen-container.chosen-container-single .chosen-single:before { content: "\f041"; display: block; font-family: FontAwesome; right: 7px; position: absolute; text-align: center; font-size: 28px; color: #B1B1B1; font-style: normal; }


/* BREADCRUMB 
------------------------------------------------------------------------------------------------------------- */
    /*.breadcrumbs { margin-bottom: 40px; text-align: center; text-transform: lowercase; font-size: 12px;}
    .breadcrumbs a:hover { text-decoration: none; }*/



/* CONTENT 
------------------------------------------------------------------------------------------------------------- */
	.post h1{ font-size:36px; text-transform: uppercase; font-weight:700; text-align: center; margin-bottom: 30px; }
	.post h3{ font-size:14px; font-weight:700; text-align: center; margin: 30px; }
	.entry h2 { font-size: 23px; font-weight:700; margin: 20px 0 10px 0; }
    .entry h4{ font-size:14px; font-weight:700; text-align: center; }
	.post p{margin: 0 0 10px 0; line-height:1.5;}
	.post ul{list-style:disc; padding: 0 0 0 20px; margin: 1em 0;}
	.post li{line-height:1.5; margin-bottom: 10px;}
	.entry { font-family:'Open Sans', serif; margin: auto;}
	.entry p a{text-decoration: underline;}
	.entry p a:hover{color: #333;}
	.entry p strong{color: #333;}
	.postmetadata{clear:both;}
	.navigation{ float:left; width:100%; height:20px;}
  
    .overcolumn { margin: 15px auto; width: 100%; font-family: "Open Sans", sans-serif; font-size:14px; font-weight: 700; }
    .overcolumn .callback img { margin-right: 15px; }
    .overcolumn a:hover { text-decoration: none; }
    

/* advanced search form
------------------------------------------------------------------------------------------------------------- */
    #search { border: 1px solid #e7e7e7; background-color: #f2f2f2; padding: 20px!important; }
    #search h3 { font-size: 16px; text-transform: uppercase; padding-bottom: 15px; } 
    #search .labelsearch { font-family: "Lato", sans-serif; font-size: 13px; color: #9a9a9a; font-weight: 700; }
    #search input, #search select {  width: 100%; padding: 10px; border: 1px solid #E7E7E7; }
    #search input[type="submit"] { border: none; }
    #search .width-half { width: 45%; display: inline-block; margin-left: 17px; }
    #search .width-half.first { margin-left: 0; }
    #search .advancedsearch { margin-top: 20px; font-size: 11px; }
    #advanced-searchform > div { margin-bottom: 15px; } 


/* LISTING ASTE 
------------------------------------------------------------------------------------------------------------- */
    .singleauction { font-family: "Open Sans", sans-serif;  margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; }
    .singleauction h3 { font-size:16px; margin-bottom: 5px; }
    .subloc { font-size:14px; color: #3a393c; margin-bottom: 15px; display: block; }
    .auctiondetails > span { display: block; }
    .auctiondetails > span:nth-child(2n) { margin-bottom: 15px; }
    .auctiondetails .action { float: right; }
    .auctiondetails .action .fa { font-size: 1.5em; margin-right: 5px; }
    
    .labelauction { font-family: "Open Sans", sans-serif; font-size: 12px; color: #b1b1b1; font-weight: 700; }
    .infoauction { font-family: "Open Sans", sans-serif; font-size: 12px; color: #3a393c; font-weight: 700; }
    .auctiondetails .blue { text-transform: uppercase; color: #21a0b3; }
    
    
    /* paginazione */
    .pagination2 { width: 100%; text-align: center; }
    .pagination2 a:hover { text-decoration: none; }
    .leftarrow { float: left; }
    .rightarrow { float: right; }    
    .middlenumbers a { padding: 0 0 0 5px; font-weight: 700; }
    .middlenumbers a:hover { color: #F0890C; } 


/* pagination
------------------------------------------------------------------------------------------------------------- */
	.pagination > .active > a, 
	.pagination > .active > span, 
	.pagination > .active > a:hover, 
	.pagination > .active > span:hover, 
	.pagination > .active > a:focus, 
	.pagination > .active > span:focus { background-color: #F0890C!important; border-color: #F0890C!important; }



/* single aste
------------------------------------------------------------------------------------------------------------- */
	.sideinfo { border: 1px solid #e7e7e7; background-color: #f2f2f2; padding: 20px!important; }
	.sideinfo h3 { font-size: 16px; text-transform: uppercase; padding-bottom: 15px; } 
    /*.subtitleside { font-size: 16px; text-transform: uppercase; font-weight: 700; }*/
    .sideinfo > div { margin-bottom: 10px; }
    .subsubtitleside { font-size: 13px; color: #a0a0a0; font-weight: 700; padding: 0; margin: 0; font-family: 'Lato', sans-serif; }
    .colx { width: 50%; float: left; padding-bottom: 10px; }
    
    .attach { margin: 50px 0; padding: 25px 30px; background-color: #f2f2f2; border: 1px solid #e7e7e7; }
    .attach .fa { float: left; margin-right: 15px; }
    .attach strong { display: block; }
    .attach a { display: inline-block; color: #1da0b0; font-weight: 700; }
      
       
        
/* SIDEBAR 
------------------------------------------------------------------------------------------------------------- */
	#sidebar h2{font-weight:normal; font-size:12px; text-align:left;  margin:0; padding:0}
	#sidebar img{padding:0; margin:0}
	#sidebar ul li{margin:0; padding:0; line-height:16px; list-style-type:none}
	#sidebar ul li a{display:block}
	#sidebar ul ul li.current-cat a, #sidebar ul li a:hover{}
	#sidebar ul ul{}
	#sidebar ul ul li{list-style-type:none; list-style-position:inside}
	#sidebar ul ul ul{margin:0; padding:0}
	#sidebar ul ul ul li{padding:0 0 0 15px; list-style-type:square; }
	#sidebar ul li.widget{ }
	#sidebar ul li.widget h3{ font-weight:bold; }


/* PRIVACY
------------------------------------------------------------------------------------------------------------- */	
	#privacy{ padding:20px}
	/*.pp_inline p{ line-height:24px; margin-bottom:10px;}
	.pp_inline h3{font-size:20px; margin-bottom:10px;}
	.pp_inline a{text-decoration: underline; color: #333;}*/


/* CF7
------------------------------------------------------------------------------------------------------------- */	
	span.wpcf7-not-valid-tip {
		position: absolute;
		top: -8% !important;
		left: 2% !important;
		z-index: 100;
		background: none ;
		border: none !important;
		font-size: 12px !important;
		width: 250px !important;
		padding: 0 !important;
		color: red !important;
	}
	div.wpcf7-response-output {
		margin: 0 !important;
		padding: 0.2em 1em;
	}
	div.wpcf7-validation-errors {
		border: none !important;
		color: #9F6000 !important;
		background-color: #FEEFB3 !important;
		margin-top: 15px !important;
		line-height: 1.3 !important;
		border-radius: 3px !important;
		padding: 6px !important;
		margin-bottom: 12px !important;
	}
	div.wpcf7-mail-sent-ok {
		border: none !important;
		color: #4F8A10 !important;
		background-color: #DFF2BF !important;
		margin-bottom: 10px !important;
	}

    .wpcf7-form { margin-bottom: 15px; font-family:'Open Sans', serif; background-color: #F2F2F2; border: 1px solid #E7E7E7; padding: 20px; }
    .wpcf7-form p { display: block; width: 100%; margin-bottom: 10px; overflow: hidden; }
    .wpcf7-form p span { position: relative; width: 49%; display: inline-block;	float: left; margin-left: 10px; }
    .wpcf7-form p span:first-child { margin-left: 0; }
    .wpcf7-form p input[type=text], .wpcf7-form p input[type=tel], .wpcf7-form p input[type=email] { height: 50px; font-size: 15px; padding: 10px; border: 1px solid #E7E7E7; width: 100%;}
    .wpcf7-form p.textarea, .wpcf7-form p.privacy, .wpcf7-form p.textarea span, .wpcf7-form p.privacy span { width: 100%; }
    .wpcf7-form p textarea { margin-bottom: 20px; height: 100px; font-size: 15px; padding: 10px;  width: 100%; border: 1px solid #E7E7E7; }
    .wpcf7-form p.acceptance span { width: auto; margin-right: 10px; }
    .wpcf7-form p.captcha { margin: 20px 0; }
    .wpcf7-form p.captcha img { display: block; margin-bottom: 5px; }
    .wpcf7-form p.captcha span { margin-left: 0; }
    .wpcf7-form p input:disabled { opacity: 0.2; }
    .wpcf7-form p input[type=submit] { font-size: 15px; font-family:'Open Sans', serif; text-align: center; background-color: #3A393C; color: #fff; border: 0; padding: 10px 30px; font-weight: 700; }
    .wpcf7-form p input[type=submit]:hover { background-color: #f0890c; }

/*.gobutton.btn-grey { background-color: #3a393c; }
    .gobutton.btn-grey:hover { background-color: #f0890c; text-decoration: none; }/*

/* SEARCH 
------------------------------------------------------------------------------------------------------------- */
	.searchform{}
	.searchform input.s{ font-size:10px; padding:2px; margin:2px; border:1px solid #B7B7B7}
	.searchform input.searchsubmit{ font-size:10px; padding:2px; margin:2px 0 0 2px; border:1px solid #B7B7B7; background-color:#fff; color:#797979}



/* FOOTER 
------------------------------------------------------------------------------------------------------------- */
	#footer { font-family: 'Open Sans', sans-serif; font-size:12px; margin-bottom: 15px; margin-top: 50px; }
    
    .footer { background-color: #38373a; padding: 20px 0; margin-bottom: 15px; min-height: 200px; }
    
    .footer .box h2 { color: #f6d154; font-family: 'Lato', sans-serif; font-size: 14px; text-transform: uppercase; }
	.footer .box p { color: #fff; font-size: 12px; margin: 10px 0px; }
	.footer .box a { color: #fff; } 
	
	.footer .box ul { margin: 10px 0; }
	.footer .box ul li a { color: #fff; } 

    .tonic{ float: right; margin-top: -30px; }



/* 404
------------------------------------------------------------------------------------------------------------- */	
.error404 h1 { font-size: 5rem; }
.error404 h1 .number404 { font-size: 12rem; color: #F0890C; }


/* CONTATTI
------------------------------------------------------------------------------------------------------------- */
.tb-contact .contact-info { width: 40%; vertical-align: top; }
.tb-contact .contact-form { width: 60%; vertical-align: top; }



/*
------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {

	/* home */
	.home .search-box { width: 100%; }

	/* listing */
	#search .width-half { margin-left: 13px; }

	.action .gobutton { padding: 5px 15px; }

	.tb-contact .contact-info { width: 100%; display: block; }
	.tb-contact .contact-form { width: 100%; display: block; }
	.wpcf7-form p span { width: 100%; margin-left: 0; margin-bottom: 10px; }

}


/* MOBILE
------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
    #header { background-position: center center; }
    .claim { font-size: 12px; margin: 23px 0 20px 15px }

    .footer #footer-menu { margin-top: 20px; text-align: center; }
    .tonic{ float: none; margin-top: 0; text-align: center; }

	/* single asta */
	.sideinfo { margin-bottom: 30px; }

	/* listing */
	#search .width-half { margin-left: 17px; }
	#sidebar { margin-bottom: 30px; }

	.tb-contact .contact-info { width: 100%; display: block; }
	.tb-contact .contact-form { width: 100%; display: block; }
	.wpcf7-form p span { width: 100%; margin-left: 0; margin-bottom: 10px; }

} 

/* ARCHIVE CATEGORY
----------------------------------------------------------------- */

article.post {
	border-bottom: 1px solid #eaeaea; 
	margin: 15px 0;
    padding: 15px 0; 
}

article.post h2 {
	font-size: 18px;
}

article.post img.img-responsive {
	border: 1px solid #eaeaea;
    padding: 1px;
}

article.post time {
    font-style: italic;
    font-size: 12px;
}

/* ARCHIVE CATEGORY: SIDEBAR
----------------------------------------------------------------- */

#sidebar-news {
}

#sidebar-news .widget {
    padding: 15px;
    margin: 15px 0;
    border-left: 2px solid #111;
    background-color: #f6d154;
}

#sidebar-news .widget h3 {
    font-size:18px;
    margin: 0 0 10px 0;
}


/* SINGLE CATEGORY
----------------------------------------------------------------- */

div.entry img.img-responsive {
	border: 1px solid #eaeaea;
    padding: 1px;
}

div.entry time {
    font-style: italic;
    font-size: 12px;
}

/* SEARCH
----------------------------------------------------------------- */

body.search article.post {
	border-bottom: 1px solid #eaeaea; 
	margin:0;
	padding: 10px 0; 
}

/* PAYPAL FORM
----------------------------------------------------------------- */

.paypal-form {
	margin: 20px 0;
	padding:20px;
	background-color: #f6d154;
    border-bottom: 1px solid #e7e7e7;
}

.paypal-form h2 {
	font-size: 18px;
	margin: 0 0 20px 0;
    border-bottom: 1px solid;
    padding: 0 0 5px 0;
}

.paypal-form p {
	margin: 0 0 10px 0;
}