/*   
Theme Name: Responsive F4.0
Theme URI: http://www.karmaweb.it
Description: Themes for Skincenter
Author: Karmaweb
Author URI: http://www.karmaweb.it
Version: 1.0
*/

html { margin: 0!important; padding: 0!important; min-height: 100%; height: 100%;}
body {font-family: 'Open Sans', sans-serif; min-height: 100%; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; text-transform: uppercase;}
h1 { font-size: 2.3em}
h2 { font-size: 1.5em}
h3 { font-size: 1.3em}
h4 { font-size: 1.1em}
h5 { font-size: 1em}

a:link, a {color: #51b15a;}
a:hover {color: #ff514d;}

.row { max-width: 100%}

.principale { margin-bottom: 75px}

.sidebar {position: fixed; width: 250px; height: 100%; z-index: 100; background: #fff; font-family: 'Lato', sans-serif; top: 0; left: 0;}
.sidebar .classLogo {margin: 25px auto; display: block; width: 200px; height: 31px; background: url(./img/logo_skincenter.png) 0 0 no-repeat; position: relative; left: -2px;}
@media (-webkit-min-device-pixel-ratio: 1.5){ 

.sidebar .classLogo {
    background: url(./img/logo_skincenter2x.png) 0 0 no-repeat!important;
background-size: 200px 31px!important;
}
}
.sidebar .classLogo {margin: 25px auto; display: block; width: 200px; height: 31px; background: url(./img/logo_skincenter.png) 0 0 no-repeat; position: relative; left: -2px;}
.sidebarButtonlabel { display: none }
.sidebar .menu-principale-container ul {list-style: none; font-size:18px; text-transform:uppercase; margin: 0; font-weight:bold; padding-top: 30px;}
.sidebar .menu-principale-container ul li.current-menu-item { background: #51b15a; border-left: 1px solid #fff;}
.sidebar .menu-principale-container ul li.current-menu-item a {color:#FFF;}
.sidebar .menu-principale-container ul li { padding: 2px 0 3px 30px;}
.sidebar .menu-principale-container ul li a {color:#000;}
.sidebar .fastContact {margin: 0; font-size: 16px; line-height: 1.3; margin-top: 30px; position: relative; z-index: 100; padding: 30px; color: #666; }

.mainContent {margin-left: 250px; }
.imageBackground { background: url(./img/img_1_back.jpg) 0 0 no-repeat; background-size: 100%; min-height:100%; width:100%; height:100%; position: fixed; top:0; left:0; z-index: -1;}

/* Headline */
.headline { margin: 250px 0 0; padding-left: 1px; text-transform: uppercase; padding:0; font-family: 'Lato', sans-serif;}
.headline h1 {
	padding: 5px 10px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 1px 1px 1px 0;
	font-size: 5em;
	color: #ff514d;
}
.headline span {margin: 0; padding: 10px; display: inline; line-height: 1em; display: inline-block; font-weight: 300;}
.viola {background:#6169b8; color:#FFF;}
.white {background:#FFF; color:#6169b8;}
.rosa {font-style: normal; font-weight: 600}
.head_small {font-size: 1.2em;}
.head_big {font-style: normal; font-size: 3em; font-weight: 300; display: inline-block; line-height: 70px; padding: 0 10px; margin: 1px 0;}
.last_head {clear:both;}

.bread {margin-top: 150px; clear: both; width: 100%; float: left;}
.breadList {background:#FFF; font-size:22px; text-transform: uppercase; display: inline-block; padding: 0 20px; max-width: 768px}
.breadList li {display:inline;}
.breadList li a {color:#51b15a;}

article, .elenco {clear: both; background: #fff; padding: 15px 30px; max-width: 768px; margin-bottom: 100px;}
article h2 {margin-top: 2em;}

article.elenco-medici { background: transparent; padding: 0;}
article.elenco-medici h1 {background: #fff; padding: 10px 30px; border-bottom: 5px solid #d1d1d1;}

div.author { border-left: 20px solid #51b15a; padding: 35px 30px; margin-bottom: 30px; background: #fff; overflow: hidden; }
footer { position: fixed; left: 0; bottom: 0; background: #fff; margin-left: 250px; font-size: 12px; width: 100%; padding: 20px; z-index: 100;}
footer p { margin: 0;}

.authorAvatar { overflow: hidden; float: left; width: 300px; height: 200px; margin: 0 30px 0 0; background: #fff; }
.authorAvatar img { min-width: 100%;}
div.author .authorInfo { margin-left: 130px;}
div.author .authorInfo h2 { color: #ff514d; font-size: 1.4em; text-transform: inherit; margin: 0 0 10px; line-height: 1;}
div.author .authorInfo div.authorDescrption p {  font-size: .875em; line-height: 1.5;}
div.author .authorInfo .authorLinks { font-size: .775em; text-transform: uppercase; float: right;}

.post-singolo { padding: 30px 0;}
.post-singolo .meta { 
font-size: 13px;
background: #ECECEC;
display: inline-block;
padding: 8px 10px 8px 30px;
margin-bottom: 4px;
margin-left: -30px;
}

.wp-caption-text {
font-style: italic;
font-size: 13px;
background: #e1e1e1;
padding: 4px;
}

div[id^="gallery-"] img {border: none!important}
.post-singolo h2 { margin: 0;}
.post-singolo .excerpt { font-size: .875em;}
.post-singolo .scrittoDa { font-size: .875em; border: 1px solid #ccc; border-width: 1px 0; padding: 5px 0; margin: 0}

.meta .category { display: inline-block; text-transform: uppercase; font-weight: bold; padding: 0 10px; border: 1px solid #ccc; border-width: 0 1px; margin: 0 10px;}
.meta .comment {display: inline-block; padding: 0 10px}

.pagina-autore h1 { margin-bottom: 1em; font-size: 3em; line-height: 1;}
.pagina-autore h1 span {display: block; font-size: 13px; line-height: 1;}

.pagina-autore .authorDesc {}
.sottoheading {border-bottom: 1px solid #ff514d; font-size: 15px; padding: 0 0 .2em; margin: 0 0 1em; color: #ff514d;}
.post-link {font-size: 17px; text-transform: inherit;}
.post-link span { color: #999; font-style: italic; font-weight: normal; font-size: 13px}

article ul, ol { margin-left: 20px; }
article ul li, ol li { margin-bottom: 1em; }
.mappa {float: left; clear: both; width: 100%; margin-bottom: -20px; border-top: 10px solid #fff; margin-top: -200px; }
.Flexible-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.speciale {background: #fff; float: left; clear: both; width: 100%; padding: 15px 30px; z-index: 100; position: relative;}
.speciale h1 { font-size: 1.5em}
.speciale h2 { font-size:  1em}

.seconda-thumb { height: 0;}

.seconda-thumb img {background: #ffffff;
padding: 10px;
position: relative;
top: -150px;
z-index: 100;

}

#toggle_content {padding:0; margin-top:0px; padding-bottom:50px;}
#btn_toggle {text-transform:uppercase; font-size:30px; color:#000; height:50px; width:150px; background:#FFF; position:absolute; text-align:center; top:30px; right:270px; padding-top:10px;}
#btn_toggle a {color:#000;}
.box_side_dx {background:#FFF; width:410px; padding:10px; float:right; margin-right:10px; margin-top:81px;}
.box_side_dx.highlight { margin-top: 10px}
.box_side_dx.highlight h2 {font-size: 1em; margin: 10px 0 0;}
.box_side_dx.highlight .excerpt p {font-style: normal;}
.box_side_dx.highlight a {font-size: 12px;}
.tit_side_dx {color:#000; text-transform:uppercase; font-size:18px;}
.green_text {color:#51b15a;}
.box_side_dx p {font-size:13px; font-style:italic; line-height:18px;}
.box_side_dx p a {text-decoration:underline; color:#468aad; font-weight:bold;}
#focuson p {margin-left:180px; display:block; margin-top:5px;}
#focuson p a {display:block; margin-top:5px;}
#focuson img {float: left; max-width: 160px; margin: 0 20px 0px 0;}
#video img {position:absolute;}
#video {min-height:250px;}
#twitter {margin-top:114px;}
#twitter p {font-size:11px;}
#tw_icon {background:url(../img/twitter_icon.png) no-repeat 0 50%; padding-left:50px;}

.form-allowed-tags {display: none}

.fotoAutore {width: 100%; position: relative; margin-top: 15px; margin-bottom: 30px}
.fotoPresente {height: 450px;}
.fotoAutore h1 {position: relative; z-index: 5; background: rgba(255,255,255,0.6); display: inline-block; padding: 10px; margin: 10px; font-size: 2.5em}
.fotoAutore .foto {display: block; width: 100%; height: 450px; overflow: hidden; margin-bottom: 1em; position: absolute; top: 0; left: 0;}
.fotoAutore .foto img {}

.tags {border: 1px solid #51b15a; border-width: 1px 0; padding: .5em 1em; text-transform: uppercase;}
.tags a { color: #51b15a;}

#commentform input, #commentform textarea {background: #e6e6e6; border: 1px solid #878787; box-shadow: none; height: 50px;}
#commentform textarea { min-height: 150px; max-height: 150px; height: 150px;}
#commentform .form-submit #submit { color: #fff; border: none; background: #51b15a; text-transform: uppercase; height: 50px; padding: 0 20px; line-height: 50px;}

.scrittoDa {margin: 2em 0; overflow: hidden;}
.scrittoDa .foto { float: left; overflow: hidden; display: block; width: 80px; height: 80px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.scrittoDa .foto img { margin-left: -22px; width: 125px; max-width: none!important;}
.scrittoDa .nomeAutore {margin: 15px 0 0 30px; display: inline-block; font-size: 2em; font-weight: 600; text-transform: uppercase;}
.scrittoDa .nomeAutore .labl { display: block; font-size: 13px; font-weight: 100; text-transform: inherit;}


.avt {
float: left; 
overflow: hidden; 
display: block; 
width: 40px; 
height: 40px; 
border-radius: 40px; 
-moz-border-radius: 40px; 
-webkit-border-radius: 40px;
margin-right: 10px
}

.avt img {
max-width: none; 
width: 40px; 
}

.commentlist { margin: 0; list-style: none}

.commentlist li {  padding: 1em; font-size: 14px;}
.commentlist .comment-author { background: #fff; width: 100%; border: none; line-height: 40px; padding: 0;}
.comment-body {border-bottom: 1px dotted #ccc; padding-bottom: 1em;}
.commentlist ul { list-style: none}
#respond {margin: 3em 0; width: 80%; }

.additional{ text-transform: uppercase; font-size: 13px; border-bottom: 1px solid #ccc; padding: 1em 0 1.5em;}
.additional span { display: inline-block;}

h2.comments-title, #reply-title {font-weight: 200; font-size: 2em; margin-bottom: 1em;}

a.ante { display: block; display: inline-block; margin: 0 15px 15px 0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; width: 100px; height: 100px; overflow: hidden; }
a.ante img { max-width: 200%; margin-left: -50%;}
.show-for {
	display: none;
}

#forminator-module-648 {
	display: inline !important;
}

@media (max-width: 1024px) {


	.show-for {
		display: inline-block;
	}

	p {
		font-size: 1.2em!important;
		line-height: 1.5!important;
	}

	#btn_toggle {
		right: 0;
	}

	article {
		max-width: 100%;
	}

	.columns { width: 100%;} 

	.menu-principale-container, .sidebar  .fastContact, .bread { display: none }
	.sidebarButtonlabel { display: inline }
	.menu { background: #51b15a; padding: 20px; color: #fff; text-transform: uppercase; font-size: 20px; position: relative;}
	.menu .sidebarButton { 
display: block;
float: right;
height: 60px;
background: url(./img/menu.png) 95% center no-repeat;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
	.mainContent { margin-left: 0;}
	.columns.headline {font-size: 12px; margin: 100px 0 0 1px!important;}
	.imageBackground {background-color: #ffffff; background-position: top center; background-size: auto 1200px;}

	.sidebar {position: relative; width: 100%; height: auto; overflow: hidden;}
	.sidebar .classLogo {margin: 20px; }
	.sidebar .menu-principale-container ul { margin-top: 20px; border: none; padding: 0;}
	.sidebar .menu-principale-container ul li { padding-left: 0px; font-weight: normal}
	.sidebar .menu-principale-container ul li.current-menu-item {font-weight: 900; border: 1px solid #fff; border-width: 1px 0; padding: 5px 0;}
	.sidebar .menu-principale-container ul li a { color: #fff; }

	.columns {margin: 0!important; padding: 0!important;}

	article { margin-top: 250px;}
	footer { margin: 0;}
	
	.authorAvatar {float: none;}
	.pagina-autore .authorDesc { padding: 1em 0;}
	div.author .authorInfo { margin: 1em 0;}

	.seconda-thumb img {background: #ffffff; bottom: auto; width: 100%; z-index: 100; top: auto;}
.Flexible-container {margin: 0 0 94px;}
.seconda-thumb {height: auto;}
.push-8 {
position: relative;
left: auto;
right: auto;
}
	.mappa {margin-top: 0;}

	.row { max-width: 99%; }

	.box_side_dx, .box_side_sx { width: 100%; margin-right: 0;}
}

@media (max-width: 640px) { 
	p {
		font-size: 1em!important;
		line-height: 1.5!important;
	}

	#focuson p { 
		margin: 0;
	}

.menu .sidebarButton { 
background: url(./img/menu.png) 90% center no-repeat;
}


.fotoAutore {height: 220px }
.fotoAutore .foto {height: 230px;}

.imageBackground {
background-image: none!important;
background: none;
}

article {
margin-top: 20px;
}

}
.wpcf7 textarea
{
    height: 10em;
}