/*
Theme Name:     Cinema Beltrade 2
Theme URI:      http://hogash-demos.com/kallyas_wp/
Description:    Child Theme di Kallyas 4.0 per Cinemabeltrade
Author:         Massimo Senna
Author URI:     http://sennacomputer.it
Template:       kallyas
Version:        4.15.12
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/




/* copia da css/template.css per evitare i problemi responsive */

@media (max-width: 767px) {
  .sheader-sh--light {
    background-color: transparent !important; } 
    
  #header{
  	position: absolute !important;
  	}  
}



/* copia degli sylesheet del tema che gestiscono i menu responsive
   con le modifiche i menu NON sono	responsive, ma visualizza sempre il menu
   tradizionale
   */
/*** NEW MENU SYSTEM ***/
.main-nav {/* display:none; */}
/*modifica min-width */
@media screen and (min-width: 1px)
/* forza display:block con !important per visualizzare il menu classico */
	.main-nav {display:block !important; margin-right: 20px; font-size: 14px; float: right; }
	.main-nav ul { list-style: none; padding: 0; margin: 0; line-height: 1; }
/* sposta il menu un po' più in basso per allinearlo */
/*	.main-nav ul { padding-top:15px !important; } */
	
	.main-nav > ul:after,
	.main-nav > ul:before {display: table; content: " "}
	.main-nav > ul:after {clear: both}
	.main-nav > ul { margin: 15px 0; }
	.main-nav ul li { margin-bottom: 0; }
	.main-nav ul li a { display: block; font-weight: 400; }
	.main-nav li > a[href="#"] { cursor:default; }

	/* FIRST LEVEL */
/*nuovo kallyas, mantieni il margine sinistro anche quando si ridimensiona la finestra (important)*/	 
	.main-nav > ul > li { float: left; margin-top: 0; margin-left: 5px !important;}
	.main-nav > ul > li { padding-bottom: 10px; }
	.main-nav > ul > li:not(.menu-item-mega-parent) { position: relative;  }
	.main-nav > ul > li:first-child { margin-left: 0;}
