/*
Name: Pacific Arts Plaza Landing Page
URI: https://irvinecompany.com
Author: Jeremy Schuler
URI: https://irvinecompany.com
*/

/*----------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
Last Updated 
05.07.2025 - Schuler 2:30pm 
------------------------------------------------------------------------------
1.0 # Typography 
2.0 # Colors 
3.0 # Content 
4.0 # Media Queries 
------------------------------------------------------------------------------ */

/*  ==========================================================================
	1.0 # IC Typography
	Perfect Fourth ratio (1.333) 
	https://typescale.com/
	========================================================================== */

/**
* @license
*
* Font Family: Britney
* Designed by: Diana Ovezea & Sabina Chipară
* URL: https://www.fontshare.com/fonts/britney
* © 2025 Indian Type Foundry
*
* Britney Bold 
*
*/

@font-face {
	font-family: 'Britney-Bold';
	src: url('../fonts/Britney-Bold.woff2') format('woff2'),
			url('../fonts/Britney-Bold.woff') format('woff'),
			url('../fonts/Britney-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
  
:root {
	/* Adobe Fonts */
	--font-body:      'archivo-condensed', sans-serif;
	--font-primary:   'archivo-semi-expanded', sans-serif;
	--font-headlines: 'archivo-semi-expanded', sans-serif;
	--font-headlines-secondary: 'Britney-Bold', sans-serif;
}

.font-family-archivo { font-family: 'archivo', sans-serif!important; }
.font-family-britney { font-family: 'Britney-Bold', serif!important; }

.font-family-archivo-condensed,
.font-family-archivo-condensed-medium,
.font-family-archivo-condensed-regular { 
	font-family: 'archivo-condensed', sans-serif!important; 
}
.font-family-archivo-condensed-regular,
.font-family-archivo-condensed-regular span  { 
	font-weight: 400!important; 
}
.font-family-archivo-condensed-medium,
.font-family-archivo-condensed-medium span { 
	font-weight: 500!important; 
}
.font-family-archivo-condensed-semiBold,
.font-family-archivo-condensed-semiBold span { 
	font-weight: 600!important; 
}
.font-family-archivo-semi-expanded,
.font-family-archivo-semi-expanded-light,
.font-family-archivo-semi-expanded-medium {
	font-family: 'archivo-semi-expanded';
}
.font-family-archivo-semi-expanded-light,
.font-family-archivo-semi-expanded-light span  { 
	font-weight: 300!important; 
}
.font-family-archivo-semi-expanded-medium,
.font-family-archivo-semi-expanded-medium span { 
	font-weight: 500!important;
}

html {
	font-size: 100%; /* Ensures 1rem is equivalent to the user's default setting */
	font-family: var(--font-primary); line-height: 1.5;
	color: var(--color-primary);
}

.letter-spacing-0  { letter-spacing: 0!important; }
.letter-spacing-1  { letter-spacing: 0.0625rem!important; } /* 1px */
.letter-spacing-2  { letter-spacing: 0.125rem!important; }  /* 2px */
.letter-spacing-3  { letter-spacing: 0.1875rem!important; } /* 3px */
.letter-spacing-4  { letter-spacing: 0.25rem!important; }   /* 4px */
.letter-spacing-5  { letter-spacing: 0.3125rem!important; } /* 5px */	
.letter-spacing-6  { letter-spacing: 0.375rem!important; }  /* 6px */
.letter-spacing-7  { letter-spacing: 0.4375rem!important; } /* 7px */
.letter-spacing-8  { letter-spacing: 0.5rem!important; }    /* 8px */
.letter-spacing-9  { letter-spacing: 0.5625rem!important; } /* 9px */
.letter-spacing-10 { letter-spacing: 0.625rem!important; } /* 10px */

.uppercase a span { text-transform: uppercase!important; }

/* Headings */
.page-template-template-pacific-arts #ajax-content-wrap h1 {
	/* font-size: 4.209rem; 67.34px */
	font-size: 4rem; /* 64px */  line-height: 1.1;
	font-family: var(--font-headlines); font-weight: 600;
}

.page-template-template-pacific-arts #ajax-content-wrap h2 {
	font-size: 3.157rem; /* 50.51px */ line-height: 1.1;
	font-family: var(--font-headlines); font-weight: 600;
}

.page-template-template-pacific-arts #ajax-content-wrap h3 {
	font-size: 2.369rem; /* 37.9px */ line-height: 1.2;
	font-family: var(--font-headlines); font-weight: 600;
}

