html{
	overflow-x: hidden;
}
body {
	font-family: "Inter", sans-serif!important;
	overflow-x:hidden;
	font-weight: 400;
}
p{
    font-weight: 400;
}
.size-full-1{
    width: 100%;
}
#pwgc-redeem-gift-card-container{
    margin: 0 !important;
}
.wc-proceed-to-checkout{
    display: flex;
    align-items: end;
    justify-content: start;
    gap: 15px;
}
.wc-proceed-to-checkout{
    background-color: #ffe7cd;
    border-radius: 10px;
}
.cart_totals{
    float: none !important;
}
.x-btn-navbar-search {
  display: none !important;
}
 .products.columns-4 li{
    padding: 0!important;
}
.has-post-thumbnail{
    padding: 50px 0;
}
.woocommerce-product-gallery--with-images{
    padding-right: 3%;
}
.tabs.wc-tabs{
    padding: 0;
    margin: 0;
}
.tabs.wc-tabs li{
    list-style: none;
}
.tabs.wc-tabs li a{
    color: #f18f27;
}
.summary.entry-summary .price{
    font-size: 25px;
    font-weight: 600;
}
.summary.entry-summary .qty{
    border: solid 1px #ccc;
    outline: none;
    height: 45px;
    min-width: 140px;
    border-radius: 5px;
    padding: 0 10px;
}
.cartproduct{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 
#customer_details{
    display: flex;
    gap: 0px;
    justify-content: space-between;
    margin-top: 30px;
}
#customer_details .col-1, #customer_details .col-2{
    width: 50%;
}
.woocommerce-info .showlogin, .woocommerce-info .showcoupon{
    color: #f18f27;
}
#customer_details label {
    display: block;
    margin-bottom: 5px;
}
#customer_details .input-text{
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: none;
    border: solid 1px #ccc;
    color: #000;
    padding: 0 15px;
}
#order_review ul{
    padding: 0;
    margin: 0;
}
#order_review ul li{
    list-style: none;
}
#pwgc-redeem-gift-card-number, #pwgc-redeem-button{
    display: inline-block!important;
}
#place_order{
    border: none;
    background-color: #f18f27;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 25px;
}
.woocommerce-terms-and-conditions-link, .woocommerce-privacy-policy-link, .about_paypal{
    color: #f18f27;
}
 

#customer_details .state_select {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: none;
    border: solid 1px #ccc;
    color: #000;
    padding: 0 15px;
}

.blogbox{
    height: 100%;
}

.Versatility {
    padding-top: 20px;
}
.insta{
	width:28px!important;
	height:28px!important;
}
.category-articles{
    max-width: 1320px;
    margin: 50px auto;
    padding: 0 15px;
}
.category-articles h1{
    margin: 30px 0;
}
.category-articles p {
    margin-bottom: 40px;
}
.category-articles h3 {
    color: #ee8f25;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 22px;
}
.category-articles ol {
    padding: 0;
    margin: 0 0 40px 15px;
}
.category-articles ol li {
    margin-bottom: 15px;
}
.category-articles img {
    border-radius: 15px;
    max-width: 100%;
    width: 100%;
    height: auto;
}


.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal !important;
  padding: 0;
  position: absolute !important;
  width: 1px;
}
.term-description{
    margin: 0 auto;
    max-width: 69%;
}
.masthead.masthead-stacked {
  display: none;
}
.x-container.max.width.offset{
    max-width:100% !important;
    width:100% !important;
    margin:0px auto !important;
}
body {
  background: none !important;
}
.searchbar {
  display: block !important;
}
.x-main{
    width:100% !important;
}
 .page-wrapper{
        max-width:900px;
        margin:30px auto;
        background:#ffffff;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 4px 16px rgba(0,0,0,0.1);
    }
    .hero-image{
        width:100%;
        display:block;
    }
    .content{
        padding:24px 26px 30px;
        line-height:1.6;
        color:#444444;
        font-size:15px;
    }
    .title{
        text-align:center;
        font-weight:bold;
        color:#f79b1c;   /* orange heading color */
        margin-top:12px;
        margin-bottom:4px;
        font-size:18px;
    }
    .greeting{
        margin-top:18px;
        margin-bottom:10px;
    }
    .signature{
        margin-top:16px;
    }
    
    .header_bg h1{
        font-size: 40px;
        font-weight: 600;
    }
    .page-wrapper{
        max-width: 1320px;
        margin: 80px auto;
        background: none;
        box-shadow: none;
        padding: 0 15px;
    }
    .content{
        font-size: 16px;
        padding: 25px 0;
    }
    .title{
        font-size: 22px;
        margin-top: 20px;
    }
    .workshop h2{
    	font-size: 45px;
  		font-weight: bold;
  		color: #000;
    }
    .workshop h3{
    	color: #f18f27;
    }
    .workshop li::marker {
  color: #ee8f25;
  font-size: 20px;
}
.workshop img {
  border-radius: 5%;
}

