style.css

/* Theme Name: LSX Design
Theme URI: 			https://lsx.design/ 
Description: 		LSX is a light-weight WordPress Block Theme designed to empower makers to build beautifully rich websites using WordPress Block Editor and Site Editor. We take full advantage of the block editor, which gives you more control over creating your content. Install the free Blocks plugin to add additional blocks and extend core WordPress blocks. Users can easily install any of the 20 free extensions via the WordPress plugins page. The flexibility is perfect for blogs, small business, startups, agencies, firms, WooCommerce stores and portfolio sites. LSX Design is fully compatibility with WooCommerce & WooCommerce Blocks, making it an ideal choice for your next eCommerce build.
Author: 			LightSpeed 
Author URI: 		https://www.lsdev.biz/ 
Version: 			1.4.0
Tested up to: 		6.6
Requires at least: 	6.0
Requires PHP: 		7.4
License: 			GPLv3 or later
License URI: 		https://www.gnu.org/licenses/gpl-3.0.en.html 
Text Domain:  		lsx-design
Tags:         		e-commerce, blog, education, news, portfolio, grid-layout, one-column, block-patterns, block-styles, full-site-editing, template-editing, wide-blocks, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. 
*/

/* Defaults ---------------------------------------------------------------------------- */

body .is-layout-constrained > .wp-block-group.alignfull {
    margin-block-start: 0px!important;
}
 body .is-layout-constrained .alignfull, body .alignfull.is-layout-flow{
    margin-block-start: 0px!important;
}
 .single-product .wp-block-group.alignwide{
    margin-block-start: 0px!important;
}
 body:not(.admin) .is-position-sticky{
    top:0!important;
}
 p{
    margin-block-end: 0;
    margin-block-start: 0;
}
 .desktopnone{
    display:none;
}
 *, *::before, *::after {
     box-sizing: border-box;
}
 a, button, input:focus, input[type="button"], input[type="submit"], textarea:focus, .wp-element-button {
     transition: all 0.2s ease-in-out;
}
 a, a:not(.wp-element-button), a:focus, a:hover {
     text-decoration-thickness: 2px;
     text-underline-offset: 4px;
}
 ol, ul {
     margin: 0;
     padding: 0;
}

 blockquote {
     margin: 0;
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited {
    fill: currentColor!important;
    color: currentColor!important;
}

.has-tiny-font-size a{
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* Quote --------------------------------------------- */
 .wp-block-quote.is-style-underline, .wp-block-quote.is-style-underline-primary-secondary, .wp-block-quote.is-style-underline-secondary-tertiary, .wp-block-quote.is-style-underline-tertiary-primary {
     border: none;
     box-shadow: none;
     padding: 0;
}
 .wp-block-quote.is-style-underline-primary-secondary p {
     background: var(--wp--preset--gradient--primary-secondary);
}
 .wp-block-quote.is-style-underline-secondary-tertiary p {
     background: var(--wp--preset--gradient--secondary-tertiary);
}
 .wp-block-quote.is-style-underline p, .wp-block-quote.is-style-underline-primary-secondary p, .wp-block-quote.is-style-underline-secondary-tertiary p, .wp-block-quote.is-style-underline-tertiary-primary p {
     background-position: 0 85%;
     background-repeat: repeat-x;
     background-size: 100% 10px;
     font-size: var(--wp--preset--font-size--max-48);
     font-weight: var(--wp--custom--font-weight--medium);
     line-height: var(--wp--custom--line-height--one);
     display: inline;
}
 .wp-block-quote.is-style-primary-background{
    background-color: var(--wp--preset--color--primary)!important;
    color:var(--wp--preset--color--base)!important;
    border: 1px solid var(--wp--preset--color--contrast)!important;
     box-shadow: 5px 5px var(--wp--preset--color--contrast);
}
 .wp-block-quote.is-style-secondary-background{
    background-color: var(--wp--preset--color--secondary)!important;
    color:var(--wp--preset--color--base)!important;
    border: 1px solid var(--wp--preset--color--contrast)!important;
     box-shadow: 5px 5px var(--wp--preset--color--contrast);
}
 .wp-block-quote.is-style-contrast-background{
    background-color: var(--wp--preset--color--contrast)!important;
    color:var(--wp--preset--color--base)!important;
    border: 1px solid var(--wp--preset--color--contrast)!important;
}
/* Button --------------------------------------------- */
input[type="button"]:hover,
input[type="submit"]:hover {
	text-decoration: underline;
}

/* Calendar --------------------------------------------- */
 .wp-block-calendar table caption, .wp-block-calendar table tbody {
     color: var(--wp--preset--color--contrast);
}
 .wp-block-calendar table th {
     background-color: var(--wp--preset--color--contrast);
     color: var(--wp--preset--color--base);
}
 .wp-block-calendar tbody td, .wp-block-calendar th {
     border: 1px solid var(--wp--preset--color--contrast);
     padding: 10px;
}
/* Code --------------------------------------------- */
 .wp-block-code code {
     overflow-wrap: normal;
     overflow-x: scroll;
     tab-size: 4;
     white-space: pre !important;
}
 *:not(.wp-block-code) > code, kbd {
     background-color: var(--wp--preset--color--contrast);
     color: var(--wp--preset--color--base);
     font-size: var(--wp--preset--font-size--small);
     padding: 5px 8px;
     position: relative;
     top: -1px;
}
/* * When inline code is selected, the Editor applies contextual styling. Since * our code color is near white, we need to reset to the default text color. */
 .rich-text:focus > code[data-rich-text-format-boundary], .rich-text:focus > kbd[data-rich-text-format-boundary] {
     color: currentColor;
}
/* Comments --------------------------------------------- */
 .wp-block-comment-template li {
     margin-left: 0;
}
 .wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea {
     border-color: var(--wp--preset--color--contrast);
}
 .wp-block-post-comments-form input[type=submit] {
    font-size: var(--wp--preset--font-size--x-small);
    padding: 0.9rem 1.1rem;
    color: #fff;
    border-radius: 5px;
}
 .wp-block-post-comments-form .form-submit {
     margin-bottom: 0;
}
/* Group --------------------------------------------- */
 .wp-block-group.is-style-full-height {
     align-items: center;
     display: grid;
     min-height: 100vh;
}
 .wp-block-group.is-style-shadow {
     box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}
 .wp-block-group.is-style-shadow-solid {
     box-shadow: 5px 5px var(--wp--preset--color--contrast);
}

/* Group Grid--------------------------------------------- */
.wp-block-group.is-layout-grid .wp-block-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;}

.wp-block-group.is-layout-grid .wp-block-group{height:100%!important;} 

/* List --------------------------------------------- */
 ol li:where(:not([class*='block'])), ul li:where(:not([class*='block'])), .wp-block-list li {
     margin-left: 30px;
}
 .is-style-no-disc li {
     list-style-type: none;
     margin-left: 0;
}
/* Navigation --------------------------------------------- */
 .wp-block-navigation__responsive-container.is-menu-open {
     padding-bottom: 30px;
     padding-top: 30px 
}
 .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
     border: 1px solid #fff;
     padding: 2px;
}