.page-template-template-pacific-arts #ajax-content-wrap h4 {
	font-size: 1.777rem; /* 28.44px */ line-height: 1.2;
	font-family: var(--font-headlines); font-weight: 600;
	letter-spacing: 0.0625rem; /* 1px */
}

.page-template-template-pacific-arts #ajax-content-wrap h5 {
	font-size: 1.333rem; /* 21.33px */ line-height: 1.3;
	font-family: var(--font-headlines); font-weight: 600;
}

.page-template-template-pacific-arts #ajax-content-wrap h6 {
	font-size: 1rem; /* 16px */ line-height: 1.3;
	font-family: var(--font-headlines); font-weight: 600;
}

.page-template-template-pacific-arts #ajax-content-wrap .ic-subheading {
	font-size: 1.777rem; /* 28.44px */ line-height: 1.2;
	font-family: var(--font-headlines); font-weight: 400; text-transform: uppercase;
	letter-spacing: 0.0625rem; /* 1px */
}

.page-template-template-pacific-arts #ajax-content-wrap .ic-card .ic-subheading,
.page-template-template-pacific-arts #ajax-content-wrap .flickity-slider .item-meta .title {
	font-size: 1.444rem; /* 23.1px */ line-height: 1.2;
	font-family: var(--font-headlines); font-weight: 400; text-transform: uppercase;
	letter-spacing: 0.0625rem; /* 1px */
}

.page-template-template-pacific-arts #ajax-content-wrap .ic-heading-secondary,
.page-template-template-pacific-arts #ajax-content-wrap h1.ic-heading-secondary,
.page-template-template-pacific-arts #ajax-content-wrap h2.ic-heading-secondary,
.page-template-template-pacific-arts #ajax-content-wrap h3.ic-heading-secondary,
.page-template-template-pacific-arts #ajax-content-wrap h4.ic-heading-secondary {
    font-family: var(--font-headlines-secondary);
    font-size: 5.063rem; font-weight: 600; line-height: 1.2; 
}

body.page-template-template-pacific-arts .vc_row#team .work-info h3,
body.page-template-template-pacific-arts .nectar_team_member_overlay.open .team_member_details h2 {
	font-family: var(--font-headlines-secondary); text-transform: lowercase; 
}
body.page-template-template-pacific-arts .nectar_team_member_overlay.open .team_member_details h2 {
	font-size: 4rem;
}
body.page-template-template-pacific-arts .vc_row#team .work-info h3 { 
	font-size: 4rem; line-height: 1; font-weight: 600;
}

/* Paragraph */
.page-template-template-pacific-arts p {
	font-family: var(--font-primary); font-weight: 400;
}

.vc_row#team .work-info p { font-family:'archivo-semi-expanded', sans-serif;
	font-size: 1.5rem; line-height: 1.5; font-weight: 300; 
}

/* Button */
.page-template-template-pacific-arts .nectar-button {
	font-size: 1.375rem; /* 22px */ font-family: var(--font-headlines);
	font-weight: 400; line-height: 1; padding-bottom: 15px;;
}

/* Lists */
.page-template-template-pacific-arts ul, 
.page-template-template-pacific-arts ol {
	margin-left: 1.5rem;
	line-height: 1.75;
}

.page-template-template-pacific-arts li {
	font-size: 1rem; /* 16px */ line-height: 1.75;
	font-family: var(--font-primary); font-weight: 400;
}

/* Span */
.page-template-template-pacific-arts span {
	font-size: 1rem; /* 16px */ line-height: inherit;
	font-family: inherit; font-weight: inherit;
}

/* Additional Text Classes */
.page-template-template-pacific-arts #ajax-content-wrap .ic-text-large,
.page-template-template-pacific-arts #ajax-content-wrap .ic-text-large p {
	font-size: 1.375rem; /* 22px */ line-height: 2;
	font-family: var(--font-primary); font-weight: 400;
}

.page-template-template-pacific-arts #ajax-content-wrap .ic-text-medium,
.page-template-template-pacific-arts #ajax-content-wrap .ic-text-medium p {
	font-size: 1.125rem; /* 18px */ line-height: 1.75;
	font-family: var(--font-primary); font-weight: 400;
}

