:root {
  --gracefulblog-color-1: #2123937A;
  --gracefulblog-color-2: #D4D4D4;
  --gracefulblog-color-3: #D4D4D4;
  --gracefulblog-color-4: #FFFFFF;
  --gracefulblog-color-5: #4F5D5E;
}

/** Custom ids styles **/



/** Custom styles **/
.entry-header {
  background-color: var(--gracefulblog-color-1) !important;
  -moz-box-shadow: 0 10px 20px rgba(25, 51, 120, .3);
  -webkit-box-shadow: 0 10px 20px rgba(25, 51, 120, .3);
  box-shadow: 0 10px 20px rgba(25, 51, 120, .3);
}
.sidebar-no-widgets {
  background-color: var(--gracefulblog-color-1) !important;
}

body {
  background-color: var(--gracefulblog-color-2) !important;
}
.main-content {
  background-color: var(--gracefulblog-color-3) !important;
}
.site-branding a,
.wp-block-heading,
.sidebar-right a,
#site-footer * {
  color: var(--gracefulblog-color-4) !important;
}
#site-footer {
  background-color: var(--gracefulblog-color-5) !important;
  -moz-box-shadow: 0 10px 20px rgba(25, 51, 120, .3);
  -webkit-box-shadow: 0 10px 20px rgb(203 83 207 / 30%);
  box-shadow: 1px -8px 14px var(--gracefulblog-color-3);
}
.site-images {
  background-color: var(--chromeblog-color-3) !important;
}
.post-categories {
  background-color: var(--gracefulblog-color-1) !important;
}
.post-categories a {
  color: var(--gracefulblog-color-4) !important;
}
.sidebar-no-widgets {
  -moz-box-shadow: 0 10px 20px rgba(25, 51, 120, .3);
  -webkit-box-shadow: 0 10px 20px rgba(25, 51, 120, .3);
  box-shadow: 10px 10px 10px rgba(25, 51, 120, .3);
}
.post-navigation i {
  background-color: var(--gracefulblog-color-5) !important;
  color: var(--gracefulblog-color-4) !important;
}
.post-navigation i:hover {
  background-color: var(--gracefulblog-color-1) !important;
}