/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.wp-block-details summary {
  background-color: #1060b5;/* blue background */
  color: #ffffff;/* white text */
  font-size: 1.2em; /* slightly larger text */
  font-weight: 600; /* optional: makes it clearer as a header */
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 16px;
}

.wp-block-details.is-style-yellow summary {
  background-color: #ffcd05;/* yellow background */
  color: #000000;/* black text */
  font-size: 1.2em; /* slightly larger text */
  font-weight: 600; /* optional: makes it clearer as a header */
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 16px;
}

.wp-block-details[open]
{
	background-color:#dddddd;
	border-radius:16px;
	overflow:hidden;
}
.wp-block-details[open] > *:not(summary) {
	padding-top:0px;
	padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.wp-block-details[open] summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* All images have rounded corners */ 
.wp-block-media-text__media img {
    height: auto;
    max-width: unset;
    border-radius: 20px; 
    vertical-align: middle;
    width: 100%;
}

/* Every details after the first gets tighter spacing */
/* .wp-block-details + .wp-block-details  {
  margin-top: -24px; /* shrink space between items */
/* }