.page-template-template-pacific-arts #ajax-content-wrap .ic-text-small,
.page-template-template-pacific-arts #ajax-content-wrap .ic-text-small p {
	font-size: 1rem; /* 16px */ line-height: 1.75;
	font-family: var(--font-primary); font-weight: 400;
}

.page-template-template-pacific-arts .ic-text-footer {
	font-size: 0.75rem; /* 12px */ line-height: 1.875;
	font-family: var(--font-primary); font-weight: 500;
}

.page-template-template-pacific-arts #ajax-content-wrap #testimonials .ic-text-small { font-weight: 600; font-style: italic; }

/* Salient Typography */
.page-template-template-pacific-arts nav ul li,
.page-template-template-pacific-arts nav ul li a,
.page-template-template-pacific-arts nav ul li span {
	font-family: var(--font-primary);
	font-size: 0.9375rem; /* 15px */ font-weight: 400; line-height: 1.3; 
	text-transform: capitalize;
}

.page-template-template-pacific-arts nav li.button-bordered-bottom a span {	
	text-transform: none; letter-spacing: -.25px;
}

/*  ==========================================================================
	2.0 # Colors
	========================================================================== */
:root {
	--color-primary:   #4b667b;
	--color-secondary: #95bcc3;
	--color-tertiary:  #e12827;

	--color-accent:       #4C667B;
	--color-accent-light: #95BCC3;

	--color-dark:  #111;
	--color-light: #fff;

	--color-border:#f4f1ed;

	--background:      #e3ddd2;
	--background-gray: #f4f1ed;
}

.ic-text-primary { color: var(--color-primary); }
.ic-text-secondary { color: var(--color-secondary); }
.ic-text-accent { color: var(--color-accent); }
.ic-text-light { color: var(--color-light); }
.ic-background { background-color: var(--background); }
.ic-background-dark { background-color:var(--background-dark); }

/*  ==========================================================================
	3.0 # Content
	========================================================================== */

/* Layout */
.max-width-480 { max-width: 480px; }
.max-width-800 { max-width: 800px; }
.min-height-500 { min-height: 500px; }

.page-template-template-pacific-arts .container { 
	max-width: 1440px; padding-right: 20px; padding-left: 20px; 
}

/* Header */
.page-template-template-pacific-arts #header-outer { 
	background: rgba(255, 255, 255, 0.80);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px);
}
.page-template-template-pacific-arts #header-outer #top .container .row { 
	display: grid!important; grid-gap: 20px;
	grid-template-columns: max-content 1fr;
}
.page-template-template-pacific-arts #header-outer #top .span_3, 
.page-template-template-pacific-arts #header-outer #top .span_9 {
	width: unset; margin: 0!important; padding: 0;
}
.page-template-template-pacific-arts #header-outer #top .span_9 { justify-content: flex-end; }
.page-template-template-pacific-arts #header-outer #top .row:before,
.page-template-template-pacific-arts #header-outer #top .row:after {
	display: none;
}

.page-template-template-pacific-arts #header-outer #logo img, 
.page-template-template-pacific-arts #header-outer .logo-clone img, 
.page-template-template-pacific-arts #header-outer .logo-spacing img{
	height: 32px;
}

.page-template-template-pacific-arts #header-outer nav li a:hover span,
.page-template-template-pacific-arts #header-outer nav li.current-menu-item a span { 
	color: var(--color-accent);
}

body.material #header-outer #search-outer #search input[type="text"], 
body[data-header-format="left-header"].material #search-outer #search input[type="text"],
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {
	border-color: var(--color-accent);
}

.page-template-template-pacific-arts #header-outer nav li.ic-button a span { 
	display: flex; background: #4b667b; color: #fff; padding: 13px 24px; 
	border-radius: 4px; border: 1px solid transparent;
}
.page-template-template-pacific-arts #header-outer nav li.ic-button a span:after { display: none!important; }
.page-template-template-pacific-arts #header-outer nav li.ic-button a:hover span { 
	color: #4b667b; background: none; border: 1px solid #4b667b;
}
.page-template-template-pacific-arts #slide-out-widget-area li.ic-button a { padding-right: 0; padding-left: 0;}
.page-template-template-pacific-arts #slide-out-widget-area li:not(:last-child) { margin-bottom: .5em; }

.page-template-template-pacific-arts #header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) 
#top nav>ul>li[class*=button_]>a:hover:before {
	top: 20px; height: 54px; 
	background: var(--color-border)!important; 
	border-radius: 0!important; border-color: var(--color-border)!important; 
}

