/*
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;700&family=Dancing+Script:wght@400;500;700&family=Otomanopee+One&family=Permanent+Marker&family=Roboto:wght@400;500;700&family=Zen+Loop&family=Zen+Tokyo+Zoo&display=swap');
*/

@font-face {
    font-family: 'Permanent Marker';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/PermanentMarker-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Dancing Script';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/DancingScript-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Caveat';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/Caveat-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Otomanopee One';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/OtomanopeeOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Zen Loop';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/ZenLoop-Regular.ttf') format('truetype'),
          url('/wp-content/plugins/ocardoo-editor/public/fonts/ZenLoop-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Zen Tokyo Zoo';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/ZenTokyoZoo-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'Alfa Slab One';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/AlfaSlabOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Amatic SC';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/AmaticSC-Bold.ttf') format('truetype'), url('/wp-content/plugins/ocardoo-editor/public/fonts/AmaticSC-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Carattere';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/Carattere-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cookie';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/Cookie-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Corinthia';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/Corinthia-Regular.ttf') format('truetype'), url('/wp-content/plugins/ocardoo-editor/public/fonts/Corinthia-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'FrederickatheGreat';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/FrederickatheGreat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'GlassAntiqua';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/GlassAntiqua-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'GreatVibes';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/GreatVibes-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Gruppo';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/Gruppo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Indie Flower';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/IndieFlower-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lobster Two';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/LobsterTwo-Bold.ttf') format('truetype'), url('/wp-content/plugins/ocardoo-editor/public/fonts/LobsterTwo-BoldItalic.ttf') format('truetype'), url('/wp-content/plugins/ocardoo-editor/public/fonts/LobsterTwo-Italic.ttf') format('truetype'), url('/wp-content/plugins/ocardoo-editor/public/fonts/LobsterTwo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic Coding';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/NanumGothicCoding-Regular.ttf') format('truetype'), url('/wp-content/plugins/ocardoo-editor/public/fonts/NanumGothicCoding-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poiret One';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/PoiretOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Shadows Into Light Two';
    src:  url('/wp-content/plugins/ocardoo-editor/public/fonts/ShadowsIntoLightTwo-Regular.ttf') format('truetype');
}

#font-container {
    visibility: hidden;
    position: absolute;
    height: 0;
    width: 0;
}

.ocardoo-editor .ui-wrapper {
    display: flex;
    flex-direction: row;
}

.ocardoo-editor .ui-elements-editor {
    display: flex;
    /*flex-direction: row;*/
	flex-direction: column;
}

.ocardoo-editor .ui-elements button {
    margin-bottom: .5em;
}
.ocardoo-editor .ui-elements .input-group-append button,
.ocardoo-editor .ui-elements .input-group-prepend button {
    margin-bottom: 0;
	border-radius: 0;
}

.ocardoo-editor .ui-elements button {
    text-align: center;
    margin-bottom: .5em;
    display: inline-flex;
    justify-content: center;
    align-content: space-around;
    align-items: center;
	width: 100%;
}
.ocardoo-editor .ui-elements button i {
    margin-right: .5rem;
}

.ocardoo-editor .ui-elements button span.label {
    display: none;
}
.ocardoo-editor .ui-elements button:hover span.label,
.ocardoo-editor .ui-elements button:focus span.label {
    display: block;
}

.ocardoo-editor canvas,
.ocardoo-editor .ui-editor #pages,
.ocardoo-editor .ui-editor #pages .turn-page {
	width: 500px;
	height: 710px;
}

.ocardoo-editor #pages {
	overflow: hidden;
}
.ocardoo-editor canvas {
	border: 1px solid #dadada;
}

.loading-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: black;
    opacity: .7;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loading-overlay.hidden {
    display: none;
}