/*nuovo kallyas, mantieni il padding fisso anche quando si ridimensiona la finestra (important)*/	 
	.main-nav > ul > li > a { position:relative; padding: 6px 12px !important; text-transform: uppercase; font-size: 14px; line-height: 1; color: #fff; z-index: 1; font-weight: 600; -webkit-transition:padding .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:padding .2s ease-in-out, transform .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
	.main-nav > ul > li.menu-item-has-children > a:after { content:''; opacity:1; position:absolute; height:1px; width: 7px; bottom: 3px; left: 17px; background-color: rgba(255,255,255,.4); -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}
	.main-nav > ul > li > a:before { content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0; background-color: #cd2122; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:height .2s ease-in-out; transition:height .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index: -1}
	.main-nav > ul > li.active > a,
	.main-nav > ul > li > a:hover,
	.main-nav > ul > li:hover > a { text-decoration:none; color: #fff; }
	.main-nav > ul > li.active > a:before,
	.main-nav > ul > li > a:hover:before,
	.main-nav > ul > li:hover > a:before { height:100%; opacity:1; }
	.main-nav > ul > li.active.menu-item-has-children > a:after,
	.main-nav > ul > li.menu-item-has-children > a:hover:after,
	.main-nav > ul > li.menu-item-has-children:hover > a:after { opacity:0; }

	/* FIRST SUB-LEVEL */
	.main-nav ul ul.sub-menu li {position: relative;}
	.main-nav ul ul.sub-menu ul { top: 100%; margin-top: 0; }
	.main-nav ul ul.sub-menu li a:not(:only-child):after { position: absolute; top: 50%; margin-top: -1px; right: 10px; content: ''; opacity: .6; background-color: rgba(0, 0, 0, 0.3); width: 10px; height: 2px;}
	.main-nav ul ul.sub-menu li a { min-width: 230px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); padding: 10px 20px; font-size: 12px; color: #757575; position: relative; text-transform: uppercase;}
	.main-nav ul ul.sub-menu li a[href="#custom-separator"] {text-indent: -2999px; padding: 0; background-color: rgba(0, 0, 0, 0.05) !important; background-clip: padding-box; height: 5px;}
	.main-nav ul ul.sub-menu li.active > a,
	.main-nav ul ul.sub-menu li a:hover { color: #323232; background: rgba(0,0,0,0.04);}

	/* REST OF SUB-LEVELS */
	.main-nav ul ul.sub-menu,
	.main-nav .zn_mega_container { position: absolute; border-radius: 2px; border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 1); }
	.main-nav > ul > li > ul.sub-menu:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */
	.main-nav > ul > li > ul.sub-menu:after {content:''; display: block; position:absolute; top: -11px; left:14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#f5f5f5; }
	.main-nav ul ul.sub-menu li:hover > ul  { left: 100%; top: -3px; opacity: 1; }

	/* MEGAMENU OVERRIDES */
	.main-nav .zn_mega_container { border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 0.95); position: absolute; padding: 20px 0; margin-top: 10px;}
	.main-nav .zn_mega_container:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */
	.main-nav .zn_mega_container li a { padding: 10px 0; font-size: 12px; color: #757575; position: relative; text-transform: uppercase;}
	.main-nav .zn_mega_container li a:not(.zn_mega_title):hover,
	.main-nav .zn_mega_container li.active > a:not(.zn_mega_title) { color: #323232; }
	.main-nav .zn_mega_container li a:not(.zn_mega_title):before {content:''; display:block; position:absolute; width:0; height:2px; background-color:#cd2122; bottom:0; -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1); transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);}
	.main-nav .zn_mega_container li a:not(.zn_mega_title):hover:before,
	.main-nav .zn_mega_container li.active > a:not(.zn_mega_title):before {width:100%; }
	.main-nav .zn_mega_container .zn_mega_title_hide {display: none;}
	.main-nav .zn_mega_container li a.zn_mega_title,
	.main-nav div.zn_mega_container ul li:last-child > a.zn_mega_title { font-size: 14px; padding-left: 0; padding-right: 0; border-bottom-width:1px; border-bottom-style: solid;padding: 12px 0px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; border-bottom-color: rgba(0, 0, 0, 0.1); color: #333;}
	.main-nav .zn_mega_container .zn_mega_row_start { margin-top: 20px;}
	.main-nav .zn_mega_container a.zn_mega_title[href="#custom-invisible"],
	.main-nav .zn_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"] {color:transparent;}

	/* ANIMATIONS */
	.main-nav ul ul.sub-menu,
	.main-nav .zn_mega_container { left: -9999px; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, top .45s ease; transition: opacity .4s ease, top .45s ease; }
    .main-nav .zn_mega_container { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); }
	.main-nav ul ul.sub-menu { top: 120%; }
	.main-nav .zn_mega_container {margin-top:30px; -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease; transition: opacity .4s ease, top .45s ease, margin-top .4s ease; }
	.main-nav ul li:hover > ul,
	.main-nav ul li:hover > .zn_mega_container { left: 0; opacity: 1; visibility: visible; z-index: 100; }
	.main-nav ul li:hover > ul { top:100%; }
	.main-nav ul li:hover > .zn_mega_container { margin-top:10px;}
	.main-nav ul ul li a { -webkit-transition: padding-left .35s ease, border-right .35s ease; transition: padding-left .35s ease, border-right .35s ease; }
	/*.site-header.style9 .main-nav ul li:hover > .zn_mega_container { margin-left: -15px;}*/

	/* MENU BADGES */
	.main-nav ul .zn-mega-new-item {position: absolute; line-height: 1; padding: 5px; text-transform: initial; font-size: 10px; top: 50%; right: 3px; background-color: #cd2122; color: #fff; border-radius: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.main-nav ul ul .zn-mega-new-item { left: auto; right: 10px; }
	.main-nav ul ul.sub-menu li a:not(:only-child) .zn-mega-new-item {right:23px;}
	.main-nav .zn_mega_container ul .zn-mega-new-item {right: 3px;}

}
/* Responsive Menu */
.zn-res-menuwrapper,
#zn-res-menu { display: none;}
@media screen and (max-width: 991px){
	.zn-res-menuwrapper,
	#zn-res-menu { display: none !important;} /*in origine 'block', forza 'none' con !important per non visualizzare il menu responsive */
	.zn-res-menuwrapper { float: right; }
	#zn-res-menu .zn-mega-new-item {display: none; }
	.zn-res-menuwrapper .zn-res-trigger {vertical-align: middle; position: relative; display: inline-block; width: 25px; margin-right: 20px;height: 22px; margin-top: 5px;}
	.zn-res-menuwrapper .zn-res-trigger:after {content: '';position: absolute;width: 25px;height: 4px;top: 50%; margin-top: -10px;background: #D6D6D6;border-radius: 4px;left: 0;box-shadow: 0 8px 0 #D6D6D6, 0 16px 0 #D6D6D6;}
	#zn-res-menu,
	#zn-res-menu ul,
	#zn-res-menu li { padding: 0;margin: 0; list-style: none;}
	#zn-res-menu * {-webkit-backface-visibility: hidden; border-color: #D9D9D9;}
	#page_wrapper.zn_res_menu_visible {overflow-x:hidden;}
	.zn_res_menu_visible #zn-res-menu ,
	.zn_res_menu_visible #zn-res-menu li ul.sub-menu,
	.zn_res_menu_visible #zn-res-menu li div.zn_mega_container {display: block; }
	#zn-res-menu,
	#zn-res-menu li ul.sub-menu,
	#zn-res-menu li div.zn_mega_container {right: 0; top:0; position: absolute; width: 100%; height: 100%; background: #fff; overflow: hidden; z-index: 10000; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; display: none; }
	#zn-res-menu.zn-menu-visible,
	#zn-res-menu ul.zn-menu-visible.sub-menu,
	#zn-res-menu li div.zn-menu-visible {-webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
	#zn-res-menu .zn_mega_container { padding-left: 0; padding-right: 0; }
	#zn-res-menu .zn_mega_title  { margin-right: 0; text-align: left; font-weight: 600; text-transform: uppercase; color: #454545; }
	#zn-res-menu .zn_mega_container .zn_mega_title_hide { display: none;}
	#zn-res-menu li { position: initial; border-bottom: 1px solid #D9D9D9; }
	#zn-res-menu li.menu-item-has-children > a.zn_mega_title { border-bottom:1px solid #d9d9d9; }
	#zn-res-menu .zn_mega_container { width: 100%; }
	#zn-res-menu .zn_mega_container li { width: 100%;float: none; }
	#zn-res-menu li a {padding: 12px 28px 11px; display: block; font-weight: 400; color: #999;}
	#zn-res-menu li .zn_res_submenu_trigger + a { margin-right: 49px; }
	#zn-res-menu a[href="#custom-separator"]{ display:none;}
	#zn-res-menu li.active > a,
	#zn-res-menu li a:hover {color: #333;}
	#zn-res-menu li.active > a {background-color: rgba(0, 0, 0, 0.05);}
	/* RESPONSIVE SUBMENUS */
	#zn-res-menu a {cursor: pointer;}
	#zn-res-menu  .zn_res_has_submenu > span,
	#zn-res-menu .zn_res_menu_go_back > span {position: absolute; right: 0; width: 49px; height: 45px; border-left: 1px solid #D9D9D9; line-height: 45px; vertical-align: middle; text-align: center;cursor: pointer;color: #999; top: auto;}
	#zn-res-menu .zn_res_menu_go_back > a { text-align: center; padding-right: 0;padding-left: 49px; }
	#zn-res-menu .zn_res_menu_go_back > span {left: 0; right: auto; border-left: none; border-right: 1px solid #D9D9D9; }
}