#vc_ui-seo-general {
input[type="radio"] {
width: auto
}
.vc_column {
margin-bottom: 15px;
.wpb-textinput {
width: 100%;
}
}
.vc-preview-radio {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.page-preview-container {
max-width: 640px;
width: 100%;
overflow-x: auto;
}
.page-preview {
box-sizing: border-box;
background-color: #fff;
box-shadow: rgba(32, 33, 36, 0.28) 0px 1px 6px;
border-radius: 8px;
max-width: 400px;
text-align: left;
margin: 10px 6px;
&.desktop-view {
box-shadow: none;
max-width: 600px;
padding: 0;
margin: 0;
#preview-dots {
display: none;
}
}
p {
color: #333;
font-size: 1em;
margin: 0;
}
.preview-title {
display: flex;
align-items: center;
padding: 16px 6px 0 16px;
.url-container {
margin-left: 10px;
width: calc(100% - 60px);
}
.preview-name {
font-size: 14px;
line-height: 20px;
}
#preview-dots {
color: #707579;
width: 22px;
margin-left: auto;
cursor: pointer;
}
}
.content-container {
padding: 0 16px 16px;
}
#vc_description-container {
cursor: pointer;
}
#vc_seo-title {
color: #1558D7;
font-size: 20px;
font-weight: normal;
margin: 12px 0 10px;
line-height: 26px;
cursor: pointer;
}
#vc_seo-date, #vc_seo-url {
color: #707579;
}
.url-container-inner {
font-size: 12px;
}
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
}
.line-clamp-4 {
-webkit-line-clamp: 4;
}
}
.vc_ui-seo-panel {
min-height: 100px;
display: flex;
flex-direction:column;
justify-content: flex-start;
align-items: flex-start;
}
.vc_ui-seo-results-list-item {
position: relative;
color: #999999;
font-style: italic;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.3px;
padding: 0 0 0 16px;
}
.vc_ui-seo-results-list-item::before {
content: "";
border-radius: 50%;
width: 8px;
height: 8px;
position: absolute;
top: 6px;
left: 0;
margin: auto;
}
.vc_ui-seo-results-list-item--problems::before {
background-color: #FC4242;
}
.vc_ui-seo-results-list-item--warnings::before {
background-color: #F4AF1D;
}
.vc_ui-seo-results-list-item--success::before {
background-color: #11C248;
}