/*!
Theme Name: Brisk Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: brisk
Version: 1.0.0
Text Domain: brisk
*/

 /* Add your custom style here */


/* Desktop Only */
#wrapper-navbar {
	z-index:100;
}
.elementor-accordion-item {
	border-top: 1px !important;
    border-color: var(--e-global-color-uicore_light);
    border-left: 0 !important;
    border-right: 0 !important;
}
.elementor-accordion-item .elementor-tab-title.elementor-active {
	border-bottom: 0 !important;
}

.elementor-accordion-item .elementor-tab-content {
	border-width: 0 !important;
}

.elementor-accordion-icon-right i {
	padding: 2px;
	border: 1px solid black;
	border-radius: 16px;
}

.elementor-tab-content {
	max-width: 526px;
}

.video-banner video{
	max-height: 720px;
	aspect-ratio:auto !important;
}

.video-banner .e-hosted-video {
	aspect-ratio:auto !important;
}

.fullview {
	width: 100%;
	height: calc(100vh - 66px) !important;
}


.strong-primary h3 {
	margin : 0 !important;
}
.strong-primary strong {
	color: var(--e-global-color-uicore_primary)
}

.hide {
	display: none !important;
}

/* navigation */
.uicore-navbar .uicore-nav, .uicore-navbar .uicore-nav-menu {
	justify-content: center !important;
}


/* video hero banner */
.home .elementor-widget-video .elementor-wrapper {
	aspect-ratio:auto !important;
	height: calc(100vh - 66px) !important;
}

/* our brands */
.brand-wrapper .logo {
	transform: translate(-50%, -50%);
	transition: all .2s ease-in;
}

.brand-wrapper .background img {
	transition: all .5s ease-in;
}

.brand-wrapper:hover .background img {
	transform: scale(1.1);
	transition: all .5s ease-in;
}

.brand-wrapper .background{
	position: relative;
	overflow: hidden;
}

.brand-wrapper .background::after {
	display: block;
	position:absolute;
	content:"";
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.2);
}

.brand-wrapper .heading {
	display: none !important;
}

/* what we do */
.what-we-do-wrapper .culinary:hover .header h2{
	color: var(--e-global-color-uicore_primary);
	transition: all .2s ease-in;
}

.what-we-do-wrapper .living:hover .header h2{
	color: var(--e-global-color-uicore_secondary);
	transition: all .2s ease-in;
}


.what-we-do-wrapper .image-wrapper img {
	height: 445px !important;
	object-fit: cover;
	width:648px !important;
}

/* how we do */
.how-we-do-wrapper img.swiper-slide-image {
	height: 500px !important;
	object-fit: cover;
}


/* about page */
.about-heading-wrapper h3 {
	color: white !important;
}

.about-heading-wrapper h3 strong {
	color: var(--e-global-color-uicore_accent) !important;
}

.the-team-wrapper img.swiper-slide-image {
	height: 593px !important;
	object-fit: cover;
}

.the-team-wrapper .swiper figure.swiper-slide-inner {
	line-height: 0 !important;
}

.team-detail-wrapper .background img {
	transition: all .5s ease-in;
	aspect-ratio: 133/178;
	object-fit: cover;
}

.team-detail-wrapper:hover .background img {
	transform: scale(1.1);
	transition: all .5s ease-in;

}

.team-detail-wrapper .background{
	position: relative;
	overflow: hidden;
}

.team-detail-wrapper .background::after {
	display: block;
	position:absolute;
	content:"";
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.2);
}

/* living page */
.living-heading-wrapper h4 strong {
	color: var(--e-global-color-uicore_secondary) !important;
}


.portfolio-wrapper .img-square-wrapper  {
	aspect-ratio:1/1;
	overflow:hidden !important;
	position: relative;
}

.portfolio-wrapper .img-square-wrapper::before  {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.2);
	z-index:1;
	opacity:0;
}
.portfolio-wrapper:hover .img-square-wrapper::before {
	opacity:1;
}

.portfolio-wrapper .img-square-wrapper img{
	aspect-ratio:1/1;
	object-fit:cover;
	transform: scale(1.1);
	transition: all .5s ease-in;
}

.portfolio-wrapper:hover .img-square-wrapper img {
	transform: scale(1);
	transition: all .5s ease-in;
}


.portfolio-wrapper .img-square-wrapper .center {
	transform: translateY(-50%)
}

.description-wrapper h5 {
	margin: 8px 0 !important;
	font-family: "The Bold Font";
	color:black;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: 0.05em;
}

.portfolio-collaboration-wrapper.flex-direction-row > .e-con-inner {
	flex-direction: row !important;
}

.portfolio-collaboration-wrapper {
	position: relative;
}

.portfolio-collaboration-wrapper::after  {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.2);
	z-index:1;
	opacity:0;
	transition: all .2s ease-in;
}

.portfolio-collaboration-wrapper:hover:after {
	opacity:1;
	transition: all .2s ease-in;
} 


