/*
Theme Name: inee
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.3
Version: 1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inee
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks

inee WordPress Theme, (C) 2025 Ben Pollock.
inee is distributed under the terms of the GNU GPL.
*/

/* CSS Reset
---------------------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--violet);
	font-size: var(--wp--preset--font-size--footer);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* Temporary fix for text-decoration-thickness in Firefox */
@-moz-document url-prefix() {
	a {
		text-decoration-thickness: .1rem !important;
	}
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--purple);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--background);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--para-small);
	background-color: #fff;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--purple);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--violet);
	font-size: var(--wp--preset--font-size--para-small);
	opacity: 0.75;
}

/* Helper styles
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--teal);
	font-weight: var(--wp--custom--font-weight--regular);
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

.wp-block-categories {
	position: relative;
}

/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	margin-bottom: -8px !important;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos > figure {
	flex-shrink: 1 !important;
}

@media (max-width: 781px) {
	.inee-hide-on-mobile {
		display: none !important;
	}

	.inee-unstick-mobile {
		position: static;
	}
}

.wp-block-cover.custom-clip-mask {
	aspect-ratio: 1 / 1;
	height: auto;
	width: 100%;
	max-width: 800px; /* Adjust this value as needed */
	  position: relative; /* Important for absolute positioning of child elements */
  }
.wp-block-cover.custom-clip-mask img {
	clip-path: polygon(
		55.3326% 0%, 
		21.8298% 33.501%, 
		0% 55.3326%, 
		44.6692% 55.3326%, 
		44.6692% 100%, 
		66.499% 78.1702%, 
		100% 44.6692%, 
		100% 0%
	  );
}
/* Position group in bottom left quarter */
.wp-block-cover.custom-clip-mask .bottom-left-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 48%; /* Takes up half the width */
	height: 48%; /* Takes up half the height */
	padding: 0px; /* Add some padding for content */
	z-index: 2; /* Ensure it's above the image */
	display: flex;
	flex-direction: column;
	justify-content: center; /* Center content vertically */
}
.square-image img {
	aspect-ratio: 1 / 1;
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(
    55.3326% 0%, 
    21.8298% 33.501%, 
    0% 55.3326%, 
    44.6692% 55.3326%, 
    44.6692% 100%, 
    66.499% 78.1702%, 
    100% 44.6692%, 
    100% 0%
  );
  z-index: 2;
}
.square-post, .square-image {
	aspect-ratio: 1 / 1;
	height: auto;
	width: 100%;
	max-width: 800px; /* Adjust this value as needed */
	position: relative;
}
.square-content {
	aspect-ratio: 1 / 1;
	position: absolute;
	height: auto;
	width: 40%;
	max-width: 800px; /* Adjust this value as needed */
	background-color: transparent;
	top: 60%;
	left: 0%;
}
.wp-block-navigation .wp-block-navigation-item {
	/* padding: 60px 0; */	
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	/* border-radius: 0 !important; */
	background-color: transparent !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
	background-color: #fff;
}
.highlight-teal {
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #01E6C8 50%);
}
.highlight-purple	 {
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #1B0071 50%);
}
.highlight-yellow {
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #FFFF00 50%);
}
.highlight-violet {
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #6419FF 50%);
}
.highlight-pink {
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #E42765 50%);
}
.highlight-orange {
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #FF5C02 50%);
}
@media (min-width: 960px) {
	.ports-background-gradient {
		background: linear-gradient(90deg,rgb(100,25,255) 40%,rgba(100,25,255,0) 40%);
	}
}
/* Fact Highlight Separator - For backwards compatibility */
.fact-separator {
    width: 10%; 
    height: 4px; 
    background-color: var(--wp--preset--color--yellow);
    margin: 0 0 1rem 0;
    border: none;
}
@media (max-width: 1024px) {
	.facts-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: var(--wp--preset--spacing--x-large);
	}
}
@media (max-width: 500px) {
	.facts-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
		gap: var(--wp--preset--spacing--x-large);
	}
}
/* Custom class for headings with a separator */
.has-fact-separator {
    position: relative;
    padding-top: 1.5rem;
}

.has-fact-separator::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 4px;
    background-color: var(--wp--preset--color--yellow);
}
.footer-logos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

@media (min-width: 768px) {
	.footer-logos {
		grid-template-columns: repeat(8, 1fr);
	}
}

@media (max-width: 768px) {
	.col-sm-70 {
		flex-basis: 70% !important;
	}
	.col-sm-30 {
		flex-basis: 30% !important;
	}
	.col-sm-60 {
		flex-basis: 60% !important;
	}
	.col-sm-40 {
		flex-basis: 40% !important;
	}
}

.wp-block-button.is-style-button-header .wp-block-button__link {
	position: relative;
	padding: 0.3em 0.8em;
	padding-left: 1.8em;
	font-weight: var(--wp--custom--font-weight--regular);
	font-size: var(--wp--preset--font-size--para);
	background-color: var(--wp--preset--color--yellow);
	color: var(--wp--preset--color--purple);
}
.wp-block-button.is-style-button-header .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--teal);
}
.wp-block-button.is-style-button-header .wp-block-button__link::before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.3s ease;
	width: 1em;
	height: 1em;
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 39.7346 37.3169" fill="%231B0071" xmlns="http://www.w3.org/2000/svg"><path d="M0 15.6466H23.1532V37.3169L39.7346 21.722V0H16.6364L0 15.6466Z"></path></svg>');
	left: 0.4em;
	top: 50%;
	transform: translateY(-50%);
}