/* Footer */
.page-template-template-pacific-arts .nectar_hook_global_section_after_footer { 
	padding-top: 90px; padding-bottom: 90px;
	background-color: #E2DED7; 
}

/* Section - Team */
.vc_row#team .work-info p { order: 2; }
.vc_row#team .work-info h3 { order: 1; height: max-content; color: #4c667b; }

.vc_row#team .work-info p,
.vc_row#team .work-info h3 {
	width: 100%; max-width: 100%;
	text-align: center;
} 
.vc_row#team .work-info h3 { text-transform: unset; }
.vc_row#team .work-info .vert-center { position: unset;
	display: flex; grid-gap: 2em;
	flex-direction: column; align-items: center; justify-content: center; 
	height: 100%; width: 100%; padding: 0 40px;
	transform: unset;
}	
.vc_row#team .portfolio-items.masonry-items.isotope-activated svg,
.vc_row#team .portfolio-items.masonry-items.isotope-activated .line {
	display: none!important;
}
.vc_row#team .portfolio-items.masonry-items.isotope-activated .work-info-bg { 
	background: transparent!important; 
}
.vc_row#team .portfolio-items.masonry-items.isotope-activated .col,
.vc_row#team .portfolio-items.masonry-items.isotope-activated .col a,
.vc_row#team .portfolio-items.masonry-items.isotope-activated .col:hover,
.vc_row#team .portfolio-items.masonry-items.isotope-activated .col:hover a {
	cursor: unset!important; 
}
.vc_row#team .portfolio-items.masonry-items.isotope-activated .col:hover img {
	transform: unset!important;
}
.vc_row#team .portfolio-items.masonry-items.isotope-activated .work-item.style-2 .work-info { opacity: 1; }

body.page-template-template-pacific-arts 
#ajax-content-wrap .team-member[data-style="meta_overlaid_alt"] h3,
body.page-template-template-pacific-arts 
#ajax-content-wrap .team-member[data-style="bio_fullscreen"] h3 { 
	font-family: var(--font-headlines); 
	font-size: 1.444rem; line-height: 1.2; font-weight: 400;
	letter-spacing: 0.0625rem; text-transform: uppercase; 
	margin-bottom: 0; color: #fff;
}
body.page-template-template-pacific-arts .team-member[data-style=bio_fullscreen]:after,
body.page-template-template-pacific-arts .team-member[data-style=meta_overlaid_alt]:after {
	background: linear-gradient(to top, #4b667b 0, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, 0) 100%);
}
body.page-template-template-pacific-arts .team-member[data-style=bio_fullscreen] .arrow-end,
body.page-template-template-pacific-arts .team-member[data-style=bio_fullscreen] .arrow-line {
	display: none;
}
body.page-template-template-pacific-arts .nectar_team_member_overlay.open .team_member_details h2 {
	color: #4d667b; 
}

body.page-template-template-pacific-arts .vc_row#team .work-info .vert-center { 
    padding-right: 30px; padding-left: 30px;   
}

/* Section - Reinvestment */
body.page-template-template-pacific-arts #ajax-content-wrap  .vc_row#reinvestment h3 {
	font-family: 'Britney-Bold'; text-transform: lowercase; text-align: center;
    color: #4d667b; margin-top: -14px; 
}

body.page-template-template-pacific-arts .nectar-close-indicator {
	position: fixed !important;
	top: 20px !important; right: 20px!important; bottom: unset!important; left: unset!important; 
	transform: none !important;
	z-index: 50000 !important;
}

body.page-template-template-pacific-arts .nectar-close-indicator,
body.page-template-template-pacific-arts .nectar-close-indicator .inner,
body.page-template-template-pacific-arts .nectar-close-indicator .inner-layer,
body.page-template-template-pacific-arts .nectar-close-indicator .inner-layer i {
	transform: none !important;
}

body.page-template-template-pacific-arts .nectar-close-indicator .inner-layer i {
	position: static !important;
	display: block !important;
	margin: 0 auto !important;
}

