/*
Theme Name: PFB Divi-Theme
Theme URI: https://LiahonaDigital.com
Author: Joseph Silos
Author URI: https://LiahonaDigital.com
Description: Divi child theme for playerfirst (PFB Divi-Theme)
Version: 1.0.1
Template: Divi
Text Domain: pfb-divi-theme
*/

/* ========== Child theme custom styles ========== */

/* Make images and image-like elements black & white by default */
img,
.et_pb_image img,
.wp-block-image img,
.woocommerce .product img,
.entry-content img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: filter 300ms ease, -webkit-filter 300ms ease, opacity 300ms ease;
}

/* Provide a class to force full color (use this in Divi image module -> Advanced -> CSS Class) */
.full-color,
img.full-color,
.et_pb_image img.full-color,
.wp-block-image img.full-color {
  -webkit-filter: none !important;
  filter: none !important;
}

/* Convenience: if you want a partial/hover state, example classes */
.color-on-hover img:hover,
.et_pb_image.color-on-hover img:hover {
  -webkit-filter: none;
  filter: none;
}

/* Optional: avoid grayscaling small UI icons or avatars — tweak selectors if you have issues */
.site-logo img,
.avatar img,
.admin-bar .avatar img {
  -webkit-filter: none !important;
  filter: none !important;
}

/* You can fine-tune which images get the default grayscale by editing the selectors above */


/* Black page background only */
html, body, #page-container, #main-content, #et-main-area {
  background-color: #000 !important;
}

/* Make all Divi sections transparent by default */
.et_pb_section {
    background-color: transparent !important;
}
.dropcap {
  display: flex;
  align-items: center;   /* Centers small text next to big letter */
}

.dropcap .first {
  font-size: 64px;        /* Big first letter */
  font-weight: bold;
  color: #a8c6e7;        /* Light blue */
  margin-right: 1px;     /* Space between H and text */
  line-height: 1;
}


.dropcap {
  display: flex;
  align-items: center;   /* Centers small text next to big letter */
}

.dropcap .first {
  font-size: 3em;        /* Big first letter */
  font-weight: bold;
  color: #a8c6e7;        /* Light blue */
  margin-right: 1px;     /* Space between H and text */
  line-height: 1;
}