.loader {
    font-size: 10px;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.loader:after {
    background: #000000;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ocardoo-info img.product-image {
	max-height: 150px;
	width: auto;
    object-fit: contain;
    text-align: left;
    object-position: top left;
}

.elementor-widget-ocardoo-viewer .ocardoo-editor .ui-editor {
	margin: 0 auto;
}	
/*
.elementor-widget-ocardoo-viewer, .elementor-widget-ocardoo-viewer .ocardoo-editor .ui-editor {
	font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort;
}
*/
.elementor-widget-ocardoo-viewer .ui-elements-editor {
	margin-top: 0;
}

.elementor-widget-ocardoo-viewer button.btn,
.elementor-widget-ocardoo-viewer .ocardoo-editor .ui-elements button,
.elementor-widget-ocardoo-viewer .input-group {
	overflow: hidden!important;
	transition: all 0.3s ease-in-out;
}

.elementor-widget-ocardoo-viewer button.btn,
.elementor-widget-ocardoo-viewer .ocardoo-editor .ui-elements button {
	overflow: visible!important;
}
.elementor-widget-ocardoo-viewer .input-group input,
.elementor-widget-ocardoo-viewer .input-group select,
.elementor-widget-ocardoo-viewer .input-group .input-group-text {
	border: 0px solid transparent!important;
	border-radius: 0px!important;
	box-shadow: none!important;
}
.elementor-widget-ocardoo-viewer .input-group:hover input,
.elementor-widget-ocardoo-viewer .input-group:hover select {
	border: 0px solid transparent!important;
	border-radius: 0!important;
}
.elementor-widget-ocardoo-viewer .input-group .input-group-append button {
	margin: 0!important;
	border-radius: 0px!important;
	min-height: unset;
}
.elementor-widget-ocardoo-viewer input[type="text"]:disabled,
.elementor-widget-ocardoo-viewer input[type="text"]:read-only,
.elementor-widget-ocardoo-viewer input[type="select"]:disabled,
.elementor-widget-ocardoo-viewer input[type="select"]:read-only,
.elementor-widget-ocardoo-viewer input[type="button"]:disabled,
.elementor-widget-ocardoo-viewer input[type="button"]:read-only {
    cursor: not-allowed;
	/*background-color: #fff;*/
}
.elementor-widget-ocardoo-viewer input:hover {
    border-color: #0cb30c;
}
.elementor-widget-ocardoo-viewer input[type="text"]:disabled:hover,
.elementor-widget-ocardoo-viewer input[type="text"]:read-only:hover,
.elementor-widget-ocardoo-viewer input[type="select"]:disabled:hover,
.elementor-widget-ocardoo-viewer input[type="select"]:read-only:hover,
.elementor-widget-ocardoo-viewer input[type="button"]:disabled:hover,
.elementor-widget-ocardoo-viewer input[type="button"]:read-only:hover {
    color: var( --e-global-color-accent );
    border-color: #bf0a0a;
	/* box-shadow: none; */
	box-shadow: inset 0px 0px 15px -5px #bf0a0a!important;
}

#canvasControl {
    display: flex;
    flex-direction: row;
}

#page-previous, #page-next {
    display: inline;
    border-radius: 0;
    width: 50%;
	min-width: fit-content;
}

.elementor-widget-ocardoo-viewer .ui-editor #pagination {
	position: relative;
    margin-top: -30px;
    padding-bottom: 5px;
	padding-right: 15px;
    color: #525252;
    text-align: right;
    z-index: 9;
    pointer-events: none;
	opacity: 0.5;
}
.elementor-widget-ocardoo-viewer .ui-editor #pagination .extended {
	display: none;
}

.elementor-widget-ocardoo-viewer .greetings .from {
	font-family: 'Caveat', cursive;
    font-weight: bold;
    font-size: 1.5rem;
	color: var(--e-global-color-accent);
}

.elementor-widget-ocardoo-viewer #videos {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.elementor-widget-ocardoo-viewer #videos .video-element {
	padding: 1rem;
}
.elementor-widget-ocardoo-viewer #videos video, .elementor-widget-ocardoo-viewer #videos audio {
	height: 200px;
	object-fit: cover;
}
.elementor-widget-ocardoo-viewer #videos .video-element .title {
	font-size: 1.25rem;
	font-weight: bold;
	color: var( --e-global-color-primary );
	margin: .5rem 0rem 0rem 0rem;
    display: block;
}
.elementor-widget-ocardoo-viewer #videos .video-element .from {
	font-style: italic;
	font-weight: bold;
	color: var( --e-global-color-accent );
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 992px) {
	.elementor-widget-ocardoo-viewer .ocardoo-editor .ui-editor {
		margin: 0 auto;
	}
	.ocardoo-editor .ui-editor #pages,
	.ocardoo-editor .ui-editor #pages .turn-page,
	.ocardoo-editor .canvas-wrapper,
	.ocardoo-editor .canvas-container,
	.ocardoo-editor canvas {
		width: 85vw!important;
		height: calc(85vw * 1.42)!important;
		margin: 0;
	}
	.ocardoo-editor #pagination,
	.ocardoo-editor #canvasControl {
		width: 85vw!important;
	}
	.ocardoo-editor .ui-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	.ocardoo-editor .ui-elements, .ocardoo-editor .ui-elements-dev {
		padding: 0 1em 0 1em;
	}
	.ocardoo-editor .ui-elements-editor {
		display: inline-block;
		flex-direction: row;
		flex-basis: 100%;
		flex: 1;
		flex-wrap: wrap;
		width: 100%;
		border: 0;
		box-shadow: none;
	}
	.ocardoo-editor .ui-elements button i {
		margin: 0;
	}
	.ocardoo-editor .ui-elements button:hover i {
		margin-right: .5rem;
	}
	.ocardoo-info img.product-image {
		margin-top: .5rem;
	}
	.ocardoo-info .order-fields .col-md-4:first-of-type {
		margin-bottom: .5rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.ocardoo-editor .ui-elements button span.label {
		display: block;
	}
	.ocardoo-editor .ui-editor #pages {
		width: 1000px!important;
		height: 710px!important;
	}

	.ocardoo-editor .canvas-wrapper,
	.ocardoo-editor .canvas-container,
	.ocardoo-editor canvas,
	.ocardoo-editor .ui-editor #pages .turn-page {
		width: 500px!important;
		height: 710px!important;
	}
	#canvasControl {
		width: 100%!important;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}