/**
Theme Name: Aisa Pharma
Author: Greg Perham
Author URI: https://swinggraphics.com/
Description: Astra child theme customized for Aisa Pharma.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aisa-pharma
Template: astra
*/


/*
 * Stick footer to bottom
 */

html, body {
	height: 100%;
}
#page {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
#page > .elementor-location-footer {
	margin-top: auto;
}

/* Fix header overflow */

.elementor-location-header {
	overflow-x: hidden;
}


/*
 * Responsive classes
 */

@media (min-width: 1025px) {
	.hidden-desktop {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.hidden-tablet {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.hidden-mobile {
		display: none !important;
	}
}

@media (max-width: 960px) {
	img.alignright,
	img.alignleft,
	.elementor img.alignright,
	.elementor img.alignleft {
		max-width: 45%;
	}
}
@media (max-width: 550px) {
	img.alignright,
	img.alignleft,
	.elementor img.alignright, 
	.elementor img.alignleft {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 100%;
	}
}


/*
 * Blog
 */

.ast-separate-container .ast-archive-description {
	background: transparent;
}
.entry-title {
	margin-bottom: 0.5em;
}
.entry-title a:hover {
	color: var(--e-global-color-primary);
}
@media (min-width: 1024px) {
	.ast-separate-container .ast-article-post,
	.ast-separate-container .ast-article-single {
		padding: 80px;
	}
}

.single-post #content {
	padding-bottom: 80px;
}


/*
 * Entry content
 */

.entry-content *:first-child {
	margin-top: 0;
}
.entry-content *:last-child {
	margin-bottom: 0;
}

.entry-content h2 {
	color: var( --e-global-color-primary );
	margin-top: 1em;
}


/*
 * Page banner on blog archive
 */

.ast-archive-entry-banner {
	background-color: var(--e-global-color-1fb7517);
	padding: 20px 0px 20px 0px;
	min-height: 150px;
}
.ast-archive-entry-banner::before {
	background-image: url("https://6ng.e32.myftpupload.com/wp-content/uploads/2026/03/Hexagons-hanging.png");
	background-position: top center;
	background-repeat: repeat-x;
	content: '';
	display: block;
	opacity: 0.3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ast-archive-entry-banner .ast-container {
	max-width: 1300px;
}
.ast-archive-entry-banner h1 {
	color: #fff;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-weight: var( --e-global-typography-secondary-font-weight );
	position: relative;
}


/*
 * Quicker fadeInLeft for hexagons
 */

@keyframes fadeInLeft2 {
	from {
		opacity:0;
		transform:translate3d(-50%,0,0)
	}
	to {
		opacity:1;
		transform:none
	}
}
.hexagon.fadeInLeft {
	animation-name: fadeInLeft2 !important;
	animation-duration: 1s !important;
}


/*
 * Hexagon shape
 */

@property --r {
	syntax: "<number>";
	inherits: false;
	initial-value: 0;
}
@property --a {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}
@media (min-width: 1160px) {
	.hexagon.tilted {
		--a: 20deg;
	}
	.hexagon {
		--r: 0.35; /* control the radius [0 1] */
		--a: 0deg; /* control the rotation */

		aspect-ratio: 1;
		object-fit: cover;
		--_a: (30deg*var(--r));
		--_r: (50%*cos(30deg)/cos((30deg*(1 - var(--r)))));
		transition: --r .5s,--a .5s;
		/* Don't stare for too long at the code below XD */
		clip-path: shape(
			from calc(50% + var(--_r)*cos(var(--a) - var(--_a)))
				calc(50% + var(--_r)*sin(var(--a) - var(--_a))),
			curve to calc(50% + var(--_r)*cos(var(--a) + var(--_a)))
				calc(50% + var(--_r)*sin(var(--a) + var(--_a)))
			with calc(50% + 50%*cos(var(--a)))
				calc(50% + 50%*sin(var(--a))),
			line to calc(50% + var(--_r)*cos(60deg + var(--a) - var(--_a)))
				calc(50% + var(--_r)*sin(60deg + var(--a) - var(--_a))),
			curve to calc(50% + var(--_r)*cos(60deg + var(--a) + var(--_a)))
				calc(50% + var(--_r)*sin(60deg + var(--a) + var(--_a)))
			with calc(50% + 50%*cos(60deg + var(--a)))
				calc(50% + 50%*sin(60deg + var(--a))),
			line to calc(50% + var(--_r)*cos(120deg + var(--a) - var(--_a)))
				calc(50% + var(--_r)*sin(120deg + var(--a) - var(--_a))),
			curve to calc(50% + var(--_r)*cos(120deg + var(--a) + var(--_a)))
				calc(50% + var(--_r)*sin(120deg + var(--a) + var(--_a)))
			with calc(50% + 50%*cos(120deg + var(--a)))
				calc(50% + 50%*sin(120deg + var(--a))),
			line to calc(50% + var(--_r)*cos(180deg + var(--a) - var(--_a)))
				calc(50% + var(--_r)*sin(180deg + var(--a) - var(--_a))),
			curve to calc(50% + var(--_r)*cos(180deg + var(--a) + var(--_a)))
				calc(50% + var(--_r)*sin(180deg + var(--a) + var(--_a)))
			with calc(50% + 50%*cos(180deg + var(--a)))
				calc(50% + 50%*sin(180deg + var(--a))),
			line to calc(50% + var(--_r)*cos(240deg + var(--a) - var(--_a)))
				calc(50% + var(--_r)*sin(240deg + var(--a) - var(--_a))),
			curve to calc(50% + var(--_r)*cos(240deg + var(--a) + var(--_a)))
				calc(50% + var(--_r)*sin(240deg + var(--a) + var(--_a)))
			with calc(50% + 50%*cos(240deg + var(--a)))
				calc(50% + 50%*sin(240deg + var(--a))),
			line to calc(50% + var(--_r)*cos(300deg + var(--a) - var(--_a)))
				calc(50% + var(--_r)*sin(300deg + var(--a) - var(--_a))),
			curve to calc(50% + var(--_r)*cos(300deg + var(--a) + var(--_a)))
				calc(50% + var(--_r)*sin(300deg + var(--a) + var(--_a)))
			with calc(50% + 50%*cos(300deg + var(--a)))
				calc(50% + 50%*sin(300deg + var(--a)))
		);
	}
	.elementor-widget-wrap.elementor-element-populated:has(>.elementor-widget-icon-box.hexagon) {
		padding: 0 !important;
	}
	.elementor-widget-icon-box.hexagon .elementor-widget-container {
		padding: 0 !important;
		height: 100%;
	}
	.elementor-widget-icon-box.hexagon .elementor-icon-box-wrapper {
		display: block;
		padding-top: 8px;
	}
	.elementor-widget-icon-box.hexagon h2 {
		clear: none;
	}
	.elementor-widget-icon-box.hexagon {
		padding: 20px 8px;
		height: 100%;
	}
	.elementor-widget-icon-box.hexagon::before,
	.elementor-widget-icon-box.hexagon .elementor-widget-container::before {
		content: '';
		float: left;
		width: 50%;
		height: 100%;
		shape-outside: polygon(0 0, 55% 0, 5% 50%, 55% 100%, 0 100%);
	}
	.elementor-widget-icon-box.hexagon .elementor-widget-container::before {
		float: right;
		shape-outside: polygon(100% 0, 45% 0, 95% 50%, 45% 100%, 100% 100%);
		margin-top: -20px;
		height: calc(100% + 20px);
	}
}
@media (min-width: 1200px) {
	.elementor-widget-icon-box.hexagon .elementor-icon-box-wrapper {
		padding-top: clamp(8px, 2vw, 25px);
	}
}


/*
 * Fixed footer
 */

#content {
    background-color: white;
    position: relative;
    z-index: 1;
}
.site-footer {
    min-height: 345px;
    z-index: 0;
}
.site-footer > .elementor-container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
.site-footer::before {
    background: linear-gradient(180deg, #fff 0%, #fff0 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
}