/*
Theme Name: Fashion Fitness
Theme URI: https://wordpress.org/themes/twentyfifteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
    font-family: 'sf_old_republicregular';
    src: url('font/SF-Old-Republic-webfont.eot');
    src: url('font/SF-Old-Republic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SF-Old-Republic-webfont.woff2') format('woff2'),
         url('font/SF-Old-Republic-webfont.woff') format('woff'),
         url('font/SF-Old-Republic-webfont.ttf') format('truetype'),
         url('font/SF-Old-Republic-webfont.svg#sf_old_republicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento_wide_demiboldbold';
    src: url('font/novecento_widedemibold-webfont.eot');
    src: url('font/novecento_widedemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/novecento_widedemibold-webfont.woff2') format('woff2'),
         url('font/novecento_widedemibold-webfont.woff') format('woff'),
         url('font/novecento_widedemibold-webfont.ttf') format('truetype'),
         url('font/novecento_widedemibold-webfont.svg#novecento_wide_demiboldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{margin:0; padding:0; text-align:left;}
.clear{clear:both;}

body{font-family:Verdana, Geneva, sans-serif; background:#f6f6f6; text-align:center; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: 'novecento_wide_demiboldbold';}
img{border:0;}

#container{width:98%; margin:0 auto; padding: 10px;}

#head{position:relative;}

#logo{width:100%; height:107px; text-align:center;}
#logo img{width:auto; height:100%;}

#menu-mobile{display:none;}

#menu{width:100%; height:43px; background:#000; font-family: 'sf_old_republicregular'; border-bottom:1px solid #fff;}
#menu ul.dropdown{list-style:none; width:100%; height:43px;}
#menu ul.dropdown li{height:43px; margin-top:2px;}
#menu ul.dropdown li a{color:#fff; text-decoration:none; font-size:15px; padding:12px 20px; display:block;}
#menu ul.dropdown li a:hover{background:#eb211f;}
#menu ul.dropdown li ul.sub-menu{height:auto;}
#menu ul.dropdown li ul.sub-menu li{height:auto; background:#000; margin-top:0; border-bottom:1px solid #fff;}
#menu ul.dropdown li ul.sub-menu li a{font-size:13px; padding:8px;}

#slide{background:transparent; width:auto; height:320px; border-bottom:1px solid #fff;
position:relative; margin: 0 auto; padding: 0;}
#slide ul.acx_ppt {position: absolute; top:0; left:0; padding: 0px !important; margin: 0px !important; background: none repeat scroll 0% 0% transparent !important; list-style-type: none !important; border: 0px none !important;}
#slide #image_slideshow .img_prev, 
#slide #image_slideshow .img_next{display:none;}

/* #sub-head{width:100%; height:27px; background:#eb211f; display:block; position:relative; z-index:20000;} */
#sub-head .textwidget{display:block; float:left; margin:0 60px; font-family: 'sf_old_republicregular'; font-size:18px; line-height:28px; text-transform:uppercase;}
#sub-head .textwidget a{color:#000; text-decoration:none; font-weight:bold;}
#sub-head img{margin:0 95px 0 30px; position:relative; top:-15px; float:left;}
#sub-head a:last-child img{margin:0 0 0 30px;}
#sub-head .box-prenotazione{display:none;}

#breadcrumb{clear:both; width:100%; height:25px; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#999;}
#breadcrumb a{color:#666; text-decoration:none;}
#breadcrumb a:hover{color:#000;}

#corpo{width:79%; background:#F1F1F1; border:1px solid #eaeaea; float:left; margin:0 0 20px 20px; font-size:14px;}
#corpo .spacer{padding:30px;}
#corpo p{text-align:justify; line-height:20px;}
#corpo h1{margin-bottom:15px; text-transform:uppercase; font-size:24px;}
#corpo h2{margin-bottom:10px; font-size:18px; color:#333333;}
#corpo h3{margin-top:30px; font-size:14px; color:red; margin-bottom:15px;}

