/* 
Theme Name:		 Airbrasive
Theme URI:		 http://childtheme-generator.com/
Description:	 Airbrasive is a child theme of Genesis Block Theme, created by ChildTheme-Generator.com
Author:			 Covington Creations, LLC
Author URI:		 http://childtheme-generator.com/
Template:		 genesis-block-theme
Version:		 1.0.0
Text Domain:	 airbrasive
*/


/*
    Add your custom styles here
*/

body {
	font-size: 18px;
}

.site-header {
	background: #000;
}

.main-navigation ul li a {
	color: #fff;
}

body.home .main-navigation ul li.current-menu-item a, 
body.home .main-navigation ul li.current-page-item a {
	background: #333;
	border: 1px solid #000;
	padding: 0 5px;
	color: #fff;
	border-radius: 10px;
}

.custom-logo-link img {
	padding-top: 10px;
}

#page {
	padding-top: 0;
}

body.no-hero #page {
	padding-top: 20px;
}

body.page-id-17 #page {
	padding-top: 0;
}


@media screen and (min-width: 782px) {
	/* Make the header fixed to top */
	.site-header {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    /*background: #000;*/
	    background: transparent;
	    z-index: 999;
	    transition: background 0.3s ease, box-shadow 0.3s ease;
	}
	
	/* Prevent layout shift */
	body {
	    padding-top: 0px; /* Adjust to match header height */
	}
	
	body.no-hero,
	body.single-product,
	body.single-application,
	body.error404,
	body.search {
		padding-top: 150px;
	}

	/* When scrolled */
	.site-header.scrolled {
	    background: #fff;
	    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	}

	/* Logo invert (if using one logo image) */
	.site-header img {
	    transition: filter 0.3s ease;
	}
	.site-header.scrolled img {
	    filter: invert(1);
	}
}


.hero-row {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}


body.no-hero .site-header,
body.single-product .site-header,
body.single-application .site-header,
body.error404 .site-header,
body.search .site-header {
	background: #000;
}

body.single-product .site-header.scrolled,
body.no-hero .site-header.scrolled,
body.single-application .site-header.scrolled,
body.error404 .site-header.scrolled,
body.search .site-header.scrolled {
	background: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


.hero-row .wpb_text_column {
	margin-top: 30px;
}

/* Optional: adjust nav link colors */
.site-header .main-navigation a {
    color: #fff;
    transition: color 0.3s ease;
}
.site-header.scrolled .main-navigation a {
    color: #000;
}
.site-header.scrolled .main-navigation .sub-menu a {
	color: #fff;
}




@media screen and (min-width: 783px) {
	body.admin-bar .site-header {
		margin-top: 32px;
	}
}


.custom-alert {
	background: pink;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 20px 0 0 0;
}


@media (min-width: 767px) {
	.site-title-wrap {
		max-width: 25%;
	}

	.top-navigation-right {
		max-width: 75%;
	}
}

.main-navigation ul li {
	padding: 0 10px;
}


.row.utilities {
	background: #000;
}

.utilities-widget-area {
    padding: 10px 0px;
    display: flex;
    justify-content: flex-end; /* Align items to the right */
    align-items: center;
    font-size: 0.9rem;
}

.menu-utilities-menu-container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}


.menu-utilities-menu-container ul {
	margin: 0;
}

.menu-utilities-menu-container li {
    display: inline;
}

.menu-utilities-menu-container li a {
	padding: 0 10px;
	font-size: 14px;
	color: #fff;
}

#primary {
	max-width: 100%;
	width: 100%;
	margin-top: 0px;
}




.woocommerce div.product form.cart .button {
	padding: 18px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #999;
}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
	background-color: red;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
	background-color: #333;
}



.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern {
	background-color: red!important;
}



.page-template-full-width #page .entry-header {
	padding-top: 0;
	padding-bottom: 5px;
	margin-bottom: 0;
}

.page-template-full-width #page .entry-header,
#page .entry-header,
header.entry-header {
	background: #000;
	margin: 0 0 0px 0;
	padding: 20px 0;
	color: #fff;
	
}

.entry-header .entry-title, .editor-post-title__input {
	margin-bottom: 0;
}





.wc-block-components-button {
	background: yellow;
}

@media (min-width: 767px) {
	
	.wpb_wrapper {
		max-width: 1400px;
		margin: 0 auto;
	}
	
	.desktoptoowide .wpb_wrapper {
		padding-left: 150px!important;
		padding-right: 150px!important;
	}
	
}

.dark {
	color: #fff;
}

@media (max-width: 767px) {
	
	body.home h1 {
		font-size: 1em;
	}
	
	.vc_row {
		padding: 0 20px;
	}
	
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product,
	.woocommerce ul.products {
		width: 100%;
	}
	
.wpb_gallery .wpb_flexslider .flex-caption {
	padding-left: 50px;
	padding-right: 50px;
}	
	
	
}




