/*
Base Name: Super User
Description: For the super user, this base builds on the default theme to give you more visual, user options.
Author: Theme Blvd
Author URI: http://www.themeblvd.com
*/

/* =Header
-----------------------------------------------*/

/* Header Top & Header Addon */
.header-top.dark,
.header-addon.dark {
	color: #ffffff;
}
.header-top.dark .header-top-nav > li,
.header-addon.dark .header-top-nav > li {
	border-color: rgba(0,0,0,0.4);
}
.header-top.dark .header-top-nav .tb-search-trigger,
.header-top.dark .header-top-nav .tb-cart-trigger,
.header-addon.dark .header-top-nav .tb-search-trigger,
.header-addon.dark .header-top-nav .tb-cart-trigger {
	color: #ffffff;
    color: rgba(255,255,255,.8);
}
.header-top.dark .header-top-nav .tb-search-trigger:hover,
.header-top.dark .header-top-nav .tb-cart-trigger:hover,
.header-addon.dark .header-top-nav .tb-search-trigger:hover,
.header-addon.dark .header-top-nav .tb-cart-trigger:hover {
	color: #ffffff;
}
.header-top.dark .header-top-nav .tb-side-trigger .hamburger span,
.header-addon.dark .header-top-nav .tb-side-trigger .hamburger span {
	background-color: #ffffff;
    background-color: rgba(255,255,255,.8);
}
.header-addon {
	font-size: 14px;
	position: absolute;
	top: 50%;
	right: 20px;
	-ms-transform: translate(0, -50%); /* IE9 */
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.rtl .header-addon {
	right: auto;
	left: 20px;
}
.header-addon .header-text {
	float: none;
	padding: 6px 0 0 0;
	text-align: right;
}
@media (max-width: 991px) {
	.header-addon {
		display: none;
	}
}
.header-addon .tb-cart-trigger .trigger-label {
	left: 12px;
}

/* Header Logo */
@media (max-width: 767px) {
	.mobile-light .header-text-logo .tb-text-logo {
		color: #222222;
	}
}
@media (min-width: 992px) {
	.js-center-logo .header-content .header-logo {
		float: none;
		text-align: center;
	}
}
.js-center-logo .header-addon,
.js-center-logo .header-addon.header-addon-with-text {
	margin: 10px 0;
	position: static;
	text-align: center;
	-webkit-transform: none;
    transform: none;
}
.js-center-logo .header-addon .header-top-nav {
	display: inline-block;
}
.js-center-logo .header-addon .header-text {
	float: none;
	text-align: center;
}

/* BG parallax */
.site-header.tb-parallax {
	overflow: visible;
	z-index: 10;
}
.site-header.tb-parallax .parallax-figure {
	overflow: hidden;
}

/* BG video */
.site-header.has-bg-video {
	overflow: visible;
}
.site-header.has-bg-video .header-video {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media (max-width: 991px) {
	.site-header.has-bg-video .header-video {
		display: none;
	}
}

/* BG shade */
.site-header.has-bg-shade > .wrap > .bg-shade {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.site-header.has-bg-shade > .wrap > .header-top,
.site-header.has-bg-shade > .wrap > .header-above,
.site-header.has-bg-shade > .wrap > .header-content,
.site-header.has-bg-shade > .wrap > .header-nav {
	position: relative;
	z-index: 900; /* Help z-index drop down menus above elements below header */
}

/* BG slideshow */
.site-header.has-bg-slideshow {
	background: #000000;
}
.site-header.has-bg-slideshow > .wrap > .tb-bg-slideshow {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.site-header.has-bg-slideshow > .wrap > .header-top,
.site-header.has-bg-slideshow > .wrap > .header-above,
.site-header.has-bg-slideshow > .wrap > .header-content,
.site-header.has-bg-slideshow > .wrap > .header-nav {
	position: relative;
	z-index: 900; /* Help z-index drop down menus above elements below header */
}

/* BG Video */
.site-header.has-bg-video > .tb-bg-video {
	z-index: 1;
}
.site-header.has-bg-video > .wrap > .header-top,
.site-header.has-bg-video > .wrap > .header-above,
.site-header.has-bg-video > .wrap > .header-content,
.site-header.has-bg-video > .wrap > .header-nav {
	position: relative;
	z-index: 900; /* Help z-index drop down menus above elements below header */
}

/* Epic Thumb */
@media (max-width: 767px) {
	.epic-thumb .epic-thumb-header .entry-title {
		letter-spacing: 0;
	}
}

/* =Main Menu
-----------------------------------------------*/

/* Level 1 */
.header-nav {
	background-position: 0 -5px;
	background-repeat: repeat-x;
	background-size: 20px 58px;
}
.menu-light .tb-primary-menu > li > .menu-btn,
.menu-hover-light .tb-primary-menu > li > .menu-btn:hover {
	color: #333333;
}
.menu-dark .tb-primary-menu > li > .menu-btn,
.menu-hover-dark .tb-primary-menu > li > .menu-btn:hover {
	color: #ffffff;
}

/* Level 2+ */
.drop-dark .tb-primary-menu ul.non-mega-sub-menu,
.drop-dark .tb-primary-menu .sf-mega {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.drop-dark .tb-primary-menu ul.sub-menu .menu-btn,
.drop-dark .tb-primary-menu .mega-section-header {
	color: #cccccc;
	color: rgba(255,255,255,.80);
}
.drop-dark .tb-primary-menu .mega-section-header,
.drop-dark .tb-primary-menu ul.sub-menu .menu-btn:hover {
	color: #ffffff;
}

/* Menu Highlight */
.site-header.menu-light .tb-primary-menu > li.highlight > a {
	border-color: #333333;
	color: #333333;
}
.site-header.menu-light .tb-primary-menu > li.highlight > a:hover {
	background-color: #333333;
	border-color: transparent;
	color: #ffffff;
}
.site-header.menu-dark .tb-primary-menu > li.highlight > a {
	border-color: #ffffff;
	color: #ffffff;
}
.site-header.menu-dark .tb-primary-menu > li.highlight > a:hover {
	background-color: #ffffff;
	border-color: transparent;
	color: #333333;
}

/* Menu Search */
.tb-primary-menu .menu-search {
	float: right;
}
.rtl .tb-primary-menu .menu-search {
	float: left;
}
.tb-primary-menu .menu-search .tb-search-trigger {
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 18px 20px;
	width: auto;
	height: auto;
}
.menu-dark .tb-primary-menu .menu-search .tb-search-trigger {
	color: #ffffff;
}
.menu-light .tb-primary-menu .menu-search .tb-search-trigger {
	color: #333333
}
.menu-hover-dark .tb-primary-menu .menu-search .tb-search-trigger:hover {
	color: #ffffff;
}
.menu-hover-light .tb-primary-menu .menu-search .tb-search-trigger:hover {
	color: #333333
}
.tb-primary-menu .menu-search .tb-search-trigger .fa {
	width: 1em;
	text-align: center;
}
.tb-primary-menu .menu-search .fa {
	margin: 0;
}

/* Centered Menu */
.js-center-menu .tb-primary-menu {
	font-size: 0; /* Eliminate white space between inline buttons */
	text-align: center;
}
.js-center-menu .tb-primary-menu > li,
.js-center-menu .tb-primary-menu .menu-search {
	display: inline-block;
	float: none;
}
.js-center-menu .tb-primary-menu li {
	text-align: left;
}
.rtl.js-center-menu .tb-primary-menu li {
	text-align: right;
}

/* Sticky Menu */
.tb-sticky-menu.dark .tb-primary-menu > li > .menu-btn {
	color: #ffffff;
}
.tb-sticky-menu.dark .tb-primary-menu > li > .menu-btn:hover {
	background-color: #000000;
	background-color: rgba(255,255,255,.1);
}
.tb-sticky-menu.dark .tb-primary-menu > li.highlight > a {
	border-color: #ffffff;
	color: #ffffff;
}
.tb-sticky-menu.dark .tb-primary-menu > li.highlight > .menu-btn:hover {
	background-color: #ffffff;
	border-color: transparent;
	color: #333333;
}

/* Mobile Nav */
@media (max-width: 991px) and (min-width: 768px) {
	.site-header.dark .mobile-nav > li > a {
		color: #ffffff;
		color: rgba(255,255,255,.8);
	}
	.site-header.dark .mobile-nav > li > a:hover {
		color: #ffffff;
	}
	.site-header.dark .tb-nav-trigger .hamburger span {
		background-color: #ffffff;
		background-color: rgba(255,255,255,.8);
	}
	.site-header.dark .tb-nav-trigger:hover .hamburger span,
	.site-header.dark .tb-nav-trigger.collapse .hamburger span {
		background-color: #ffffff;
	}
}
@media (max-width: 768px) {
	.site-header.mobile-light .mobile-nav,
	.site-header.mobile-light .mobile-nav > li {
		border-color: rgba(200,200,200,.3);
	}
	.site-header.mobile-light .mobile-nav > li > a {
		color: rgba(10,10,10,.7);
	}
	.site-header.mobile-light .mobile-nav > li > a:hover {
		color: #222222;
	}
	.site-header.mobile-light .tb-nav-trigger .hamburger span {
		background-color: rgba(10,10,10,.7);
	}
	.site-header.mobile-light .tb-nav-trigger:hover .hamburger span,
	.site-header.mobile-light .tb-nav-trigger.collapse .hamburger span {
		background-color: #222222;
	}
}

/* Side Panel */
.tb-side-panel.light .menu-btn,
.tb-side-panel.light .secondary-menu a {
	color: #666666;
	color: rgba(26,26,26,.7);
}
.tb-side-panel.light .menu-btn:hover,
.tb-side-panel.light .menu-btn:focus,
.tb-side-panel.light .secondary-menu a:hover,
.tb-side-panel.light .secondary-menu a:focus {
	color: rgba(26,26,26,.9);
}
.tb-side-panel.light .menu li.no-click > a:not(.submenu-toggle) {
	color: rgba(26,26,26,.7);
}
.tb-side-panel.light .submenu-toggle:hover {
	background-color: rgba(220,220,220,.5);
}
.tb-side-panel.light .submenu-toggle:before,
.tb-side-panel.light .submenu-toggle:after {
    background-color: #cccccc;
    background-color: rgba(26,26,26,.7);
}
.tb-side-panel.light li.highlight > a {
	border-color: #333333;
	color: #333333;
}
.tb-side-panel.light li.highlight > a:hover {
	background-color: #333333;
	border-color: transparent;
	color: #ffffff;
}

/* Mobile Panel */
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn,
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn:hover,
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn:focus,
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn:active {
	color: rgba(26,26,26,.9);
}
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn:hover,
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn:focus,
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li > .menu-btn:active {
	background-color: rgba(220,220,220,.25);
}
.tb-mobile-menu-wrapper.light .tb-search .search-input,
.tb-mobile-menu-wrapper.light .tb-search.mini .search-submit,
.tb-mobile-menu-wrapper.light li li a,
.tb-mobile-menu-wrapper.light li li span,
.tb-mobile-menu-wrapper.light .secondary-menu a,
.tb-mobile-menu-wrapper.light .header-text,
.tb-mobile-menu-wrapper.light .header-text a,
.tb-mobile-menu-wrapper.light .tb-social-icons a {
	color: #666666; /* fallback */
	color: rgba(26,26,26,.7);
}
.tb-mobile-menu-wrapper.light .tb-search.mini .search-submit:hover,
.tb-mobile-menu-wrapper.light .tb-search.mini .search-submit:focus,
.tb-mobile-menu-wrapper.light li li a:hover,
.tb-mobile-menu-wrapper.light li li a:focus,
.tb-mobile-menu-wrapper.light .secondary-menu a:hover,
.tb-mobile-menu-wrapper.light .secondary-menu a:focus,
.tb-mobile-menu-wrapper.light .header-text a:hover,
.tb-mobile-menu-wrapper.light .header-text a:focus,
.tb-mobile-menu-wrapper.light .tb-social-icons a:hover,
.tb-mobile-menu-wrapper.light .tb-social-icons a:focus {
	color: rgba(26,26,26,.9);
}
.tb-mobile-menu-wrapper.light .tb-mobile-menu > li {
	border-bottom-color: rgba(220,220,220,.5);
}
.tb-mobile-menu-wrapper.light .tb-side-menu .sub-menu {
	background-image: url('../../framework/assets/images/parts/side-nav-list-outer-cccccc.png');
}
.tb-mobile-menu-wrapper.light .tb-side-menu .sub-menu li {
	background-image: url('../../framework/assets/images/parts/side-nav-list-ltr-cccccc.png');
}
.tb-mobile-menu-wrapper.light .tb-search {
	border-bottom-color: rgba(220,220,220,.5);
}
.tb-mobile-menu-wrapper.light .tb-search.mini > form {
	background-color: rgba(220,220,220,.25);
}
.tb-mobile-menu-wrapper.light .tb-search .search-input::-moz-placeholder {
	color: rgba(26,26,26,.25);
}
.tb-mobile-menu-wrapper.light .tb-search .search-input:-ms-input-placeholder {
	color: rgba(26,26,26,.25);
}
.tb-mobile-menu-wrapper.light .tb-search .search-input::-webkit-input-placeholder {
	color: rgba(26,26,26,.25);
}

/* =Boxed Layout
-----------------------------------------------*/

.tb-boxed #container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1170px;
}
@media (max-width: 1199px) {
	.tb-boxed #container {
		max-width: 960px;
	}
}
@media (max-width: 991px) {
	.tb-boxed #container {
		max-width: 720px;
	}
}
@media (max-width: 767px) {
	.tb-boxed #container {
		max-width: 480px;
	}
}
.tb-boxed .site-header:not(.has-bg),
.tb-boxed .site-breadcrumbs,
.tb-boxed .site-inner,
.tb-boxed .site-footer:not(.has-bg) {
	background: #ffffff;
}
.tb-boxed.content_dark .site-header:not(.has-bg),
.tb-boxed.content_dark .site-breadcrumbs,
.tb-boxed.content_dark .site-inner,
.tb-boxed.content_dark .site-footer:not(.has-bg) {
	background: #222222;
}
.tb-boxed .site-header.transparent,
.tb-boxed.content_dark .site-header.transparent {
	background-color: transparent;
}
.tb-boxed .tb-sticky-menu {
	margin-left: -585px;
	max-width: 1170px;
	left: 50%;
}
@media (max-width: 1199px) {
	.tb-boxed .tb-sticky-menu {
		margin-left: -480px;
		max-width: 960px;
	}
}
.tb-boxed .tb-sticky-menu > .wrap {
	padding: 0 15px;
}
.tb-boxed .header-top > .wrap,
.tb-boxed .header-above > .wrap,
.tb-boxed .header-content > .wrap,
.tb-boxed .header-nav > .wrap,
.tb-boxed .site-breadcrumbs > .wrap,
.tb-boxed .site-inner > .wrap,
.tb-boxed .element-section > .element.no-popout,
.tb-boxed .site-footer > .wrap {
	margin-right: 0;
	margin-left: 0;
	max-width: none;
}
.tb-boxed .header-top > .wrap {
	padding: 12px 20px;
}
.tb-boxed .header-top {
	padding: 0;
}
@media (min-width: 768px) {
	.tb-boxed .header-content > .wrap {
		padding-right: 30px;
		padding-left: 30px;
	}
}
.tb-boxed .header-addon {
	right: 30px;
}
.tb-boxed.rtl .header-addon {
	right: auto;
	left: 30px;
}
.tb-boxed #breadcrumbs {
	padding: 30px 30px 0 30px;
}
.tb-boxed #main {
	padding: 30px;
}
.tb-boxed .site-footer {
	padding: 30px;
}
.tb-boxed .site-footer > .wrap {
	padding: 0;
}

