/* ==========================================================================
   Custom Font shortcode styles
   ========================================================================== */

.widget {

	&.widget_ginevra_core_custom_font {
		margin-bottom: 0 !important;
	}
}

.qodef-custom-font {
	position: relative;
	margin: 0;
	@include qodefLettersAppear();

	&.qodef--has-custom-appear {
		opacity: 0;
		transition: opacity .05s ease-out;

		&.qodef--custom-appeared {
			opacity: 1;
		}
	}

	.qodef-m-link {
		color: inherit;
	}
}

.qodef-m-title--underlined {
	position: relative;
	display: inline-block;
	color: inherit;

	&:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: currentColor;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 6px;
		transform-origin: left;
		transform: scaleX(0);
		transition: transform .6s cubic-bezier(0.61, 1, 0.88, 1);

		@include qodefScreenSize680 {
			bottom: -2px;
		}
	}

	&.qodef-line--appeared {

		&:after {
			transform: scaleX(1);
		}
	}
}

@include qodefScreenSize1024 {

	.qodef-title-break--disabled {

		br {
			display: none;
		}
	}
}