.single-product .product-type-variable p.price, .single-product .product-type-simple p.price {
display: none !important;
}
.single-product .woocommerce-variation-price span.price {
display: none;
}
.product-type-variable .price {
display: none;
}
.price.priceExcTax {
margin-bottom: 20px;
}
.calculator_header {
position: relative;
}
.calculator_header input.cbox{
position: absolute;
left: 0;
top: 0;
height: 58px;
width: 100%;
opacity:0;
visibility: 0;
}
.calculator_header h1{
background: #e8e8e8;
position: relative;
font-size: 14px;
color: #202020;
padding: 1em 1.5em 1em 1.5em;
font-weight: 600;
} .calculator_header label{
cursor: pointer;
position: relative;
z-index: 99;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 150px;
}
.calculator_header div.calculator_body {
max-height: 0px;
overflow: hidden;
transition: max-height 0.5s;
padding: 0px 20px;
background-color: #e8e8e8;
color: #202020;
}
.calculator_header div.calculator_body p {
padding:1em;
margin-bottom: 0px;	
}
.calculator_header input:checked ~ h1 label::after{
transform: rotate(270deg);
}
.calculator_header input:checked ~ h1 ~ div.calculator_body {
max-height: calc(100vh - 10px);
margin-bottom: 15px;
padding-bottom: 15px;
}
.fa-calculator {
font-size: 30px;
margin-right: 10px;
}
.calculator_header span {
display: flex;
align-items: center;
}
.calculator_body h3 {
color: #111;
font-size: 14px;
font-weight: 700;
margin-top: 15px;
}
.calculator_body span {
width: 100%; display: flex;
white-space: nowrap;
align-items: center;
}
.calculator_body span:nth-child(3) {
margin-top: 15px;
}
.calculator_body span input[type="number"] {
margin-bottom: 0px;
margin-left: 15px;
height: 48px;
width: 100%;
}
.calculator_body span input[type="checkbox"] {
margin: 0px 12px 0px;
}
.calculator_body span:nth-child(4) {
margin-top: 20px;
}
.calculator_body span:nth-child(5) button {
margin-top: 14px;
}
.calculator_body span button {
background-color: #222529;
color: #fff;
border-color: #016533;
border: none;
min-width: 198px;
height: 58px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
div#calculatedArea p {
padding-left: 0;
width: 100%;
}
div#calculatedArea p span {
float: right;
color: #111;
font-size: 14px;
font-weight: 400;
justify-content: end;
}
div#calculatedArea p {
padding: 9px 8px;
}
.errPavedWidth {
border: 1px solid red!important;
}
div#calculatedArea button {
vertical-align: middle;
min-width: 198px;
height: 58px;
text-transform: uppercase;
font-weight: 700;
background-color: #222529;
color: #fff;
border: none;
margin: auto;
}
#totalArea {
font-weight: bold !important;
}
.datalist span {
font-weight: bold !important;
}
div#calculatedArea p:nth-child(2) {
background-color: #f4f3f3;
color: #202020;
padding: 9px 8px;
}
div#calculatedArea {
width: 100%;
clear: both;
float: left;
}
div#calculatedArea span {
white-space: normal!important;
}
.calculator_body .calc-inputs{
display: flex;
justify-content: start;
align-items: center;
}
.calculator_body .wastage{
width: 48%;
justify-content: flex-end;
padding-right: 0;
}
.calculator_body .wastage a {
color: #222529;
}
.btn_basket{
text-align: center;
}
.calculator_body .wastage2{
width: 100%;
justify-content: flex-end;
}
.total{
display: flex;
justify-content: spance-between;
align-items: center;
}
.total .totalAreaLabel, .total #totalArea{
width: 100%
}
.total span.totalAreaLabel{
justify-content: flex-start !important;
}
.calculator_body span button:hover, .btn_basket button:hover {
background-color: #c10106!important;
}
.price_exc_tax {
margin-bottom: 5px;
font-size: 19px;
margin-top: 5px;
}
// CSS for social media icons
.addtoany_shortcode {
padding: 15px 0px;
}
.addtoany_list span.a2a_svg {
display: none !important;
}
.a2a_kit a:empty {
display: inline-block !important;
}
.addtoany_list a {
padding: 10px 10px 10px 0 !important;
}
.a2a_button_facebook, .a2a_button_twitter, .a2a_button_email, .a2a_button_whatsapp {
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
}
.a2a_button_twitter {
color:#1D9BF0;
}
.a2a_button_email {
color:#0166FF;
}
.a2a_button_facebook {
color:#1877F2;
}
.a2a_button_whatsapp {
color:#12AF0A;
}
.a2a_button_pinterest_pin {
color:#212f4e;
}
.a2a_button_instagram {
color:#ee4b5e;
}
.a2a_button_twitter::before {
content: "\f081";
} .a2a_button_email::before {
content: "";
display: block;
width: 35px;
height: 41px;
background-image: url(https://buyporcelaintiles.co.uk/wp-content/uploads/2023/11/MicrosoftTeams-image-25.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.a2a_button_facebook::before {
content: "\f082";
border-radius: 3px;
}
.a2a_button_whatsapp::before {
content: "\f232";
}
.a2a_button_pinterest_pin::before {
content: "\f0d3";
}
.a2a_button_instagram::before {
content: "\e055";
}
.share_it_label {
float: left;
position: relative;
top: 12px;
margin-right: 8px;
}
// CSS end for social media icons
.product-cal{
display: flex;
justify-content: space-between;
}
.label-right-qty{
margin-left: 10px;
flex-grow: 1;
text-align: right;
}
.product-cal p {
padding: 0px !important;
}
.product-cal {
margin-top: 15px;
}
.product-cal p:nth-child(2) {
background-color: transparent !important;
color: inherit !important;
padding: 0px !important;
}
.total-price-custom {
background: #f4f3f3;
padding: 8px 10px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0;
}
.total-price-custom h3{
margin:0;
}
.order-sample-link.submit {
height: 3rem !important;
padding: 0 2em; overflow: hidden;
text-transform: uppercase;
font-size: 1em;
letter-spacing: -0.015em;
font-weight: 700;
line-height: 3rem;
border: none;
font-family: var(--porto-add-to-cart-ff,var(--porto-body-ff)),sans-serif;
background: var(--porto-heading-color);
color: var(--porto-body-bg);
display: inline-block;
}
a.order-sample-link.submit:hover {
background-color: var(--porto-primary-dark-5);
border-color: var(--porto-primary-dark-5);
color: var(--porto-primary-color-inverse);
}
#shipping_method .porto-radio.porto-control-disable .woocommerce-Price-currencySymbol {
position:relative;
padding-left:10px;
}
#shipping_method .porto-radio.porto-control-disable .woocommerce-Price-currencySymbol:before {
content:'+';
position:absolute;
top:0;
bottom:0;
left:0;
font-size:13px;
margin: auto;
line-height: 20px;
}
#shipping_method .porto-radio.porto-control-disable .woocommerce-Price-amount.amount::after {
content: " (1-7 Days) Stock Dependent";
}
#call_for_delivery_cost {
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
}
#call_for_delivery_cost button {
color: #fff;
padding: 12px 15px;
line-height: 1.42857;
background: #222529;
}
#panel-cart-discount {
display: block !important; }
#panel-cart-discount .coupon { } .postcode_hints {
margin-top: 10px;
font-weight: bold;
color:#6d1a17;
}
.order-sample-link.submit {
display:inline-block;
}
.btnsmpl {
min-height: 3rem;
position: relative;
position: relative;
min-width: 158px;
}
.quickview-wrap .summary .porto-loading-icon {
display:none !important;
}
.quickview-wrap .porto-ajax-loading .porto-loading-icon {
display:block !important;
}
.spinner-js{
color:#ffff;
}
.spinner-border {
border: 2px solid var(--porto-primary-color) !important;
border-right-color: transparent !important;
width: 25px!important;
height: 25px!important;
margin: 0.5em!important;
}
.quickview-wrap .single-add-to-cart .type-product .view-cart-btn {
margin-left: 0.625rem;
}
.quickview-wrap .summary .added_to_cart{
margin-right: 0.625rem;
height: 3rem !important;
padding: 0 2em;
margin-bottom: 5px;
overflow: hidden;
text-transform: uppercase !important;
font-size: 1em !important;
letter-spacing: -0.015em;
line-height: 3rem;
background: var(--porto-gray-3);
color: var(--porto-heading-color);
border: none;
display: inline-block;
margin-left: 0 !important;
text-decoration: none !important;
} .single_add_to_cart_button {
width: 203px;
}
.woocommerce-checkout .woocommerce div:nth-child(3) .checkout_coupon, .woocommerce-checkout .woocommerce div:nth-child(3){ }
#order_review #payment {
display: block !important;
}
#order_review .ppc-button-wrapper {
display: block !important;
} .woocommerce-checkout .woocommerce-billing-fields .mailchimp-newsletter{
position:relative;
}
.woocommerce-checkout .woocommerce-billing-fields #mailchimp_woocommerce_newsletter {
position: absolute;
z-index: -1;
opacity: 0;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-form__label.woocommerce-form__label-for-checkbox span {
position: static;
margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-form__label.woocommerce-form__label-for-checkbox span::before {
pointer-events: none;
user-select: none;
background-color: #ffffff;
border: 1px solid #c2c0ca;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
margin-top: -10px;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-form__label.woocommerce-form__label-for-checkbox span::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
margin-top: -10px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
transition: opacity 0.3s;
}
.woocommerce-checkout .woocommerce-billing-fields .mailchimp-newsletter {
padding-left: 30px;
}
#mailchimp_woocommerce_newsletter:checked ~ span::after {
background-image: url(https://buyporcelaintiles.co.uk/wp-content/themes/porto/images/custom-checkbox.svg);
opacity: 1;
} .have_a_coupon {
color: var(--porto-body-color);
font-size: 13px;
font-weight: 500;
letter-spacing: -0.025em;
text-transform: initial;
}
.custum-checkbox-label{
margin-bottom: 3px;
font-weight: 500;
letter-spacing: -0.01em;
display: inline;
}
.custom-style-checkbox:checked ~ span::after {
background-image: url(https://buyporcelaintiles.co.uk/wp-content/themes/porto/images/custom-checkbox.svg);
opacity: 1;
}
.custum-checkbox-label span::before {
pointer-events: none;
user-select: none;
background-color: #ffffff;
border: 1px solid #c2c0ca;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
margin-top: -10px;
}
.custum-checkbox-label span::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
margin-top: -10px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
opacity: 0;
transition: opacity 0.3s;
}
.custum-checkbox-label span {
position: static;
margin-bottom: 0;
}
.custom-style-checkbox{
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-cupon-label{
position: relative; min-height: 1.5rem;
padding-left: 30px;
}
.custom_coupon_code_form .custom-cupon-label {
display: block;
}
.custom-cupon-label {
display: none;
}
@media screen and (min-width:768px){
.custom_coupon_code_form { }
}
@media screen and (max-width:767px){
.custom-cupon-label{
margin-top:15px;
}
.page-template-template-samples #secondary, .page-template-template-samples #primary{
width:100% !important;
}
}
#sample_search_box {
opacity: 1;
z-index: 9999;
position: unset !important;
}
.sample-search-from {
margin-bottom: 20px;
}
.sample-searchform-fields {
display: inline-flex;
align-items: center;
}
.sample-searchform-fields .btn-special {
padding: 0;
height: 42px;
width: 42px;
}
.sample-searchform-fields #sample_search_box{
height: 42px; 
}
.sample-search-msg .woocommerce-info {
font-size: 14px;
}
@media screen and (max-width:991px){
#header .header-col.header-center {
display: none !important;
}
.custom-html.woo_minicart_custom_block .wmc-cart-wrapper.shortcode-wrapper {
width: auto !important;
position: unset !important;
}
.custom-html.woo_minicart_custom_block .wmc-cart-wrapper.shortcode-wrapper .wmc-cart {
display: inline-block;
}
}
@media screen and (min-width:320px) and (max-width:768px){
#header .header-main .header-left {
display:flex !important;
}
}
.add__sample {
color: #fff !important;
margin: 4px !important;
margin-top: 7px !important;
margin-bottom: 0px !important;
}
.woocommerce-info {
margin-bottom: 30px !important;
padding: 12px !important;
border: 2px solid #ebebeb;
color: #000 !important;
background: #f7f7f7;
}
.add-links .add_to_cart_button::before {
font-family: "Porto" !important;
content: "\e8ba" !important;
}
.view_parent_product {
width: 100%;
text-align: right;
margin: 15px auto;
}
.view_parent_product a {
width: calc(100% - 104px);
padding: 0 2rem;
overflow: hidden;
text-transform: uppercase;
font-size: 1em;
letter-spacing: -0.015em;
font-weight: 700;
line-height: 3rem;
border: none;
font-family: var(--porto-add-to-cart-ff,var(--porto-body-ff)),sans-serif;
background: var(--porto-heading-color);
color: var(--porto-body-bg);
display: block;
text-align: center;
float: right;
}
.view_parent_product a:hover, .view_parent_product a:focus {
color: #fff;
}
#custom_cart_apply_coupon {
width: 50%;
float: left;
}
#custom_cart_update_cart {
width: 50%;
float: right;
text-align: right;
}
.woocommerce-checkout #mailchimp_woocommerce_newsletter {
opacity: 0;
}