#corpo h2.entry-title{margin-left:0;}
#corpo h2.entry-title a{color:red; text-decoration:none;}
#corpo h2.entry-title a:hover{color:#000;}

#corpo .entry-content{padding-bottom:20px; border-bottom:1px solid #F8F8F8; margin-bottom:30px;}

#corpo .gallery{display:block;}
#corpo .gallery .gallery-item{width:24%; margin-right:1%; margin-bottom:1%; float:left;} 

#corpo ul{list-style:square; margin:10px 0 40px 30px;}
#corpo ol{list-style:decimal; margin:10px 30px;}
#corpo .alignleft {float:left; margin:0 15px 15px 0;}
#corpo .alignright{float:right; margin:0 15px 15px 0;}
#corpo a{color:#000; font-weight:bold; text-decoration:underline;}
#corpo a:hover{text-decoration:none;}
#corpo hr{width:100%; height:1px; display:block; border:0; background:#CCC; margin:20px 0;}
#corpo .wp-caption{float:left; margin:20px 1%; width:23%; display:block;}
#corpo .wp-caption img{width:100% !important; height:auto !important; border:1px solid #fcfcfc;}
#corpo .wp-caption-text{text-align:center; font-size:10px; padding:3px 10px 10px 10px;}
#corpo table.collaboratori{margin-bottom:40px;}
#corpo table.collaboratori tr td, 
#corpo table.collaboratori tr th{width:33%; text-align:center; vertical-align:top; font-size:12px; color:#000;}
#corpo table.collaboratori tr th{padding-bottom:5px; padding-top:30px; font-weight:bold; text-transform:uppercase;}
#corpo table.collaboratori tr th a{color:red;}
#corpo table.collaboratori tr td img{width:80% !important; height:auto !important; margin:0 auto; border:1px solid #ccc;}
#corpo table.collaboratori a{color:#000; text-decoration:none;}
#corpo .post-thumbnail{display:none;}
#corpo .post-navigation .nav-previous {background-image: none !important;}
#corpo .post{clear:both;}

#right{width:16%; float:right; margin:0 0 20px 0;}
#right .widget-box{margin-top:30px; background:#fff; border:1px solid #E8E8E8;}
#right .widget-box h2.widget-title{font-size:14px; padding-left:10px; padding-top:5px;}

#right .scarica{border:1px solid #ccc; text-align:center; margin-bottom:20px; padding-bottom:10px;}
#right .scarica h2{font-family: 'novecento_wide_demiboldbold'; font-size:16px; text-transform:uppercase; margin:0 10px; background:#f6f6f6; position:relative; top:-10px; font-weight:normal;}

#right .orari{background:#fb0419; font-size:12px; color:#fff; padding:10px 0 20px 0;}
#right .orari h2{background:#fff; color:#000; font-size:16px; font-family: 'novecento_wide_demiboldbold'; width:85%; margin:0 0 3% 10%; padding:2px 2%; text-transform:uppercase; font-weight:normal;}
#right .orari p{padding:5px 10%;}


#footer{width:100%; clear:both; background:#000; padding:20px 0; color:#fff; font-family: 'sf_old_republicregular';}
#footer .menu-menu-principale-container{width:98%; height:60px; margin:0 1%;}
#footer .menu-menu-principale-container ul.menu li{background:#eb211f; margin:0 2px; float:left; list-style:none; position:relative;}
#footer .menu-menu-principale-container ul.menu li a{color:#fff; text-decoration:none; font-size:15px; padding:5px 10px; display:block;}
#footer .menu-menu-principale-container ul.menu li ul.sub-menu{position:absolute; top:35px; left:0; width:250px;}
#footer .menu-menu-principale-container ul.menu li ul.sub-menu li{background:none; margin:0; float:none;}
#footer .menu-menu-principale-container ul.menu li ul.sub-menu li a{background:none; padding:5px; font-size:12px;}