/*cart PAGE DESIGN*/

/*end cart page design*/
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}

.header .navbar{
	padding: 0;
	flex: 1;
}
.header .navbar-brand{
	padding: 0;
	margin: 0;
}
.headerinner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headerinner .nav-item{
	padding-left: 25px;
}
.headerinner .nav-link{
	padding: 0;
	font-size: 15px;
	color: #ed8b20;
	font-weight: 500;
	text-transform: uppercase;
}
.headerinner .nav-link:hover{
	color: #76903a;
}
.headerinner .dropdown-item{
	font-size: 17px;
	background: none;
	color: #ed8b20;
}
.headerinner .dropdown-item:hover{
	color: #76903a;
}

.header-right{
	margin-left: 35px;
	display: flex;
	align-items: center;
}
.header {
    background: #FFFAEE;
}
.socialicons{
	display: flex;
	align-items: center;
	gap: 5px;
}
.menu-item{
    padding: 0;
    padding-right: 0px;
    padding-left: 0px;
  font-size: 15px;
  color: #ed8b20 !important;
  font-weight: 500;
  text-transform: uppercase;
}
.headerinner .page_item {
  padding-left: 25px;
}
.entry-header{
	background-image: url('https://demoserverprogrammates.org.in/Diannesews/Development_1/wp-content/themes/x/images/contact_bg.png');
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	min-height: 150px;
  	text-align: center;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.entry-header h1{
	text-transform: uppercase;
  	color: #f18f27;
  	font-size: 40px;
  	font-weight: 600;
}
.p-meta {
  display: none;
}
.images{
	opacity: inherit !important;
	float: left;
}
.entry-summary .product_title{
    font-size: 30px;
    margin-bottom: 20px;
}
.entry-summary{
    font-size: 16px;
    line-height: 25px;
}
.entry-summary .quantity{
    display: flex;
    gap: 15px;
    align-items: center;
}
.entry-summary .single_add_to_cart_button{
    display: inline-block;
    border: none;
    background-color: #f18f27;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 25px;
    margin: 20px 0;
}
.woocommerce-breadcrumb a{
    color: #f18f27;
}
.product_meta a{
    color: #f18f27;
}
.upsells.products h2, .related.products h2{
    font-size: 30px;
    margin: 25px 0;
}
.products.columns-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.products.columns-4 li{
    list-style: none;
}
.products.columns-4 .woocommerce-loop-product__title{
    font-size: 20px;
    color: #000;
}
.products.columns-4 .price{
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 15px 0;
}
.products.columns-4 .woocommerce-loop-product__title{
    color: #181818;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin: 15px 0;
}
.products.columns-4 .woocommerce-loop-product__title{
    margin-bottom: 15px;
}
.products.columns-4 .price{
    margin: 0;
    color: #181818;
    font-size: 16px;
    font-weight: 600;
}
.products.columns-4 li {
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    padding: 15px;
}
.products.columns-4{
    padding: 0;
    margin: 0;
}
.related.products{
    padding-bottom: 50px;
}
.products.columns-4 .onsale{
    position: absolute;
    background-color: #f18f27;
    color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
}
.products.columns-4 li .attachment-woocommerce_thumbnail{
    height: 300px;
    object-fit: contain;
}
.products.columns-4 li{
    box-shadow: none;
}
.woocommerce-pagination .page-numbers{
    padding: 0;
    display: flex;
    margin: 20px 0 50px 0;
    justify-content: center;
    gap: 10px
}
.woocommerce-pagination .page-numbers li{
    list-style: none;
}
.woocommerce-pagination .page-numbers li .page-numbers{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e2e2e2;
    border-radius: 5px;
    color: #f18f27;
}
.woocommerce-pagination .page-numbers li .page-numbers.current{
    background-color: #f18f27;
    color: #fff;
}

.dataclass ul {
  margin-left: auto !important;
}
.dataclass ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.product_header_bg{
    background-size: cover;
    width: 100%;
}
.woocommerce-products-header .woocommerce-products-header__title{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    margin: 50px 0;
}
.product_header_bg-inner{
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shopleft .woocommerce-breadcrumb {
    font-size: 20px;
    font-weight: 600;
}
.shopleft .woocommerce-result-count{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.shopright .orderby{
    min-height: 45px;
    min-width: 300px;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 10px;
    outline: none;
    border: solid 2px #f28f29;
}
.quilting-fabric-bg h5 a{
    color: #f18f27;
    margin: 20px 0;
    display: block;
}
.woocommerce-message a{
    color: #f18f27;
}
.woocommerce-cart-form__contents{
    width: 100%;
}
.woocommerce-cart-form{
    margin: 25px 0;
}
.woocommerce-cart-form .product-thumbnail img{
    width: 50px!important;
    height: auto!important;
}
.woocommerce-cart-form a{
    color: #f18f27!important;
}
.woocommerce-cart-form__contents tr th{
    background-color: #f18f27;
    color: #fff;
    padding: 10px;
}
.woocommerce-cart-form__contents tr td{
    padding: 10px;  
}
.products.columns-2{
    padding: 0;
    margin: 0;
}
.woocommerce-cart-form__contents .button{
    border: none;
    background-color: #f18f27;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 25px;
}
.products.columns-2 li {
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    padding: 15px;
}
.products.columns-2{
    padding: 0;
    margin: 0;
}
.related.products{
    padding-bottom: 50px;
}
.products.columns-2 .onsale{
    position: absolute;
    background-color: #f18f27;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.products.columns-2 li .attachment-woocommerce_thumbnail{
    height: 300px;
    object-fit: contain;
}
.cart_totals {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.shop_table tr th, .shop_table tr td{
    padding: 10px;
    border: solid 1px #ccc;
}
.checkout-button, #pwgc-redeem-button{
    border: none !important;
    background-color: #f18f27 !important;
    color: #fff !important;
    display: inline-block !important;
    border-radius: 5px !important;
    padding: 10px 25px !important;
    text-shadow: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.checkout-button{
    margin-bottom: 0!important;
}
.term-description{
	text-align: center;
}
 
.cart_totals table{
    width: 100%;
}
#pwgc-redeem-gift-card-container label{
    margin: 20px 0;
}
.cart_totals h2, .cross-sells h2{
    font-size: 25px;
    margin-bottom: 20px;
}
#pwgc-redeem-gift-card-number, #coupon_code{
    border: solid 1px #ccc;
    border-radius: 5px;
    height: 35px;
    padding: 0 10px;
}
.products.columns-2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.products.columns-2 li{
    list-style: none;
    box-shadow: none;
}
.products.columns-2 .woocommerce-loop-product__title{
    font-size: 16px;
    line-height: 21px;
    color: #181818;
    margin: 15px 0;
}
.woocommerce-cart-form__cart-item .coupon{
    margin-bottom: 10px;
}
.dataclass li{
    padding-left: 25px;
    position: relative;
}
.dataclass li a{
    padding: 0;
    font-size: 15px;
    color: #ed8b20;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}
.dataclass ul{
    display: none;
    position: absolute;
    left: 0;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: solid 1px #ccc;
}
.dataclass li:hover ul{
    display: block;
}
.dataclass ul .menu-item {
    font-size: 17px;
    background: none;
    color: #ed8b20;
}

.dataclass li{
    padding-left: 25px;
    position: relative;
}
.dataclass li a{
    padding: 0;
    font-size: 15px;
    color: #ed8b20;
    font-weight: 500;
    text-transform: uppercase;
}
.dataclass ul{
    display: none;
    position: absolute;
    left: 0;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: solid 1px #ccc;
}
.dataclass li:hover ul{
    display: block;
}
.dataclass ul .menu-item {
    font-size: 17px;
    background: none;
    color: #ed8b20;
}

.socialicons a{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	width: 32px;
	color: #fff;
	height: 32px;
	background-color: #f18f27;
	font-size: 18px;
}
.socialicons a:hover{
	background-color: #76903a;
}
.callbtn{
    display: inline-block;
    margin-left: 20px;
    background-color: #f18f27;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 5px;
}
.callbtn:hover{
	background-color: #76903a;
}
.dataclass ul{
    background-color: #fff;
    z-index: 99;
    min-width: 330px;
}
.dataclass ul .menu-item{
    padding: 5px 0;
}
.dataclass li ul li .sub-menu {
    display: none;
    left: 328px;
    top: 0;
}
.dataclass li a{
    text-decoration: none;
    vertical-align: -webkit-baseline-middle;
}
.dataclass li a:hover{
    color: #000;
}
 
.dataclass li ul li:hover .sub-menu{
    display: block;
}
.searchbar{
	padding: 8px 0;
	background-color: #f18f27;
}
.searchbar .form-control{
    border: none;
    height: 45px;
    padding: 0 50px;
    color: #000;
}
.searchbar .fa{
    color: #000;
    position: absolute;
    left: 18px;
    top: 13px;
    font-size: 17px;
}

.quilting-fabric-bg{
	padding: 50px 0;
}
.quilting-fabric-bg h1{
	color: #0a0a0a;
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 45px 0;
}
.quilting-fabric-bg h1 span{
	display: inline-block;
	color: #f18f27;
	font-family: "Pinyon Script", cursive;
	text-transform: capitalize;
	font-size: 67px;
}
.quiltingbox{
  	background: linear-gradient(to right, #ffe1cc, #fff7e6);
  	border-radius: 10px;
  	padding: 15px 25px;
  	display: flex;
  	justify-content: space-between;
  	align-items: end;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
  	-ms-border-radius: 10px;
  	-o-border-radius: 10px;
    text-decoration: none;
}
.quiltingbox:hover{
	box-shadow: 0 0 10px #f8c28d;
}
.quiltingbox h3{
	color: #0e0e0e;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.new-arrivals-bg-inner{
	background: url(../images/new-arrivals-bg.jpg) repeat;
	padding: 50px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

.new-arrivals-bg h1{
	color: #0a0a0a;
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 45px 0;
}
.arrivalsproduct{
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.arrivalsproduct img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	width: 100%;
	min-height:300px;
}
.arrivalsproduct h5{
	color: #181818;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	margin: 15px 0;
}
.arrivalsproduct-botom{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arrivalsproduct-botom span{
	color: #181818;
	font-size: 16px;
	font-weight: 600;
}
.arrivalsproduct-botom a{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f18f27;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
}
.arrivalsproduct-botom a:hover{
	background-color: #76903a;
}

.featured-kits-bg{
	background: none;
	padding: 50px 0;
}
.featured-kits-bg .arrivalsproduct{
	padding: 0;
}
.product-categories-bg h3 a{
	color: #131313;
	font-size: 22px;
	font-weight: 500;
}
.blockofthemonth{
	display: flex;
	gap: 30px;
	padding: 15px 0;
	justify-content: space-between;
	align-items: end;
}
.blockofthemonth h4{
	color: #181818;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 10px 0;
}
.blockofthemonth p{
	margin: 0;
	color: #181818;
	font-size: 16px;
	line-height: 21px;
}
.blockofthemonth a{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 20px;
	background-color: #f18f27;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	white-space: nowrap;
}
.blockofthemonth a:hover{
	background-color: #76903a;
}

.diannemsg{
	background-color: #e8e8e8;
	padding: 55px 0;
	margin-top: 70px;
}
.diannemsg img{
	max-width: 100%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.diannemsg h1{
	color: #0a0a0a;
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 22px 0;
}
.diannemsg p{
	color: #181818;
	font-size: 16px;
	line-height: 21px;
	text-align: justify;
	margin-bottom: 25px;
}
.diannemsg h2{
	color: #f18f27;
	font-size: 25px;
	font-weight: 400;
	margin: 0;
}

.newslattersignupbg{
	background-color: #f18f27;
	padding: 40px 0;
}
.newslattersignupbg-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.newslattersignupbg-inner h1{
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 12px 0;
}
.newslattersignupbg-inner p{
	color: #fff;
	font-size: 16px;
	margin: 0;
    font-weight: 400;
}
.newslattersignup-form form{
	display: flex;
	gap: 6px;
}
.newslattersignup-form .form-control{
	height: 43px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border: none;
	background-color: #fff;
	font-size: 16px;
	color: #000;
	max-width: 225px;
}
.newslattersignup-form .form-control::placeholder{
	color: #e3a96b;
}
.newslattersubmit{
    background-color: #0f0f0f!important;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    padding: 10px 25px;
    border-radius: 50px;
}

.footer{
	padding: 60px 0;
	background-color: #f1f1f1;
}

.footer-top{
	display: flex;
	gap: 30px;
	justify-content: space-between;
}
.footer-top h2{
	color: #0f0f0f;
	font-weight: 600;
	font-size: 20px;
	margin: 0 0 25px 0;
}
.footer-top ul{
	padding: 0;
	margin: 0;
}
.footer-top ul li{
	list-style: none;
	margin-bottom: 10px;
}
.footer-top ul li a{
	color: #0f0f0f;
	font-size: 16px;
}
.footer-top ul li a:hover{
	color: #f18f27;
}
.footer-top p{
	margin-bottom: 10px;
	color: #0f0f0f;
	font-size: 16px;
    font-weight: 400;
}
.footer-top ul li a{
    color: #0f0f0f;
}
.footer-mid{
	margin: 30px 0;
	display: flex;
	align-items: center;
}
.footer-mid h2{
	color: #0f0f0f;
	font-weight: 600;
	font-size: 20px;
	margin: 0 35px 0px 0;
}
.footer-mid ul{
	padding: 0;
	margin: 0;
}
.footer-mid ul li{
	display: inline-block;
	padding: 0px 5px;
	border-left: solid 1px #0f0f0f;
}
.footer-mid ul li:first-child{
	border: none;
}
.footer-mid ul li a{
	color: #0f0f0f;
    text-transform: capitalize;
	font-size: 16px;
    font-weight: 400;
}
.footer-mid ul li a:hover{
	color: #f18f27;
}

.footer-bottom{
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.happy1{
	color: #f18f27!important;
}
.footer-bottom-left{
	display: flex;
	gap: 30px;
}
.fabshop{
	padding: 15px 10px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #fff;
	min-width: 250px;
}
.fabshop p{
	margin: 10px 0 0 0;
	color: #0f0f0f;
	font-size: 16px;
    font-weight: 400;
}
.quiltshow-box a{
    display: inline-block;
    background-color: #f18f27;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 400;
	white-space: nowrap;
}
.footer-bottom-right{
	display: flex;
	flex-direction: column;
}
.footer-bottom-right-top p{
	color: #0f0f0f;
	font-size: 16px;
	line-height: 21px;
	text-align: justify;
	margin-bottom: 70px;
    font-weight: 400;
}
.footer-bottom-right-bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.copyright{
	color: #0f0f0f;
	font-size: 16px;
	line-height: 21px;
    font-weight: 400;
}

.dataclass ul{
    padding: 0px;
    border: solid 1px #f18f27;
    border-radius: 0;
    border-bottom: none;
}
.dataclass ul li{
    padding: 0;
}
.dataclass ul li a{
    padding: 15px;
}
.dataclass ul .menu-item{
    padding: 0;
}
.dataclass ul li a {
 text-decoration: none;
 color: #333;
 font-size: 16px;
 position: relative;
 padding: 10px 15px;
 display: block;
 transition: color 0.3s ease;
 text-transform: capitalize;
 border-bottom: solid 1px #f18f27;
}
.dataclass ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 100%;
  background: #f18f27;
  transition: width 0.3s ease;
  z-index: -9;
}
.dataclass ul li a:hover {
  color: #fff;
}
.dataclass ul li a:hover::after {
  width: 100%;
}

.arrivalsproduct{
    overflow: hidden;
    transition: transform 0.5s ease;
}
 .featured-kits-bg .arrivalsproduct {
    padding: 10px;
}
.arrivalsproduct-botom a{
    min-width: 32px;
    min-height: 32px;
}
.arrivalsproduct:hover{
    box-shadow: 0px 3px 3px #ccc;
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}
a{
    text-decoration: none!important;
}

.headerbd{
    background: url(https://demoserverprogram.xyz/dianesew/wp-content/themes/x/images/headingbg.png) no-repeat center;
    padding: 25px 0;
}


.diannemsg img{
    margin-top: 50px;
}

.header_bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_bg_blog {
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
    min-height: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_bg h1 {
    text-transform: uppercase;
    color: #f18f27;
    font-size: 40px;
    font-weight: 600;
}
.header_bg_blog h1 {
    text-transform: capitalize;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    font-family: "Pacifico", cursive;
}

.contact-section {
  padding: 80px 20px !important;
  font-family: Arial, sans-serif !important;
}
.page-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}

.singleblogbg h3 {
    color: #F18F27;
}
.singleblogbg h2 {
    color: #F18F27;
}

.golden-thimble-img {
    float: left;
    max-width: 336px;
    height: auto;
    margin: 10px 20px 15px 0;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

 
.page-desc {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 50px;
  color: #444;
  line-height: 1.6;
}
 
/* Layout */
.contact-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 50px;
  align-items: flex-start;
}
 
/* Form */
.contact-form {
  background: #f28c28;
  padding: 30px;
  border-radius: 8px;
}
 
.contact-form .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
 
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 6px;
  border: none;
  margin-bottom: 16px;
  font-size: 14px;
}
 
.contact-form textarea {
  height: 120px;
  resize: none;
}
 
.contact-form button {
  background: #000;
  color: #fff;
  padding: 10px 26px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 14px;
}
 
/* Right info */
.contact-info h3 {
  color: #f28c28;
  margin-bottom: 12px;
}
 
.contact-info p {
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
}
 
.contact-info .mt {
  margin-top: 24px;
}

#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	float: right;
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: #ff0000;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

/*** blog page ***/

.blogbg{
	padding: 70px 0;
}
.blogbg-head{
	text-align: center;
}
.blogbg-head h1{
    color: #000;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 30px;
}
.blogbg-head h3{
	color: #000;
	margin-bottom: 50px;
}
.blogbox{
	background-color: #fffaee;
	padding: 25px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.blogbox img{
	width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.blogbox h4{
    font-size: 27px;
    font-weight: 600;
    margin: 25px 0 15px 0;
}
.blogbox p{
    color: #000;
    font-size: 20px;
}
.readbtn{
    display: inline-block;
    background-color: #f28f29;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.readbtn:hover{
	background-color: #d2771a;
}
.blogbox-bottomlinks{
	margin-top: 15px;
}
.blogbox-bottomlinks ul{
	padding: 0;
	margin: 0;
}
.blogbox-bottomlinks li{
	display: inline-block;
	margin: 3px;
}
.blogbox-bottomlinks li a{
    display: inline-block;
    border: solid 1px #f28f29;
    color: #f28f29;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
}
.blogbox-bottomlinks li a:hover{
	background-color: #f28f29;
	color: #fff;
}

.blogbox img
{
    height: 300px; object-fit: cover;
}


.x-hidden-desktop{
	display:none;
} 


.footer-bottom-right-top p{
    margin-bottom: 65px;
}
.footer-top ul li a{
    font-weight: 400;
    text-transform: capitalize;
}
.quiltingbox{
    height: 100%;
}

.quiltingbox h3{
    font-weight: 700;
}
.headerbd.headerbd {
    background: none;
    padding: 0;
}
.diannemsg h2 {
/*     color: #000; */
    font-size: 30px;
    margin: 0 0 20px 0;
    font-weight: 600;
}

.quality12{
    padding: 0 20px 20px 20px;
    box-shadow: 0 0 15px #ccc;
    border-radius: 10px;
}
 .contact-link {
    font-weight: 700;
	color: #0a0a0a;
}

.navbar .fa-angle-double-down {
    font-size: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
 
.navbar .fa-angle-double-down{
    margin-left: 10px;
}
 
/* Responsive */
@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
 
  .contact-form .row {
    grid-template-columns: 1fr;
  }
}
 .dataclass li a{
    font-weight: 700;
}

.diannemsg{
    padding-bottom: 90px;
}

.menu-item-25422 .fa-circle {
    font-size: 5px;
    display: inline-block;
/*     vertical-align: middle; */
    padding: 0 6px;
    position: relative;
    top: -2px;
}
.fa fa-angle-double-down{
	font:15px;
}
.newslattersignup-form{
    padding-top: 20px;
}

 
 

 #scrollTopBtn{
    border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
}
 
#post-256{
    padding: 70px 15px;
    max-width: 1320px;
    margin: 0 auto;
}
#post-256 .entry-title{
    display: none;
}
.x-sidebar{
    display: none!important;
}
#tgwc-woocommerce .u-column1, #tgwc-woocommerce .u-column2{
    width: auto!important;
    flex: 1!important;
    background-color: #f18f27;
    padding: 35px 25px;
    border-radius: 15px;
}
#customer_login{
    display: flex;
    gap: 50px;
}
#tgwc-woocommerce .u-column1 h2, #tgwc-woocommerce .u-column2 h2{
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 25px;
}
#tgwc-woocommerce .u-column1 label, #tgwc-woocommerce .u-column2 label{
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
#tgwc-woocommerce .u-column1 .woocommerce-Input, #tgwc-woocommerce .u-column2 .woocommerce-Input{
    width: 100%;
    border: none;
    outline: none;
    height: 60px;
    background-color: #fff !important;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    padding: 0 15px;
}
#tgwc-woocommerce .woocommerce-button{
    background-color: #131313;
    border: none;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    padding: 15px 5px;
    min-width: 145px;
}
#tgwc-woocommerce .woocommerce-LostPassword a{
    color: #fff;
    text-decoration: underline !important;
    font-size: 20px;
    font-weight: 400;
}
.woocommerce-form-register p, .woocommerce-form-register p a{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}



