html{
	overflow-x:hidden;
	scroll-behavior: smooth;
}

.product-template-default #main {padding-top:5em;}

.narrow-978 .inner-wrap, .wide-978 .inner-wrap{
	max-width: 1240px;
}


.wide-978 #secondary{
	margin-top:4em;
	padding:1.3em 1.7em;
	background-color:#F7FAFB;
}

.shoppe img{
	border:1px solid #c7dbe4;
	padding:10px 10px;
}


img{
	margin-bottom:0px;
}


.sub-menu .menu-item a{
	color:#253238;
}

.sub-toggle{
	color:#253238;
}

.main-navigation ul li ul {
    position: absolute;
    background: none repeat scroll 0 0 rgba(247,250,251, 1);
    top: 30px;
    left: -99999px;
	width: 150px;}

.main-navigation ul li a {
    font-size: 1em;
    letter-spacing: 1px;
    padding: 0em 0.3em ;
    text-transform: uppercase;
    font-weight: 400;
}


#header-text-nav-wrap .wp-block-social-link a {
  position: relative;
  display: inline-block;
  color: inherit; /* keeps the inline color */
  text-decoration: none;
  z-index: 1; /* keeps content above the overlay */
}

#header-text-nav-wrap .wp-block-social-link a::after {
  content: "";
  position: absolute;
  inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
  background: rgba(148, 183, 201, 0.2); /* overlay color */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1; /* sits behind the text/icon */
  border-radius: 50px;
}

#header-text-nav-wrap .wp-block-social-link a:hover::after {
  opacity: 1;
}


#content .page{
padding-bottom: 0px;
}

#main{
	padding:0px;
}

#header-logo-image img{
	width:100px;
}

.menu a{
	font-family:"roboto", sans-serif;
	font-weight:500;
	color:#253238;
}

.inner-row-space{
	width:80%;
	margin:auto;
}



#slider-extra-padding1{
	padding:4em 4em 2em;
}

#slider-extra-padding2{
	padding:1em 4em 6em 4em;
}


#slider-extra-padding3{
	padding:1em 4em 6em 4em;
}


.wpb_content_element{
	margin-bottom:0px;
}

h1.slider{
	font-size:3.1em;
		line-height:1em;
	padding-bottom:0.3em;
}

h1.lobster{
font-family: "Lobster Two", sans-serif;
	font-weight:600;
}

h1.white{
	color:#fff;
}

h2.white{
	margin-top:0px;
	padding-top:0px;
	color:#fff;
}

h2.preheading{
	font-size:1.6em;
	padding-bottom:5px;
}

h2.product_title-shoppe{
	font-weight:500;
	font-size:1.5em;
	margin-top:1em;
}

h2.lobster{
	font-family: "Lobster Two", sans-serif;
	font-weight:600;
}

