/*
 Theme Name:   Paramount Audio Video Corp 2026
 Description:  Improvise Child Theme for Paramount Audio Video Corp 2026
 Author:       Crack-Ajax
 Author URI:   https://crack-ajax.com
 Template:     improvise
 Version:      1.0
*/

body {
	background-color: var(--color-black);
}

.has-transparent-nav .page-content>.wp-block-cover:first-child > .wp-block-cover__inner-container {
	padding-top: calc(var(--l-spacing) + var(--xl-spacing));
}

h1 {
	font-size: clamp(1.5rem, 4vw, 3.75rem);
}

h2 {
	font-size: clamp(1.5rem, 4vw, 2rem);
}

h1, h2, h3, h4, h5, h6, .wp-block-button a {
	text-transform: uppercase;
}

.wp-block-button {
	
	& .wp-block-button__link {
		border-radius: 5px;
	}
	
	&:first-of-type {
		
		& .wp-block-button__link {
	
			&.has-dark-text-color.has-accent-background-color {
	
				&:hover {
					background-color: color-mix(in srgb, var(--color-accent), #000 20%) !important;
					border-color: color-mix(in srgb, var(--color-accent), #000 20%) !important;
					color: white !important;
				}
			}
		}
	}
	
	&:nth-of-type(2) {
		
		& .wp-block-button__link {
	
			&.has-dark-text-color.has-text-color {
				border-color: var(--color-tertiary) !important;
				
				&:hover {
					background-color: white !important;
					-border-color: var(--color-accent) !important;
					color: var(--color-accent) !important;
				}
			}
		}
	}
}

.manrope {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: var(--font-accent);
}

.hero-blurb {
	max-width: 550px;
}

.no-obligation {
	margin-top: 10px;
}

.improvise .sub-hero {
	
	& .wp-block-list {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		max-width: 1200px;
		
		& li {
			margin: var(--s-spacing) 0 ;
		}
	}
}

.solutions-section {
	
	& .wp-block-column {
		border-radius: 5px;
		
		& .key-icon {
			color: var(--color-light-text);
			width: 38px;
    		height: 38px;
    		margin-bottom: var(--m-spacing);
		}
		
		& .key-link {
			width: 20px;
    		height: 20px;
			padding-top: 6px;
    		transition: transform .2s ease;
		}
		
		h3 {
			font-size: 1.15rem;
		}
		
		& a:has(.key-link) {
			display: inline-flex;
			text-decoration: none;
			
			&:hover {
				color: color-mix(in srgb, var(--color-light-text), #ff0000 30%) !important;
				
				& .key-link {
					transform: translateX(10px);
				}
			}
		}
	}
}