/*
Theme Name: Anticoda
Author: Dueper Design
Author URI: http://www.dueper.net
Description: A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
Version: .87
=======
License: GNU General Public License
License URI: license.txt

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.
*/

/********************************************************

Comfortable with LESS?  Check out the /less folder where the bootstrapwp.less file is the master complier

////////   IMPORTANT!  Make custom edits/changes in the less/bswp-custom.less file
////////   to safely retain the ability to update the less files with future
////////   versions of Bootstrap or BootstrapWP

-------------------------------------------------- */


/********************************************
*
*		Aggiungo Stili Personalizzati
*
*********************************************/

body.page-template-page-stampa-php, .page-template-page-stampa-php a, .page-template-page-stampa-php .btn { cursor:none !important;}

body.page-template-page-stampa-php {
	/*transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	max-width: 913px;
	top: 0px;
	overflow: hidden;
	left: 660px;
	bottom: 0;
	position: absolute;*/
}

body.page-template-page-monitor-php, .page-template-page-stampa-php a, .page-template-page-stampa-php .btn { cursor:none !important;}

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

@font-face {
    font-family: 'entypo';
    src: url('css/entypo/entypo.eot');
    src: url('css/entypo/entypo.eot?#iefix') format('embedded-opentype'),
         url('css/entypo/entypo.woff') format('woff'),
         url('css/entypo/entypo.ttf') format('truetype'),
         url('css/entypo/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'entypo-social';
    src: url('css/entypo/entypo-social.eot');
    src: url('css/entypo/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('css/entypo/entypo-social.woff') format('woff'),
         url('css/entypo/entypo-social.ttf') format('truetype'),
         url('css/entypo/entypo-social.svg#entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;

}
.entypo{ font-family:'entypo'; display:inline-block; vertical-align: middle;font-size:42px; line-height: 1;}
.entypo.small{ font-size:22px; line-height: 1; }
.entypo.large{ font-size:122px; line-height:0; height:90px;}
.entypo.maxi{ font-size:252px; line-height:0.3 !important; height:170px !important;}

.btn .entypo{
	height:20px;
	line-height:0;
}

.blue {color: #c10738;}

.btn.btn-maxi .entypo{
	height:25px;
}

.btn a, .btn a:hover { color: #fff; text-decoration:none;}

.header {
	padding:30px 0px;
	background:#eee;
	border-bottom:5px solid #15819B;
	margin-bottom:20px;
}

.footer {
	padding:30px 0px;
	background:#eee;
	border-top:5px solid #ddd;
	margin-top:40px;
}


.video-container {
    position: relative;
    /* margin-top: -65px; */
    height: 100%;
	/* overflow: hidden; */
}

.video-container iframe,
.video-container video,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
}

hr.small { margin:9px 0px;}

.single-sportelli .lead {font-size:14px;}
.single-sportelli hr { margin:10px 0px;}
.btn-avanza {margin:10px; display:block;}

.gray { color:#666;}
.bg-gray { background:#f3f3f3; padding-top:40px; margin-bottom:40px; margin-top:20px; padding-bottom:20px; }
.bg-gray .btn-primary { background:#ddd;}
.bg-gray .btn-primary:hover { background:#333;}

.sportello-outer { height:170px; background:#eee; text-align:center; position:relative; border-bottom:3px solid #fff; }
.titolo-sportello, .sportello-inner {  font-size:120px; display:inline-block; line-height:1;color:#555;}
.sportello-inner {font-weight: bold;color: #c10738;margin-top: 20px;float: left;}

.logo .sportello-inner { margin-top: 50px; }
.sportello-outer.logo { height: 200px; }
.logo .sportello-inner, .attesa .sportello-inner { float: none; font-size:50px; }
.logo .sportello-inner, .attesa .sportello-inner h1 { font-size:70px; margin-top:30px; }

.sportello-outer.attesa .sportello-inner {  font-size:30px; display:inline-block; margin-top:20px; line-height:1.3;color:#555; background:transparent; margin-top:30px;}
.titolo-sportello {
	margin:5px 80px 5px 20px;
	padding: 15px 0px;
	width: 150px;
	background: #fff;
	color:#c10738;
	border:5px solid #c10738;
	float:left;
	-moz-border-radius: 50%; /* Firefox */  
  -webkit-border-radius: 50%; /* Safari, Chrome */  
  border-radius: 50%; /* CSS3 */ 
}

.piedino {position:fixed;width: 100%;height:135px;bottom:0px;left:0px;right:0px;background: #c10738;color:#fff;}
.piedino .lead { position:absolute; top:45%; margin-top:-40px; width:auto; font-size:60px; overflow:hidden; line-height:1.5em; height:80px; margin-right:-300px; }

.ultimo-servito-container { font-size:15px; }
.ultimo-servito-container .lead { font-size:30px; line-height:1em; color:#c10738; margin-top:10px; height:50px; }

.numero-stampato { font-size:30px; background:#eee; padding:10px;}

.tab-pane hr {
border: 0;
border-top: 1px solid #111;
border-bottom: 1px solid #555;
}

.margin-bottom { margin-bottom:20px;}
hr.margin-bottom { margin-bottom:40px;}

/* Bottoni */
.btn.btn-maxi {
	font-weight: lighter;
	padding: 15px 30px;
	line-height: 1em;
	font-size: 35px;
}
.block { display:block;}

.reset_code_ok { max-width:480px; margin:0 auto;}

/* Single Sportelli */
.rimanenti {
	list-style:none;
	line-height:35px;
}
.rimanenti .numero { background:#eee; padding:5px 10px; font-size:20px;}

/* Monitor */
body.page-template-page-monitor-php{ background:#eee; overflow:hidden;}
body.page-template-page-monitor-php .row-fluid .span4 {width: 33.89949% !important; margin:0px !important;}
.page-template-page-stampa-php .servizio {
	margin-bottom: 20px;
	display: block;
	height: 200px;
	position: relative;
}

.reset_code_ok { opacity:0;}


.content-alert { width:100%; text-align:center; position:fixed; bottom:30px;}

.update_red {
	animation-name: update_red_go;
	animation-duration: 5s;
	-webkit-animation:update_red_go 5s; /* Safari and Chrome */
	}

audio{ display:none;}

/*.img-button { position:absolute; bottom:0px; left:50%; margin-left:-150px;}*/

.servizio.btn:active { background-color:#eee !important; color:#333 !important;}

.container-fluid.stampa { margin:0px 20px;}

.servizio .row {
	height:100%;	
}

.button-container {
	display: table !important;
    width: 100%; /* width of parent */
    height:100%; /* height of parent */
    overflow: hidden;	
	}

.button-container .contenuto {
	display: table-cell;
    vertical-align: middle;
	margin: 0 auto;
    text-align: center;
	height:100%;
	}

.ora {
	height:135px;
	background:#003852;
	color:#fff;
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:99;
	font-size: 90px;
	width: 280px;
	display: table;
}
	
.ora #txt {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;	
}

#overlay-stampa {
	background:rgba(255,255,255,0.7);
	width:100%;
	height:100%;
	position:fixed;
	left:0p;
	right:0;
	top:0;
	bottom:0;
	z-index:9999;
	display:none;
	}

#overlay-stampa .overlay-content {
	width:300px;
	height:500px;
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-150px;
	display: table !important;
	overflow: hidden;	
	background:#fff;
}


#overlay-stampa .overlay-content .text {
	display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;	
}


@keyframes update_red_go {
   0% {
       color: #c10738;
   }
   2% {
		color:#F30;   
   }
   90% {
		color:#F30;   
   }
   100% {
     color: #c10738;
   }
}

@-webkit-keyframes update_red_go /* Safari and Chrome */{
	0% {
       color: #c10738;
   }
   2% {
		color:#F30;   
   }
   90% {
		color:#F30;   
   }
   100% {
     color: #c10738;
   }
}