/* Theme Information */
/*--------------------------------------*/

/*
Theme Name: NinjaOne Trust Page
Theme URI: https://trustpage.ninjaone.com/
Description: NinjaOne Trust Page is a child theme of Hello Elementor, created by the NinjaOne team
Author: NinjaOne
Author URI: https://www.ninjaone.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: ninjaone
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global Styles */
/*--------------------------------------*/
:root {
	--c-blue-0: #55EBFF;
	--c-blue-1: #007DA5;
	--c-blue-2: #004668;
	--c-blue-3: #053856;
	--c-blue-4: #09344F;
	--c-blue-5: #0D2D44;
	--c-blue-6: #122C3D;
	--c-dark-blue-1: #122C3D;
	--c-dark-blue-2: #0D2D44;
	--c-dark-blue-3: #09344F;
	--c-dark-blue-4: #053856;
	--c-dark-blue-5: #093B5F;
	--c-medium-blue-1: #004668;
	--c-medium-blue-2: #007DA5;
	--c-light-blue-1: #55EBFF;
	--c-bright-green-1: #04FF88;
	--c-vivid-green-0: #04FF88;
	--c-green-med: #00AA5F;
	--c-green-dark: #068444;
	--c-white-0: #fff;
	--c-light-0: #F9FBFB;
	--c-light-1: #F4F8F8;
	--c-light-2: #E9EDED;
	--c-light-3: #DFE3E3;
	--c-light-4: #DFE3E3;
	--c-light-white-1: #F4F8F8;
	--c-light-white-2: #F8FCFC;
	--c-light-white-3: #F8F8F6;
	--c-light-white-4: #FAFAF8;
	--c-gray-76: #767676;
	--c-blue-bc: #BCCAD4;
	--c-gray-af: #AFAFAF;
	--c-gray-e4: #e4e4e4;
	--c-button-hover: #48E275;
	--c-secondary-button: #F8F9F9;
	--c-secondary-button-hover: #D6D6D6;

	/* @link https://utopia.fyi/type/calculator?c=360,16,1.2,1600,21,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--step--2: clamp(0.6944rem, 0.6522rem + 0.1878vw, 0.84rem);
	--step--1: clamp(0.8333rem, 0.7704rem + 0.2796vw, 1.05rem);
	--step-0: clamp(1rem, 0.9093rem + 0.4032vw, 1.3125rem);
	--step-1: clamp(1.2rem, 1.0721rem + 0.5685vw, 1.6406rem);
	--step-2: clamp(1.44rem, 1.2627rem + 0.7881vw, 2.0508rem);
	--step-3: clamp(1.728rem, 1.4854rem + 1.078vw, 2.5635rem);
	--step-4: clamp(2.0736rem, 1.7453rem + 1.459vw, 3.2043rem);
	--step-5: clamp(2.4883rem, 2.0479rem + 1.9576vw, 4.0054rem);
	--step-6: clamp(2.986rem, 2.3993rem + 2.6075vw, 5.0068rem);

	/* @link https://utopia.fyi/space/calculator?c=360,16,1.2,1600,21,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--space-3xs: clamp(0.25rem, 0.2319rem + 0.0806vw, 0.3125rem);
	--space-2xs: clamp(0.5rem, 0.4456rem + 0.2419vw, 0.6875rem);
	--space-xs: clamp(0.75rem, 0.6774rem + 0.3226vw, 1rem);
	--space-s: clamp(1rem, 0.9093rem + 0.4032vw, 1.3125rem);
	--space-m: clamp(1.5rem, 1.3548rem + 0.6452vw, 2rem);
	--space-l: clamp(2rem, 1.8185rem + 0.8065vw, 2.625rem);
	--space-xl: clamp(3rem, 2.7278rem + 1.2097vw, 3.9375rem);
	--space-2xl: clamp(4rem, 3.6371rem + 1.6129vw, 5.25rem);
	--space-3xl: clamp(6rem, 5.4556rem + 2.4194vw, 7.875rem);

	/* One-up pairs */
	--space-3xs-2xs: clamp(0.25rem, 0.123rem + 0.5645vw, 0.6875rem);
	--space-2xs-xs: clamp(0.5rem, 0.3548rem + 0.6452vw, 1rem);
	--space-xs-s: clamp(0.75rem, 0.5867rem + 0.7258vw, 1.3125rem);
	--space-s-m: clamp(1rem, 0.7097rem + 1.2903vw, 2rem);
	--space-m-l: clamp(1.5rem, 1.1734rem + 1.4516vw, 2.625rem);
	--space-l-xl: clamp(2rem, 1.4375rem + 2.5vw, 3.9375rem);
	--space-xl-2xl: clamp(3rem, 2.3468rem + 2.9032vw, 5.25rem);
	--space-2xl-3xl: clamp(4rem, 2.875rem + 5vw, 7.875rem);

	/* Custom pairs */
	--space-s-l: clamp(1rem, 0.5282rem + 2.0968vw, 2.625rem);
	--space-s-2xl: 0;

	/* Button spacing */
	--space-button-top: clamp(0.875rem, 0.7774rem + 0.3226vw, 1.125rem);
	--space-button-bottom: clamp(0.75rem, 0.8774rem + 0.3726vw, 1.25rem);

	--site-width: 1400px;
	--section-label-c: var(--c-blue-2);
	--section-label-m-b: 16px;
	--section-label-p-b: 16px;
}

