/*

Theme Name: X Child
Author: Sobrio
Author URI: http://sobrio.it/
Description: Child X Theme
Version: 0.1
Text Domain: __x__
Template: x

*/
@import url("../x/framework/css/site/stacks/ethos.css");
p {
    margin:  0 0 1.15em;

}
body.home .fullwidthbanner-container{
	border-top: 2px solid #ffffff;
}
.x-navbar {
border-bottom: 0;
}
.x-navbar .x-nav>li>a, .x-navbar .x-nav>li:last-child>a {
border-left: 1px solid #ff7217;
border-right: 1px solid #ff7217;
}
.x-navbar .x-nav li>a:after {
	content: "\2228";
	font-size: 10px;
}
.x-navbar-fixed-top-active .x-navbar-wrap {
margin-bottom: 0;
}
div.left_space_logo {
	content: " ";
	position:fixed;
	left:0;
	top:0;
	display:block;
	height:112px;
	background: #ffd441;
	width:0;
	z-index: 1031;
}
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
	background-color: #ff7217;
}
#countdown_container {top:-160px; z-index:50;}
#countdown_container:before {background: none;}
#countdown {position: absolute;width: 100%;}
#countdown #countdown_left, #countdown #countdown_right {
	height: 160px;
	background: rgba(255,255,255,0.8);
	text-align: center;
}
#countdown #countdown_left {
	padding-left: 35px;
	padding-top: 20px;
	font-family: 'Anton';}
