<!DOCTYPE html>
<html lang="en">
<head>
<title>
<?php echo wp_get_document_title(); ?>
</title>
<meta charset="utf-8" />
<?php
$curr_page = get_the_permalink($post);
?>
<link rel="canonical" href="<?php echo $curr_page; ?>" />
<!-- Mobile -->
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta name="format-detection" content="telephone=no" />
<?php wp_head(); ?>
</head>
<body>
<script>
// Allow animations if JS support is enabled
document.body.classList.add("-allow-animations");
</script>
<?php
$default_header_data = '';
$main = get_field('main');
$first_block_on_inner = '';
if ($main) {
if (isset($main['main'])) {
$first_block_on_inner = get_field('main')['main']['block_color'];
} elseif (isset($main['block_color'])) {
$first_block_on_inner = $main['block_color'];
}
}
if (($first_block_on_inner && $first_block_on_inner !== 'black') || is_singular('webinars')) {
$default_header_data = "data-default-color='white'";
}
?>
<header class="header" <?php echo $default_header_data; ?>>
<div class="container">
<div class="header__container">
<div class="open-mobile-menu"><span></span><span></span><span></span></div>
<a href="<?php echo get_home_url(); ?>" class="logo">
<svg viewBox="0 0 181 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.79 22.41H0V.8h5.79v8.22h8.8V.8h5.79V22.4h-5.8v-8.66H5.8v8.66Z" fill="#fff" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M30.22 22.73c4.86 0 8.31-3.32 8.31-7.96 0-4.64-3.45-7.96-8.31-7.96-4.87 0-8.32 3.32-8.32 7.96 0 4.64 3.45 7.96 8.32 7.96Zm2.94-7.96c0 1.89-1.2 3.2-2.94 3.2-1.75 0-2.95-1.32-2.95-3.2 0-1.87 1.2-3.17 2.95-3.17 1.74 0 2.94 1.29 2.94 3.17Z"
fill="#fff"
/>
<path
d="M59.88 13.94c0-1.4-1-2.17-2.18-2.17-1.18 0-2.21.78-2.21 2.17v8.47h-5.5v-8.47c0-1.4-1.02-2.17-2.17-2.17-1.18 0-2.2.78-2.2 2.17v8.47h-5.56V7.13h5.05l.2 1.54c1.23-1.5 3.17-1.86 4.74-1.86 1.9 0 3.88.8 4.65 2.48a6.13 6.13 0 0 1 5.06-2.48c2.66 0 5.67 1.7 5.67 5.51v10.1h-5.55v-8.48Z"
fill="#fff"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M75.96 22.73c2.47 0 4.67-.7 5.8-1.35l-.68-4.04c-.98.47-2.94.9-4.96.9-1.97 0-3.76-.68-3.95-2.15h9.94c1.04-6.36-2.66-9.28-7.29-9.28-4.67 0-7.94 3.14-7.94 7.95 0 4.8 3.36 7.97 9.08 7.97Zm-1.14-11.7c1.48 0 2.36 1.08 2.36 2.13h-5c.11-1.13 1-2.14 2.64-2.14Z"
fill="#fff"
/>
<path
d="M89.99 22.73c-2.3 0-4.61-.37-6.16-.98l.52-4.28c1.26.47 3.4.96 5.07.96 1.48 0 2.17-.19 2.17-.7 0-.47-.5-.64-1.98-.86l-1.21-.19c-3.32-.5-4.81-1.9-4.81-4.7 0-3.2 2.74-5.17 7.17-5.17 1.97 0 4.03.37 5.3.9l-.5 4.26c-.87-.36-3.04-.76-4.42-.76-1.66 0-2.44.25-2.44.8 0 .45.65.6 2.44.91l1.24.2c3.08.53 4.41 1.94 4.41 4.59 0 3.1-2.58 5.02-6.8 5.02Z"
fill="#fff"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M106.78 22.73c2.47 0 4.67-.7 5.8-1.35l-.68-4.04c-.97.47-2.94.9-4.96.9-1.97 0-3.76-.68-3.94-2.15h9.93c1.04-6.36-2.66-9.28-7.29-9.28-4.67 0-7.94 3.14-7.94 7.95 0 4.8 3.36 7.97 9.08 7.97Zm-1.14-11.7c1.48 0 2.37 1.08 2.37 2.13h-5c.1-1.13.99-2.14 2.63-2.14ZM124 22.41h5.1v-9.7c0-4.3-3.27-5.9-7.58-5.9-3.17 0-5.62.95-6.48 1.44l.5 4.41c.97-.6 3.15-1.22 5.02-1.22 1.81 0 2.99.44 2.99 1.92v.24a11 11 0 0 0-2.56-.28c-3.64 0-6.73 1.4-6.73 4.88 0 2.96 2.28 4.52 4.89 4.52 1.9 0 3.75-.86 4.67-2.12l.17 1.81Zm-.53-6.1v.4c0 1.4-1.32 1.98-2.28 1.98-.95 0-1.55-.44-1.55-1.28 0-1.04 1.07-1.36 2.14-1.36.58 0 1.14.08 1.69.26Z"
fill="#fff"
/>
<path
d="M140.18 6.81c.62.01 1.24.11 1.84.3l-.34 4.76a5.37 5.37 0 0 0-1.86-.33c-2.03 0-3.47 1.14-3.47 3.77v7.1h-5.56V7.14h5.15l.19 2.09a4.31 4.31 0 0 1 4.05-2.4ZM150.92 6.81c2.17 0 3.82.39 5.16.97l-.43 4.56c-1.18-.46-2.43-.7-3.7-.69-2.22 0-3.89.94-3.89 3.1 0 1.96 1.54 3.05 3.74 3.05 1.36 0 2.7-.32 3.92-.91l.58 4.62c-1.4.72-3.13 1.21-5.33 1.21-4.91 0-8.41-3.25-8.41-7.95 0-4.99 3.54-7.96 8.36-7.96ZM173.52 12.32v10.1h-5.56v-8.48c0-1.4-1.06-2.17-2.2-2.17-1.16 0-2.2.78-2.2 2.17v8.47h-5.57V0h5.56v8.32c1-1 2.63-1.5 4.41-1.5 3.07 0 5.56 2.09 5.56 5.5Z"
fill="#fff"
/>
<circle cx="177.72" cy="19.46" fill="#FF4B51" r="3.12" />
</svg>
</a>
<?php
$header = get_field('header', 'options');
$menu = $header['menu'];
if ($menu) :
?>
<div class="header__menu">
<?php
foreach($menu as $item) :
if ($item['point_type'] == 'dropdown' && $item['submenu']) :
$is_current_page_contains = false;
foreach($item['submenu'] as $subitem) {
$sublink = get_link_group_field($subitem);
if (in_array($curr_page, $sublink)) {
$is_current_page_contains = true;
}
}
?>
<div class="header__menu-point header-dropdown <?php if ($is_current_page_contains) echo '-active'; ?>">
<span class="header-dropdown__visible link link-2"> <?php echo $item['dropdown_name']; ?> </span>
<div class="header-dropdown__hidden">
<p class="header-dropdown__hidden-title text-1 --demi-bold"><?php echo $item['submenu_title']; ?></p>
<div class="header-dropdown__hidden-content">
<ul>
<?php
foreach($item['submenu'] as $subitem) :
$sublink = get_link_group_field($subitem);
if ($sublink) :
$is_current_page = $sublink['url'] == $curr_page;
?>
<li>
<a href="<?php echo $sublink['url']; ?>" <?php echo $sublink['target']; ?> class="<?php if ($is_current_page) echo '-active'; ?>">
<span class="link link-2 --arrow-link"> <?php echo $sublink['title']; ?> </span>
<?php if ($subitem['subtitle']) : ?>
<span class="text text-3"><?php echo $subitem['subtitle']; ?></span>
<?php endif; ?>
</a>
</li>
<?php
endif;
endforeach;
?>
</ul>
</div>
</div>
</div>
<?php
else :
$link = get_link_group_field($item['link']);
if ($link) :
$is_current_page = $link['url'] == $curr_page;
?>
<a href="<?php echo $link['url']; ?>" <?php echo $link['target']; ?> class="header__menu-point link link-2 <?php if ($is_current_page) echo '-active'; ?>"><?php echo $link['title']; ?></a>
<?php
endif;
endif;
endforeach;
?>
</div>
<?php
endif;
?>
<?php
$login_link = get_link_group_field($header['login_link']);
$button = get_link_group_field($header['button']);
?>
<div class="header__right-info">
<?php
if ($login_link) :
?>
<a href="<?php echo $login_link['url']; ?>" <?php echo $login_link['target']; ?> class="link link-2 mob-link-2 --demi-bold"> <?php echo $login_link['title']; ?> </a>
<?php
endif;
if ($button) :
?>
<a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="default-button"> <?php echo $button['title']; ?> </a>
<?php
endif;
?>
</div>
</div>
</div>
<div class="mobile-menu">
<div class="open-mobile-menu close-mobile-menu"></div>
<?php
if ($menu) :
?>
<div class="mobile-menu__list">
<?php
foreach($menu as $item) :
if ($item['point_type'] == 'dropdown' && $item['submenu']) :
$is_current_page_contains = false;
foreach($item['submenu'] as $subitem) {
$sublink = get_link_group_field($subitem);
if (in_array($curr_page, $sublink)) {
$is_current_page_contains = true;
}
}
?>
<div class="header__menu-point header-dropdown --accordion <?php if ($is_current_page_contains) echo '-active'; ?>">
<span class="header-dropdown__visible --accordion__open link mob-link-1 --demi-bold"> <?php echo $item['dropdown_name']; ?> </span>
<div class="--accordion__content-container">
<div class="header-dropdown__hidden-content --accordion__content">
<ul>
<?php
foreach($item['submenu'] as $subitem) :
$sublink = get_link_group_field($subitem);
if ($sublink) :
$is_current_page = $sublink['url'] == $curr_page;
?>
<li>
<a href="<?php echo $sublink['url']; ?>" <?php echo $sublink['target'];?> class="<?php if ($is_current_page) echo '-active'; ?>">
<span class="link mob-link-2 --demi-bold --arrow-link"> <?php echo $sublink['title']; ?> </span>
<?php if ($subitem['subtitle']) : ?>
<span class="text mob-text-4"><?php echo $subitem['subtitle']; ?></span>
<?php endif; ?>
</a>
</li>
<?php
endif;
endforeach;
?>
</ul>
</div>
</div>
</div>
<?php
else :
$link = get_link_group_field($item['link']);
if ($link) :
$is_current_page = $link['url'] == $curr_page;
?>
<a href="<?php echo $link['url']; ?>" <?php echo $link['target']; ?> class="header__menu-point link mob-link-1 --demi-bold <?php if ($is_current_page) echo '-active'; ?>"><?php echo $link['title']; ?></a>
<?php
endif;
endif;
endforeach;
?>
<?php
if ($login_link) :
$is_current_page = $login_link['url'] == $curr_page;
?>
<a href="<?php echo $login_link['url']; ?>" <?php echo $login_link['target']; ?> class="header__menu-point link mob-link-1 --demi-bold <?php if ($is_current_page) echo '-active'; ?>"> <?php echo $login_link['title']; ?> </a>
<?php
endif;
?>
</div>
<?php
endif;
if ($button) :
?>
<div class="mobile-menu__bottom">
<a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="default-button"> <?php echo $button['title']; ?> </a>
</div>
<?php
endif;
?>
</div>
<div class="mobile-menu-bg"></div>
</header>