@media only screen and (max-width: 1584px) {
	:root {
		--space-s-2xl: clamp(1rem, -0.2339rem + 5.4839vw, 5.25rem);
	}
}

body b, body strong {
	font-weight: 700;
}

.step-5-strong,
.step-6-strong {
	font-weight: 368;
	letter-spacing: -0.03em
}

.step-4-strong {
	font-weight: 480px;
	letter-spacing: -0.02em
}

.step-2-strong,
.step-3-strong {
	font-weight: 420;
	letter-spacing: -0.02em
}

.step-1-strong {
	font-weight: 480;
	letter-spacing: -0.01em
}

.step--2-strong,
.step--1-strong,
.step-0-strong {
	font-weight: 520;
}

.step--2-default,
.step--2-prose,
.step--2-strong {
	letter-spacing: 0.01em
}

.step-1-prose {
	letter-spacing: -0.01em
}

.step-0-default,
.step-0-prose {
	font-weight: 320;
}

.step-5-strong,
.step-5-default,
.step-5-prose {
	font-size: var(--step-5) !important;
}

.step-4-strong,
.step-4-default,
.step-4-prose {
	font-size: var(--step-4) !important;
}

.step-3-strong,
.step-3-default,
.step-3-prose {
	font-size: var(--step-3) !important;
}

.step-2-strong,
.step-2-default,
.step-2-prose {
	font-size: var(--step-2) !important;
}

.step-1-strong,
.step-1-default,
.step-1-prose {
	font-size: var(--step-1) !important;
}

.step-0-strong,
.step-0-default,
.step-0-prose {
	font-size: var(--step-0) !important;
}