#countdown #countdown_left #countdown_sentence {
	line-height: 36px;
	font-size: 26px;
	color: #333333;
}
#countdown #countdown_left #countdown_clock{
	font-size: 72px;
	color: #333333;
	font-weight: bold;
	line-height: 80px;
}
#countdown #countdown_right {
	background: #333333;
	line-height: 160px;
	padding-right: 35px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
	cursor:pointer;
}
#countdown #countdown_right:before {
	content:" ";
	position:absolute;
	left:-14px;
	top:50%;
	margin-top:-13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 14px 13px 0;
	border-color: transparent #333333 transparent transparent;
}
#countdown span.timer_marker {
	font-size:26px;
}
@media only screen and (max-width:979px) { 
	#countdown #countdown_right { display:none; }
	#countdown #countdown_left { padding-left:0; }
}
@media only screen and (max-width:767px) { 
	#countdown_container {top:-90px;}
	#countdown #countdown_left { height: 90px;padding-top: 10px; }
	#countdown #countdown_left #countdown_clock{ font-size: 18px;line-height: 50px; }
	#countdown #countdown_left #countdown_sentence { font-size: 18px;line-height: 21px; }
}
div.main_sponsor {
	height: 180px;
	width: 100%;
	background: #fff;
	text-align: center;
	line-height: 180px;
	margin-bottom: 4px;
}
h2.entry-title {
font-size: 22px;
}
.p-meta {
font-size: 1em;
}
.x-colophon.top {
background-color: #2d2727!important;
} 
.x-colophon.bottom {
background-color: #232323!important;
}
.widget:before {
height: 0;
display:none;
}
.h-widget {
font-size: 24px;
}
.h-widget:before {
padding-right: 0!important;
content: ""!important;
}
.x-colophon.top {
padding: 80px 0 45px 0;
}
.widget_text a {
	text-decoration: none;
}
.textwidget iframe {
	display: inline-block;
	width: 120px;
}
.newsletter-widget input[type="email"]{
	background:#232323;
	border: 1px solid #494949;
	color:#ffffff;
	width: 100%;
	margin-bottom: 0;
	text-align:center;
	font-size:14px;
}
.newsletter-widget input[type="submit"]{
	background:#232323;
	border: 1px solid #494949;
	border-top:none;
	color:#ffffff;
	width: 100%;
	margin-bottom: 0;
	font-size:14px;
}
.newsletter-widget p{
	margin-bottom: 0;
}
.x-colophon .widget {
margin-top: 30px;
}
footer .x-span3:last-child:before {
	content: " ";
	height: 100px;
	width: 100px;
	display: block;
	position:absolute;
	top: -80px;
	left: 72%;
	height: 450px;
	width: 9999px;
	background: url('http://turinmarathon.sobriointeractiondesign.com/wp-content/uploads/2014/10/footer-bg.jpg') no-repeat 0 0;
	background-size:contain;
}
@media only screen and (max-width:979px) { 
	footer .x-span3:last-child:before {
		content: "";
		display:none;
	}
}
footer .x-span3:last-child div.widget {
	position:relative;
	z-index:1;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
footer.x-colophon.bottom .x-colophon-content {
margin: 0;
text-transform:none!important;
font-size: 12px;
}
.x-colophon.bottom {
text-transform:none!important;
line-height:18px;
}
.x-colophon.bottom a{
color:#7a7a7a!important;
}

/* race */
.x-container-fluid.race>.offset{
	margin-top: -160px;
}
.x-container-fluid.race .x-main.left {
	background: rgba(255,255,255,0.8);
	padding-left: 35px;
	padding-top: 60px;
}
h1.entry-title{
	text-transform: uppercase;
	font-size: 60px;
	color: #ff7217;
}
h1.entry-title a{
	color: #ff7217;
}
article.post h1.entry-title{
	text-transform: initial;
	font-size: 26px;
	color: #333333;
}
article.post h1.entry-title a{
	color: #333333;
}
.x-container-fluid.race h1.entry-title{
	line-height: 45px;
	    padding-bottom: 30px;
}

.x-container-fluid.race .race_attachments{
	margin-top:40px;
}
.x-container-fluid.race .race_attachments p{
	margin-bottom:10px;
}
.x-container-fluid.race .race_attachments a i{
	margin-right:20px;
}
.x-container-fluid.race .tribox{
	background: url('http://turinmarathon.sobriointeractiondesign.com/wp-content/uploads/2014/10/box_background.jpg') no-repeat 50% 50%;
	background-size: auto 100%;
}
.x-container-fluid.race .tribox .x-span4{
	text-align:center;
}
.x-container-fluid.race .tribox .x-span4 h1, .x-container-fluid.race .tribox .x-span4 h3{
	color:#ffffff;
}
.x-container-fluid.race .tribox .x-span4 h1{
	margin-top: 1.4em;
}
.x-container-fluid.race .tribox .x-span4 h3{
	font-family:'Open sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom: 4em;
}
 .page .race .x-main.left .hentry .entry-featured {
margin-top: 0; 
margin-right: 0;
}
.blog .x-main .hentry.race_article {
border:0;
padding:0;
}
.x-sidebar.right.sidebar_race {
	padding-left: 0;
}
.x-sidebar.right.sidebar_race div.info_gara{
	padding-left: 35px;
}
.x-sidebar.right.sidebar_race div.info_gara {
	position: relative;
	background-color: #333333;
	color: #ffffff;
	
}
.x-sidebar.right.sidebar_race div.info_gara div.race_data{
	position: absolute;
	top: -150px;
	text-align: center;
	background: #ff7217;
	color: #ffffff;
	width: 50%;
	left: 0;
}
.x-sidebar.right.sidebar_race div.info_gara p{
	margin-bottom:20px;
}
.x-sidebar.right.sidebar_race div.info_gara div.race_data h1{
	color:#ffffff;
	margin: 30px 0 14px 0;
}
.x-sidebar.right.sidebar_race div.info_gara div.race_data p{
	margin: 0 0 20px;
}

.x-sidebar.right.sidebar_race div.info_gara div.race_data:after {
	content:" ";
	position:absolute;
	bottom:-13px;
	left:50%;
	margin-left:-13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: #ff7417 transparent transparent transparent;
}
.x-sidebar.right.sidebar_race div.info_gara div.race_info{
	padding-top:40px;	
	padding-right: 35px;
}
.x-sidebar.right.sidebar_race div.info_gara div.race_info p.arrivo, .x-sidebar.right.sidebar_race div.info_gara div.race_info p.partenza{
	font-family:'Anton', Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 28px;
}
.orange {
	color:#ff7417;
}
.x-sidebar.right.sidebar_race div.info_gara div.race_iscrizione	 {
	overflow:hidden;
}
.x-sidebar.right.sidebar_race div.info_gara div.race_iscrizione h2 {
	color:#ffffff;
	margin:30px 0 15px 0;
	font-size:28px;
	line-height: 36px;
}
.x-sidebar.right.sidebar_race div.race_registrati {
	margin-bottom:44px;
}
.x-sidebar.right.sidebar_race div.race_registrati a{
	background: #ff7217;
	color: #ffffff;
	display: block;
	text-align: center;
	line-height: 70px;
	text-transform:uppercase;
	font-weight:bold;
}
.x-sidebar.right.sidebar_race div.race_registrati a:hover{
	background: #C15712;
}


.x-sidebar.right.sidebar_race div.race_registrati a.verifica_iscrizione{
	background: #ffd441;
}
.x-sidebar.right.sidebar_race div.race_registrati a.verifica_iscrizione:hover{
	background: #D8B437;
}
.x-skill-bar .bar { overflow:visible!important; }
.x-skill-bar .bar div.percent.short { 
  color: rgba(0,0,0,0.75);
  right: -60px;
  min-width: 60px;
}

.race_menu ul {
	list-style: none;
	margin-left: 35px;
}
.race_menu.on_page ul {
    margin-left: 0px;
}
.race_menu ul li {
	border: 3px solid #000000;
	margin-bottom: 4px;
}
.race_menu ul li:hover, .race_menu ul li.active, .race_menu ul li.current-menu-item {
	/*border: 3px solid #ff7217;*/
	
}
.race_menu ul li > a:hover, .race_menu ul li.active > a, .race_menu ul li.current-menu-item > a {
	color:#ffffff;
	background:#ff7217;
}
.race_menu ul li a {
	display: block;
	line-height: 50px;
	padding: 0 20px;
	text-transform: uppercase;
	font-family: 'Anton';
	font-size: 18px;
	color: #333333;
}

.race_menu ul li ul.sub-menu {
	    margin-left: 0px;
	    margin-bottom:20px;
}
.race_menu ul li ul.sub-menu li {
	    border: none;
}
.race_menu ul li ul.sub-menu li a {
	    line-height: 1.5em;
    font-family: inherit;
    font-size: inherit;
    text-transform: none;
}
.race_menu ul li ul.sub-menu li.current-menu-item {}
.race_menu ul li ul.sub-menu li.current-menu-item a {}

div.banner_volontari{
	background: url('http://turinmarathon.sobriointeractiondesign.com/wp-content/uploads/2014/10/volontari.jpg') no-repeat 50% 50%;
	background-size: cover;
	margin: 3em 0;
}
div.banner_volontari a{
	display: block;
	padding: 25px 55px 25px 55px;
}
div.banner_volontari a h3{
	margin: 0;
	color: #ffffff;
	font-size: 26px;
}
div.banner_volontari a p{
	margin: 0;
	color: #ffffff;
	text-decoration: underline;
}
div.sponsor_container{
	padding-left:35px;
}
#map-canvas img {
	max-width:none!important;
}
a.entry-thumb.skinny.featured:before {
background-color: rgba(255,114,23,0.8);
opacity: 1;
}

