/* Updated */

.toc-block {
    position: sticky;
    top: 3rem;
    font-size: var(--wp--preset--font-size--x-small, .8rem);
}

.toc >.toc-list li {
    list-style: none;
    display: flex;
    flex-direction:column;
    line-height: 1.7;
}

.wp-block-group.is-style-highlight-box {
background-color: #eee;
border: 1px solid #ddd;
border-radius: 0;
box-shadow: none;
}

header .wp-block-search__inside-wrapper {
	background: inherit
}


.wp-block-group.is-style-intro-box {
    background-color: var(--wp--preset--color--secondary);
    color: #fff;
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: 1.4;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 1.5rem 1.75rem;
}

.wp-block-group.is-style-intro-box a {
    color: #fff;
}

.wp-block-site-title:after {
	content: "beta";
    font-size: var(--wp--preset--font-size--x-small);
    position: relative;
	top: -.4rem;
    text-transform: uppercase;
    left: 0.5rem;
    color: #ccc;
	background: #0d5e93;
	padding: .25rem .5rem;
	border-radius: .25rem;
}

@media (min-width: 600px) {
.is-style-checkbox li {
    padding-left: 10px;
    padding-bottom: 0.75rem;
}
}

.is-style-checkbox li:before {
    background-color: var(--wp--preset--color--secondary) !important;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 20px !important;
    left: -30px !important;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgMTBjMCA1LjUyMjcyNzMtNC40NzcyNzI3IDEwLTEwIDEwLTUuNTIyNzI3MjcgMC0xMC00LjQ3NzI3MjctMTAtMTAgMC01LjUyMjcyNzI3IDQuNDc3MjcyNzMtMTAgMTAtMTAgNS41MjI3MjczIDAgMTAgNC40NzcyNzI3MyAxMCAxMHptLTUuMjgwOTA5MS00LjIyNzI3MjczYy4yMDEwMDk4LS4yMDgzMjczNy40OTM2NjM5LS4zMDA5OTc5Mi43Nzc5NDg5LS4yNDYzNDE4NHMuNTIxNzEyMy4yNDkyMzkwNS42MzExNDIuNTE3MjUwOTNjLjEzODE1MzQuMzI5NzUwNzMuMDYxNDQ3MS43MTA0MDEtLjE5MzYzNjMuOTYwOTA5MDlsLTYuODgwMDAwMDUgNi45NDQ1NDU0NWMtLjMwNTIyMzczLjMwNzY4ODQtLjc5MjQ0OTgzLjMzODE2NDQtMS4xMzM2MzYzNi4wNzA5MDkxbC0zLjc4NDU0NTQ1LTIuOTUxODE4MmMtLjI0MjY4MjI3LS4xOTEyMTE4LS4zNjYxNzk3Ny0uNDk2NDg0Ni0uMzI0NzEwMjItLjgwMjY0OTUuMDQxNDY5NTUtLjMwNjE2NDguMjQxNzI0ODUtLjU2NzU4NTgxLjUyNjUyODQtLjY4NzM1MDQ4LjI4NDU0NTQ1LS4xMTcyNzI3My42MDkwOTA5MS0uMDcyNzI3MjcuODUxODE4MTguMTE4MTgxODJsMy4xODE4MTgxOCAyLjQ4NDU0NTQ2eiIgZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4KCg==) !important;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgMTBjMCA1LjUyMjcyNzMtNC40NzcyNzI3IDEwLTEwIDEwLTUuNTIyNzI3MjcgMC0xMC00LjQ3NzI3MjctMTAtMTAgMC01LjUyMjcyNzI3IDQuNDc3MjcyNzMtMTAgMTAtMTAgNS41MjI3MjczIDAgMTAgNC40NzcyNzI3MyAxMCAxMHptLTUuMjgwOTA5MS00LjIyNzI3MjczYy4yMDEwMDk4LS4yMDgzMjczNy40OTM2NjM5LS4zMDA5OTc5Mi43Nzc5NDg5LS4yNDYzNDE4NHMuNTIxNzEyMy4yNDkyMzkwNS42MzExNDIuNTE3MjUwOTNjLjEzODE1MzQuMzI5NzUwNzMuMDYxNDQ3MS43MTA0MDEtLjE5MzYzNjMuOTYwOTA5MDlsLTYuODgwMDAwMDUgNi45NDQ1NDU0NWMtLjMwNTIyMzczLjMwNzY4ODQtLjc5MjQ0OTgzLjMzODE2NDQtMS4xMzM2MzYzNi4wNzA5MDkxbC0zLjc4NDU0NTQ1LTIuOTUxODE4MmMtLjI0MjY4MjI3LS4xOTEyMTE4LS4zNjYxNzk3Ny0uNDk2NDg0Ni0uMzI0NzEwMjItLjgwMjY0OTUuMDQxNDY5NTUtLjMwNjE2NDguMjQxNzI0ODUtLjU2NzU4NTgxLjUyNjUyODQtLjY4NzM1MDQ4LjI4NDU0NTQ1LS4xMTcyNzI3My42MDkwOTA5MS0uMDcyNzI3MjcuODUxODE4MTguMTE4MTgxODJsMy4xODE4MTgxOCAyLjQ4NDU0NTQ2eiIgZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4KCg==) !important;
    position: absolute !important;
    top: 23px !important;
    transform: scale(1.3) !important;
    width: 20px !important; 
}