.tgwc-user-avatar-image-wrap{
    display: none;
}
.tgwc-user-id{
    font-size: 30px;
    margin-bottom: 20px;
}
.tgwc-user-info a{
    color: #f18f27;
    font-size: 20px;
}
.woocommerce-MyAccount-content p{
    font-size: 20px;
}
.woocommerce-MyAccount-content a{
    color: #f18f27;
    font-size: 20px;
}

.woocommerce-Addresses{
    display: flex;
    gap: 30px;
}
.woocommerce-Addresses .edit{
    color: #fff;
}
.woocommerce-Addresses address{
    color: #fff;
    font-size: 20px;
}
#tgwc-account-contentedit-address{
    margin-top: 20px;
    font-size: 20px;
}
.woocommerce-info, #tgwc-account-contentorders{
    font-size: 20px;
}
.woocommerce-EditAccountForm.edit-account label{
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
.woocommerce-EditAccountForm.edit-account .woocommerce-Input{
    height: 50px;
    border: solid 1px #ccc;
    width: 100%;
    outline: none;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 20px;
}

#tgwc-account-contentedit-account{
    display: none;
}
#tgwc-account-contentedit-account .woocommerce-Button{
    border: none;
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    padding: 10px 25px;
}


.singleblogbg h3 {
    color: #ee8f25;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 22px;
}
.singleblogbg p {
    margin-bottom: 40px;
}