#footer .textwidget{width:33%; float:left;}
#footer .textwidget a{color:#fff; text-decoration:underline;}
#footer .textwidget a:hover{text-decoration:none;}
#footer .textwidget h1{margin:10px 0 5px 20px; font-size:12px;}
#footer .textwidget p{padding:10px 20px; font-size:12px;}
#footer .seguici img{margin-right:10px;}
#footer .center{width:32%; border-right:1px solid #ccc; border-left:1px solid #ccc;}

.menu-menu-secondario-container {width:32%; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#footer .menu-menu-secondario-container ul.menu {margin-left:10px; list-style:none; position:relative;}
#footer .menu-menu-secondario-container ul.menu li{margin:0 2px; list-style:none; position:relative;}
#footer .menu-menu-secondario-container ul.menu li a{color:#fff; text-decoration:none; font-size:13px; padding:5px 10px; display:block;}
#footer .menu-menu-secondario-container ul.menu li a:hover{color:#f60;}

#menu-item-690 a{background:#EB211F; text-transform:uppercase;}

#firma{padding:5px 0 20px 0; text-align:center; font-size:10px;}
#firma a{color:#666; text-decoration:none;}
#firma a:hover{text-decoration:underline;}

Header is relative so z-index: 1 guarantees always displayed on top
*/
header {
    background-color: #3b5998;
    padding: 10px;
    text-decoration: none;
    position: fixed;
    width: 100%;
    z-index: 1;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

/*
using background color is important to cover the menu
position absolute isset to cover the whole viewport
*/
#content {
    background-color: #FFFFFF;
    padding: 52px 10px 10px 10px;
    position: relative;
    width: auto;
    height: 100%;
    -webkit-box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);
}

/*
the hamburger button with a little gradient effekt
*/
#hamburger {
    border: 1px solid #374C77;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    width: 25px;
    background: #4569b2;
    background: -moz-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4569b2), color-stop(100%, #4062a5));
    background: -webkit-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -o-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -ms-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: linear-gradient(to bottom, #4569b2 0%, #4062a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4569b2', endColorstr='#4062a5', GradientType=0);
}

.wpcf7-text, 
.wpcf7-textarea, 
.wpcf7-captchar{border:1px solid #ccc; font-size:10px; color:#666666; padding:3px 10px;}
.wpcf7-textarea{width:80%; height:150px;}

/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 90%;
}

/*
The navigation container in the background
*/
/*nav {
    opacity: 0;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 0;
    width: 70%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #3e3c3d;
    background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);
}*/

/*
Style the navigation menu
*/
/*nav ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

nav li {
    position: relative;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    padding: 15px;
}

nav li a {
    color: #fff;
    text-decoration: none;
}*/

/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    z-index: 5;
}

#corpo .spacer h2.widget-title {
    display: none;
}

.knewsbutton, .wpcf7-submit {
background-color:#eb211f;
padding:0 10px 0 10px;
border:0;
width:40px;
height:20px;
font-weight: normal;
font-family: "sf_old_republicregular";
text-align:center;
}


#corpo .spacer  a.stilebottoni {
background-color:#ff0000;
padding:5px 10px 5px 10px;
border:0;
font-weight: normal;
font-family: "sf_old_republicregular";
text-decoration:none;
color:#FFFFFF;
}

#rps .col {
background:#000000;
color:#ffffff;

}

#rps .col p.post-title span {
background:#000000;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 10px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    color: #fff;
    text-decoration: none;
    line-height: 18px;
	font-family:"sf_old_republicregular";
}

