/**
Theme Name: Huxly
Author: Jeremy Edmiston
Author URI: https://jeremyedmiston.com
Description: A modern Harmonized User Experience design. Features dark mode support, Tailwind CSS styling, and extensive customization options using Astra theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: huxly
Template: astra
*/

a:active, a:focus {
  outline: 0!important;
}

/* Using !important for stronger enforcement */
a:focus {
  outline: none !important;
}


body {
	background-color: var(--ast-global-color-0);
}

#masthead .ast-container {
	padding: 0 20px!important;
}

/* Logo */
.site-header-primary-section-left .ast-builder-layout-element {
	padding: 0;
}
.ast-logo-title-inline .ast-site-identity {
	padding: 0;
}
.ast-logo-title-inline .site-logo-img {
	padding: 0;
}

/* Avatar */
.ast-header-account img{
	border: 2px solid var(--ast-global-color-4);
}

/* User Menu */
.ast-account-nav-menu {
	right: 0!important;
	/* border-top-right-radius: 8px; */
	border-bottom-left-radius: 8px;
  padding: 0 0 30px 20px;
  margin: 10px 0 0 0;
}



/* Main Menu */
.site-primary-header-wrap .ast-builder-grid-row {

}

.site-below-header-wrap .ast-builder-grid-row {
	/* border-top-left-radius: 10px;
	border-top-right-radius: 10px; */
	background-color: var(--ast-global-color-4);
	border-bottom: 1px solid var(--ast-global-color-2);
	overflow: hidden;
}

/* Content Section */
#content {
	margin: 0 20px;
	background-color: var(--ast-global-color-4);
	overflow-x: hidden;
}

/* Hero Section */
.page-hero {
	min-height: 40vh;
}

/* Headers */
h1 {
    color: var(--ast-global-color-0);
}

/* Footer */
.site-primary-footer-wrap {

}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
		border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: var(--ast-global-color-4);
	padding: 15px 20px;
}

/* Announcement Slider */

.announcement-slider.suppliers-connection {
	padding: 0!important;
	height: 360px!important;
}
.announcement-slider.suppliers-connection .slick-track,
.announcement-slider.suppliers-connection .slick-slide > div,
.announcement-slider.suppliers-connection .slick-slide > div article {
	height: 360px!important;
}