/*
Theme Name: Heatilatorfireplacedoors
*/
html {
scroll-behavior: smooth;
}
body {
font-family: "Alice";
margin: 0;
padding: 0;
box-sizing: border-box;
}
.wrapper{
position: relative;
}
::marker {
color: #6d6d6d;
}
img {
max-width: 100%;
}
.header-top p a {
color: #000;
}
.our-popular-products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
max-width: 359px;
padding: 0px 0px 20px;
box-sizing: border-box;
min-width: 359px;
object-fit: contain;
height: 229px;
}
.single_product_avalaibility {
background: #E4EFE5 url(assests/img/arrow_b.png) no-repeat;
background-position: 16px 12px;
display: inline-block;
font-size: 16px;
border-radius: 40px;
font-family: 'Matter-Light';
padding: 11px 30px 12px 46px;
margin-left: 0px;
color: #1F4A23;
text-transform: capitalize;
}
.single_product_avalaibility a {
color: #1F4A23;
}
.middle_s {
width: 100%;
display: block;
margin: 25px 0px;
}
.middle_s h1 {
font-family: "Alice";
font-weight: 400;
font-size: 42px;
}
.middle_s p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 26px;
color: #6d6d6d;
}
.main-content p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 26px;
color: #6d6d6d;
}
.main-content p a {
color: #feea61;
text-decoration: underline;
}
.main-content p a:hover {
text-decoration: none;
}
.main-content ol li {
font-size: 18px;
padding: 3px 0px;
list-style: outside;
font-family: "Matter-Light";
line-height: 22px;
color: #6d6d6d;
}
.middle_s h2 {
font-size: 35px;
font-weight: 400;
line-height: 40px;
}
.middle_s h2 strong {
color: #feea61;
}
.middle_s h1 strong {
color: #feea61;
}
.middle_s .heading_s h2 {
font-size: 40px;
font-weight: 400;
display: inline-block;
}
.middle_s .left-section {
margin-bottom: 60px;
}
.middle_s h3 {
font-size: 28px;
color: #333333;
font-weight: 400;
margin-bottom: 16px;
}
.post_page ul {
padding: 0px;
display: flex;
}
.post_page ul li {
font-family: "Matter-Light";
margin-right: 35px;
padding-right: 20px;
border-right: solid 1px #666;
line-height: 35px;
list-style: none;
}
.post_page ul li a {
font-size: 25px;
color: #c64949;
display: block;
text-decoration: none;
font-weight: 400;
}
.post_page ul li a:hover {
opacity: 0.8;
}
.post_page ul li:last-child {
border-right: none;
}
.breadcrumb_nav {
width: 100%;
display: block;
margin: 25px 0px 0px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 25px;
color: #000;
background-color: #fff;
padding: 0px 0px 10px;
}
.breadcrumb_nav a {
color: #AEAEAE;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
.breadcrumb_nav span {
color: #AEAEAE;
}
.breadcrumb_nav a:hover {
color: #feea61;
}
.door_s_li {
background: #fafafa;
font-family: "Matter-Light";
padding: 20px 0px 30px;
margin: 60px 0px;
}
.door_s_li section {
display: flex;
justify-content: space-around;
}
.door_s_li ul {
padding-left: 2px;
margin-top: 0px;
}
.door_s_li li {
list-style: none;
}
.door_s_li li a {
display: block;
font-size: 18px;
list-style: none;
color: #626262;
text-decoration: none;
padding: 4px 0px;
}
.door_s_li li a:hover {
color: #feea61;
}
.door_s_li li a:hover {
text-decoration: none;
}
.button_s {
display: flex;
font-family: "Matter-Light";
justify-content: center;
width: 100%;
margin: 60px 0px 40px;
}
.button_s a {
font-size: 16px;
padding: 13px 25px 15px;
border-radius: 35px;
background: #feea61;
text-decoration: none;
margin: 0px 20px;
border: solid 1px #feea61;
color: #fff;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.0);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.button_s a:hover {
background: #fff;
border: solid 1px #feea61;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
color: #feea61;
}
body .best_value_s {
display: block;
width: 50%;
text-align: center;
margin: 0 auto;
padding: 30px 0px;
}
body .best_value_s p {
width: 80%;
margin: 0 auto;
padding: 20px 0px 7px;
}
.middle_s .measuring .image {
width: 85%;
}
.middle_s .our-popular-products {
margin-top: 80px;
}
.part-three {
margin-top: 60px;
}
.middle_s .measuring {
margin-top: 30px;
}
.middle_s .measuring .left-section.part-two.part-three {
margin-left: 0px;
column-gap: 80px;
}
.best_value_s .view-product {
margin-top: 25px;
}
body .best_value_s .image-content {
width: 0 auto;
}
.middle_s h5 {
font-size: 20px;
}
body .replacement_section .best_value_s {
text-align: left;
}
.best_value_s .right-content p {
margin-top: 0px;
font-size: 15px;
color: #5D5D5D;
margin: 15px 0px;
}
.powder_coat_s {
text-align: center;
margin: 50px 0px;
}
hr {
background-color: #ccc;
height: 1px;
border: 0;
}
.help_ft {
padding-bottom: 5px;
}
.order_c {
color: #800000;
}
.middle_s ol li {
font-size: 18px;
padding: 3px 0px;
list-style: outside;
font-family: "Matter-Light";
line-height: 22px;
color: #6d6d6d;
}
.middle_s ol li a {
color: #6d6d6d;
}
.middle_s ol li a:hover {
text-decoration: none;
color: #feea61;
}
.middle_s ol {
padding-left: 20px;
}
.middle_s .listing_sub li {
font-size: 18px;
padding: 3px 0px;
list-style: outside;
font-family: "Matter-Light";
line-height: 22px;
color: #6d6d6d;
}
.middle_s .listing_sub {
padding-left: 20px;
}
body .top_space {
margin-top: 20px;
}
.heading_s {
text-align: center;
position: relative;
font-size: 45px;
}
.replacement_section {
margin: 70px 0px 40px;
padding: 30px 0px 40px;
background: #fafafa;
}
.replacement_section section {
display: flex;
justify-content: space-around;
align-items: normal;
align-items: center;
gap: 100px;
}
.replacement_left {
width: 80%;
}
body .replacement_section .best_value_s p {
width: 100%;
}
.replacement_section .image-content {
width: 80%;
}
.doors_moble_l {
width: 100%;
display: block;
padding: 0px;
font-family: "Matter-Light";
}
.doors_moble_l li {
display: inline-block;
width: 15%;
font-weight: 400;
font-size: 18px;
text-align: left;
line-height: 22px;
text-align: left;
color: #282828;
border-radius: 30px;
padding: 15px 10px;
}
.middle_s p a {
color: #feea61;
}
.middle_s .faq {
margin-top: 40px;
}
.faq .box-content .step_img {
display: flex;
justify-content: flex-start;
gap: 25px;
}
.faq .box-content li {
padding-bottom: 7px;
}
.measuring_s {
display: grid;
gap: 40px;
grid-template-columns: repeat(3, 1fr);
}
.measuring_s.two_coloum {
display: grid;
gap: 40px;
grid-template-columns: repeat(2, 1fr);
}
.login_form form {
font-family: "Matter-Light";
width: 40%;
margin: 0 auto;
padding: 40px;
border-radius: 7px;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);
}
.login_form label {
display: block;
color: #5D5D5D;
font-size: 18px;
padding-bottom: 6px;
}
.login_form input.type_text {
width: 100%;
padding: 10px 15px;
min-height: 50px;
background-color: #fafafa !important;
color: #000;
border: 0;
border-radius: 40px;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .125);
}
.login_form .checkbox_r {
margin-bottom: 4px;
}
.input_s {
width: 100%;
display: inline-block;
margin: 10px 0px;
}
button.login_btn {
background: #feea61;
border: 1px solid #feea61;
border-radius: 40px;
padding: 13px 100px;
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #ffffff;
cursor: pointer;
}
button.login_btn:hover {
opacity: 0.9;
}
.shop_btn {
background: #feea61;
border: 1px solid #feea61;
border-radius: 40px;
padding: 13px 40px 14px;
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
margin-top: 5px;
display: inline-block;
text-decoration: none;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #ffffff;
cursor: pointer;
}
.shop_btn:hover {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.woocommerce table button {
background-color: #feea61 !important;
border: 1px solid #feea61 !important;
border-radius: 40px !important;
padding: 13px 25px 14px !important;
font-family: "Matter-Light";
display: inline-block;
font-size: 16px !important;
line-height: 19px;
text-transform: capitalize;
color: #ffffff !important;
cursor: pointer;
}
.woocommerce table button:hover {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.shop_btn .lost_p {
display: block;
clear: both;
margin-top: 12px;
}
.lost_p a {
color: #feea61;
}
.login_form h1 {
text-align: center;
padding-bottom: 15px;
}
.content-area {
max-width: 1296px;
margin: auto;
}
.woocommerce table.shop_table {
font-family: "Matter-Light";
}
.woocommerce table.shop_table dt,
dd {
width: 100%;
display: block;
float: none !important;
}
.woocommerce table.shop_table dt,
dd p {
margin: 0px;
padding: 0px;
}
.woocommerce table.shop_table dt {
margin-top: 7px;
}
.woocommerce table.shop_table .quantity {
margin: 0px;
}
.container {
max-width: 1296px;
margin: auto;
}
/* header-top */
section.header {
position: sticky;
top: 0px;
background: #fff;
z-index: 9999;
height: 103px;
padding: 0px;
justify-content: center;
display: flex;
align-items: center;
}
.contact_form form p {
text-align: left;
}
.header-top {
background-color: #feea61;
padding: 0px;
width: 100%;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
}
.header-top p {
margin: 0;
text-align: center;
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #000;
}
img {
max-width: 100%;
height: auto;
}
/* header */
.header {
padding: 25px 0px 31px;
}
.header .container {
max-width: 100%;
width: 1296px
}
@media(min-width: 1274px){
.header .container {
padding: 0 25px;
}
}
.header .row .col-md-3 {
display: flex;
align-items: center;
column-gap: 50px;
}
.header .row {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 50px;
}
div#main-content {
padding-top: 15px;
}
.woo-pro-comment-form .woocommerce .star-rating {
float: none;
}
.rating-container>input:checked~label:before,
.rating-container>input+label:hover~label:before,
.rating-container>input+label:hover:before {
color: #AE2E2E !important;
}
.comments-rating label {
font-size: 25px !important;
}
.header ul {
display: flex;
column-gap: 31px;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
}
@media(max-width: 1275px){
.header ul{
padding: 25px;
display: block;
}
}
.header .menu-icons a {
text-decoration: none;
color: #282828;
}
.header .menu-icons a:hover {
color: #feea61;
}
.header .menu-icons li {
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
.header .col-md-9 {
display: flex;
column-gap: 19px;
align-items: center;
}
.header .search {
border: 1px solid #626262;
border-radius: 56px;
background: transparent;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
display: flex;
align-items: center;
column-gap: 77px;
padding: 10px 18px;
}
.header .sign-in {
border: 1px solid #626262;
border-radius: 56px;
background: transparent;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
display: flex;
align-items: center;
column-gap: 55px;
cursor: pointer;
}
.header .sign-in:hover {
border: 1px solid #feea61;
}
.header .sign-in a:hover {
color: #feea61;
}
.header .sign-in a {
color: #626262;
position: relative;
top: -1px;
width: max-content;
padding: 10px 24px;
text-decoration: none;
}
.header .cart img {
width: 23px;
height: auto;
}
.middle_s .best_value_s.home-banner .image-content {
width: 441px;
height: 356px;
}
.features .img-icon {
width: 34px;
height: 34px;
}
.mobile-menu {
display: none;
}
/* home-banner */
.home-banner {
margin-top: 76px;
}
.home-banner .row {
display: flex;
column-gap: 117px;
}
.home-banner h1 {
font-style: normal;
font-weight: 400;
font-size: 57px;
line-height: 65px;
color: #282828;
margin: 0;
margin-top: 27px;
}
.home-banner h1 span {
color: #feea61;
}
.home-banner p {
color: #626262;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
margin-top: 34px;
font-size: 18px;
line-height: 25px;
margin-bottom: 70px;
}
.features {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 50px;
row-gap: 36px;
}
.features .col-md-3 {
display: flex;
column-gap: 26px;
}
.features .col-md-9 h4,
.features .col-md-9 p {
margin: 0;
}
.features .img-icon img {
width: 34px;
height: 34px;
}
.features .col-md-9 h4 {
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 25px;
text-transform: capitalize;
color: #282828;
margin-bottom: 5px;
}
.features .col-md-9 p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #444444;
}
fieldset.comments-rating {
display: inline-block;
}
.right-content p {
margin-top: 35px;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin-bottom: 33px;
}
.home-banner button.view-product {
background: #6175FE;
border: 1px solid #6175FE;
border-radius: 40px;
padding: 11px 40px;
width: 100%;
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #fff;
cursor: pointer;
}
.home-banner button.view-product a {
color: #fff;
text-decoration: none;
}
.home-banner button.view-product:hover {
border: 1px solid #6175FE;
background: transparent;
color: #6175FE;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.home-banner button.view-product:hover a {
color: #6175FE;
}
.home-banner .image-content {
width: 441px;
height: 356px;
}
.header-logo {
width: 200px;
}
.header-logo a {
display: block;
line-height: 0
}
/* our popular products */
.our-popular-products {
margin-top: 129px;
}
.our-popular-products .row {
display: flex;
justify-content: space-between;
margin-bottom: 67px;
}
.our-popular-products h2 {
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
color: #282828;
margin: 0;
}
.our-popular-products button.view-all {
border: none;
background: transparent;
}
.blog-detail .breadcrumb ul {
padding: 0;
margin: 0;
padding-left: 0px !important;
margin-top: 0px !important;
}
.our-popular-products button.view-all a {
border: none;
background: none;
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
text-align: center;
text-decoration-line: none;
color: #282828;
cursor: pointer;
}
.woocommerce ul.products li.product .lazyloaded {
z-index: 999;
position: relative;
max-height: 225px;
object-fit: contain;
}
.woocommerce.columns-4 ul.products li.product .button {
display: inline-block;
margin-top: 7px;
}
.woocommerce.columns-4 ul.products li.product .price {
display: block;
}
.our-popular-products button.view-all a:hover {
color: #feea61;
}
.our-popular-products .images-row {
display: flex;
column-gap: 87px;
flex-wrap: wrap;
row-gap: 30px;
margin-bottom: 16px;
justify-content: space-between;
}
.our-popular-products .images-row h3 a {
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 25px;
color: #000000;
margin-bottom: 17px;
text-decoration: none;
}
ol.commentlist {
padding: 0px;
}
.our-popular-products .star-rating {
margin-bottom: 15px;
}
.our-popular-products .price-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.our-popular-products .price {
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #626262;
}
.our-popular-products button.view-product {
background: #6175FE;
border: 1px solid #6175FE;
border-radius: 40px;
padding: 11px 29px;
font-family: "Matter-Light";
font-style: normal;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #fff;
cursor: pointer;
}
.menu-icons {
height: auto !important;
}
.our-popular-products button.view-product:hover {
border: 1px solid #6175FE;
background: transparent;
color: #6175FE;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
/* our related products */
section.related.products {
margin-top: 92px;
}
@media(min-width: 1099px){
section.related.products li{
padding-bottom: 8px
}
}
@media(min-width: 1099px){
.woocommerce-shop .products.columns-3 li{
padding-bottom: 8px
}
}
section.related.products .button{
margin-top: 10px;
}
.woocommerce-shop .products.columns-3 .button{
margin-top: 10px;
}
.woocommerce-shop .products.columns-3 .price{
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #626262;
}
@media(min-width: 1099px){
section.related.products .button{
position: absolute;
right: 0;
bottom: 0;
margin-top: 0;
}
}
@media(min-width: 1099px){
.woocommerce-shop .products.columns-3 .button{
position: absolute;
right: 0;
bottom: 0;
margin-top: 0;
}
}
section.related.products h2 {
font-family: 'Matter-Regular';
font-size: 30px;
line-height: 36px;
font-style: normal;
font-weight: 400;
color: #282828;
}
section.related.products .products.columns-4 h2 {
font-size: 21px;
line-height: 25px;
margin: 0;
margin: 16px 0px;
}
.related.products ul.products.columns-4 {
margin-top: 40px;
}
.status-publish a {
text-decoration: none;
}
.products.columns-4 .product.type-product .attachment-woocommerce_thumbnail {
max-width: 359px;
min-width: 359px;
object-fit: contain;
height: 229px;
}
section.related.products ul.products.columns-4 {
padding: 0;
display: flex;
column-gap: 87px;
list-style-type: none;
}
section.related.products ul.products.columns-4 li:nth-child(4) {
display: none;
}
section.related.products ul.products.columns-4 span.price {
margin-top: 20px;
display: inline-block;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #626262;
}
a.button.wp-element-button.product_type_variable.add_to_cart_button {
float: right;
clear: both;
background: #feea61;
border-radius: 40px;
color: #fff;
padding: 11px 29px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
margin-top: 9px;
}
a.button.wp-element-button.product_type_variable.add_to_cart_button:hover {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
border: 1px solid #feea61;
color: #feea61;
background: transparent;
}
.status-publish {
margin-bottom: 50px;
position: relative;
}
.product-slider {
width: 50%;
position: sticky;
top: 75px;
height: fit-content;
}
.summary.entry-summary {
width: 50%;
}
.blog-detail h4 {
font-family: 'Matter-Regular';
font-weight: 500;
font-size: 23px;
margin: 15px 0px;
}
.product-images::-webkit-scrollbar {
display: none;
}
.product-images {
order: 1;
display: flex;
flex-direction: column;
height: 280px;
overflow-y: auto;
margin-top: 26px;
}
.shop_table.woocommerce-checkout-review-order-table th.product-name,
th.product-total {
border: none !important;
}
/* .star-rating {
font-size: 0;
background: url(https://projectsofar.info/heatilatorfireplacedoors/wp-content/themes/heatilatorfireplacedoors/assests/img/star-rating.png);
height: 20px;
width: 106px;
/* background-repeat: no-repeat;
/* background-size: cover;
} */
a.woocommerce-review-link {
display: none;
}
/* fireplace */
.fireplace {
margin-top: 118px;
}
.fireplace .container {
max-width: 1280px;
}
.fireplace {
margin-top: 118px;
background: #fafafa;
padding-top: 47px;
padding-bottom: 43px;
}
.fireplace h2 {
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
text-align: center;
color: #282828;
margin-bottom: 36px !important;
margin: 0;
}
.fireplace .section-row {
display: flex;
column-gap: 46px;
}
.fireplace .content p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
padding: 0;
margin: 0;
margin-bottom: 21px;
}
.measuring .image img {
max-width: 532px;
min-width: 532px;
object-fit: contain;
max-height: 367px;
}
.measuring .left-section.part-three {
column-gap: 126px;
}
.measuring .left-section.part-two {
column-gap: 130px;
}
.measuring .part-three img {
max-width: 378px;
min-width: 378px;
object-fit: contain;
max-height: 309px;
}
.how-to-order .image-box img {
max-width: 513px;
min-width: 513px;
object-fit: contain;
max-height: 328px;
}
p.comment-form-url {
width: 100%;
clear: both;
}
p.comment-form-email {
width: 45%;
float: right;
}
p.comment-form-author {
width: 45%;
float: left;
}
p.comment-form-comment {
margin-bottom: 0px;
}
.fireplace p.center {
text-align: center;
margin: 20px 0px 0px;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #a4a4a4;
}
/* measuring */
.measuring {
margin-top: 120px;
}
.measuring .container {
max-width: 1289px;
margin: auto;
}
.measuring .left-section {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 118px;
column-gap: 67px;
}
.measuring .content h2 {
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-align: left;
text-transform: capitalize;
color: #282828;
margin: 0;
margin-bottom: 24px;
}
.measuring .content p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin: 0;
}
.content p {
margin-bottom: 20px !important;
}
.measuring .left-section.part-two.part-three {
margin-left: 80px;
}
.faq_btn {
border: 1px solid #6175FE;
border-radius: 40px;
color: #000;
display: inline-block;
margin-bottom: 25px;
font-family: "Matter-Light";
font-style: normal;
text-decoration: none;
padding: 10px 57px;
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
cursor: pointer
}
.faq_btn:hover {
background: #6175FE;
border: 1px solid #6175FE;
color: #ffffff;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.measuring button.measuring-button {
border: 1px solid #6175FE;
border-radius: 40px;
color: #000;
background: none;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
margin-top: 28px;
cursor: pointer
}
.contact_form span.wpcf7-form-control-wrap {
display: block;
}
.measuring button.measuring-button a {
color: #000;
text-decoration: none;
padding: 11px 60px;
display: block;
}
.measuring button.measuring-button a:hover {
color: #ffffff;
}
.measuring button.measuring-button:hover {
background: #6175FE;
border: 1px solid #6175FE;
color: #ffffff;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.measuring button.view-product {
background: #feea61;
border: 1px solid #feea61;
border-radius: 40px;
padding: 11px 80px 12px;
font-family: "Matter-Light";
font-style: normal;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #000;
cursor: pointer;
margin-top: 8px;
}
.measuring button.view-product a {
color: #000;
text-decoration: none;
}
.measuring button.view-product:hover {
border: 1px solid #feea61;
background: transparent;
color: #feea61;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.measuring button.view-product:hover a {
color: #feea61;
}
/* heatilator-fireplace */
.heatilator-fireplace {
margin-top: 144px;
}
.heatilator-fireplace .row {
max-width: 981px;
margin: auto;
}
.heatilator-fireplace h2 {
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
color: #282828;
margin: 0;
margin-bottom: 20px;
}
.heatilator-fireplace p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
text-align: center;
color: #626262;
margin: 0;
}
.bubble-row {
display: flex;
justify-content: center;
align-items: center;
margin-top: 46px;
column-gap: 24px;
flex-wrap: wrap;
row-gap: 28px;
}
.bubble-points {
display: flex;
background: #fafafa;
padding: 15px 28px;
border-radius: 35px;
column-gap: 15px;
justify-content: center;
align-items: center;
}
.bubble-content {
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 22px;
text-align: center;
color: #282828;
}
/*.form-row-wide.custom_height
span.amount, .required { display: none; }
.form-row-wide.custom_width
span.amount, .required { display: none; }*/
/* how-to-order */
.how-to-order {
margin-top: 175px;
}
.how-to-order .row {
display: flex;
justify-content: center;
column-gap: 87px;
}
.how-to-order .content-box h2 {
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-transform: capitalize;
color: #282828;
margin: 0;
}
.how-to-order .content-box p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin: 0;
margin-top: 20px;
}
.how-to-order .content-box .points {
margin-top: 32px;
}
.points p {
display: flex;
align-items: center;
column-gap: 20px;
font-family: "Matter-Regular" !important;
font-weight: 400 !important;
}
/* size-chart */
.size-chart {
margin-top: 110px;
}
.size-chart .container {
max-width: 1178px;
}
.size-chart p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin: 0;
margin-bottom: 34px;
}
.size-chart table {
font-family: "Matter-Light";
border-collapse: collapse;
width: 100%;
border-color: #848484 !important;
}
.size-chart td,
th {
border: 1px solid rgba(0, 0, 0, .1);
text-align: left;
padding: 21px;
}
input#coupon_code {
padding: 13px 18px;
margin-right: 10px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 35px;
font-size: 18px;
text-align: center;
max-width: 110px;
min-width: 110px;
}
.size-chart tr:nth-child(1) {
background: transparent !important;
}
.size-chart tr:nth-child(odd) {
background-color: #fbfbfb;
}
.size-chart th {
border: 1px solid rgba(0, 0, 0, .1);
text-align: left;
padding: 21px 17px;
font-family: "Matter-Medium";
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20px;
text-transform: capitalize;
color: #282828;
}
.size-chart.tb_s th {
border: 1px solid #848484;
}
.size-chart td {
border: 1px solid #848484;
text-align: left;
padding: 21px;
font-family: Matter-Light;
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 20px;
text-transform: capitalize;
color: #282828 !important;
}
.size-chart p span {
color: #feea61;
text-decoration: underline;
}
/* return-policy */
.return-policy {
margin-top: 40px;
}
.return-policy .container {
max-width: 1178px;
}
.return-policy h2 {
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-transform: capitalize;
color: #282828;
margin: 0;
margin-bottom: 20px;
}
.return-policy p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
}
.return-policy ul {
margin: 0;
padding: 0;
padding-left: 19px;
}
.return-policy ul li {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin-bottom: 15px;
}
/* replace-your-heatilator*/
.replace-your-heatilator {
margin-top: 60px;
}
.replace-your-heatilator .container {
max-width: 1177px;
margin: auto;
}
.replace-your-heatilator h2 {
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-transform: capitalize;
color: #282828;
margin: 0;
margin-bottom: 20px;
}
.replace-your-heatilator p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
}
.replace-your-heatilator p a {
color: #626262;
}
.replace-your-heatilator p a:hover {
text-decoration: none;
color: #feea61;
}
ul.products.columns-3 h2.woocommerce-loop-product__title:hover {
color: #feea61 !important;
}
/* faq */
section.faq {
margin-top: 163px;
}
.faq .row {
display: flex;
column-gap: 100px;
}
.left-section {
margin-left: 40px;
}
.faq .left-section h2 {
margin: 0;
font-family: "Alice";
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-transform: capitalize;
color: #282828;
margin-bottom: 24px;
}
.faq .left-section p {
margin: 0;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
width: 440px;
margin-bottom: 28px;
}
.faq .left-section p a {
color: #626262;
}
.faq .left-section p a:hover {
color: #feea61;
}
.faq .left-section p a:hover {
text-decoration: none;
}
.faq button.view-product {
border: 1px solid #feea61;
border-radius: 40px;
color: #feea61;
background: none;
padding: 11px 58px;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
margin-top: 28px;
cursor: pointer;
}
.faq button.view-product:hover {
background: #feea61;
border: 1px solid #feea61;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
color: #fff;
}
.faq .accordion {
margin: auto;
width: 400px;
}
.faq .accordion input {
display: none;
}
.faq .box::before {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.faq .box {
z-index: 100;
cursor: initial;
}
.faq .box-title {
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 21px;
color: #282828;
margin-left: 18px;
}
.faq .box-title:before {
position: absolute;
content: "\203a";
font-size: 32pt;
left: 0px;
transition: transform 0.15s ease-in-out;
color: #feea61;
transform: rotate(180deg);
font-weight: 100;
line-height: 37px;
}
.faq input#cb1,
#acc-close,
#cb2,
#cb3,
#cb4,
#cb5,
#cb6,
#cb7,
#cb8,
#cb9,
#cb10,
#cb11,
#cb12,
#cb13,
#cb14,
#cb15 {
display: none;
}
.faq .box-content a {
color: #6d6d6d;
}
.faq .box-content a:hover {
color: #feea61;
text-decoration: none;
}
.faq .box-title {
width: calc(100% - 40px);
height: auto;
padding: 0 20px;
height: 60px;
display: inline-block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.faq .box-content {
padding-top: 0px;
padding-bottom: 25px;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 26px;
color: #6d6d6d;
padding-left: 39px;
display: none;
}
section.box.openfaq .box-title {
height: 50px;
}
.faq .box-content ul {
padding-left: 20px;
}
.middle_s p a:hover {
text-decoration: none;
}
.faq .box-content p {
margin-top: 0px;
}
.faq .box-close {
position: absolute;
height: auto;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none;
}
.faq input:checked+.box {
height: auto;
}
.faq .box {
position: relative;
background: white;
transition: all 0.15s ease-in-out;
}
/* .faq .box {
height: 64px;
}
.faq input:checked + .box .box-content,
.faq input:checked + .box .box-close {
display: inline-block;
}*/
.box.openfaq .box-title:before {
transform: rotate(90deg);
}
section.box.openfaq .box-content {
display: block;
}
.faq .arrows section .box-title {
padding-left: 44px;
width: calc(100% - 64px);
}
.faq .arrows section .box-title:before {
position: absolute;
display: block;
content: "\203a";
font-size: 18pt;
left: 20px;
top: -2px;
transition: transform 0.15s ease-in-out;
color: rgba(0, 0, 0, 0.54);
}
/*footer */
.footer {
margin-top: 60px;
background-color: #fafafa;
padding-top: 56px;
padding-bottom: 20px;
}
.product .woocommerce-tabs .woocommerce-Tabs-panel ul {
padding-left: 20px;
}
.footer .container {
max-width: 1296px;
}
.footer .row {
display: flex;
column-gap: 50px;
}
.woocommerce ul.products li.product .button {
float: right;
margin-top: 7px;
}
.footer p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin: 0;
margin-bottom: 10px;
}
span.lost_p {
display: block;
padding-top: 10px;
}
.footer .col-md-3 p a {
color: #626262;
border-bottom: none;
text-decoration: none;
}
.footer .col-md-3 p a:hover {
color: #feea61;
}
.footer .col-md-3.three_f p a:hover {
color: inherit !important;
}
.footer p.logo-content {
width: 100%;
margin-top: 24px;
max-width: 316px;
}
a.logo_f {
margin: 0px;
padding: 0px;
display: block;
height: 42px;
}
.logo_f img{
height: 100%;
width: auto;
}
.footer h3 {
margin: 0;
margin-bottom: 16px;
font-family: "Matter-Regular";
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 22px;
color: #282828;
}
.footer-bottom .container {
max-width: 1300px;
}
.footer .bottom-row {
display: flex;
justify-content: space-evenly;
margin-top: 10px;
margin-left: 450px;
}
.footer-bottom {
background: #eeeeee;
padding: 16px 0px;
}
.footer-bottom .row {
display: grid;
align-items: center;
justify-content: space-between;
grid-template-columns: 50% 50%;
margin-left: 0px;
}
.footer-bottom p {
font-family: "Matter-Light";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.015em;
color: #817b7b;
margin: 0;
}
.contact_form form {
width: 50%;
box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
margin: 0 auto;
padding: 35px;
border-radius: 25px;
}
.contact_form h1 {
text-align: center;
margin-bottom: 0px;
}
.contact_form .email_number {
text-align: center;
display: block;
font-size: 22px;
line-height: 22px;
margin: 20px 0px 22px;
}
.contact_form .email_number a {
margin: 0px 15px;
font-family: "Matter-Light";
text-align: center;
text-decoration: none;
color: #626262;
}
.contact_form .email_number a:hover {
color: #feea61;
}
.contact_form .wpcf7-form-control {
width: 100%;
background: #FFFFFF;
box-sizing: border-box;
border: 1px solid #B7B7B7;
border-radius: 46px;
padding: 13px 20px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
}
.contact_form textarea.wpcf7-form-control {
height: 150px;
border-radius: 25px;
}
.contact_form .wpcf7-submit {
width: auto;
cursor: pointer;
background-color: #feea61;
border: 1px solid #feea61;
color: #fff;
padding: 14px 70px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.contact_form .wpcf7-submit:hover {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
border: 1px solid #feea61;
background: transparent;
color: #feea61;
}
/* ione */
.contact-title {
padding-bottom: 10px;
border-bottom: 2px solid rgba(0,0,0,0.105);
}
.contact-title span {
position: relative;
padding-bottom: 15px;
}
.contact-title span::after {
content: '';
display: block;
width: 100%;
position: absolute;
bottom: 0px;
left: 0;
height: 2px;
background-color: #feea61;
}
.contact_table {
border: 1px solid #feea61;
border-bottom: none;
}
.contact_table a {
color: inherit;
}
.contact_table-row {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0,0,0,0.105);
}
.contact_table-cell {
padding: 5px 15px;
}
.contact_table-cell:first-child{
width: 60%;
}
.contact_table-cell:last-child {
width: 40%;
text-align: center;
/* color: #feea61; */
}
@media (max-width: 768px) {
.contact_table-row {
flex-wrap: wrap;
}
.contact_table-cell {
text-align: center;
width: 100% !important;
padding: 15px;
}
}
/* ione end */
.footer-bottom p a {
color: #817b7b;
text-decoration: none;
}
.footer-bottom p a:hover {
color: #feea61;
}
form.search-form {
border: 1px solid #626262;
border-radius: 56px;
background: transparent;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
display: flex;
align-items: center;
/* column-gap: 77px; */
padding: 10px 18px;
}
.searh span.screen-reader-text {
display: none;
}
input.search-field {
border: none;
font-family: "Matter-Light";
letter-spacing: 0.5px;
font-weight: 300;
font-size: 18px;
color: #626262 !important;
outline: none;
}
input.search-submit {
background: url("https://heatilatorfireplacedoors.com/wp-content/plugins/page_template/assests/img/Magnifer.png");
font-size: 0;
border: none;
width: 20px;
height: 20px;
}
.searh label {
font-family: 'Matter-Regular';
}
.mobile-searh.searh {
display: none;
}
.mobile-search.searh {
display: none;
}
button.navbar-toggler {
display: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
margin-left: 10px;
}
/* .faq .right-section {
z-index: -1;
} */
ul.sub-menu {
position: absolute;
display: none;
background: #ffffff;
padding: 20px;
box-shadow: 0px 1px 5px 0px #d0d0d0;
}
.header .menu-icons li:hover .sub-menu {
display: block;
}
/* ul.sub-menu {
margin-top: 10px;
} */
li#menu-item-5153 {
padding: 10px 0px;
}
li#menu-item-5154 {
padding: 10px 0px;
}
ul.sub-menu li {
line-height: 30px !important;
letter-spacing: 0.4px;
}
ul.sub-menu li a:hover {
color: #feea61;
}
form#searchform {
border: 1px solid #626262;
border-radius: 56px;
background: transparent;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
display: flex;
align-items: center;
/* column-gap: 77px; */
padding: 10px 18px;
justify-content: right;
}
input#s {
border: none;
font-family: "Matter-Light";
letter-spacing: 0.5px;
font-weight: 300;
font-size: 18px;
color: #626262 !important;
outline: none;
position: relative;
top: -2px;
}
form#searchform div {
display: flex;
align-items: center;
vertical-align: middle;
justify-content: center;
}
input#searchsubmit {
background: url(https://heatilatorfireplacedoors.com/wp-content/plugins/page_template/assests/img/Magnifer.png);
font-size: 0;
border: none;
width: 22px;
height: 22px;
}
html {
margin-top: 0px !important;
}
/* breadcrumb */
.breadcrumb {
margin-top: 25px;
}
.breadcrumb .container {
max-width: 1300px;
margin: auto;
}
nav.woocommerce-breadcrumb a {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 25px;
color: #AEAEAE;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
nav.woocommerce-breadcrumb a:hover {
color: #feea61;
}
/* nav.woocommerce-breadcrumb a+a:before {
padding: 4px;
content: ">";
color: #AEAEAE;
font-size: 17px;
font-family: 'Matter-Light';
margin-right: 12px;
} */
nav.woocommerce-breadcrumb {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 25px;
color: #333333;
}
span.arrow {
color: #AEAEAE;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
opacity: 1 !important;
}
.status-publish .container {
max-width: 1296px;
}
.status-publish figure img {
height: 60px;
width: 60px;
}
figure.woocommerce-product-gallery__wrapper {
margin-top: 26px;
}
.status-publish .row {
display: flex;
column-gap: 50px;
}
.product-thumbnail img {
width: 300px;
max-width: 100%;
height: 300px;
object-fit: contain;
}
.product-thumbnail {
order: 2;
margin-top: 7px;
}
h1.product_title.entry-title {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 40px;
text-transform: capitalize;
color: #282828;
margin: 0;
margin-top: 26px;
margin-bottom: 22px;
}
.product-images.slider.slider-nav {
margin-top: 5px;
}
.summary.entry-summary .price {
margin: 18px 0px 0px;
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 25px;
color: #282828;
border-top: 1px solid #CBCBCB;
padding-top: 27px;
padding-bottom: 26px;
}
.summary.entry-summary .single_variation_wrap span.price {
margin: 0px 0px 15px;
display: block;
border: none;
padding: 0px;
}
.woocommerce-product-details__short-description p {
margin: 0;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
margin-top: 40px;
margin-bottom: 37px;
}
.woocommerce table.shop_table {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 25px;
color: #626262;
}
table.variations {
width: 100%;
}
table.variations tbody {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
table.variations tr {
display: flex;
flex-direction: column;
margin-bottom: 25px;
width: 260px;
}
table.variations tbody th.label {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 16px !important;
line-height: 19px;
color: #626262;
border: none;
padding: 0;
margin-bottom: 11px;
}
#mobile-menus li.show-menu ul.sub-menu {
display: block;
}
.woocommerce-checkout a {
color: #000;
}
.woocommerce-checkout a:hover {
color: #feea61;
}
.button {
background-color: #6175FE !important;
border: 1px solid #6175FE !important;
border-radius: 40px !important;
padding: 11px 30px 12px !important;
font-family: "Matter-Light";
display: inline-block;
font-size: 16px !important;
line-height: 19px;
text-transform: capitalize;
color: #ffffff !important;
cursor: pointer;
}
.button:hover {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) !important;
}
.comment-respond .comments-rating label {
padding-top: 0px;
}
.showcoupon {
color: #feea61;
}
.woocommerce-form-login-toggle a {
color: #feea61;
}
.product-name a {
color: #feea61;
}
.product-name a:hover {
text-decoration: none;
}
.product-thumbnail {
width: 540px;
max-width: 100%;
transition: transform .2s;
display: flex;
justify-content: center;
}
.cart.woocommerce-cart-form__contents thead th {
border: none;
}
.woocommerce-cart-form__contents .product-thumbnail img {
width: auto;
max-width: 100%;
height: auto;
object-fit: contain;
}
.woocommerce table.shop_table th.product-thumbnail {
display: revert;
width: auto;
border: none;
}
.woocommerce table.shop_table td.product-thumbnail {
display: revert;
width: auto;
margin: 0px;
}
.cart-collaterals .checkout-button.button {
padding: 15px 50px 16px !important;
}
.star-rating {
color: #000;
}
.select2-container .select2-selection--single {
height: 40px;
padding-top: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 8px;
}
.woocommerce {
font-family: 'Matter-Light';
}
.woocommerce-billing-fields input,
select,
textarea {
font-family: 'Matter-Light';
padding: 13px;
font-size: 16px;
color: #6d6d6d;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #ebe9eb;
}
body .summary.entry-summary select {
background: #FFFFFF;
border: 1px solid #B7B7B7;
border-radius: 46px;
padding: 10px 0px 10px 20px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
width: 260px;
background-image: url(https://projectsofar.info/heatilatorfireplacedoors/wp-content/uploads/2023/05/down-arrow.png);
appearance: none;
background-repeat: no-repeat;
position: relative;
background-size: 15px;
background-position: 90%;
padding-right: 50px;
}
/* select#pa_doorstyle {
border: 1px solid #282828;
color: #282828;
} */
a.reset_variations {
display: none !important;
margin-top: 10px !important;
font-family: 'Matter-Light';
color: #cc1818;
text-decoration: none;
padding-top: 10px !important;
}
.woocommerce-variation-add-to-cart.variations_button {
display: flex;
column-gap: 26px;
flex-wrap: wrap;
margin-bottom: 40px;
/* position: relative; */
}
.single_variation_wrap .woocommerce-variation-add-to-cart.variations_button {
margin-top: 20px;
}
button.minus-qty-btn {
position: relative;
right: -15px;
background: transparent;
border: 0;
font-size: 28px;
color: #626262;
top: 0px;
}
button.plus-qty-btn {
position: relative;
left: -22px;
background: transparent;
border: 0;
font-size: 20px;
color: #626262;
top: 2px;
}
.quantity {
margin: -46px;
margin-top: 0px;
}
div#product-options-total {
width: 100%;
}
.input-text.qty.text {
background: #FFFFFF;
border: 1px solid #B7B7B7;
border-radius: 34px;
padding: 10px;
width: 100px;
text-align: center;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
}
button.single_add_to_cart_button.button {
background: #6175FE;
border-radius: 56px;
border: 1px solid #6175FE;
padding: 9px 45px 10px !important;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
font-size: 18px !important;
line-height: 22px;
}
button.single_add_to_cart_button.button:hover {
color: #6175FE;
border: 1px solid #6175FE;
background: transparent;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
ul.tabs.wc-tabs {
display: none;
}
.product_meta {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #282828;
display: none;
}
span.posted_in a {
color: #000;
padding-bottom: 2px;
text-decoration: none;
border-bottom: 1px solid;
}
span.posted_in a:hover {
color: #feea61;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-top: 60px;
}
.woocommerce-tabs.wc-tabs-wrapper h2 {
margin: 0;
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: #282828;
margin-bottom: 24px;
}
.woocommerce-tabs.wc-tabs-wrapper h3 {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: #282828;
}
.woocommerce-tabs.wc-tabs-wrapper ul {
margin: 0;
padding: 0;
padding-left: 30px;
}
.woocommerce-tabs.wc-tabs-wrapper ul li {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
margin-bottom: 10px;
}
.woocommerce-tabs.wc-tabs-wrapper ul li span {
font-family: 'Matter-Regular';
font-weight: 400;
color: #282828 !important;
}
div#tab-additional_information {
display: none;
}
ul.products.columns-3 h2.woocommerce-loop-product__title {
font-family: 'Matter-Regular' !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 21px !important;
line-height: 25px !important;
color: #000000 !important;
margin: 0;
margin-bottom: 17px;
}
ul.products.columns-3 li a {
text-decoration: none;
}
ul.products.columns-3 li img {
max-width: 300px;
object-fit: contain;
margin: 0 auto !important;
min-width: 300px;
height: 229px !important;
}
.functionalities {
order: 3;
}
.functionalities .row {
display: flex;
column-gap: 20px;
}
.icon-content-box {
display: flex;
justify-content: center;
align-items: center;
column-gap: 15px;
}
.icon-content-box .content {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 22px;
color: #626262;
width: 147px;
}
.woocommerce-product-details__short-description p span strong {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #282828 !important;
}
.woocommerce-product-rating {
padding-bottom: 0px;
}
.woocommerce-variation-add-to-cart.variations_button p.form-row.form-row-wide {
display: flex;
flex-direction: column;
column-gap: 42px;
margin: 0;
margin-bottom: 26px;
}
.woocommerce-variation-add-to-cart.variations_button label {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #626262;
margin-bottom: 10px;
}
.woocommerce-variation-add-to-cart.variations_button input.input-text.custom-options.custom_field,
textarea.input-text.custom-options.custom_textarea {
background: #FFFFFF;
border: 1px solid #B7B7B7;
width: 260px;
border-radius: 34px;
height: 40px;
font-family: 'Matter-Light';
font-size: 18px;
color: #626262;
display: block;
padding-left: 20px;
box-sizing: border-box;
padding-right: 10px;
}
.wc-pao-addon label.wc-pao-addon-name {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #626262;
margin-bottom: 5px;
}
.product_meta span.tagged_as a {
color: #000;
padding-bottom: 2px;
text-decoration: none;
border-bottom: 1px solid;
}
.product_meta span.tagged_as a:hover {
color: #feea61;
}
.wd-title-color-primary h4 {
margin: 0;
margin-bottom: 17px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: #282828;
}
.woocommerce-tabs.wc-tabs-wrapper ul li a {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: #626262;
text-decoration: none;
border-bottom: 1px solid;
}
.woocommerce-tabs.wc-tabs-wrapper ul li a:hover {
color: #feea61;
}
.wpb_text_column.wpb_content_element.vc_custom_1668538091984.cust_para_color .wpb_wrapper h4 {
margin: 0;
margin-top: 35px;
margin-bottom: 17px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: #282828;
}
.woocommerce-product-details__short-description h1 span {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #282828 !important;
}
.woocommerce-tabs.wc-tabs-wrapper p {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
}
.woocommerce-tabs.wc-tabs-wrapper p a {
font-family: 'Matter-Regular';
font-weight: 400;
color: #626262;
}
.woocommerce-tabs.wc-tabs-wrapper p a:hover {
color: #feea61;
}
.woocommerce-tabs.wc-tabs-wrapper p span {
font-family: 'Matter-Light';
color: #000 !important;
}
.wc-pao-validation-notice {
display: block;
color: #e2401c;
font-size: small;
line-height: 1.1em;
margin-top: 5px;
font-family: 'Matter-Light';
letter-spacing: 1px;
}
div.product-addon-totals ul li {
display: flex;
justify-content: space-between;
padding: 5px 0;
font-family: 'Matter-Light';
}
img.my-class-slider-nav {
width: 60px;
height: 60px;
object-fit: cover;
margin-bottom: 8px;
cursor: pointer;
}
.pro_slider {
display: grid;
margin-top: 26px;
column-gap: 31px;
grid-template-columns: 60px auto;
margin-bottom: 24px;
}
/* blog-page */
.blog_section {
margin-top: 10px;
}
.blog_section .container {
max-width: 1300px;
margin: auto;
}
.blog_section .row {
display: flex;
justify-content: center;
column-gap: 42px;
}
.blog_image {
width: 557px;
margin-bottom: 24px;
min-height: 281px;
}
.col-md-6-right .blog_image {
width: 353px;
min-height: 237px;
}
.date-author {
display: flex;
column-gap: 13px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin-bottom: 16px;
}
.blog_section h3 {
margin: 0;
margin-bottom: 14px;
}
.blog_section h3 a {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 26px;
color: #000000;
margin: 0;
margin-bottom: 14px;
text-decoration: none;
}
.blog_section h3 a:hover {
color: #af2f2f;
}
.blog_section p {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
}
.blog-right-side {
display: flex;
column-gap: 27px;
margin-bottom: 20px;
}
img.dot {
height: 6px;
width: 6px;
margin-top: 8px;
}
.blog_row {
margin-top: 66px;
}
.blog_row {
margin-top: 34px;
column-gap: 42px;
}
.blog_row label {
cursor: pointer;
}
.blog_row a label {
color: #626262;
}
.blog_row a {
text-decoration: none;
}
.blog_row .col-md-6 .blog_image img {
max-width: 557px;
min-height: 373px;
min-width: 557px;
object-fit: contain;
}
.blog_row .col-md-6 {
float: left;
width: 41.5%;
margin-bottom: 80px;
padding-right: 42px;
display: inline-block;
}
.blog_row .col-md-6-right {
float: right;
width: 55%;
display: flex;
column-gap: 27px;
}
.blog_row.blog-row .blog_image img {
width: 629px;
}
.woocommerce-tabs.wc-tabs-wrapper {
display: flex;
column-gap: 119px;
}
.sticky-product-img img.sticky-product-thumbnail {
width: 359px;
object-fit: cover;
margin-bottom: 16px;
}
.sticky-product-title a p {
font-family: 'Matter-Regular' !important;
font-style: normal;
font-weight: 400 !important;
font-size: 21px !important;
line-height: 25px !important;
color: #000000 !important;
margin: 0;
}
.sticky-product-title a {
text-decoration: none;
}
.sticky-product-price p {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400 !important;
font-size: 18px;
line-height: 22px !important;
color: #626262;
margin: 0;
}
.sticky-product-buy {
margin-top: -30px;
}
.random-sticky-woo-product .sticky-product-buy {
float: right;
margin-top: -10px;
}
.sticky-product .woocommerce-product-rating {
padding-bottom: 20px;
}
.sticky-product.random-sticky-woo-product button.buy-now-button {
background: #feea61;
border-radius: 40px;
border: 1px solid #feea61;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 400;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #FFFFFF;
padding: 11px 63px;
cursor: pointer;
}
.sticky-product.random-sticky-woo-product button.buy-now-button:hover {
border: 1px solid #feea61;
background: transparent;
color: #feea61;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.sticky-product.random-sticky-woo-product {
position: sticky;
top: 95px;
height: fit-content;
}
.sticky-product-rating {
margin-top: 17px;
}
.woocommerce-tabs.wc-tabs-wrapper h2 span {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: #282828 !important;
}
p.subscribe-to-comments {
display: none;
}
.comment-respond {
display: block;
font-family: "Matter-Regular";
color: #626262;
}
.comment-respond form {
width: 821px;
max-width: 100%;
font-family: "Matter-Light";
background: #FAFAFA;
padding: 18px 38px 25px;
border-radius: 27px;
box-sizing: border-box;
}
.woo-pro-comment-form {
font-family: "Matter-Regular";
}
body .review {
font-family: 'Matter-Light';
width: 821px;
color: #626262;
display: inline-block;
max-width: 100%;
background: #FAFAFA;
padding: 18px 27px 22px;
box-sizing: border-box;
border-radius: 27px;
margin: 0px 0px 20px;
list-style: none;
}
body .review p {
font-size: 18px;
line-height: 26px;
}
.review img.avatar.avatar-32.photo {
display: none;
}
.review .fn,
.says {
font-size: 21px;
font-family: "Matter-Regular";
line-height: 26px;
font-weight: 400;
color: #000;
}
.reply a {
color: #626262;
margin-top: 10px;
font-size: 18px;
display: block;
text-decoration: underline;
}
.reply a:hover {
color: #feea61;
}
.commentmetadata a {
font-size: 16px;
margin: 7px 0px;
display: block;
color: #626262;
}
.summary.entry-summary .single_variation_wrap textarea {
overflow: hidden;
}
.comment-respond form p a {
color: #626262;
}
.comment-respond form p a:hover {
color: #feea61;
}
.comment-respond label {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: 300;
padding: 14px 0px 7px;
color: #626262;
}
.comment-respond .comment-form-cookies-consent label {
display: inline-block;
width: auto;
}
.comment-respond input[type="text"] {
width: 100%;
font-weight: 300;
border-radius: 30px;
border: 1px solid #B7B7B7;
box-sizing: border-box;
font-size: 18px;
padding: 13px 20px;
color: #626262;
}
.comment-respond textarea {
width: 100%;
font-weight: 300;
border: 1px solid #B7B7B7;
border-radius: 18px;
box-sizing: border-box;
color: #626262;
}
.woo-pro-comment-form h3 {
font-family: "Matter-Regular";
margin: 15px 0px;
font-style: normal;
font-weight: 400;
font-size: 27px;
line-height: 34px;
color: #282828;
}
.form-submit {
margin-top: 13px;
}
.submit {
display: inline-block;
background: #feea61;
border-radius: 40px;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 11px 40px 13px;
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
border: none;
}
.submit:hover {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.description {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
}
.description a {
color: #626262;
text-decoration: none;
}
.blog_row .blog_image img {
min-height: 237px;
max-width: 353px;
min-width: 353px;
object-fit: cover;
}
.blog__row .blog_image img {
max-width: 405px;
min-width: 405px;
object-fit: contain;
min-height: 281px;
}
.blog__row {
width: 405px;
float: left;
margin-right: 21px;
margin-top: 86px;
margin-bottom: 80px;
}
.blog-item {
width: 405px;
}
.blog-item-list {
display: flex;
width: 100%;
flex-wrap: wrap;
column-gap: 42px;
row-gap: 80px;
}
.blog-item-list .blog-item .blog_image img {
max-width: 405px;
object-fit: contain;
min-width: 405px;
min-height: 281px;
}
.blog-item:nth-child(4n),
.blog-item:nth-child(5n) {
width: 48.3%;
margin-top: 80px;
margin-bottom: 80px;
}
.blog-item:nth-child(4n) .blog_image img,
.blog-item:nth-child(5n) .blog_image img {
height: 423px;
width: 100%;
}
.star-rating {
position: relative;
overflow: hidden;
height: 1.618em;
letter-spacing: 4px;
font-size: 1.5em !important;
margin-right: 15px;
font-family: star;
max-width: fit-content;
display: block;
font-weight: 400;
}
.star-rating span {
overflow: hidden;
color: transparent;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.lazyloaded {
z-index: 999;
position: relative;
}
.our-popular-products .lazyloaded.size-woocommerce_thumbnail {
max-height: 229px;
max-width: 359px;
min-width: 359px;
object-fit: contain;
}
.right-content {
width: 441px;
min-height: 533px;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 372px !important;
min-height: 358px;
}
.measuring_s.two_coloum .content {
width: 628px;
min-height: 475px;
}
.our-popular-products h3 {
margin-top: 0px;
}
.blog-detail .side-content a {
color: #626262;
}
.star-rating::before {
color: #d3ced2;
float: left;
content: "sssss";
opacity: .25;
top: 0;
position: relative !important;
left: 0;
z-index: 666;
}
.our-popular-products.home_pro .star-rating::before {
position: absolute;
}
.star-rating img {
position: relative;
width: 20px;
float: left;
z-index: 999;
}
.woocommerce ul.products li.product .price {
color: #626262;
display: block;
display: inline-block;
font-weight: 400;
margin: 12px 0px 5px;
font-size: 18px;
}
.main-content h1 {
font-family: "Alice";
font-weight: 400;
font-size: 42px;
}
.woocommerce .products .star-rating {
width: 100%;
margin-top: 5px;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 28.75%;
}
.woocommerce ul.products strong {
display: flex;
flex-wrap: wrap;
column-gap: 87px;
row-gap: 30px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left !important;
width:375px;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
margin-right: 0;
}
@media (max-width: 768px) {
/* .woocommerce .products .star-rating {
margin-left: auto;
margin-right: auto;
}
.woocommerce ul.products li.product a {
text-align: center;
} */
.woocommerce ul.products strong {
column-gap: 30px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: none;
width: calc(50% - (60px / 2)) !important;
}
}
@media (max-width: 576px) {
.woocommerce ul.products li.product a {
text-align: center;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
}
.woocommerce ul.products li.product .button {
transform: translate(100%, 0);
}
}
.star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
z-index: 999;
color: #AE2E2E;
}
.code-test {
position: relative;
}
.summary.entry-summary a.woocommerce-review-link {
display: inline-block;
color: #626262;
border-left: 1px solid #B0B0B0;
font-family: 'Matter-Light';
padding-left: 15px;
margin-left: 0px;
margin-right: 30px;
}
.summary.entry-summary a.woocommerce-review-link:hover {
color: #AE2E2E;
}
.woocommerce-review-link {
display: none;
}
.summary.entry-summary .woocommerce-product-rating {
display: flex;
align-items: center;
}
.blog_item_list {
display: flex;
margin-top: 86px;
margin-bottom: 80px;
}
.blog_item_list .blog-item {
width: 629px;
}
.blog_item_list .blog-item .blog_image img {
height: 423px;
max-width: 629px;
min-width: 629px;
object-fit: contain;
}
.blog_item_list {
display: flex;
margin-top: 80px;
margin-bottom: 80px;
column-gap: 42px;
}
.blog-item-lists {
display: flex;
column-gap: 42px;
margin-bottom: 80px;
}
.blog-item-lists .blog-item .blog_image img {
max-width: 405px;
min-width: 405px;
height: 281px;
object-fit: contain;
}
ul.breadcrumb-navigation {
display: flex;
padding: 0px;
column-gap: 16px;
list-style-type: none;
}
ul.breadcrumb-navigation li a {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 25px;
color: #AEAEAE;
text-decoration: none;
}
ul.breadcrumb-navigation li {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 25px;
color: #333333;
}
ul.breadcrumb-navigation li span.arrow {
margin-left: 16px;
}
/* blog-detsil */
.blog-detail {
margin-top: 0px;
}
.blog-detail h1 {
margin: 0;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 35px;
line-height: 45px;
text-transform: capitalize;
color: #282828;
margin-top: 31px;
}
.blog-detail img {
height: 403px;
width: 904px;
object-fit: cover;
margin-bottom: 15px;
margin-top: 15px;
}
.blog-detail p {
margin: 10px 0px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
}
.blog-detail p img {
margin: 0px;
}
.blog-detail .side-content h3 {
margin-top: 25px;
margin-bottom: 15px;
}
.blog-detail h3 {
margin: 0;
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 25px;
color: #282828;
margin-top: 36px;
margin-bottom: 20px;
}
.blog-detail ul {
padding: 0;
margin: 0;
padding-left: 20px;
margin-top: 20px;
}
.blog-detail ul li {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
}
.conclusion {
background: #FAFAFA;
border-radius: 5px;
padding: 35px;
margin-top: 36px;
}
.conclusion h4 {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 25px;
color: #282828;
margin: 0;
margin-bottom: 20px;
}
.blog-detail .row {
display: flex;
column-gap: 75px;
}
div#sidebar-fireplace {
margin-top: 91px;
width: 321px;
max-width: 100%;
}
.related-cat-posts {
position: sticky;
top: 100px;
height: fit-content;
}
.author-date {
background: #FAFAFA;
border-radius: 5px;
padding: 28px 21px;
width: 321px;
box-sizing: border-box;
}
.author-date label {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #282828;
margin: 0;
margin-bottom: 11px;
display: block;
}
.author-detail p {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
margin: 0;
margin-bottom: 15px;
}
.author-detail {
border-bottom: 1px solid #CBCBCB;
}
.posted-on {
margin-top: 16px;
}
.related-post-thumb img {
width: 321px;
height: 222px;
margin-bottom: 22px;
}
.related-post-author-date {
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.sidebar .related-post-author-date:before {
content: "";
width: 6px;
height: 6px;
background: #626262;
border-radius: 100%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.posts-author {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
}
.posts-date {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
align-items: center;
font-size: 18px;
display: flex;
line-height: 22px;
color: #626262;
}
.title-of-post {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 26px;
color: #000000;
margin-bottom: 16px;
}
.title-of-post a {
color: #000000;
text-decoration: none;
}
.title-of-post a:hover {
color: #feea61;
}
.excerpt-of-post {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #626262;
}
.post-social-share {
box-sizing: border-box;
background: #FAFAFA;
border-radius: 5px;
padding: 28px 21px;
margin-top: 34px;
}
.post-social-share h3 {
font-family: 'Matter-Regular';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #282828;
margin: 0;
margin-bottom: 24px;
}
.sticky-product-img {
width: 359px;
max-width: 100%;
}
.sticky-product-price {
display: inline-block;
}
.social-icons .icon {
width: 18px;
height: 18px;
text-align: center;
background: #EBEBEB;
border-radius: 5px;
padding: 10px 13px 10px 13px;
margin: 0;
}
.social-icons .icon img {
height: auto;
width: 9px;
object-fit: contain;
margin: 0px;
}
.social-icons a {
display: flex;
align-items: center;
color: #626262;
text-decoration: none;
column-gap: 14px;
margin-bottom: 10px;
}
.icon-content {
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #626262;
}
.icon.twitter img {
height: 15px;
width: 18px;
}
.icon.linked img {
width: 16px;
height: 16px;
}
ul.breadcrumb-navigation li a:hover {
color: #feea61;
}
/* responsive */
@media (min-width: 1275px) and (max-width: 1370px) {
.breadcrumb {
padding: 0px 15px;
}
section.related.products ul.products.columns-4 {
column-gap: 60px;
}
.header .container {
margin: 0px;
}
.blog-item {
width: 31%;
}
.blog_section .container {
max-width: 1250px;
}
ul.breadcrumb-navigation {
padding: 0px 15px;
}
.header .row {
column-gap: 155px;
}
.header .row .col-md-3 {
column-gap: 50px;
}
.home-banner {
padding: 0px 20px;
}
.our-popular-products {
padding: 0px 20px;
}
.fireplace .container {
padding: 0px 20px;
}
.how-to-order .row {
column-gap: 60px;
padding: 0px 20px;
}
.blog_image {
width: 100%;
min-height: auto;
}
.col-md-6-right .blog_image {
width: 100%;
min-height: auto;
}
.footer-bottom .row {
grid-template-columns: 50% 50%;
}
.our-popular-products .images-row {
column-gap: 55px;
}
nav.breadcrumb_li {
padding: 0px 15px;
}
.footer {
padding-left: 20px;
padding-right: 20px;
}
div#main-content {
padding-left: 20px;
padding-right: 20px;
}
.footer-bottom {
padding-left: 20px;
padding-right: 20px;
}
.replace-your-heatilator .container {
max-width: 1230px;
}
.return-policy .container {
max-width: 1225px;
}
.size-chart .container {
max-width: 1220px;
}
.measuring .row {
padding: 0px 20px;
}
.measuring .left-section.part-two {
margin-left: 10px;
}
.status-publish {
padding: 0px 15px;
}
.header ul {
column-gap: 21px;
}
section.related.products ul.products.columns-4 {
flex-wrap: wrap;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 28% !important;
}
.middle_s .container {
padding: 0px 20px;
box-sizing: border-box;
}
.middle_s .faq .container {
padding: 0px;
}
.blog_row .col-md-6 .blog_image img {
min-width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
}
.measuring_s.two_coloum .content {
width: 100%;
}
.header .menu-icons li {
font-size: 17px;
}
}
@media (max-width: 1290px) {
.header .row {
column-gap: 118px;
padding: 0px 10px;
}
}
.header-logo img {
height: auto;
}
@media (max-width: 1274px) {
.measuring_s.two_coloum .content {
width: 100%;
}
.header .menu-icons li.show-menu:before {
transform: rotate(180deg);
}
.header .menu-icons li:hover .sub-menu {
display: none;
}
.header .menu-icons li .sub-menu {
display: none;
padding: 10px 15px;
}
.menu-icons#mobile-menus.autoheight {
height: auto !important;
}
.middle_s .container {
padding: 0px 20px;
box-sizing: border-box;
}
.middle_s .our-popular-products .container {
padding: 0px;
}
.middle_s .row.door_s_li {
padding-left: 0px;
padding-right: 0px;
}
.middle_s .faq .container {
padding: 0px;
}
.products.columns-4 .product.type-product .attachment-woocommerce_thumbnail {
max-width: 95%;
min-width: 95%;
object-fit: contain;
height: 229px;
}
.blog_image {
width: 100%;
min-height: auto;
}
.col-md-6-right .blog_image {
width: 100%;
min-height: auto;
}
div#main-content {
padding-left: 0px;
padding-right: 0px;
}
.footer {
padding-left: 0px;
padding-right: 0px;
}
section.header {
padding: 8px 15px 0px;
height: 80px;
}
nav.breadcrumb_li {
padding: 0px;
}
.header .container {
width: 100%;
}
input#s {
font-size: 15px;
width: 100%;
}
form#searchform div {
width: 100%;
}
.blog-item-list .blog-item .blog_image img {
min-width: 100%;
width: 100%;
}
.blog-detail {
padding: 0px 20px;
box-sizing: border-box;
}
.breadcrumb_nav .container {
padding: 18px 20px;
box-sizing: border-box;
}
.header .row .col-md-3 {
column-gap: 40px;
}
button.navbar-toggler {
display: block;
}
.header .row {
column-gap: 60px;
align-items: center;
}
.header-logo {
margin: 0 auto;
text-align: center;
width: auto;
height: auto;
}
.our-popular-products .images-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.header {
padding: 10px 10px 0px 10px;
}
.header .search {
font-size: 16px;
column-gap: 38px;
padding: 10px 10px;
}
.header-top h2 {
text-align: center;
font-size: 15px;
}
.mobile-search.searh {
display: none;
}
.mobile-search {
display: none;
}
.mobile-searh.searh {
display: block;
width: 100%;
}
form.search-form {
column-gap: 38px;
justify-content: space-between;
}
.main-container {
padding: 0px 20px;
}
.home-banner {
margin-top: 20px;
}
.home-banner h1 {
font-size: 30px;
line-height: 35px;
margin: 0;
text-align: center;
}
.home-banner p {
text-align: center;
}
.our-popular-products .images-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.our-popular-products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
max-width: 280px;
min-width: 280px;
}
.header .row .col-md-3 {
width: 100%;
justify-content: space-between;
}
.features .col-md-9 p {
text-align: left;
line-height: 18px;
font-size: 16px;
}
.features .col-md-9 h4 {
font-size: 18px;
}
.left-section {
margin-left: 0;
}
.measuring .left-section.part-two.part-three {
margin-left: 0px;
}
.left-section.part-two .image {
width: 100%;
text-align: center;
}
.left-section.part-two.part-three img {
width: auto;
}
.image-box img {
width: 100%;
}
.faq .row {
display: block;
}
.faq .left-section {
margin-left: 20px;
}
.faq .left-section p {
width: 100%;
}
.faq .left-section h2 {
margin-bottom: 10px;
}
.size-chart {
margin-top: 50px;
}
section.footer {
padding: 35px 25px 25px 25px;
}
.footer-bottom {
background: #eeeeee;
padding: 20px 30px;
}
.home-banner .right-content {
text-align: center;
margin-top: 30px;
width: 40%;
min-height: auto;
}
.fireplace .section-row {
display: flex;
column-gap: 27px;
white-space: nowrap;
overflow-x: scroll;
}
.right-content .image-content img {
width: 100%;
}
.fireplace {
padding-left: 20px;
padding-right: 20px;
}
.footer .row {
display: grid;
column-gap: 80px;
grid-template-columns: repeat(2, 1fr);
row-gap: 20px;
}
.home-banner button.view-product {
padding: 11px 106px;
}
.footer .bottom-row {
display: flex;
justify-content: center;
margin-top: 20px;
margin-left: 0px;
margin-bottom: 20px;
}
.footer-bottom .row {
display: flex;
align-items: center;
}
span.navbar-toggler-icon {
width: 25px;
height: 25px;
vertical-align: baseline;
}
.mobile-menu .mobile-search img {
width: 18px;
}
.mobile-menu .mobile-sign img {
width: 25px;
}
.mobile-menu .mobile-cart img {
width: 25px;
}
button.navbar-toggler {
background: #00000003;
border: none;
}
.header .col-md-9 {
display: none;
}
.mobile-menu {
display: flex;
column-gap: 20px;
align-items: center;
height: 0;
justify-content: center;
}
.mobile-menu .mobile-search img {
width: 25px;
height: auto;
}
.mobile-menu .mobile-cart img {
width: 25px;
height: auto;
}
.mobile-menu .mobile-sign img {
width: 25px;
height: auto;
}
ul.sub-menu {
position: static;
width: calc(100% - 20px);
}
span.navbar-toggler-icon {
display: inline-block;
width: 2.5em;
height: 2.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
.menu-icons {
position: absolute;
}
.menu-icons {
position: absolute;
background: #fff;
width: 100%;
max-width: 90%;
top: 100px;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
padding: 20px;
}
.header .menu-icons li {
margin-bottom: 20px;
}
.menu-icons {
overflow: hidden;
height: 0px;
}
.home-banner .left-content {
margin-top: 60px;
width: 60%;
}
.menu-icons {
position: absolute;
background: #fff;
width: 100%;
height: 0 !important;
max-width: 100%;
overflow: scroll;
top: 78px;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
padding: 0px;
left: 0;
transition: 0.5s all;
}
ul#menu-page-template-menu {
display: block;
padding-left: 20px;
padding-top: 20px;
}
section.header.sticky {
position: sticky !important;
}
/*section.header.sticky .header-logo {
display: none;
}
section.header.sticky .mobile-sign {
display: none;
}
/*section.header.sticky .mobile-searh.searh{
display: block;
}*/
section.header.sticky form.search-form {
width: 77%;
column-gap: 0;
justify-content: space-between;
margin: auto;
}
li#menu-item-5153 {
padding-bottom: 0px;
}
.mobile-searh.searh {
display: block;
width: 70%;
}
li#menu-item-5153:before {
content: "";
background: url(https://projectsofar.info/heatilatorfireplacedoors/wp-content/uploads/2023/05/arrow_down.png);
position: absolute;
width: 20px;
height: 20px;
display: block;
text-align: right;
z-index: 999;
right: 15px;
background-size: contain;
background-repeat: no-repeat;
}
li#menu-item-5154:before {
content: "";
background: url(https://projectsofar.info/heatilatorfireplacedoors/wp-content/uploads/2023/05/arrow_down.png);
position: absolute;
width: 20px;
height: 20px;
display: block;
text-align: right;
z-index: 999;
right: 15px;
background-size: contain;
background-repeat: no-repeat;
}
section.related.products ul.products.columns-3 {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.status-publish {
padding: 0 20px;
}
.product-slider {
width: 100%;
justify-content: center;
}
.status-publish .row {
display: block;
}
.breadcrumb {
padding: 0 20px;
}
.summary.entry-summary {
width: 100%;
}
table.variations tbody {
grid-template-columns: repeat(3, 1fr);
}
.status-publish figure img {
height: 150px;
width: 150px;
object-fit: cover;
}
.product-slider {
justify-content: center;
}
.product-thumbnail {
margin-top: 0px;
height: auto;
margin: 0 auto;
}
.functionalities .row {
display: flex !important;
column-gap: 20px;
flex-direction: inherit !important;
justify-content: center;
}
.functionalities {
margin-top: 40px;
order: 3;
}
.breadcrumb-navigation>li>a {
font-size: 14px;
}
.product-images {
height: auto;
order: 3;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
figure.woocommerce-product-gallery__wrapper {
margin-top: 26px;
display: flex;
column-gap: 20px;
}
.blog_section {
padding: 0 20px;
}
.blog_section .row {
display: flex;
justify-content: center;
column-gap: 0px;
}
.date-author {
display: flex;
column-gap: 10px;
font-family: 'Matter-Light';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #626262;
margin-bottom: 16px;
}
.col-md-6-right {
display: flex;
column-gap: 42px;
}
.blog-right-side {
flex-direction: column;
}
.blog_row.blog-row .blog_image img {
width: 100%;
}
.pro_slider {
display: block;
}
.product-images {
display: flex;
flex-wrap: nowrap;
flex-direction: inherit;
column-gap: 20px;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.product-thumbnail img {
width: 500px;
height: auto;
object-fit: cover;
margin: auto;
display: flex;
}
.product-slider {
position: inherit;
}
.blog_row {
display: block;
}
.blog_row .col-md-6 {
width: 50%;
}
.blog_row .col-md-6 .blog_image img {
min-width: 100%;
height: auto;
}
.blog_row .col-md-6-right {
float: inherit;
width: 45%;
}
.blog_row .blog_image img {
min-width: 100%;
height: auto;
}
.blog-item-list {
justify-content: center;
}
.blog-item:nth-child(4n) .blog_image img,
.blog-item:nth-child(5n) .blog_image img {
height: 281px;
}
.blog-item:nth-child(4n),
.blog-item:nth-child(5n) {
width: 405px;
}
.blog-item {
width: 30%;
}
.blog_item_list .blog-item .blog_image img {
height: auto;
min-width: 100%;
width: 100%;
}
.blog-item-lists .blog-item .blog_image img {
min-width: 100%;
height: auto;
width: 100%;
}
.blog_item_list .blog-item {
width: 100%;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 28% !important;
}
}
@media (max-width: 1200px) {
.woocommerce ul.products li.product .button {
float: left;
}
a.button.wp-element-button.product_type_variable.add_to_cart_button {
margin-top: 10px;
float: none;
padding: 7px 15px 9px !important;
display: inline-block;
}
span.price {
display: inline-block;
clear: both;
width: 100%;
}
}
@media (max-width: 1024px) {
.our-popular-products {
margin-top: 70px;
}
.how-to-order .row {
flex-direction: column;
}
.how-to-order .row .content-box {
margin-top: 20px;
}
.status-publish .row {
flex-direction: column;
}
.products.columns-4 .product.type-product .attachment-woocommerce_thumbnail {
height: 160px;
}
.fireplace {
margin-top: 70px;
}
.our-popular-products .row {
margin-bottom: 30px;
}
button.plus-qty-btn {
top: 2px;
}
/* mobile-header */
span.navbar-toggler-icon {
display: inline-block;
width: 2.5em;
height: 2.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
.faq .box {
z-index: 1;
cursor: initial;
}
.menu-icons {
position: absolute;
}
.header .menu-icons li {
margin-bottom: 10px;
}
.header-top h2 {
text-align: center;
font-size: 15px;
}
.main-container {
padding: 0px 20px;
}
.home-banner {
margin-top: 20px;
}
.home-banner h1 {
font-size: 30px;
line-height: 35px;
margin: 0;
text-align: center;
}
.home-banner p {
text-align: center;
}
.our-popular-products .images-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.header .row .col-md-3 {
width: 100%;
justify-content: space-between;
}
.features .col-md-9 p {
text-align: left;
line-height: 18px;
font-size: 16px;
}
.features .col-md-9 h4 {
font-size: 18px;
}
.left-section {
margin-left: 0;
}
.measuring .left-section {
margin-left: 20px;
margin-right: 20px;
flex-direction: column;
margin-bottom: 50px;
row-gap: 20px;
}
.heatilator-fireplace {
margin-top: 70px;
}
.how-to-order {
margin-top: 80px;
}
section.faq {
margin-top: 80px;
}
.measuring .content h2 {
text-align: center;
}
.measuring .left-section .content {
text-align: center;
}
.measuring .left-section.part-two.part-three {
margin-left: 0px;
}
.left-section.part-two {
flex-direction: column-reverse;
}
.left-section.part-two .image {
width: 100%;
text-align: center;
}
.left-section.part-two.part-three img {
width: auto;
}
.how-to-order .row {
column-gap: 30px;
align-items: center;
}
.image-box img {
width: 100%;
}
.faq .row {
display: block;
}
.faq .left-section {
margin-left: 20px;
}
.faq .left-section p {
width: 100%;
}
.faq .left-section h2 {
margin-bottom: 10px;
}
.size-chart {
margin-top: 50px;
}
section.footer {
padding: 20px 20px;
}
.footer-bottom {
background: #eeeeee;
padding: 20px 30px;
}
.home-banner .row {
display: flex;
column-gap: 40px;
}
.fireplace {
padding-left: 20px;
padding-right: 20px;
}
.footer .row {
display: grid;
column-gap: 80px;
grid-template-columns: repeat(2, 1fr);
row-gap: 20px;
}
.footer .bottom-row {
display: flex;
justify-content: center;
margin-top: 20px;
margin-left: 0px;
margin-bottom: 20px;
}
.product-images {
height: auto;
order: 2;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
figure.woocommerce-product-gallery__wrapper {
display: flex;
justify-content: center;
align-items: center;
column-gap: 20px;
}
.status-publish figure img {
height: 150px;
width: 150px;
}
.product-slider {
justify-content: center;
}
.product-thumbnail {
margin-top: 26px;
height: auto;
}
.functionalities .row {
display: flex !important;
column-gap: 20px;
flex-direction: inherit !important;
}
.functionalities {
margin-top: 40px;
order: 3;
}
.breadcrumb-navigation>li>a {
font-size: 14px;
}
.blog_section .row {
flex-direction: column;
}
.blog_image img {
width: 100%;
}
.blog_row {
margin-top: 66px;
display: grid;
column-gap: 42px;
grid-template-columns: repeat(2, 1fr);
}
ul.products.columns-3 li img {
max-width: 100%;
min-width: 100%;
}
a.button.wp-element-button.product_type_variable.add_to_cart_button {
margin-top: 10px;
}
table.variations tbody {
grid-template-columns: repeat(2, 1fr);
}
.woocommerce-tabs.wc-tabs-wrapper {
column-gap: 20px;
}
.blog_row {
display: block;
}
.blog_row .col-md-6 {
width: 100%;
padding: 0;
}
.blog_row .col-md-6-right {
width: 100%;
}
.blog-item-list {
justify-content: inherit;
margin-top: 80px;
column-gap: 35px;
}
.blog-item:nth-child(4n),
.blog-item:nth-child(5n) {
width: 45%;
}
.blog_item_list .blog-item .blog_image img {
height: auto;
}
.blog-item-list .blog-item .blog_image img {
width: 100%;
min-height: auto;
}
.left-section.part-two .image {
width: 100%;
}
.product-thumbnail {
height: auto;
width: 300px;
margin: 0 auto;
}
}
@media (max-width:1024px) {
section.related.products ul.products.columns-4 li.product {
width: 45%;
}
body .left-section.part-three {
display: flex;
flex-direction: column;
}
.breadcrumb_nav {
width: auto;
}
.middle_s {
width: auto;
margin: 10px 0px;
}
.doors_moble_l li {
width: 21%;
}
.replacement_section {
padding: 15px 0px 20px;
}
.home-banner button.view-product {
padding: 11px 75px;
}
.blog-detail .breadcrumb {
padding: 0px;
}
.home-banner p {
color: #626262;
font-family: "Matter-Light";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 23px;
margin: 15px 0px;
}
.measuring .content h2 {
font-size: 25px;
line-height: 30px;
}
.our-popular-products h2 {
font-size: 25px;
line-height: 30px;
}
.fireplace h2 {
font-size: 25px;
line-height: 30px;
margin-bottom: 18px !important;
}
.replace-your-heatilator h2 {
font-size: 25px;
line-height: 30px;
}
.blog-detail h1 {
font-size: 25px;
margin-top: 18px;
line-height: 30px;
}
.return-policy h2 {
font-size: 25px;
line-height: 30px;
}
.faq .left-section h2 {
font-size: 25px;
line-height: 30px;
}
.middle_s h2 {
font-size: 25px;
line-height: 30px;
}
.how-to-order .content-box h2 {
font-size: 25px;
line-height: 30px;
}
.middle_s h1 {
font-size: 28px;
}
.middle_s .heading_s h2 {
font-size: 26px;
}
.middle_s h3 {
font-size: 25px;
}
.post_page ul li a {
font-size: 22px;
}
.measuring_s .image img {
height: auto;
}
.right-section {
display: inline-block;
}
.main-content h1 {
font-size: 28px;
}
.post-198.product_cat-fireplace-doors section.related.products ul.products.columns-4 {
flex-direction: row;
}
.post-198.product_cat-fireplace-doors .products.columns-4 .product.type-product .attachment-woocommerce_thumbnail {
max-width: 100%;
min-width: 100%;
}
.home-banner .image-content {
width: 100%;
height: auto;
}
.our-popular-products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
max-width: 315px;
min-width: 315px;
}
.footer .bottom-row {
margin-top: 20px;
margin-left: 0px;
margin-bottom: 10px;
}
span.price {
display: inline-block;
clear: both;
width: 100%;
}
input#s {
top: -1px;
}
}
.blog_image img {
border-radius: 7px;
}
@media (max-width: 768px) {
.single_product_avalaibility {
top: -5px;
margin-left: 20px;
position: relative;
}
.sidebar .author-date {
width: 100%;
box-sizing: border-box;
}
.middle_s .best_value_s.home-banner .image-content {
width: auto;
height: auto;
}
.comment-respond label {
padding: 0px 0px 7px;
}
.summary.entry-summary .woocommerce-product-rating {
display: block;
}
.summary.entry-summary a.woocommerce-review-link {
top: -6px;
position: relative;
}
.menu-icons {
top: 122px;
}
section.header {
padding: 8px 15px 0px;
height: auto;
}
.star-rating {
margin: 0 auto;
}
.our-popular-products.home_pro .star-rating {
margin: inherit;
padding-bottom: 7px;
}
.blog-detail ul li {
font-size: 16px;
line-height: 26px;
}
.blog-detail ul {
margin-bottom: 10px;
}
.summary.entry-summary .star-rating {
display: inline-block;
margin-right: 7px;
}
section.related.products ul.products.columns-4 {
display: inline-block;
width: 100%;
}
section.related.products {
margin-top: 20px;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 47.75%;
}
.measuring_s.two_coloum .content {
width: 100%;
min-height: auto;
}
.header-top {
margin-bottom: 10px;
}
.faq .box-content .step_img {
flex-direction: column;
}
.measuring .left-section.part-two.part-three {
margin: 0px;
}
.measuring .left-section.part-two {
margin: 0px;
}
.how-to-order .image-box img {
min-width: 100%;
}
.measuring .part-three img {
min-width: 100%;
}
.measuring .image img {
min-width: 100%;
}
.blog-detail .row {
column-gap: 20px;
flex-direction: column;
}
.measuring_s.two_coloum {
gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
.measuring_s {
gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
.our-popular-products .images-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 20px;
}
.best_value_s.home-banner .view-product {
padding: 9px 106px 10px;
margin-top: 10px;
padding: 9px 35px 10px;
}
body .best_value_s p {
width: 100%;
}
.header-top h2 {
text-align: center;
font-size: 15px;
}
.header .container {
padding-bottom: 13px;
}
.footer-bottom {
padding: 10px 20px;
}
.main-container {
padding: 0px 20px;
}
.home-banner {
margin-top: 15px;
}
.header .row .col-md-3 {
width: 100%;
justify-content: space-between;
}
.home-banner .row {
display: block;
}
.home-banner .right-content .image-content img {
width: 100%;
}
.fireplace .section-row {
padding-left: 20px;
padding-right: 20px;
}
.footer .row {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 20px;
}
.home-banner button.view-product {
margin: auto;
display: block;
}
.images-row img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 100%;
min-width: 100%;
}
.faq .box-title:before {
line-height: 50px;
}
.our-popular-products .row {
margin-bottom: 0px;
}
.measuring .left-section {
display: block;
}
.content {
margin-top: 20px;
text-align: center;
}
.image {
text-align: center;
}
.image img {
width: auto;
}
.left-section.part-two .content {
margin-bottom: 20px;
}
.image-box img {
width: auto;
}
.how-to-order .row {
column-gap: 30px;
display: block;
text-align: left;
}
.how-to-order .image-box {
margin-bottom: 20px;
}
section.faq {
margin-top: 50px;
}
.left-section.part-two {
display: flex;
flex-direction: column-reverse;
}
.measuring .left-section {
margin-bottom: 30px;
}
.left-section.part-two.part-three img {
width: 100%;
}
.mobile-search.searh {
display: block;
margin-top: 15px;
}
.mobile-searh.searh {
display: none;
}
.home-banner .left-content {
width: 100%;
margin-top: 0px;
}
.home-banner .right-content {
width: 100%;
min-height: auto;
}
.our-popular-products .images-row h3 a {
font-size: 18px;
}
.our-popular-products {
margin-top: 20px;
}
.fireplace {
margin-top: 20px;
padding: 20px;
}
.measuring {
margin-top: 20px;
}
.heatilator-fireplace {
margin-top: 20px;
}
.how-to-order {
margin-top: 20px;
}
section.faq {
margin-top: 20px;
}
.size-chart {
margin-top: 20px;
}
.return-policy {
margin-top: 20px;
}
.bubble-row {
margin-top: 20px;
}
.replace-your-heatilator {
margin-top: 30px;
}
.product-images {
height: auto;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
figure.woocommerce-product-gallery__wrapper {
display: flex;
justify-content: center;
align-items: center;
column-gap: 20px;
}
.status-publish figure img {
height: 150px;
width: 150px;
}
.product-slider {
justify-content: inherit;
}
.breadcrumb-navigation>li>a {
font-size: 14px;
}
.icon-content-box .content {
width: 100%;
}
.col-md-6-right {
display: flex;
column-gap: 42px;
flex-direction: column;
}
.blog_row {
display: flex;
flex-direction: column;
}
.blog_row {
margin-top: 0px;
}
.product-thumbnail img {
width: 100%;
height: auto;
}
ul.products.columns-3 li img {
max-width: 100%;
}
.woocommerce-tabs.wc-tabs-wrapper {
flex-direction: column;
margin-top: 0px;
}
.sticky-product-img img.sticky-product-thumbnail {
width: 400px;
max-width: 100%;
margin: 0 auto;
align-items: center;
display: block;
}
button.single_add_to_cart_button.button {
margin-top: 20px;
}
.quantity {
margin: -50px;
margin-top: -4px;
}
button.plus-qty-btn {
left: -14px;
top: -2px;
}
button.minus-qty-btn {
top: -3px;
}
.blog_row .blog_image img {
min-width: 100%;
min-height: 100%;
}
.blog-item-list .blog-item .blog_image img {
min-width: 100%;
min-height: 100%;
}
.blog_item_list .blog-item .blog_image img {
min-height: 100%;
min-width: 100%;
}
.blog-item-lists .blog-item .blog_image img {
min-width: 100%;
height: 100%;
}
.blog_row .col-md-6 {
margin-bottom: 25px;
}
.blog_row .col-md-6-right {
margin-top: 20px;
}
.blog-item {
width: 100%;
}
.blog-item-list {
row-gap: 42px;
}
.blog-item:nth-child(4n),
.blog-item:nth-child(5n) {
width: 100%;
}
.blog_item_list .blog-item {
width: 100%;
}
.blog_item_list {
margin-top: 30px;
margin-bottom: 30px;
flex-direction: column;
}
.blog-item-list {
margin-top: 30px;
}
.description {
font-size: 16px;
}
.blog_item_list .blog-item,
.blog-item-lists .blog-item {
margin-bottom: 20px;
}
.blog-item-lists {
display: block;
margin-bottom: 20px;
}
.best_value_s.home-banner .right-content {
text-align: left;
}
.best_value_s .right-content p {
text-align: left;
}
.middle_s .image {
text-align: center;
width: 85%;
margin: 0 auto;
}
.middle_s .faq .image {
width: 100%;
}
.middle_s .faq .image iframe {
width: 100%;
}
.footer {
margin-top: 30px;
}
.measuring_s .image img {
width: auto;
height: auto;
}
.middle_s .measuring .left-section.part-two.part-three {
margin: 0px;
}
.middle_s .left-section.part-two .image {
width: 90%;
}
.woocommerce-tabs.wc-tabs-wrapper p {
font-size: 16px;
line-height: 26px;
}
.woocommerce-tabs.wc-tabs-wrapper ul li {
font-size: 16px;
line-height: 26px;
}
.comment-respond form {
width: 95%;
}
.woo-pro-comment-form h3 {
font-size: 22px;
margin-top: 0px;
}
.comment-respond textarea {
height: 50px;
}
.breadcrumb {
margin-top: 10px;
}
button.single_add_to_cart_button.button {
padding: 9px 30px !important;
margin: 0px !important;
font-size: 15px !important;
}
.heatilator-fireplace h2 {
font-size: 24px;
line-height: 30px;
}
div#sidebar-fireplace {
margin-top: 15px;
width: 100%;
}
.author-date {
padding: 20px 21px;
width: 100%;
}
.post-social-share {
padding: 20px 21px;
width: 100%;
}
.blog_row .col-md-6 .blog_image img {
min-width: 100%;
min-height: 100%;
}
.how-to-order .content-box h2 {
font-size: 25px;
line-height: 30px;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 47.75% !important;
}
.footer p.logo-content {
margin-bottom: 0px;
margin-top: 16px;
}
section.related.products ul.products.columns-4 li.product {
width: 42%;
display: inline-block;
text-align: center;
vertical-align: top;
margin-bottom: 15px;
}
.post-198.product_cat-fireplace-doors section.related.products ul.products.columns-4 {
display: block;
}
body section h2.woocommerce-loop-product__title {
font-size: 18px !important;
}
.sticky-product-img {
margin: 20px auto;
}
.random-sticky-woo-product .sticky-product-buy {
float: none;
margin-left: 15px;
display: inline-block;
}
.sticky-product-rating {
position: relative;
margin: 15px 0px 7px;
}
.sticky-product.random-sticky-woo-product {
text-align: center;
}
.star-rating::before {
right: 0;
}
.star-rating span::before {
right: 0;
}
nav.woocommerce-breadcrumb {
font-size: 16px;
}
nav.woocommerce-breadcrumb a {
font-size: 16px;
}
.status-publish .row {
row-gap: 20px;
}
.woocommerce-variation-add-to-cart.variations_button input.input-text.custom-options.custom_field,
textarea.input-text.custom-options.custom_textarea {
height: 40px;
width: 100%;
}
.middle_s .measuring_s.two_coloum h3 {
font-size: 22px;
}
.measuring_s iframe {
height: auto;
}
.blog_image {
margin-bottom: 10px;
}
.product-images.slider.slider-nav {
margin-top: 15px;
}
}
.right-content {
text-align: left;
}
@media (max-width: 620px) {
.contact_form .email_number {
font-size: 18px;
}
.contact_form .email_number a {
margin: 0px 5px;
}
header-top {
padding: 7px 0px;
}
.features .img-icon {
width: 34px;
height: 34px;
margin: 0 auto;
}
.menu-icons {
top: 110px;
}
.woocommerce-variation-add-to-cart.variations_button p.form-row.form-row-wide {
display: block;
clear: both;
width: 94%;
}
.conclusion {
padding: 21px;
}
section.related.products ul.products.columns-4 span.price {
padding-right: 10px;
}
.blog_section h3 a {
font-size: 18px;
line-height: 22px;
}
input#s {
font-size: 15px;
width: 100%;
}
form#searchform div {
width: 100%;
}
.mobile-searh.searh {
width: 75%;
}
.woocommerce-variation-add-to-cart.variations_button {
column-gap: 26px;
margin-bottom: 20px;
}
h1.product_title.entry-title {
font-size: 25px;
line-height: 30px;
margin: 10px 0px 15px !important;
}
.star-rating {
font-size: 18px !important;
}
.summary.entry-summary .price {
font-size: 22px;
line-height: 25px;
padding-top: 15px;
padding-bottom: 18px;
}
.submit {
font-size: 14px;
padding: 9px 25px 11px;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-top: 20px;
}
.woocommerce-product-details__short-description p {
font-size: 16px;
margin: 10px 0px !important;
line-height: 27px;
}
.woocommerce-tabs.wc-tabs-wrapper h2 {
font-size: 22px;
line-height: 30px;
margin-bottom: 15px;
}
.sticky-product-title a p {
font-size: 18px !important;
}
section.related.products h2 {
font-size: 24px;
margin: 10px 0px !important;
}
section.related.products {
margin-top: 40px;
}
.login_form form {
width: 75%;
}
.header .row .col-md-3 {
flex-direction: column;
row-gap: 20px;
}
.features {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 20px;
text-align: center;
}
.features .col-md-3 {
display: flex;
column-gap: 26px;
flex-direction: column;
justify-content: center;
}
.features .col-md-9 h4 {
font-size: 15px;
margin-bottom: 0px;
}
.features .col-md-9 p {
text-align: center;
font-size: 15px;
}
.home-banner button.view-product {
padding: 20px 20px;
width: 100%;
}
.our-popular-products h2 {
font-size: 22px;
}
.how-to-order .content-box h2 {
font-size: 22px;
line-height: 28px;
}
.our-popular-products button.view-all {
font-size: 16px;
}
.fireplace h2 {
font-size: 22px;
line-height: 26px;
margin-bottom: 0px !important;
margin: 0;
}
.image img {
width: 100%;
}
.image-box img {
width: 100%;
}
.faq .left-section h2 {
margin-bottom: 10px;
font-size: 23px;
line-height: 28px;
}
.table.table-responsive {
overflow-x: scroll;
}
.faq .box {
height: auto;
}
.faq .box-title {
height: auto;
line-height: 25px;
margin-bottom: 10px;
font-size: 18px;
}
.faq .box-content {
padding-top: 7px;
padding-bottom: 10px;
}
.footer .row {
display: grid;
grid-template-columns: repeat(1, 1fr);
row-gap: 20px;
}
.footer-bottom .row {
display: grid;
align-items: center;
justify-content: center;
grid-template-columns: 100%;
}
.header-top p {
text-align: center;
font-size: 13px !important;
color: #fff;
line-height: 17px !important;
padding: 5px 10px;
}
.mobile-menu {
display: flex;
column-gap: 12px;
align-items: center;
justify-content: center;
}
.header-logo img {
width: 200px;
}
.header .row .col-md-3 {
flex-direction: inherit;
row-gap: 20px;
column-gap: 0;
}
.middle_s h1 {
font-size: 28px;
}
.middle_s p {
font-size: 16px;
}
.door_s_li {
padding: 10px 20px;
margin: 30px 0px;
}
.door_s_li section {
display: block;
}
.middle_s h3 {
font-size: 22px;
}
.door_s_li li a {
font-size: 16px;
}
.button_s {
margin: 30px 0px;
}
.button_s {
display: block;
}
.button_s a {
font-size: 16px;
display: inline-block;
margin-bottom: 13px;
padding: 10px 25px 12px;
}
.middle_s .heading_s h2 {
font-size: 25px;
margin: 0px;
font-weight: 400;
display: inline-block;
}
.middle_s .measuring {
margin-top: 30px;
}
.measuring .content h2 {
font-size: 24px;
line-height: 30px;
}
.measuring .content p {
font-size: 16px;
line-height: 26px;
}
.home-banner button.view-product {
padding: 12px 20px;
}
.best_value_s .view-product {
margin-top: 15px;
}
.powder_coat_s {
margin: 10px 0px;
}
.middle_s h2 {
font-size: 22px;
margin: 15px 0px;
}
.middle_s ol li {
font-size: 16px;
}
.our-popular-products {
margin-top: 30px;
}
.middle_s .listing_sub li {
font-size: 16px;
line-height: 26px;
}
.faq .box-content li {
font-size: 16px;
}
.replacement_section {
margin: 30px 0px 0px;
}
.replacement_left {
width: 100%;
}
body .replacement_section .best_value_s {
width: 90%;
padding-bottom: 10px;
}
.replacement_section .image-content {
width: 90%;
}
.measuring_s.two_coloum .content {
margin-top: 0px;
}
.breadcrumb_nav {
margin: 0px;
}
.button {
font-size: 14px !important;
padding: 8px 20px 9px !important;
}
.woocommerce table button {
padding: 10px 15px 12px !important;
}
.woocommerce button {
padding: 10px 15px 12px !important;
}
body p {
font-size: 16px !important;
line-height: 26px !important;
}
.return-policy ul li {
font-size: 16px;
line-height: 26px;
margin-bottom: 8px;
}
.replace-your-heatilator h2 {
font-size: 22px;
line-height: 27px;
margin-bottom: 15px;
}
.size-chart td {
padding: 10px;
font-size: 15px;
}
.return-policy h2 {
font-size: 22px;
line-height: 27px;
margin-bottom: 10px;
}
.blog-detail img {
height: 100%;
width: 100%;
margin-bottom: 10px;
margin-top: 20px;
}
.how-to-order .image-box {
width: 100%;
}
.measuring .image {
width: 100%;
}
iframe {
width: 100%;
}
.home-banner .image-content {
width: auto;
height: auto;
}
.comment-respond {
margin-top: 30px;
}
.middle_s .best_value_s.home-banner .image-content {
width: 100%;
height: auto;
}
.blog-detail h3 {
font-size: 20px;
margin-top: 0px;
margin-bottom: 10px;
}
.icon-content-box {
margin-bottom: 7px;
}
.contact_form form {
width: 80%;
padding: 15px 25px;
border-radius: 15px;
}
.contact_form textarea.wpcf7-form-control {
height: 90px;
border-radius: 20px;
}
section.box.openfaq .box-title {
height: auto;
}
}
@media (max-width: 575px) {
.main-content h1 {
font-size: 28px;
}
.woocommerce-variation-add-to-cart .form-row .input-text {
/* width: 92%; */
width: auto;
min-width: 50%;
}
.woocommerce .products .star-rating {
margin: 0 auto;
}
.home-banner h1 {
font-size: 28px;
}
.bubble-iocn img {
object-fit: contain;
width: 32px;
height: 32px;
}
.woocommerce ul.products li.product .button {
float: none;
}
section.related.products ul.products.columns-4 li.product {
width: 80%;
display: block;
margin: 0 auto;
text-align: center;
padding: 0px;
padding-bottom: 20px;
}
.measuring_s.two_coloum {
gap: 10px;
grid-template-columns: repeat(1, 1fr);
}
.measuring_s {
gap: 10px;
grid-template-columns: repeat(1, 1fr);
}
.our-popular-products .col-md-4 {
width: 80%;
margin: 0 auto;
text-align: center;
}
.our-popular-products .price-row {
justify-content: center;
gap: 20px;
}
.our-popular-products .images-row {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 100% !important;
min-height: auto;
text-align: center;
}
.measuring button.measuring-button {
padding: 3px 15px;
margin-top: 10px;
}
ul.breadcrumb-navigation {
flex-wrap: wrap;
}
.title-of-post {
font-size: 18px;
}
.login_form form {
padding: 20px 30px;
}
.replacement_section section {
flex-direction: column;
row-gap: 10px;
}
.doors_moble_l li {
width: 43%;
font-size: 16px;
}
iframe {
width: 100%;
height: 194px;
object-fit: cover;
}
section.related.products ul.products.columns-3 {
display: grid;
grid-template-columns: repeat(1, 1fr) !important;
text-align: center !important;
}
.icon-content-box .content {
margin: 0;
}
.icon-content-box .content {
margin: 0;
text-align: left;
line-height: 1.2;
}
.functionalities {
display: flex;
margin-top: 20px;
justify-content: center;
}
.our-popular-products button.view-product {
padding: 7px 24px 8px;
}
.functionalities .row {
display: block !important;
}
.input-text.qty.text {
margin-bottom: 20px;
}
section.related.products .star-rating {
margin: auto;
}
table.variations tbody {
column-gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
.wc-pao-addon .wc-pao-addon-wrap select {
font-size: 1em;
width: -webkit-fill-available;
}
table.variations tr {
width: 100%;
}
select {
width: 100%;
}
body .best_value_s {
width: 70%;
padding-top: 10px;
}
.post_page ul {
flex-direction: column;
}
.post_page ul li {
margin-right: 5px;
padding: 8px 0px;
border-bottom: solid 1px #666;
border-right: none;
}
.login_form input.type_text {
min-height: 40px;
}
button.login_btn {
padding: 9px 60px;
}
.left-section.part-two .image {
width: 90%;
}
.home-banner .image-content {
width: 60%;
margin: 0 auto;
}
.sticky-product.random-sticky-woo-product {
text-align: center;
}
.footer-bottom {
padding: 10px 0px 8px;
text-align: center;
}
h1.product_title.entry-title {
font-size: 22px;
line-height: 26px;
}
.help_ft {
padding-bottom: 0px;
}
.middle_s .our-popular-products {
margin-top: 25px;
}
.middle_s h5 {
margin: 10px 0px;
}
.middle_s .faq {
margin-top: 30px;
}
.middle_s .faq .container {
padding: 0px;
}
.measuring_s .content {
margin-top: 0px;
}
.comment-respond form {
padding: 15px 22px 22px;
}
.cart-collaterals .checkout-button.button {
padding: 11px 30px 13px !important;
}
body .summary.entry-summary select {
font-size: 16px;
}
}
@media (max-width:520px) {
.single_product_avalaibility {
margin-left: 0px;
margin-top: 10px;
}
a.woocommerce-review-link {
margin-right: 10px;
}
}
@media (max-width: 420px) {
.product-images.slider.slider-nav {
overflow: auto;
}
.single_product_avalaibility {
background-position: 13px 9px;
padding: 7px 22px 11px 40px;
}
.contact_form .wpcf7-form-control {
padding: 8px 20px;
}
.contact_form .wpcf7-submit.wpcf7-form-control {
padding: 8px 30px 9px;
}
p.comment-form-author {
width: 100%;
}
p.comment-form-email {
width: 100%;
}
.comment-respond p {
margin-bottom: 0px;
}
section.related.products h2 {
font-size: 24px;
text-align: center;
}
section.related.products ul.products.columns-4 li.product h2 {
font-size: 18px;
}
.middle_s .image {
width: 100%;
}
.features {
column-gap: 20px;
row-gap: 18px;
}
.woocommerce .products ul,
.woocommerce ul.products li.product {
width: 100% !important;
margin: 0px 0px 20px !important;
}
.woocommerce .star-rating::before {
right: 0;
}
.woocommerce .star-rating span::before {
right: 0;
letter-spacing: 5px !important;
}
.woocommerce.columns-4 ul.products li.product .button {
float: none;
}
.measuring button.measuring-button a {
padding: 9px 8px;
}
.measuring .content h2 {
font-size: 22px;
margin-bottom: 15px;
line-height: 28px;
}
ul.products.columns-3 li img {
height: auto !important;
max-width: 260px;
min-width: 260px;
}
.blog-detail h1 {
font-size: 22px;
}
.post_page ul li a {
font-size: 20px;
}
.bubble-content {
font-size: 18px;
}
.size-chart {
margin-top: 20px;
}
.home-banner .image-content {
width: 75%;
}
.middle_s h1 {
font-size: 28px;
}
.blog-detail ul li {
font-size: 16px;
line-height: 22px;
}
ul.breadcrumb-navigation li a {
font-size: 16px;
line-height: 22px;
}
.sticky-product-img img.sticky-product-thumbnail {
width: 80%;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 50%;
}
select {
font-size: 15px;
}
.products.columns-4 .product.type-product .attachment-woocommerce_thumbnail {
height: auto;
}
.summary.entry-summary a.woocommerce-review-link {
padding-left: 7px;
margin-left: 7px;
font-size: 15px;
}
.contact_form .email_number {
font-size: 16px;
}
}
@media (max-width: 368px) {
.sticky .mobile-searh.searh input#s {
font-size: 15px;
left: 28px;
position: relative;
}
.button_s a {
font-size: 14px;
padding: 8px 15px 9px;
text-align: center;
display: block;
}
.home-banner button.view-product {
padding: 10px 20px;
font-size: 15px;
}
.product-name p {
font-size: 15px;
}
button.single_add_to_cart_button.button {
padding: 8px 20px !important;
}
}
.payment_box .input-text {
border: 1px solid #999;
}
.mob_top_head ul {
display: flex;
gap: 0px;
margin: 0px;
color: #fff;
justify-content: center;
align-items: center;
font-size: 16px;
}
.mob_top_head ul li {
color: #fff;
list-style: none;
}
.mob_top_head ul li a {
color: #fff;
}
.footer_call a {
color: #000;
}
.footer_call {
padding: 10px 0px 20px !important;
display: block;
}
.mob_top_head {
display: none;
}
@media (max-width: 1023px) {
.mob_top_head {
display: block;
}
.header-top .row {
display: none;
}
}
.products.columns-3{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
list-style: none;
padding: 0;
}
@media(min-width: 768px){
.products.columns-3{
grid-template-columns: repeat(2, 1fr);
gap: 35px;
}
}
@media(min-width: 1099px){
.products.columns-3{
gap: 55px;
grid-template-columns: repeat(3, 1fr);
}
}
.products.columns-3::before,
.products.columns-3::after{
content: none !important;
}
.main-content .woocommerce.columns-3 ul.products li.product{
width: 100% !important;
margin: 0 !important;
}
.products.columns-3 .product-category{
background: #f6f6f6;
}
.products.columns-3 .product-category a{
display: flex;
flex-direction: column;
align-items: center;
}
.products.columns-3 .woocommerce-loop-category__title{
font-size: 30px !important;
color: #000;
text-decoration: underline;
text-decoration-color: #feea61;
padding: 24px 0 !important;
}
.shop-products{
margin-top: 75px;
margin-bottom: 75px;
}
.shop-products h1 {
display: none;
}
.shop-products h1,
.woocommerce-shop h2{
font-size: 2em;
}
/* .woocommerce-shop {
display: flex;
flex-direction: column;
}
.woocommerce-shop > * {
order: 1;
} */
.woocommerce-shop .term-description {
/* order: 2; */
margin: 20px 0 50px;
font-family: "Matter-Light";
font-weight: 300;
font-size: 18px;
line-height: 22px;
}
ul.products.columns-3 h2.woocommerce-loop-product__title {
font-family: 'Matter-Light' !important;
color: #0000ee !important;
font-size: 16px !important;
font-weight: 700 !important;
}
.woocommerce-cart-form__contents .product-name a {
color: #000;
}