/*!
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
*/

/**
 * GLOBAL VARIABLES
 */
:root {
    --optimal-width: min(100%, min(90%, 1340px));
    --header-submenu-spacing: 1rem;
	
	--gap_wide:		clamp(1.5rem,5vw,5rem);
	--gap_medium:	clamp( 1.25rem, 4.25vw, 3.5rem );
	--gap_small:	clamp( 1rem, 3vw, 2.5rem );
	--gap_smaller:	clamp( 1rem, 2.5vw, 1.5rem );
    
	--pad_wide:		clamp(4.5rem,7.5vw,6.25rem);
	--pad_medium:	clamp( 3rem, 6vw, 4.5rem );
	--pad_small:	clamp( 2rem, 4.75vw, 3rem );
	--pad_smaller:	clamp( 1rem, 3vw, 2rem );
    
	--align__wide_offset: calc(-50vw + 50%);
}

/**
 * CONTAINER FIX *
 * Body Overflow fix for all Elementor's parent containers' markup
 */
body,
.elementor-element.e-con.e-parent {
	overflow-x: clip;
}
#primary.content-area .e-parent>.e-con-inner,
footer .e-parent>.e-con-inner,
footer .e-con.e-flex > .e-con-inner,
body.page-template-elementor_canvas .e-parent>.e-con-inner {
    max-width: var(--optimal-width) !important;
}

/**
 * HEADER FIXES
 */
#wrapper-navbar {
	z-index: 9999 !important;
	max-width: 100vw !important;
}
@media (min-width: 1025px) and (max-width: 1548px) {
  .uicore-navbar:not(.elementor-section-boxed) .uicore-header-wrapper nav {
    padding: 0 1rem !important;
  }
}
@media (min-width: 1025px) {
  #wrapper-navbar {
      margin: 0 !important;
  }
  #wrapper-navbar .uicore-menu {
	padding: calc(var(--uicore-header--items-gap) / 4) calc(var(--uicore-header--items-gap) * 1.2) !important;
  }
}
@media (max-width: 1024px) {
  #wrapper-navbar .uicore-header-wrapper {
	background: var(--e-global-color-uicore_white) !important;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 3%),-2px 3px 90px -20px rgb(0 0 0 / 26%) !important;
  }
}
.uicore-cta-wrapper > a.uicore-btn {
	box-shadow: 0 3px 10px 0 rgb(0 0 0 / 3%),-2px 3px 90px -20px rgb(0 0 0 / 26%) !important;
}


/**
 * ALIGN ELEMENT TO SCREEN EDGE(S)
 * Utility classes every device
 */
.align_wide {
	margin-left: var(--align__wide_offset);
	margin-right: var(--align__wide_offset);
	max-width: 100vw !important;
}
.align_wide__right {
	margin-right: var(--align__wide_offset);
}
.align_wide__left {
	margin-left: var(--align__wide_offset);
}

/* Utility classes for laptop and up */
@media (min-width: 1025px) {
	.lap_and_up__align_wide {
		margin-left: var(--align__wide_offset);
		margin-right: var(--align__wide_offset);
		max-width: 100vw !important;
	}
	.lap_and_up__align_wide__right {
		margin-right: var(--align__wide_offset);
	}
	.lap_and_up__align_wide__left {
		margin-left: var(--align__wide_offset);
	}
}

/* Utility classes up to tablet size */
@media (max-width: 1024px) {
	.tablet__align_wide {
		margin-left: var(--align__wide_offset);
		margin-right: var(--align__wide_offset);
		max-width: 100vw !important;
	}
	.tablet__align_wide__right {
		margin-right: var(--align__wide_offset)
	}
	.tablet__align_wide__left {
		margin-left: var(--align__wide_offset);
	}
}

/* Utility classes for tablet size only */
@media (min-width: 768px) and (max-width: 1024px) {
	.tabonly__align_wide {
		margin-left: var(--align__wide_offset);
		margin-right: var(--align__wide_offset);
		max-width: 100vw !important;
	}
	.tabonly__align_wide__right {
		margin-right: var(--align__wide_offset)
	}
	.tabonly__align_wide__left {
		margin-left: var(--align__wide_offset);
	}
}

/* Utility classes up to mobile size */
@media (max-width: 767px) {
	.mobile__align_wide {
		margin-left: var(--align__wide_offset);
		margin-right: var(--align__wide_offset);
		max-width: 100vw !important;
	}
	.mobile__align_wide__right {
		margin-right: var(--align__wide_offset);
	}
	.mobile__align_wide__left {
		margin-left: var(--align__wide_offset);
	}
}

/**
 * PAGE TITLE
 */
.uicore-page-title > .uicore {
	max-width: var(--optimal-width) !important;
	padding: calc(var(--gap_wide)*2) 0 var(--gap_wide) 0 !important;
}
.uicore-page-title .uicore-title {
	margin-top: 0 !important;
}