.planso-form-builder{width:50%;}
.planso-form-builder .form-control{width:100%; border:1px solid #ccc; padding:3px;}

.planso-form-builder label{width:100%;}
.btn-primary{width:100px; border:0; background:#000; color:#fff; text-align:center; text-transform:uppercase; padding:5px 0; margin-top:20px; clear:both;}
.row{padding-bottom:10px;}

/**
 * 15.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 15.1 Mobile Large 620px
 */

@media screen and (max-width: 620px) {
	#container{width:100% !important; margin:0 auto;}

	#logo{width:100%; height:auto !important; text-align:center;}
	#logo img{width:80%; height:auto;}
	
	#menu-mobile{display:inherit;}
	
	#menu{display:none}
	
	#sub-head{width:100%; height:auto !important; background:#eb211f; display:block; position:relative; text-align:center !important; padding-top:10px;}
	#sub-head .textwidget{display:block; float:none; margin:0; font-family: 'sf_old_republicregular'; font-size:18px; line-height:28px; text-transform:uppercase; text-align:center !important;}
	#sub-head .textwidget a{color:#000; text-decoration:none; font-weight:bold; text-align:center !important;}
	#sub-head img{margin:0; position:relative; top:0px; float:none; text-align:center !important;}
	
	#sub-head .box-prenotazione{display: inherit; width:80%; margin:0 auto 10px auto; background:#000; border-radius:10px; text-align:center;}
	#sub-head .box-prenotazione a{color:#fff;}
	
	#slide{background:#fff/*url(images/slide.jpg) no-repeat*/; width:100%; height:auto !important; min-height:150px !important; border-bottom:1px solid #fff; overflow:hidden;}
	#slide .acx_ppt li{width:100% !important; height:150px !important; overflow:hidden !important;}
	#slide .acx_ppt li img {width:100% !important; max-width: 100% !important; height:150px !important; overflow:hidden; padding: 0px !important; margin: 0px !important; background: none repeat scroll 0% 0% transparent !important; border: 0px none !important;}
	
	#sub-head{width:100%; height:27px; background:#eb211f; display:block; position:relative;}
	
	#breadcrumb{margin-top:20px; font-size:14px; height:auto; padding:0 10px;}
	
	
	#corpo{width:100%; background:#fff; border:0px solid #eaeaea; float:none; margin:5px 0 20px 0;}
	#corpo .spacer{padding:30px;}
	
	#right{width:100%; float:none; margin:10px 0 10px 0;}
	
	#footer{width:100%; clear:both; background:#000; padding:20px 0; color:#fff;}
	#footer .menu-menu-principale-container{display:none;}
	#footer .textwidget{width:100%; float:none;}
	
	
	
	
	
	
	
	#menu-mobile{position:absolute; top:15px; left:0; z-index:100000;}
	#menu-mobile .responsive-menu{background:#000; color:#fff; width:100%;}
	#menu-mobile .responsive-menu ul{list-style:none; width:100%; display:block;}
	#menu-mobile .responsive-menu ul li{padding:10px 20px; border-bottom:1px solid #fff;}
	#menu-mobile .responsive-menu ul li ul li{border:0;}
	#menu-mobile .responsive-menu ul li a{color:#fff;  font-family: 'sf_old_republicregular'; font-size:14px; text-decoration:none;}
	
	.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
	}
	
	.menu-btn{cursor:pointer;}
	
	.menu-btn span {
		display: block;
		width: 22px;
		height: 5px;
		margin: 4px 0;
		background: rgb(0,0,0);
		z-index: 99;
	}
	
	.responsive-menu{
		display: none;
	}
	
	.expand {
		display: block !important; 
	}
	
	.open-menu-link{
		display: none;
		position: absolute;
		right: 15px;
		top:0;
		line-height: 55px;
		font-size: 30px;
		cursor: pointer;
	}
	
	.visible {
		display: block !important;
	}
	
}


/**
 * 15.2 Tablet Small 740px
 */

@media screen and (max-width: 740px) {
	
}


/**
 * 15.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {
}


/**
 * 15.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	
}


/**
 * 15.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {
	
}


/**
 * 15.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	
}


/**
 * 15.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {
	
}


/**
 * 16.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 7.6923%;
	}

	.hentry.has-post-thumbnail {
		padding-top: 7.6923%;
	}

	.sticky-post {
		background: #000 !important;
		color: #fff !important;
	}

	.entry-header,
	.entry-footer {
		padding: 0;
	}

	.entry-content,
	.entry-summary {
		padding: 0 0 7.6923%;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	.comments-area {
		border: 0;
		padding: 7.6923% 0 0;
	}

	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}
}