.wp-block-navigation:not([style*=text-decoration]) a,
.wp-block-navigation:not([style*=text-decoration]) a:focus,
.wp-block-navigation:not([style*=text-decoration]) a:hover {
     text-decoration: none;
}

body .wp-block-navigation .wp-block-navigation-item__label {
	display: block;
}
body .wp-block-navigation .wp-block-navigation-item__description {
    display: block;
    font-size-adjust: -10px;
    opacity: 0.5;
    font-weight: 400;
    text-decoration: none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	flex-direction: column;
}



/* Navigation Submenu --------------------------------------------- */
 .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container.wp-block-lsx-lsx-mega-menu.has-width-full{
    border-radius: 0!important;
    border:none!important;
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    border: 1px solid #6C6C6C;
    border-radius: 10px;
    box-shadow: 2px 4px 14px 2px rgba(165, 165, 165, 0.15);
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container:not(.wp-block-lsx-lsx-mega-menu) {
     min-width: 260px!important;
     z-index: 10;
     top:28px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:not(.wp-block-lsx-lsx-mega-menu) {
     border: var(--wp--preset--color--contrast);
     color: var(--wp--preset--color--contrast);
     padding: 10px;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: 5px 0px;
}

.wp-block-navigation .wp-block-navigation__submenu-container.wp-block-lsx-lsx-mega-menu a {
    padding: 0;
}

.entry-content .wp-block-page-list li ul.wp-block-navigation__submenu-container{margin-left:20px;} 

.wp-block-woocommerce-customer-account a:hover{opacity: .6;}

header .has-base-background-color .wp-block-navigation .wp-block-navigation-item:hover > a.wp-block-navigation-item__content, header .has-base-background-color .wp-block-navigation .wp-block-navigation-item.current-menu-item > a.wp-block-navigation-item__content{color: var(--wp--preset--color--primary);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;}

    header .has-base-background-color  .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon svg{color: var(--wp--preset--color--primary);stroke:var(--wp--preset--color--primary);}

    header .has-contrast-background-color .wp-block-navigation .wp-block-navigation-item:hover > a.wp-block-navigation-item__content, header .has-contrast-background-color .wp-block-navigation .wp-block-navigation-item.current-menu-item > a.wp-block-navigation-item__content{color: var(--wp--preset--color--secondary);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;}

        header .has-contrast-background-color  .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon svg{color: var(--wp--preset--color--secondary);stroke:var(--wp--preset--color--secondary);}


/* Paragraph --------------------------------------------- */
 p.has-background {
     padding: 20px 30px;
}
/* Preformatted --------------------------------------------- */
 .wp-block-preformatted {
     overflow-wrap: normal;
     overflow-x: scroll;
     white-space: pre;
}
/* Pullquote --------------------------------------------- */
 .wp-block-pullquote p:last-of-type {
     margin-bottom: 0;
}
/* Quote --------------------------------------------- */
 .wp-block-quote p:last-of-type {
     margin-bottom: 0;
}
/* Spacer --------------------------------------------- */
 .wp-block-spacer + * {
     margin-top: 0 !important;
}
/* Table --------------------------------------------- */
 .wp-block-table.is-style-stripes {
     border-bottom: none;
}
 .wp-block-table table {
     border-collapse: collapse;
}
 .wp-block-table thead {
     border-bottom: 3px solid var(--wp--preset--color--contrast);
}
 .wp-block-table tfoot {
     border-top: 3px solid var(--wp--preset--color--contrast);
}
 .wp-block-table td, .wp-block-table th, .wp-block-table tr, .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes tr {
     border: 1px solid var(--wp--preset--color--contrast);
}
 .wp-block-table th {
     font-weight: var(--wp--custom--font-weight--regular);
}
 .wp-block-table td, .wp-block-table th {
     padding: 5px;
}
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
     background-color: #eee;
}

/* Pagination ---------------------------------------------------------------------------- */
.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover {
	color:var(--wp--preset--color--contrast);
}

@media ( max-width:767px ) {
	body .wp-block-query-pagination-is-layout-flex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	body .wp-block-query-pagination-is-layout-flex .wp-block-query-pagination-previous {
		margin-inline-end: initial !important;
	}
	body .wp-block-query-pagination-is-layout-flex .wp-block-query-pagination-next {
		margin-inline-start: initial !important;
	}
}


.wc-block-mini-cart__template-part .cross-sells-product .wp-block-button.wc-block-components-product-button, .wc-block-mini-cart .cross-sells-product .wp-block-button.wc-block-components-product-button{
	right: 0px;
    position: absolute;
}

.wc-block-pagination.wc-block-components-pagination .wc-block-components-pagination-page--arrow{
    margin:0!important;
    border: 0px solid var(--wp--preset--color--primary)!important;
}
.wc-block-pagination.wc-block-components-pagination  .wc-block-pagination-page{
    margin:0!important;
    border-radius:8px;border: 1px solid var(--wp--preset--color--primary);
    color:var(--wp--preset--color--primary)!important;
}
    .wc-block-pagination.wc-block-components-pagination  .wc-block-pagination-page:hover{
    background: var(--wp--preset--color--contrast);
    border-radius:8px;border: 1px solid var(--wp--preset--color--primary)!important;
    color:#fff!important;
    }
.wc-block-pagination.wc-block-components-pagination .wc-block-pagination-page--active{
    background: var(--wp--preset--color--contrast);
    border-radius:8px;border: 1px solid var(--wp--preset--color--primary);
    color:#fff!important;
}
.woocommerce-pagination .page-numbers{
    margin:0!important;
    border-radius:8px;border: 1px solid var(--wp--preset--color--primary)!important;
    color:var(--wp--preset--color--primary)!important;
}
 .wp-block-query-pagination>.wp-block-query-pagination-numbers{
    margin:0!important;
    border: 0px solid var(--wp--preset--color--primary);
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--wp--preset--color--primary);
    color:#fff!important;
}
.woocommerce nav.woocommerce-pagination ul li{
    border-right: 0px solid var(--wp--preset--color--primary);
}
 .wp-block-query-pagination-numbers .page-numbers{
    padding:0px 9px;
    background: #FFFFFF;
    border-radius:8px;border: 1px solid var(--wp--preset--color--primary);
    float:left;
    text-decoration: none!important;
}
 .wp-block-query-pagination-numbers .page-numbers.current{
    background: var(--wp--preset--color--primary);
    border-radius:8px;border: 1px solid var(--wp--preset--color--primary);
    color:#fff!important;
    text-decoration: none!important;
}
 .wp-block-query-pagination-numbers .page-numbers:hover{
    background: var(--wp--preset--color--contrast);
    border-radius:8px;border: 1px solid var(--wp--preset--color--contrast);
    color:#fff!important;
    text-decoration: none!important;
}

