/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
a.porto-sicon-read.xx {color: #70510F !important;}
.woocommerce-checkout .woocommerce-error {color: #cd3333;}
a.btn.btn-gold{background-color: #71530E !important;}
#header .header-top, .header-top .top-links > li.menu-item:after,.header-top .welcome-msg a{color: #242424 !important;}
.top-header-sec {display: flex;width: 100%;justify-content: space-between;align-items: center;}
#header .header-top .welcome-msg{width: 100%;}
#header .header-top .welcome-msg .top-header-sec ul {list-style: none; display: flex;column-gap: 15px;align-items: center;}
#header .header-top .welcome-msg .top-header-sec .right-side{margin-top: 15px;}
#porto-posts-grid-8m8f .owl-carousel .owl-item img{max-height:330px!important;width:auto;margin:0 auto}
#porto-posts-grid-8m8f .owl-carousel .owl-item .product-image{display:flex;align-items:center;justify-content:center}
#porto-posts-grid-8m8f .owl-carousel .owl-item li.product:hover .product-image{box-shadow:none}
.product-selector .ps-nav h2,.product-selector .step-0 h2,.product-selector .step-1 h2{font-size:50px;line-height:1.4em;color:#fff;margin-bottom:10px}
.product-list,.product-selector .step-0 .product-type:hover,.product-selector .step-1 .product-type:hover{cursor:pointer}
.ico-step,.product-category .thumb-info .thumb-info-wrapper img{opacity:.5}
.footer-wrapper .footer-bottom .footer-center img{max-width:160px;width:100%}
form.checkout.woocommerce-checkout .box-content{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding:15px;border-radius:15px;border:none}
.product-images .img-thumbnail .inner img{max-height:400px;width:auto;display:inline-block;margin:auto}
.product-images .img-thumbnail .inner{border:none;text-align:center}
ul.products li.product-col .woocommerce-loop-product__title{white-space:unset;overflow:visible}
#productselector .sub-list,.product-selector .step,.step-3 .parts,aside#follow-us-widget-3 .widget-title,ul.products .category-list{display:none}
#mini-cart .cart-items,.my-wishlist .wishlist-count,.product-category .thumb-info .thumb-info-wrapper{background-color:#e0ab3d}
.my-banner{display:none!important}
.tw-special-spec-outer{display:inline-block;width:47%;font-weight:700;font-size:14px}
.tw-special-spec-outer span{font-weight:400}
.tw-special-spec-outer button{background-color:#000;color:#fff;font-size:10px;width:15px;height:15px;border-radius:15px;padding:0;line-height:15px;text-align:center;margin-top:-15px;margin-left:5px}
.elementor-element-35d2431 .elementor-container{padding:0!important}
.product-selector{background:#000;height:auto;color:#fff!important;padding:40px;min-height:400px}
.in-label,.product-selector .step-0 .product-type:hover h4,.product-selector .step-1 .product-type:hover h4,.product-selector .step-2 .product-list span:hover,.product-selector h2 span{color:#a77e3b}
.product-selector .step-0,.product-selector .step-2 .product-list span,.step-3 .parts.part-1{display:block}
.product-selector .ps-nav h2{border-bottom:5px solid #a77e3b;display:inline-block}
.product-list{display:inline-block;margin-top:10px;float:left;padding-right:60px}
.product-list-2{display:none;float:left}
.product-selector .container{max-width:1180px!important;padding:0!important}
.product-selector .step-0 .left,.product-selector .step-0 .right,.product-selector .step-1 .left,.product-selector .step-1 .right{display:inline-block;vertical-align:top}
.product-selector .step-1 .left{display:inline-block;border-right:5px solid #a77e3b;padding:60px 120px 60px 0}
.product-selector .step-0 .right,.product-selector .step-1 .right{padding-left:200px}
.product-selector .step-0 .product-type,.product-selector .step-1 .product-type{display:inline-block;width:48%;text-align:center;padding:5px 10px}
.product-selector .step-0 .product-type h4,.product-selector .step-1 .product-type h4{color:#fff;margin-top:10px}
.product-selector .step-0 img,.product-selector .step-1 img{width:100px}
.product-selector .step-0 .left{display:inline-block;border-right:5px solid #a77e3b;padding:40px 40px 40px 0}
.step-0 .right{padding-left:100px!important}
.step-0 .right .width-50{margin:0 2%;width:44%}
.width-50{border:4px solid #000;padding:20px;text-align:center!important;width:47%;display:inline-block;vertical-align:top;cursor:pointer!important}
.width-50:hover{border:4px solid #a77e3b;color:#a77e3b}
.width-50 img{width:auto!important}
.width-50 h3{font-size:30px;color:#fff}
.width-50 p{max-width:250px;margin:10px auto auto;font-size:12px}
.product-selector .step-2 .product-list{margin-top:20px}
.product-selector .step-2 .product-list-2{border-left:2px solid #a77e3b;padding-left:40px}
.in-label{font-style:italic;margin-bottom:10px}
.ps-ico-steps{float:right;margin-top:25px}
.ico-step{display:inline-block;width:50px;height:50px;line-height:50px;background-color:#a77e3b;color:#fff;border-radius:50px;margin-right:10px;text-align:center;cursor:pointer}
.ico-step:hover{background-color:#fff;color:#000!important;opacity:1}
.ico-step.active{opacity:1}
.step-3 .left,.step-3 .right{float:left;margin-right:30px;padding-top:30px;width:45%}
.step-3 .right{float:right;margin-right:0}
.step-3 .clear-both{clear:both;margin-bottom:50px}
.step-3 h3,.step-5 h3{color:#fff;font-size:30px}
.step-3 ul,.step-5 ul{padding-left:20px}
.step-3 .options,.step-5 .options{margin-bottom:5px;color:#a77e3b;text-transform:uppercase;font-weight:600}
.product-selector .step-3 img{max-width:100%}
.step-5 .left,.step-5 .right{float:left;margin-right:30px;padding-top:30px;width:40%}
#productselector .btn{padding-left:0}
#productselector .btn.btn-white a{border-color:#fff;color:#fff}
#productselector .btn-gold a,.ps-footer-nav .btn-gold a{border-color:#a77e3b;color:#fff}
.ps-footer-nav{text-align:right;clear:both}
.blog-posts{display:flex;flex-direction:row;flex-basis:50%;flex-wrap:wrap}
.blog-posts .post{width:calc(50% - 40px);padding:20px;border:none;-webkit-box-shadow:0 1px 13px 5px rgba(0,0,0,.2);box-shadow:0 1px 13px 5px rgba(0,0,0,.2);margin:20px}
.blog-posts .post .post-content{border:none}
.blog-posts .post .btn{color:#fff;font-size:18px!important}
@media (max-width:1300px) {
.step-0 .right,.step-1 .right{padding-left:0!important;width:69%}
.step-0 .right img,.step-1 .right img{height:auto!important}
.step-0 .left,.step-1 .left{margin-bottom:20px!important;padding:0!important;width:30%}
}
@media (max-width:1024px) {
	#header .welcome-msg .top-header-sec p {font-size:12px;text-align: center;}
.step-0 .left h2{font-size:36px}
.product-selector .step-0 .left {padding: 16px 0 !important;}
	.step-0 .right .width-50{padding: 20px 5px !important;}
		.slider_content3 h2 {
    float: right;
    width: 62% !important;
    font-size: 20px !important;
    text-align: right !important;
}
}
@media (max-width:768px) {
	
	.same-font-btn a{font-size:14px !important;}
		.slider_content3 h2 {
    float: right;
    width: 62% !important;
    font-size: 18px !important;
    text-align: right !important;
}
	.step-0 .left,.step-1 .left{border-right:none!important;border-bottom:5px solid #a77e3b;}
	.step-0 .right,.step-1 .right{padding-left:0!important;width:100%}
.step-0 .left,.step-1 .left{width:100%}
.step-0 .right .width-50,.step-5 .left,.step-5 .right{width:100%}
.product-selector{padding:30px 15px}
.product-selector .ps-nav h2,.product-selector .step-1 h2,.product-selector .step-2 h2{font-size:40px}
.product-selector .step-1 .left{width:100%;padding:0;border-right:none;border-bottom:5px solid #a77e3b}
.product-selector .step-1 .right{padding:30px 0 0;width:100%}
.ico-step{margin-bottom:20px}
.product-selector .step-2 .product-list-2{border-top:2px solid #a77e3b;border-left:none;padding-left:0;padding-top:10px;margin-top:15px}
.ps-footer-nav{text-align:center;padding:60px 0 30px}
#side-nav-panel .accordion-menu li.menu-item.active > a,#side-nav-panel .accordion-menu li.menu-item:hover > a,#side-nav-panel .menu-custom-block a:hover{background-color:#f5f5f5;color:#000}
}
.footer .tooltip-icon,.footer a:not(.btn){color:#d5d0d0;font-weight:600}
.footer a:hover{color:#e0ab3d!important}
span.footer-copyright{color:#fff;font-size:14px;font-weight:600}
#footer .footer-bottom{background-color:#414242;padding:0}
.footer .post-item-small,.footer .widget > div > ul,.footer .widget > div > ul li,.footer .widget > ul,.footer .widget > ul li{/*border-color:red*/}
@media (max-width:991px) {
#side-nav-panel .searchform-fields{background:#444b54}
#side-nav-panel .searchform input[type=text]{color:#fff}
}
#footer .footer-main > .container{padding-top:2rem;padding-bottom:2rem}
@media (max-width:576px) {
	.slider_content3 h2 {
    float: right;
    width: 62% !important;
    font-size: 14px !important;
    text-align: right !important;
}
	.step-3 .left, .step-3 .right, .product-selector  .left, .product-selector .right{width:100%;}
.single_add_to_cart_button,.view-cart-btn{font-size:11px!important}
.slider_content{max-width:80%}
.slider_content h2 {
    font-size: 18px !important;
}
.One-stop-banner {
    margin-top: -15px !important;
}
}
@media (min-width: 2561px) and (max-width: 80000000px) {
#landscape-canvas{width:100%!important;height:900px!important}
body,html{position:relative;width:1920px!important;margin:0 auto!important;overflow-x:hidden!important;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.24)!important;-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.24)!important;box-shadow:0 0 15px 0 rgba(0,0,0,0.24)!important}
header{width:1920px!important}
.header{width:1920px!important}
}
/* Ensure logo is always visible and properly sized */
#header .logo img {
    display: inline-block !important;
    max-height: 100px !important;
    width: auto !important;
}

/* Override Porto's complex logo display rules */
#header .logo .standard-logo,
#header .logo .retina-logo {
    display: inline-block !important;
}