h2.service-icon{
	font-size:2.2em;
	color: #4788a7;
	line-height:1.3em;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	  font-size:1.5em;
	line-height:1.3em;
	font-weight:800;
	padding-bottom:0.7em;
	height:120px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	font-family:"Lora", serif;
	color:#4788a7;
	font-size:1.1em;
	font-weight:700;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  position: relative; /* make it the positioning context */
  display: inline-block; /* helps align the pseudo-element properly */
  padding-top: 10px; /* spacing between line and price */
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price::before {
  content: "";
  position: absolute;
  top: 0; /* line appears above the price */
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #94B7C9;
}



h3.header{
  font-size:2.7em;
	line-height:1.3em;
	font-weight:800;
	padding-bottom:0.7em;
}

p{
	font-size:1.2em;
	line-height:1.7em;
	color:#253238;
}

ul li{
	font-size:1.1em;
	line-height:1.5em;
}

.post ul, .post li{
		font-size:1.1em;
	line-height:1.5em;
	margin-bottom:10px;
}

p.white{
	color:#fff;
}

a.slider{
	color:#fff;
}

.button-container {
  display: flex;
	gap:10px;
}

.button-container a {
  margin: 10px;
}

.neue-btn{
	font-family:"Roboto", sans-serif;
	font-weight:600;
	padding:20px;
	font-size:1em;
	border-radius:50px;
}

.neue-btn_shoppe{
		font-family:"Roboto", sans-serif;
	font-weight:600;
	padding:15px 30px;
	font-size:0.9em;
	border-radius:50px;
	  transition: all 0.3s ease;
}

.lightest-blue{
	background-color:#4788a7;
	color:#fff;
	  transition: all 0.3s ease;
}

.lightest-blue:hover{
	background-color:#253238;
	color:#fff;
	  transition: all 0.3s ease;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
		font-family:"Roboto", sans-serif;
	font-weight:600;
	padding:20px;
	font-size:1em;
	border-radius:50px;
	text-transform:uppercase;
	background-color:#253238;
}

.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover{
	background-color:#94B7C9;}

a.vc_btn3.vc_btn3-color-juicy-pink:after,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:after {
  font-family: "Font Awesome 6 Free"; 
  font-weight: 900; 
  content: "\f0da"; 
  margin-left: 8px; 
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
			font-family:"Roboto", sans-serif;
	font-weight:600;
	padding:20px;
	font-size:0.9em;
	border-radius:50px;
	text-transform:uppercase;
	background-color:#253238;
	color:#fff;
}

.ladda-button[data-style=zoom-in] .ladda-label{
	font-family:"Roboto", sans-serif;
		font-size:1.1em !important;
}

.bookly-box.bookly-nav-steps button{
	border-radius:100px !important;
	padding:20px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0da"; /* caret-right */
  margin-left: 8px;
  display: inline-block;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
  background-color: #94B7C9;
  color: #fff;
  transition: all 0.3s ease;
}





.white-outline{
	border:2px solid #fff;
}

.white-outline:hover{
	background-color:rgba(255, 255, 255, 0.4)
}

.neue-btn-slider{
		font-family:"Roboto", sans-serif;
	font-weight:600;
	font-size:1.2em;
	border-radius:50px;
	  padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

a.dark-blue{
	background-color:#253238;
	color:#fff;
	border:1px solid #253238;
}

a.dark-blue:hover{
	Opacity:0.5;
}

a.light-blue{
	background-color:#e4eef2;
	color:#253238;
	border:1px solid #e4eef2;
}

#dark-blue{
		background-color:transparent;
	color:#253238;
border:2px solid #253238;
}

#dark-blue:hover{
			background-color:#253238;
	color:#fff;
}

#white{
		background-color:transparent;
	color:#fff;
border:2px solid #fff;
}

#white:hover{
			background-color:#fff;
	color:#253238;
}


a.white{
	background-color:#fff;
	color:#253238;
	border:1px solid #fff;
}

a.white:hover{
	Opacity:0.5;
}


#light-blue{
		background-color:transparent;
	color:#e4eef2;
border:2px solid #e4eef2;
}

#light-blue:hover{
			background-color:#e4eef2;
	color:#253238;
}

a.light-blue:hover{
	Opacity:0.5;
}

a.med-blue{
	background-color:#4788a7;
	color:#fff;
	border:1px solid #4788a7;
}

a.med-blue:hover{
	Opacity:0.5;
}



.icon-area #btn-smaller1, .icon-area #btn-smaller2, .icon-area #btn-smaller3, .icon-area #btn-smaller4{
	font-size:.8em;
	padding:.5em;
	width:80%;
	margin:auto;
	margin-top:2em;
}

.icon-area h2.preheading{
	font-size:1.5em;
	margin-bottom:0em !important;
		margin-top:0em !important;
}

.icon-area p{
	font-size:1em;
}

.services-area h2{
	font-size:1.5em;
}

.services-wrapper{
	padding:2em 4em 0em;
}

.services-wrapper h2{
padding-bottom:0.7em;
	font-size:2em;
}

.services-wrapper ul{
	line-height:1.3em;
	width:94%;
	padding-top:1em;
}

.services-wrapper li{
		padding-bottom:1em;
}


/*INNER PAGE HEAD*/
.header-post-title-container{
	background-color:#536E84;
}

.header-post-title-container .post-title-wrapper{
	float:none;
	text-transform:uppercase;
	padding: 50px 0;
}

h1.header-post-title-class{
	color:#fff;
	text-align:center;
		font-family:"Lora", serif;
	font-weight:400;
	letter-spacing:5px;
	font-size:2.7em;
	line-height:1em;
}

.services-btn{
	background-color:#253238;
	padding:1.5em 1em;
	margin-top:-0.5em;
}

.services-btn h4, .services-btn a{
	color:#fff;
	font-family:"Roboto", sans-serif;
}



/*CONTACT*/
.contact-form .nf-form-content{
			font-family:"Lora", serid;
	font-weight:500;
	letter-spacing:1px;
	color:#253238;
}

.contact-form .nf-form-fields-required{
	color:#253238;
		font-weight:500;
	margin-bottom:1em;
	font-size:0.75em;
}

