
/* Custom overrides */

.section-title {
  color: #fff !important;
}

.certificate-icon {
  width: 20px;
  height: auto;
  vertical-align: middle;
  margin-right: 6px;
}

.current-focus-box {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.current-focus-box h3 {
  font-size: 22px;
  font-weight: 600;
  color: #222;
}
.current-focus-box i {
  color: #2fc0d1;
  margin-right: 8px;
}

.custom-portfolio-title {
  color: #fff !important;
}

.portfolio-page-video iframe {
  max-width: 320px;
  max-height: 180px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.portfolio-page-video {
  margin-bottom: 2px; /* or even 5px if you want it tighter */
}

/* custom-colors.css */
/* Harmonized Color Palette with enforced specificity */


h4.event-name a.event-name-link {
  color: #666666 !important;
  text-decoration: none;
}

h4.event-name a.event-name-link:hover {
  color: #2fc0d1 !important;
}

/* Links */
body a {
  color: #2fc0d1 !important;
}
body a:hover {
  color: #1b8a99 !important;
}

/* Headings */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #666666 !important;
}

/* site-title*/
body {
  color: #666666 !important;
}

body .event-date {
  color: #ffffff !important;
}

body .home-page-block h2 {
  color: #ffffff !important;
}

/* Keyword Bubbles */

    .bubble-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 5 px;
    }
    .bubble {
      display: inline-block;
      padding: 5px 5px;
      border-radius: 5px;
      background: #1b8a99;
      color: #fff;
      font-size: 12px;
      transition: transform 0.2s;
      user-select: none;
    }
    .bubble:hover {
      transform: scale(1.1);
    }


/* Body text */
body {
  color: #666666 !important;
}

/* Buttons */
body input[type=submit], 
body input[type=button], 
body button, 
body a.button {
  border: 2px solid #2fc0d1 !important;
  color: #333333 !important;
}
body input[type=submit]:hover, 
body input[type=button]:hover, 
body button:hover, 
body a.button:hover {
  color: #ffffff !important;
  background-color: #2fc0d1 !important;
}

/* Forms */
body .form-control + .form-control-border {
  background: #2fc0d1 !important;
}
body .has-error .form-control + .form-control-border {
  background: #e74c3c !important;
}
body .form-group .help-block {
  background: #e74c3c !important;
}
body .form-group .help-block:after {
  border-bottom: 10px solid #e74c3c !important;
}

/* Section titles */
body .section-title {
  background-color: #2fc0d1 !important;
}
body .section-title:after {
  border-right: 10px solid #1b8a99 !important;
}
body .block-title h3:after {
  background-color: #2fc0d1 !important;
}

/* Info list lines */
body .info-list li .title:after {
  background-color: #2fc0d1 !important;
}

/* Social links hover */
body ul.social-links li a:hover {
  background-color: #2fc0d1 !important;
}

/* Backgrounds */
body .pt-wrapper {
  background-color: #f9f9f9 !important;
}
body .fun-fact-block.gray-bg {
  background-color: #f9f9f9 !important;
}
body .fun-fact-block .fun-value {
  color: #2fc0d1 !important;
}

/* Borders */
body .my-photo img {
  border: 2px solid #dddddd !important;
}
body .testimonial-content .testimonial-text {
  border: 2px solid #dddddd !important;
}
