/**
 * @package   Portal - accessibletemplate
 * @version   2.3.1
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   accessibletemplate Terms & Conditions - http://www.accessibletemplate.com/en/terms-and-conditions
 **/
/**
 * This CSS file defines some css snippets
**/
/*----------------------------------------------------------------
-  MISCELLANEOUS SNIPPETS
---------------------------------------------------------------- */
/*--------- added typography classes ---------*/
.sans-serif{font-family:Arial, Helvetica, sans-serif !important;}
.serif{font-family:Georgia, Times, "Times New Roman", serif !important;}
.monospace{font-family:Courier New, Courier, monospace !important;}
.larger-text{font-size:larger;}
.large-text{font-size:160%;line-height:120%;}
.xlarge-text{font-size:200%;line-height:140%;}
.xxlarge-text{font-size:300%;line-height:160%;}
.xxxlarge-text{font-size:400%;line-height:180%;}
.xxxxlarge-text{font-size:500%;line-height:200%;}
.smaller-text{font-size:smaller;}
.small-text{font-size:80%;}
.xsmall-text{font-size:70%;}
.xxsmall-text{font-size:60%;}
.xxxsmall-text{font-size:50%;}
.xxxxsmall-text{font-size:40%;}
.yellow-mark,.yellow-mark *{background:#FE4 !important;color:#000 !important;}
.green-mark,.green-mark *{background:#6E3 !important;color:#000 !important;}
.red-mark,.red-mark *{background:#D11 !important;color:#FFF !important;}
.violet-mark,.violet-mark *{background:#F4E !important;color:#000 !important;}
.blue-mark,.blue-mark *{background:#00F !important;color:#FFF !important;}
/*--------- colored blocks ---------*/
.highlight-grey,.highlight-green,.highlight-red,
.highlight-brown,.highlight-yellow,.highlight-blue,.highlight-black{
	display:block;
	width:auto;
	overflow:hidden;
	padding:.6em 1%;
	margin:1em 1%;
	border:0;
	border-left-width:.6em;
	border-left-style:solid;
	}
.highlight-grey{
	border-left-color:#CCC !important;
	background:#E9E6E9;
	color:#444;
	}
.highlight-green{
	border-left-color:#8ef26f !important;
	background-color:#cff26f;
	color:#1d4026;
	}
.highlight-red{
	border-left-color:#E96E17 !important;
	background-color:#DE4517;
	color:#FFF;
	}
.highlight-brown{
	border-left-color:#BFA160 !important;
	background-color:#FFE68C;
	color:#73664E;
	}
.highlight-yellow{
	border-left-color:#FFDB4A !important;
	background-color:#FF7;
	color:#63563F;
	}
.highlight-blue{
	border-left-color:#847FF0 !important;
	background-color:#91B2FF;
	color:#292E59;
	}
.highlight-black{
	border-left-color:#494949 !important;
	background-color:#222;
	color:#EEE;
	}
/*--------- Alert blocks ---------*/
.error,.notice,.success,.message{
	padding:.8em;
	margin:1em 0;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	}
.notice,.message{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324 !important;
	}
.error{
	background:#FFE9C2;
	color:#8a1f11;
	border-color:#F62 !important;
	}
.success{
	background:#C4ED8F;
	color:#264409;
	border-color:#56B235 !important;
	}
.notice a,.message a{color:#514721;}
.error a{color:#8a1f11;}
.success a{color:#264409;}
/*-------------------------
-  BUTTONS
------------------------ */
/*--------- Common style ---------*/
.button,
.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:.462em .625em;
	margin:.375em .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 ---------*/
.grey-button-style,
.grey-button-style:link,
.grey-button-style:visited{
	color:#444;
	border:solid 1px #CCCBCB;
	background-color:#EEEDED;
	}
.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 ---------*/
.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;
	}
.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;
	}
/*--------- Rounded corners ---------*/
.rounded-corners{
	border-radius:1em !important;
	-moz-border-radius:1em !important;
	-webkit-border-radius:1em !important;
	}
/*-------------------------
-  COLORED MODULES
------------------------ */
.custom-module-style_colored{
	border-width:0 0 3px 0;
	border-style:solid;
	display:block;
	margin:.6em 2%;
	padding:.8em 2% .4em 2%;
	}
.custom-module-style_colored>h1:first-child
.custom-module-style_colored>h2:first-child
.custom-module-style_colored>h3:first-child
.custom-module-style_colored>h4:first-child
.custom-module-style_colored>h5:first-child
.custom-module-style_colored>h6:first-child{margin-top:0;}
.custom-module-style_colored a{text-decoration:underline;}
.custom-module-style_colored a:focus,
.custom-module-style_colored a:active,
.custom-module-style_colored a:hover{text-decoration:none;}
/*prevents double nesting*/
.custom-module-style_colored .custom-module-style_colored{margin:0;padding:0;border:0;}
/*style definition*/
.custom-module-style_grey{background-color:#E9E6E9;border-color:#CCC;}
.custom-module-style_grey,
.custom-module-style_grey h1,
.custom-module-style_grey h2,
.custom-module-style_grey h3,
.custom-module-style_grey h4,
.custom-module-style_grey h5,
.custom-module-style_grey h6,
.custom-module-style_grey a,
.custom-module-style_grey a:hover,
.custom-module-style_grey a:focus,
.custom-module-style_grey a:active{color:#444;}
.custom-module-style_green{background-color:#cff26f;border-color:#8ef26f;}
.custom-module-style_green,
.custom-module-style_green h1,
.custom-module-style_green h2,
.custom-module-style_green h3,
.custom-module-style_green h4,
.custom-module-style_green h5,
.custom-module-style_green h6,
.custom-module-style_green a,
.custom-module-style_green a:hover,
.custom-module-style_green a:focus,
.custom-module-style_green a:active{color:#1d4026;}
.custom-module-style_red{background-color:#DE4517;border-color:#E96E17;}
.custom-module-style_red,
.custom-module-style_red h1,
.custom-module-style_red h2,
.custom-module-style_red h3,
.custom-module-style_red h4,
.custom-module-style_red h5,
.custom-module-style_red h6,
.custom-module-style_red a,
.custom-module-style_red a:hover,
.custom-module-style_red a:focus,
.custom-module-style_red a:active{color:#FFF;}
.custom-module-style_brown{background-color:#FFE68C;border-color:#BFA160;}
.custom-module-style_brown,
.custom-module-style_brown h1,
.custom-module-style_brown h2,
.custom-module-style_brown h3,
.custom-module-style_brown h4,
.custom-module-style_brown h5,
.custom-module-style_brown h6,
.custom-module-style_brown a,
.custom-module-style_brown a:hover,
.custom-module-style_brown a:focus,
.custom-module-style_brown a:active{color:#73664E;}
.custom-module-style_yellow{background-color:#FF7;border-color:#FFDB4A;}
.custom-module-style_yellow,
.custom-module-style_yellow h1,
.custom-module-style_yellow h2,
.custom-module-style_yellow h3,
.custom-module-style_yellow h4,
.custom-module-style_yellow h5,
.custom-module-style_yellow h6,
.custom-module-style_yellow a,
.custom-module-style_yellow a:hover,
.custom-module-style_yellow a:focus,
.custom-module-style_yellow a:active{color:#63563F;}
.custom-module-style_blue{background-color:#91B2FF;border-color:#847FF0;}
.custom-module-style_blue,
.custom-module-style_blue h1,
.custom-module-style_blue h2,
.custom-module-style_blue h3,
.custom-module-style_blue h4,
.custom-module-style_blue h5,
.custom-module-style_blue h6,
.custom-module-style_blue a,
.custom-module-style_blue a:hover,
.custom-module-style_blue a:focus,
.custom-module-style_blue a:active{color:#292E59;}
.custom-module-style_black{background-color:#222;border-color:#494949;}
.custom-module-style_black,
.custom-module-style_black h1,
.custom-module-style_black h2,
.custom-module-style_black h3,
.custom-module-style_black h4,
.custom-module-style_black h5,
.custom-module-style_black h6,
.custom-module-style_black a,
.custom-module-style_black a:hover,
.custom-module-style_black a:focus,
.custom-module-style_black a:active{color:#EEE;}
/*-------------------------
-  COLUMN STYLE
------------------------ */
/*prevents double nesting*/
.custom-module-style_user-custom>h1:first-child,
.custom-module-style_user-custom>h2:first-child,
.custom-module-style_user-custom>h3:first-child,
.custom-module-style_user-custom>h4:first-child,
.custom-module-style_user-custom>h5:first-child,
.custom-module-style_user-custom>h6:first-child{margin-top:0;}
.custom-module-style_preset .custom-module-style_preset,
.custom-module-style_user-custom .custom-module-style_user-custom, 
.custom-module-style_colored .custom-module-style_colored{margin:0 !important;padding:0 !important;border:0 !important;} 
/*-------------------------
-  COLUMN STYLE
------------------------ */
.col-style-full,.col-style-1{
	display:block;
	float:none;
	clear:both;
	margin:.6em 2%;
	padding:0;
	}
.col-style-2,.col-style-3,.col-style-4,.col-style-5,.col-style-6{
	display:block;
	float:left;
	clear:none;
	padding:0;
	}
.col-style-2{width:46.8%;margin:.6em 1.6%;}
.col-style-3{width:30.9%;margin:.6em 1.2%;}
.col-style-4{width:23%;margin:.6em 1%;}
.col-style-5{width:18.4%;margin:.6em .8%;}
.col-style-6{width:15.4%;margin:.6em .6%;}
/*-------------------------
-  FLUID WIDTH STYLE
------------------------ */
[class*="fluid-width-"]{display:block;float:left;margin:0;padding:0;min-height:1px;}
.fluid-width-100{width:100%;}
.fluid-width-80{width:80%;}
.fluid-width-75{width:75%;}
.fluid-width-66{width:66.66%;}
.fluid-width-60{width:60%;}
.fluid-width-50{width:50%;}
.fluid-width-40{width:40%;}
.fluid-width-33{width:33.33%;}
.fluid-width-25{width:25%;}
.fluid-width-20{width:20%;}
/*-------------------------
-  ARTICLE IMAGES
------------------------ */
.article-image-right,
.article-image-left{
	border-radius:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	}
.article-image-left{
	margin:0 .8em .8em 0;
	float:left;
	}
.article-image-right{
	margin:0 0 .8em .8em;
	float:right;
	}
/*-------------------------
-  MARKED BLOCKS
--------------------------- */
.marked-block-dark,.marked-block-light{
	display:block;
	overflow:hidden;
	width:auto;
	margin:.8em 2% 1.2em 2%;
	padding:.6em 2% .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 .6em .2em .6em;
	padding:.3em 0;
	}
.marked-block-dark p,.marked-block-light p{
	margin:1.2em .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;}