/* 1. Slideshow gadget and inner background */
#id_nD2FGEI {
  background-color: #ff3868;
}

#camera_wrap_nD2FGEI {
  background-color: #110bff;
}

/* 2. Thumbnail strip background */
#id_nD2FGEI .camera_thumbs_cont {
  background-color: #ff3868;
}

/* 3. Thumbnail tiles (little pictures) */
#id_nD2FGEI .camera_thumbs_cont .pix_thumb {
  opacity: 0.34;                      /* non-active tiles slightly faded */
}

#id_nD2FGEI .camera_thumbs_cont .pix_thumb.cameracurrent {
  opacity: 1;                         /* active tile fully visible */
  outline: 2px solid #ff3868;         /* outline in brand color */
}

#id_nD2FGEI .camera_thumbs_cont .pix_thumb img.camera_thumb {
  border: 1px solid #ff3868;          /* optional: border around thumbs */
}

/* 4. Make sure slide images are visible and above overlays */
#id_nD2FGEI .cameraSlide img.imgLoaded {
  opacity: 1;
  position: relative;
  z-index: 2;
}

/* 5. Make overlays transparent so they don’t hide the photos */
#id_nD2FGEI .camera_overlayer,
#id_nD2FGEI .cameraappended,
#id_nD2FGEI .camera_appended {
  background-color: transparent;
}

/* 6. Prev/next buttons tinted with brand color */
#id_nD2FGEI .camera_prev span,
#id_nD2FGEI .camera_next span {
  background-color: rgba(255, 56, 104, 0.6);
}
/* Force prev/next arrow buttons to use #ff3868 */
#id_nD2FGEI .camera_prev,
#id_nD2FGEI .camera_next {
  background-color: #ff3868 !important;   /* button background */
}

#id_nD2FGEI .camera_prev span,
#id_nD2FGEI .camera_next span {
  background-color: #ff3868 !important;   /* inner span background */
}

/* If the arrow icon itself is a font/icon, tint it too */
#id_nD2FGEI .camera_prev span::before,
#id_nD2FGEI .camera_next span::before {
  color: #ffffff !important;             /* arrow symbol color (white on pink) */
}
/* Login button gadget: container */
#id_8efWfUs .loginContainer {
  background-color: #ff3868;
  border-radius: 4px;              /* optional */
  padding: 4px 8px;                /* optional */
}

/* The Log in link text */
#id_8efWfUs .loginContainer .loginLink {
  color: #ffffff;                  /* white text on pink */
  text-decoration: none;
}

/* Hover state */
#id_8efWfUs .loginContainer .loginLink:hover,
#id_8efWfUs .loginContainer .loginLink.hover {
  color: #ffffff;
  background-color: #ff3868;
}

/* If there's an inner login panel, tint its border/header too */
#id_8efWfUs .loginPanel,
#id_8efWfUs .loginPanel .loginPanelHeader {
  border-color: #ff3868;
}