/**
 * Billy Main styles
 */

:root {
	--billy-container-width: 1240px;
	--billy-paragraph-width: 900px;
}

/* Global */

a,
.secondary a *, 
.site-footer a *, 
.site-header a * {
	transition: all .15s ease;
}

img {
	vertical-align: middle;
}

svg {
	width: 1em;
	height: 1em;
}

/* Site Header */

/* Fix custom logo on firefox browser */

@-moz-document url-prefix() {
	header .custom-logo-link img {
		width: 420px;
	}
}

.ast-logo-title-inline .site-logo-img {
	padding-right: .625em;
}

.ast-site-identity {
	padding: 0;
}

header .custom-logo-link img {
	width: 100%;
}

/*
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
	padding-right: 10px;
}
*/

.ast-button-wrap .menu-toggle.main-header-menu-toggle {
	padding: 10px;	
}

@media (max-width: 991px) {

	.site-header-section > div:first-child {
		padding-right: 0;
	}

	.ast-button-wrap .menu-toggle.main-header-menu-toggle {
		display: flex !important;
	}

}

@media (min-width: 992px) {
	.main-header-menu .menu-link, .main-header-menu > a	{
		padding: 0 .875rem;
	}

	.site-header-section .ast-builder-menu + .ast-header-button-1 {
		padding-left: 0;
	}
}

/* Header Button */

.ast-header-button-1 .ast-custom-button	{
	text-indent: 2px;
}

.ast-header-button-1 .ast-custom-button	{
	position: relative;
	display: flex;
	align-items: center;
}

.ast-header-button-1 .ast-custom-button:before	{
	content: '';
	display: inline-block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIC04IDcyIDcyJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmZmZmYnPjxwYXRoIGQ9J000OC44OSw0MS44NEEyMy4xNiwyMy4xNiwwLDAsMCw1OC4yNSwzNWExNC41MywxNC41MywwLDAsMCwwLTE4Ljc1LDIzLjI1LDIzLjI1LDAsMCwwLTkuMzYtNi44QTMzLDMzLDAsMCwwLDM2LDdhMzMsMzMsMCwwLDAtMTIuODksMi41LDIzLjI1LDIzLjI1LDAsMCwwLTkuMzYsNi44LDE0Ljc4LDE0Ljc4LDAsMCwwLTMuNDMsOS4zOCwxNC40LDE0LjQsMCwwLDAsMi41OSw4LjE3QTIxLjM0LDIxLjM0LDAsMCwwLDIwLDQwLjI5Yy0uMjUuNTktLjUsMS4xMi0uNzUsMS42MWExMC4xNCwxMC4xNCwwLDAsMS0uOTEsMS40Yy0uMzYuNDUtLjYzLjgxLS44MiwxLjA2UzE3LDQ1LDE2LjYsNDUuNDRzLS43Mi43Ni0uODQuOTFjMCwwLDAsMC0uMTUuMTZzLS4xNS4yLS4xNi4xOC0uMDYuMDUtLjE1LjE5bC0uMTMuMi0uMDkuMThhLjgxLjgxLDAsMCwwLS4wNy4yMiwxLjY0LDEuNjQsMCwwLDAsMCwuMjNBLjYxLjYxLDAsMCwwLDE1LDQ4YTEuMjMsMS4yMywwLDAsMCwuNDIuNzcsMS4xNiwxLjE2LDAsMCwwLC43NS4yOWguMWEyOS43NCwyOS43NCwwLDAsMCwzLjE0LS41OSwzMC43MSwzMC43MSwwLDAsMCwxMC4xNC00LjY2LDM3LjU1LDM3LjU1LDAsMCwwLDYuNDIuNThBMzIuNzcsMzIuNzcsMCwwLDAsNDguODksNDEuODRaJy8+PC9zdmc+");	
	background-position: center;	
	width: 30px;
	height: 30px;
}

@media (max-width: 991px) {
	.ast-header-button-1 .ast-custom-button	{
		text-indent: -999rem;
		overflow: hidden;
	}
}

/* Fix hero background image fixed jumped on mobile chromium */

html {
	overflow-x: hidden;
}

/* Billy Style - Hero */

.billy-hero {
	position: relative;
}

.billy-hero > .billy-hero-underlay.aos-animate {
	transform: none !important;
}

.billy-hero > .billy-hero-underlay + .billy-hero-front {
	position: absolute;
	top: 0;
	left: 0;
}

.billy-hero .billy-hero-back {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
}