/* Epic Thumbmail */
.tb-boxed .epic-thumb.fs figure,
.tb-boxed .epic-thumb.fs figure img {
    max-width: 1170px;
}
.tb-boxed .epic-thumb.fs figure {
    left: inherit;
}
@media (max-width: 1199px) {
    .tb-boxed .epic-thumb.fs figure,
    .tb-boxed .epic-thumb.fs figure img {
        max-width: 960px;
    }
}
@media (max-width: 991px) {
    .tb-boxed .epic-thumb.fs figure,
    .tb-boxed .epic-thumb.fs figure img {
        max-width: 720px;
    }
}

/* Content Padding */
.tb-boxed .blog-wrap > article,
.tb-boxed article.single,
.tb-boxed article.page,
.tb-boxed .search-page,
.tb-boxed .post_list.archive-loop,
.tb-boxed .post_grid.archive-loop,
.tb-boxed .post_showcase.archive-loop,
.tb-boxed .list-template-wrap .list-wrap,
.tb-boxed .grid-template-wrap .grid-wrap,
.tb-boxed .showcase-template-wrap .showcase-wrap,
.tb-boxed .tb-product-loop-wrap,
.tb-boxed .tb-product-wrap {
	background-color: transparent;
	padding: 0 0 30px 0;
}