/* Custom ---------------------------------------------------------------------------- */
 .post-meta p{
    padding-bottom: 0px;
}
 .taxonomy-post_tag.wp-block-post-terms{
    padding-bottom: 15px;
}
 .projecttypes a:not(:first-child){
    display:none;
}
 .post-type-archive-project .projecttypes, .tax-project-group .projecttypes, .tax-project-tag .projecttypes, .tax-project-type .projecttypes, .page .projecttypes, .single .projecttypes{
     background: var(--wp--preset--color--secondary);
    position:absolute;
     right:-10px;
     width:auto;
    top:70px!important;
    z-index:9;
    padding:4px 10px;
    border-radius: 1px;
    border:1px solid #fff;
    line-height: 22px;
}
 body.blog .projecttypes, body.category .projecttypes, body.tag .projecttypes{
    background: var(--wp--preset--color--secondary);
    position:absolute;
    right:-10px;
    width:auto;
    top:-15px!important;
    z-index:9;
    padding:4px 10px;
    border-radius: 1px;
    border:1px solid #fff;
    line-height: 22px;
	margin-block-start: 0px !important;
}
a:where(:not(.wp-element-button)){
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

 .projecttypes a{
    color:#fff!important;
    font-size:14px;
     font-weight:bold;
    text-decoration: none;
}
 .projecttypes .wp-block-post-terms__separator{
    display:none;
}
 li.type-project, li.type-post, li.type-product{
    position:relative;
}
.wc-block-grid__product .wp-block-button a, .wc-block-grid__product .wp-block-button button{
    width:100%!important;
}
 .wp-block-cover{
    margin-block-start: 0px;
}
.type-product{position:relative;}

 .wp-block-lsx-lsx-mega-menu .wp-block-navigation__container{
    gap:0!important;
}
 .aw-referrals-share-or{
    color: #fff !important;
}
/* Forms ---------------------------------------------------------------------------- */
 .contrast-form{
    color:#fff!important;
    background-color: var(--wp--preset--color--contrast)!important;
    padding:10px;
}
 .contrast-form input[type=text]{
    background:#fff;
     border: 1px solid var(--wp--preset--color--secondary)!important;
}
 .aw-email-referral-form p.form-row{
    margin: 0 0 10px!important;
}
 .aw-email-referral-form p input{
     font-size: 15px;
     margin-bottom: 0;
     margin-top: 0;
     padding: 8px;
}
 .aw-email-referral-form .email-button button{
    padding:10px 20px;
    width:100%;
     display:block;
    color:#fff;
    text-align:center;
     background-color:var(--wp--preset--color--cta)!important;
}
/* Yoast How-to ---------------------------------------------------------------------------- */
 .schema-how-to-total-time {
     font-style: italic;
}
 .schema-how-to-step {
     position: relative;
     padding-left: 48px;
}
 .schema-how-to ol>li {
    margin-left:0;
     padding-left:0;
     counter-increment:item;
     list-style:none inside;
    margin-bottom:10px
}
 .schema-how-to ol>li:before {
     content:counter(item);
     padding:3px 5px;
     margin-right:0.5em;
     font-weight: bold;
     color:var(--wp--preset--color--base);
     background:var(--wp--preset--color--secondary);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}
 .schema-how-to-step-text{
    font-size:var(--wp--preset--font-size--small);
}
/* Forms --------------------------------------------- */
.gform_button.button, .gform_next_button.gform-theme-button.button{
background-color: var(--wp--preset--color--secondary);}
footer .gform_wrapper{margin-top:0!important;}
footer .ginput_container_consent{line-height:15px;}
footer .ginput_container_consent label{font-size:12px!important;line-height:12px;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large{
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px;
    height: 48px;}
.gform_button.button, .gform_next_button.gform-theme-button.button, #field_submit input[type="submit"]{
background-color: var(--wp--preset--color--primary);
border-radius: 0;
border-width: 0;
color: var(--wp--preset--color--base);
font-family: inherit;
font-size: var(--wp--preset--font-size--x-small);
font-weight: 700;
line-height: inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
text-decoration: none;cursor: pointer;}

.gform_button.button:hover, .gform_next_button.gform-theme-button.button:hover{background-color: var(--wp--preset--color--primary);cursor: pointer;}
.gform_button.button:hover, .gform_next_button.gform-theme-button.button:hover, #field_submit input[type="submit"]:hover{background-color: var(--wp--custom--colour--primary--600);cursor: pointer;}

.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button{
    color: var(--wp--preset--color--contrast);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 700;
    line-height: inherit;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;}

    .gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover{cursor: pointer;background-color: var(--wp--preset--color--neutral);}


 .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
    border:1px solid currentColor;
}
 input[type="checkbox"], input[type="image"], input[type="radio"] {
     width: auto;
}
 input[type="button"], input[type="email"], input[type="search"], input[type="submit"], input[type="text"], textarea {
     -webkit-appearance: none;
}
 ::placeholder {
     color: var(--wp--preset--color--contrast);
     font-size: var(--wp--preset--font-size--small);
     opacity: 0.6;
}
 .nf-field-container {
     margin-bottom: 10px;
}

