/*
Theme Name: Complex
Theme URI: http://demo.lion-themes.com/complex/
Author: Lion-Themes
Author URI: http://lion-themes.com/
Description: Complex is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, 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: complex

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/*------------------------------------------------------------------
[Table of contents]

This theme compiles .less files into .css files. Please open "less" folder to see all LESS file.

1. Theme variables
    1.1 Fonts
    1.2 Colors
    1.3 Defined colors
2. Reset style
    - Body / body
    - Anchor tag / a
    - Image / img
    - Heading / h1, h2, h3, h4, h5, h6
    - Button / .button, .buttonMixin()
    - List / ul, ol
    - Table / table
3. Global CSS
    3.1 Page layout / .box-layout
    3.2 button / .buttonMixin()
    3.3 Tooltip / .tooltip
    3.4 page-content / .page-content
    3.5 page title / .widget-title
    3.6 Header Default / .header-container
	3.7 Footer Default / .footer
	3.7 Content / .main-wrapper
		3.7.1 Sidebar / #secondary
		3.7.2 Back To Top / #back-top
		3.7.3 Page 404 / .page-404
4. Woocommerce CSS
	4.1 WooCommerce Breadcrumbs / .woocommerce-breadcrumb
	4.2 WooCommerce onsale label / .onsale
	4.3 WooCommerce ratings / .ratings
	4.4 WooCommerce toolbar / .toolbar
	4.5 WooCommerce List Gird / .shop-products
	4.6 WooCommerce Product List Widget / .product_list_widget
	4.7 WooCommerce Product View / .product-view
	4.8 WooCommerce Check Out / .woocommerce-checkout
	4.9 WooCommerce View Cart / .shop_table
	4.10 WooCommerce Wishlist Table / .wishlist_table
	4.11 WooCommerce Quick View / .quickview-wrapper
	4.12 WooCommerce Top Cart / .topcart      
5. Blog CSS
	5.1 Blog Posts / .blog-posts
	5.1 Blog Page Posts / .post  
6. Megamenu CSS
	6.1	Default WP menu / .nav-menu
	6.2	Default WP Menu With Selected Location / .primary-menu-container
	6.3	Megamenu Main Menu / #mega_main_menu
7. Mobile Menu CSS
8. Projects CSS	
9. Home Blocks Layout
10. Responsive CSS
-------------------------------------------------------------------*/
.page-content h1{
    font-size: 25px;
    color: #ff5e62;
}
.page-content h2{
     font-size: 20px;
    color: #0EC6B3;  
}
.page-content h3{
    font-size:17px;
}
#secondary .widget .product-categories .current-cat.opening > ul,#secondary .widget .product-categories li.cat-parent.current-cat-parent > ul.children{        display:block;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 10px auto 10px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.bypostauthor{
	display: inline-block;
}
.wp-caption {
    background: #fff;
	border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
    clear:both;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 10px 0 0;
    padding: 0 4px 5px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
	color: #757575;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.widget_shopping_cart .widgettitle{
	display:none;
}
.header-container .welcome-message{
	    margin-left: 0px !important;
}
.header-container .header-login-form .lock-icon:hover, .header-container .header-login-form .lock-icon:hover i{
	color:#fff !important;
}
.categories-list{
	display: none;
}
.header-container .widget_product_search .woocommerce-product-search{
	    padding-left: 15px !important;
}
.header-container .widget_product_search .woocommerce-product-search input[type=submit], .header-container .widget_product_search .woocommerce-product-search button[type=submit]{
	    background: linear-gradient( 
135deg, #ff934b 0%,#ff5e62 100%) !important;
	        padding: 0 50px !important;
}
header .header-container .nav-menus{
	    background: linear-gradient( 
135deg, #0cc5b7 0%,#2bd891 100%) !important;
}
.nav-menus .categories-menu .catmenu-opener, .nav-menus .categories-menu .catmenu-opener:before{
	background: linear-gradient( 
135deg, #ff934b 0%,#ff5e62 100%) !important;
}
.nav-menus .primary-menu-container ul.nav-menu li.current-menu-item > a::before{
     position: absolute;
    content: '';
    /* background-color: red; */
    height: 5px;
    width: 80%;
    bottom: 0;
    background: linear-gradient( 
135deg, #ff934b 0%,#ff5e62 100%) !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.nav-menus .primary-menu-container ul.nav-menu li.current-menu-item > a{
	color:#fff !important;
}
.nav-menus .primary-menu-container ul.nav-menu li a{
	    padding: 0 15px !important;
}
.nav-menus .primary-menu-container ul.nav-menu li:first-child a{
	    padding-left: 15px !important;
}
.nav-menus .primary-menu-container ul.nav-menu li:hover > a, .nav-menus .primary-menu-container ul.nav-menu li.sfHover > a{
	color:#fff !important;
}
.home-news{
	    background-color: #ca0a06;
    color: #fff;
    font-size: 16px;
        padding: 5px 0px;
}
.section-bottom{
	margin-bottom: 0px !important;
}
.section-element.home-news .wpb_content_element {
    margin-bottom: 0px;
}
.main-heading{
	text-align: center;
}
.main-heading h1{
	margin-bottom:0px;
}
.inner-page-heading h1{
	margin-top:50px;
}
.product-category-div {
	background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
	padding: 30px 15px;
    margin-bottom: 30px;
    transition: .5s;
    margin-bottom: 20px !important;
}
.product-category-div:hover{
	box-shadow: 0px 0px 10px grey;
}
.product-category h2{
	font-size: 17px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
}
.product-category h2 mark{
	display: none;
}
.footer-top h2{
	font-size: 18px !important;
}
.footer-bottom{
	    background-color: #1D3757;
    color: #fff;
}
.footer .footer-bottom .container-inner {
    padding: 5px 0 !important;
    border-top:none !important;
}
.widget-copyright, .widget-payment{
	    line-height: 40px;
}
.widget-footer-5 p{
	margin-bottom: 5px;
}
.widget-footer-5 h5{
	    font-weight: 500;
    margin-bottom: 20px;
}
.footer-widget-top{
background-color: #ffb524 !important;
position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    z-index: 1;
    text-align: center;
}
.footer-widget-top:before, .footer-widget-top:after{
	    content: "";
    z-index: 2;
    position: absolute;
    left: 0;
    width: 100%;
    height: 55px;
    background-image: url(../../uploads/2021/09/curve.png);
    background-repeat: repeat-x;
}
.footer-widget-top:before{
	top:0;
    background-position: 60% 100%;
}
.footer-widget-top:after{
	    background-position: 90% 0;
	        bottom: 0;
}
.footer .footer-top{
	border-top:none !important;
}
.img1{
    position: absolute;
    left: 0;
    top: -85%;
    z-index: 4;
}
.img2{
    position: absolute;
    right: 0;
    bottom: -80%;
    z-index: 4;
}
.img-div{
	position: relative;
}
.footer-widget-top h2{
	font-size: 40px !important;
    margin-bottom: 40px;
}
.footer-widget-top .EmailId input{
    color: #000;
    background-color: #ffffffa1;
    height: 50px;
    padding: 10px 15px;
    font-weight: 700;
    border: none;
}
.footer-widget-top  .wpcf7 .wpcf7-submit{
background: #FF4301 !important;
    box-shadow: 7px 7px 0 #ffd9cc;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 7px 40px;
    transition: .4s;
    text-transform: capitalize;
    border:none !important;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select{
	    border: 1px solid #d4d4d4;
    background: #fff;
    height: 37px;
    padding: 5px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
}
#customer_login{
	margin-top:20px;
}
.contact-form input, .contact-form textarea{
    margin-bottom: 20px !important;
    padding: 15px !important;
}
.contact-form input.wpcf7-submit{
	    background: linear-gradient( 
135deg, #ff934b 0%,#ff5e62 100%) !important;
border: none !important;
    padding: 5px 30px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}
.header_login::after {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 2px;
    height: 16px;
    right: -18px;
    top: 1px;
}
.header-container .top-bar a{
	    margin-right: 30px;
    position: relative;
    line-height: 44px;
}
.header-login-form p{
	margin-bottom: 0px;
}
.header-container .top-bar a:hover{
	color: #FF6261 !important;
}
.header-container.sticky .widget_shopping_cart_content{
	    right: inherit !important;
}
.comments-area{
    display:none !important;
}
#pay_forma, #pp--pay-form {

display:none!important;

}

.wc_payment_methods {

display: block!important;

}
.qib-button:not(#qib_id):not(#qib_id), .qib-container .quantity input.qty:not(#qib_id):not(#qib_id){
    height:30px !important;
}
.qib-container{
    margin-top:10px !important;
}
.qib-button:focus:not(#qib_id):not(#qib_id), .qib-container .quantity input.qty:focus:not(#qib_id):not(#qib_id){
    border: 1px solid #cac9c9 !important;
}
.category-desc, .toolbar .view-mode{
    display:none !important;
}
.banner-section .wpb_content_element {
    margin-bottom: 0px !important;
}
.header-container .header-login-form .acc-form .acc-form-inner .acc-form-padding .acc-link a:nth-child(2) {
    display:none !important;
}
.woocommerce-form-login{
width: 50%;
    margin: 0 auto !important;
    margin-top: 20px !important;
}
.woocommerce h2{
    text-align:center;
      margin-top: 20px !important;
}
.tlp-portfolio button{
        padding: 5px 20px !important;
    font-weight: 600 !important;
}
@media only screen and (max-width: 1050px) {
.nav-menus .primary-menu-container ul.nav-menu li a {
    padding: 0 10px !important;
}
.nav-menus .primary-menu-container ul.nav-menu li a{
        font-size: 13px !important;
}
}
@media only screen and (max-width: 992px){
    .nav-mobile{
        background-color:transparent !important;
}
.nav-mobile .toggle-menu{
        border: 4px solid #FF6360 !important;
    margin-top: 4px !important;
        float: right !important;
}
.main-wrapper  .header-container.sticky .widget_shopping_cart_content .cart-toggler .content-cart .qty{
    display: block !important;
}

}
@media only screen and (max-width: 767px){
   .header-container .widget_product_search {
    max-width: 70% !important;
} 
.layout2.header-container .header .widget_shopping_cart{
    float: right !important;
        margin: 0px 0 !important;
}
.footer-widget-top{
        padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}
.img1{
      top: -65%;  
}
.img2 {
    bottom: -65%;
}
.header-container .welcome-message{
       line-height: 25px !important;
    font-size: 12px !important; 
}
.header-container .header-login-form .lock-icon{
        font-size: 12px !important;
            line-height: 30px !important;
}
}
@media only screen and (max-width: 500px){
    .footer-widget-top .wpcf7 .wpcf7-submit{
        margin-top:20px;
    }
}