.singleblogbg{
    padding: 70px 0;
}
.fa{
    color: inherit;
    padding: inherit;
    margin: inherit;
}
button, input, optgroup, select, textarea{
    font-family: "Inter", sans-serif!important;
}

.contact-form .wpcf7-submit{
    background-color: #131313!important;
}
.contact-form input, .contact-form textarea{
    font-size: 16px!important;
}

.woocommerce ul.products li.product .button {
    display: flex;
    margin-top: 0;
    border-radius: 50%;
    text-shadow: none !important;
    font-size: 16px;
}
.shopleft .woocommerce-breadcrumb{
    margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    color: #181818;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin: 15px 0;
}
.woocommerce ul.products{
    width: 100%!important;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
    display: none;
}
.shipping-calculator-button{
    color: #f18f27;
}

.woocommerce-billing-fields h3{
    margin-bottom: 12px;
}
#customer_details .col-1{
    padding-right: 15px;
}
#customer_details .col-2{
    padding-left: 15px;
}

.woocommerce-form-login .input-text, .woocommerce-form-coupon .input-text{
    height: 45px!important;
    padding: 0 15px!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    -o-border-radius: 5px!important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
    width: 50%;
}
#payment #pwgc-redeem-button{
    padding: 5px 25px !important;
}
#payment #place_order{
    padding: 10px 25px !important;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none !important;
}

