/*
Theme Name: Comfort Furniture
Theme URI: https://comfortfurniture.pk/
Author: Rose Wood
Author URI: https://chiniotiefurniture.com/
Description: Wordpress theme designed for Comfort Furniture.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosewoodnew
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary-color:#947b42;
  --primary-dark-color:#7e6836;
  --secondary-color: #6c401c;
  --secondary-dark-color: #5c3515;
  --green-color: #01a74b;
  --green-dark-color: #009744;
}

body {font-family: 'Roboto', sans-serif;}
img {max-width:100%; height:auto;}
a {color:var(--primary-color); transition:all linear 0.2s;text-decoration:none;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}

.btn, .form-control {border-radius: 0;}

.btn-warning {background: var(--primary-color); border-color: var(--primary-color); color: #fff;}
.btn-warning:hover, .btn-warning:focus {background: var(--primary-dark-color); border-color: var(--primary-dark-color); color: #fff;}

.btn-danger {background: var(--secondary-color); border-color: var(--secondary-color); color: #fff;}
.btn-danger:hover, .btn-danger:focus {background: var(--secondary-dark-color); border-color: var(--secondary-dark-color); color: #fff;}

.btn-success {background: var(--green-color); border-color: var(--green-color); color: #fff;}
.btn-success:hover, .btn-success:focus {background: var(--green-dark-color); border-color: var(--green-dark-color); color: #fff;}

.btn_styled {padding:8px 25px;}
.form-group {margin:0 0 20px;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {position:relative;}
.gallery-caption {}
.bypostauthor {}
.clear { clear:both;}

section {padding: 60px 0;}
.sec_heading {text-align: center; font-weight: 700; margin: 0 0 30px;}
.sec_heading_left {font-weight: 700; margin: 0 0 30px;}

header {background: #fff;}
.topbar {background: #121212; color: #fff; padding:15px 0 17px;}
.topbar a {color: #fff;}
.topbar a:hover {color: #ffd577;}
.topbar i {font-size: 24px; margin-right: 5px; position: relative; top: 3px; color: #ffd577;}
.topbar .la-whatsapp {color: #00db1d;}
ul.top_contact {margin: 0 0 20px; padding: 0; list-style: none; text-align: right;}
ul.top_contact li {display: inline-block; margin-right: 30px; position: relative; padding:0 0 0 50px; text-align: left; line-height: 1.3;}
ul.top_contact li i {font-size: 38px; position: absolute; left: 0; top: -1px; color: var(--primary-dark-color);}
ul.top_contact li i.la-whatsapp {color:var(--green-color);}
ul.top_contact li a {color: #000;}
ul.top_contact li span {display: block; font-weight: 700; text-transform: uppercase; font-size: 13px;}
ul.top_contact li:last-child {margin-right: 0;}

.menubar {padding:30px 0; position: relative;}
.top_right a {margin-right: 25px; display: inline-block; vertical-align: middle;}
.top_right a:last-child {margin-right: 0;}
.top_right .btn {font-size: 14px; padding:8px 20px}
.search_btn {font-size: 26px; color: #000; padding:0 0 0 25px !important; line-height: 1; top: 4px;}
.menubar .logo{width: 115px;}
.search_wrap {position: absolute; top: 100%; left: 10px; right: 10px; top:100%; background: #fff; z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,0.20); max-width: 1320px; padding:0 25px; margin: 0 auto;}
.search_wrap .form-control {border: 0; font-size: 25px; min-height: 85px;}
.search_wrap .form-control:focus {box-shadow: none;}
.search_wrap .btn {font-size: 30px; padding-top: 20px; border: 0;}

#menu{position:relative;}
#menu ul{list-style:none;margin:0;padding:0; text-align: right;}
#menu ul li{display:inline-block;position:relative;}
#menu ul li a{color:#000; padding:10px 13px 0; font-weight: 600; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;transition:all .3s linear;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--primary-color);}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#333}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap; box-shadow: 0 0 10px rgba(0,0,0,0.20);}
#menu ul li.active ul li a { background:#fff; color:#333;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li:hover{background:var(--primary-color);border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:#ff9e00;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);}
header.sticky ul.top_contact {display: none;}
header.sticky .menubar {padding:10px 0;}
header.sticky .logo {max-width:115px;}
header.sticky #menu > ul > li {vertical-align: middle;}
header.sticky #menu > ul > li > a {padding:0px 13px 0;}

.grey_bg {background: #f4f4f4;}
#homeslider .owl-prev, #homeslider .owl-next {position: absolute; top:50%; transform: translateY(-50%); background:rgba(0, 0, 0, 0.75); width: 50px; height: 50px; line-height: 50px; font-size:28px; text-align: center;color:#fff;}
#homeslider .owl-prev {left: 15px;}
#homeslider .owl-next {right: 15px;}

.products_slider .owl-nav button.owl-prev, .products_slider .owl-nav button.owl-next {position: absolute; top:-50px; transform: translateY(-50%); color:#fff ; height:50px; width: 50px; background:var(--secondary-color); font-size: 28px; line-height: 50px;}
.products_slider .owl-nav .owl-prev {right:70px;}
.products_slider .owl-nav .owl-next {right:0;}
.products_slider .owl-nav .owl-prev:hover, .products_slider .owl-nav .owl-next:hover {background: var(--primary-dark-color); color: #fff;}

.product_box {border: 1px solid #ddd;}
.product_box .product_thumb img {height: 340px; object-fit: cover; width: 100%;}
.product_contents {padding:15px; text-align: center; background: #f6f6f6;}
.product_contents h6 {margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.product_contents h6 a {color: #000;}
.product_contents .btn {font-size: 13px; padding:7px 15px; margin-right: 5px;}
.product_contents .btn:last-child {margin-right: 0;}

.featured_products_sec .product_contents {background: #fff;}
.new_arrivals_sec {position: relative;}
.new_arrivals_sec .container {position: relative;}

.new_arrivals_sec .product_box .product_thumb {border-radius: 10px 10px 0 0;}
.new_arrivals_sec .products_slider .owl-nav button.owl-prev, .new_arrivals_sec .products_slider .owl-nav button.owl-next {background: var(--primary-color);}
.new_arrivals_sec .products_slider .owl-nav .owl-prev:hover, .new_arrivals_sec .products_slider .owl-nav .owl-next:hover {background: var(--primary-dark-color); color: #fff;}

.about_sec .sec_heading_left {margin: 0 0 15px;}
.about_sec p {margin: 0 0 30px;}

.blog_sec {background-color: #f3f3f3;}
.blog_wrap {background: #fff;box-shadow: 0 0px 10px 4px rgb(31 66 135 / 10%); margin: 0 0 30px;}
.blog_thumb img {height: 250px; object-fit: cover; width: 100%;}
.blog_info {padding:30px;}
.blog_info h4 {font-weight: 600;}
.blog_info h4 a {color:#212121;}
.blog_info h4 a:hover {color:var(--primary-color);}
.blog_info p {color:#666;}

.blog_small_info {border-top:1px solid #ddd; padding-top:20px; margin-top: 20px;}
.blog_small_info a {color:#333;}
.blog_small_info i.fa {margin-right:5px; color:var(--primary-color);}

.cta_contents {background: var(--primary-dark-color); color: #fff; padding:45px 60px; border-radius: 15px;}
.cta_contents p {font-size: 18px; margin: 0;}

.cta_info a {color: #fff; font-size: 22px; display: block; margin: 0 0 15px;}
.cta_info a:last-child {margin: 0;}
.cta_info i {font-size: 28px; margin-right: 6px; position: relative; top: 3px;}
.cta_info a:hover {text-decoration: underline;}

footer {background: #f6f6f6; padding: 50px 0 0; color: #222; border:1px solid #ddd;}

footer h5 {margin: 0 0 20px;}
ul.footer_links {padding:0 0 0 5px; margin:0; list-style: none; overflow: hidden;}
ul.footer_links li {margin: 0 0 15px; position: relative; padding:0 0 0 15px;}
ul.footer_links li:before {position:absolute; left:0; top:-1px; content:"\f105"; font-family: FontAwesome; color: var(--primary-color);}
ul.footer_links li a {color:#222;}
ul.footer_links li a:hover {color:var(--primary-color);}
ul.footer_links li.current_page_item a {color:var(--primary-color);}

ul.footer_contact_info {padding:0 0 0 5px; margin:0; list-style: none; overflow: hidden;}
ul.footer_contact_info li {margin: 0 0 25px; position: relative; padding:0 0 0 35px;}
ul.footer_contact_info li i {position: absolute; left: 0; top: 1px; color:var(--primary-dark-color); font-size: 22px;}
ul.footer_contact_info li a {color:#222;}
ul.footer_contact_info li a:hover {color:var(--primary-color);}

.newsletter_wrap {margin: 0 0 20px;}
.newsletter_wrap p {font-size: 14px;}
.newsletter_wrap .form-control {min-height: 50px;}
.newsletter_wrap .btn {border-radius: 0; padding: 12px 15px;}

.footer_social a {font-size: 24px; margin: 0 15px 0 0;color:var(--primary-dark-color);}
.footer_social a:hover {color: #222;}

.copyrights {padding:12px 0; margin: 70px 0 0; text-align: center; background: #e9e9e9; font-size: 14px;}

.whatsapp_btn { position:fixed; right:15px; bottom:50px; transform: translateY(-35%); z-index:9; animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; -moz-animation:bounce 2s infinite; -o-animation:bounce 2s infinite;}

.whatsapp_btn img { max-width: 70px;}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-20px);}
	60% {-webkit-transform: translateY(-10px);}
}

.inner_banner {text-align: center; color: #fff; padding:100px 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.inner_banner:before {position: absolute; content:""; left:0; top:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.75);}
.inner_banner .container {position: relative;}
ul.breadcrumbs {padding:0; margin:0; list-style: none;}
ul.breadcrumbs li {display: inline-block; color:#ffd577;}
ul.breadcrumbs a {color:#fff;}
ul.breadcrumbs a:hover {color:#ffd577;}
ul.breadcrumbs li {position: relative;}
ul.breadcrumbs li:before {content:"\f105"; font-family: FontAwesome; margin:0 10px 0 8px;color:#fff;}
ul.breadcrumbs li:first-child::before {display: none;}
.inner_breadcrumbs {background:#ededed; padding:15px 0;}
.inner_breadcrumbs ul.breadcrumbs a {color:#000;}
.inner_breadcrumbs ul.breadcrumbs li{color:var(--primary-color);}
.inner_breadcrumbs ul.breadcrumbs a:hover {color:var(--primary-color);}
.inner_breadcrumbs ul.breadcrumbs li:before {color:#000;}

.breadcrumb{color:#ffd577; display:block;}
.breadcrumb a{color:#fff;}
.breadcrumb a:hover{color:#ffd577;}
.breadcrumb > span::after{color:#fff;content:"/ ";padding:0 8px}
.breadcrumb > span:last-child{padding-right:0}
.breadcrumb > span:last-child:after{content:""}
.breadcrumb > span.current-item{color:#ffd577}

.breadcrumb_pro{color:#6c401c; display:block; margin-bottom:0;}
.breadcrumb_pro a{color:#000;}
.breadcrumb_pro a:hover{color:#6c401c;}
.breadcrumb_pro > span::after{color:#000;content:"/ ";padding:0 8px}
.breadcrumb_pro > span:last-child{padding-right:0}
.breadcrumb_pro > span:last-child:after{content:""}
.breadcrumb_pro > span.current-item{color:#6c401c}

.inner_contents .product_box {margin: 0 0 30px;}
.inner_contents { min-height:400px;}

.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}
.swiper-slide{background-size:cover;background-position:center}
.mySwiper2{height:80%;width:100%}
.mySwiper{height:20%;box-sizing:border-box;padding:10px 0}
.mySwiper .swiper-slide{width:25%;height:100%;opacity:.4}
.mySwiper .swiper-slide-thumb-active{opacity:1}
.swiper-slide img{display:block;width:100%;height:400px;object-fit:scale-down}
.mySwiper .swiper-slide, .mySwiper .swiper-slide img {height: 100px; object-fit: cover;}
.swiper-button-next, .swiper-button-prev {color: #947b42!important;}

.product_meta{margin-bottom:35px}
.product_meta p {margin: 0 0 20px;}
.product_meta strong{font-weight:500;width:23%;display:inline-block}
.product_meta strong.full_block {width:100%; display:block;}
.product_meta .small_select{width:125px;padding:5px}
.detail_contents h1{text-transform:inherit;margin-bottom:0;font-weight:600;margin-bottom:10px}
.detail_contents .sub_heading{letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;color:var(--secondary_color);font-weight:500}

.tnp-subscription { margin:0 auto; max-width:300px;}
.tnp-subscription label { font-weight:normal; padding:0 0 5px 0;}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription select, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile select { background:none !important; border:#ced4da 1px solid !important; max-width:300px; height:auto; padding:6px 12px;}
.tnp-subscription input[type=text]:focus, .tnp-subscription input[type=email]:focus, .tnp-subscription select:focus, .tnp-profile input[type=text]:focus, .tnp-profile input[type=email]:focus, .tnp-profile select:focus { outline:none !important; border-color:#999 !important;}
.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit { background:var(--primary-color) !important; cursor:pointer; padding:6px 12px; font-size:16px; line-height:1.5;}
.tnp-subscription input.tnp-submit:hover, .tnp-subscription input.tnp-submit:focus, .tnp-profile input.tnp-submit:hover, .tnp-profile input.tnp-submit:focus { background:var(--primary-dark-color) !important; outline:none !important;}

.price_wrapper {padding: 0 0 20px; font-weight: 600; min-height: 44px;}
.price_wrapper del {color: #999; margin-right: 5px; font-weight: 400;}

.custom_pagination,.woocommerce-pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:#947b42;background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#947b42;border-color:#947b42}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:#947b42;border-color:#947b42}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.tags_list{margin-bottom:10px;}
.tags_list i{margin-right:5px;}
.tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;color:#000;border:1px solid #666;border-radius:4px;}
.tags_list a:hover{background:#947b42;border-color:#947b42;color:#fff;}
.tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;color:#000;border:1px solid #666;border-radius:4px;}
.tagcloud a:hover{background:#947b42;border-color:#947b42;color:#fff;}

.comment_sec { margin-top:20px;}
.comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;}
.comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;}
.comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px;}
.comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3;}
.comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;}
.comment_sec ol.commentlist li .comment-body p { clear:both;}
.comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;}
.comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;}

.sidebar {}
.sidebar .widget { margin-bottom:30px;}
.sidebar ul { list-style:none; margin:0; padding:0;}
.sidebar ul li { border-bottom:1px dotted #ddd;}
.sidebar ul li:last-child { border-bottom:0;}
.sidebar ul li a { color:#000; display:block; padding:8px 5px 8px 20px; position:relative;}
.sidebar ul li a:before { content:"\f105"; font-family:'FontAwesome'; position:absolute; left:8px; top:7px;}
.sidebar ul li a:hover, .sidebar ul li.is-active a { background:#947b42; color:#fff; text-decoration:none;}

.post-stats {  margin-bottom: 10px; overflow: hidden;}
.post-stats div { float: left;}
.post-stats div, .post-stats span { font-size: 13px;  margin-right: 8px;}
.post-stats i.fa { font-size: 13px; margin-right:5px;}

ul.check_list {padding: 0; margin: 0 0 20px; list-style: none;}
ul.check_list li {position: relative; padding-left: 25px; margin: 0 0 8px;}
ul.check_list li:before {position: absolute; content: "\f00c"; font-family: 'Line Awesome Free'; font-weight: 900; top: 0; left: 0; color: #009c00;}

ul.contact_page_list {padding:0; margin:0 0 30px; list-style: none;}
ul.contact_page_list li {position: relative; margin: 0 0 15px; padding-left: 30px;}
ul.contact_page_list li i {position: absolute; left: 0; top: 0; color: var(--primary-dark-color); font-size: 22px;}
ul.contact_page_list li a {color: #000;}


.categories_sec a {border: 12px solid #fff; display: block; box-shadow: 0 0 20px rgba(0,0,0,0.30);}