/**
 * @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 defines the style for the "mobile" layout
**/
/*----------------------------------------------------------------
-  FOCUSED OBJECTS
---------------------------------------------------------------- */
a:focus,button:focus,input:focus,textarea:focus,select:focus{background-color:#FC0 !important;color:#200 !important;text-decoration:none !important;}
/*----------------------------------------------------------------
-  GENERAL TAGS
---------------------------------------------------------------- */
body{
	-webkit-text-size-adjust:none;
	}
/*----------------------------------------------------------------
-  MOBILE TOP BAR
---------------------------------------------------------------- */
#top-bar,
#top-bar-middle,
#top-bar-inner{
	height:auto;
	line-height:inherit;
	overflow:hidden;
	}
/*--------- Mobile top bar buttons containers ---------*/
#mobile-top-bar-graphic-switcher-container li,
#mobile-top-bar-tools-container li{float:left;}
#mobile-top-bar-graphic-switcher-container{
	float: left;
	margin-left:1%;
	}
#mobile-top-bar-tools-container{
	float:right;
	margin-right:1%;
	}
/*--------- Mobile top bar buttons ---------*/
.top-bar-module a,
.zhongframework-icon{
	text-decoration:none;
	background-color:transparent;
	display:block;
	color:inherit;
	}
#top-bar .zhongframework-icon{
	line-height:1.6em;
	height:1.6em;
	font-size:2em;
	padding:0 .26em;
	}
#top-bar .top-bar-module a.active .zhongframework-icon{
	color:#e84b0d;
	}
#top-bar #night-mode-switcher .top-bar-tool-text{
	position: absolute;
	left:100%;
	display: block;
	width:1px;overflow:hidden;/*Firefox hack (button focus)*/
	}
/*--------- Mobile top bar modules ---------*/
.mobile-top-bar_module-container{
	position:relative;
	clear:both;
	overflow:hidden;
	padding:.4em 4%;
	}
#mobile-top-bar_module-container_fontsize,
#mobile-top-bar_module-container_search,
#mobile-top-bar_module-container_language,
#mobile-top-bar_module-container_login{display:none;}
.no-js #mobile-top-bar_module-container_fontsize,
.no-js #mobile-top-bar_module-container_search,
.no-js #mobile-top-bar_module-container_language,
.no-js #mobile-top-bar_module-container_login{display:block;}
/*--------- Font Resizer ---------*/
#mobile-top-bar_module-container_fontsize .accessibility-module-heading{
	margin-top:0;
	}
#mobile-top-bar_module-container_fontsize #font-resizer-module{
	width:90% !important;
	margin:.4em 5% !important;
	}
/*--------- Search module ---------*/
#search-module-inner{padding:0;margin:0;}
#search-module-inner input{
	margin:.6em 0 .6em .5em;
	height:2em;
	line-height:2em;
	padding:0 .3em;
	float: none;
	display: inline;
	}
#search-module-inner label{display:block;position:absolute;top:-9999px;left:-9999px;}
/*--------- Language module ---------*/
#language-switcher-outer,
#language-switcher-inner{float:left;width:auto;overflow:hidden;padding:0;}
#language-switcher-inner *{padding:0;margin:0;overflow:hidden;}
#language-switcher-inner ul{list-style-type:none;}
#language-switcher-inner li{float:left;}
#language-switcher-inner a{display:block;padding:1em;}
/*----------------------------------------------------------------
-  MENUs (GENERAL)
---------------------------------------------------------------- */
.menu-container a{
	padding-top:.6em !important;
	padding-bottom:.6em !important;
	}
/*----------------------------------------------------------------
-  MENUs (MAIN & SIDE)
---------------------------------------------------------------- */
#main-body .menu-container{
	margin:.6em 0 !important;
	width:100% !important;
	clear:both !important;
	float:none !important;
	}
#main-menu-container ul li,
#main-menu-container ul li a,
#main-body .menu-container ul li,
#main-body .menu-container ul li a{
	display:block !important;
	width:100% !important;
	float:none !important;
	clear:both !important;
	background-image: none !important;
	}
#main-menu-container ul li a,
#main-body .menu-container ul li a{
	line-height:2em !important;
	padding-right:0 !important;
	}
#main-menu-container ul ul,
#main-body .menu-container ul ul{
	clear:both !important;
	position: relative !important;
	float:none !important;
	width:100% !important;
	padding:0 0 0 5% !important;
	margin:0 !important;
	visibility: visible !important;
	}
#main-menu-container ul ul a,
#main-body .menu-container ul ul a{
	padding:1em 0 !important;
	text-indent:1em !important;
	}