body.page-template-template-pacific-arts .nectar-close-indicator { mix-blend-mode: unset; }
body.page-template-template-pacific-arts .nectar-close-indicator:hover { cursor: pointer; }
body.page-template-template-pacific-arts .nectar-close-indicator .inner  { background-color: #fff; }
body.page-template-template-pacific-arts .nectar-close-indicator .inner .icon-salient-m-close { color: #111; }

/* Overrides */
.page-template-template-pacific-arts .pum-container,
.page-template-template-pacific-arts .pum-theme-cutting-edge .pum-container {
	padding: 24px!important; 
}
.page-template-template-pacific-arts .flickity-slider .item-meta .title { color: #748a9c!important; }

/*  ==========================================================================
	4.0 # Media Queries 
	========================================================================== */

@media screen and (max-width: 800px) {
	body.page-template-template-pacific-arts .vc_row#team .work-info .vert-center { 
		grid-gap: 1em; padding-right: 0; padding-left: 0; 
	}
}

/* Mobile Typography */
@media screen and (max-width: 600px) {

	/* Reduce heading sizes for better mobile readability */
	.page-template-template-pacific-arts #ajax-content-wrap h1 {
		font-size: 3.157rem; /* 40px */ line-height: 1;
	}
	.page-template-template-pacific-arts #ajax-content-wrap h2 {
		font-size: 2.027rem; /* 32.432px */ line-height: 1;
	}
	.page-template-template-pacific-arts #ajax-content-wrap h3 {
		font-size: 1.77rem; /* 28px */ line-height: 1.2;
	}
	.page-template-template-pacific-arts #ajax-content-wrap h4,
	.page-template-template-pacific-arts .ic-button a,
	.page-template-template-pacific-arts .ic-button span {
		font-size: 1.5rem; /* 24px */ line-height: 1.2;
	}
	.page-template-template-pacific-arts #ajax-content-wrap h5 {
		font-size: 1.25rem; /* 20px */ line-height: 1.2;
	}
	.page-template-template-pacific-arts #ajax-content-wrap h6 {
		font-size: 1rem; /* 16px */ line-height: 1.3;
	}

	.page-template-template-pacific-arts #workplaces a span { font-size: 1.25rem!important; }

	/* Adjust buttons for better mobile touch targets */
	.page-template-template-pacific-arts .ic-button a,
	.page-template-template-pacific-arts .ic-button span {
		font-size: 1.25rem; /* 20px */
		padding: 12px 16px; /* Increase padding for better tapability */
	}

	/* Adjust list items for better spacing */
	.page-template-template-pacific-arts ul,
	.page-template-template-pacific-arts ol {
		margin-left: 1rem;
		line-height: 1.6;
	}

	.page-template-template-pacific-arts li {
		font-size: 0.9375rem; /* 15px */ line-height: 1.6;
	}

	/* Reduce large text classes */
	.page-template-template-pacific-arts #ajax-content-wrap .ic-text-large {
		font-size: 1.33rem; /* 20px */ line-height: 1.9;
	}
	.page-template-template-pacific-arts #ajax-content-wrap .ic-text-medium {
		font-size: 1rem; /* 16px */ line-height: 1.8;
	}
	.page-template-template-pacific-arts #ajax-content-wrap .ic-text-small {
		font-size: 0.875rem; /* 14px */ line-height: 1.7;
	}

	/* Footer text adjustments */
	.page-template-template-pacific-arts .ic-text-footer {
		font-size: 0.75rem; /* 12px */ line-height: 1.6;
	}

	/* Nectar Slider */
	#testimonials .nectar-simple-slider.sizing-percentage.height-50vh { min-height: 500px; }
	#testimonials .nectar-simple-slider .vc_col-sm-4 { display: none;
		height: 300px!important; overflow: hidden!important; 
	}

	.nectar-simple-slider.arrow-position-overlapping .flickity-prev-next-button.next { right: -16px!important; }
	.nectar-simple-slider.arrow-position-overlapping .flickity-prev-next-button.previous { left: -16px!important; }
	.nectar-simple-slider.arrow-position-overlapping .flickity-slider .cell { padding-inline: 40px!important; }
	
	#testimonials .nectar-simple-slider .vc_col-sm-4 .wpb_wrapper,
	#testimonials .nectar-simple-slider .vc_col-sm-4 .inner, 
	#testimonials .nectar-simple-slider .vc_col-sm-4 .hover-wrap,
	#testimonials .nectar-simple-slider .vc_col-sm-4 .hover-wrap-inner,
	#testimonials .nectar-simple-slider .vc_col-sm-4 .img-with-aniamtion-wrap { 
		height: 100%!important;
	}
	#testimonials .nectar-simple-slider .vc_col-sm-4 img { height: 100%; object-fit: cover; }
}