@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css');

.divyoutube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.iframeyoutube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Changes */

blockquote p:first-child,
blockquote .blockquote__text,
.blockquote p:first-child,
.blockquote .blockquote__text {
font-size: 1.125rem;
font-weight:400;
}

.supplement--code-snippet {
	background: none;
}

/* Action box */

div.action-box
{
background: #0056BE;
text-align: center;
color: white;
border: 0.2em solid #0056BE;
padding: 0.5em;
}

div.action-box a h2
{
padding:0.3em;
margin:0;
font-size:1.75em;
color: white;
}

div.action-box a h3
{
font-size:1.25em;
color: white;
}

div.action-box a p
{
font-size:1em;
color: white;
}

div.action-box:hover
{
transition: background-color .2s ease-out;
background: #633B60;
border: 0.2em solid #633B60;

}

div.action-box a:hover
{
text-decoration: none;
}

/* Box */

div.widget--box > div.action-box
{
background: #0056BE;
text-align: center;
color: white;
border: 0.2em solid #0056BE;
padding: 0.5em;
}

.widget--box > div.action-box h2
{
padding:0.3em;
margin:0;
font-size:1.75em;
color: white;
}

.widget--box > div.action-box h3
{
font-size:1.25em;
color: white;
}

.widget--box > div.action-box p
{
font-size:1em;
color: white;
}

/* Image and text */

.ImageText img {
	margin-left: auto;
	margin-right: auto;
}

.ImageText .text {
	text-align: center;
}
