/*
Theme Name: Customify Child
Theme URI: https://wpcustomify.com
Template: customify
Author: WPCustomify
Author URI: https://wpcustomify.com/about
Description: Customify is fast, lightweight, responsive and super flexible multipurpose theme built with SEO, speed, and usability in mind. Unleash the power of your imagination with a true WYSIWYG Header & Footer builder (inside the WordPress Customizer) built exclusively for this theme. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Combined with the Header & Footer builder, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Customify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://wpcustomify.com
Tags: custom-background,custom-logo,custom-menu,featured-images,flexible-header,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,one-column,two-columns,three-columns,left-sidebar,right-sidebar,e-commerce,blog
Version: 0.2.8.1550738177
Updated: 2019-02-21 09:36:17

*/

/* CSS Document */
/*side_menu*/

#ouska menu, #ouska aside, #ouska ol { margin: 0; padding: 0;}  

.sideMenu menu {position:fixed;top:40%;left:0px;z-index:999999}
.sideMenu menu ol li {
  transition:0.3s ease-in-out;
  animation-name:fadeInLeft;
  animation-duration: 0.5s;
  z-index:99;
  background-color:#D2D202;
  position:relative;
  width:200px;
  height:76px;
  margin-left:-192px;
  display:none
}

.sideMenu ol li aside {position:absolute;right:-60px;background:#D2D202;z-index:100}
.sideMenu ol li aside a{text-decoration:none;text-align:center!important;display:block;line-height:10px;padding:10px 0 25px;width:75px;height:75px;font-size:75%;color:#4B4628;}
.sideMenu ol li aside a i{display:block;font-size:210%;color:#fff;margin:0px auto 5px;text-align:center;padding:0;top:0}

.sideMenu aside a{background:#D2D202}

.sideMenu .content {max-height:125px;height:auto;background:#D2D202;position:relative;z-index:110;padding:15px;font-size:11px;color:#4B4628;overflow:hidden}
.sideMenu .content h1{margin:0;font-size:140%;font-weight: bold;}
.sideMenu .content p{height:70px;overflow:hidden}
.sideMenu .content address{font-size:130%}
.sideMenu .content a {color:#4B4628}
.sideMenu .content a:hover {color:#000}

.sideMenu menu ol li:hover{margin-left:0;background:#D2D202;position:relative;z-index:200}
.sideMenu menu ol li:hover aside, .sideMenu aside:hover a {}

.fmenu .sideMenu menu ol li {transform:translateX(0px);display:block}


@media screen and (min-width: 0px) and (max-width:620px) {

.sideMenu menu {position:fixed;top:auto;left:0px;right:0;bottom:0;background:rgba(210,210,2,.75);z-index:1000}
.sideMenu menu ol li {width:60px;height:60px;margin:0;display:inline-block;background:transparent}
.sideMenu ol li aside{right:0;position:relative;background:transparent}
.sideMenu ol li aside a{display:inline-block;background:transparent}
.sideMenu aside a{background:transparent}
.sideMenu .content{display:none}

.fmenu .sideMenu menu ol li {transform:translateX(auto);display:inline-block;margin:0 0 0 1px}
}