/**
 * @package   Zhong - accessibletemplate
 * @version   2.1.1
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   http://ec.europa.eu/idabc/eupl.html EUPL v1.1 only
 **/
/**
 * This CSS file defines some css snippets
**/

/*-------------------------
-  BUTTONS
------------------------ */
/* Common style
--------------------------- */
.button,.btn,.btn-primary, /*(From Twitter Bootstrap)*/
.grey-button-style,
.grey-button-style:link,
.grey-button-style:visited,
.white-button-style,
.white-button-style:link,
.white-button-style:visited,
.green-button-style,
.green-button-style:link,
.green-button-style:visited,
.red-button-style,
.red-button-style:link,
.red-button-style:visited,
.yellow-button-style,
.yellow-button-style:link,
.yellow-button-style:visited,
.violet-button-style,
.violet-button-style:link,
.violet-button-style:visited,
.blue-button-style,
.blue-button-style:link,
.blue-button-style:visited,
.black-button-style,
.black-button-style:link,
.black-button-style:visited{
	display:inline-block;
	width:auto;
	padding:0.462em 0.625em;
	margin:0.375em 0.5em;
	text-align:center;
	text-decoration:none;
	text-indent:0;
	background-position:3% 55%;
	background-repeat:no-repeat;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
/* Grey
--------------------------- */
.btn,.btn:visited, /*(From Twitter Bootstrap)*/
.grey-button-style,
.grey-button-style:link,
.grey-button-style:visited{
	color:#444;
	border:solid 1px #CCCBCB;
	background-color:#EEEDED;
	}
.btn:hover, /*(From Twitter Bootstrap)*/
.btn:focus,
.btn:active,
.grey-button-style:hover,
.grey-button-style:focus,
.grey-button-style:active{
	background-color:#E6E6E6;
	border-color:#C6C6C6;
	color:#333;
	text-decoration:none;
	}
/* White
--------------------------- */
.white-button-style,
.white-button-style:link,
.white-button-style:visited{
	color:#444;
	border:solid 1px #666;
	background-color:#FFF;
	}
.white-button-style:hover,
.white-button-style:focus,
.white-button-style:active{
	background-color:#E4E4E4;
	border-color:#555;
	color:#111;
	text-decoration:none;
	}
/* Green
--------------------------- */
.btn-primary, /*From Twitter Bootstrap*/
.green-button-style,
.green-button-style:link,
.green-button-style:visited{
	color:#29662F;
	text-shadow:1px 1px 1px #80CC4E;
	border:solid 1px #56BF61;
	background-color:#8FD95D;
	}
.btn-primary:hover, /*From Twitter Bootstrap*/
.btn-primary:focus,
.btn-primary:active,
.green-button-style:hover,
.green-button-style:focus,
.green-button-style:active{
	background-color:#B4F28A;
	border-color:#59C765;
	color:#308A32;
	text-decoration:none;
	}
/* Red
--------------------------- */
.red-button-style,
.red-button-style:link,
.red-button-style:visited{
	color:#E6FFFF;
	border:solid 1px #C92515;
	background-color:#DE4517;
	text-shadow:1px 1px 1px #C92515;
	}
.red-button-style:hover,
.red-button-style:focus,
.red-button-style:active{
	color:#E6FFFF;
	border-color:#B82213;
	background-color:#F2070A;
	text-decoration:none;
	}
/* Yellow
--------------------------- */
.yellow-button-style,
.yellow-button-style:link,
.yellow-button-style:visited{
	color:#73664E;
	border:solid 1px #BFA160;
	background-color:#FFE68C;
	text-shadow:1px 1px 1px #FFEA7F;
	}
.yellow-button-style:hover,
.yellow-button-style:focus,
.yellow-button-style:active{
	color:#B88241;
	border-color:#E6CC4E;
	background-color:#F4FF8C;
	text-decoration:none;
	}
/* Blue
--------------------------- */
.blue-button-style,
.blue-button-style:link,
.blue-button-style:visited{
	color:#4B469E;
	text-shadow:1px 1px 1px #C2D4FF;
	border:solid 1px #847FF0;
	background-color:#91B2FF;
	}
.blue-button-style:hover,
.blue-button-style:focus,
.blue-button-style:active{
	color:#212B8C;
	text-shadow:0px 0px 0px #C2D4FF;
	border-color:#4F49CA;
	background-color:#6893F7;
	text-decoration:none;
	}
/* Violet
--------------------------- */
.violet-button-style,
.violet-button-style:link,
.violet-button-style:visited{
	color:#B03497;
	border:solid 1px #D147B5;
	background-color:#FFA0EF;
	}
.violet-button-style:hover,
.violet-button-style:focus,
.violet-button-style:active{
	color:#FFF;
	text-shadow:1px 1px 1px #C659B1;
	border-color:#BB38A1;
	background-color:#FA5ADA;
	text-decoration:none;
	}
/* Black/Red
--------------------------- */
.black-button-style,
.black-button-style:link,
.black-button-style:visited{
	border:2px solid #444;
	color:#EEE;
	background-color:#333;
	text-shadow:1px 1px 1px #111;
	}
.black-button-style:hover,
.black-button-style:focus,
.black-button-style:active{
	color:#FFF;
	text-decoration:none;
	border-color:#666;
	background-color:#555;
	text-shadow:1px 1px 1px #222;
	}
/* ADDED-CLASS for buttons
--------------------------- */
.rounded-corners{
	padding:0.46em 1em !important;
	border-radius:1em !important;
	-moz-border-radius:1em !important;
	-webkit-border-radius:1em !important;
	}

/*-------------------------
-  COLUMN STYLE OBJECTS
------------------------ */
.col-style-full{
	overflow:hidden;
	display:block;
	width:auto;
	float:none;
	clear:both;
	margin:0.6em 2%;
	padding:0;
	}
.col-style-2,.col-style-3,.col-style-4,
.col-style-5,.col-style-6{
	overflow:hidden;
	display:block;
	float:left;
	clear:none;
	padding:0;
	}
.col-style-2{width:46.8%;margin:0.6em 1.6%;}
.col-style-3{width:30.9%;margin:0.6em 1.2%;}
.col-style-4{width:23%;margin:0.6em 1%;}
.col-style-5{width:18.4%;margin:0.6em 0.8%;}
.col-style-6{width:15.4%;margin:0.6em 0.6%;}

/*-------------------------
-  ARTICLE IMAGES
------------------------ */
.article-image-right,
.article-image-left{
	border-radius:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	}
.article-image-left{
	margin:0 0.8em 0.8em 0;
	float:left;
	}
.article-image-right{
	margin:0 0 0.8em 0.8em;
	float:right;
	}

/*-------------------------
-  USER-MOD MODULES STYLE
------------------------ */
.custom-modules-container-wrapper{
	position:relative;
	width:auto;
	clear:both;
	}
.custom-modules-container{
	display: inline-block;
	width:100%;
	}
.custom-module_column-width-1,.custom-module_column-width-2,.custom-module_column-width-3,.custom-module_column-width-4{
	float:left;
	padding:0;
	}
.custom-module_column-width-1{width:100%;}
.custom-module_column-width-2{
	width:50%;
	margin:0.2em 0;
	}
.custom-module_column-width-3{
	width:33.3%;
	margin:0.2em 0;
	}
.custom-module_column-width-4{
	width:25%;
	margin:0.2em 0;
	}

/*-------------------------
-  MARKED BLOCKS
--------------------------- */
.marked-block-dark,.marked-block-light{
	display:block;
	overflow:hidden;
	width:auto;
	margin:0.8em 2% 1.2em 2%;
	padding:0.6em 2% 0.8em 2%;
	clear:both;
	}
/* HEADINGS and PARAGRAPHS inside styled blocks */
.marked-block-dark h1,.marked-block-light h1,
.marked-block-dark h2,.marked-block-light h2,
.marked-block-dark h3,.marked-block-light h3,
.marked-block-dark h4,.marked-block-light h4,
.marked-block-dark h5,.marked-block-light h5,
.marked-block-dark h6,.marked-block-light h6{
	display:block;
	margin:0 0.6em 0.2em 0.6em;
	padding:0.3em 0;
	}
.marked-block-dark p,.marked-block-light p{
	margin:1.2em 0.8em;
	width:auto;
	}

/*-------------------------
-  COMBINATIONS
------------------------ */
/* Marked blocks - Column Style */
.marked-block-dark.col-style-full,.marked-block-light.col-style-full,
.marked-block-dark.col-style-2,.marked-block-light.col-style-2,
.marked-block-dark.col-style-3,.marked-block-light.col-style-3,
.marked-block-dark.col-style-4,.marked-block-light.col-style-4,
.marked-block-dark.col-style-5,.marked-block-light.col-style-5,
.marked-block-dark.col-style-6,.marked-block-light.col-style-6{
	clear:none;
	}
.marked-block-dark.col-style-full,.marked-block-light.col-style-full
	{width:auto;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;}
.marked-block-dark.col-style-2,.marked-block-light.col-style-2
	{width:42%;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;}
.marked-block-dark.col-style-3,.marked-block-light.col-style-3
	{width:24%;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;}
.marked-block-dark.col-style-4,.marked-block-light.col-style-4
	{width:18%;margin-left:1.2%;margin-right:1.2%;padding-left:1.6%;padding-right:1.6%;}
.marked-block-dark.col-style-5,.marked-block-light.col-style-5
	{width:15%;margin-left:1.2%;margin-right:1.2%;padding-left:1.6%;padding-right:1.6%;}
.marked-block-dark.col-style-6,.marked-block-light.col-style-6
	{width:12%;margin-left:1.2%;margin-right:1.2%;padding-left:1.6%;padding-right:1.6%;}
/* Float - Column Style */
.col-style-full.float-right,.col-style-2.float-right,.col-style-3.float-right,
.col-style-4.float-right,.col-style-5.float-right,.col-style-6.float-right
	{float:right;clear:none;}