/* 
 *
 * EDITOR CLASSES
 * These classes are to be used within the Gutenberg Editor.
 *
 */

/* Title dots */
.orange-dot-before:before {
	content: '.';
  	color: var(--wp--preset--color--primary);
}
.blue-dot-before:before {
	content: '.';
  	color: var(--wp--preset--color--secondary);
}
.orange-dot-after:after {
	content: '.';
  	color: var(--wp--preset--color--primary);
}
.blue-dot-after:after {
	content: '.';
  	color: var(--wp--preset--color--secondary);
}

/* Box sizing */
.box-sizing-content-box {
	box-sizing: content-box !important;
}
.h-100 {
	height: 100%;
}

/* Hiders */
@media (max-width: 781px) {
	.hide-desktop {
		display: block;
	}
	.hide-mobile {
		display: none;
	}
}
@media (min-width: 782px) {
	.hide-desktop {
		display: none;
	}
	.hide-mobile {
		display: block;
	}
}

/* Anchor offset to prevent header going over content */
.anchor-header-offset {
	margin-top: -95px !important;
	padding-top: 95px !important;
}

/* Custom author */
.custom-author-image.wp-block-avatar > img {
	background-color: #ffffff;
}

/* Flexbox */
.justify-content-center {
	justify-content: center;
}
.justify-content-space-between {
    justify-content: space-between;
}

/* Hover effects */
.post-title-link-hover > a,
.icon-hover {
 	transition-property: color;
 	transition-duration: var(--wp--custom--transitions--duration);
}
.icon-hover.icon-white {
	color: var(--wp--preset--color--base);
}
.icon-hover.icon-blue {
    color: var(--wp--preset--color--secondary);
}
.icon-hover.icon-blue:hover,
.icon-hover.icon-white:hover {
    color: var(--wp--preset--color--secondary-2);
}
a.hover-link,
p.hover-link a {
	transition-property: color;
	transition-duration: var(--wp--custom--transitions--duration);
}
a.hover-link:hover,
p.hover-link a:hover {
	color: var(--wp--preset--color--secondary);
}


/* Footerlink */
.footerlink > a {
 	transition-property: color;
 	transition-duration: var(--wp--custom--transitions--duration);
}
.footerlink > a:hover {
    color: var(--wp--preset--color--secondary);
}

/* White space */
.white-space-pre-wrap {
	white-space: pre-wrap;
}
.white-space-nowrap {
	white-space: nowrap;
}

/* Side content sticky */
.post-sticky-side-content {
    position: sticky;
    top: 160px;
	max-height: 75vh;
    /* overflow: hidden; */
}
.editor-styles-wrapper .post-sticky-side-content {
	top: 0 !important;
}
.toc-container {
	max-height: 35vh;
	overflow-y: auto;
	scrollbar-width: auto;
	scrollbar-color: #023e5a #ffffff;
}
.toc-container::-webkit-scrollbar {
	width: 10px;
}
.toc-container::-webkit-scrollbar-track {
	background: #ffffff;
}
.toc-container::-webkit-scrollbar-thumb {
	background-color: #023e5a;
	border-radius: 10px;
	border: 2px solid #ffffff;
}

/* Custom checklist */
ul.custom-checklist {
  	list-style: none;
}

ul.custom-checklist li:before {
  	content: '✓';
	padding-right: .25rem;
    padding-left: .25rem;
}