.elementor-heading-title {
	/* Step 6 Strong */
	--e-global-typography-2b87a35-font-weight: 368;
	/* Step 5 Strong */
	--e-global-typography-26d3eeb-font-weight: 368;
	/* Step 4 Default */
	--e-global-typography-49642b0-font-weight: 320;
	/* Step 4 Strong */
	--e-global-typography-91178d4-font-weight: 380;
	/* Step 3 Default */
	--e-global-typography-d25e221-font-weight: 268;
	/* Step 3 Strong */
	--e-global-typography-d25e221-font-weight: 420;
	/* Step 2 Prose */
	--e-global-typography-d1c7878-font-weight: 320;
	/* Step 2 Strong */
	--e-global-typography-c8ef6d0-font-weight: 420;
	/* Step 1 Prose */
	--e-global-typography-30c0b87-font-weight: 320;
	/* Step 1 Strong */
	--e-global-typography-dffdd43-font-weight: 480;
	/* Step 0 Default */
	--e-global-typography-cd3b0bf-font-weight: 320;
	/* Step 0 Prose */
	--e-global-typography-131f5c2-font-weight: 320;
	/* Step 0 Strong */
	--e-global-typography-a69a4cf-font-weight: 520;
	/* Step -1 Default */
	--e-global-typography-d428b93-font-weight: 320;
	/* Step -1 Prose */
	--e-global-typography-3dbe97a-font-weight: 320;
	/* Step -1 Strong */
	--e-global-typography-36289bb-font-weight: 520;
	/* Step -2 Default */
	--e-global-typography-f3c1c5f-font-weight: 320;
	/* Step -2 Prose */
	--e-global-typography-cefba81-font-weight: 320;
	/* Step -2 Strong */
	--e-global-typography-41b58cf-font-weight: 520;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: url('data:image/svg+xml,<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L8 8.5L15 1.5" stroke="%23068444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	border: none;
    top: calc(50% - 8px);
    right: 20px;
}

.wpml-ls-legacy-dropdown-click a {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	border-color: var(--c-light-4);
	color: var(--c-blue-4);
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
	background: var(--c-light-1);
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	border: none;
}

.scroll-to, :target {
	scroll-margin-top: 120px;
}

/* Style the overlay popover */
.overlay {
  background-color: rgba(0, 0, 0, 0.2);
  inset: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border: none;
  z-index: 9999;
}

.access-form input[type="text"], 
.access-form input[type="tel"],
.access-form input[type="email"],
.access-form select {
	margin-bottom: var(--space-xs);
	padding: 17px 20px;
	border-color: var(--c-light-4);
	border-radius: 8px;
}

.access-form select {
    appearance: base-select;
}

.access-form ::picker-icon {
    color: transparent;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #000;
    height: 0.45em;
    width: 0.45em;
    left: -0.15em;
    position: relative;
    transform: translateY(100%) rotate(135deg);
    vertical-align: middle;
}

.access-form select {
    background: #fff;
	color: #777;
}

.access-form select[data-js-state="complete"],
.access-form option:checked {
	color: #000;
}

.access-form input::-webkit-input-placeholder {
  color: #777;
  font-weight: 320px;
}
.access-form input::-moz-placeholder {
  color: #777;
  font-weight: 320px;
}
.access-form input:-ms-input-placeholder {
  color: #777;
  font-weight: 320px;
}
.access-form input::placeholder {
  color: #777;
  font-weight: 320px;
}

.access-form__footer {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	gap: 12px;
}

.access-form__footer button {
	width: auto;
}

@keyframes spin{to{transform:rotate(360deg)}}

.access-form-status[aria-hidden="true"] {
	display: none;
}

.access-form-status {	
    padding: .75em 1em;
    margin-bottom: 1em;
    border-radius: 8px;
}

[data-js="request-access-status"] {
	border: 1px solid var(--request-access-status);
    background-color: color-mix(in srgb, var(--request-access-status) 12%, #fff 88%);
}

[data-js="log-in-status"] {
	border: 1px solid var(--log-in-status);
    background-color: color-mix(in srgb, var(--log-in-status) 12%, #fff 88%);
}

.access-form-loader {
	pointer-events: none;
}

.access-form-loader[aria-hidden="true"] {	
	opacity: 0;	
}

.access-form-loader svg {
	animation: spin 1s linear infinite;
	color: #e5e7eb;
	display: block;
	fill: #093B5F;
	height: 32px;
	width: 32px;
}

.overlay:popover-open {
	display: flex;
}

/* Inner popover content */
.popover-content {
	background: var(--c-light-1);
  padding: 2rem;
  border-radius: 12px;
  max-width: 90%;
  width: 600px;
  position: relative;
}

.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.custom-checkbox {
	margin-top: var(--space-xs);
	margin-bottom: var(--space-m);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

/* Hide the native checkbox */
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Custom box */
.checkbox-box {
  width: 32px;
  height: 32px;
  border: 2px solid #068444;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

/* Hide checkmark by default */
.checkbox-box .checkmark {
  display: none;
}

/* Show checkmark when checked */
.custom-checkbox input[type="checkbox"]:checked + .checkbox-box {
  background-color: #068444;
}

.custom-checkbox input[type="checkbox"]:checked + .checkbox-box .checkmark {
  display: block;
}

.checkbox-label-text {
	font-size: 14px;
	line-height: 1.4;
}

button.access-form-submit {
	width: 100%;
	border-radius: 8px;
}

button#pdfClose {
    padding: 0;
    background: none;
    border-radius: 0;
    border: none;
}

body.admin-bar #pdfBar {
    margin-top: 32px;
}

#pdfDownload svg {
    margin-right: 8px;
}

#pdfDownload {
    align-items: center;
    display: flex;
}

.elementor-shortcode button.button-homepage {
	width: 100%;
	font-size: var(--step--1);
	background: none !important;
	text-align: left;
	white-space: normal;
	border-radius: 0;
	border: none !important; 
	padding: var(--space-2xs) 32px;
}

.elementor-shortcode button.button-homepage .elementor-button-content-wrapper {
	justify-content: space-between;
}

.elementor-button-icon-wrapper {
	align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
	white-space: nowrap;
}