#ui-datepicker-div{
    background-color: #fff;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    padding:8px;
}
/* Footer --------------------------------------------- */


footer .wp-block-site-title:before {
    content:"\00a9";
    padding-right:5px;
  }
.login #wfls-prompt-overlay input[type="text"]{
    font-size: var(--wp--preset--font-size--small);
    padding: 0.9rem 1.1rem;
    border: 1px solid #2B2D2F!important;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
}
.login #wfls-prompt-overlay input[type="submit"]{
background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
    line-height: inherit;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    text-decoration: none;
}
.login #wfls-prompt-overlay input[type="submit"]:hover{
    background-color: var( --wp--custom--colour--primary--700 );
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 48px;
    pointer-events: none;
    width: 48px;
}
.mobile-search, .header-default .wp-block-search, .header-cta .wp-block-search{display:none;}
.wp-block-search input:focus-visible{border-radius: 0!important;outline: none;border:2px solid!important;}
@media screen and (max-width:1028px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}
/* Media Queries ---------------------------------------------------------------------------- */
 @media (max-width:599px) {
    body .is-layout-grid {
        display: flex!important;
        flex-direction: column!important;}
        
    .mobile-search, .header-default .wp-block-search, .header-cta .wp-block-search{
        display:block!important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:0!important;}
    .site-header .has-contrast-background-color .wp-block-navigation__responsive-container-content .wp-block-search{
        background-color: #000;
        border:1px solid #fff;
        padding: 0px;
        width:100%; margin:0!important;
        color: #fff!important;
    }
    .woo-default .wp-block-search__button, .woo-default .wp-block-search__button.has-icon,.woo-default .wp-block-search__inside-wrapper input{color:#000!important;}
    .site-header .has-base-background-color .wp-block-search__button, .has-base-background-color .wp-block-search__button.has-icon{color:#000!important;}
    .site-header .has-contrast-background-color .wp-block-search__button, .has-contrast-background-color .wp-block-search__button.has-icon{color:#fff!important;}

    .site-header .wp-block-navigation__responsive-container-content .wp-block-search{
        background-color: #fff;
        border:1px solid #000;
        padding: 0px;
        width:100%; margin:0!important;
        color: #000!important;
    }
    .site-header .wp-block-navigation__responsive-container-content{
        padding-top:60px!important;
    }
    .header-cta .cta {
        width: 100%;
    display: block;
    top: 8px;
    position: absolute;
    background: #fff;
    padding: 10px;
    left: 10px;
    }
    .has-modal-open .header-cta .cta {
        width: 96%;
        display: block;
        bottom:0px!important;
        top:auto!important;
        position: absolute;
        z-index:999999!important;
    }
    .woo-default{padding:0 0px 0 10px!important;}
    .woo-default .wp-block-group{gap:0!important;}
    .woo-default .wp-block-navigation{order: 3;}
    .woo-default .minicart{order: 2;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background: inherit!important;}
    .has-modal-open .header-cta .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{max-height:92%;}
    .header-cta .cta a {
        width:96%;
    }
    .header-cta .cta .wp-block-button{
        width:100%;margin:0!important;
    }
    .header-cta .cta-row{
        margin-top:38px;
    }
    .wp-block-navigation__responsive-container.is-menu-open{
        padding-right:0!important;
        padding-left:0!important;
    }

   /* .has-modal-open header .wp-block-image.logo, .has-modal-open header .wp-block-site-logo {
        z-index: 99999999;}
        */

        .has-modal-open header .header-cta .wp-block-site-logo{margin-top:-80px!important;}

        .wp-block-navigation .wp-block-navigation-item{width:100%;}
        .wp-block-navigation__submenu-container{width:100%; background: #EEEEEE!important;}
        .wp-block-navigation__submenu-container li{width:100%; background: #EEEEEE!important;}
    /* Navigation Link --------------------------------------------- */

    .wp-block-navigation .wp-block-navigation-item{
        padding: 12px 0px;}
    .site-header .wp-block-group.alignwide.is-layout-flex, .site-header .wp-block-group.alignfull.is-layout-flex{
        display: flex;
        flex-wrap: nowrap;
    }
    .wp-block-navigation__responsive-container.has-contrast-color .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:#000!important;}
    .has-base-color .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{color:#fff!important;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
        padding:10px 0 0 var(--wp--preset--spacing--x-small);
    }
     .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
        padding:10px 0 0 0px;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{margin-left:15px;}
    .wp-block-buttons>.wp-block-button.wp-block-button__width-50, .wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:100%!important;}

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-search .wp-block-search__inside-wrapper input::placeholder {
        color:#fff!important;
        padding-left:15px;
    }
    .desktopnone{
        display:block;
    }
    .mobilenone{
        display:none!important;
    }
    .wp-block-navigation__responsive-container.is-menu-open{
        padding-top: 16px;
    }

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-top: 0;
		padding-left: var(--wp--preset--spacing--medium);
		padding-right: var(--wp--preset--spacing--medium);
		padding-bottom: 0;
        background-color: #eeeeee!important;
        width: 100%;
        margin: 16px 0 0 0;   
	}

    .wp-block-navigation__responsive-container.has-contrast-background-color.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-top: 0;
		padding-left: var(--wp--preset--spacing--medium);
		padding-right: var(--wp--preset--spacing--medium);
		padding-bottom: 0;
        background-color: #515151!important;
        width: 100%;
        margin: 16px 0 0 0;   
	}

    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
        border:0;
        box-shadow: none;
        border-radius: 0;
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-search__button{
        background:none!important;
        padding-right:0;
         padding-left:0!important;
        position:absolute;
         border:0!important;
    }

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
		align-self: end;
		padding-right: 3em;
		margin-top: -30px;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
	}
	
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
		align-items: inherit!important;
		padding-top:var(--wp--preset--spacing--x-small);
		padding-left:0;
		padding-right:0;
	}

    footer .legal{text-align: center!important;padding: 30px 0!important;}
    footer p, footer a{font-size:16px;}
    footer .wp-block-heading{font-size:20px;}
    footer .legal .is-layout-flex{display: inline!important;}
    footer .legal .wp-block-social-links{display: flex!important;width:70%;margin:16px auto 0!important;}
      footer .wp-block-buttons>.wp-block-button,footer .wp-block-buttons, footer .wp-element-button{width:100%;}
}
@media (max-width:960px){ 
	.wp-block-navigation .wp-block-navigation__submenu-icon{
		top: 0px!important;
		line-height: 0!important;
		right: 0!important;
	}

	.wp-block-navigation-submenu__toggle[aria-expanded="false"]+ul.wp-block-navigation__submenu-container {
		display:none;
	}
	body .wp-block-navigation-submenu__toggle[aria-expanded="false"]{
		display:block;
	}
	body .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
		transform: rotate(180deg);
	}
	
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
	body .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		align-items: flex-start;
	}
}