/*
Theme Name: Starbella Tools
Author: Templatemela
Version: 1.2
Description: Our default theme lets you create a responsive magazine website with a sleek, modern design.
License: GNU General Public License v2
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: starbella_tools
Template: starbella
*/
#yith-quick-view-modal { display: none !important; }

body { overflow-x: hidden; }
.vc-hoverbox-block.vc-hoverbox-front { background-color:#EEE;}

.site {
    padding: 0;
}
.header-offer {
    float: right;
    position: relative;
    margin: 0;
}
.header-left {
    padding: 27px 0px;
}
.header-center {
    vertical-align: top;
    padding: 0px;
}
.topbar-text {
    display: inline-block;
}
.topbar-outer {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0px 10px;
    background: #1d1c21;
}
.contact-block {
    line-height: 40px;
    float: left;
    vertical-align: top;
}
.sticky-menu .contact-block {
    display: none;
}
.contact-block .contact-inner {
    display: inline-block;
    vertical-align: top;
}
.contact-block .contact-inner.number {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #969696;
}
.contact-block .contact-icon {
    background: transparent url("images/megnor/call.png") no-repeat scroll center 4px;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: middle;
    width: 20px;
    margin-right: 5px;
}
.topbar-text {
    text-align: center;
    padding: 0;
    font-weight: 400;
    line-height: 40px;
    color: #969696;
}
.topbar-outer {
    padding: 15px 0px 15px;
    box-sizing: border-box;
}
.header-main {
    border: 0px;
}
.header-cart .togg .widget.widget_shopping_cart {
    top: 53px;
}
.topbar-link-wrapper {
    top: 53px;
}
.topbar-link-wrapper {
    z-index: 99;
}
.right-cms {
    padding-left: 30px !important;
}
.cms-banner-bottom {
    padding-bottom: 30px;
}
.mobile-navigation {
    display: none;
}
.header-center .menu-toggle {
    display: none;
}
.header-top .main-navigation {
    display: block;
}
.header-cart .cart-qty {
    background: #ffc43b;
}
.staff-page .single-team:hover {
    border-color: #ffc43b;
}
.home-service-content .icon-image {
    background-image: url(./images/megnor/service-icon1.svg);
    background-color: #fff;
}
.service-2 .home-service-content .icon-image {
    background-image: url(./images/megnor/service-icon2.svg);
}
.service-3 .home-service-content .icon-image {
    background-image: url(./images/megnor/service-icon3.svg);
}
.service-4 .home-service-content .icon-image {
    background-image: url(./images/megnor/service-icon4.svg);
}
.header-search .header-toggle:hover {
    background-image: url(images/megnor/search-hover.svg);
}
.topbar-link-toggle:hover {
    background-image: url(images/megnor/user-hover.svg);
}
.header-search.active .header-toggle:hover {
    background-image: url(images/megnor/close-hover.svg);
}
.service-list:hover .icon-image {
    background-image: url(images/megnor/service-icon1-hover.svg);
    border-color: #ffc43b;
    background-color: #ffc43b;
}
.service-2.service-list:hover .icon-image {
    background-image: url(images/megnor/service-icon2-hover.svg);
}
.service-3.service-list:hover .icon-image {
    background-image: url(images/megnor/service-icon3-hover.svg);
}
.service-4.service-list:hover .icon-image {
    background-image: url(images/megnor/service-icon4-hover.svg);
}
.woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .wpb_wl_summary .star-rating span::before {
    color: #ffc43b;
}
.mega-menu ul li a {
    padding: 29px 20px;  
}
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse.show a:hover::before, .woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse.show a:hover::before {
    background-color: #ffc43b;
}
.woocommerce-pagination span.current, .woocommerce-pagination a:hover {
    background: #ffc43b;
    border: 1px solid #ffc43b;
}
/*****************************************start cms banner css*******************************************/
.cms-banner-item.style-1 .link-text {
    color: #777777;
    border-bottom: 1px solid #777777;
}
.link-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #777777;
}
.style-1 .static-wrapper {
    padding: 55px;
}
/********************** sub-banner1 **************************/
.sub-banner1 .style-1.cms-banner-item .text2 {
    background: transparent url("images/megnor/darkborder.png") no-repeat bottom left;
    display: block;
    vertical-align: middle;
    padding-bottom: 30px;
}
.sub-banner1 .style-1 .static-wrapper {
    top: 19%;
}
/********************** sub-banner2 **************************/
.sub-banner2 .style-1 .static-wrapper {
    text-align: left;
    right: 8%;
    left: auto;
    top: 30%;
    bottom: auto;
    padding: 0;
}
.sub-banner2 .text1.static-text {
    width: auto;
}
.sub-banner2 .style-1.cms-banner-item .text1 {
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    display: block;
    vertical-align: middle;
    line-height: 30px;
}
.sub-banner2 .style-1.cms-banner-item .text2 {
    display: block;
    vertical-align: middle;
    padding-bottom: 40px;
    font-size: 22px;
}
.sub-banner2 .shop-now {
    position: relative;
    bottom: auto;
    left: auto;
}
.sub-banner2 .style-1 .static-wrapper {
    right: auto;
    left: 10%;
    top: 20%;
}
.sub-banner2 .cms-banner-item.style-1 .link-text {
    color: #000000;
    border-bottom: 0;
    background: #ffc43b;
    padding: 10px 17px;
    text-transform: capitalize;
}
.sub-banner2 .cms-banner-inner:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -khtml-transform: scale(1.1);
}
.sub-banner2 .cms-banner-inner img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -khtml-transition: all 0.5s ease 0s;
}
/*****************************************end cms banner css*******************************************/
/*****************************************header css*******************************************/
.header-cart .togg::before {
    background: url("images/megnor/cartbg.png") no-repeat center;
    width: 70px;
}
.header-cart .cart-qty {
    background: transparent;
}
.header-cart .shopping_cart a.cart-contents .cart-icon:hover {
    background-image: url(images/megnor/shopping-bag-hover.svg);
}
.mega-menu ul li a.dc-mega::after {
    color: #000;
}
.offer-icon, .offer-inner {
    display: inline-block;
    vertical-align: top;
}
.offer-icon {
    background-image: url("images/megnor/offer-icon.png");
    background-position: center 5px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    height: 38px;
    width: 38px;
    margin-right: 11px;
}
.offer-block:hover .offer-icon:hover {
    background-position: -8px -66px;
}
.offer-inner {
    text-align: left;
}
.offer-label {
    display: block;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 600;
    color: #000;
}
.offer-text {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 400;
}
/*****************************************product-category css*******************************************/
.category_link {
    padding: 0;
    width: 45%;
    overflow: hidden;
    box-sizing: border-box;
}
.product-category-image {
    vertical-align: top;
    width: 50%;
    float: left;
}
.category_link .static-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: bottom;
}
.category_link .static-text {
    font-size: 16px;
}
.category_link_inner li {
    list-style-type: none;
    line-height: 25px;
}
.category_link_inner ul li a {
    font-size: 11px;
    color: #858585 !important;
}
.category_link_inner {
    border-top: 1px solid #e6e6e6;
    padding: 20px 0px;
}
.category_link_inner a {
    color: #4f4f4f;
}
.single-cms-wrapper {
    padding-left: 12%;
    text-align: left;
}
.single-cms-text1 {
    color: #ffc43b;
}
.single-cms-text2, .single-cms-text3{
    color: #fff;
}
.single-cms-link {
    color: #ffc43b;
    border-bottom: 1px solid #ffc43b;
}
.single-cms-link a {
    color: #ffc43b;
}
/*****************************************product css*******************************************/
.woocommerce span.onsale, .woocommerce-page span.onsale {
    background: url("images/megnor/sale-bg.png") no-repeat scroll 0px 0px;
    color: #000;
    right: 0;
}
.woocommerce ul.products li .product-button-hover .add_to_wishlist:hover {
    color: #ffc43b;
}
.woocommerce .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover {
    background-color: #ffc43b;
}
.woocommerce ul.products li.product .product_type_simple:hover, .woocommerce-page ul.products li.product .product_type_simple:hover {
    background-color: #ffc43b;
}
.woocommerce ul.products li.product .product_type_simple.added:hover, .woocommerce-page ul.products li.product .product_type_simple.added:hover {
    background-color: #ffc43b;
}
.woocommerce ul.products .compare.button:hover {
    background-color: #ffc43b;
}
.woocommerce ul.products .compare.button.added:hover {
    background-color: #ffc43b;
}
.woocommerce ul.products .button.yith-wcqv-button:hover {
    background-color: #ffc43b;
}
.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-color: #ffc43b;
}
.woocommerce #content div.product .stock, .woocommerce div.product .stock, .woocommerce-page #content div.product .stock, .woocommerce-page div.product .stock {
    color: #ffc43b;
}
.wishlist_table tr td.product-stock-status span.wishlist-in-stock {
    color: #ffc43b;
}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
    border-top: 2px solid #ffc43b;
}
.woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message::before {
    background-color: #ffc43b;
}
.woocommerce div.product .wc-tabs-wrapper ul.tabs li::before {
    background: #ffc43b;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
    border-top: 2px solid #ffc43b;
    clear: both;
}
.woocommerce .woocommerce-info::before, .woocommerce-page .woocommerce-info::before {
    background-color: #ffc43b;
}
.mega-menu ul .sub li.mega-hdr li a:hover, .mega-menu ul li .sub-container.non-mega li a:hover {
    color: #ffc43b;
}
.vc_btn3-style-custom.vc_general.vc_btn3:focus, .vc_btn3-style-custom.vc_general.vc_btn3:hover {
    background-color: #ffc43b !important;
    background-image: none;
}
.pricing_wrapper:hover .pricing_heading, .pricing_wrapper .selected .pricing_heading, .pricing_wrapper:hover .pricing_top, .pricing_wrapper .selected .pricing_top, .pricing_wrapper:hover .pricing_button a#pricing-btn, .pricing_wrapper .selected .pricing_button a#pricing-btn {
    background: #ffc43b;
    color: #fff;
}
.pricing_wrapper:hover .pricing_wrapper_inner, .pricing_wrapper:hover .pricing_button a#pricing-btn, .pricing_wrapper .selected .pricing_button a#pricing-btn {
    border-color: #ffc43b;
}
.address-text .fa {
    color: #ffc43b;
}
.style1 #tab ul li a.current, .style1 #tab ul li a:hover {
    background: #ffc43b;
}
.vertical_tab.style2 #tab ul li a.current, .vertical_tab.style2 #tab ul li a:hover {
    border-left: 3px solid #ffc43b;
}
.horizontal_tab.style2 #tab ul li a.current, .horizontal_tab.style2 #tab ul li a:hover {
    border-top: 3px solid #ffc43b;
}
.accordion.style1 .accordion-title, .toggle.style1 .toggle-title {
    border: 1px solid #ffc43b;
}
.accordion.style2 .single_accordion, .toggle.style2 .single_toggle {
    border: 1px solid #ffc43b;
}
.team-posts-content.posts-content .container-inner:hover .staff-content {
    background: #ffc43b;
}
.woocommerce .wc-proceed-to-checkout .checkout-button:hover, .woocommerce-page .wc-proceed-to-checkout .checkout-button:hover {
    border-color: #ffc43b;
}
.widget_product_categories .widget-title {
    background: #ffc43b !important;
}
.tagcloud a:hover {
    background: #ffc43b;
    border-color: #ffc43b;
}
#offer-text-slider .owl-theme .owl-buttons div.owl-prev {
    left: 15%;
}
#offer-text-slider .owl-theme .owl-buttons div.owl-next {
    right: 15%;
    background-position: right 13px;
}
/*****************************************footer  css*******************************************/
.site-footer {
    margin-top: 0px;
}
.widget .tnp .tnp-submit, .tnp .tnp-submit {
    background-color: #ffc43b;
    border-color: #ffc43b;
}
.footer-top .follow-us a i {
    color: #fff;
}
.site-footer h3.widget-title {
    color: #fff !important;
}
.site-footer .widget_newsletterwidget .title-outer::before {
    background: url(images/megnor/email.svg) no-repeat center;
    background-size: 36px !important;
}
/*****************************************Menu  css*******************************************/
.close-menu:hover {
    background-image: url(images/megnor/close-hover.svg);
}
.woocommerce ul.products li.product .product-name:hover, .woocommerce-page ul.products li.product .product-name:hover {
    color: #ffc43b;
}
.read-more-link {
    color: #ffc43b;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist a:hover.add_to_wishlist, .woocommerce .entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover::before {
    color: #ffc43b;
}
.entry-summary .yith-wcwl-add-to-wishlist:hover, .woocommerce .entry-summary a:hover.compare.button {
    color: #ffc43b;
}
.entry-meta a:hover {
    color: #ffc43b;
}
.site-content .post-view:hover {
    color: #ffc43b;
}
.woocommerce-loop-category__title:hover {
    color: #ffc43b;
}
.primary-sidebar a:hover {
    color: #ffc43b;
}
.woocommerce-pagination span.current:hover {
    background-color: #ffc43b;
    border: 1px solid #ffc43b;
}
.counter:hover .jumbo, .service-content:hover .icon i, .address-text-inner:hover .icon i {
    color: #000;
}
.links a.icon:hover, .gallery-zoom .icon:hover, .gallery-redirect .icon:hover, .blog-posts-content .block_hover .icon:hover {
    background: #ffc43b;
}
.meta-inner .date a:hover {
    color: #ffc43b;
}
.widget .widget-title {
    background: #ffc43b !important;
    color: #000 !important;
}
.home #primary {
    padding-bottom: 0;
}
.header-search .search-overlay .woocommerce-product-search button[type="submit"]:hover, .search-form #searchsubmit:hover, .widget_product_search .woocommerce-product-search:hover > button, .widget_product_search input[type="submit"]:hover, .widget_search #searchform #searchsubmit:hover {
    background-color: #ffc43b !important;
}
.footer-bottom::before {
    display: none;
}
.counter:hover {
    border: 2px solid #ffc43b;
}
.page-template-sitemap .sitemap-item h2 {
    background-color: #ffc43b;
}
.logo-text span {
    color: #ffc43b;
}
.site-info, .news-text {
    color: #fff;
}
.contact-inner .label, .contact-block .contact-inner.number, .topbar-text, .offer-text, .offer-inner a, .offer-label{
    color: rgb(255,255,255,0.8);
}
.offer-icon {
    background-image: url("images/megnor/offer-icon.png");
}
.cross-sells > h2::before, .related.products h2::before, .shortcode-title.center .normal-title::before, .upsells.products > h2::before {
    background-image: url(images/megnor/leftdot.png);
}
.cross-sells > h2::after, .related.products h2::after, .shortcode-title.center .normal-title::after, .upsells.products > h2::after {
    background-image: url(images/megnor/rightdot.png);
}
/* Woo commerce css */
.woocommerce ul.products li .container-inner, .woocommerce-page ul.products li .container-inner {
    padding: 0 15px 10px;
    background: #fff;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
    border: 1px solid #ededed;
}
article.post {
    background: #f6f6f6;
}
.blog article.sticky {
    background: #fff;
}
.page-title {
	background: #e9e9e9;
}
.comments-area {
    background-color: #fff;
}
.woocommerce .summary .product_meta {
    border-top: 1px solid #d9d9d9;
}
.woocommerce ul.products li.product-category .container-inner, .woocommerce-page ul.products li.product-category .container-inner {
    background: #f6f6f6;
}
.tagcloud a {
	background: #ffffff;
}
.accordion.style3 .accordion-title, .toggle.style3 .toggle-title, .accordion.style4 .accordion-title, .toggle.style4 .toggle-title {
	background-color: #fff;
}
.address-text .icon {
	background: #fff;
}
.single-faq .tog, .single-faq .tour li a {
	background: #fff;
}
.breadcrumbs a:hover, .woocommerce .woocommerce-breadcrumb span a:hover, .woocommerce-page .woocommerce-breadcrumb span a:hover {
	color: #ffc43b;
}
.woocommerce #content table.cart td, .woocommerce #content table.cart th, .woocommerce table.cart td, .woocommerce table.cart th, .woocommerce-page #content table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page table.cart td, .woocommerce-page table.cart th, .main-content-inner .cart_totals, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce form.checkout_coupon, .woocommerce-page form.checkout_coupon {
	background-color: #ffffff;
}