.portfolio-collaboration-wrapper .description-wrapper {
	opacity: 0;
	transition: all .2s ease-in;
}

.portfolio-collaboration-wrapper:hover .description-wrapper {
	opacity: 1;
	transition: all .2s ease-in;
}

/* consulting */
.our-service-wrapper .services-wrapper .service-wrapper {
	transition: all .2s ease-in;
}
.our-service-wrapper .services-wrapper .service-wrapper:hover {
	padding-top: 27px;
	padding-bottom: 27px;
	transition: all .2s ease-in;
}


/* contributed brands */
.brand-wrapper.contributed .image-wrapper {
	position: relative;
}

.brand-wrapper.contributed .image-wrapper::after {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.2);
	z-index:1;
	opacity:1;
	transition: all .2s ease-in;
}

.brand-wrapper.contributed:hover .logo {
	opacity: 0;
	transition: all .2s ease-in;
}

.brand-wrapper.contributed:hover .image-wrapper::after {
	opacity: 0;
	transition: all .2s ease-in;
}

.brand-wrapper.contributed .image-wrapper .landscape img  {
	aspect-ratio: 370 / 221;
}
.highlight-wrapper {
    overflow: hidden !important;
	position: relative;
}

.highlight-wrapper .description {
	transform : translatey(-50%);
}


.highlight-wrapper .background img {
	transform: scale(1.3);
	transition: all .5s ease-in;
}


.highlight-wrapper:hover .background img {
	transform: scale(1);
		transition: all 3s ease-in;
}


/* studio page */
.studio-heading-wrapper h3 strong {
	color: #0C288D !important;
}


/* contact page */
.contact-wrapper a {
	color: black !important; 
}


/* career page */
.career-heading-wrapper h4 strong {
	color: var(--e-global-color-uicore_accent) !important;
}


/* Remove all margins globally in the Contact Form 7 form */
.wpcf7-form * {
    margin: 0; /* Remove all margins */
    padding: 0; /* Reset padding if needed */
    box-sizing: border-box;
}

/* Make the entire form a flex container */
.wpcf7-form {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap onto new lines */
    gap: 14px; /* No gaps between elements */
}

/* Container for half-width fields */
.wpcf7-form .flex-container {
    display: flex;
    width: 100%;
    gap: 16px; /* No gaps between fields */
}

/* Half-width fields (50%) */
.wpcf7-form .half-width {
    flex: 1;
    width: 50%; /* Set to exactly 50% */
}

/* Full-width fields (100%) */
.wpcf7-form .full-width {
    width: 100%;
}

/* Style form inputs and textareas */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    border: 1px solid #000;
    padding: 12px;
    font-size: 16px;
}

.wpcf7-spinner {
	display: none !important;
}

.wpcf7-submit {
	border: 1px solid black !important;
	margin-top: 24px;
}
.wpcf7 form.invalid .wpcf7-response-output {
	    width: 100%;
    margin: 0;

}


/* footer */
.footer-wrapper a:not(.elementor-button) {
	color: white ;
}

.footer-wrapper a:hover, .contact-wrapper a:hover {
	color: var(--e-global-color-uicore_primary) !important;
}

/* swiper */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	margin-bottom: 16px;
}


/* contact us */

.contact-us-wrapper {
	position: relative;
}




.uicore-custom-area .uicore-hca {
	display: none;
}

.uicore-custom-area .uicore-hca:nth-child(1) {
	display: block !important;
}


.menu-item-has-children {
	display: none !important;
}


/* Popup */
#detail-member-image img {
	aspect-ratio : 4/5;
	object-fit: cover;
}


.brand-contributed-wrapper {
	overflow-x: clip !important;
}


.consulting-brand-wrapper .swiper {
	position: relative;
	z-index: 1;
	overflow: visible !important;
}

.consulting-brand-wrapper .swiper:after {
	position:absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background: white;
	z-index:2;
}


/* .consulting-brand-wrapper .swiper .swiper-wrapper {
	transform: translate3d(-1500px, 0px, 0px) !important;
} */

.consulting-brand-wrapper .swiper .swiper-slide {
	width : 740px !important;
}

.menu-item a {
	position: relative;
}


@media only screen and (min-width:968px) {
	
	.menu-item a::after  {
		position: absolute;
		width: 100%;
		height:2px;
		content:"";
		display: block;
		bottom: 0;
		left:0;
		background: var(--uicore-header--menu-typo-ch,"#070707");
		opacity:0;
	}
	
	.orange.menu-item a::after {
		background: var(--e-global-color-uicore_primary) !important;
	}

	.yellow.menu-item a::after {
		background: var(--e-global-color-uicore_secondary) !important;
	}


	.dark-blue.menu-item a::after {
		background: #0C288D !important;
	}
	
	.current-menu-item a::after {
		opacity: 1 !important;
	}
	
	
}