.contact-form{
	padding-left:2em;
}

.contact-form #nf-field-12{
	border-radius:50px;
}

.page-id-18 .fa-brands{
	font-size:2.1em;
	padding-right:10px;
}

.page-id-18 .fa-brands:hover{
	opacity:0.7;
}


.contact-form #nf-field-12:hover{
				background-color:
#e1ecf3;
	border-color:
#e1ecf3;
}

/*BLOG*/
.vc_gitem-post-data h4{
	font-family:"Roboto", sans-serif;
	font-weight:800;
	padding-top:0.5em;
	color: #253238;
}

.vc_gitem_row .vc_gitem-col{
	padding:1em;
	background-color:#f0f5f7;
}
.name-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #d2e2ea;
  padding: 1em 1.5em;
  font-family: "Roboto", sans-serif;
  color: #253238;
}

.post h2{
	font-weight:700;
	color:#4788a7;
}

.post p, .post ul, .post li{
	color:#253238;
}



/*SIDEBAR*/
#secondary .wp-block-image img{
	max-width:150px;
}

#secondary p{
	font-size:1em;
}

#secondary h2{
	padding-bottom:0px;
	margin-top:2em;
}

#secondary .widget{
	margin-bottom:10px;
}

a.secondary{
	font-weight:600;
}

.wp-block-latest-posts.wp-block-latest-posts__list a{
	font-weight:600;
}

#block-18 a{
	color:#253238;
	line-height:2em;
}

.wp-block-heading{
		font-family: "Lobster Two", sans-serif;
		color:#253238;
	font-size:2em;
}

/*REVIEWS*/

.name-info {
  display: flex;
  flex-direction: column; /* stack name + customer info vertically */
}

h5.reviews {
  font-family: "Roboto", sans-serif;
  color: #18365d;
  padding: 2em 1.3em 1em;
  font-weight: 500;
  margin: 0;
	line-height:1.5em;
	margin-bottom:10px;
}

p.name {
  font-weight: 700;
  margin: 0;
  font-size: 1.1em;
	  font-family: "Roboto", sans-serif;
}

p.price{
	 font-family: "Roboto", sans-serif;
	font-weight:800;
	color:#4788a7;
	font-size:1.1em;
}

p.price::before {
  content: "";
  display: block;
  border-top: 1px solid #4788a7;
  width: 30%;            
  margin: 0 auto 4px auto;
}

p.cust-info {
  font-weight: 400;
  margin: 0;
  font-size: 0.9em;
  color: #253238;
	  font-family: "Roboto", sans-serif;
}

.quotation-mark {
    width: 80px;
    height: auto;
    margin-left: 1em;
    position: relative;
    top: -40px;
}





/*FOOTER*/

.footer-widgets-wrapper .nf-form-fields-required{display:none}

.footer-widgets-wrapper{
	background-color:#536E84;}

.footer-logo{
	width:140px;
}

.footer-widgets-wrapper .inner-wrap {
    max-width: 1240px;
}

#colophon .widget ul li {
    border-bottom: 0px !important;
	border-bottom: 0px !important;}

p.footer, .footer-widgets-wrapper a{
	font-size:1.1em !important;
	line-height:1.5em !important;
	color:#fff !important;
}

.footer-widgets-wrapper h5, .nf-form-title{
	color:#fff;
		font-family:"roboto", sans-serif;
	font-weight:500;
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
}

.nf-form-title h3{
	color:#fff;
	font-size:1.1em;
		font-weight:500;
}

.footer-widgets-wrapper .nf-form-fields-required{
	color:#cbd3da;
}

.footer-widgets-wrapper  .nf-field-label{
	font-family:"Roboto", sans-serif;
	color:#fff;
	margin-top:1em;
}

.footer-widgets-wrapper  .ninja-forms-req-symbol, .nf-error-msg, .ninja-forms-req-symbol{
	color:#F29090 !important;
}

.footer-widgets-wrapper .nf-element, .footer-widgets-wrapper .ninja-forms-field{
	background-color:#fff;
	border-radius:0px;
}

#nf-label-class-field-9-0, #nf-label-class-field-9-1{
	color:#fff;
		font-family:"Roboto", sans-serif;
}

.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea{
			font-family:"Roboto", sans-serif;
	color:#253238;
}

#nf-field-12, #nf-field-12_1{
	background-color:#253238;
	border-color:#253238;
	color:#fff;
	padding:1.1em;
	width:100%;
	font-weight:800;
	text-transform:uppercase;
}

