/*
 Theme Name:   iRibbon Child
 Theme URI:    http://www.cyberchimps.com/iribbon-child/
 Description:  iRibbon is a fully Responsive Drag & Drop Starter WordPress Theme that adds amazing new functionality to your WordPress website. Featuring Twitter Bootstrap, and responsive touch friendly theme options that work on any device. Please use the <a href="http://cyberchimps.com/forum/">official support forum</a> (http://cyberchimps.com/forum/). Thank you.
 Author:       CyberChimps
 Author URI:   URI: http://www.cyberchimps.com/
 Template:     iribbon
 Version:      1.0.0
 License:      GNU General Public License version 3
 License URI:  http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
 Tags:         two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, sticky-post
 Text Domain:  iribbon-child
*/

@import url("../iribbon/style.css");

.ribbon-left-cut {
	background: transparent url("images/backgrounds/title-ribbon-left.png") no-repeat 0 0;
}
.ribbon-right-cut {
	background: transparent url("images/backgrounds/title-ribbon-right.png") no-repeat 0 0;
}


/* Media Screen */
@media screen and (min-width: 767px) {
  	#sidebar h3.widget-title:before {
        	background: transparent url('images/backgrounds/ribbon-sidebar-left.png') no-repeat center center;
    	}
    	#sidebar.sidebar-right h3.widget-title:after {
    		background: transparent url('images/backgrounds/ribbon-sidebar-right.png') no-repeat 0 0;
    	}
}

@media screen and (min-width: 979px) {
	.mobile-menu {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.menu-left-menu-container, .widget-title, #searchform {
		display: none;
	}
}

@media screen and (max-width: 979px) {
	.top-menu {
		display: none;
	}
}

@media screen and (min-width: 250px) and (max-width: 767px), (min-width: 979px) {
	.widget-container > .menu-left-menu-container > ul#menu-left-menu > li > a {
        	background: #fff url('images/backgrounds/menu-icon.png') 8px center no-repeat;
        	padding-left: 42px;
    	}
	.widget-container > .menu-left-menu-container > ul#menu-left-menu > li > a:hover, .widget-container > .menu-left-menu-container > ul#menu-left-menu > li.active > a, .widget-container > .menu-left-menu-container > ul#menu-left-menu > li.current-menu-parent > a {
        	background: #fff url('images/backgrounds/menu-icon-hover.png') 8px center no-repeat;
    	}
}