/*
Theme Name: Oblivion
Theme URI: http://www.skywarriorthemes.com/
Author: Skywarrior themes
Author URI: http://www.skywarriorthemes.com/
Description: Oblivion is the ultimate gaming theme. Created using the latest HTML5 and CSS3 techniques, it allows you to create awesome review sites or portfolios for your games.
Version: 3.9.5
License: Skywarrior Themes. All rights reserved.
License URI: http://themeforest.net/user/Skywarrior
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: oblivion
*/


@import url('css/bootstrap.css');
@import url('css/main.css');
@import url('css/bootstrap-responsive.css');
@import url('css/font-awesome.css');
@import url('css/font-awesome.min.css');
@import url('css/shadowbox.css');
@import url('css/ui.totop.css');
@import url('css/bbpress.css');
@import url('css/woocommerce.css');
@import url('css/buddypress.css');
header{
	height: 86px;
	background-color: #191919;
}
.my-menu-container {
	float: left;
	width: calc(30% - 20px);
	padding-right: 20px;
}
.my-menu-container h3 {
	margin-top: 0px;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 10px;
    font-size: 14px;
	color: #ff5b5b;
	background-color: #32333b;
}
.menu-categories-container {
	float: left;
	width: calc(100% - 40px);
	background: #ffffff;
    padding: 20px;
}
.menu-categories-container .menu {
	margin-left: 0px;
	margin-bottom: 0px;
}

.menu-categories-container .menu-item {
	list-style: none;
	padding: 10px 10px 10px 0px;
	transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
	line-height: 20px;
	border-top: 1px solid #ddd;
}
.menu-categories-container .menu-item:first-child {
	border-top: none;
	padding-top: 0px;
}
.menu-categories-container .menu-item a {
	font-weight: normal;
}

.product-container {
	float: right;
	width: 70%;
	margin-bottom: 40px;
}

.product-container iframe {
	float: left;
	width: 202px;
}
.product-container .product-text {
	float: right;
	width: calc(100% - 222px);
	padding-left: 20px;
}

@media (max-width: 767px) {
	.m-100 {
		width: 100% !important;
		margin-bottom: 20px;
	}
	.my-menu-container {
		width: 100%;
		margin-bottom: 40px;
	}
	.product-container {
		width: 100%;
	}
	.product-container iframe {
		margin-bottom: 20px;
	}
	.product-container .product-text {
		width: 100%;
	}
}