/* Info/Author Box and Comments */
.tb-boxed .tb-info-box,
.tb-boxed .tb-related-posts,
.tb-boxed .products.upsells,
.tb-boxed .products.related,
.tb-boxed #comments,
.tb-boxed .tb-naked-page .bbp-topic-form,
.tb-boxed .tb-naked-page .bbp-reply-form {
	background: transparent;
	margin-bottom: 50px;
	padding: 0;
}

/* Blog */
.tb-boxed .blog-wrap > article,
.tb-boxed article.single {
	padding: 0;
}
.tb-boxed .blog-wrap > article > .featured-item,
.tb-boxed article.single > .featured-item {
	margin: 0 0 20px 0;
}

/* Breadcrumbs */
.tb-boxed .breadcrumb {
	padding: 0 5px;
}

/* WooCommerce */
.tb-boxed .tb-product-wrap {
	padding-bottom: 0;
}
.tb-boxed .woocommerce-tabs .tabs {
	background-color: #f5f5f5;
	border: 1px solid #f2f2f2;
	border-color: rgba(220,220,220,.4);
}
.tb-boxed .woocommerce-tabs .tabs > li {
	border-right: 1px solid #f2f2f2;
	border-right-color: rgba(220,220,220,.4);
}
.tb-boxed.rtl .woocommerce-tabs .tabs > li {
	border-right: none;
	border-left: 1px solid #f2f2f2;
	border-left-color: rgba(220,220,220,.4);
}
.tb-boxed.content_dark .woocommerce-tabs .tabs,
.tb-boxed.content_dark .woocommerce-tabs .tabs > li {
	background-color: #151515;
	border-color: #000000;
}
.tb-boxed .woocommerce-tabs .panel {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 20px 5px;
}