/* Globalgraphics Custom Styling ===================================================================================*/
.topbar-outer { background: #FFC20F; overflow: hidden; }
.topbar-outer a:hover { color: #006596 !important; }
.header-logo > a > img { max-width: 300px; height: auto; }
.header-right .topbar-link, .header-right .header-cart { display: none; }
.contact-inner .label, .contact-block .contact-inner.number, .topbar-text, .offer-text, .offer-inner a, .offer-label { color: #263473; }
.topbar-outer .offer-inner { display: block; line-height: normal; }
.topbar-text { font-weight: 700; }
.service-list:hover .icon-image { background-color: #263473; border-color: #263473; }

/* buttons */
.sub-banner2 .cms-banner-item.style-1 .link-text { background: #263473; color: #fff; }
.sub-banner2 .cms-banner-item.style-1 .link-text:hover { background: #FFC20F; color: #263473; }
.widget .tnp .tnp-submit, .tnp .tnp-submit { background-color: #FFC20F; border-color: #FFC20F; }

.vrm_product > .vrm_product_inner { display: block; background: #e9e9e9; margin-bottom: 20px !important; }
.vrm_product a { display: block; }
.vrm_product a.button { display: inline-block; background: #263473; color: #fff; padding: 5px 15px; margin: 20px 0; }
.vrm_product a.button:hover { color: #0e4194; }
.vrm_product .item-description { padding: 10px; }
.vrm_product .title { display: block; text-align: center; font-size: 14px; line-height: 22px; text-transform: uppercase; font-weight: bold; color: #222; }
.vrm_product .price { display: block; text-align: center; color: #263473; font-weight: bold; line-height: 20px; font-size: 15px; margin-top: 10px; }
.page-id-4350 .ftc-close-popup { display: none; }

.vrm-lookup-form { margin-top: 30px; padding: 40px 0; background: #e9e9e9; text-align: center; }
.vrm-lookup-form h2 { font-size: 35px; }
.vrm-lookup-form h2, .vrm-lookup-form p { text-align: center; margin-bottom: 20px; }
.vrm-lookup-form form { vertical-align: top; text-align: center; }
.vrm-lookup-form input { border-radius: 5px; padding: 0 30px; text-transform: uppercase; font-weight: 700; font-size: 40px; color: #000; width: 80%; max-width: 300px; text-align: center; border: 1px solid #999; display: inline-block; line-height: 60px; vertical-align: top; }
.vrm-lookup-form button { background: #263473; color: #fff; padding: 0 30px; font-size: 30px; text-align: center; border-radius: 5px; border: 1px solid #263473; text-transform: uppercase; display: inline-block; float: none; margin-left: 20px; line-height: 60px; vertical-align: top; }
.vrm_car_details { background: #e9e9e9; padding: 30px; margin-bottom: 30px; }
.vrm_car_details h3 { margin-bottom: 30px; font-size: 35px; }
.vrm_car_details div { font-size: 20px; }
.vrm_select_model a { display: block; background: #e9e9e9; text-align: center; font-size: 20px; padding: 20px; margin-bottom: 20px !important; }
h2.vrm-title { margin: 50px 0 30px 0; }
p.vrm-text { margin: 0 0 30px 0; }

.vrm_dropdown_form h3 { text-align: center; font-size: 30px; margin-bottom: 25px; }
.vrm_dropdown_form select { width: 100%; padding: 10px 20px; font-size: 18px; box-sizing: border-box; border: 1px solid #999; border-radius: 5px; }
.vrm_dropdown_form select#vrm_doors, .vrm_dropdown_form select.vrm_doors { 
	width: -webkit-calc(100% - 70px);
	width:    -moz-calc(100% - 70px);
	width:         calc(100% - 70px)
	}
.vrm_dropdown_form button { display: block; float: right; background: #263473; color: #fff; padding: 10px 15px; margin: 0; border-radius: 5px; }
.vrm_dropdown_form button:hover { color: #0e4194; }
.page-id-14893 #secondary { display: none; }

.tb_wrapper { border: 1px solid rgb(38,52,115); padding: 20px; margin-bottom: 30px; }
.tb_wrapper a.product_img { width: 19%; float: left; }
.tb_wrapper a.product_img img { width: 100%; height: auto; }
.tb_wrapper .tb_content { width: 79%; float: right; }
.tb_wrapper .clear { clear: both; }
.tb_wrapper .attributes th, .tb_wrapper .attributes td { text-align: center; line-height: 14px; padding: 10px; vertical-align: middle; }
.tb_wrapper .attributes th i { display: block; text-align: center; margin-top: 7px; }
.tb_wrapper .button { background: rgb(38,52,115); }
.tb_wrapper .button.instructions { background: #aaa; margin-right: 20px; }

.header-fix.sticky-menu > .theme-container { width: 95% !important; }

.middle-container { max-width: 100%; }
.full-width .inner-container, .main-content-inner, .main-content.box-page, .main-content.left-sidebar, .page-title-inner, .site-footer .inner-container, .theme-container { max-width: 100%; }

body.tax-product_cat ul.products .product-category > div.container-inner > div { display: none; }


#mc4wp-form-1 .tnp-submit { background: #ffc20f; padding: 0 20px !important; line-height: 40px !important; }
#mc4wp-form-1 .tnp-field-email { text-align: right; }
#mc4wp-form-1 .tnp-field-email input { padding: 0 20px !important; line-height: 40px !important; border: none; }

.products .product .image-block .product-button-hover { display: none !important; }
.single-product .yith-wcwl-add-to-wishlist { display: none !important; }
.single-product .compare { display: none !important; }
.single-product .product_meta { display: none !important; }

.vc_btn3 { background: #263473 !important; color: #fff !important; }
.vc_btn3:hover { background: #ffc20f !important; color: #263473 !important; }
.vc_btn3-size-lg { min-width: 200px; }

body.single #content section.related { display: none; }
body.home nav.gridlist-toggle { display: none !important; }

.mega-menu ul li a.dc-mega:after { color: #fff; }
.header-search .header-toggle { background: url('images/search.png') no-repeat center center !important; }

.header-logo>a>img { max-width: 200px; }
.header-center, .header-right { margin-top: 20px; }
.ggsearch { text-align: right; }
.mega-menu ul li a { padding-top: 10px; }
.search-form #searchsubmit { background-color: #283B80; }
.search-form .search-field { border: none; }
.header-fix.sticky-menu { background-color: #283B80 !important; }

#content .product .theme-container:first-child { z-index: 9; }

iframe.forceshow { display: block !important; opacity: 1 !important; transition: unset !important; }

/* Downloads */
.docdownload { display: block; margin-bottom: 30px; }
.docdownload.hide { display: none; }
.docdownload a { display: block; padding: 10px 0; background: #F4F3F3; }
.docdownload a:hover { background: #EAF7ED; }
.docdownload a span.icon { color: #666666; font-size: 38px; display: inline-block; margin-right: 10px; }
.docdownload a span.textwrap { display: inline-block; height: 40px; }
.docdownload a span.title { display: block; line-height: 20px; color: #000000; font-weight: 700; font-size: 14px; }
.docdownload a span.text { display: block; line-height: 20px; color: #666666; font-size: 14px; }
.docdownload a span.button { display: block; width: 100%; text-align: center; line-height: 40px; padding: 0; margin: 0; color: #fff; background: #2FAD4A; }

#docdownload_form { display: block; padding: 10px 0; background: #F4F3F3; margin-bottom: 30px; }
#docdownload_form input, #docdownload_form select { display: block; width: 100%; background: #fff; border: 1px solid #DDD; height: 40px; }
#docdownload_form input { padding-left: 40px; }
#docdownload_form .vc_col-md-7 { position: relative; }
#docdownload_form .fa-search { position: absolute; left: 25px; top: 10px; font-size: 20px; color: #999; }
#docdownload_form button { display: block; width: 100%; text-align: center; line-height: 40px; padding: 0; margin: 0; color: #fff; background: #2FAD4A; font-weight: 400; }


@media (min-width: 1200px) {
	.header-right { display: none; }
}
@media (max-width: 1200px) {
	.menu-toggle:before { color: #fff; }
}
@media (max-width: 1080px) {
	.vrm-lookup-form h2, .vrm-lookup-form p { text-align: left; text-align: center;}
	.vrm-lookup-form p { margin-bottom: 20px !important; }
	.vrm-lookup-form form { text-align: center;}
	.footer-top { display: none; }
	#menu-footer-menu { margin-top: 30px; }

	#content.site-main { max-width: 90%; margin: auto; }
}
@media (max-width: 767px) {
	.site-header .topbar-outer { display: block; }
	.topbar-outer .contact-block { display: none; }
	.topbar-outer .header-offer { float: none; }
	.topbar-outer .offer-inner { text-align: center; }
	.site-header .header-left { padding: 5px 0; }
	.site-header .header-logo { display: block; }
	.site-header .header-logo > a > img { max-width: 150px; }
	.site-header .header-right { margin-top: 5px; padding-top: 15px; }
	.site-header .header-mob-logo { display: none; }
	.vc-hoverbox-inner h2 { font-size: 30px !important; }
	.tb_wrapper a.product_img, .tb_wrapper .tb_content { width: 100%; float: none; }
	.vrm-lookup-form h2 { line-height: 35px; }
	.vrm-lookup-form input { font-size: 30px; }
	.vrm-lookup-form button { margin-top: 20px; }
	.vrm_dropdown_form h3 { line-height: 35px; }
	.vrm_dropdown_form select { margin-bottom: 20px !important; }
	.woocommerce .single-product-full #content .product div.entry-summary { width: 100%; clear: both; }
	.tmpmela_product_nav_buttons { display: none; }
	.woocommerce.single-product #content div.product .entry-summary .product_title { padding-right: 0; }
	.woocommerce .single-product-full #content .product div.images { width: 100%; }
	body.home .cms-banner-inner { width: 100%; }
	body.home .sub-banner2, body.home .sub-banner2 > .vc_column-inner, body.home .vc_inner, body.home .vc_inner .vc_column-inner, body.home .vc_inner .wpb_column { padding: 0 !important; }
	body.home .vc_single_image-wrapper, body.home .vc_single_image-wrapper > img { width: 100%; }
}
@media only screen and (max-width: 600px) {
	.site-header .topbar-outer { display: block; }
}

/* Woo Sidebar & Filters */
.woocommerce {
    .content-area {
        display: flex;
        flex-direction: column-reverse;
        gap: 28px;
        .widget:has(.sidebar-title) {
            background: #e9e9e9;
            padding: 20px;
            transition: max-height 0.5s ease-in-out;
            max-height: 24px;
            overflow: hidden;
            @media (min-width: 768px) {
                transition: max-height 0s;
                max-height:1000px;
            }
            p:has(.sidebar-title) {
                position: relative;
                cursor: pointer;
                &::after {
                    content: url(/wp-content/themes/starbella_tools/images/caret-down-solid.svg);
                    position: absolute;
                    width: 18px;
                    top: 1px;
                    right: 0;
                    transition: transform 0.3s ease-in-out;
                    transform: rotate(0deg);
                }
            }
            &.sidebar-open {
                max-height: 1000px;
                p:has(.sidebar-title) {
                    &::after {
                        transform: rotate(180deg);
                    }
                }
            }
            .filter-title {
                font-size: 18px;
                font-weight: 500;
            }
        }
        #content {
            width: 100%;
        }
        @media (min-width: 768px) {
            flex-direction: row-reverse;
            .widget:has(.sidebar-title) {
                width: 25%;
                p:has(.sidebar-title) {
                    position: relative;
                    &::after {
                        content: none;
                    }
                }
            }
        }
    }
    .gridlist-buttonwrap {
        display: none;
    }
}

.facetwp-pager {
    text-align: center;
    .facetwp-page {
        background: #fff;
        border: 1px solid #e5e5e5;
        padding: 0;
        margin: 0px 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-weight: 600;
        &.active {
            background: #ffc43b;
            border: 1px solid #ffc43b;
            color: #fff;
        }
        &:not(.active) {
            &:hover {
                background: #ffc43b;
                border: 1px solid #ffc43b;
                color: #fff;
            }
        }
    }
}

.facetwp-facet {
    &.facetwp-type-checkboxes {
        margin-bottom: 0px;
    }
    button {
        transition: 0.3s ease-in-out;
        &:hover {
            background: #ffc43b;
            color: #000;
        }
    }
    &.facetwp-type-pager {
        margin-bottom: 0;
    }
    &.facetwp-type-sort {
        margin-bottom: 0;
    }
    &.facetwp-facet-sort_options {
        position: relative;
        select {
            width: 195px;
            font-family: Roboto, Arial;
            font-size: 13px;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 0;
            appearance: none;
            cursor: pointer;
        }
        &:has(select)::after {
            content: url(/wp-content/themes/starbella_tools/images/caret-down-solid.svg);
            width: 10px;
            right: 8px;
            top: 3px;
            display: block;
            position: absolute;
            pointer-events: none;
        }
    }
}

.woocommerce-ordering {
    margin-top: -4px;
}