/* Section Contents Block */

.section-contents > ul {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
	list-style: none;
	grid-gap: 1rem;
    margin-block-end: 0;
    padding: 0;
	flex-wrap: wrap;
}

.section-contents li {
	border: 1px solid #ccc; 
	border-radius: .25rem;
	padding: 1rem;
	flex-grow: 1;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	font-size: var(--wp--preset--font-size--base);
  background-color: #fff;
  color: #fff;
	line-height:1.4;
	position:relative;
	text-align: left;
}

.section-contents a {
	text-decoration:none;
	font-weight: bold;
	color: var(--wp--preset--color--secondary);
}

.section-contents .entry-subtitle {
	padding-top: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height:1.3;
		color: #666;
}

.section-contents .child-count {
   border-radius: 2rem;
    display: flex;
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background: var(--wp--preset--color--secondary);
    width: 1.75rem;
    height: 1.75rem;
    text-align: center;
    font-size: var(--wp--preset--font-size--small);
    /* padding-top: 0.125rem; */
    align-items: center;
    justify-content: center;
}

/* Video Embed styles  */
.wp-block-embed.is-style-shadow-lg .wp-block-embed__wrapper {
    box-shadow: none;
}

.wp-block-embed.is-style-shadow-lg iframe {
    box-shadow: 0 15px 40px -12px rgb(0 0 0 / 25%);
}

.copy-short-link {
    border: 1px solid #ddd;
    background: none;
    padding: .25rem .5rem;
    margin: 0;
    border-radius: .25rem;
    font-size: .8rem;
    color: var(--wp--preset--color--secondary);
}

.edit-link {
  border: 1px solid #ddd;
  background: none;
  border-radius: .25rem;
  padding: .25rem .5rem;
  margin-left: .5rem;
  font-size: .8rem;
  text-decoration:none;
}

.edit-link:before {
    font-family: "dashicons";
    content: "\f464";
    position: relative;
    top: 2px;
}

.breadcrumb a {
  text-decoration:none;
}
.breadcrumb .breadcrumb-item--current {
	display:none;
}

.breadcrumb li:nth-last-child(2) {
	font-weight:bold;
}

.breadcrumb li:nth-last-child(2) .sep {
  display: none;
}

.breadcrumb .sep:after {
    content: ">";
}

.in-this-section h2 {
    font-size: var(--wp--preset--font-size--small);
    text-transform: uppercase;
    text-align:left;
}

.in-this-section ul {
	padding-left:0;
}


.in-this-section li {
	font-size: var(--wp--preset--font-size--x-small);
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-left: 2px solid #ddd;
    text-align: left;
}

.in-this-section li a {
    text-decoration: none;
    width: 16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 0 0.5rem;
}