.woocommerce-form-coupon .button{
    height: 45px;
    font-weight: 400;
    text-shadow: none !important;
}

.workshop h2{
    text-transform: uppercase;
}
.workshop h3{
    text-transform: uppercase;
    margin: 15px 0;
}
.workshop h5{
    text-transform: uppercase;
    margin-bottom: 30px;
}
.workshop p{
    font-size: 16px;
    line-height: 25px;
}
.workshop .section-content li{
    font-size: 15px;
}

#tgwc-woocommerce .woocommerce-form-register__submit, #tgwc-woocommerce .woocommerce-form-login__submit{
    background-color: #131313 !important;
}
#reg_email{
    height: 45px!important;
    border-radius: 5px !important;
}
.quilting-fabric-bg .addtoany_content{
    text-align: center;
}
 
@media only screen and (max-width: 467px) {
    #customer_login{flex-direction: column!important;}
}
@media only screen and (max-width: 767px) {
    .searchbar .form-control{height: 35px;}
    .searchbar .fa{top: 8px;}
    .bannerbg img{min-height: 190px;}
}
.featured-kits-bg .arrivalsproduct {height: 100%;
}

@media only screen and (max-width: 767px) {
    .headerinner .widget_custom_html{display: none;}
}
 .blogbox img {
    height: 260px;
    width: 350px;
    /* object-fit: cover; */
}
@media only screen and (min-width: 1201px) and (max-width: 1399px) {
	.callbtn{font-size: 15px;}
	.headerinner .nav-item{padding-left: 15px;}
	.footer-bottom-right-top p{margin-bottom: 50px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.headerinner{display: block;}
	.header-right{margin: 15px 0; justify-content: center;}
	.arrivalsproduct{height: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.headerinner{display: block;}
	.header-right{margin: 15px 0; justify-content: center;}
	.headerinner .nav-item {padding-left: 10px;}
	.headerinner .nav-link{font-size: 14px;}
	.blockofthemonth{align-items: start; flex-direction: column; gap: 10px;}
	.arrivalsproduct{height: 100%;}
	.footer-top ul li a, .footer-top p{font-size: 13px;}
	.footer-mid ul li a{font-size: 13px;}
	.footer-bottom{flex-direction: column;}
}
@media only screen and (max-width: 767px) {
	.headerinner{display: block;}
	.headerinner .nav-item{padding: 10px 0;}
	.header-right{margin: 15px 0; justify-content: center;}
	.callbtn{font-size: 13px;}
	.blockofthemonth{align-items: start; flex-direction: column; gap: 10px;}
	.newslattersignupbg-inner, .footer-top, .footer-bottom, .footer-mid{flex-direction: column;}
	.footer-mid h2{margin: 0 0 15px 0;}
	.footer-mid ul{text-align: center;}
	.footer-bottom-left{flex-direction: column;}
	.footer-bottom-right-bottom{flex-direction: column; text-align: center; gap: 15px;}
    .dataclass li{padding: 10px 0!important;}
    .arrivalsproduct img{min-height: auto;}
    .new-arrivals-bg-inner{padding: 20px;}
    .diannemsg p{text-align: left;}
    .dataclass ul .menu-item{padding: 0!important;}
    .featured-kits-bg .arrivalsproduct{padding: 0;}
    .diannemsg h1{margin: -20px 0 20px 0;}
    .product_header_bg-inner{flex-direction: column; text-align: center; gap: 15px;}
    .products.columns-4{grid-template-columns: repeat(1, 1fr);}
    .wc-proceed-to-checkout{flex-direction: column; justify-content: center; align-items: center; text-align: center;}
    #customer_details .col-1{padding-right: 0px;}
    #customer_details .col-2{padding-left: 0px;}
    .woocommerce-products-header .woocommerce-products-header__title{font-size: 20px;}
    .shopleft .woocommerce-result-count{width: 100%;}
}