/*
Theme Name: CrimsonWood AI
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.1.2
Text Domain: uncode
*/

:root {
	--theme-color-red: #A33437;
	--theme-color-accent: #A33437;
	--theme-color-white: #fff;
	--theme-stroke-width: 2px;
	--theme-text-stroke: 1px;
}


/* Typography */
h1, h2, h3, h4 {
	font-weight: 400;
}

a.underline-link {
	text-decoration: underline;
}


/* Header */
.navbar-hover .menu-container {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
}

/* ========== Header ========== */
.top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-left {
	width: 50%;
	position: relative;
}

.top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-left .stock-live-ticker {
	position: absolute;
	top: 9px;
	right: -72px;
}


/* Original CSS
@media (max-width: 569px) {
	.top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-left {
		width: 100%;
		
		.stock-live-ticker {
			right: 0;
		}
	}
	
	.top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-right {
		display: none;
	}

*/

/*Modified: 2025-02-13 by Inlet Technologies*/
@media (max-width: 569px) {
  .top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-left {
    width: 100% !important;
    flex: 0 0 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;

    align-items: center;   /* centers both lines horizontally */
    text-align: center;    /* centers text within each line */
    white-space: normal;
  }

  .top-menu.top-menu-enhanced
  .row-menu-inner
  .topbar-col.topbar-col-left
  .stock-live-ticker {
    width: 100%;
    margin-top: .25rem;
    position: static !important;
    right: auto !important;
    left: auto !important;

    text-align: center;    /* extra safety if ticker has its own styling */
  }

  .top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-right {
    display: none;
  }
}

/* Footer */
#footer-logo {
	margin-top: 8px!important;
}

footer {
	form.wpcf7-form {
		input:is(.wpcf7-email) {
			border-radius: 50px;
		}
	}
	
	.uncode_text_column {
		a:hover {
			color: #fff!important;
			opacity: 0.75;
		}
	}
}


.footer-scroll-top .scroll-top i:before {
	display: none;
}

.footer-scroll-top .scroll-top i {
	border-color: transparent!important;
	background-color:transparent!important;
	background-image: url(/wp-content/themes/web/assets/image/logo-charcoal.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.footer-scroll-top .scroll-top i:hover {
	opacity: 0.75;
}

/*---------- Common Styles ----------*/

/* Button */
.btn.theme-button {
	font-weight: 600!important;
}

/* Uncode: Icon Box */
.icon-box.box-with-border {
	.icon-box-icon{
		margin-top: 0;
		padding-top: 9px;
	}
}

.icon-box.icon-svg-accent {
	.icon-box-icon{
		display: block;
		.icon-media {
			img {
				filter: brightness(0) saturate(100%) invert(24%) sepia(21%) saturate(4767%) hue-rotate(328deg) brightness(95%) contrast(90%);
			}
		}
	}
	.icon-box-content {
		width: auto;
	}
}


/* ---------- Homepage ---------- */
.homepage-hero .background-wrapper,
.mobile-parallax-not-allowed .homepage-hero .row-background .background-wrapper{
	transform: translateX( 0 )!important;
}

.homepage-hero .background-inner {
	background-size: auto 100%!important;
	background-position: left center!important;
}

.homepage-hero > .row > .row-inner .row-internal.hero-title-row {
	height: calc( 100% - 72px )!important;
}

.homepage-hero > .row > .row-inner .row-internal.hero-title-row > .row,
.homepage-hero > .row > .row-inner .row-internal.hero-title-row > .row .wpb_row,
.homepage-hero > .row > .row-inner .row-internal.hero-title-row > .row .wpb_column {
	height: 100%!important;;
}


/* Alrx Logo Animation */
#homepage-alrx-logo {
	width: 50%;
	min-width: 120px;
	max-width: 150px;
}

#service-alrx-logo {
	width: 90%;
	min-width: 150px;
	max-width: 260px;
}

#alrx-logo:not(.visible) #alrx-logo-svg {
	width: 100%;
	opacity: 0;
}

.visible #alrx-logo-svg path{
	opacity: 1;
	stroke: var(--theme-color-white);
	stroke-width: 0.2;
	fill: var(--theme-color-white);
	stroke-dasharray: 600;
	stroke-dashoffset: 600;
	animation: 3s ease-in forwards logo-ani;
}

@keyframes logo-ani {
	0% {
		stroke-dashoffset: 600;
		fill: rgba(255,255,255,0);
	}
	
	80% {
		stroke-dashoffset: 0;
		fill: rgba(255,255,255,0);
	}
	
	100% {
		stroke-dashoffset: 0;
		fill: var(--theme-color-white);
	}
}

/* Team */
.team-members-grid {
	display: grid;
	gap: var(--uncode-space-2x);
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
	
	.team-member-block {
		background: transparent!important;
		border-radius: 4px;
		
		.member-content {
			padding-left: 0;
			padding-right: 0;
			h2.member-name {
				font-size: 24px;
			}
			p{
				font-size: 18px;
			}
		}
	}
}

.mfp-wrap.white-popup {
	.mfp-content {
		.team-member-popup-content {
			.member-content {
				p {
					font-size: 18px;
				}
			}
		}
	}
}