/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

.wp-block-eric-eric-sortable-block {
}

.wp-block-eric-eric-sortable-block .eric-video {
	background: #f1f1f1;
	width: 50%;
	min-height: 100px;
	text-align: center;
}

.wp-block-eric-eric-sortable-block .eric-video button {
	margin-top: 30px;
}

.wp-block-eric-eric-sortable-block .eric-video button.video-button {
	margin: 0;
	padding: 0;
	display: block;
}

.wp-block-eric-eric-sortable-block video {
	display: block;
	z-index: 1;
	position: relative;
	max-width: 100%;
}

.wp-block-eric-eric-sortable-block .eric-prop-header {
	font-size: 13px;
}

.wp-block-eric-eric-sortable-block h2 {
	font-size: 1.5em;
}

.wp-block-eric-eric-sortable-block ul {
	padding-left: 2.5em !important; /* Needs fix in Gutenberg. */
}

.wp-block-eric-eric-sortable-block:after { 
	content:""; 
	clear:both; 
	display: table; 
}

.wp-block-eric-eric-sortable-block .eric-sortable-inset {
	display: block;
	padding: 0.5em;
	font-size: 0.8em;
	border: 1px solid #ccc;
	float: right;
	margin: 0.5em;
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-container {
	margin: 0;
	padding: 0;
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-switch {
	display: none;
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-title {
	font-weight: bold;
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-content {
	display: none;
	margin: 0;
	padding: 0;
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-switch:checked ~ .eric-thumbnail-title,
.wp-block-eric-eric-sortable-block .eric-thumbnail-switch:checked ~ .eric-thumbnail-img {
	display: none;
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-switch:checked ~ .eric-thumbnail-content {
	display: block;
}

.wp-block-eric-eric-sortable-block .eric-thumbnail-img {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: white;
}

.wp-block-eric-eric-sortable-block .eric-update-history-rows {
	display: none;
	padding: 0.5em;
	font-size: 0.8em;
	border: 1px solid #ccc;
	float: right;
	margin: 0.5em;
	background: #eee;
}

.wp-block-eric-eric-sortable-block .eric-update-history-title {
	font-weight: bold;
	padding-bottom: 0.5em;
}

.wp-block-eric-eric-sortable-block .eric-sortable-link {
	content: "";
	width: 1em;
	height: 1em;
	margin-left: 0.5em;
	background: transparent url('link_symbol.webp') no-repeat center center;
	background-size: contain;
	text-decoration: none;
	float: right;
	position: relative;
	overflow: visible;
	cursor: pointer;
}

.wp-block-eric-eric-sortable-block .eric-sortable-link-popup {
	position: absolute;
	top: 100%;
	top: calc(100% + 0.1em);
	right: 0px;
	background-color: white;
	color: #222;
	opacity: 0;
	display: none;
	z-index: 1000000;
	border: 1px solid #222;
	padding: 0.25em;
	white-space: nowrap;
}

@keyframes eric_sortable_link_popup_animation {
	0% {opacity: 0;}
	25% {opacity: 0.9;}
	75% {opacity: 0.9;}
	100% {opacity: 0;}
}


.wp-block-eric-eric-sortable-block .eric-sortable-link-popup-show {
	animation-name: eric_sortable_link_popup_animation;
	animation-duration: 4s;
	display: block;
}


@media (max-width: 650px) {
	.wp-block-eric-eric-sortable-block .eric-sortable-inset {
		display: none;
	}

	.wp-block-eric-eric-sortable-block .eric-thumbnail-img {
		height: 300px;
	}
}