/*
Theme Name: Cedtech
Theme URI: https://cedtech.co.za
Author: Cedtech
Author URI: https://cedtech.co.za
Description: Custom theme for the cedtech website based on 2024
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
Requires Plugin:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cedtech
Tags:  custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles
*/

/* Style for the active menu item */
#top-nav .current-menu-item a {
  color: var(--wp--preset--color--accent);
}

#cta {
  padding: var(--wp--preset--spacing--10);
  text-align: center;
}

.gradient-text {
  color: var(--wp--preset--color--accent);
}

.gradient-background {
  background: var(--wp--preset--color--accent);
}

.social-with-text {
  color: var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--accent);
}

.wp-block-details {
  width: 100%;
  border-radius: 5px;
}

.timeline {
  position: relative;
}

.timeline-item {
  margin-bottom: 20px;
  box-sizing: border-box;
  position: relative;
}

.timeline-item::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: var(--wp--preset--color--contrast);
  transform: translateX(-50%);
}

.timeline-item.upper::before {
  bottom: -21px;
  left: 45%;
}

.timeline-item.lower::before {
  top: -21px;
  right: 45%;
}

.timeline-horizontal-line {
  width: 100%;
  height: 2px;
  background-color: #5265fc;
  margin: 20px auto;
  position: relative;
}

.timeline-award {
  position: absolute;
  bottom: -22px;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("<path-to-your-award-icon>.svg") no-repeat center;
  width: 24px;
  height: 24px;
}

@media (max-width: 768px) {
  .timeline-item::before {
    display: none;
  }

  .timeline-horizontal-line {
    display: none;
  }
}

.wpcf7 {
  position: relative;
}

.wpcf7::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 80px);
  background-color: var(--wp--preset--color--accent);
  border-radius: 60%;
  filter: blur(60px);
  z-index: -1;
}

.blur {
  position: relative;
}

.blur::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 80px);
  background-color: var(--wp--preset--color--accent);
  border-radius: 60%;
  filter: blur(60px);
  z-index: -1;
}

.wpcf7-form-control {
  width: 100%;
  box-sizing: border-box;
  padding: var(--wp--preset--spacing--5);
  color: var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--base);
  border: 2px solid var(--wp--preset--color--accent);
  border-radius: 4px;
}

.wpcf7-form-control::placeholder {
  color: var(--wp--preset--color--contrast);
}

.wpcf7-submit {
  width: 200px;
  cursor: pointer;
  background: linear-gradient(90deg, rgb(32, 148, 255) 0%, rgb(5, 16, 116) 95%);
  border: none;
  z-index: 100;
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.wpcf7-not-valid-tip {
  color: var(--wp--preset--color--contrast);
}

.overflow-hidden {
  overflow: hidden;
}