.postid-5485 a.showBtn, .postid-5486 a.showBtn, .postid-5484 a.showBtn {
display: none !important;
}
.post-password-form input[type="submit"] {
color: #fff;
padding: 9px 20px;
}
h1.elementor-slide-heading {
font-size: 38px !important;
}
.barno-font-30 h2 {
font-size: 28px;
line-height: 1.4em;
}
span.sku_wrapper.detail-container {
display: none;
} .header-link a {
color: #fff;
}
.cart-icon bdi {
color: #fff;
}
.cart-icon bdi:hover {
color: #000;
}  header.sticky-header {
--header-height: 100px;
--shrink-header-to: 0.6;
--transition: .45s cubic-bezier(.4, 0, .2, 1);
background-color: rgba(244, 245, 248, 1);
transition: background-color var(--transition),
backdrop-filter var(--transition),
box-shadow var(--transition);
} .home header.sticky-header {
background-color: #F3F3F3 !important;
}
header.sticky-header.elementor-sticky--effects {
background-color: #fff !important;
box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
min-height: var(--header-height);
transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
header.sticky-header.elementor-sticky--effects .elementor-element.elementor-element-3e8131fa {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px !important;
} @media only screen and (max-width: 767px) {
header.sticky-header {
--header-height: 70px;
}
} header.sticky-header .logo img {
transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
transform: scale(.8) !important;
}  .home-branches .elementor-tab-title.elementor-active {
background-color: #CF2E2E !important;
}
.home-branches .elementor-active {
border: none !important;
border-width: 0px !important;
}   
.home-branches .elementor-tab-title {
font-size: 16px !important;
}
.home-branches .elementor-accordion-item {
margin-bottom: 20px;
border-top: 1px solid #CF2E2E !important;
}
.home-branches span.elementor-accordion-icon {
font-size: 24px !important;
margin-top: -5px;
}
.barno-font-40 h1 {
font-size: 40px;
}
.team-tabs .elementor-tab-content {
padding-top: 60px !important;
}
.team-tabs .elementor-active {
color: #CF2E2E !important;
}
.blog-title a, .elementor-post__title a {
font-weight: 700 !important;
transition: 0.6s;
}
.blog-title a:hover, .elementor-post__title a:hover {
font-weight: 700 !important;
color: #CF2E2E !important;
}
.elementor-widget-theme-post-content .elementor-widget-wrap.elementor-element-populated {
padding: 0px !important;
}
.elementor-widget-theme-post-content h2 {
font-size: 24px;
line-height: 1.5em !important;
}
.contact-tabs .elementor-active {
box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.25);
border: 0px !important;
}
.contact-tabs .elementor-tab-title.elementor-active {
box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.25);
border: 0px !important;
background-color: #fff;
}  .product-in-show-cart a.showBtn {
display: none !important;
}
body.single-product:not(.product-in-show-cart) .elementor-widget-woocommerce-product-add-to-cart {
display: none !important;
}
.shop-toggle a.elementor-toggle-title {
font-weight: 600;
}
.woocommerce-info {
border-top-color: #CF2E2E;
}
.woocommerce-message {
border-top-color: #CF2E2E;
margin-bottom: 0px;
}
.woocommerce-message {
flex-wrap: wrap; }
.woocommerce-message::first-line {
margin-bottom: 10px;
}
.woocommerce-message {
line-height: 2.6;
}
a.button.wc-backward, a.button.wc-forward {
background-color: #CF2E2E !important;
color: #fff !important;
border-radius: 0px !important;
border: none !important;
font-size: 15px !important;
padding: 15px 30px !important;
font-weight: 400 !important;
}
a.button.wc-backward:hover, a.button.wc-forward:hover {
background-color: #242628 !important;
color: #fff !important;
border-radius: 0px !important;
border: none !important;
font-size: 15px !important;
padding: 15px 30px !important;
}
.woocommerce-info::before {
color: #242628 !important;
}
span.detail-label {
display: none;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained, button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
color: #fff !important;
}
.detail-content a {
text-transform: uppercase;
font-size: 12px;
}
.product-name a {
font-weight: 700;
transition: 0.6s;
}
.product-name a:hover {
font-weight: 700;
color: #CF2E2E !important;
}
span.page-numbers.current, a.page-numbers:hover {
background-color: #CF2E2E;
border: 1px solid #CF2E2E;
padding: 10px 18px;
}
a.page-numbers, 
span.page-numbers.prev {
padding: 10px 18px;
border: 1px solid #363636;
}
span.page-numbers.prev:after, 
a.page-numbers.prev:after {
content: url(//barno.co.za/wp-content/uploads/2024/10/long-arrow-left.svg);
}
span.page-numbers.prev, 
a.page-numbers.prev {
font-size: 0px;
}
a.page-numbers.next:after, 
span.page-numbers.next:after {
content: url(//barno.co.za/wp-content/uploads/2024/10/long-arrow-right.svg);
}
a.page-numbers.next, span.page-numbers.prev, span.page-numbers.next, a.page-numbers.prev {
font-size: 0px;
padding: 23px 18px 14px 18px;
} .woocommerce .flex-control-thumbs {
margin: 10px 0px 10px -5px !important; width: 100% !important; display: flex;
} ol.flex-control-nav.flex-control-thumbs li {
width: 15% !important; 
}   @media (max-width:414px){
ol.flex-control-nav.flex-control-thumbs li {
width: 18% !important; }
} @media (min-width:568px) and (max-width:768px){ .woocommerce .flex-control-thumbs {
margin: 10px 0px 10px -5px !important; 
width: 15% !important;
}  ol.flex-control-nav.flex-control-thumbs li {
width: 90% !important; }
}
@media (min-width:769px) and (max-width:1024px){ .woocommerce .flex-control-thumbs {
margin: 10px 0px 10px -5px !important; 
width: 12% !important;
}  ol.flex-control-nav.flex-control-thumbs li {
width: 100% !important; }
} @media (min-width:568px) {
.woocommerce .flex-control-nav { 
position: absolute; 
top:-10px; 
left: 0px;
}
.flex-control-thumbs {
display: flex;
flex-direction: column;
}
}
@media (min-width:568px) and (max-width:768px){
.woocommerce .flex-viewport {
width: 86.5% !important;
left: 100px !important;
}
}
@media (min-width:769px) and (max-width:1024px){
.woocommerce .flex-viewport {
width: 87% !important;
left: 40px !important;
}
}
@media (min-width:1025px){
.woocommerce .flex-viewport {
width: 85% !important;
left: 80px !important;
}   
}
h2.wc-block-components-title.wc-block-components-checkout-step__title {
font-weight: 700;
font-size: 22px;
}
button.wc-block-components-address-form__address_2-toggle, 
span.wc-block-components-button__text {
color: #fff;
}
button.wc-block-components-panel__button, 
button.wc-block-components-panel__button:hover {
color: #fff;
font-size: 15px !important;
font-weight: 500;
padding: 10px 20px !important;
margin-bottom: 20px !important;
}
.wc-block-cart-items__header span, 
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
font-size: 16px !important;
text-transform: uppercase !important;
}
a.wc-block-components-product-name {
font-weight: 600;
font-size: 15px;
margin-bottom: 5px !important;
}
.wc-block-formatted-money-amount {
font-weight: 400;
font-size: 15px;
margin-bottom: 5px !important;
}
.wc-block-components-product-metadata__description p {
font-size: 14px;
color: #0E2A35;
}
button.wc-block-cart-item__remove-link {
font-size: 15px !important;
color: #CF2E2E !important;
margin-top: 10px !important;
}
span.woocommerce-Price-amount.amount {
color: #242628;
}
li.woocommerce-MyAccount-navigation-link {
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul {
padding-left: 0px;
}
nav.woocommerce-MyAccount-navigation {
padding: 0px 30px 30px 30px;
background-color: #F0F0F0;
}
.woocommerce-MyAccount-navigation-link a {
color: #0E2A35;
font-family: 'Inter';
font-weight: 600;
font-size: 16px;
}
.woocommerce-MyAccount-navigation-link a:hover {
font-weight: 600;
color: #CF2E2E;
}
.woocommerce-MyAccount-content {
padding-top: 20px;
font-family: 'Inter';
line-height: 1.5em !important;
}
.woocommerce .u-columns h2 {
font-size: 26px !important;
font-family: 'Inter';
margin-bottom: 0px !important;
}
.woocommerce-form-login__rememberme {
margin-bottom: 15px;
}
button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
background-color: #CF2E2E;
color: #fff !important;
font-family: 'Inter';
font-weight: 600;
padding: 15px 30px;
font-size: 16px;
}
button.woocommerce-button.button.woocommerce-form-login__submit:hover, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
background-color: #242628;
color: #fff !important;
font-family: 'Inter';
font-weight: 600;
padding: 15px 30px;
font-size: 16px;
}
div#template_header_image {
width: 50%;
}
.wc-block-cart__submit-container {
background-color: #CF2E2E !important;
font-size: 16px;
color: #fff;
font-family: 'Inter';
font-weight: 600 !important;
}
.wc-block-cart__submit-container:hover {
background-color: #0E2A35 !important;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
font-weight: 600;
}
.elementor-menu-cart__footer-buttons a {
font-size: 15px !important;
padding: 10px !important;
font-weight: 600px !important;
}  .gform_heading {
display: none;
}
#gform_fields_12 {
row-gap: 50px;
}
#gform_fields_11 label, #gform_fields_12 label {
margin-bottom: 10px !important;
font-size: 16px !important;
}
.gsurvey-likert-choice-label {
font-size: 14px !important;
font-weight: 400 !important;
}
div#gform_fields_1, div#gform_fields_2, div#gform_fields_11 {
row-gap: 15px;
}
div#gform_fields_7,
div#gform_fields_6,
div#gform_fields_5,
div#gform_fields_4,
div#gform_fields_3,
div#gform_fields_13
{
row-gap: 20px;
}
span.gfield_required {
display: none;
}
#gform_fields_1 label, #gform_fields_2 label, #gform_fields_3 label, #gform_fields_4 label, #gform_fields_5 label, #gform_fields_6 label, #gform_fields_7 label, #gform_fields_13 label, div#field_8_10,div#field_8_12, textarea#input_8_15 {
font-family: 'Inter', sans-serif !important;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
color: #000;
}
#gform_fields_1 input, 
#gform_fields_1 textarea, 
#gform_fields_2 input, 
#gform_fields_2 textarea
#gform_fields_3 input, 
#gform_fields_3 textarea,
#gform_fields_4 input, 
#gform_fields_4 textarea, 
#gform_fields_5 input, 
#gform_fields_5 textarea,
#gform_fields_6 input, 
#gform_fields_6 textarea, 
#gform_fields_7 input,
#gform_fields_13 input,
#gform_fields_13 textarea,
#input_8_3 textarea,
#gform_fields_7 textarea, input#input_3_4, input#input_3_2, input#input_3_6, input#input_3_5, input#input_3_7, textarea#input_8_15, input#input_9_11, input#input_9_12, input#input_9_7_1, input#input_9_2, input#input_9_5, input#input_9_4, textarea#input_9_15, #gform_fields_11 input, #input_11 textarea, input#input_11_3, input#input_11_2, input#input_11_4, textarea#input_2_3 {
padding: 23px 20px !important;
border: 1px solid #000 !important;
border-radius: 0px !important;
background-color: #E5E5E5 !important;
box-shadow: none !important;
color: #989898 !important;
font-family: 'Inter';
font-size: 13px !important;
}
select#input_1_6, 
select#input_2_6, 
select#input_3_6, 
select#input_4_6, 
select#input_5_6, 
select#input_6_6, 
select#input_7_6, 
select#input_3_6,
select#input_8_8,
select#input_13_6,
div#field_8_10,
div#field_8_12
{
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
select#input_3_6, select#input_8_8, select#input_1_6, select#input_13_6
{
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
input#input_8_4, input#input_8_5, input#input_8_2, input#input_8_7_1, textarea#input_8_3, input#input_8_11, select#input_8_8, select#input_8_10, input#input_8_12, input#input_8_13, textarea#input_9_15, input#input_9_11, input#input_9_12, input#input_9_7_1, input#input_9_2, input#input_9_5, input#input_9_4 {
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
select#input_4_6
{
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
select#input_5_6
{
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
select#input_6_6
{
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
select#input_7_6
{
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter';
font-size: 13px !important;
}
input#gform_submit_button_1, input#gform_submit_button_2, input#gform_submit_button_3, input#gform_submit_button_4, input#gform_submit_button_5, input#gform_submit_button_6, input#gform_submit_button_7, input#gform_submit_button_8, input#gform_submit_button_9, input#gform_submit_button_11, input#gform_submit_button_13 {
font-family: 'Inter';
font-size: 15px;
background-color: #CF2E2E;
border: 0px;
border-radius: 0px;
padding: 15px 30px;
color: #fff;
}
input#gform_submit_button_1:hover, input#gform_submit_button_11:hover, input#gform_submit_button_13:hover {
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_2:hover{
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_3:hover{
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_4:hover{
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_5:hover{
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_6:hover {
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_7:hover{
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_8:hover {
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
input#gform_submit_button_9:hover {
background-color: #121212 !important;
font-family: 'Inter' !important;
font-size: 15px !important;
border: 0px !important;
border-radius: 0px !important;
padding: 15px 30px !important;
color: #fff !important;
}
body select#input_1_8,
body select#input_3_8,
body select#input_4_8,
body select#input_5_8,
body select#input_6_8,
body select#input_7_8 {
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter' !important;
font-size: 13px !important;
border: 1px solid #000 !important;
border-radius: 0px !important;
box-shadow: none !important;
width: 100% !important;
}
select#input_1_7 {
height: 48px !important;
background-color: #E5E5E5 !important;
color: #989898 !important;
padding-top: 3px !important;
font-family: 'Inter' !important;
font-size: 13px !important;
border: 1px solid #000 !important;
border-radius: 0px !important;
box-shadow: none !important;
width: 100% !important;
}  .slider-btn a {
text-transform: capitalize !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 1.4em !important;
letter-spacing: 1.2px !important;
}
.slider-btn img {
margin-bottom: -4px;
padding-left: 15px;
}   @media screen and (min-width: 1025px) { .woocommerce .flex-viewport {
width: 90% !important;
left: 60px !important;
padding-left: 5px;
}
ol.flex-control-nav.flex-control-thumbs li {
width: 10% !important;
margin-bottom: 5px !important;
background-color: #F0F0F0;
padding: 6px;
}
}
@media (min-width: 769px) and (max-width: 1024px) { .woocommerce .flex-viewport {
width: 87% !important;
left: 54px !important;
padding-left: 10px;
}
}
@media (min-width: 481px) and (max-width: 1024px) { }
@media screen and (max-width: 768px) { .barno-font-40 h1 {
font-size: 36px;
}
}
@media screen and (max-width: 480px) { footer a {
display: block !important;
text-align: center !important;
width: 100% !important;
}
.barno-font-40 h1 {
font-size: 32px;
}
h2.wc-block-components-title.wc-block-components-checkout-step__title {
font-weight: 700;
font-size: 20px;
}
.woocommerce .flex-control-thumbs {
margin: 20px 0px !important;
width: 100% !important;
display: flex;
}
ol.flex-control-nav.flex-control-thumbs li {
width: 17% !important;
}
}
.bb-continue-shopping {
text-align: left;
}
.bb-continue-shopping-btn {
display: inline-block;
background: #CF2E2E;
color: #ffffff !important;
padding: 14px 30px;
border-radius: 0;
font-size: 16px;
font-weight: 500;
text-decoration: none;
text-align: center;
}
.bb-continue-shopping-btn:hover {
background: #000;
color: #ffffff !important;
} .postid-5821 .quantity input.qty {
width: 90px !important;
} .barnoo-moq-notice {
display: inline-block;
margin: -20px 0 20px;
padding: 8px 14px;
background: #f5f5f5;
border-left: 4px solid #CF2E2E;
font-size: 14px;
color: #242628;
line-height: 1.5;
} .single-product .quantity input.qty {
width: 80px !important;
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box;
text-align: center;
}