/*
 * SuperFish Mega Menu
 *
*/
.menu {width:100%;display:block;position:relative}
li > img{margin-bottom:-2px}
.mega-category a{text-transform:capitalize}
.mega-category li.menu-item-home a,
.mega-category li.menu-item-home a:hover{text-indent:-9999px;width:50px;display:block;float:left;background:no-repeat scroll 50% 50% transparent}
.mega-category li.menu-item-home a:focus,
.mega-category li.menu-item-home a:active{background:no-repeat scroll 50% 50% transparent}
.mega-category li.menu-item-home a{padding:7px .8em;margin:5px 3px}
.mega-category{float:left;width:100%}
.mega-category .sf-mega{margin:4px 0 0;width:100%;position:absolute;display:none;top:100%;left:0;z-index:99;transition-delay: 0.5s;}
.mega-category{position:relative;margin:0;padding:0;list-style:none}
.mega-category > li{float:left}
.mega-category > li:hover > .sf-mega{display:block;transition-delay: 0.5s;}
.mega-category > li > a{display:block;position:relative;padding:12px 1.1em;text-decoration:none}
.mega-category > li{-webkit-transition:background .3s;transition:background .3s}
.mega-category .sf-mega{padding:0;box-sizing:border-box;width:100%}
.mega-category > li.menu-item > a:after{position:absolute}
.mega-category > li.menu-item > a{padding-right:1.5em}
.mega-category > li.menu-item > a:after{content:'';top:50%;right:.5em;margin-top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}
.mega-category .sub-menu{box-shadow:0 2px 5px -3px #555;-webkit-box-shadow:0 2px 5px -3px #555;-moz-box-shadow:0 2px 5px -3px #555}
.rtl .mega-category,
.rtl .mega-category > li,
.rtl .mega-category li.menu-item-home a,
.rtl .mega-category li.menu-item-home a:hover{float:right}
.rtl .mega-category > li.menu-item > a{padding-right:0.8em;padding-left:2.5em}
.rtl .mega-category > li.menu-item > a:after{right:auto;left:1em}
.rtl .mega-category .sf-mega{left:auto;right:0}
.mega-category .sf-mega{background-color:#fff;box-shadow:0 1px 3px -1px #999;-moz-box-shadow:0 1px 3px -1px #ccc;-webkit-box-shadow:0 1px 3px -1px #ccc;z-index:99}
.dark .mega-category .sf-mega{background-color:#1d2327;box-shadow:0 2px 3px -1px #0D1012;-moz-box-shadow:0 2px 3px -1px #0D1012;-webkit-box-shadow:0 2px 3px -1px #0D1012}
.mega-category .sf-mega{padding:0;box-sizing:border-box;width:100%}
.mega-category .sub-menu{box-shadow:0 2px 5px -3px #555;-webkit-box-shadow:0 2px 5px -3px #555;-moz-box-shadow:0 2px 5px -3px #555}
/*
 * Mega Menu
 * Post By Category
*/
.sf-mega .mega-posts{width:100%;float:left;list-style:none;margin:0;padding:1%}
.sf-mega .mega-posts li.medium{width:24.25%;margin:0 1% 5px 0;float:left}
.sf-mega .mega-posts li.medium:last-child{margin:0 0 5px}
.sf-mega .mega-posts li.medium .thumbnail{height:0;overflow:hidden;position:relative;width:100%;padding-bottom:56.25%;margin:0 0 10px}
.sf-mega .mega-posts li.medium .thumbnail img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.sf-mega .mega-posts li.medium .title{float:left;text-align:center;width:100%;line-height:1.5}
.sf-mega .mega-posts li.medium a,
.sf-mega .mega-posts li.medium a:hover,
.sf-mega .mega-posts li.medium:hover,
.sf-mega .mega-posts li.medium{background-color:transparent!important}
.rtl .sf-mega .mega-posts,
.rtl .sf-mega .mega-posts li.medium,
.rtl .sf-mega .mega-posts li.medium .title{float:right}
.rtl .sf-mega .mega-posts li.medium{margin:0 0 5px 1%}
.rtl .sf-mega .mega-posts li.medium:last-child{margin:0 0 5px}
/*
 * Mega Menu
 * More Link
 * List Category & Pages
*/
.sf-mega .mega-pages,
.sf-mega .mega-categories{display:inline;float:left;padding:10px 3%;width:43.5%}
.sf-mega .mega-pages{border-left:1px solid #222}
.sf-mega .mega-categories{border-right:1px solid #444}
.sf-mega .mega-pages ul,
.sf-mega .mega-categories ul{list-style:square!important;margin:0;padding:0 0 5px}
.sf-mega ul.ul-columns{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px}
.sf-mega ul.ul-columns li{list-style:square!important}
.sf-mega ul.ul-columns li:hover,
.sf-mega ul.ul-columns li:focus,
.sf-mega ul.ul-columns li a:hover{background-color:transparent!important;text-decoration:underline}
.rtl .sf-mega .mega-pages,
.rtl .sf-mega .mega-categories{float:right}
.rtl .sf-mega .mega-pages{border-left:none;border-right:1px solid #222}
.rtl .sf-mega .mega-categories{border-left:1px solid #444;border-right:none}