.billy-hero .billy-hero-back .wp-block-uagb-container {
	background-attachment: scroll !important;
}


/* Fix backgorund-attachment:fixed not working with animation */

.billy-transform-none.aos-animate {
	transform: none !important;
}

/* Project Post List */

.billy-post-list {
	--billy-post-list-spacer: 20px;
}

.billy-post-list.uagb-post__image-position-top .uagb-post__inner-wrap {
	position: relative;
	margin-bottom: 0 !important;
	overflow: hidden;
	height: auto !important;
}

.billy-post-list.uagb-post__image-position-top .uagb-post__inner-wrap .uagb-post__taxonomy.highlighted {
	margin-bottom: 0;
}

.billy-post-list.uagb-post__image-position-top .uagb-post__image + .uagb-post__text:not(.uagb-post__title) {
	position: absolute;
	top: 0;
}
@media (min-width: 992px) {
	.billy-post-list.uagb-post__image-position-top .uagb-post__image + .uagb-post__text:not(.uagb-post__title) {
		top: -2px;
	}
}

.billy-post-list.uagb-post__image-position-top .uagb-post__title {
	position: absolute;
	bottom: 0;
	text-shadow: 2px 2px 10px var(--ast-global-color-2);
}

/* Project Post Carousel */

.billy-post-list.billy-post-carousel {
	padding: 0;
}

.billy-post-list.billy-post-carousel.slick-slider .slick-list {
	height: auto !important;
}

.billy-post-list.billy-post-carousel.uagb-post__image-position-top .uagb-post__image + .uagb-post__text:not(.uagb-post__title) {
	left: calc(var(--billy-post-list-spacer) / -2);
}

.billy-post-list.billy-post-carousel.uagb-post__image-position-top .uagb-post__title {
	padding-right: var(--billy-post-list-spacer);
}

/* Project Post Grid */

.billy-post-list.billy-post-grid.uagb-post__image-position-top .uagb-post__image + .uagb-post__text:not(.uagb-post__title) {
	left: -3px;
}

.billy-post-list.billy-post-grid.uagb-post__image-position-top .uagb-post__title {
	left: var(--billy-post-list-spacer);
	right: var(--billy-post-list-spacer);
}

@media (max-width: 991px) {
	.billy-post-list.is-grid.uagb-post__items {
		row-gap: 20px !important;
	}
}

/* Meta */

.entry-meta, 
.entry-meta * {
	line-height: inherit;
}


/* Single Project */

.site .site-content #primary .ast-article-single.type-billy_project,
.single-billy_project .entry-header,
.single-billy_project .entry-header .post-thumb {
	margin-bottom: 0;
}

.single-billy_project .entry-header .post-thumb:not(:first-child) {
	margin-top: 40px;
}


/* Site Footer */

.site-footer,
.site-above-footer-wrap,
.site-below-footer-wrap {
	overflow: hidden !important;
}

.footer-widget-area.widget-area.site-footer-focus-item {
	width: 100%;
}


.site-primary-footer-wrap .ast-builder-grid-row {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
	margin-bottom: 0;
}

/* Footer */

#astra-footer-menu {
	margin-left: -10px;
}

/* Scroll Top */

#ast-scroll-top {
	font-size: 1rem;
	line-height: 1;
	width: auto;
	height: auto;
	padding: 11px;
	bottom: 40px;
}

#ast-scroll-top svg {
	width: 20px !important;
    height: 20px !important;
    transform: rotate(180deg) !important;
}

.ast-scroll-to-top-right {
	right: 20px;
}
.ast-scroll-to-top-left {
	left: 20px;
}

@media (min-width: 768px) {
	#ast-scroll-top {
		padding: 13px;
	}
}

@media (min-width: 1300px) {
	.ast-scroll-to-top-right {
		right: 30px;
	}
	.ast-scroll-to-top-left {
		left: 30px;
	}	
}

/* Loader */

.billy-loader {
	width: 3.5rem !important;
	aspect-ratio: 2;
	/* --_g: no-repeat radial-gradient(circle closest-side, #FE6B32 90%, rgba(0, 0, 0, 0)); */
	--_g: no-repeat radial-gradient(circle farthest-side, #FE6B32 80%, rgba(0, 0, 0, 0));
	background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
	background-size: calc(100%/4) 50%;
	animation: l3 1s infinite linear;
}

@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

.billy-hero-loader {
	position: absolute !important;
	top: 50%;
	transform: translateY(-50%);
}