/* Flex Order Utility Classes */
.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

/* Mobile-first order utilities */
@media (max-width: 767px) {
    .order-mobile-1 {
        order: 1;
    }
    
    .order-mobile-2 {
        order: 2;
    }
    
    .order-mobile-3 {
        order: 3;
    }
    
    .order-mobile-4 {
        order: 4;
    }
    
    .order-mobile-5 {
        order: 5;
    }
}

/* Tablet order utilities */
@media (min-width: 768px) and (max-width: 1023px) {
    .order-tablet-1 {
        order: 1;
    }
    
    .order-tablet-2 {
        order: 2;
    }
    
    .order-tablet-3 {
        order: 3;
    }
    
    .order-tablet-4 {
        order: 4;
    }
    
    .order-tablet-5 {
        order: 5;
    }
}

/* Desktop order utilities */
@media (min-width: 1024px) {
    .order-desktop-1 {
        order: 1;
    }
    
    .order-desktop-2 {
        order: 2;
    }
    
    .order-desktop-3 {
        order: 3;
    }
    
    .order-desktop-4 {
        order: 4;
    }
    
    .order-desktop-5 {
        order: 5;
    }
}
@media (max-width: 599px) {
	.inee-site-logo-header {
		/* width: 100px; */
	}
	.inee-hide-on-mobile {
		display: none !important;
	}
	.inee-hide-on-desktop {
		display: block !important;
	}
}
@media (min-width: 600px) {
	.inee-hide-on-desktop {
		display: none !important ;
	}
	.inee-hide-on-mobile {
		display: block !important;
	}
}
@media (max-width: 767px) {
	.mobile-padding {
		padding: var(--wp--preset--spacing--medium) !important;
	}
}
.yellow-grad-bg {
	background: linear-gradient(180deg, rgba(255,255,255,0) 1rem, #FFFF00 1rem);
}
.yellow-grad {
	background: linear-gradient(180deg, rgba(255,255,255,0) 40%, #FFFF00 40%) !important;
}
/* .yellow-grad.wp-block-columns {
	display: flex;
	align-items: stretch;
  }
.yellow-grad .wp-block-column {
	display: flex;
	flex-direction: column;
	height: 100%;
} */
.full-height-cell.wp-block-column {
	height: 100% !important;
}
.full-height-cell.wp-block-column > * {
	height: 100% !important;
}
@media (max-width: 1200px) {
	.force-stack-on-tablet {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--large);
	}
	.force-stack-on-tablet .wp-block-column {
		order: 2 !important;
		background-color: #FFFF00;
	}
	.force-stack-on-tablet .wp-block-column:nth-child(2) {
		order: 1 !important;
		background-color: transparent;
	}
}
mark {
	background-color: transparent;
}
@media (max-width: 1024px) {
    ul.responsive-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* Tablet view: 2 columns */
@media (max-width: 800px) {
    ul.responsive-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
.wp-block-query .wp-block-post-template {
	position: relative;
  }
  
/* Add horizontal rule after every 2nd item (end of each row) */
.wp-block-query .wp-block-post-template > li:nth-child(2n)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 0; /* No height needed for border style */
	border-bottom: 1px dashed var(--wp--preset--color--purple); /* Dashed line style */
	opacity: 0.5; /* Set the entire element to 50% opacity */
	margin: calc(var(--wp--preset--spacing--large) / 2) 0; /* Half of xx-large spacing */
	width: 100%;
}
/* Tablet view: 2 columns */
@media (max-width: 1440px) {
	.wp-container-core-post-template-is-layout-bb5e7d61 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.wp-block-query .wp-block-post-template >  li:nth-child(1n)::after  {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		height: 0; /* No height needed for border style */
		border-bottom: 1px dashed var(--wp--preset--color--purple); /* Dashed line style */
		opacity: 0.5; /* Set the entire element to 50% opacity */
		margin: calc(var(--wp--preset--spacing--large) / 2) 0; /* Half of xx-large spacing */
		width: 100%;
	}
}

/* Mobile view: 1 column */
@media (max-width: 960px) {
	.wp-container-core-post-template-is-layout-bb5e7d61 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	.wp-block-query .wp-block-post-template > li::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		height: 0; /* No height needed for border style */
		border-bottom: 1px dashed var(--wp--preset--color--purple); /* Dashed line style */
		opacity: 0.5; /* Set the entire element to 50% opacity */
		margin: calc(var(--wp--preset--spacing--large) / 2) 0; /* Half of xx-large spacing */
		width: 100%;
	}
}
.stack-on-tablet {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--large);
}
@media (min-width: 960px) {
	.stack-on-tablet {
		flex-direction: row;
	}
}
.stack-on-large {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--large);
}
@media (min-width: 1300px) {
	.stack-on-large {
		flex-direction: row;
	}
}
.z-index-1 {
	z-index: 1 !important;
}
.z-index-2 {
	z-index: 2 !important;
}
.z-index-3 {
	z-index: 3 !important;
}
.z-index-4 {
	z-index: 4 !important;
}
.z-index-5 {
	z-index: 5;
}
@media (min-width: 1440px) {
	.margin-minus-170px {
		margin-top: -250px !important;
		position: relative !important;
		z-index: 1 !important;
		padding-top: 250px !important;
	}
}