#nf-field-12_1:hover{
			background-color:
#e1ecf3;
	border-color:
#e1ecf3;
}

.footer-widgets-wrapper  .nf-field-container{
	margin-bottom: 0px;
}

.footer-widgets-area {
	padding-top: 4em;}

.footer-widgets-wrapper a:hover{
	color:#263238 !important;
}

.footer-widgets-wrapper .nf-form-wrap {
	padding:0em 1.5em;
}

.tg-column-2, .tg-column-3{
	width:18%;
padding-top:3em;}

.tg-one-fourth-last{
	width:33.45812803%;
	padding-top:3em;
}

/*COPYRIGHT*/
.footer-socket-wrapper {
	padding:2em 0em;
	background-color:#253238;
}
.footer-socket-wrapper a, .footer-socket-wrapper p{
	color:#fff;
}

.footer-socket-wrapper p{
			font-family:"Lora", serif;
	width:40%;
	float:left;
	display:inline-block;
}

.site-header .menu-toggle {background: #fff; color:#253238;
text-align: center;}

.site-header .menu-toggle:before {
    content: '\2261';
    margin-right: 10px;
    font-size: 2em;}

.main-small-navigation .menu a{
	background-color:#94b7c9 !important;
}

.main-small-navigation .menu a:hover{
		background-color:
#d4e2e9 !important;
}

	#show-at-970, #show-at-970x1{
		display:none;
	}

/* === Cross-Browser Compatibility Additions === */

/* Smooth scrolling for Safari */
html {
  -webkit-overflow-scrolling: touch;
}

/* Social link hover overlay transition (Safari/Opera) */
#header-text-nav-wrap .wp-block-social-link a::after {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* Flexbox support (IE11, old Safari) */
.button-container,
.name-wrapper,
.name-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Align + justify prefixes for name-wrapper */
.name-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* Column flex-direction prefixes */
.name-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* WooCommerce button transitions + flexbox prefixes */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Hover transition prefix */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#show-at-1200px{display:none;}

.show-at-1200px{display:none;}

@media (max-width: 1200px) {
	#show-at-1200px{display:block;}
	
		.show-at-1200px{display:block;}
	
	#hide-at-1200px{display:none;}
	
		.hide-at-1200px{display:none;}
}


/* Tablet / mid-range screens: 768px – 969px */
@media (max-width: 970px) {
	#hide-at-970, #hide-at-970x1, #hide-at-970x2,  #hide-at-970x3,  #hide-at-970x4, #hide-at-970x5{
		display:none;
	}
	
	#show-at-970, #show-at-970x1{
		display:block;
	}
	
.tg-column-1 
{float: left; width: 100%;}
	
.tg-column-2, .tg-column-3 {width: 100%;}

.tg-one-fourth-last{width: 100%;}

p.footer, .footer-widgets-wrapper a {width: 60%;}
	
.btn{font-size:0.7em;}
	
.btn-slider {padding: 1em;}

.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 10px;}

	.vc_col-sm-6 {
        width: 100%;}
	#header-right-section,
#header-right-sidebar,
#header-right-section .widget {
  float: none;
  text-align: center;
}

#header-right-section .wp-block-social-links {
  margin: 0 auto;              /* center the UL */
  justify-content: center !important; /* override alignright */
}
	
	.alignright {
    display: inline;
		float: none;}

.page-id-16 .vc_row.vc_column-gap-35>.vc_column_container {
        padding: 10px;
        width: 100%;
        text-align: center;}
	
	    .vc_row.vc_column-gap-35>.vc_column_container {
        padding: 10px;
        width: 100%;}
}

	#show-at-530px{display:none;}

@media (max-width: 530px) {
	#hide-at-530px{display:none;}
	#show-at-530px{display:block;}
	
	p{font-size:1.1em;}
	
	h3.header
	{font-size:1.7em !important;}
	
}




/* === Cross-Browser Compatibility Additions === */

/* Smooth scrolling for Safari */
html {
  -webkit-overflow-scrolling: touch;
}

/* Social link hover overlay transition (Safari/Opera) */
#header-text-nav-wrap .wp-block-social-link a::after {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* Flexbox support (IE11, old Safari) */
.button-container,
.name-wrapper,
.name-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Align + justify prefixes for name-wrapper */
.name-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* Column flex-direction prefixes */
.name-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* WooCommerce button transitions + flexbox prefixes */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Hover transition prefix */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}