/*
Theme Name: shoptown toy
Theme URI: http://template-demo.org/woo/WCM02/WCM020034/WP8/
Author: Templatemela
Author URI: http://www.templatemela.com
Version: 1.0
Description: Our default theme lets you create a responsive magazine website with a sleek, modern design.
License: GNU General Public License v2 or later
License URI: http://www.templatemela.com/license
Tags:  one-column, two-columns, right-sidebar,  custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: shoptown
Template: shoptown
*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
	2.1. Navigation / #navbar
3. Content / #content
	3.1. Left column / #leftcolumn
	3.2. Right column / #rightcolumn
	3.3. Sidebar / #sidebar
		3.3.1. RSS / #rss
		3.3.2. Search / #search
		3.3.3. Boxes / .box
		3.3.4. Sideblog / #sideblog
		3.3.5. Advertisements / .ads
4. Footer / #footer
-------------------------------------------------------------------*/

/******************Header****************/
.header-contact { background: rgba(0, 0, 0, 0) url("images/megnor/call.png") no-repeat scroll 0 4px;}
.mega-menu ul li a, .mobile-menu ul li a ,.sidebar-category-inner li .sub li a{
    color: #b2b2b2;
}
.header-search .woocommerce-product-search input[type="submit"]:hover, .header-search .search-form #searchsubmit:hover { background:#000 url("images/megnor/icons.png") no-repeat scroll center -284px;}
.header-cart .shopping_cart:hover {  background:#fff url("images/megnor/icons.png") no-repeat scroll 16px -588px;}
.header-cart .shopping_cart:hover .cart-contents,
.serviceblock:hover .title,
.widgets-cms:hover .main-title,
.woocommerce ul.products li.product a:hover .product-name, .woocommerce-page ul.products li.product a:hover .product-name, .woocommerce ul.products.list li.product:hover .product-name,
.primary-sidebar .product_list_widget .product-title:hover, .primary-sidebar .product_list_widget li > a:hover,
.resp-tabs-list li.resp-tab-active .tab-title,
.sidebar-category-inner li .sub li.mega-hdr a.mega-hdr-a,
a:hover,
.mega-menu ul .sub li.mega-hdr li a:hover, .mega-menu ul li .sub-container.non-mega li a:hover,
.topbar-main a:hover, .header-menu-links li a:hover, .header_logout a:hover,
.mega-menu ul li a:hover, .mobile-menu ul li a:hover, .mega-menu .current_page_item > a, .mobile-menu .current_page_item > a,
.footertop .custom-text-container .text,
.sidebar-category-inner li .sub li a:hover,
.woocommerce span.onsale, .woocommerce-page span.onsale
{ color: #000;}
 ul.product-categories > li > a:hover{ color:#000; background:#ededed}
.serviceblock{background:url(images/megnor/services.png) no-repeat scroll 0px 7px; }
.serviceblock1{background-position: 0px 7px; }
.serviceblock1:hover{background-position:0px -54px;}
.serviceblock2{background-position: 0px -279px; }
.serviceblock2:hover{background-position:0px -351px;}
.serviceblock3{background-position: 0px -422px; }
.serviceblock3:hover{background-position:0px -494px;}
.serviceblock4{background-position: 0px -124px; }
.serviceblock4:hover{background-position:0px -201px;}
/*********************Top bar*****************/
.topbar-outer{background: #e5e5e5; position:relative;}
.topbar-outer:after{background: transparent url("images/megnor/ptn.png") repeat-x scroll 0 bottom;    bottom: -5px;  content: "";  height: 5px;  position: absolute;  width: 100%; left:0;}

/****************Menu**************/
.home .box-category-heading, .box-category-heading {
    background-color: #fff; color:#000; margin: 10px 0;
    padding: 10px 20px; border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px;}

.box-category-heading:after,.box-category-heading:before {
    color: #000!important;}
/******************* sidebar *************/
.sidebar-category .dc-mega-icon{ right:8px;}
.widget .widget-title:after, .sitemap h2:after,.navigation-nav{ background: #ffd400;}
/******************** tab *****************/
.resp-tabs-list li .tab-title,
.woocommerce-tabs ul.tabs li a{ color:#6c6c6c;}
/**********************Content****************/
.home .main_inner { border-bottom: 1px solid #e5e5e5;}
.revolutionslider-inner,.home-banners .cms-banner-img{ border:none;}
.home .main-container.category { background: #fff;}
.simple-type.small-title:after ,.upsells.products > h2:after, .related.products > h2:after, .cross-sells > h2:after{  background: #ffd400;}
.woocommerce span.onsale:after, .woocommerce-page span.onsale:after{border-right: 50px solid #ffd400;}
.woocommerce ul.products li.product:hover .image-block, .woocommerce-page ul.products li.product:hover .image-block{ border-color:#ffd400;}
.tagcloud a:hover{ background-color:#ffd400; color:#000;}

/********************* Woocommerce************************/
.woocommerce ul.products li.product .image-block, .woocommerce-page ul.products li.product .image-block{ background:#f7f7f7;}
.paging-navigation a:hover ,.paging-navigation .page-numbers.current, .woocommerce-pagination span.current,.woocommerce-pagination a:hover ,
.quantity input.plus:hover, .quantity input.plus:focus, .quantity input.minus:hover, .quantity input.minus:focus
{
    background: #ffd400 ;
	border: 1px solid #ffd400 ;
color: #000;
}
.woocommerce-tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li a:hover { border-color: #ffd400 #e0e0e0 rgba(0, 0, 0, 0); color: #000;}
.woocommerce .entry-summary .yith-wcwl-wishlistexistsbrowse.show a:hover:before, .woocommerce .entry-summary .yith-wcwl-wishlistaddedbrowse.show a:hover:before, .woocommerce .entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before, .woocommerce .entry-summary a.compare.button:hover, .woocommerce .entry-summary a.compare.button.added:hover:before, .woocommerce .entry-summary .compare.button:hover:before{color: #000;}
.breadcrumb_last, .woocommerce .woocommerce-breadcrumb span, .woocommerce-page .woocommerce-breadcrumb span,
.tm_product_nav_buttons .previous a:hover, .tm_product_nav_buttons .next a:hover,
.blog-icon:before,
.read-more-link:hover,
.style1 #tab ul li a.current, .style1 #tab ul li a:hover,
.button:hover i
{color: #000;}


.woocommerce ul.products li.product .product_type_grouped, .woocommerce-page ul.products li.product .product_type_grouped, 
.woocommerce ul.products li.product .product_type_external, .woocommerce-page ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_variable, .woocommerce-page ul.products li.product .product_type_variable { background:#ececec url("images/megnor/icons.png") no-repeat scroll 8px -324px;margin-left: -40px;}
.woocommerce ul.products li.product .product_type_grouped:hover, .woocommerce-page ul.products li.product .product_type_grouped:hover, 
.woocommerce ul.products li.product .product_type_external:hover, .woocommerce-page ul.products li.product .product_type_external:hover,
.woocommerce ul.products li.product .product_type_variable:hover, .woocommerce-page ul.products li.product .product_type_variable:hover { background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -360px;}
.woocommerce ul.products li.product .product_type_simple, .woocommerce-page ul.products li.product .product_type_simple{ background:#ececec url("images/megnor/icons.png") no-repeat scroll 8px 11px; margin-left: -40px;}
.woocommerce ul.products li.product .product_type_simple:hover, .woocommerce-page ul.products li.product .product_type_simple:hover{ background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -20px;}
.woocommerce ul.products li.product .button.add_to_cart_button.added{background: #ececec url("images/megnor/icons.png") no-repeat scroll 8px -473px;}
.woocommerce ul.products li.product .button.add_to_cart_button.added:hover{ background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -510px;}

.woocommerce .button.yith-wcqv-button { background:#ececec url("images/megnor/icons.png") no-repeat scroll 8px -51px;margin-left: -60px;}
.woocommerce .button.yith-wcqv-button:hover { background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -81px;}
.woocommerce a.compare.button{ background:#ececec url("images/megnor/icons.png") no-repeat scroll 8px -172px;margin-left: -80px;}
.woocommerce a.compare.button:hover{ background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -203px;}
.woocommerce ul.products li.product .compare.button.added{background: #ececec url("images/megnor/icons.png") no-repeat scroll 8px -473px;}
.woocommerce ul.products li.product .compare.button.added:hover{ background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -510px;}
.woocommerce .yith-wcwl-add-to-wishlist a.add_to_wishlist{ background:#ececec url("images/megnor/icons.png") no-repeat scroll 8px -111px; margin:0;}
.woocommerce .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover{ background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 8px -142px;}

.woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse.show a, .woocommerce-page ul.products li.product .yith-wcwl-wishlistexistsbrowse.show a, 
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse.show a, .woocommerce-page ul.products li.product .yith-wcwl-wishlistaddedbrowse.show a
 {
    background:#efefef url("images/megnor/icons.png") no-repeat scroll 7px -399px; margin:0!important;
}
.woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse.show a:hover, .woocommerce-page ul.products li.product .yith-wcwl-wishlistexistsbrowse.show a:hover, 
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse.show a:hover, .woocommerce-page ul.products li.product .yith-wcwl-wishlistaddedbrowse.show a:hover {
    background:#ffd400 url("images/megnor/icons.png") no-repeat scroll 7px -436px;}
.widget.woocommerce .product_list_widget li:hover img{ border-color:#ffd400;}
.woocommerce-MyAccount-navigation ul li.is-active a { color: #000000;}
/***********************  gridlist-toggle  *********************/
.gridlist-toggle a#grid,.gridlist-toggle a#list{background-image: url("images/megnor/gird-list.png");}
.gridlist-toggle a#grid{ background-position: 0 0;}
.gridlist-toggle a#list{background-position: -25px 0;}
.gridlist-toggle a#grid.active, .gridlist-toggle a#grid:hover { background-position: 0 -29px;}
.gridlist-toggle a#list.active, .gridlist-toggle a#list:hover { background-position: -25px -29px !important;}
/********************* cms-banner1 ********************/
.parent-cmsblock .cms-banner1 .static-inner{ top:35%;}
.parent-cmsblock .left-banner .cms-banner1 .static-inner {left:11%;}
.parent-cmsblock .right-banner .cms-banner1 .static-inner {left: 11%;}
.parent-cmsblock .cms-banner1 .text1.static-text{ color:#000;}
.parent-cmsblock .cms-banner1 .text2.static-text { color: #000;  font-size: 17px;   letter-spacing: 1.3px;}
.parent-cmsblock .cms-banner1 .text3.static-text { background: #ff7a5f; color: #ffffff; padding: 4px 8px;}

/********************* cms-banner2 ********************/
.parent-cmsblock .cms-banner2 .static-wrapper .static-inner { background: #fff }
.parent-cmsblock .cms-banner2 .text2.static-text {  color: #ffd400;}
.parent-cmsblock .cms-banner2 .static-wrapper:hover:before,
.parent-cmsblock .cms-banner2 .static-wrapper:hover:after,
.parent-cmsblock .cms-banner2 .static-wrapper:hover .static-inner:before,
.parent-cmsblock .cms-banner2 .static-wrapper:hover .static-inner:after{border-color: #ffd400;}

/********************* blog *****************/
.blog-posts-content .container .container-inner, .portfolio-carousel .single-portfolio { background-color: #f7f7f7;  border-color: #f7f7f7;}
.blog-posts-content .day, .blog-posts-content .month, .blog-posts-content .year,
.blog-posts-content .comments-link > a, .blog-posts-content .read-more > a, .portfolio-carousel .read-more a,.single-portfolio .portfolio-title a:hover,
.blog-posts-content .post-title a:hover,
.links a.icon:hover .fa, .gallery-zoom .icon:hover .fa, .gallery-redirect .icon:hover .fa, .blog-posts-content .block_hover .icon:hover .fa,
.entry-meta a ,.site-content .entry-meta span .fa
{ color: #000;}
.blog-list .entry-main-content:hover, .blog-posts-content .container:hover .container-inner, .portfolio-carousel .single-portfolio:hover
{border-color: #ffd400;}
.links a.icon:hover, .gallery-zoom .icon:hover, .gallery-redirect .icon:hover, .blog-posts-content .block_hover .icon:hover,
.blog-icon,
.read-more-link:hover
{ background:#ffd400;}
/****************Footer************/
.footertop .tnp-subscription  { background: #edc500 none repeat scroll 0 0;}
.site-footer .tnp .tnp-submit  {background: #000000 none repeat scroll 0 0;}

.widgets-footercontact .address_content { background: rgba(0, 0, 0, 0) url("images/megnor/footer-icon.png") no-repeat scroll -10px 0;}
.widgets-footercontact .phone { background: rgba(0, 0, 0, 0) url("images/megnor/footer-icon.png") no-repeat scroll -8px -68px;}	
.widgets-footercontact .email { background: rgba(0, 0, 0, 0) url("images/megnor/footer-icon.png") no-repeat scroll -10px -138px;}
.static-links-list a { background: rgba(0, 0, 0, 0) url("images/megnor/footer-arrow.png") no-repeat scroll 0 8px;}
.site-footer .tnp .tnp-submit:hover{ color:#000000;}
.site-footer .tagcloud a:hover{ color:#000; background:none;}
#to_top { background: rgba(255, 212, 0,0.8);}
#to_top::before{ color:#000;}
/******************* Shortcode ***************/

.style1 #tab ul li a.current, .style1 #tab ul li a:hover ,.owl-pagination .owl-page:hover span, .owl-pagination .owl-page.active:hover span, .owl-pagination .owl-page.active span,
.team-posts-content.posts-content .container-inner:hover .staff-content,
.counter .jumbo:after,.footer_top:after,.footer_bottom:before{ background: #ffd400 none repeat scroll 0 0;}
.vertical_tab.style2 #tab ul li a.current, .vertical_tab.style2 #tab ul li a:hover{  border-left-color: #ffd400;}
.horizontal_tab.style2 #tab ul li a.current, .horizontal_tab.style2 #tab ul li a:hover{ border-top-color: #ffd400;}
.address-text .fa,
.staff-page .staff-social .icon .fa,
.counter .jumbo,
.team-posts-content.posts-content .container:hover .staff-name,
.staff-page .container-inner:hover .staff-social .icon .fa{color: #000;}
.staff-page .single-team:hover{border-color:#ffd400;}
.portfolio-filter-container .options li a:active, .portfolio-filter-container .options li a.selected, .portfolio-filter-container .options li a:hover{background: #ffd400; border-color: #ffd400; color:#000;}
.brand_main .product-block:hover {
	border-color: #ffd400;
}