/*
Theme Name:		 Bold GP child
Description:	 Bold GP child is a child theme of GeneratePress.
Author:        DevBackroom
Author URI:		 https://devbackroom.com/
Template:      generatepress
Version:       1.0.0
Text Domain:	 bold-gp-child
*/

/*
Add your custom styles here
*/
.rounded-lg img {
  border-radius: 25px;
  display: inline-block;
}
.rounded-md {
  border-radius: 15px;
}
.group-md {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0;
}
.p-0 {
  padding: 0 !important;
}
.text-center {
  text-align: center;
}
.main-title {
  text-transform: uppercase;
  line-height: 0.8em;
  letter-spacing: 8px;
  color:var(--accent);
}
.main-title span {
  color: var(--global-color-11);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 3px;
}
.inside-header {
  padding-top: 10px;
  padding-bottom: 10px;
}
.site-header .header-image {
  border-radius: 50%;
}
.footer-widget-1 .widget, .footer-widget-2 .widget, .footer-widget-3 .widget {
  margin-bottom: 10px !important;
}
.footer-widget-1 h5, .footer-widget-2 h5, .footer-widget-3 h5 {
  border-bottom: 1px dotted var(--contrast-2);
}
.footer-widget-1 li, .footer-widget-2 li, .footer-widget-3 li {
  margin-bottom: 0 !important;
}
.footer-widget-1 a, .footer-widget-2 a, .footer-widget-3 a {
  text-decoration: none;
  font-weight: 400;
  color: var(--contrast-1) !important;
}
.footer-widget-1 a:hover, .footer-widget-2 a:hover, .footer-widget-3 a:hover {
  color: var(--accent) !important;
}
.social-icons {
  display: flex;
  gap: 15px; /* space between icons */
  align-items: center;
}
.social-icons a {
  color: #111827; /* default color */
  transition: color 0.3s;
}
.social-icons a:hover {
  color: #6366f1; /* hover color */
}
.social-icons svg {
  width: 24px;
  height: 24px;
  display: block;
}
.widget_nav_menu {
  font-size: 0.9rem;
}
.copyright-bar {
  font-size: 12px;
}
.wspsc_add_cart_submit {
  border-radius: 25px;
}
.shopping_cart img {
  display: none;
}
.w-70 {
  width: 70%;
  margin: 0 auto;
}
.w-50 {
  width: 50%;
  margin: 0 auto;
}
.w-30 {
  width: 30%;
  margin: 0 auto;
}
.wp-block-group.p-20 {
  padding: 20px !important;
}
.hidden {
  display: none;
}
.wpbc_ty__message {
  color: #88b706;
  font-weight: 600;
}
@media (max-width: 768px) {
  .w-30 {
    width: 100%;
  }
  .w-50 {
    width: 100%;
  }
  .w-70 {
    width: 100%;
  }
}