/* gutenberg lohkojen tyylit teeman mukaiseksi */

/* Full Alignment for Blocks within Bootstrap Containers */
.container .alignfull, .container .alignwide,
.container-fluid .alignfull, .container-fluid .alignwide,
.row .alignfull, .row .alignwide {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw + 10px); /* scrollbar tai jotain ku pelkkä 100vw venyttää sen parikytpikselii. */
    margin-right: calc(-50vw + 10px);
    max-width: calc(100vw - 20px);
    padding-left: 0;
    padding-right: 0;
}

/* Ensure that parent containers allow overflow */
.container,
.container-fluid,
.row {
    overflow-x: visible;
}


/* Responsive Embeds */
.wp-embed-responsive .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}

.wp-embed-responsive .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Buttons */
.wp-block-button .wp-block-button__link {
    background-color: #31547D; /* Replace with your button background color */
    color: #ffffff; /* Replace with your button text color */
    padding: 10px 40px;
    text-decoration: none;
}

/* Add styles for other blocks as needed */