/*single */
article.post {
	/*padding-left:35px;*/
}
.single_post_header { position:relative;  margin-bottom: 60px; }
.single_post_header_overlay{
  position: absolute;
  bottom: 0;
  width: 100%;

  
}
.single_post_header_overlay h1{
   	float: left;
	width: 72%;
	color: #333333;
	text-transform: initial;
	font-size: 26px;
	padding: 35px 40px;
	  background: rgba(255,255,255,0.8);
	min-height:146px;
}
.post_data{
	  float: left;
  width: 14%;
  text-align: center;
  color:#ffffff;
  background:#333333;
    position: relative;
}
.single_post_header_overlay .post_data:before {
  content: " ";
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 14px 13px 0;
  border-color: transparent #333333 transparent transparent;
}
.single_post_header_overlay .post_data h1{
	    width: initial;
  float: none;
  padding: 0;
  margin: 0;
  color:#ffffff;
  margin: 30px 0 14px 0;
  font-size:400%;
  background:initial;
	min-height:initial;
}
.x-comments-area{
	margin-left:35px;
}
.x-btn, .button, [type="submit"] {
	font-size:14px;
	text-transform:uppercase;
	text-shadow:none!important;
	  font-weight: bold;
	  color:#ffffff!important;
	  padding:20px 35px;
}
.x-entry-share {
	margin-left:35px!important;
	margin-top:40px!important;	
}
@media only screen and (min-width:991px) and (max-width:1199px) { 
	.x-navbar .x-nav > li > a {
		padding-left: 5px!important;	
	    padding-right: 5px!important;	
	}
}

