/*
Theme Name: Feederdock
Description: Child theme for the Divi theme
Author: Jochen Haertel
Template: Divi
Version: 1.0.0
*/

/* Add your custom CSS here */

@font-face {
  font-family: "Funnel Display";
  src: url("fonts/funnel-display-v3-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Funnel Display";
  src: url("fonts/funnel-display-v3-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Funnel Display", sans-serif;
  font-weight: 700;
}
.introtext {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 1.25em; /* Adjust as needed */
  line-height: 1.5; /* Adjust as needed */
}
:root {
  --feederbullet-color: var(--gcid-n3vgpgilqe);
}
/*

@font-face {
  font-family: "Exter";
  src: url("fonts/Exter Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exter";
  src: url("fonts/Exter Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Exter", sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Exter", sans-serif;
  font-weight: 700;
}
*/

.feederbullet ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.feederbullet ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.5em; /* Adjust spacing between icon and text */
}

.feederbullet ul li .feederbullet-icon {
  display: inline-flex;
  width: 1em; /* Adjust size as necessary */
  height: 1em; /* Adjust size as necessary */
  color: var(--feederbullet-color, var(--gcid-n3vgpgilqe)); /* fallback */
  flex: 0 0 auto;
  margin-top: 6px; /* Align icon to the top of multi-line text */
}

.feederbullet ul li .feederbullet-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.feederbullet.feedo-dark ul li .feederbullet-icon {
  --feederbullet-color: #193d7e;
}
.feederbullet.feedo-light ul li .feederbullet-icon {
  --feederbullet-color: #58aacd;
}