.in-this-section li.current_page_item a {
    border-left: 2px solid var(--wp--preset--color--primary);
    font-weight: bold;
    color: #000;
    padding-left: 0.5rem;
    margin-left: -0.125rem;
    border-right: none !important;
}

.wp-block-group.is-style-callout-info {
	border-left: 5px solid var(--wp--preset--color--blue);
	background-color: #ECF0F5;
}

.wp-block-group.is-style-callout-info:before {
	background-color:var(--wp--preset--color--blue);
	-webkit-mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/info.svg);
	mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/info.svg);
}

.wp-block-group.is-style-callout-success {
	border-left: 5px solid var(--wp--preset--color--green-bright);
	background-color: #DDF3E3;
}

.wp-block-group.is-style-callout-success:before {
	background-color: var(--wp--preset--color--green-bright);
	-webkit-mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/success.svg);
	mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/success.svg);
}

.wp-block-group.is-style-callout-warning {
	border-left: 5px solid #F6D82D;
	background-color: #FCF5DA;
}

.wp-block-group.is-style-callout-warning:before {
	background-color:#F0CC01;
	-webkit-mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/warning.svg);
	mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/warning.svg);
}

.wp-block-group.is-style-callout-danger {
	border-left: 5px solid var(--wp--preset--color--red);
	background-color: #FCEBEB;
}

.wp-block-group.is-style-callout-danger:before {
	background-color:var(--wp--preset--color--red);
	-webkit-mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/danger.svg);
	mask-image: url(/wp-content/themes/cdil-blocks/assets/icons/danger.svg);
}

/* in theme.json */
.wp-block-quote {
    margin-top: var(--wp--custom--spacing--small) !important;
    margin-bottom: var(--wp--custom--spacing--small) !important;
}


/* -----------------  */











/* not updated  */


.next-previous-nav a::after {
    content:'';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.next-previous-nav > div {
    padding-block-end: 1rem;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: 0.5rem;
    font-size: var(--wp--preset--font-size--x-small);
    flex-grow: 1;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
    min-width: calc(50% - 2rem);
    position:relative;
}

.next-previous-nav > div:hover {
  transform: translateY(-2px);
  transition-property: all;
  box-shadow: rgb(0 0 0 / 2%) 0px 12px 13px;
  transition-duration: 0.15s;
}



.section-contents li a:after {
  content:'';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.section-contents li:hover {
  transform: translateY(-2px);
  transition-property: all;
  box-shadow: rgb(0 0 0 / 2%) 0px 12px 13px;
  transition-duration: 0.15s;
}

.link-fills-container {
   position:relative;
}

.link-fills-container a:after {
  content:'';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.link-fills-container:hover {
  transform: translateY(-2px);
  transition-property: all;
  box-shadow: rgb(0 0 0 / 2%) 0px 12px 13px;
  transition-duration: 0.15s;
}

.wp-block-site-title:after {
    display:none;
}

/* Edited 2023-04-18   */ 
a.toc-link {
    width: auto;
    white-space: normal;
    overflow: visible !important;
    text-overflow: unset;
    display: inline-block;
    line-height: 1.3;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.in-this-section li a {
    width: auto;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    display: inline-block;
    padding: 0.5rem;
    line-height: 1.2;
}

/* 2023-08-10  */ 
.section-contents .child-count {
    display:none;
}

/* Reading Reportage only */ 
.wp-block-lazyblock-toc {
width: auto
}

.wp-block-footnotes {
padding-left: 1rem;
    padding-top: 1rem;
}

.section-contents .child-count {
    display:none !important;
}


.mwai-chatbot-container .mwai-open-button:before {
  content:'Can I help?';
  width: 100px;
  text-align: center;
  font-size: .9rem;
  padding-bottom: 0.5rem;
  font-weight:bold;
  color:#fff;
}

.mwai-chatbot-container .mwai-open-button img{
  margin-right:1rem;
}

.mwai-open-button {
  background:#3d85c6;
  padding: .5rem 0rem .75rem 0rem;
  border-radius: 0.5rem;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.mwai-open-button:hover {
  background:#0D5E93;
  filter:none !important;
}

.wp-block-image {
  margin-top: 2rem; 
}