/*
28/02/22: confirm not needed before delete
section.animated-promo {
	margin-bottom: 20px;
}
*/
.object-and-details {
  display: inline-block;
  position: relative;
}

summary {
    color: #fff;
    background: #000;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    border-radius: 50%;
    background-image: url(https://blogs.bl.uk/resources/images/bl-spriteIcons.png);
    /* background-size: 90% auto; */
    background-repeat: no-repeat;
    background-position: -1px -481px;
    background-color: white;
}

[open] summary {
  background-image: url("https://blogs.bl.uk/resources/images/bl-spriteIcons.png");
  /*box-shadow: 0 0 0 2px #fff;*/
  background-color: white;
  background-position: -1px -2581px;
}

/* for blink/webkit */
details summary::-webkit-details-marker {
  display: none;
}
/* for firefox */
details > summary:first-of-type {
  list-style: none;
  cursor:pointer;
}

summary + * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  padding-top: 3rem;
  color: #fff;
  overflow-y: auto;
}

summary + * a {
  color: #fff;
}
summary:focus {
  box-shadow: 0 0 0 0.25rem #aade87;
  outline: transparent;
}

.object-and-details1 img {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: visible;
}

@media only screen and (max-width: 601px) {
  .object-and-details,   
  .object-and-details img {width:100%;}
}

/* fouc fix on blogs promo RHC */
.blogs-promo {
    visibility: visible;
	opacity: 1;
	transition-property: opacity;
    transition-duration: .8s;
    transition-delay: .4s;}
	.blogs-promo summary {
		visibility: visible;
		opacity: 1;
		transition-property: opacity;
		transition-duration: 1.1s;
		transition-delay: .7s;}