#main-menu-container ul li,
#main-body .menu-container ul li{margin:0 0 1px 0 !important;}
#main-menu-container ul ul li,
#main-body .menu-container ul ul li{margin-bottom:0 !important;}
/* --------- links' icons --------- */
/*(enables it for the first level too)*/
#header #main-menu-container ul li.parent>a:before,
#header #main-menu-container ul li.active>a:before,
#header #main-menu-container ul li.current>a:before{
		content:'';display:block;
		width:0;height:0;
		position:absolute;top:50%;
		right:5% !important;
		border-style:solid;
		position:absolute;
		}
#header #main-menu-container ul li.parent>a:before,
#header #main-menu-container ul li.active>a:before{border-width:.308em;}
#header #main-menu-container ul li.current>a:before{border-width:.154em;margin-top:-.154em;}
/*--------- Navigation mode ---------*/
/* deep navigation */
.mobile_menus-navigation-mode_deep-navigation .menu-container ul li.parent
	{background-image:none;}
/* expandible (handled via javascript) */
.mobile_menus-navigation-mode_expandible .menu-container ul li.parent
	{background-image:none;}
/* normal */
.mobile_menus-navigation-mode_normal .menu-container ul ul{
	display:none !important;
	}
.mobile_menus-navigation-mode_normal .menu-container ul li.active>ul{
	display:block !important;
	}
/*--------- De-collapse menus buttons ---------*/
.mobile-menu-activation-button{
	font-size:16px;
	width:3em;height:3.2em;
	margin:1em auto 1.6em auto;
	position:relative;
	clear:both;
	cursor:pointer;
	border-radius:.2em;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	}
.mobile-menu-activation-button>div{
	width:70%;height:1.25em;
	top:.8em;left:15%;
	position:relative;
	background:transparent;
	border-style:solid;
	border-top-width:.25em;border-bottom-width:.25em;
	}
.mobile-menu-activation-button>div:before{
	content:' ';
	position:absolute;
	top:.25em;left:0;
	width:100%;
	display:block;
	border-bottom-style:solid;
	border-bottom-width:.25em;
	}
.mobile-menu-activation-button>div:after{
	content:' ';
	top:1em;right:.7em;
	display:block;
	position:absolute;
	width:0;height:0;
	margin-top:.3125em;margin-left:.3125em;
	border-style:solid;border-width:.3125em;
	border-color:transparent;
	}
/* buttons colors */
#mobile-main-menu-container-activation-button{background-color:#111;}
#mobile-main-menu-container-activation-button>div{border-top-color:#F8F8F8;border-bottom-color:#F8F8F8;}
#mobile-main-menu-container-activation-button>div:before{border-bottom-color:#F8F8F8;}
#mobile-main-menu-container-activation-button>div:after{border-top-color:#F8F8F8;}
#mobile-side-menu-activation-button{background-color:#F8F8F8;}
#mobile-side-menu-activation-button>div{border-top-color:#111;border-bottom-color:#111;}
#mobile-side-menu-activation-button>div:before{border-bottom-color:#111;}
#mobile-side-menu-activation-button>div:after{border-top-color:#111;}
/*----------------------------------------------------------------
-  LAYOUT ELEMENTS
---------------------------------------------------------------- */
/*--------- Layout container ---------*/
#top-layout-container,#layout-container_prt{min-width:320px;}
/*--------- Header ---------*/
#website-banner{
	margin:.6em 0 .6em 0!important;
	float:left !important;
	width:100% !important;
	text-align:center;
	}
/*--------- Header menu ---------*/
#support-menu-outer{float:left;width:auto;}
#support-menu-inner{padding:.4em 0;margin:0;}
/*--------- Social links ---------*/
#follow-us-outer{float:right;width:auto;}
/*--------- Main body ---------*/
#main-body{
	display:block;
	width:100%;
	position:relative;
	border:none;
	}
/*--------- Left/Right Columns ---------*/
#left-column,#right-column{width:100% !important;}
/*--------- Content area ---------*/
#main-content-container{width:100% !important;margin:0 !important;padding:0 !important;}
#main-content-container-inner{
	width:100% !important;
	margin-left:0 !important;margin-right:0 !important;
	padding-left:3% !important;
	padding-right:3% !important;
	}
/*--------- Col-styles & Marked blocks ---------*/
.custom-module-style_default,
.custom-module-style_plain,
.custom-module-style_full-width,
.custom-module-style_light,
.custom-module-style_dark,
[class*="col-style-"],
[class*="fluid-width-"],
.marked-block-dark,
.marked-block-light,
.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{
	display:block;
	float:none;
	width:auto;
	margin:.6em 1%;
	clear:both;
	}
.custom-module_column-width-1,.custom-module_column-width-2,.custom-module_column-width-3,.custom-module_column-width-4{margin:0 auto;}