@media (max-width: 768px) {
	.x-sidebar.sidebar_race {
	    margin-top: 190px;
	}
	.x-btn-navbar {
	    margin-bottom: 20px;
	}
	.x-navbar .x-brand {
	    display: inline-block;
	    max-width: 70%;
	}
	.x-navbar-inner {
	    min-height: 65px!important;
	}
	article.post, .x-container-fluid.race .x-main.left {
		padding-left: 0px;
	}
	.x-container-fluid.race .x-main.left {
    	padding-top: 20px;
	}
	.x-entry-share {
	    margin-left: 0!important;
	}
	.single_post_header_overlay h1 {
		font-size: 20px;
		min-height: 113px;
		padding: 10px;
	}
	.post_data {
	    width: 28%;
	}
	.single_post_header_overlay .post_data h1 {
		font-size: 380%;
		margin: 10px 0 0 0;
	}
	.single_post_header_overlay .post_data p {
		margin: 10px 0 10px 0;
	}
	.single_post_header {
	    position: relative;
	    margin-bottom: 20px;
	}
	.x-container-fluid.race h1.entry-title {
	    font-size: 50px;
	    padding-left: 10px;
	    padding-bottom: 0;
	}
	.race_menu ul {
	    margin-left: 0px;
	}
	#map-canvas {
		height:300px!important;
	}
	.x-colophon.top .x-row-fluid .x-span3 {
	   /* float: none!important;
	    width: 100%!important;*/
	}
}

@media (min-width: 768px) and (max-width:979px ) {
	nav ul.x-nav > li.left-ipad {
		float:left!important;
	}
	nav ul.x-nav > li {
		float:right!important;
		width:50%;
		clear: right;
	}
	nav ul.x-nav > li li {
		clear:both;
	}
	div.main_sponsor {
	    width: 33%;
	    float: left;
	}
	.x-colophon.top .x-row-fluid .x-span3 {
	    float: left!important;
	    width: 25%!important;
	}
	.x-colophon.top .x-row-fluid .x-span3 .widget {
	    margin-top: 0;
	}
}
@media (max-width:979px) {
	
	nav ul.x-nav > li.left-ipad > ul{
		margin-left: 0.9em;
	}
	
	nav ul.x-nav > li li li{
		display:none;
	}
	.x-navbar .x-nav li>a:after {
		content:"";
	}
	.x-navbar .x-nav li.left-ipad > a {
		display:none;
	}
	.x-navbar .x-nav li.left-ipad li > a {
		padding-left:0;
	}
	.x-colophon.bottom .x-span6.text-right {
		text-align:left;
	}
	.x-colophon.bottom .x-span6.text-right br {
		display:none;
	}
	
}
#map-canvas {
	width:100%;height:550px;
}
.collapse.in {
height: auto !important;
}
table th, table td {
    border:none;
}
.x-colophon.bottom a {
    text-decoration: underline;
}
.wpcf7-checkbox .wpcf7-list-item {
	padding-right:10px;
}
.raceiframe iframe {
	width:100%;
	min-height:800px;
	overflow:hidden;
}