/*!
Theme Name: IBM V2
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public Licensse v2 or later
License URI: LICENSE
Text Domain: ibm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --foundation-primary-blue: #03144c;
  --foundation-blue: #0af4f5;
  --foundation-black: #000000;
  --foundation-white: #ffffff;
  --text-16_20: clamp(1rem, 0.7656rem + 0.7813vw, 1.25rem);
  --text-22_36: clamp(1.375rem, 0.5547rem + 2.7344vw, 2.25rem);
  --text-16_28: clamp(1rem, 0.7656rem + 1.1719vw, 1.75rem);
  --text-24-48: clamp(1.5rem, -0.375rem + 6vw, 3rem);
}

/* intro */
.intro-section {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
  background-size: cover;
  margin-top: -56px;
}

.intro-wrapper {
    background-size: cover;
}

.intro-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--text-16_20);
  text-align: center;
  padding: 64px 0;
  text-shadow: 0px 4px 4px rgba(16, 24, 40, 0.50);
}

.intro-description span {
    color: var(--foundation-blue);
}

.intro-description li {
    list-style: inside;
}

.intro-description li::marker {
    color: var(--foundation-blue);
}

.register-section {
  margin-top: 0;
  padding: 56px 0;
  background-image: url("../ibm/assets/images/register-img.png");
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.register {
  font-size: var(--text-22_36);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  letter-spacing: -1.26px;
  align-items: center;
}

.register-section .btn-primary {
  margin-top: 16px;
  margin-bottom: 12px;
}

.note {
  color: #f05b80;
}

@media screen and (min-width: 768px) {
  .register {
    gap: 40px;
  }

  .intro-section {
    text-align: left;
    margin-top: -112px;
  }

  .intro-description {
    padding: 128px 0 64px 0;
    text-align: start;
  }
}