Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/js/landing/settingsform/designpreview/src/css/
Upload File :
Current File : /var/www/homesaver/www/bitrix/js/landing/settingsform/designpreview/src/css/style.css

.landing-design-preview-wrap
{
	--design-preview-bg: white;
	--design-preview-primary: #2fc6f6;
	--design-preview-color: #333;
	--design-preview-color-h: #111;
	--design-preview-font-size: 14px;
	--design-preview-font-weight: 400;
	--design-preview-font-weight-h: 700;
	--design-preview-line-height: 1.5;
	--design-preview-font: "Montserrat", Arial, sans-serif;
	--design-preview-font-theme: "Montserrat", Arial, sans-serif;
	--design-preview-font-h: "Montserrat", Arial, sans-serif;
	--design-preview-font-h-theme: "Montserrat", Arial, sans-serif;
	position: absolute;
	top: 0;
	right: 20px;
	width: 40%;
}

.landing-design-preview
{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 20px;
	margin-top: 20px;
	color: var(--design-preview-color);
	font-size: var(--design-preview-font-size);
	font-weight: var(--design-preview-font-weight);
	line-height: var(--design-preview-line-height);
	background: var(--design-preview-bg);
	box-shadow: 0 4px 15px -10px var(--design-preview-primary);
    font-family: var(--design-preview-font);
    font-family: var(--design-preview-font-theme);
	border-radius: var(--ui-border-radius-md);
}

.landing-design-preview-title, .landing-design-preview-subtitle
{
	font-weight: var(--design-preview-font-weight-h);
	color: var(--design-preview-color-h);
	margin-top: 0;
	margin-bottom: 7px; /* 0.5rem */
	font-family: var(--design-preview-font-h);
	font-family: var(--design-preview-font-h-theme);
}

.landing-design-preview-title
{
	font-size: 28px; /* 2rem */
}

.landing-design-preview-subtitle
{
	font-size: 21px; /* 1.5rem */
}

.landing-design-preview-text
{
	margin-top: 0;
	margin-bottom: 14px; /* 1rem */
}

.landing-design-preview-link
{
	color: var(--design-preview-primary);
}

.landing-design-preview-link:hover
{
	color: var(--design-preview-primary);

	text-decoration: underline;
}

.landing-design-preview-button
{
	background-color: var(--design-preview-primary);
	color: white;
	line-height: 1.4;
	padding: 8px 20px;
	border-radius: var(--ui-btn-radius);
	font-size: 15px; /* 1.07143rem */
	font-weight: 700 !important;
	position: relative;
	transition: .2s ease;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.landing-design-preview-button:hover
{
	color: white;
}

.landing-ui-panel-google-fonts {
    top: 0 !important;
}

.landing-ui-font-preview {
	width: calc(100%/3 - 80px);
}