@media only screen and (min-width:768px) {
	.follow-us-wrapper {
		position: absolute !important;
		top: 250px;

	}
}


.menu-item a:hover:after {
	opacity:1;
}

.orange a:hover span {
	color: var(--e-global-color-uicore_primary) !important;
}

.yellow a:hover span {
	color: var(--e-global-color-uicore_secondary) !important;
}

.dark-blue a:hover span {
	color: #0C288D !important;
}

.current-menu-item.orange a span, .uicore-mobile-menu-wrapper .uicore-menu li.current-menu-item.orange>a {
	color: var(--e-global-color-uicore_primary) !important;
}

.current-menu-item.yellow a span, .uicore-mobile-menu-wrapper .uicore-menu li.current-menu-item.yellow>a {
	color: var(--e-global-color-uicore_secondary) !important;
}

.current-menu-item.dark-blue a span, .uicore-mobile-menu-wrapper .uicore-menu li.current-menu-item.dark-blue>a {
	color: #0C288D !important;
}




/* Mobile Only */
@media only screen and (max-width: 480px) {
	.home .elementor-widget-video .elementor-wrapper, .video-wrapper-player .video-banner video {
		aspect-ratio:auto !important;
		height: calc(100vh - 50px) !important;
	}
	
	.video-banner video {
		max-height: none !important;
	}
	
	.description-wrapper h5 {
		font-size: 18px;
		line-height: 24px;
	}
	
	
	.brand-wrapper .background {
		box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.75);
	}
	
	.brand-wrapper .heading {
		display: block !important;
	}
	
	.what-we-do-wrapper .items-mobile .wwd-mobile-wrapper {
		position:relative;
	}
	
	.what-we-do-wrapper .items-mobile .wwd-mobile-wrapper::after {
		display: block;
		position:absolute;
		content:"";
		z-index:1;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgba(0,0,0,.4);
		opacity:0;
		transition: all .2s linear;
	}
	
	.what-we-do-wrapper .items-mobile .wwd-mobile-wrapper .description-wrapper {
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		z-index:2;
		opacity:0;
	}
	
	.what-we-do-wrapper .items-mobile .wwd-mobile-wrapper.near-height .description-wrapper  {
		opacity:1;
		transition: all .2s linear;
	}
	
	.what-we-do-wrapper .items-mobile .wwd-mobile-wrapper.near-height::after  {
		opacity:1;
		transition: all .2s linear;
	}
	
	
	
	.what-we-do-wrapper .items-mobile .img-mobile-wrapper img {
		aspect-ratio : 3/2;
		object-fit: cover;
		z-index:1;
	}
	
	
	
	.about-heading-wrapper h3, .living-heading-wrapper h4 {	
		font-size: 28px !important;
	}
	
	.people-behind-wrapper .e-widget-swiper {
		overflow: hidden;
	}
	
	.people-behind-wrapper .swiper {
		overflow: visible;
	}
	
	.portofolio-collaboration-wrapper img {
		aspect-ratio: 358 / 269;
		object-fit: cover;
	}
	
	.bdt-ep-accordion-custom-icon {
		display: block !important;
	}
	
	.dialog-close-button.dialog-lightbox-close-button svg {
		fill:white !important;
	}
	
	.studio-heading-wrapper h3 {
		font-size: 28px;
		line-height: 34px;
		letter-spacing: 0.05em;
	}
	
/* 	.follow-us-wrapper {
		position: relative !important;
		top: 0 !important;
	}
	 */
	
	.wpcf7-form .flex-container {
		flex-direction: column !important;
	}
	
	.wpcf7-form .half-width {
		flex: 1;
		width: 100% !important; /* Set to exactly 50% */
	}
	
	.uicore-mobile-menu-wrapper nav {
		border-bottom: 1px solid white;
	}
	
	.uicore-navigation-wrapper .uicore-menu-container .uicore-menu {
		top: 48px !important;
		display: flex;
		flex-direction: column;
		height: calc(100% - 92px);
		justify-content: space-around;
	}
	
	.uicore-custom-area .uicore-hca {
		display: block;
	}
	
	.uicore-custom-area .uicore-hca:nth-child(1) {
		display: none !important;
	}
	
	.wp-block-social-link-anchor svg {
		fill: white !important;
		width: 25px !important;
		height: 25px !important;
	}
	
	.uicore-hca .wp-block-buttons {
		gap: 16px !important;
	}
	
	.uicore-hca .wp-block-social-links  {
		justify-content: center !important;
	}
	
	.uicore-hca .wp-block-button__link.wp-element-button {
		background: transparent !important;
		padding:0;
		font-size: 14px;
	}
	
	.uicore-custom-area  {
		display: flex !important;
		flex-direction: column;
		gap: 8px;
	}
	
	.menu-item-has-children {
		display: inline-block !important;
	}
	
	.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
		background: transparent !important;
	}
	


	
}