/*	public $pages = '
		<div class="row textpage">
		<div class="small-12 columns">
			<div class="textpage-header">
				<h1>${TITLE}</h1>
				IF{SUBTILE}<h2>${SUBTITLE}</h2>END{SUBTILE}
			</div>
			<div class="textpage-text">${TEXT}</div>
		</div>
		</div>
		IF{MORE}${MORE}END{MORE}
	';*/

div#up main article .textpage {
	background: transparent;
	padding:1rem;
	color:#444;
	padding-left: calc(5.5rem + 1px);
}

div#up main article .textpage .textpage-header {
	margin: 4rem 0 4rem 0;
}
div#up main article .textpage .textpage-header h1 {
	font-weight: normal;
	font-size: 4rem;
	line-height: 4rem;
	margin: 0; padding:0;
}

div#up main article .textpage .textpage-header h2 {
	font-weight: normal;
	font-size: 2rem;
	line-height: 2rem;
	margin: 0; padding:0;
	margin-top:1.3rem;
	color:#666;
}

div#up main article .textpage .textpage-header .textpage-img {
	margin-top:1.3rem;
}

div#up main article .textpage .textpage-header .textpage-img .textpage-img-caption {
	display: block;
	padding:0.5rem 0;
	font-size: 0.95rem;
	line-height: 1.1rem;
	color:#666;
	border-bottom: solid 1px #ccc;
}

div#up main article .textpage .textpage-text {
	font-size: 1.2rem;
}

div#up main article .textpage .textpage-text > * {
    margin: 0 0 1.5rem 0;
    margin: 0 0 1.25rem 0;
}

div#up main article .textpage .textpage-text li {
	margin-left: 1.25rem;
}

div#up main article .textpage .textpage-text th {
	text-align:left;
}

/** GALLERIE DI IMMAGINE **/
div#up main article .textpage .textpage-text .gallery_run_container {
	display: none;
}
div#up main article .textpage .textpage-text .gallery {}
div#up main article .textpage .textpage-text .gallery .gallery_title {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1rem;
	padding: 0.5rem 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;	
}

div#up main article .textpage .textpage-text .gallery .gallery_title i.fa {
	font-size: 0.9rem;
	padding-right: 0.250rem;
}
div#up main article .textpage .textpage-text .gallery .thumbimg {
	width: 100%;
	background-position: center center;
	background-size: auto;
}

div#up main article .textpage .textpage-text .gallery .img {
	width: 100%;
}

div#up main article .textpage .textpage-text .youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
    width:100%;
}

div#up main article .textpage .textpage-text .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** IMG SIDE **/
div#up main article .textpage .textpage-text .imgside {
	clear: both;
}
div#up main article .textpage .textpage-text .imgside h4 {
	font-size: 1.3rem;
	border-bottom: solid 1px #333;
}
div#up main article .textpage .textpage-text .imgside .imgside-content {}
div#up main article .textpage .textpage-text .imgside .imgside-img {
	float: left;
	margin: 0 2rem 0.75rem 0;
}

/* Tables */
/**
TABELLE DATI **/
div#up main article .textpage .textpage-text table.table-grids {
        font-size: 0.85rem;
}

div#up main article .textpage .textpage-text table.table-grids tr th {
        background-color: #ccc;
        text-transform: uppercase;
        font-size: 0.8rem;
}

div#up main article .textpage .textpage-text table.table-grids td.left {}
div#up main article .textpage .textpage-text table.table-grids td.right {}
div#up main article .textpage .textpage-text table.table-grids td.center {
        text-align: center;
}


div#up main article .textpage .textpage-share {
	font-size: 0.9rem;
	text-transform: uppercase;
	text-align: right;
}

div#up main article .textpage .textpage-share i {
	display: inline-block;
	font-size: 1.25rem;
	padding: 0 0.25rem;
}

div#up main article .textpage .textpage-share a:link, div#up main article .textpage .textpage-share a:visited {
	color:#666;
}

div#up main article .textpage .textpage-share a:hover, div#up main article .textpage .textpage-share a:active {
	color:#ee9400;
}