/**
 * @package   Zhong - accessibletemplate
 * @version   2.2.0
 * @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 (IMAGE STYLE)
**/
.mobile-top-bar-buttons_image-style #top-bar .zhongframework-icon{display: none !important;visibility: hidden !important;}
.mobile-top-bar-buttons_image-style .mobile-top-bar-buttons-container .mobile-top-bar-tool-button{
	text-decoration: none;
	line-height:2.5em;
	height:2.5em;
	display:block;
	padding:0 1.6em;
	margin:0;
	background:transparent;
	border:0;
	background-position:center center;
	background-repeat:no-repeat;
	}
/*"Graphic mode","Night mode" buttons*/
.mobile-top-bar-buttons_image-style #top-bar #default-mode-switcher
	{background-image:url('../../images/framework/icons/graphic-mode-icon.png');}
.mobile-top-bar-buttons_image-style #top-bar #night-mode-switcher
	{background-image:url('../../images/framework/icons/moon-icon.png');}
.mobile-top-bar-buttons_image-style .night-mode #top-bar #night-mode-switcher
	{background-image:url('../../images/framework/icons/sun-icon.png');}
/*Tools Buttons style*/
.mobile-top-bar-buttons_image-style #top-bar #mobile-top-bar-tool_login-button
	{background-image:url('../../images/framework/icons/internal-link-login.png');}
.mobile-top-bar-buttons_image-style #top-bar #mobile-top-bar-tool_fontsize-button
	{background-image:url('../../images/framework/icons/internal-link-font-size.png');}
.mobile-top-bar-buttons_image-style #top-bar #mobile-top-bar-tool_language-button
	{background-image:url('../../images/framework/icons/internal-link-language.png');}
.mobile-top-bar-buttons_image-style #top-bar #mobile-top-bar-tool_search-button
	{background-image:url('../../images/framework/icons/internal-link-search.png');}
/**
 * MOBILE TOP BAR BUTTONS (ICON STYLE)
**/
.mobile-top-bar-buttons_icon-style .mobile-top-bar-tool-button,
.mobile-top-bar-buttons_icon-style .zhongframework-icon{
	text-decoration: none;
	background-color:transparent;
	display:block;
	color:#333;
	}
.mobile-top-bar-buttons_icon-style .mobile-top-bar-tool-button .zhongframework-icon{
	line-height:1.6em;
	height:1.6em;
	font-size:2em;
	padding:0 0.26em;
	}
.mobile-top-bar-buttons_icon-style #top-bar .mobile-top-bar-tool-button.active .zhongframework-icon{
	color:#e84b0d;
	}
/**
 * MOBILE TOP BAR MODULES
**/
.mobile-top-bar_module-container{
	position:relative;
	clear:both;
	float: left;
	overflow:hidden;
	padding:0.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%;
	margin:0 5%;
	}
/*Hide the reset button*/
#reset-font-button{display:none !important;visibility:hidden !important;}
/* Search module
--------------------------- */
#search-module-inner{padding:0;margin:0;}
#search-module-inner input{
	margin:0.6em 0 0.6em 0.5em;
	height:2em;
	line-height:2em;
	padding:0 0.3em;
	float: none;
	display: inline;
	}
#search-module-inner label{display:block;position:absolute;top:-9999px;left:-9999px;}
/* Login module
--------------------------- */
/* 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:0.6em !important;
	padding-bottom:0.6em !important;
	}
/*----------------------------------------------------------------
-  MENUs (MAIN & SIDE)
---------------------------------------------------------------- */
#main-body .menu-container ,#main-menu-container{
	margin:0 0 0.6em 0 !important;
	float: left !important;
	width:100% !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: left !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: left !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;}
/* Special symbols
--------------------------- */
/*Icons*/
#main-menu-container ul a:after,
#main-body .menu-container ul a:after{
	content: "\20\203A"; /*arrow right*/
	font-weight:bold;
	speak: none;
	}
#main-menu-container ul li.parent>a:before,
#main-body .menu-container ul li.parent>a:before{
	content: "+"; /*plus*/
	float: right;
	display: block;
	padding:0 5% 0 0;
	}
#main-menu-container ul li.current>a:after,
#main-body .menu-container ul li.current>a:after{
	content: "\20\25CF"; /*black dot*/
	}
/* NAVIGATION MODE
--------------------------- */
/* deep navigation */
.mobile_menus-navigation-mode_deep-navigation .menu-container ul li.parent
	{background-image:none;}
/* expandable (handled via javascript) */
.mobile_menus-navigation-mode_expandable .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;
	}
/*----------------------------------------------------------------
-  LAYOUT ELEMENTS
---------------------------------------------------------------- */
/* Layout Container
--------------------------- */
#top-layout-container,#layout-container_zng{min-width:320px;}
/* Header
--------------------------- */
#website-banner{
	margin:.6em 0 .6em 0!important;
	float:left !important;
	width:100% !important;
	}
/* Header Menu
--------------------------- */
#header #support-menu-inner{padding:0.4em 0;margin:0;}
/* 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:97% !important;margin:0 1.5% !important;padding:0 !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,
.col-style-full,
.col-style-2,
.col-style-3,
.col-style-4,
.col-style-5,
.col-style-6,
.custom-module_column-width-1,
.custom-module_column-width-2,
.custom-module_column-width-3,
.custom-module_column-width-4,
.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:0.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;}