| Server IP : 79.136.114.73 / Your IP : 18.217.200.151 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.eu/wp-content/plugins/LayerSlider/static/admin/css/ |
Upload File : |
@charset "UTF-8";
html, body {
background: white; }
.clear {
clear: both;
float: none !important; }
.wrap {
position: relative; }
#wpbody-content * {
direction: ltr !important; }
.wrap a {
outline: none; }
.wrap a:focus {
-webkit-box-shadow: none;
box-shadow: none; }
#screen-meta-links {
position: relative;
z-index: 10;
float: right; }
#contextual-help-link-wrap,
#screen-options-link-wrap,
#show-guides-link-wrap {
float: left;
border: 0 !important; }
#contextual-help-link-wrap button,
#screen-options-link-wrap button,
#show-guides-link-wrap button {
border: 1px solid #ccc !important;
border-top: 0 !important;
box-shadow: none !important; }
#show-guides-link-wrap {
margin: 0 30px 0 6px; }
#show-guides-link-wrap button {
background: #f1f1f1 !important; }
#ls-guides-wrap {
padding: 8px 20px 12px; }
#ls-guides-wrap h5 {
margin: 0;
padding: 8px 0;
font-size: 13px;
font-weight: 600; }
#ls-screen-options-form input[type="number"] {
width: 50px; }
#ls-screen-options-form button {
margin-left: 10px; }
.ls-hidden {
display: none !important; }
.wrap .ls-preview *,
.wrap .ls-layer * {
text-shadow: none; }
.clearfix:before,
.clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.clearfix {
zoom: 1; }
#ls-pages {
padding-right: 20px; }
.columns {
display: block !important; }
.columns .half {
width: 49%;
width: calc(50% - 5px);
margin-left: 10px;
*margin-left: 2%;
float: left; }
.columns .half:first-child {
margin-left: 0; }
.columns .third {
width: 33.3%;
float: left; }
.columns .fifth {
width: 20%;
float: left; }
.float-left {
float: left; }
.float-right {
float: right; }
.ls-overlay {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: black;
opacity: 0.5;
z-index: 9999991; }
.ls-overlay.dim {
opacity: 0.2; }
#ls-list-page button, #ls-list-page input, #ls-list-page a,
#ls-slider-form button,
#ls-slider-form input,
#ls-slider-form a,
.ls-box button,
.ls-box input,
.ls-box a {
box-shadow: none !important; }
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: #888 !important; }
input:-moz-placeholder,
select:-moz-placeholder {
color: #888 !important; }
input::-moz-placeholder,
select::-moz-placeholder {
color: #888 !important; }
input:-ms-input-placeholder,
select:-ms-input-placeholder {
color: #888 !important; }
.ls-notification {
margin-top: 15px !important;
padding: 5px 12px !important; }
.ls-notification.info {
border-left: 4px solid #00a0d2 !important;
color: white;
border-radius: 5px; }
.ls-notification.large {
line-height: 30px; }
.ls-notify-osd {
position: fixed;
bottom: 100%;
right: 20px;
z-index: 999999;
overflow: hidden;
padding: 10px 15px 10px 50px;
border-radius: 5px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.87);
color: #eee;
text-align: center;
line-height: 30px;
font-size: 14px;
font-weight: bold;
transition: all 500ms cubic-bezier(0.73, 0, 0.27, 1.55);
transform: rotateX(90deg) scaleY(3) scaleX(0.8);
opacity: 0;
margin-bottom: 0px; }
.ls-notify-osd.visible {
margin-bottom: -100px;
transform: none;
opacity: 1; }
.ls-notify-osd .icon {
position: absolute;
top: 2px;
left: 5px; }
.ls-notify-osd .dashicons {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 40px;
color: inherit; }
.ls-notify-osd .text {
margin-left: 15px; }
.ls-checkbox {
display: inline-block;
width: 38px;
height: 18px;
margin-bottom: -3px;
position: relative;
border-radius: 30px;
border: 1px solid #ccc; }
.ls-checkbox span {
display: inline-block;
width: 18px;
height: 18px;
position: absolute;
top: 0px;
left: 20px;
border-radius: 100%;
background: white;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px; }
.ls-checkbox:hover {
background: #fafafa; }
.ls-checkbox:hover span {
background: #f7f7f7; }
.ls-checkbox.on {
background: #7eb917 !important;
border-color: #7eb917; }
.ls-checkbox.on span {
left: 0px !important;
background: white !important; }
.ls-checkbox.indeterminate:before {
content: '?';
position: absolute;
left: 8px;
top: 2px;
line-height: 1em;
color: #999;
text-align: center;
font-size: 14px; }
.ls-checkbox.locked {
opacity: 0.6; }
.ls-checkbox.locked:hover {
cursor: default;
background: inherit; }
.ls-checkbox.small {
width: 28px;
height: 14px; }
.ls-checkbox.small:before {
top: 1px;
left: 5px;
font-size: 12px; }
.ls-checkbox.small span {
width: 14px;
height: 14px;
left: 14px; }
.ls-checkbox.large {
width: 43px;
height: 21px; }
.ls-checkbox.large:before {
top: 3px;
left: 8px;
font-size: 15px; }
.ls-checkbox.large span {
width: 21px;
height: 21px;
left: 21px; }
.ls-checkbox.larger {
width: 56px;
height: 28px; }
.ls-checkbox.larger:before {
top: 5px;
left: 12px;
font-size: 18px; }
.ls-checkbox.larger span {
width: 28px;
height: 28px;
left: 28px; }
.ls-checkbox.hero {
width: 64px;
height: 32px; }
.ls-checkbox.hero:before {
top: 7px;
left: 14px;
font-size: 18px; }
.ls-checkbox.hero span {
width: 32px;
height: 32px;
left: 32px; }
.ls-checkbox.yellow {
background: #eaeaea !important; }
.ls-checkbox.yellow.on {
background: #eec232 !important;
border-color: #eec232; }
.ls-su {
position: absolute;
overflow: hidden;
z-index: 100;
margin: 0px !important;
height: 0px;
box-shadow: 0px 5px 10px -7px black; }
.ls-su-inner {
position: relative;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.ls-su-data {
display: none !important; }
.km-ui-popup {
width: 300px;
height: 150px;
position: absolute;
padding: 5px;
background: white;
background: rgba(255, 255, 255, 0.8);
border-radius: 7px;
color: #eee;
z-index: 9999999;
box-shadow: 0px 5px 30px -5px black; }
.km-ui-popup .inner {
width: 300px;
height: 150px; }
.ls-box {
border: 1px solid #dfdfdf;
border-radius: 3px;
margin-top: 15px;
position: relative; }
.ls-box .header {
height: 28px;
position: relative;
line-height: 28px;
border-radius: 3px 3px 0 0;
font-weight: bold;
font-size: 13px;
line-height: 29px;
background: #F1F1F1;
text-transform: uppercase; }
.ls-box .header.medium {
height: 38px;
line-height: 38px; }
.ls-box .header h2 {
margin: 0;
padding: 0;
float: left;
font-weight: bold;
font-size: 13px;
line-height: inherit;
color: #333;
text-shadow: 0px 1px 0px #fff;
text-align: left; }
.ls-box .header p {
margin: 0;
float: left; }
.ls-box .header figure {
text-transform: none !important; }
.ls-box .footer, .ls-box tfoot {
position: relative;
padding: 8px 10px !important;
border-top: 1px solid #dedede;
background: #f3f3f3; }
.ls-box table, .ls-box tr {
width: 100%; }
.ls-box .inner {
padding: 10px; }
.ls-box table {
width: 100%;
border-collapse: collapse;
border-spacing: 0px; }
.ls-box table thead td, .ls-box table .ls-box th {
border-bottom: 1px solid #dfdfdf;
background: #f7f7f7; }
.ls-box table tbody td, .ls-box table .ls-box tfoot td {
height: 30px;
padding: 4px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e3e3e3;
font-size: 13px;
line-height: 16px;
background: #fdfdfd; }
.ls-box table tbody:last-child tr:last-child td {
border-bottom: 0; }
.ls-box table tfoot td {
padding: 5px 10px;
border-bottom: 0px; }
.ls-box .filters {
float: left;
border-left: 1px solid #dedede;
margin: 0 0 0 10px;
padding: 0 0 0 10px; }
.ls-box .filters span {
float: left;
margin-right: 10px;
font-weight: normal;
font-size: 13px;
color: #8c8c8c; }
.ls-box .filters ul {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
font-weight: normal;
font-size: 13px; }
.ls-box .filters ul li {
display: inline-block;
margin: 0;
padding: 0px 6px;
color: #333;
cursor: pointer;
text-shadow: none !important; }
.ls-box .filters ul li.active {
border-radius: 3px;
color: white;
line-height: 18px;
background: #444; }
.km-tabs {
position: relative;
z-index: 1;
font-size: 0px !important; }
.km-tabs a {
display: block !important;
float: left;
position: relative;
width: 120px;
height: 30px;
padding: 0px 10px;
border: 1px solid #dfdfdf;
color: #aaa;
background-color: #f9f9f9;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
text-decoration: none;
margin: 3px 3px 0px 0px;
line-height: 30px;
font-size: 13px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.km-tabs a.active {
color: #333;
border-bottom: 1px solid #F1F1F1;
background: #F1F1F1; }
.km-tabs-content {
border: 1px solid #dfdfdf;
border-radius: 3px;
position: relative;
clear: both;
top: -1px;
margin: 0 !important; }
.km-tabs-content > * {
display: none; }
.km-tabs-content .active {
display: block; }
.km-tabs-content .active .km-tabs-inner {
display: block; }
.km-tabs-content .km-tabs-inner {
font-size: 12px;
color: #555;
display: none; }
.km-tabs-content figure {
margin: 0;
padding: 0 0 0 10px;
border-top: 0px;
border-bottom: 1px solid #dfdfdf;
background: #F1F1F1 !important;
line-height: 29px;
color: #999;
font-size: 12px;
text-shadow: 1px 1px 1px white; }
.km-accordion {
margin: 10px; }
.km-accordion.light {
margin: 0px; }
.km-accordion-outer {
margin-bottom: 10px;
border: 1px solid #dfdfdf;
border-radius: 3px; }
.km-accordion-head {
position: relative;
height: 26px;
line-height: 26px;
cursor: pointer;
font-family: 'Open Sans', Arial, serif;
font-size: 13px;
font-weight: 600;
color: #333;
background: #f1f1f1;
padding: 0px 35px 0 10px;
text-shadow: 0px 1px 0px #fff;
text-align: left;
transition: background .2s ease; }
.km-accordion-head:after {
font-family: dashicons;
content: '\f140';
position: absolute;
top: -6px;
right: 10px;
line-height: 38px;
font-size: 20px;
color: #999;
opacity: 0;
transition: opacity .5s ease; }
.km-accordion-head:hover:after {
opacity: 1; }
.km-accordion-opened .km-accordion-head:after {
opacity: 1 !important;
content: '\f142'; }
.km-accordion-opened .km-accordion-body {
display: block; }
.km-accordion-body {
position: relative;
display: none;
overflow: visible;
font-family: 'Open Sans', Arial, serif;
font-size: 13px;
font-weight: 400;
color: #555;
border-top: 1px solid #dfdfdf;
transition: background .2s ease; }
.km-accordion-outer:hover .km-accordion-head,
.km-accordion-opened .km-accordion-head {
background: #e3e3e3; }
.km-accordion-outer:hover .km-accordion-body,
.km-accordion-opened .km-accordion-body {
background: #fafafa; }
/* Light Skin */
.km-accordion.light {
margin: 0px; }
.km-accordion.light .km-accordion-outer {
width: 100%;
border: none;
border-bottom: 1px solid #dfdfdf;
margin: 0px !important; }
.km-accordion.light .km-accordion-outer:last-child {
border: none; }
.km-accordion.light .km-accordion-head {
background: none;
height: 34px;
line-height: 35px;
font-weight: 400;
font-size: 12px;
color: #888;
padding-left: 30px !important; }
.km-accordion.light .km-accordion-head:after {
content: '\f139';
right: auto;
left: 3px;
opacity: 1;
font-size: 24px;
color: #bbb;
top: -1px; }
.km-accordion.light .km-accordion-body {
padding: 10px;
border: none;
background: none; }
.km-accordion.light .km-accordion-opened .km-accordion-head {
color: #222; }
.km-accordion.light .km-accordion-opened .km-accordion-head:after {
top: -2px;
color: #555;
content: '\f140'; }
.km-accordion.light .km-accordion-head .dashicons {
margin-top: 9px !important; }
.km-combo-parent {
position: relative !important;
display: block !important; }
.km-combo-input.opened {
position: relative !important;
z-index: 102 !important;
border-color: #dedede !important; }
.km-combo-box {
position: absolute !important;
z-index: 101;
height: 0;
display: block;
overflow: hidden;
border-radius: 7px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
transition: height .3s ease-in-out;
margin: 0 !important;
text-align: left;
background: white; }
.km-combo-box ul {
padding: 10px;
border-radius: 5px;
list-style-type: none;
margin: 0 !important; }
.km-combo-box li {
overflow: hidden;
text-overflow: ellipsis;
padding: 1px 5px;
border: 1px solid #dedede;
border-bottom: 0;
margin: 0 1px;
background: #f9f9f9;
font: 14px/24px 'Open Sans', sans-serif;
color: #444;
cursor: pointer;
white-space: nowrap; }
.km-combo-box li:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.km-combo-box li:last-child {
border: 1px solid #dedede;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.km-combo-box li:hover {
background: #efefef; }
.km-combo-box li.group {
height: 18px;
line-height: 18px;
font-size: 13px;
text-align: center;
background: #eee;
cursor: default; }
.km-combo-box li.button {
display: block;
height: 24px;
line-height: 22px;
margin: 0 10px 10px 10px;
text-align: center;
box-shadow: none;
-webkit-box-shadow: none;
cursor: default; }
.ls-pointer {
width: 330px;
min-height: 100px;
position: absolute !important;
margin: 40px 0 0 0;
z-index: 9999992;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 0px 10px #666;
opacity: 0; }
.ls-pointer:before {
content: '';
display: block;
position: absolute;
top: -10px;
left: 50%;
z-index: -1;
width: 20px;
height: 20px;
margin-left: -10px;
border: 1px solid #dfdfdf;
background: #f7f7f7;
box-shadow: 0px 0px 5px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.ls-pointer .header {
height: 28px;
margin: 0;
border-top: 0 !important;
border-bottom: 1px solid #dfdfdf;
text-align: center !important;
color: #333;
text-shadow: 0px 1px 0px #fff;
text-transform: none !important; }
.ls-pointer ul.sep {
border-top: 1px solid #dedede;
padding-top: 5px !important; }
.ls-pointer div.inner {
border-top: 1px solid #dedede;
text-align: justify;
font-size: 12px;
color: #777; }
.ls-pointer ul.inner {
max-height: 250px;
overflow: auto;
padding: 0 !important;
margin: 5px !important; }
.ls-pointer ul.inner li {
margin: 0;
padding: 5px;
border-radius: 3px;
font: normal normal normal 14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
cursor: pointer;
text-align: left; }
.ls-pointer ul.inner li:hover {
background: #2ea2cc;
color: white; }
.ls-pointer ul.inner li:hover a {
color: white; }
.ls-pointer ul.inner li.unselectable {
background: none;
color: black;
cursor: normal; }
.ls-pointer ul.inner li div.preview {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
margin-right: 10px;
overflow: hidden;
border-radius: 2px;
float: left; }
.ls-pointer ul.inner li div.preview img {
height: 20px;
position: absolute;
top: 0;
left: 50%;
margin-left: -10px; }
.ls-pointer ul.inner li div.title {
display: inline-block; }
.ls-pointer ul.inner li a {
color: #444;
transition: none !important; }
.kmw-modal.activation-modal-window {
background: #2e3954;
background: -moz-radial-gradient(center, ellipse cover, #2e3954 1%, #131523 100%);
background: -webkit-radial-gradient(center, ellipse cover, #2e3954 1%, #131523 100%);
background: radial-gradient(ellipse at center, #2e3954 1%, #131523 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3954', endColorstr='#131523',GradientType=1 );
overflow: hidden; }
.kmw-modal.activation-modal-window .kmw-modal-title {
font-size: 24px;
color: rgba(255, 255, 255, 0.8); }
.kmw-modal.activation-modal-window .kmw-modal-content {
position: static; }
#activation-modal-window h3 {
margin: 0 0 20px 0;
color: rgba(222, 123, 254, 0.85) !important;
font-size: 20px;
font-weight: 400;
line-height: 36px; }
#activation-modal-window .ls-bundled-version p {
padding-left: 20px !important; }
#activation-modal-window .ls-activation-benefits ul {
padding-left: 20px !important;
border: 0; }
#activation-modal-window .ls-activation-benefits li {
width: 100%;
height: auto;
margin: 0 0 8px 0 !important;
line-height: 18px;
list-style: none; }
#activation-modal-window .ls-activation-benefits small {
font-size: smaller;
padding-left: 5px; }
#activation-modal-window .ls-activation-benefits small:before {
content: '–';
padding-right: 5px; }
#activation-modal-window .ls-webshopworks-benefits {
font-size: 16px; }
#activation-modal-window .button-more-info {
margin-left: 40px; }
#activation-modal-window ul, #activation-modal-window li, #activation-modal-window p {
color: rgba(255, 255, 255, 0.75); }
#activation-modal-window .dashicons {
line-height: 18px;
margin-right: 5px; }
#activation-modal-window .button-add-ons {
margin-left: 40px !important; }
#activation-modal-window .button-activation,
#activation-modal-window .button-add-ons {
margin-top: 10px !important;
box-shadow: none !important; }
#activation-modal-layers {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: -1;
pointer-events: none; }
#activation-modal-layers img {
position: absolute;
opacity: 0;
transition: all 1.5s ease-out; }
#activation-modal-layers .modal-layer-1 {
bottom: -95px;
left: -17%;
transform: translateY(-90px) scale(1.15) rotate(5deg); }
#activation-modal-layers .modal-layer-2 {
bottom: -107px;
left: 15%;
transform: translateY(-100px) scale(1.15); }
#activation-modal-layers .modal-layer-3 {
bottom: -13px;
right: -19%;
transform: translateY(-80px) scale(1.15) rotate(-5deg); }
#activation-modal-layers .modal-layer-4 {
bottom: -130px;
right: -13%;
transform: translateY(-70px) scale(1.15); }
#activation-modal-layers .modal-layer-5 {
bottom: -149px;
left: 50%;
transform: translateY(-60px) scale(1.15); }
#activation-modal-layers .modal-layer-6 {
bottom: 20px;
left: 20%;
transform: translateY(-50px) scale(1.15); }
#activation-modal-layers .modal-layer-7 {
bottom: 10px;
left: 65%;
transform: translateY(-40px) scale(1.15); }
#activation-modal-layers .modal-layer-8 {
bottom: -30px;
left: 41%;
transform: translateY(-30px) scale(1.15); }
#activation-modal-layers .modal-layer-9 {
bottom: 150px;
left: 90%;
transform: translateY(-20px) scale(1.15); }
#activation-modal-layers .modal-layer-10 {
bottom: 0px;
left: -21%;
transform: translateY(-10px) scale(1.15); }
.kmw-modal-visible #activation-modal-layers img {
transform: translateY(0) scale(1) rotate(0);
opacity: 1; }
.ls-wp-hack {
margin: 0 !important; }
.ls-wp-hack h2 {
padding: 0 !important; }
.ls-no-overflow {
overflow: hidden !important; }
.ls-version-number {
position: absolute;
top: 26px;
right: 0;
color: red; }
.ls-version-number a {
margin-left: 5px; }
#ls-slider-filters {
height: 45px;
padding: 0 10px;
margin: 10px 0 20px 0;
border: 1px solid #dfdfdf;
border-radius: 3px;
background: #F1F1F1;
color: #888;
line-height: 45px; }
#ls-slider-filters input, #ls-slider-filters select, #ls-slider-filters button {
height: 32px;
margin-top: -2px !important;
vertical-align: middle; }
#ls-slider-filters select {
height: 26px;
max-width: 150px;
font-size: 13px !important;
margin: 0 1px; }
#ls-slider-filters select:last-child {
margin: 0; }
#ls-slider-filters a {
line-height: 45px;
margin-right: 5px; }
#ls-slider-filters a:last-child {
margin-right: 0; }
#ls-slider-filters .layout {
padding-right: 10px;
border-right: 1px solid #dfdfdf; }
#ls-slider-filters div {
float: left;
margin: 0 20px 0 0; }
#ls-slider-filters div:last-child {
margin: 0; }
#ls-slider-filters div.right {
float: right;
margin-right: 0; }
#ls-slider-filters div.right input {
width: 180px;
margin-top: -1px !important;
border-radius: 3px; }
#ls-slider-filters div.right button {
margin-left: 5px; }
#ls-slider-filters .sort {
margin-right: 0; }
#ls-no-sliders {
padding: 30px 100px 100px 100px;
margin-left: 10px;
font-size: 18px;
font-weight: 300;
line-height: 24px;
text-align: center; }
#ls-no-sliders .ls-notification-info {
display: inline-block;
width: auto; }
#ls-no-sliders .ls-notification-info .dashicons {
margin-top: 3px; }
#ls-no-sliders .ls-notification-info .dashicons-star-filled {
margin: 1px; }
#ls-add-slider-template,
#ls-import-samples-template {
display: none;
min-height: 0;
text-align: center; }
#ls-add-slider-template:before,
#ls-import-samples-template:before {
box-shadow: 0px 0px 10px #666; }
#ls-add-slider-template h3.header,
#ls-import-samples-template h3.header {
text-align: center; }
#ls-add-slider-template input,
#ls-import-samples-template input {
width: 200px;
margin-right: 10px; }
#ls-add-slider-template {
display: block; }
#ls-add-slider-template h3 {
margin: 30px 0 5px 0;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #333; }
#ls-add-slider-template input {
width: 90%;
height: 30px;
margin: 0;
border-radius: 3px; }
#ls-add-slider-template button {
margin-top: 10px; }
#ls-add-slider-template button i {
height: auto;
margin: 3px 0 0 5px;
font-size: 20px; }
#ls-import-samples-template li {
padding: 0; }
#ls-import-samples-template a {
display: block;
width: 100%;
padding: 5px; }
#ls-list-page .ls-box {
margin-bottom: 30px; }
.ls-slider-list-form {
margin-bottom: 67px; }
#ls-add-slider-template-list {
min-height: 0; }
#ls-add-slider-template-list .inner {
border-top: 0; }
#ls-add-slider-template-list input {
width: 213px;
height: 28px;
margin: 0;
border-radius: 3px; }
#ls-add-slider-template-list .button {
width: 85px;
float: right; }
.ls-sliders-list tr.dimmed {
opacity: 0.5; }
.ls-sliders-list .button {
position: relative;
margin-right: 15px; }
.ls-sliders-list .button .dashicons {
margin: 5px 2px 0 0; }
.ls-sliders-list .button .dashicons-star-filled {
font-size: 16px; }
.ls-sliders-list .button .dashicons-upload {
font-size: 18px; }
.ls-sliders-list td {
text-transform: none; }
.ls-sliders-list td:first-child input {
margin: 0 5px; }
.ls-sliders-list td.center {
text-align: center; }
.ls-sliders-list td.preview-td {
padding: 2px 0;
text-align: center; }
.ls-sliders-list a.preview {
display: inline-block;
float: none;
width: 150px;
height: 36px;
background-size: cover;
background-position: center center;
overflow: hidden;
border-radius: 3px; }
.ls-sliders-list .ls-shortcode {
width: 160px;
height: 22px;
margin: 0;
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
background: #fff;
font-size: 12px;
color: #444;
line-height: 22px;
text-align: center; }
.ls-sliders-list .slider-actions-button {
width: 30px;
height: 30px;
line-height: 30px;
cursor: pointer; }
.ls-sliders-list .import-templates.has-updates:after {
content: "\f534";
display: inline-block;
position: absolute;
top: -13px;
right: -13px;
width: 26px;
height: 26px;
font: 26px/26px dashicons;
color: #ff4400;
background: white;
border-radius: 100%; }
#ls-slider-actions-template {
width: 180px;
margin-right: 10px;
box-shadow: 0px 0px 1px #999; }
#ls-slider-actions-template:before {
top: 50%;
left: auto;
right: -10px;
margin-top: -11px;
background: white;
box-shadow: 0px 0px 1px #999; }
#ls-slider-actions-template ul.inner {
padding: 5px !important;
margin: 0 !important;
background: white; }
#ls-slider-actions-template ul.inner li {
margin: 0;
padding: 5px; }
#ls-slider-actions-template ul.inner li:hover {
background: #2ea2cc;
color: white;
border-radius: 3px;
cursor: pointer; }
#ls-slider-actions-template ul.inner li:hover a, #ls-slider-actions-template ul.inner li:hover .dashicons {
color: white; }
#ls-slider-actions-template ul.inner li.sep {
border-top: 1px solid #dedede;
margin: 5px 0;
padding: 0;
cursor: default; }
#ls-slider-actions-template ul.inner li a {
display: block;
width: 100%;
height: 100%; }
#ls-slider-actions-template ul.inner li .dashicons {
line-height: 22px;
margin-right: 3px;
font-size: 17px;
-webkit-font-smoothing: antialiased;
transition: none;
-webkit-transition: none;
color: #666; }
#ls-slider-actions-template ul.inner a {
color: #444;
transition: none;
-webkit-transition: none; }
.ls-center {
text-align: center; }
.ls-sliders-grid {
position: relative;
margin-top: 10px;
color: #555;
text-align: left; }
.ls-sliders-grid .slider-item {
float: left;
position: relative;
width: 25%;
padding: 1%;
box-sizing: border-box;
transition: all 300ms; }
.ls-sliders-grid .slider-item.ui-draggable-dragging {
transition: transform 300ms ease-out;
transform: scale(0.5);
opacity: 0.8; }
.ls-sliders-grid .slider-item.ui-draggable-dragging .ls-hover {
display: none; }
.ls-sliders-grid .slider-item.import-templates.has-updates:after {
content: "\f534";
display: inline-block;
position: absolute;
top: -12px;
right: -8px;
width: 45px;
height: 50px;
font: 50px/50px dashicons;
color: #ff4400;
background: white;
border-radius: 100%; }
.ls-sliders-grid .slider-item.import-sliders.ls-dragover .slider-item-wrapper {
border: 1px solid transparent !important; }
.ls-sliders-grid .slider-item.import-sliders.ls-dragover .slider-item-wrapper .preview {
border: 3px dashed #ccc; }
.ls-sliders-grid .slider-item.import-sliders.ls-dragover .slider-item-wrapper:after {
pointer-events: none;
content: attr(data-drop-text);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
line-height: 146px;
font-size: 16px;
font-weight: bold; }
.ls-sliders-grid .slider-item.import-sliders.ls-dragover .slider-item-wrapper span, .ls-sliders-grid .slider-item.import-sliders.ls-dragover .slider-item-wrapper .dashicons {
display: none; }
.ls-sliders-grid .slider-item.importing .slider-item-wrapper {
border: 1px solid transparent !important; }
.ls-sliders-grid .slider-item.importing .slider-item-wrapper .preview {
border: 3px dashed #dd823b !important; }
.ls-sliders-grid .slider-item.importing .slider-item-wrapper:after {
pointer-events: none;
content: attr(data-import-text);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
line-height: 146px;
font-size: 16px;
font-weight: bold;
color: #dd823b; }
.ls-sliders-grid .slider-item.importing .slider-item-wrapper span, .ls-sliders-grid .slider-item.importing .slider-item-wrapper .dashicons {
display: none; }
.ls-sliders-grid .slider-item .no-preview {
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
color: #666;
user-select: none; }
.ls-sliders-grid .slider-item .no-preview h5 {
margin: 0 0 15px 0;
font-size: 18px; }
.ls-sliders-grid .slider-item .no-preview small {
display: block;
padding: 0 12px;
font-size: 12px;
line-height: 14px; }
.ls-sliders-grid .slider-item.hero {
width: 235px;
height: 150px;
display: inline-block;
float: none;
box-sizing: content-box; }
.ls-sliders-grid .slider-item.hero .slider-item-wrapper {
box-shadow: none;
border: 1px solid #dfdfdf; }
.ls-sliders-grid .slider-item.hero .preview {
transition: none;
position: absolute;
text-decoration: none;
color: #999;
text-align: center;
background: #fbfbfb; }
.ls-sliders-grid .slider-item.hero .dashicons {
width: auto;
height: 80px;
margin-top: 20px;
font-size: 90px; }
.ls-sliders-grid .slider-item.hero .dashicons.import {
font-size: 77px; }
.ls-sliders-grid .slider-item.hero span {
display: block; }
.ls-sliders-grid .slider-item.dimmed .info, .ls-sliders-grid .slider-item.dimmed .preview {
opacity: 0.3; }
.ls-sliders-grid .slider-item.blurred {
filter: blur(80px); }
.ls-sliders-grid .slider-item:hover .ls-hover {
visibility: visible !important;
opacity: 1 !important; }
.ls-sliders-grid .slider-item:hover .dashicons {
opacity: 1; }
.ls-sliders-grid .slider-item.ls-opened .slider-actions-sheet {
visibility: visible;
transform: translateY(0%); }
.ls-sliders-grid .slider-item.ls-opened .ls-hover {
display: none; }
.ls-sliders-grid .slider-item.ls-opened .preview {
filter: blur(7px) saturate(120%); }
.ls-sliders-grid .slider-item.ls-export-options-open .preview {
filter: blur(12px) saturate(150%) !important; }
.ls-sliders-grid .slider-item.ls-export-options-open .slider-actions-sheet {
margin-left: -100%;
transition: all 300ms ease-out; }
.ls-sliders-grid .info {
position: absolute;
bottom: -7%;
left: 0;
right: 0;
height: 24px;
padding: 0 5px;
color: #888;
font-size: 13px;
line-height: 24px;
overflow: hidden;
text-align: center;
transition: opacity 0.2s; }
.ls-sliders-grid .info .name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ls-sliders-grid.ls-has-selection .slider-item {
transform: scale(0.95);
opacity: 0.5; }
.ls-sliders-grid.ls-has-selection .ls-selected,
.ls-sliders-grid.ls-has-selection .hero {
transform: none;
opacity: 1; }
.ls-sliders-grid.ls-has-selection .ls-selected {
transform: scale(1.05); }
.ls-sliders-grid .create-group .slider-item-wrapper .preview {
transform: scale(0.45) translate(7px, 7px);
border-radius: 6px;
transform-origin: top left;
transition: all 200ms, transform-origin 0ms;
transition-delay: 250ms; }
.ls-sliders-grid .create-group .ls-hover,
.ls-sliders-grid .create-group .info {
display: none; }
.ls-sliders-grid .dragging-original {
transition: none;
opacity: 0; }
.ls-sliders-grid .group-item {
cursor: pointer;
transition: transform 200ms; }
.ls-sliders-grid .group-item.slider-dropping {
transform: scale(1.1); }
.ls-sliders-grid .group-item .slider-item-wrapper {
background: #fbfbfb; }
.ls-sliders-grid .group-item .items {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.ls-sliders-grid .group-item .items .item {
width: 49%;
padding: 2% 0 0 2%;
float: left;
box-sizing: border-box;
transition: transform 300ms ease-out; }
.ls-sliders-grid .group-item .items .item:first-child {
transition: none; }
.ls-sliders-grid .group-item .items .item.scale0 {
transform: scale(0); }
.ls-sliders-grid .group-item .items .item.dimmed {
opacity: 0.3; }
.ls-sliders-grid .group-item .items .preview {
position: relative;
padding-top: 59%;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 3px;
float: none; }
.ls-sliders-grid .group-item .items .preview .no-preview {
width: 100%;
text-align: center;
font-size: 13px;
color: #999;
user-select: none; }
.ls-sliders-grid .slider-item-wrapper {
position: relative;
padding-top: 62.5%;
box-sizing: border-box;
overflow: hidden;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 15px; }
.ls-sliders-grid .slider-item-wrapper .checkbox {
border-radius: 4px; }
.ls-sliders-grid .slider-item-wrapper .checkbox:checked:before {
content: "\f147";
font-family: dashicons;
margin: -1px 0 0 -6px;
color: #1e8cbe;
font-size: 32px;
line-height: 24px; }
.ls-sliders-grid .slider-item-wrapper .ls-hover:not(:checked):not(.ls-opened) {
visibility: hidden;
opacity: 0;
transition: opacity 0.5s; }
.ls-sliders-grid .slider-item-wrapper .ls-hover {
position: absolute;
top: 6px;
left: 6px;
width: 24px;
height: 24px;
z-index: 1000;
margin: 0 !important; }
.ls-sliders-grid .slider-item-wrapper .ls-hover.dashicons {
left: auto;
right: 5px;
font-size: 22px;
line-height: 22px;
color: white;
text-decoration: none;
cursor: pointer;
text-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3); }
.ls-sliders-grid .slider-item-wrapper .ls-hover.dashicons.slider-actions-button {
right: 5px;
width: 30px;
font-size: 30px; }
.ls-sliders-grid .slider-item-wrapper .preview {
transition: all 200ms , transform-origin 0ms 200ms;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
background-size: cover;
background-position: top center;
overflow: hidden;
background-color: #f3f3f3; }
.ls-sliders-grid .slider-item-wrapper .preview.slider-dropping {
cursor: copy; }
.ls-sliders-grid .slider-item-wrapper .preview.cursor-default {
cursor: default; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet {
visibility: hidden;
position: absolute;
width: 200%;
left: 0;
top: 0;
bottom: 0;
transform: translateY(-100%);
transition: all 300ms ease-out, margin-left 0ms 300ms;
background: rgba(0, 0, 0, 0.5);
margin-left: 0; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions {
position: absolute;
left: 0;
top: 0;
width: 50%;
bottom: 0;
font-size: 13px; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul {
position: relative;
height: 100%;
margin: 3px 0 0 0 !important;
padding: 0 !important;
list-style-type: none; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li {
position: relative;
height: 20%;
margin: -1px 0 0 0; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li:first-child a {
border-top: 0; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li:last-child a {
border-bottom: 0; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li.half a:first-child {
right: 15%;
border-right: 1px solid rgba(255, 255, 255, 0.05); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li.half a:last-child {
left: 85%;
border-left: 1px solid rgba(255, 255, 255, 0.05);
margin-left: -1px;
text-align: center; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
color: white;
text-decoration: none; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li a:hover {
background: rgba(255, 255, 255, 0.1); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li a .dashicons {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .slider-actions ul li a span {
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options {
position: absolute;
top: 0;
left: 50%;
width: 50%;
bottom: 0;
margin: 0 !important;
padding: 0 !important;
color: white; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options li {
position: relative;
height: 50%;
margin: 0; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options li a {
display: block;
position: absolute;
top: 50%;
transform: translatey(-50%);
padding: 5px 10px;
box-sizing: border-box;
text-decoration: none;
color: white; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options li:first-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options li:first-child a {
padding-top: 12px; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options li:last-child {
margin-top: -1px;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options li:hover {
background: rgba(255, 255, 255, 0.1); }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options .dashicons {
margin-right: 5px; }
.ls-sliders-grid .slider-item-wrapper .slider-actions-sheet .ls-export-options small {
display: block;
margin-top: 5px;
font-size: 12px;
line-height: 14px;
text-align: justify;
color: rgba(255, 255, 255, 0.7); }
.ls-sliders-grid .slider-item-wrapper .ls-export-options-button .dashicons {
left: 50% !important;
transform: translate(-50%, -50%) !important; }
div.ls-bulk-actions {
float: left;
height: 30px;
margin-top: 3px; }
div.ls-bulk-actions button {
margin-left: 10px !important; }
div.ls-bulk-actions select {
width: auto; }
.ls-pagination {
width: 300px;
height: 37px;
float: right;
clear: none !important;
margin: 0;
text-align: right;
line-height: 28px; }
.ls-pagination .displaying-num {
margin-right: 20px; }
.ls-pagination .total-pages {
margin: 0 5px; }
.ls-pagination form {
display: inline-block; }
.ls-pagination .button {
width: 28px; }
.ls-slider-group-modal-window .kmw-modal-inner {
left: 30px !important;
right: 30px !important; }
.ls-slider-group-modal-window .ls-remove-group-button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) !important; }
#ls-group-remove-area {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99999999;
height: 200px;
box-sizing: border-box;
transition: opacity 500ms, visibility 0ms 500ms;
visibility: hidden;
opacity: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); }
#ls-group-remove-area.active {
transition: opacity 500ms;
visibility: visible;
opacity: 1; }
#ls-group-remove-area .ls-drop-area {
position: relative;
width: 240px;
height: 70px;
margin: 40px auto;
padding-left: 74px;
padding-right: 20px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.2);
cursor: default;
transition: all 200ms; }
#ls-group-remove-area .ls-drop-area.over {
background: rgba(255, 255, 255, 0.4);
transform: scale(1.1); }
#ls-group-remove-area .ls-drop-area.over .dashicons {
color: rgba(255, 255, 255, 0.8); }
#ls-group-remove-area .ls-drop-area.over p {
color: rgba(255, 255, 255, 0.7); }
#ls-group-remove-area .ls-drop-area.over p:before {
content: attr(data-drop-text);
line-height: 46px; }
#ls-group-remove-area .ls-drop-area .dashicons {
position: absolute;
top: 50%;
left: 12px;
width: 48px;
height: 48px;
transform: translateY(-50%);
font-size: 48px;
color: rgba(255, 255, 255, 0.6); }
#ls-group-remove-area .ls-drop-area p {
margin: 0;
padding: 12px 0;
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
line-height: 24px; }
#ls-group-remove-area .ls-drop-area p:before {
content: attr(data-text);
white-space: pre-line; }
#ls-importing-modal-window {
height: 300px;
padding-top: 30px;
box-sizing: border-box; }
#ls-importing-modal-window .layerslider-logo {
width: 130px;
height: 130px;
margin: 0 auto;
position: relative;
overflow: visible !important; }
#ls-importing-modal-window .layerslider-logo:after {
content: attr(data-l10n-importing);
position: absolute;
width: 200%;
height: 50px;
top: 160%;
left: -50%;
font-size: 18px;
text-align: center; }
.km-embed-accordion {
margin: 0; }
.km-embed-accordion .km-accordion-head {
height: 36px;
line-height: 36px;
border-radius: 5px;
margin-bottom: 10px;
font-size: 14px;
color: #333; }
.km-embed-accordion .km-accordion-head:hover {
background: #e3e3e3; }
.km-embed-accordion .km-accordion-head:after {
top: -3px; }
.km-embed-accordion .km-accordion-head small {
float: right;
line-height: inherit; }
.km-embed-accordion .km-accordion-head small.green {
color: #74bf48; }
.km-embed-accordion .km-accordion-head small.red {
color: #ff4400; }
.km-embed-accordion .km-accordion-body {
border: 0;
font-size: 14px;
background: transparent; }
.km-embed-accordion .km-accordion-body p {
text-align: justify !important;
margin-right: 190px !important; }
.km-embed-accordion .km-accordion-body .button {
position: absolute;
top: 0;
right: 0;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 5px 20px;
font-size: 14px;
box-shadow: none !important; }
.km-embed-accordion .km-accordion-body i {
margin-top: 2px; }
.km-embed-accordion .km-accordion-body input {
width: 180px;
height: 26px;
margin: 0;
border: 1px solid #dedede;
border-radius: 4px;
color: #555;
padding: 0 6px !important;
text-align: center;
line-height: 26px; }
.ls-export-wrapper .half:first-child {
margin-right: -1px;
border-right: 1px solid #dfdfdf; }
.ls-export-wrapper .half:last-child {
margin-left: 0;
border-left: 1px solid #dfdfdf; }
.ls-export-wrapper .checkbox {
width: 16px; }
.ls-export-wrapper span.status {
float: right;
margin-right: 10px;
font-weight: 600; }
.ls-export-wrapper .status.available {
color: #76b546; }
.ls-export-wrapper .status.notavailable {
color: #E14D43; }
.ls-import-export-box p.desc {
margin: 20px 10px 0 0;
text-align: justify;
color: #777; }
.ls-import-export-box input, .ls-import-export-box select {
width: 90%; }
.ls-import-export-box td {
padding: 8px !important; }
.ls-import-export-box input.ls-import-file {
width: 300px;
margin-bottom: 8px;
line-height: 16px; }
.ls-import-export-box label {
line-height: 30px; }
.ls-import-export-box form {
padding: 10px; }
.ls-import-export-box form.ls-export-form tr:first-child td {
padding-top: 8px; }
.ls-import-export-box form.ls-export-form tr:first-child td:last-child {
padding-right: 8px; }
.ls-import-export-box form.ls-export-form select {
width: 100%;
height: 106px;
margin-bottom: 8px;
border-radius: 3px;
padding: 3px; }
.ls-import-export-box form.ls-export-form button {
margin-right: 0 !important; }
.ls-import-export-box button {
float: right;
margin-right: 10px !important; }
.ls-news {
margin-top: 50px; }
.ls-news .filters span {
line-height: 38px; }
.ls-news .ls-version {
float: right;
font-weight: normal; }
.ls-news iframe {
width: 100%;
height: 400px;
border: 0; }
.ls-auto-update {
overflow: hidden;
z-index: 10;
background: white; }
.ls-auto-update p {
margin-top: 0; }
.ls-auto-update figure.status {
color: #ff4400;
background: none;
text-shadow: none; }
.ls-auto-update figure.status .dashicons {
line-height: 28px;
margin: 0; }
.ls-auto-update figure.status span:last-child {
display: none; }
.ls-auto-update .button-activation {
position: absolute;
bottom: 10px;
right: 10px; }
.ls-auto-update .guide, .ls-auto-update form {
position: absolute;
top: 39px;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 0; }
.ls-auto-update form {
display: none; }
.ls-auto-update form .main-controls .enter {
display: inline-block;
margin-top: 5px; }
.ls-auto-update form .main-controls .key {
position: absolute;
left: 10px;
right: 10px;
height: 30px;
margin-top: 10px; }
.ls-auto-update form .main-controls .key input {
width: 100%; }
.ls-auto-update form .main-controls p {
margin-top: 55px;
font-style: italic;
font-size: 13px;
color: #666;
text-align: justify; }
.ls-auto-update form .main-controls .button-small {
position: absolute;
top: 10px;
right: 10px;
box-shadow: none; }
.ls-auto-update form .main-controls .purchase-button {
left: auto !important;
right: 10px; }
.ls-auto-update form .main-controls .button-hero {
position: absolute;
bottom: 10px;
left: 10px; }
.ls-auto-update form .main-controls .button-secondary {
position: absolute;
bottom: 10px;
right: 10px; }
.ls-auto-update form .sub-options {
display: none; }
.ls-auto-update form .sub-options .button-secondary {
position: absolute;
top: 82px; }
.ls-auto-update form .sub-options .channel {
position: absolute;
top: 85px;
right: 12px;
text-align: right; }
.ls-auto-update form .sub-options .channel input {
margin-left: 5px; }
.ls-auto-update form .sub-options .channel label {
vertical-align: baseline !important; }
.ls-auto-update form .sub-options p.note {
margin-top: 90px;
text-align: justify; }
.ls-auto-update form .sub-options .controls {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
height: 16px;
text-align: justify; }
.ls-auto-update form .sub-options .controls .button-secondary {
position: absolute;
top: -100px; }
.ls-auto-update form .sub-options .controls a {
text-align: left;
display: inline-block; }
.ls-auto-update form .sub-options .controls span {
display: inline-block;
width: 99%; }
.ls-auto-update form .sub-options .controls span {
margin: 0 10px; }
.ls-auto-update.active .guide {
display: none; }
.ls-auto-update.active form {
display: block; }
.ls-auto-update.active .main-controls p, .ls-auto-update.active .main-controls .button-hero, .ls-auto-update.active .main-controls .button-secondary {
display: none; }
.ls-auto-update.active .sub-options {
display: block; }
.ls-auto-update.active figure.status {
color: #74bf48; }
.ls-auto-update.active figure.status span:first-child {
display: none; }
.ls-auto-update.active figure.status span:last-child {
display: block; }
#tmpl-activation-error-modal-window p.center button,
#tmpl-activation-error-modal-window p.center .button {
float: none;
position: static !important; }
#tmpl-activation-error-modal-window p.bottom {
margin-top: 30px;
margin-bottom: 0 !important; }
#tmpl-activation-error-modal-window button,
#tmpl-activation-error-modal-window .button {
margin-top: 12px; }
#tmpl-activation-error-modal-window button:first-child,
#tmpl-activation-error-modal-window .button:first-child {
float: left; }
#tmpl-activation-error-modal-window button:last-child,
#tmpl-activation-error-modal-window .button:last-child {
float: right; }
.ls-product-banner {
height: 280px;
margin-bottom: 10px !important; }
.ls-product-banner figure {
position: absolute;
right: 5px;
margin: 5px 0;
padding: 0 8px;
background: #dedede;
border-radius: 3px;
line-height: 28px; }
.ls-product-banner:first-child {
margin-right: 5px !important; }
.ls-product-banner:last-child {
margin-left: 5px !important; }
.ls-product-banner i {
margin-right: 5px; }
.ls-product-banner ul {
margin: 0; }
.ls-product-banner ul li {
margin-bottom: 15px;
position: relative; }
.ls-product-banner small {
font-size: 12px;
line-height: 12px;
display: block;
margin-left: 29px; }
.ls-product-banner input[type="text"] {
height: 30px;
border-radius: 3px;
margin: 0 !important; }
.ls-product-banner .dashicons-lock {
color: #ff4400; }
.ls-newsletter .email {
position: absolute;
left: 10px;
right: 120px;
bottom: 10px; }
.ls-newsletter .email input {
width: 100%; }
.ls-newsletter button {
position: absolute;
width: 100px;
height: 30px !important;
right: 10px;
bottom: 10px;
margin: 0 !important; }
.ls-social-media-box .ls-social-media-buttons {
position: absolute;
right: 10px;
bottom: 10px;
left: 10px;
text-align: center; }
.ls-social-media-box .button {
width: 120px;
height: 30px;
line-height: 28px;
margin-right: 20px !important;
color: inherit;
font-size: 14px; }
.ls-social-media-box .button:last-child {
margin-right: 0 !important; }
.ls-social-media-box .dashicons {
height: 28px;
line-height: 28px; }
.ls-product-support a.button {
position: absolute;
left: 10px;
bottom: 10px;
box-shadow: none; }
.ls-product-support a.button-normal {
height: 30px; }
.ls-product-support a.button-small {
left: auto;
top: 5px;
right: 10px; }
#ls-import-modal-window {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999992;
margin: 0;
overflow: hidden; }
#ls-import-modal-window .inner {
position: absolute;
top: 43px;
bottom: 0;
left: 0;
right: 0;
overflow: auto; }
#ls-import-modal-window ul {
border-bottom: 1px solid #dedede; }
#ls-import-modal-window ul li {
height: 32px;
width: 25%;
display: inline-block;
line-height: 32px;
font-size: 14px; }
#ls-import-modal-window ul li div.preview {
display: inline-block;
width: 32px;
height: 32px;
position: relative;
margin-right: 10px;
overflow: hidden;
border-radius: 2px;
float: left; }
#ls-import-modal-window ul li div.preview img {
height: 32px;
position: absolute;
top: 0;
left: 50%;
margin-left: -16px; }
#ls-import-modal-window .premium-sliders h3 span, #ls-import-modal-window .premium-sliders h3 a {
font-size: 12px !important; }
#ls-import-modal-window .premium-sliders h3 span {
color: #ff8a3b; }
#ls-import-modal-window .ls-import-notice {
font-size: 14px;
text-align: justify; }
/* IMPORT MODAL WINDOW */
/* Head */
#ls-import-modal-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 10000;
background: black; }
#ls-import-modal-window {
min-width: 240px;
background-color: #f7f7f7;
border: 0 !important;
font-family: Poppins, sans-serif; }
#ls-import-modal-window .header {
height: 60px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background-color: rgba(247, 247, 247, 0.95);
z-index: 3;
text-transform: none !important;
text-shadow: none; }
#ls-import-modal-window .header .ls-logo {
width: 40px;
position: absolute;
left: 32px;
top: 10px; }
#ls-import-modal-window .header h1 {
font-size: 26px !important;
font-weight: 500 !important;
margin: 0 0 0 90px;
height: 100%;
line-height: 60px;
color: #f35959; }
#ls-import-modal-window .header .modal-close-btn {
position: absolute;
right: 30px;
top: 17px;
border: 2px solid #999;
width: 1em;
height: 1em;
border-radius: 1em !important;
color: #666;
font-size: 23px;
opacity: .65;
transition: opacity .25s ease-in-out;
cursor: pointer; }
#ls-import-modal-window .header .modal-close-btn:hover {
opacity: 1; }
#ls-import-modal-window .header .last-update {
position: absolute;
right: 130px;
top: 16px;
width: 300px;
text-align: right;
font-weight: normal;
font-size: 13px;
line-height: 30px;
opacity: 0.7; }
#ls-import-modal-window .header .last-update a.refresh-btn {
transform: translateY(1px);
margin-left: 10px;
font-size: 16px;
color: #999;
transition: color 200ms; }
#ls-import-modal-window .header .last-update a.refresh-btn:hover {
color: #f35959; }
#ls-import-modal-window .inner {
display: none;
overflow: auto !important;
top: 0px !important;
padding: 70px 5px 0 255px !important; }
#ls-import-modal-window .inner.active {
display: block; }
#ls-import-modal-window .inner .templates-sidemenu {
position: fixed;
left: 20px;
top: 70px;
width: 220px;
max-height: calc(100vh - 90px);
background: white;
padding: 20px;
border-radius: 16px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
z-index: 2;
overflow: auto;
box-sizing: border-box;
height: auto; }
#ls-import-modal-window .inner .templates-sidemenu h5 {
margin: 20px 10px 10px;
color: #666;
font-size: 14px;
text-transform: uppercase;
font-weight: 400; }
#ls-import-modal-window .inner .templates-sidemenu ul {
border: 0 !important;
margin: 0; }
#ls-import-modal-window .inner .templates-sidemenu ul li {
display: block;
float: none !important;
padding: 0 10px 0 36px !important;
white-space: nowrap;
cursor: pointer;
font-size: 17px;
height: 32px;
line-height: 32px;
width: auto;
border-radius: 8px;
color: #aaa;
position: relative;
box-sizing: border-box; }
#ls-import-modal-window .inner .templates-sidemenu ul li img {
left: 9px;
width: 17px;
filter: grayscale(100%);
opacity: .5; }
#ls-import-modal-window .inner .templates-sidemenu ul li i {
left: 8px;
width: 18px;
text-align: center; }
#ls-import-modal-window .inner .templates-sidemenu ul li i.fa-sort {
transform: rotate(90deg) translate(-50%) scale(1.2); }
#ls-import-modal-window .inner .templates-sidemenu ul li i, #ls-import-modal-window .inner .templates-sidemenu ul li img {
top: 50%;
transform: translateY(-50%);
position: absolute; }
#ls-import-modal-window .inner .templates-sidemenu ul li a {
color: inherit;
background: inherit;
position: absolute;
left: 36px;
top: 0;
right: 0;
bottom: 0; }
#ls-import-modal-window .inner .templates-sidemenu ul li.uppercase {
text-transform: uppercase; }
#ls-import-modal-window .inner .templates-sidemenu ul li.active {
background: #f35959;
color: white; }
#ls-import-modal-window .inner .templates-sidemenu ul li.active:before {
content: '';
position: absolute;
top: 50%;
right: -20px;
width: 24px;
height: 24px;
border-radius: 5px;
transform: translate(-50%, -50%) rotate(45deg);
background-color: #f35959;
z-index: -1; }
#ls-import-modal-window .inner .templates-sidemenu ul li.active img {
opacity: 1; }
#ls-import-modal-window .inner .templates-sidemenu ul li:not(.active):hover {
color: #f35959; }
#ls-import-modal-window .inner .templates-sidemenu ul li:not(.active):hover img {
filter: none;
opacity: 1; }
#ls-import-modal-window .inner .templates-sidemenu ul:not(.content-filter) li.active,
#ls-import-modal-window .inner .templates-sidemenu ul:not(.content-filter) li.active:before {
background: #eee;
color: #555; }
#ls-import-modal-window .inner .shuffle-item--hidden {
display: none; }
#ls-import-modal-window .inner .items {
z-index: 1;
overflow: visible !important;
min-height: 400px !important;
width: calc( 100vw - 26 * $rem); }
#ls-import-modal-window .inner .items figure {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
margin-top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
transform: translate3d(0, 0, 0);
overflow: hidden;
border-radius: 10px;
position: relative; }
#ls-import-modal-window .inner .items figure.visible {
visibility: visible !important;
transform: scale(1) !important; }
#ls-import-modal-window .inner .items figure.coming-soon {
background: white;
visibility: hidden;
transform: scale(0);
transition: all .4s ease-in-out; }
#ls-import-modal-window .inner .items figure.coming-soon .absolute-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
#ls-import-modal-window .inner .items figure.coming-soon .absolute-wrapper td {
text-align: center;
vertical-align: middle !important;
background: transparent !important;
border: 0 !important; }
#ls-import-modal-window .inner .items figure.coming-soon .absolute-wrapper td span {
display: inline-block;
font-size: 40px;
font-family: Damion, Pacifico, cursive;
line-height: 50px;
color: #f35959;
letter-spacing: 1px; }
#ls-import-modal-window .inner .items figure .aspect {
padding-bottom: 80% !important;
height: 0 !important;
position: relative;
overflow: hidden;
border-radius: 10px; }
#ls-import-modal-window .inner .items figure .aspect .item-picture {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 68px;
background-size: cover !important;
background-position: 50% 50% !important;
transition: all .65s ease-out;
z-index: 1;
opacity: .85;
overflow: hidden; }
#ls-import-modal-window .inner .items figure .aspect figcaption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 70px;
background: white;
z-index: 2;
white-space: nowrap;
text-overflow: ellipsis; }
#ls-import-modal-window .inner .items figure .aspect figcaption h5 {
display: block;
font-size: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
left: 20px;
width: calc( 100% - 40px);
top: 50%;
transform: translateY(-50%);
position: absolute;
line-height: 18px;
color: #777;
font-weight: 500;
margin: 0; }
#ls-import-modal-window .inner .items figure .aspect figcaption h5 span {
display: block;
font-weight: 300;
color: #aaa; }
#ls-import-modal-window .inner .items figure .aspect .badge-new {
position: absolute;
right: -20px;
top: 9px;
background: #f35959;
color: #fff;
width: 82px;
height: 22px;
line-height: 22px;
font-size: 12px;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
pointer-events: none;
z-index: 99; }
#ls-import-modal-window .inner .items figure .aspect .item-action {
position: absolute;
display: block;
z-index: 3;
background: rgba(255, 255, 255, 0.85);
width: 100%;
height: 0;
line-height: calc( 50% - 35px);
left: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-out, transform .4s ease-out;
box-sizing: border-box !important;
overflow: hidden; }
#ls-import-modal-window .inner .items figure .aspect .item-action.item-preview {
bottom: calc( 35px + 50%); }
#ls-import-modal-window .inner .items figure .aspect .item-action.item-preview a {
bottom: 36%;
transform: translate(-50%, 50%); }
#ls-import-modal-window .inner .items figure .aspect .item-action.item-import {
top: calc( ( 100% - 70px ) / 2); }
#ls-import-modal-window .inner .items figure .aspect .item-action.item-import a {
top: 36%;
transform: translate(-50%, -50%); }
#ls-import-modal-window .inner .items figure .aspect .item-action .dashicons {
transition: none; }
#ls-import-modal-window .inner .items figure .aspect .item-action a {
display: block;
position: absolute;
left: 50%;
width: 60%;
box-sizing: border-box;
padding: 10px 20px;
border-radius: 100px;
background: rgba(0, 0, 0, 0.4);
color: white;
font-size: 16px;
font-weight: 500;
transition: all .2s ease-in-out; }
#ls-import-modal-window .inner .items figure .aspect .item-action b {
vertical-align: middle !important;
margin-right: 10px !important; }
#ls-import-modal-window .inner .items figure:hover .item-picture {
transform: scale(1.1);
opacity: 1;
filter: grayscale(100%); }
#ls-import-modal-window .inner .items figure:hover figcaption {
transform: translateY(0); }
#ls-import-modal-window .inner .items figure:hover .item-action {
transform: translateY(0) !important;
height: calc( 50% - 35px); }
#ls-import-modal-window .inner .items figure:hover .item-action a:hover {
background: #f35959; }
@media screen and (min-width: 2801px) {
#ls-import-modal-window .items figure {
width: calc( 15% - 30px); } }
@media screen and (max-width: 2800px) {
#ls-import-modal-window .items figure {
width: calc( 20% - 30px); } }
@media screen and (max-width: 2300px) {
#ls-import-modal-window .items figure {
width: calc( 25% - 30px); } }
@media screen and (max-width: 1700px) {
#ls-import-modal-window .items figure {
width: calc( 33.3% - 30px); } }
@media screen and (max-width: 1200px) {
#ls-import-modal-window .items figure {
width: calc( 50% - 30px); } }
@media screen and (max-width: 1000px) {
#ls-import-modal-window .inner {
padding-left: 5px !important; }
#ls-import-modal-window .inner .items {
width: calc( 100vw - 10px); }
.templates-sidemenu {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
margin: 0 15px 30px 15px !important;
z-index: 2 !important; }
.templates-sidemenu ul {
text-align: left; }
.templates-sidemenu ul li {
width: 24% !important;
display: inline-block !important;
vertical-align: middle; }
.templates-sidemenu li:before {
display: none; } }
@media screen and (max-width: 869px) {
.templates-sidemenu ul li {
width: 32% !important; } }
@media all and (max-width: 639px) {
#ls-import-modal-window .items figure .item-action a {
bottom: auto !important;
top: 50% !important;
transform: translate(-50%, -50%) !important; }
.templates-sidemenu ul li {
width: 49% !important; } }
@media screen and (max-width: 576px) {
#ls-import-modal-window .items figure {
width: calc( 100% - 30px); } }
@media screen and (max-width: 399px) {
.templates-sidemenu ul li {
width: 100% !important; } }
@media all and (max-width: 4000px) {
.ls-sliders-grid .slider-item {
width: 14.28%;
padding: 0.75%;
margin-bottom: 1.5%; } }
@media all and (max-width: 2200px) {
.ls-sliders-grid .slider-item {
width: 16.66%;
padding: 1%;
margin-bottom: 2%; } }
@media all and (max-width: 1879px) {
.ls-sliders-grid .slider-item {
width: 20%;
padding: 1%;
margin-bottom: 2.5%; } }
@media all and (max-width: 1579px) {
.ls-sliders-grid .slider-item {
width: 25%;
padding: 1%;
margin-bottom: 3%; } }
@media all and (max-width: 1279px) {
.ls-sliders-grid .slider-item {
width: 33.33%;
padding: 1.5%;
margin-bottom: 3%; } }
@media all and (max-width: 899px) {
.ls-sliders-grid .slider-item {
width: 50%;
padding: 2%;
margin-bottom: 4%; } }
@media all and (max-width: 520px) {
.ls-sliders-grid .slider-item {
width: 100%;
padding: 3%;
margin-bottom: 5%; } }
@media all and (max-width: 4000px) {
.ls-slider-group-modal-window .slider-item {
width: 25%;
padding: 1%;
margin-bottom: 3%; } }
@media all and (max-width: 1279px) {
.ls-slider-group-modal-window .slider-item {
width: 33.33%;
padding: 1.5%;
margin-bottom: 3%; } }
@media all and (max-width: 899px) {
.ls-slider-group-modal-window .slider-item {
width: 50%;
padding: 2%;
margin-bottom: 4%; } }
pixie-editor.mode-overlay {
z-index: 999999 !important; }
pixie-editor.mode-overlay .overlay {
background-color: rgba(0, 0, 0, 0.6) !important; }
.ls-slide-preview-tooltip {
padding: 5px !important; }
.ls-slide-preview-tooltip, .ls-slide-preview-tooltip .inner {
width: 200px !important;
height: 100px !important; }
.ls-slide-preview-tooltip div {
width: 200px;
height: 100px;
overflow: hidden;
background-size: cover; }
.ls-slide-preview-tooltip div img {
width: 100%; }
.ls-slider-titlewrap {
position: relative; }
.ls-slider-titlewrap input {
width: 100%;
height: 38px;
padding: 0 350px 0 10px;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
line-height: 36px;
border-radius: 3px; }
.ls-slider-titlewrap input:focus {
border-color: #ddd !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07) !important; }
.ls-slider-titlewrap .ls-slider-slug {
width: 350px;
height: 38px;
position: absolute;
top: 0px;
right: 0;
border-left: 1px solid #DDD;
text-align: right;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 38px;
color: #666; }
.ls-slider-titlewrap .ls-slider-slug input {
width: 250px;
float: right;
border: 0;
padding: 0 10px;
margin-left: 5px;
background: transparent;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 36px; }
.ls-slider-settings {
margin-top: 10px; }
.ls-slider-settings .header input {
width: 200px;
height: 24px;
padding: 0 10px;
margin: 7px -3px 0 0;
border: 1px solid #dedede;
float: right;
border-radius: 12px;
font-weight: normal;
box-shadow: inset 1px 1px 1px #bbb; }
.ls-slider-settings .header input:focus {
border: 1px solid #aaa; }
.ls-slider-settings th {
height: 20px;
padding: 0 0 0 30px;
font-size: 12px;
line-height: 20px;
color: #666;
background: #f7f7f7;
font-weight: normal; }
.ls-slider-settings th.half {
padding-left: 0 !important;
width: 50% !important;
text-align: center !important; }
.ls-slider-settings td {
background: none !important; }
.ls-slider-settings td.half {
width: 50% !important;
font-size: 20px !important;
text-align: center !important;
position: relative;
vertical-align: top; }
.ls-slider-settings td.half:first-child {
border-right: 1px solid #dedede; }
.ls-slider-settings td.half label {
display: none;
position: absolute;
top: 55px;
width: 250px;
font-size: 11px !important;
color: #666;
text-align: left;
cursor: default; }
.ls-slider-settings td.half label.error span {
color: red; }
.ls-slider-settings td.half label span {
float: right; }
.ls-slider-settings td.hero {
text-align: left !important;
padding-left: 30px !important; }
.ls-slider-settings input {
border-radius: 3px; }
.ls-slider-settings .inner {
min-height: 491px;
position: relative;
padding: 0; }
.ls-slider-settings span {
color: #777;
font-weight: 600; }
.ls-slider-settings textarea {
width: 100%;
height: 42px;
resize: vertical; }
.ls-slider-settings-advanced {
float: right;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #777; }
.ls-slider-settings-advanced .ls-checkbox {
margin: -2px 0 0 10px;
vertical-align: middle; }
.ls-settings-contents {
padding-left: 230px; }
.ls-settings-contents input, .ls-settings-contents select {
width: 150px; }
.ls-settings-contents tbody {
display: none; }
.ls-settings-contents tbody.active {
display: table-row-group; }
.ls-advanced,
.ls-premium,
.ls-advanced div,
.ls-premium div {
position: relative; }
.ls-advanced i.dashicons {
position: absolute;
top: 2px;
left: 5px;
font-size: 12px;
color: #bbb; }
.ls-premium a.dashicons {
position: absolute;
top: 0px;
left: 5px;
font-size: 16px;
color: #999 !important; }
.ls-layout-popup-notice {
padding: 10px !important;
text-align: center !important; }
.ls-layout-popup-notice a {
margin-top: 10px !important; }
.ls-layout-illustration {
width: 160px;
margin: 0 20px 60px 20px;
position: relative;
perspective: 50px; }
.ls-layout-illustration:before {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 25px;
background: #ddd;
display: block;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; }
.ls-layout-illustration:after {
content: '';
position: absolute;
left: 50%;
top: 100%;
margin-top: 25px;
width: 40px;
margin-left: -20px;
height: 15px;
background: #ccc;
z-index: -1; }
.ls-layout-illustration .ls-layout-illustration-inner {
height: 90px;
border: 7px solid #999;
border-radius: 8px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
position: relative; }
.ls-layout-illustration .ls-layout-illustration-inner:after {
content: '';
position: absolute;
left: 50%;
top: 100%;
margin-top: 47px;
width: 44px;
margin-left: -22px;
height: 3px;
background: #aaa;
border-radius: 10px;
border-top: 1px solid #ddd; }
.ls-popup-layout-example {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
box-sizing: border-box; }
.ls-popup-layout-example .ls-popup-layout-padding {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner {
position: absolute;
background: #ccc;
border: 1px solid #c7c7c7;
box-sizing: border-box;
width: 40px;
height: 23px;
border-radius: 3px; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-fitwidth {
width: 100%;
left: 0 !important;
margin-left: 0 !important; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-fitheight {
height: 100%;
top: 0 !important;
margin-top: 0 !important; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-top {
top: 0; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-bottom {
bottom: 0; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-left {
left: 0; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-right {
right: 0; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-center {
left: 50%;
margin-left: -20px; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-middle {
top: 50%;
margin-top: -12px; }
.ls-popup-layout-example .ls-popup-layout-padding .ls-popup-layout-inner.ls-popup-fitwidth.ls-popup-fitheight {
width: 100%;
height: 100%;
margin: 0 !important; }
#ls-popup-presets-modal-window table {
width: 100%;
border-collapse: collapse;
border-spacing: 0; }
#ls-popup-presets-modal-window td {
width: 25%;
padding: 0;
text-align: center; }
#ls-popup-presets-modal-window .ls-layout-illustration-grid {
border-radius: 10px;
position: relative;
opacity: .65;
transition: all 0.3s ease-in-out;
padding-bottom: 20px;
display: inline-block; }
#ls-popup-presets-modal-window .ls-layout-illustration-grid.ls-layout-centered {
float: none; }
#ls-popup-presets-modal-window .ls-layout-illustration-grid:hover {
cursor: pointer; }
#ls-popup-presets-modal-window .ls-layout-illustration-grid.active {
cursor: default !important; }
#ls-popup-presets-modal-window .ls-layout-illustration-grid:hover, #ls-popup-presets-modal-window .ls-layout-illustration-grid.active {
opacity: 1; }
#ls-popup-presets-modal-window .ls-layout-illustration-grid h3 {
text-align: center;
font-weight: 400;
font-size: 16px;
margin-top: -5px;
margin-bottom: 0; }
.ls-settings-popup .ls-hidden {
display: none !important; }
.ls-settings-popup .ls-notification {
padding: 10px 10px 10px 40px !important;
width: auto;
margin: 10px 30px;
box-sizing: border-box;
text-align: left;
font-size: 13px; }
.ls-settings-popup .ls-notification.info {
background-color: #00b4ff;
border: 0 !important; }
.ls-settings-popup .ls-notification .dashicons {
position: absolute;
top: 7px;
left: 7px;
font-size: 24px; }
.ls-settings-popup .ls-popup-target > span {
display: inline-block;
width: 145px;
line-height: 30px;
font-weight: normal;
color: #222; }
.ls-settings-popup td.ls-spacer-bottom {
padding-bottom: 10px !important; }
.ls-settings-popup td.ls-spacer-top {
padding-top: 10px !important; }
.ls-settings-popup td:first-child {
width: 220px !important; }
.ls-settings-popup .ls-description {
padding: 5px 10px 5px 10px;
text-align: justify;
color: #555;
font-size: 13px; }
.ls-settings-popup .ls-checkbox {
margin-left: 2px; }
.ls-settings-popup td:first-child .ls-checkbox {
float: left;
margin-left: 26px; }
.ls-settings-popup .mini {
width: 50px; }
.ls-settings-popup .center {
text-align: center !important; }
.ls-settings-popup .ls-notification-info {
margin: 15px auto;
text-align: left; }
.ls-settings-popup button.ls-popup-preview-button {
width: auto;
margin-left: 2px;
vertical-align: middle; }
.ls-settings-popup .button .dashicons {
font-size: 18px;
margin-right: 5px;
line-height: 25px;
vertical-align: top; }
.ls-settings-popup .ls-checkbox {
margin-left: 10px;
margin-bottom: -4px; }
.ls-settings-popup .ls-popup-include-pages td:last-child,
.ls-settings-popup .ls-popup-include-custom-pages td:last-child,
.ls-settings-popup .ls-popup-exclude-pages td:last-child {
padding-right: 6px; }
.ls-settings-popup .ls-popup-include-pages input,
.ls-settings-popup .ls-popup-include-custom-pages input,
.ls-settings-popup .ls-popup-exclude-pages input {
width: 100%; }
.ls-settings-popup .ls-popup-include-pages span,
.ls-settings-popup .ls-popup-include-custom-pages span,
.ls-settings-popup .ls-popup-exclude-pages span {
color: inherit;
font-weight: normal; }
.ls-settings-popup .ls-popup-appearance {
padding: 0; }
.ls-settings-popup .ls-popup-appearance tbody {
display: table-row-group; }
.ls-settings-popup .ls-popup-appearance th {
text-align: center;
padding-left: 0; }
.ls-settings-popup .ls-popup-appearance .ls-popup-position {
width: 100%; }
.ls-settings-popup .ls-popup-appearance .ls-popup-position td:hover {
background: #999 !important; }
.ls-settings-popup .ls-popup-appearance .ls-popup-position td.active {
background: #7eb917 !important; }
.ls-settings-popup .ls-popup-appearance .ls-popup-position td.active i {
bottom: -20px;
left: 50%;
margin-left: -50px;
width: 100px;
display: block;
text-align: center;
white-space: nowrap; }
.ls-settings-popup .ls-popup-appearance .ls-popup-position td i {
display: none;
font-style: normal;
position: absolute;
text-transform: uppercase; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-preview,
.ls-settings-popup .ls-popup-appearance th.ls-popup-preview {
width: 250px !important;
border-right: 1px solid #dedede; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-preview {
text-align: center;
vertical-align: bottom;
padding-bottom: 10px; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-preview .ls-layout-illustration {
margin-left: auto;
margin-right: auto; }
.ls-settings-popup .ls-popup-appearance .right {
text-align: right;
border-left: 1px solid #dedede; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout {
text-align: center;
vertical-align: bottom;
padding: 0; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout div a, .ls-settings-popup .ls-popup-appearance td.ls-popup-layout div button {
display: inline-block;
margin: 15px 10px; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout table td {
width: auto !important;
padding: 0;
height: 30px; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout table td table td {
border-top: 1px solid #dedede;
padding: 4px; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout table td table td:last-child {
text-align: left !important;
white-space: nowrap; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout table td table td:last-child input {
width: 70px !important;
text-align: left; }
.ls-settings-popup .ls-popup-appearance td.ls-popup-layout table td table td:last-child a {
margin: 0; }
.table-holder .ls-premium a.dashicons {
left: -5px; }
.ls-settings-sidebar {
width: 230px;
min-height: 420px;
height: 100%;
position: absolute;
top: 0px;
left: 0;
border-right: 1px solid #e3e3e3;
margin: 0;
background: #f7f7f7; }
.ls-settings-sidebar li {
height: 40px;
position: relative;
margin: 0;
border-bottom: 1px solid #e3e3e3;
line-height: 40px;
cursor: pointer;
font-size: 13px;
text-transform: uppercase;
color: #444; }
.ls-settings-sidebar li i {
line-height: inherit;
padding: 0 5px;
transition: none;
-webkit-transition: none; }
.ls-settings-sidebar li strong {
display: inline-block;
max-width: 180px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px; }
.ls-settings-sidebar li small {
display: inline !important;
width: auto !important;
float: none !important;
position: relative;
top: -5px;
left: 5px;
color: red;
text-shadow: none; }
.ls-settings-sidebar li .dashicons-lock {
position: absolute;
top: 10px;
right: 20px;
color: #999; }
.ls-settings-sidebar li.active {
color: white;
text-shadow: 1px 1px 1px #666;
background: #8c8c8c; }
.ls-settings-sidebar li.active:after {
content: ' ';
display: block;
width: 28px;
height: 28px;
position: absolute;
top: 6px;
right: -14px;
opacity: 1;
background: #8c8c8c;
transform: rotate(45deg); }
.ls-settings-sidebar li.active .dashicons-lock {
color: white; }
.ls-publish-checkbox {
float: left;
margin-right: 10px; }
.ls-datepicker-wrapper {
position: relative;
width: 252px;
margin: 0 auto; }
.ls-datepicker-label {
display: inline-block;
margin: 15px 5px 0 -100px; }
.ls-datepicker-input {
width: 250px !important;
height: 50px;
margin: 0px 0 25px 0;
font-size: 20px;
border: 0 !important;
border-bottom: 2px solid #ccc !important;
border-radius: 0 !important;
font-family: 'Open Sans', arial, sans-serif !important;
text-align: center; }
.ls-slider-settings .datepicker-inline {
margin: 10px auto 20px auto; }
.ls-slider-settings .datepicker-inline .ls-datepicker {
margin: 0 auto; }
.ls-slider-settings .datepicker-inline span {
font-weight: normal; }
.ls-schedule-desc {
display: inline-block; }
.ls-schedule-desc span {
display: inline-block;
margin-top: 20px;
color: red; }
.ls-schedule-desc ul {
padding-left: 20px;
list-style-type: square; }
.ls-schedule-desc ul li {
margin-bottom: 3px; }
.ls-schedule-desc ul li i {
display: inline-block;
margin: 3px 0 10px 0;
background: #e1e1e1;
border-radius: 3px;
padding: 0px 4px; }
.datepicker--cell,
.datepicker--button,
.datepicker--nav {
height: 26px !important;
min-height: 26px !important; }
.ls-slider-dimensions div {
position: relative;
width: 120px;
margin: 15px;
background: transparent no-repeat 0 0;
float: left;
cursor: pointer;
text-align: center; }
.ls-slider-dimensions div:first-child {
margin-left: 25px; }
.ls-slider-dimensions div img {
width: 100%; }
.ls-slider-dimensions div span {
display: inline-block;
margin-top: 5px;
padding: 0 10px;
line-height: 20px;
border-radius: 10px;
background-color: transparent;
transition: all 300ms; }
.ls-slider-dimensions div.active span {
background-color: #7eb917;
color: #fff; }
.ls-slider-dimensions div.locked {
cursor: default; }
.ls-slider-dimensions div.locked img {
opacity: 0.3; }
.ls-slider-dimensions div.locked .dashicons-lock {
position: absolute;
top: 37px;
left: 50%;
display: block;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
text-align: center;
font-size: 32px;
color: #666; }
#ls-more-slide-options {
display: inline-block;
position: relative;
height: 50px;
margin: 20px auto;
padding: 0 20px;
text-align: center;
color: #444;
cursor: pointer;
box-shadow: none !important;
-webkit-box-shadwo: none !important;
transform: none !important; }
#ls-more-slide-options:hover {
color: #666; }
#ls-more-slide-options strong {
display: block;
font-size: 15px;
line-height: 47px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 400 !important;
color: #333; }
#ls-more-slide-options strong:first-child {
line-height: 35px; }
#ls-more-slide-options strong:last-child {
display: none; }
#ls-more-slide-options strong small {
position: absolute;
left: 0px;
top: 17px;
width: 100%;
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 11px !important; }
#ls-more-slide-options.ls-opened strong:first-child {
display: none; }
#ls-more-slide-options.ls-opened strong:last-child {
display: block; }
#ls-slide-tabs {
position: relative;
z-index: 1;
counter-reset: slides; }
#ls-slide-tabs .ui-sortable-helper {
position: absolute !important; }
#ls-slide-tabs .ls-slide-tab {
position: relative;
width: 145px;
height: 80px;
border: 3px solid white;
border-radius: 4px;
float: left;
margin: 0 15px 15px 0px;
overflow: hidden;
background: white;
box-shadow: 0 0 0 3px transparent; }
#ls-slide-tabs .ls-slide-tab:not(.skip) {
counter-increment: slides; }
#ls-slide-tabs .ls-slide-tab .ls-slide-counter {
position: absolute;
left: 5px;
top: 5px;
min-width: 12px;
height: 18px;
padding: 0 3px;
background: rgba(0, 0, 0, 0.6);
border-radius: 100%;
z-index: 999;
line-height: 18px;
font-weight: 600;
font-size: 10px;
text-align: center;
color: white; }
#ls-slide-tabs .ls-slide-tab .ls-slide-counter:before {
content: counter(slides); }
#ls-slide-tabs .ls-slide-tab.active {
border: 3px solid white;
box-shadow: 0 0 0 3px #bbb; }
#ls-slide-tabs .ls-slide-tab.skip .ls-slide-preview {
opacity: 0.6; }
#ls-slide-tabs .ls-slide-tab.skip .ls-slide-counter {
display: none !important; }
#ls-slide-tabs .ls-slide-tab.skip .ls-slide-hidden {
display: block; }
#ls-slide-tabs .ls-slide-tab.skip .ls-slide-visibility span:first-child {
display: none; }
#ls-slide-tabs .ls-slide-tab.skip .ls-slide-visibility span:last-child {
display: block; }
#ls-slide-tabs .ls-slide-tab:hover .ls-slide-actions {
visibility: visible;
opacity: 1; }
#ls-slide-tabs .ls-slide-tab.empty .ls-slide-preview span {
display: block !important; }
#ls-slide-tabs .ls-slide-tab.slide-actions-opened .ls-slide-preview {
filter: blur(7px) saturate(120%); }
#ls-slide-tabs .ls-slide-tab .ls-slide-hidden {
display: none;
position: absolute;
top: 2px;
left: 2px;
z-index: 999;
font-size: 18px;
text-shadow: 0 0 12px white; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions {
position: absolute;
z-index: 3;
top: 5px;
right: 5px;
width: 18px;
height: 17px;
padding-top: 1px;
background: rgba(0, 0, 0, 0.6);
border-radius: 100%;
font-size: 16px;
cursor: pointer;
color: white;
line-height: 18px;
text-align: center;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet {
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 0;
list-style-type: none;
background: rgba(0, 0, 0, 0.5);
transform: translateY(-80px);
border-radius: 3px; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet li {
position: relative;
top: 5px;
height: 20px;
padding-top: 3px;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
color: #fff;
font-size: 13px;
cursor: pointer; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet li:first-child {
margin-bottom: -1px;
border-top: 0; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet li:last-child {
margin-top: -1px;
border-bottom: 0; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet li:hover {
background: rgba(255, 255, 255, 0.1); }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet li span {
position: absolute;
top: 0;
bottom: 0;
left: 5px;
right: 5px;
padding: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#ls-slide-tabs .ls-slide-tab .ls-slide-actions-sheet li .dashicons {
font-size: 16px; }
#ls-slide-tabs .ls-slide-tab .ls-slide-preview {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
cursor: pointer;
border-radius: 3px;
border: 1px solid #ddd; }
#ls-slide-tabs .ls-slide-tab .ls-slide-preview span {
display: none;
line-height: 60px;
text-align: center;
color: #666;
font-size: 14px; }
#ls-slide-tabs .ls-slide-tab .ls-slide-visibility span:last-child {
display: none; }
#ls-slide-tabs .ls-slide-tab .ls-slide-name {
position: absolute;
z-index: 3;
height: 20px;
bottom: 1px;
left: 1px;
right: 1px;
background: rgba(0, 0, 0, 0.6);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
#ls-slide-tabs .ls-slide-tab .ls-slide-name input {
display: block;
width: 100%;
padding: 0 5px;
margin: 0;
border: 0;
outline: none;
background: transparent !important;
border-radius: 0 !important;
color: #fff;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
#ls-slide-tabs .ls-slide-tab .ls-slide-name input::placeholder {
color: #bbb !important; }
.ls-slide-controls {
position: relative;
width: 78px;
height: 78px;
border: 1px dashed #ccc;
border-radius: 3px;
float: left;
margin: 3px 15px 15px 0px;
overflow: hidden;
color: #999;
text-align: center;
cursor: pointer; }
.ls-slide-controls div {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.ls-slide-controls .dashicons {
display: block;
width: 100%;
height: 34px;
font-size: 36px; }
#ls-import-slide .dashicons {
font-size: 30px; }
#ls-layers .ls-slide-options span.desc {
color: #999;
font-size: 12px; }
.ls-slide-options tr.black td {
color: #666 !important; }
.ls-slide-options td {
vertical-align: top; }
.ls-slide-options td input, .ls-slide-options td select {
margin: 0px;
height: 23px;
vertical-align: middle !important;
font-size: 12px; }
.ls-slide-options td select {
width: 100px;
position: relative; }
.ls-slide-options td button {
width: 152px !important;
margin: 0px !important;
position: relative; }
.ls-slide-options td button span {
position: absolute;
left: 10px;
top: 50%;
margin-top: -12px; }
.ls-slide-options td .inner, .ls-slide-options td .inner > .float {
line-height: 16px;
white-space: nowrap; }
.ls-slide-options td .inner {
margin: 0 auto; }
.ls-slide-options td .inner .float {
float: left;
text-align: left; }
.ls-slide-options td .inner span.indent {
margin-left: 5px; }
.ls-slide-options td.slide-image {
min-width: 360px; }
.ls-slide-options td.slide-image .inner {
width: 340px; }
.ls-slide-options td.slide-image .inner .float {
width: 50%; }
.ls-slide-options td.slide-image .inner:last-child {
text-align: right; }
.ls-slide-options td.slide-thumb {
min-width: 172px; }
.ls-slide-options td.slide-thumb .inner {
width: 152px; }
.ls-slide-options td.slide-timing {
min-width: 230px; }
.ls-slide-options td.slide-timing .inner {
width: 210px; }
.ls-slide-options td.slide-transition {
min-width: 172px; }
.ls-slide-options td.slide-transition .inner {
width: 152px; }
.ls-slide-options td.slide-transition .inner button {
height: 52px; }
.ls-slide-options td.slide-transition .inner .row-helper {
margin-bottom: 0 !important;
position: relative; }
.ls-slide-options td.slide-transition .inner .row-helper input {
margin: 6px 0 0 0;
width: 150px; }
.ls-slide-options td.slide-transition .inner .row-helper span {
display: block;
height: 34px;
line-height: 34px;
color: #999;
position: absolute;
right: 22px;
top: 0px; }
.ls-slide-options td.ls-slide-link .inner {
width: 340px; }
.ls-slide-options td.ls-slide-link .inner .row-helper {
position: relative; }
.ls-slide-options td.ls-slide-link .inner .row-helper input {
width: 100%;
letter-spacing: -0.2px;
padding-right: 70px;
overflow: hidden;
text-overflow: ellipsis; }
.ls-slide-options td.ls-slide-link .inner .row-helper select {
font-size: 12px;
width: 49%;
vertical-align: text-bottom !important;
float: left; }
.ls-slide-options td.ls-slide-link .inner .row-helper select:last-child {
width: 140px;
float: right; }
.ls-slide-options td.ls-slide-link .inner .row-helper input, .ls-slide-options td.ls-slide-link .inner .row-helper select {
margin-left: 0px; }
.ls-slide-options td.ls-slide-link .inner .row-helper span {
position: absolute;
top: 0;
right: 10px;
font-size: 12px;
margin-top: 4px;
/* vertical-align hack */ }
.ls-slide-options td.ls-slide-link .inner .row-helper .change {
top: 1px;
right: 6px; }
.ls-slide-options td.ls-slide-link .inner .row-helper .dashicons-editor-unlink {
position: static !important;
margin-right: -3px;
color: inherit;
font-size: 14px; }
.ls-slide-options td.ls-slide-link .inner .ls-insert-link {
top: -3px;
right: -95px;
width: 250px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
min-height: 0 !important; }
.ls-slide-options td.ls-slide-link .inner .ls-insert-link li {
padding: 0; }
.ls-slide-options td.ls-slide-link .inner .ls-insert-link a {
display: block;
padding: 5px; }
.ls-slide-options td.ls-slide-link .inner .ls-insert-link:before {
background: white;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); }
.ls-slide-options td.ls-slide-link .inner .ls-insert-link .inner {
width: 240px;
margin: 0 !important;
padding: 5px !important;
border-radius: 5px;
background: white; }
.ls-slide-options td.ls-slide-link .inner .ls-insert-link li:hover {
background: #2ea2cc !important; }
.ls-slide-options td.post-options .inner {
width: 152px; }
.ls-slide-options td.post-options button {
height: 52px !important;
padding: 0px 0px 0px 40px !important;
line-height: 16px;
text-align: left; }
.ls-slide-options td.additional-settings .inner {
width: 210px; }
.ls-slide-options td.additional-settings .inner .row-helper input {
width: 140px; }
.ls-slide-options .ls-global-hover .ls-premium {
display: inline-block; }
.ls-slide-options .ls-global-hover .ls-premium a {
position: static; }
.ls-slide-options td.post-options,
.ls-slide-options td.additional-settings,
.ls-slide-options td.slide-parallax {
border-right: 0px !important; }
.ls-slide-options td.post-options input, .ls-slide-options td.post-options select,
.ls-slide-options td.additional-settings input,
.ls-slide-options td.additional-settings select,
.ls-slide-options td.slide-parallax input,
.ls-slide-options td.slide-parallax select {
width: 100px !important; }
.ls-slide-options td.slide-ken-burns input, .ls-slide-options td.slide-ken-burns select,
.ls-slide-options td.slide-filters input,
.ls-slide-options td.slide-filters select {
width: 120px !important; }
.ls-slide-options td.slide-actions .inner {
width: 152px; }
.ls-slide-options td.slide-actions .inner .row-helper {
/* vertical align hack */ }
.ls-slide-options td.slide-actions .inner .row-helper button {
height: 23px !important;
padding: 0px 0px 0px 40px !important;
line-height: 22px;
text-align: left !important; }
.ls-slide-options td.slide-actions .inner .row-helper > span {
display: inline-block;
width: 100px;
height: 23px;
float: left;
line-height: 22px;
text-align: right; }
.ls-slide-options td.slide-actions .inner .row-helper a {
position: relative;
margin: 0px !important; }
.ls-slide-options .row-helper {
height: 23px;
text-align: right;
white-space: nowrap !important;
margin-bottom: 6px !important; }
.ls-slide-options .row-helper select, .ls-slide-options .row-helper input {
margin-left: 5px; }
#ls-layers .ls-custom-slide-properties {
margin: 7px 10px; }
#ls-layers .ls-custom-slide-properties td {
border: 0 !important; }
#ls-layers .ls-custom-slide-properties td:first-child {
width: 70px;
padding-right: 10px !important; }
#ls-layers .ls-custom-slide-properties td:first-child input {
width: 70px; }
#ls-layers .ls-custom-slide-properties td:last-child input {
width: 100%; }
#ls-layers .ls-custom-slide-properties input.error {
border: 1px solid #e11325; }
.ls-slide-link a.change {
display: none; }
.ls-slide-link.has-link input {
background: #f1f1f1;
color: #666 !important;
border: 1px solid #ccc; }
.ls-slide-link.has-link span {
display: none; }
.ls-slide-link.has-link a.change {
display: inline-block;
position: absolute;
top: 5px;
right: 5px;
line-height: 20px; }
.ls-slide-link.has-link a.change .dashicons {
font-size: 16px;
line-height: 22px;
display: inline-block;
float: none; }
div.ls-image {
margin-bottom: 5px;
position: relative;
width: 150px; }
div.ls-image div {
display: inline-block;
position: relative;
width: 150px;
height: 50px;
border: 1px solid #dedede;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
background-color: #f7f7f7;
border-color: #ccc; }
div.ls-image div img {
width: 100%;
min-height: 100%; }
div.ls-image a {
display: none; }
div.ls-image.not-set:after, div.ls-image.has-image:hover:after {
content: attr(data-l10n-set);
position: absolute;
top: 50%;
left: 50%;
width: 140px;
padding: 0 5px;
transform: translate(-50%, -50%);
white-space: normal;
cursor: pointer;
font-size: 13px;
text-align: center;
text-transform: uppercase;
color: #555;
text-shadow: 0 0 1px white; }
div.ls-image.has-image:hover:after {
content: attr(data-l10n-change) !important; }
div.ls-image.hover div,
div.ls-image:hover div {
background-color: #fafafa;
border-color: #999;
color: #23282d; }
div.ls-image.hover a {
display: block;
position: absolute;
z-index: 10;
top: -6px;
right: -8px;
width: 20px;
height: 20px;
color: red;
background-color: white;
border-radius: 50%; }
div.ls-image.hover a.pixie {
top: -6px;
left: -8px;
width: 20px;
height: 20px;
background: transparent;
color: #555;
text-align: center;
line-height: 20px;
cursor: pointer;
text-shadow: 0px 0px 5px white; }
div.ls-image.hover a.pixie:after {
content: "\f100";
font-family: dashicons;
font-size: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#ls-post-options-window .kmw-modal-inner {
margin: 0 0 10px 0 !important; }
#tmpl-post-options #ls-post-options {
display: none; }
.ls-configure-posts-modal .header a {
float: right;
line-height: 30px;
margin-right: -4px;
cursor: pointer;
color: #444; }
.ls-configure-posts-modal .subheader {
margin: 0;
font-size: 13px; }
.ls-configure-posts-modal .preview-subheader {
padding-left: 10px; }
.ls-configure-posts-modal .inner {
text-align: center; }
.ls-configure-posts-modal select {
width: 184px;
color: #222; }
.ls-configure-posts-modal select.offset {
width: auto;
max-width: 180px;
margin: 0 !important; }
.ls-configure-posts-modal select.multiple {
height: 200px !important;
padding: 3px;
border-radius: 3px;
background: white;
background: -webkit-linear-gradient(to bottom, white 0%, #fafafa 100%);
background: -moz-linear-gradient(to bottom, white 0%, #fafafa 100%);
background: -o-linear-gradient(to bottom, white 0%, #fafafa 100%);
background: -ms-linear-gradient(to bottom, white 0%, #fafafa 100%);
background: linear-gradient(to bottom, white 0%, #fafafa 100%); }
.ls-configure-posts-modal .footer {
background: white; }
.ls-configure-posts-modal .half {
float: left;
width: 49%;
text-align: center;
border-right: 1px solid #d9d9d9; }
.ls-configure-posts-modal .half:last-child {
border: 0; }
.ls-post-filters {
width: 800px;
margin: 0 auto 20px auto; }
.ls-post-filters select {
float: left;
margin: 0 0 10px 14px; }
.ls-post-filters select.ls-post-taxonomy {
height: 26px; }
.ls-post-filters select:last-child {
height: 164px !important;
margin-top: 10px; }
.ls-post-adv-settings p {
margin: 5px 0; }
.ls-post-adv-settings select {
width: 160px; }
.ls-post-adv-settings select:first-child {
margin-right: 10px; }
.ls-post-adv-settings input {
width: 50px; }
.ls-post-adv-settings span.sep {
margin: 0 7px;
font-size: 12px;
text-align: center; }
.ls-post-adv-settings .half {
padding: 20px 0; }
.ls-post-previews {
height: 212px;
padding: 5px 0;
overflow: auto; }
.ls-post-previews ul {
list-style-type: none;
margin: 0; }
.ls-post-previews li {
position: relative;
height: 50px;
margin: 0;
padding: 10px;
border-bottom: 1px solid #dfdfdf;
overflow: hidden; }
.ls-post-previews li h4 {
margin-top: 80px;
text-align: center;
font-size: 22px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-weight: normal; }
.ls-post-previews li:last-child {
border: 0; }
.ls-post-previews li span.counter {
width: 35px;
float: left;
margin-right: 10px;
line-height: 50px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-size: 24px;
text-align: center;
color: #666;
-webkit-font-smoothing: antialiased; }
.ls-post-previews li img {
float: left;
width: 50px;
height: 50px; }
.ls-post-previews li h3 {
margin: 0 0 0 105px;
text-align: left;
color: #444;
font-size: 12px;
font-family: Arial; }
.ls-post-previews li .content {
height: 32px;
margin: 5px 0 0 105px;
text-align: justify;
color: #555;
overflow: hidden;
line-height: 15px; }
.ls-post-previews li span.author {
position: absolute;
top: 10px;
right: 10px;
color: #999;
font-size: 13px; }
#ls-post-chooser-modal-window .search-holder {
position: absolute;
top: 0;
left: 0;
right: 200px; }
#ls-post-chooser-modal-window input {
width: 100%;
height: 36px;
border-radius: 4px;
margin: 0; }
#ls-post-chooser-modal-window select {
position: absolute;
top: 0;
right: 0;
width: 190px;
height: 36px;
margin: 0; }
#ls-post-chooser-modal-window h1 {
text-align: left;
margin-top: 30px;
font-size: 24px;
font-weight: 400;
color: #555 !important; }
#ls-post-chooser-modal-window ul {
position: absolute;
top: 60px;
bottom: 0;
left: 0;
right: 0;
overflow: auto; }
#ls-post-chooser-modal-window ul li {
height: 50px;
list-style-type: none;
margin: 0 0 15px 0 !important;
padding: 10px !important;
background: #f5f5f5;
border-bottom: 1px solid #ddd !important;
border-radius: 5px; }
#ls-post-chooser-modal-window ul li:hover {
background: #eee;
cursor: pointer; }
#ls-post-chooser-modal-window ul h3 {
font-size: 14px; }
#ls-post-chooser-modal-window ul div {
font-size: 13px;
line-height: 16px;
overflow: hidden; }
#ls-post-chooser-modal-window ul h3, #ls-post-chooser-modal-window ul div {
margin: 0 0 0 65px !important; }
#ls-post-chooser-modal-window ul span {
font-size: 13px; }
.ls-post-placeholders {
width: 620px;
margin: 0 auto; }
.ls-post-placeholders li {
display: inline-block;
height: 23px;
padding: 0 0 0 22px;
margin: 0 20px 8px 0;
float: left;
background: url(../img/tag.png) no-repeat left top;
cursor: pointer; }
.ls-post-placeholders li span {
padding: 0 12px 0 0;
margin: 0 -12px 0 0;
background: url(../img/tag.png) no-repeat right top;
font: normal normal normal 13px/23px Arial, sans-serif;
color: #996633;
text-shadow: 0px 1px 1px #ffeac1;
float: left; }
.ui-selected {
z-index: 999 !important; }
.ls-preview-wrapper.hide-selection .ui-selectable-helper,
.ls-preview-wrapper.hide-selection .ui-selected-helper {
display: none !important; }
.ui-selectable-helper,
.ui-selected-helper {
position: absolute;
background: transparent;
padding: 0;
margin: 0;
outline: 1px dotted #fff;
z-index: 9999;
-webkit-box-shadow: 0 0 0 1px #000;
-moz-box-shadow: 0 0 0 1px #000;
box-shadow: 0 0 0 1px #000; }
.ui-selected-helper {
display: none;
z-index: 9999;
outline: none;
pointer-events: none; }
.ui-selected-helper:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: transparent;
outline: 1px dashed #fff; }
.ui-selected-helper:after {
display: none;
content: attr(data-info-0) "\a" attr(data-info-1);
white-space: pre;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.8);
font-family: "Arial";
font-size: 9px;
padding: 2px; }
.ui-resizable {
position: absolute !important; }
.ui-resizable-resizing.ui-selected-helper:after,
.ui-draggable-dragging ~ .ui-selected-helper:after {
display: block; }
.ui-resizable-handle {
pointer-events: all;
position: absolute;
width: 9px;
height: 9px;
font-size: 0; }
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle:after,
.ui-resizable-autohide .ui-resizable-handle:after {
content: '';
display: none !important; }
.ls-editing {
outline: 1px dashed #333 !important;
cursor: text !important;
white-space: pre-wrap !important; }
.ls-editing:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
outline: 1px solid white; }
.ui-resizable-n {
cursor: n-resize;
width: 100%;
height: 7px;
top: -5px;
left: 0; }
.ui-resizable-s {
cursor: s-resize;
width: 100%;
height: 7px;
bottom: -5px;
left: 0; }
.ui-resizable-e {
cursor: e-resize;
width: 7px;
height: 100%;
right: -5px;
top: 0; }
.ui-resizable-w {
cursor: w-resize;
width: 7px;
height: 100%;
left: -5px;
top: 0; }
.ui-resizable-se {
cursor: se-resize;
right: -5px;
bottom: -5px; }
.ui-resizable-sw {
cursor: sw-resize;
left: -5px;
bottom: -5px; }
.ui-resizable-nw {
cursor: nw-resize;
left: -5px;
top: -5px; }
.ui-resizable-ne {
cursor: ne-resize;
right: -5px;
top: -5px; }
.ui-resizable-handle:after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border: 1px solid #000;
background: #fff;
opacity: 0.5; }
.ui-resizable-n:after {
top: 1px;
left: 50%;
margin-left: -3.5px; }
.ui-resizable-s:after {
bottom: 1px;
left: 50%;
margin-left: -3.5px; }
.ui-resizable-e:after {
right: 1px;
top: 50%;
margin-top: -3.5px; }
.ui-resizable-w:after {
left: 1px;
top: 50%;
margin-top: -3.5px; }
.ui-resizable-se:after {
right: 1px;
bottom: 1px; }
.ui-resizable-sw:after {
left: 1px;
bottom: 1px; }
.ui-resizable-nw:after {
left: 1px;
top: 1px; }
.ui-resizable-ne:after {
right: 1px;
top: 1px; }
/* hover select */
select.sublayerprop.connect-hover {
width: 100px; }
.ls-align-buttons {
text-align: right; }
.ls-ico {
display: inline-block;
height: 20px;
width: 21px;
background: url(../img/ico_align.gif) repeat-x;
cursor: pointer;
vertical-align: middle; }
.ls-ico.top {
background-position: 0px 50%; }
.ls-ico.middle {
background-position: 117px 50%; }
.ls-ico.bottom {
background-position: 93px 50%; }
.ls-ico.left {
background-position: 68px 50%; }
.ls-ico.center {
background-position: 20px 50%; }
.ls-ico.right {
background-position: 44px 50%; }
#slider-editor-toolbar > td {
padding: 0px;
vertical-align: middle;
background: #fbfbfb; }
#slider-editor-toolbar > td > div {
height: 40px;
float: left;
padding: 0px 10px;
border-left: 1px solid #dfdfdf;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #222;
text-transform: uppercase; }
#slider-editor-toolbar > td > div:first-child {
border-left: none !important; }
#slider-editor-toolbar button {
height: 26px;
line-height: 23px;
margin: 7px 5px !important;
display: inline-block !important;
border-radius: 3px;
text-transform: uppercase;
font-size: 12px;
color: #222; }
#slider-editor-toolbar button .dashicons {
font-size: 13px;
height: 100%;
line-height: 23px;
margin: 0px;
color: #777; }
#slider-editor-toolbar .ls-editor-undo-redo > div {
color: #111 !important; }
#slider-editor-toolbar .ls-editor-undo-redo button {
border-color: #999 !important; }
#slider-editor-toolbar .ls-editor-undo-redo .disabled {
opacity: .5 !important;
cursor: default; }
#slider-editor-toolbar .ls-editor-undo-redo .disabled * {
cursor: default; }
.ls-editor-zoom .ls-editor-slider {
width: 100px;
margin: 0px 10px;
display: inline-block;
position: relative; }
.ls-editor-zoom .ui-slider-horizontal {
height: 4px !important;
border-radius: 20px !important;
background: white !important;
border: 1px solid #bbb;
top: -1px !important; }
.ls-editor-zoom .ui-slider-range {
height: 4px !important;
background: #eee !important;
-webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-left-radius: 20px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomleft: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important; }
.ls-editor-zoom .ui-slider-handle {
width: 14px !important;
height: 14px !important;
display: block !important;
position: absolute !important;
margin-left: -7px !important;
margin-top: -10px !important;
background: white !important;
border: 1px solid #999 !important;
border-radius: 20px !important;
cursor: pointer !important;
outline: none;
box-shadow: 0px 1px 4px -2px black; }
.ls-editor-zoom span.dashicons {
height: 40px;
line-height: 40px;
color: #777;
margin: 0px 5px 0px -2px;
font-size: 17px; }
.ls-editor-zoom .ls-editor-slider-val {
display: inline-block;
width: 33px;
text-align: right !important;
color: #222;
font-size: 12px;
margin-left: 0px; }
.ls-editor-alignment button .dashicons {
margin-left: -3px !important;
font-size: 17px !important; }
.ls-editor-undo-redo > div {
display: inline-block;
cursor: pointer; }
.ls-editor-undo-redo > div .button {
padding: 0px !important;
width: 26px;
border-radius: 26px !important; }
#slider-editor-toolbar .ls-editor-preview button {
min-width: 55px;
background: #e3e3e3;
border-radius: 0;
color: #222;
position: relative; }
#slider-editor-toolbar .ls-editor-preview button.ls-preview-button {
margin-right: 0 !important;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
#slider-editor-toolbar .ls-editor-preview button.ls-layer-preview-button {
margin-left: -1px !important;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
#slider-editor-toolbar .ls-editor-preview button:hover, #slider-editor-toolbar .ls-editor-preview button.playing {
border-color: #6ea214 !important;
color: #fff !important;
z-index: 10; }
#slider-editor-toolbar .ls-editor-layouts .dashicons {
position: relative;
width: 30px;
margin-left: -1px !important;
margin-right: 0 !important;
padding: 0;
background: #e3e3e3;
border-radius: 0;
color: #222;
box-shadow: none;
font-size: 16px;
text-align: center; }
#slider-editor-toolbar .ls-editor-layouts .dashicons:hover {
z-index: 2; }
#slider-editor-toolbar .ls-editor-layouts .dashicons:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
#slider-editor-toolbar .ls-editor-layouts .dashicons:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
#slider-editor-toolbar .ls-editor-layouts .dashicons.playing {
border-color: #6ea214;
color: #fff;
z-index: 10;
transform: none; }
#ls-preview-table {
position: relative;
z-index: 100; }
#ls-preview-table td {
border-top: 1px solid #dfdfdf; }
.ls-preview-td {
position: relative;
z-index: 1;
background: white !important;
transform: translate3d(0, 0, -1px);
-o-transform: translate3d(0, 0, -1px);
-ms-transform: translate3d(0, 0, -1px);
-moz-transform: translate3d(0, 0, -1px);
-webkit-transform: translate3d(0, 0, -1px); }
.ls-layer-alignment table {
width: 100%;
border: 0;
margin: 0px 0px 17px 0px;
padding: 0;
position: relative;
border-spacing: 2px !important;
border-collapse: separate !important; }
.ls-layer-alignment table td {
height: 24px;
background: rgba(0, 0, 0, 0.2) !important;
border: 1px solid transparent !important;
border-radius: 2px;
padding: 0px !important;
text-align: center; }
.ls-layer-alignment table td:hover {
background: #7eb917 !important;
cursor: pointer; }
.ls-layer-alignment table td:hover i {
bottom: -20px;
left: 50%;
margin-left: -50px;
width: 100px;
display: block;
text-align: center;
white-space: nowrap; }
.ls-layer-alignment table td i {
display: none;
font-style: normal;
position: absolute; }
.ls-layer-alignment table.ls-edges {
margin-top: 25px; }
.ls-layer-alignment table.ls-edges td {
background: #ddd !important;
color: #555 !important; }
.ls-layer-alignment table.ls-edges td:hover {
background: #c1c1c1 !important; }
.ls-layer-alignment .ls-align-top .dashicons,
.ls-layer-alignment .ls-align-middle .dashicons,
.ls-layer-alignment .ls-align-bottom .dashicons {
transform: rotate(90deg);
margin: 2px 0 0 0; }
#ls-preview-layers {
transform-origin: 0 0;
pointer-events: none; }
#ls-preview-layers iframe, #ls-preview-layers video {
width: 100%;
height: 100%; }
#ls-preview-layers .bgvideo {
z-index: -1 !important;
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
pointer-events: 'none' !important; }
#ls-preview-layers .bgvideo iframe, #ls-preview-layers .bgvideo video {
width: 100% !important;
height: 100% !important; }
#ls-preview-layers .bgvideo video {
object-fit: cover; }
#ls-preview-layers .bgvideo .video-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background-position: center center; }
#ls-preview-layers .disabled,
#ls-static-preview * {
cursor: not-allowed; }
#ls-preview-layers .transformed {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#ls-preview-layers > * {
pointer-events: auto;
transition: opacity .75s;
margin: 0 !important; }
#ls-preview-layers .ls-layer-placeholder {
width: 144px !important;
height: 144px !important;
background: rgba(0, 0, 0, 0.5) !important;
color: white !important;
font-family: inherit !important;
font-weight: normal !important;
line-height: 15px !important;
text-align: center !important;
border-radius: 5px !important; }
#ls-preview-layers .ls-layer-placeholder .dashicons {
display: block;
width: 144px;
height: 100px;
line-height: 100px !important;
font-size: 60px !important; }
#ls-preview-layers .ls-layer-placeholder span:last-child {
display: block;
white-space: normal;
padding: 0 3px 10px 3px;
font-size: 14px; }
.ls-transparent {
opacity: .25 !important; }
.ls-invisible {
opacity: 0 !important; }
.ls-multi-select-notice {
display: none;
box-sizing: border-box;
padding: 20px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 22%);
background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 22%);
background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 22%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
border-bottom: 1px solid #dedede; }
.ls-multi-select-notice h5 {
margin: 0 0 10px 0;
font-size: 18px;
color: #333; }
.ls-multi-select-notice h5 .dashicons {
font-size: 24px;
line-height: 16px;
margin-right: 5px;
color: #289ed6; }
.ls-multi-select-notice span {
color: #666;
font-size: 15px;
line-height: 20px; }
.ls-multi-select-notice sup {
position: relative;
top: -5px;
color: red;
font-size: 12px;
vertical-align: baseline; }
.ls-multi-select-notice small {
display: none; }
.ls-multiple-selection .ls-multi-select-notice {
display: block; }
.ls-multiple-selection.ls-layers-settings-floating .ls-multi-select-notice {
width: 100%;
position: absolute;
top: 70px;
padding: 10px;
background: #f4f9fb;
text-align: center; }
.ls-multiple-selection.ls-layers-settings-floating .ls-multi-select-notice h5 {
margin: 0;
font-size: 16px;
text-align: center; }
.ls-multiple-selection.ls-layers-settings-floating .ls-multi-select-notice span {
display: none; }
.ls-multiple-selection.ls-layers-settings-floating .ls-multi-select-notice small {
display: inline-block;
margin-left: 10px;
font-size: 13px; }
.ls-multiple-selection.ls-layers-settings-floating .ls-sublayer-pages {
top: 125px; }
.ls-ruler {
padding: 16px !important; }
.ls-ruler [class^=ls-ruler] {
margin: 0;
border: 0;
padding: 0; }
.ls-ruler .ls-ruler-x, .ls-ruler .ls-ruler-y {
position: absolute;
font-size: 50px;
overflow: hidden;
z-index: 501;
white-space: normal; }
.ls-ruler .ls-ruler-unit:before, .ls-ruler .ls-ruler-unit:after {
content: "";
position: absolute; }
.ls-ruler .ls-ruler-unit * {
color: #555 !important; }
.ls-ruler.disable-5px .ls-ruler-unit:after {
display: none; }
.ls-ruler .ls-ruler-num {
position: absolute;
font-family: verdana !important;
font-size: 10px;
line-height: 10px;
color: #999;
cursor: default;
font-size: 9px;
line-height: 8px; }
.ls-ruler-x {
top: -16px;
left: 0;
right: 0;
height: 16px;
box-shadow: inset 0 -1px 0 0 #999; }
.ls-ruler-x .ls-ruler-wrapper {
width: 10000px;
height: 100%; }
.ls-ruler-x .ls-ruler-tracker {
position: absolute;
top: 0;
left: -1px;
height: 100%;
border-left: 1px solid red; }
.ls-ruler-x .ls-ruler-unit {
position: relative;
width: 1em;
height: 100%;
float: left;
box-shadow: inset 1px 0 0 #999; }
.ls-ruler-x .ls-ruler-unit:before {
top: 10px;
left: 0;
width: 1px;
height: 100%;
box-shadow: 0.2em 0 0 0 #999, 0.4em 0 0 0 #999, 0.6em 0 0 0 #999, 0.8em 0 0 0 #999; }
.ls-ruler-x .ls-ruler-unit:after {
top: 12px;
left: 0;
width: 1px;
height: 100%;
box-shadow: 0.1em 0 0 0 #999, 0.3em 0 0 0 #999, 0.5em 0 0 0 #999, 0.7em 0 0 0 #999, 0.9em 0 0 0 #999; }
.ls-ruler-x .ls-ruler-num {
top: 1px;
left: 2px; }
.ls-ruler-y {
left: -16px;
top: 0;
bottom: 0;
width: 16px; }
.ls-ruler-y .ls-ruler-wrapper {
box-shadow: inset -1px 0 0 0 #999; }
.ls-ruler-y .ls-ruler-tracker {
position: absolute;
top: -1px;
left: 0;
width: 100%;
border-top: 1px solid red; }
.ls-ruler-y .ls-ruler-unit {
position: relative;
width: 100%;
height: 1em;
box-shadow: inset 0 1px 0 #999; }
.ls-ruler-y .ls-ruler-unit:before {
top: 0;
left: 10px;
width: 100%;
height: 1px;
box-shadow: 0 0.2em 0 0 #999, 0 0.4em 0 0 #999, 0 0.6em 0 0 #999, 0 0.8em 0 0 #999; }
.ls-ruler-y .ls-ruler-unit:after {
top: 0;
left: 12px;
width: 100%;
height: 1px;
box-shadow: 0 0.1em 0 0 #999, 0 0.3em 0 0 #999, 0 0.5em 0 0 #999, 0 0.7em 0 0 #999, 0 0.9em 0 0 #999; }
.ls-ruler-y .ls-ruler-num {
top: 2px;
left: 1px;
width: 1px;
word-wrap: break-word;
font-size: 9px;
line-height: 8px; }
.ls-ruler-line-x {
width: 100%;
height: 1px;
background: #4affff;
z-index: 500;
cursor: n-resize !important;
outline: 0 !important; }
.ls-ruler-line-x:after {
content: '';
position: absolute;
left: 0;
top: -2px;
width: 100%;
height: 5px; }
.ls-ruler-line-x.ui-draggable-dragging:after {
top: -25px;
height: 50px; }
.ls-ruler-line-y {
width: 1px;
height: 100%;
background: #4affff;
z-index: 500;
cursor: e-resize !important;
outline: 0 !important; }
.ls-ruler-line-y:after {
content: '';
position: absolute;
left: -2px;
top: 0;
width: 5px;
height: 100%; }
.ls-ruler-line-y.ui-draggable-dragging:after {
left: -25px;
width: 50px; }
.ls-ruler-info {
display: none;
position: absolute;
background: rgba(0, 0, 0, 0.75);
color: #fff;
font-family: verdana !important;
font-size: 10px;
line-height: 10px;
padding: 5px;
border-radius: 4px;
z-index: 100; }
.ls-preview-context-menu {
position: absolute;
z-index: 99999; }
.ls-preview-context-menu ul {
position: relative;
width: 230px;
min-height: 28px;
padding: 5px 0;
background: rgba(0, 0, 0, 0.9);
border-radius: 10px;
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.6); }
.ls-preview-context-menu ul .divider {
height: 1px;
background: #404040 !important;
cursor: default; }
.ls-preview-context-menu ul .group:after {
content: "\f345";
position: absolute;
top: 0;
right: 8px;
font-family: dashicons;
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ls-preview-context-menu ul li {
height: 28px;
margin: 3px 0;
padding: 0 0 0 10px;
cursor: pointer;
position: relative;
color: #bbb;
line-height: 28px;
font-size: 14px; }
.ls-preview-context-menu ul li:hover {
color: white;
background: rgba(100, 100, 100, 0.8); }
.ls-preview-context-menu ul li:hover > div {
display: block; }
.ls-preview-context-menu ul li .dashicons {
font-size: 16px;
line-height: 28px;
transition: none; }
.ls-preview-context-menu ul li span {
width: 185px !important;
margin-left: 0 !important;
white-space: pre;
text-overflow: ellipsis; }
.ls-preview-context-menu ul li p {
display: inline-block;
position: static !important;
width: 28px;
height: 28px;
margin: 0;
line-height: 28px;
font-size: 22px;
text-align: center;
border-left: 0 !important; }
.ls-preview-context-menu ul li img {
max-width: 28px;
max-height: 28px; }
.ls-preview-context-menu ul li span {
display: inline-block;
width: 150px;
margin-left: 10px;
height: 28px;
overflow: hidden;
line-height: 28px;
vertical-align: top; }
.ls-preview-context-menu ul li .ls-sublayer-thumb {
background: transparent;
border-right: 0; }
.ls-preview-context-menu ul li .ls-sublayer-thumb img {
height: 26px; }
.ls-preview-context-menu ul div {
display: none;
position: absolute;
top: -8px;
left: 229px; }
.ls-preview-context-menu ul div ul {
margin-left: 8px; }
.ls-preview-context-menu .ls-align-top .dashicons,
.ls-preview-context-menu .ls-align-middle .dashicons,
.ls-preview-context-menu .ls-align-bottom .dashicons {
transform: rotate(90deg);
margin-left: 5px;
margin-right: -5px;
margin-top: 5px; }
.ls-import-slider-contents .columns .third {
position: absolute;
top: 0px;
bottom: 0;
overflow: auto;
width: 250px; }
.ls-import-slider-contents .columns .third.third-1 {
left: 0;
width: 250px; }
.ls-import-slider-contents .columns .third.third-2 {
left: 260px;
width: 250px; }
.ls-import-slider-contents .columns .third.third-3 {
left: 520px;
width: 380px; }
.ls-import-slider-contents .columns h3 {
position: relative;
height: 30px;
margin: 0;
z-index: 999;
background: rgba(255, 255, 255, 0.8);
font-size: 18px;
font-weight: 400;
color: #555 !important; }
.ls-import-slider-contents .columns:last-child .third, .ls-import-slider-contents .columns:last-child .half {
top: 30px !important; }
.ls-import-slider-contents .slider-item {
display: inline-block;
position: relative;
width: 200px;
height: 100px;
border: 6px solid transparent;
margin: 0 0 10px 0;
text-align: left;
cursor: pointer;
border-radius: 3px; }
.ls-import-slider-contents .slider-item .selection {
display: none; }
.ls-import-slider-contents .slider-item .no-preview {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
color: #666; }
.ls-import-slider-contents .slider-item .no-preview h5 {
margin: 25px 0 5px 0;
font-size: 18px; }
.ls-import-slider-contents .slider-item .no-preview small {
display: block;
padding: 0 10px;
font-size: 12px;
line-height: 14px; }
.ls-import-slider-contents .slider-item.selected {
border-color: #0073aa; }
.ls-import-slider-contents .slider-item-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
outline: 1px solid #f3f3f3; }
.ls-import-slider-contents .slider-item-wrapper .preview {
width: 100%;
height: 100%;
background-size: cover;
background-position: top center;
overflow: hidden;
background-color: #f3f3f3;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.ls-import-slider-contents .slider-item-wrapper .info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 22px;
padding: 0 5px;
background: rgba(0, 0, 0, 0.5);
color: white;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 22px;
overflow: hidden;
transition: opacity 0.2s; }
.ls-import-slider-contents .slider-item-wrapper .info .name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ls-import-slider-contents .ls-import-layer-layers table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #dedede; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item {
cursor: pointer; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item td {
padding: 0 0 0 10px;
font-size: 13px;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
line-height: 10px; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item:hover td {
background: #f1f1f1; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item.added td {
background: rgba(110, 162, 20, 0.15); }
.ls-import-slider-contents .ls-import-layer-layers .layer-item.added .name .dashicons {
display: block; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item .preview {
width: 36px;
height: 36px;
float: none;
background: #eee;
padding: 0; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item .preview img {
max-width: 36px;
max-height: 36px; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item .type {
text-align: left; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item .name div {
width: 100%;
position: relative;
text-align: left; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item .name div span {
display: inline-block;
width: 240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.ls-import-slider-contents .ls-import-layer-layers .layer-item .name div .dashicons {
display: none;
position: absolute;
top: -6px;
right: 10px;
color: #6ea214;
font-size: 26px; }
#tmpl-import-slide-modal-window .columns {
text-align: center; }
#tmpl-import-slide-modal-window .columns .half {
position: absolute;
top: 0px;
bottom: 0;
overflow: auto; }
#tmpl-import-slide-modal-window .columns .half.half-1 {
left: 0;
width: 450px; }
#tmpl-import-slide-modal-window .columns .half.half-2 {
left: 451px;
width: 440px;
border-left: 1px solid #dedede;
margin: 0; }
#tmpl-import-slide-modal-window .slider-item {
width: 175px;
margin-right: 5px;
margin-bottom: 5px; }
#tmpl-import-slide-modal-window .slider-item.added:before {
content: "\f147";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(233, 241, 220, 0.8);
z-index: 99;
font-family: dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 60px;
text-align: center;
line-height: 100px;
color: #6ea214; }
#tmpl-import-layer-modal-window {
text-align: center; }
.ls-layer-types-wrapper {
display: none;
position: absolute;
top: 41px;
left: 0;
width: 301px;
height: 400px;
overflow: hidden;
z-index: 999999; }
.ls-layer-types {
top: 0;
left: 0;
width: 100%;
background: #f9f9f9;
border: 0;
margin: 0;
border-radius: 0;
border-bottom: 1px solid #dedede;
transform: translateY(-330px);
-webkit-transform: translateY(-330px);
-ms-transform: translateY(-330px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.ls-layer-types .subheader {
margin: 0;
background: #eee;
border-top: 0; }
.ls-layer-types .dashicons {
height: 20px;
margin-right: 5px;
line-height: 38px;
color: #444; }
.ls-layer-types ul.inner {
padding: 0;
margin: 0;
cursor: pointer; }
.ls-layer-types li {
height: 38px;
padding: 0px 10px;
line-height: 38px;
margin: 0; }
.ls-layer-types li:last-child {
border-bottom: 0; }
.ls-layer-types li span {
display: block;
border-radius: 3px;
padding: 5px; }
.ls-layer-types li:hover {
background: #e9e9e9 !important;
color: #444 !important; }
.ls-invert {
filter: invert(100%) hue-rotate(180deg);
box-shadow-color: rgba(255, 255, 255, 0.5); }
.ls-sublayer-nav b {
padding: 0 10px;
cursor: pointer;
color: #555 !important;
border-left: 1px solid #aaa;
margin-left: 10px; }
.ls-sublayer-nav b i {
margin-top: 9px; }
.ls-sublayer-nav b:hover {
color: #0073aa !important; }
#ls-popout-desc {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 170px;
margin: -85px 0 0 -50px; }
#ls-popout-desc table {
width: auto; }
#ls-popout-desc table td {
line-height: 26px;
font-size: 17px;
text-align: center;
color: #999;
vertical-align: middle !important; }
#ls-popout-desc table .ls-popout-desc-text {
text-align: left; }
#ls-popout-desc .dashicons {
width: 100px;
height: 100px;
font-size: 100px;
margin-right: 10px; }
#ls-popout-desc .button {
height: 32px;
padding: 0 20px;
margin-top: 20px;
text-transform: uppercase; }
#ls-layers-settings-popout-handler {
left: 0px;
right: 0px;
top: 0px;
height: 36px;
width: auto !important;
position: absolute;
z-index: 10;
display: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: white;
font-size: 15px;
font-weight: 600;
background: rgba(0, 115, 170, 0.75);
cursor: move; }
.ls-popout-editor-open #ls-popout-desc {
display: block !important; }
.ls-layers-settings-floating {
position: absolute;
border-radius: 5px !important;
z-index: 100000 !important;
width: 700px;
height: 700px;
box-shadow: 0 10px 70px rgba(0, 0, 0, 0.5);
background: white !important; }
.ls-layers-settings-floating #ls-open-popout-editor {
display: none; }
.ls-layers-settings-floating #ls-close-popout-editor {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 0 20px;
cursor: pointer;
text-transform: none;
opacity: .65;
transition: opacity .2s ease-in-out; }
.ls-layers-settings-floating #ls-close-popout-editor i.dashicons {
margin-top: 9px;
transform: rotate(180deg); }
.ls-layers-settings-floating #ls-close-popout-editor:hover {
opacity: 1; }
.ls-layers-settings-floating #ls-layers-settings-popout-handler {
display: block; }
.ls-layers-settings-floating.ui-draggable-dragging {
opacity: .5 !important; }
.ls-layers-settings-floating:before {
content: '';
position: absolute;
width: 100%;
height: 34px;
left: 0;
top: 36px;
background: white !important;
z-index: 1;
background: rgba(0, 115, 170, 0.1) !important; }
.ls-layers-settings-floating .ls-sublayer-pages {
position: absolute;
top: 70px;
bottom: 10px;
left: 10px;
right: 10px;
overflow: auto; }
.ls-layers-settings-floating .ls-sublayer-nav {
position: absolute !important;
left: 10px !important;
top: 40px !important;
width: auto !important;
height: 26px !important; }
.ls-layers-settings-floating .ls-sublayer-nav a {
color: #0073aa;
border: 0 !important;
height: 26px !important;
line-height: 26px !important;
border-radius: 3px !important;
margin: 0 !important; }
.ls-layers-settings-floating .ls-sublayer-nav a.active {
margin: 0 !important;
background: rgba(0, 115, 170, 0.75) !important;
color: white !important; }
.ls-layers-settings-floating .ls-sublayer-nav .ls-sublayer-page {
margin: 0 !important;
padding: 0 !important; }
.ls-forceto-left {
margin-left: 0 !important; }
.ls-layers-settings-normal {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: auto !important;
height: auto !important; }
.ls-sublayers .dashicons-menu {
margin-left: 5px;
height: 34px;
line-height: 34px;
font-size: 15px;
color: #666;
-webkit-font-smoothing: none;
cursor: pointer; }
.ls-sublayers .ls-highlight {
opacity: 1; }
.ls-sublayers .ls-highlight.active {
opacity: 0.5; }
.ls-sublayer-controls {
display: inline-block;
left: 0;
height: 34px;
vertical-align: top; }
.ls-sublayer-controls .dashicons {
font-size: 17px;
line-height: 34px;
-webkit-font-smoothing: antialiased;
cursor: pointer; }
.ls-sublayer-controls .disabled {
opacity: .3 !important; }
.ls-sublayer-thumb {
display: inline-block;
position: absolute;
top: 0;
left: 75px;
width: 34px;
height: 34px;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
overflow: hidden;
font-size: 28px;
line-height: 32px;
background: #eee;
text-align: center; }
.ls-sublayer-thumb:before {
position: relative;
top: 3px; }
.ls-sublayer-thumb img {
max-width: 34px;
max-height: 34px; }
.ls-sublayer-thumb.dashicons-admin-post,
.ls-sublayer-thumb.dashicons-format-image,
.ls-sublayer-thumb.dashicons-flag,
.ls-sublayer-thumb.dashicons-marker,
.ls-sublayer-thumb.dashicons-text {
font-size: 22px;
line-height: 28px; }
tr.active .ls-sublayer-controls {
display: inline; }
.ls-layer-content-controls {
position: relative;
width: 610px;
height: 28px;
max-width: 100%;
margin: 10px auto; }
.ls-sublayer-basic .ls-layer-kind {
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
text-align: center;
z-index: 2;
cursor: pointer;
border-radius: 5px;
border: 1px solid #dedede; }
.ls-sublayer-basic .ls-layer-kind.hover.opened {
border: 1px solid #ccc;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1); }
.ls-sublayer-basic .ls-layer-kind.hover.opened li {
display: block !important; }
.ls-sublayer-basic .ls-layer-kind.hover.opened li:first-child {
border-bottom: 1px solid #dedede; }
.ls-sublayer-basic .ls-layer-kind .dashicons-arrow-down-alt2 {
position: absolute;
top: 7px;
right: 12px;
pointer-events: none;
line-height: 28px;
font-size: 24px;
color: #444; }
.ls-sublayer-basic .ls-layer-kind ul {
width: 200px;
background: #f3f3f3;
border-radius: 5px;
text-align: left;
margin: 0;
overflow: hidden; }
.ls-sublayer-basic .ls-layer-kind ul li {
display: none;
height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
padding: 5px 28px 5px 0px;
color: #555;
font-size: 12px;
line-height: 28px; }
.ls-sublayer-basic .ls-layer-kind ul li:first-child {
display: block !important;
background: #f3f3f3 !important; }
.ls-sublayer-basic .ls-layer-kind ul li:hover {
background: #e9e9e9; }
.ls-sublayer-basic .ls-layer-kind ul li .dashicons {
font-size: 20px;
line-height: 28px;
margin: 0 7px; }
.ls-sublayer-element {
margin: 0;
padding-top: 20px;
text-align: center; }
.ls-sublayer-element li {
display: inline-block;
width: 60px;
height: 26px;
margin: 0;
color: #333;
text-align: center;
font: normal normal normal 11px/16px Arial, serif;
border-radius: 5px;
border: 1px solid #DEDEDE;
cursor: pointer;
line-height: 26px; }
.ls-sublayer-element li.active {
border: 1px solid #ccc;
background: #E0E0E0; }
.ls-layer-sections {
padding-top: 8px; }
.ls-sublayer-basic .ls-options .ls-image-uploader {
width: 100%; }
.ls-sublayer-basic .ls-options .ls-image-uploader table td:last-child {
width: 600px;
text-align: right; }
.ls-sublayer-basic .ls-options .ls-image-uploader p {
width: 220px;
float: left;
margin: 0 10px 0 20px;
padding-right: 20px;
border-right: 1px solid #dedede; }
.ls-sublayer-basic .ls-options .ls-image-uploader .ls-checkbox {
margin-left: 10px;
float: right; }
.ls-set-screen-types {
position: absolute;
top: 0;
right: 0;
text-align: center;
height: 28px;
line-height: 28px;
width: 391px;
padding: 5px 0;
font-size: 13px;
border-radius: 5px;
background: #f3f3f3;
border: 1px solid #dedede;
float: right; }
.ls-set-screen-types .dashicons {
position: relative;
width: 30px;
height: 30px;
margin-left: -1px;
margin-right: 0;
padding: 0;
background: #e3e3e3;
border-radius: 0;
color: #222;
box-shadow: none;
font-size: 16px;
text-align: center;
line-height: 28px; }
.ls-set-screen-types .dashicons:hover {
z-index: 2; }
.ls-set-screen-types .dashicons:first-child {
margin-left: 10px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.ls-set-screen-types .dashicons:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.ls-set-screen-types .dashicons.playing {
border-color: #6ea214;
color: #fff;
z-index: 10;
transform: none; }
.ls-html-code {
position: relative;
padding-bottom: 10px;
max-width: 100%;
width: 610px; }
.ls-html-code .ls-html-textarea {
position: relative; }
.ls-html-code .ls-options {
margin: 10px 0;
color: #666;
line-height: 28px; }
.ls-html-code .ls-options .ls-separator {
position: relative;
width: 100%;
height: 1px;
margin: 20px 0;
background: #dedede;
text-align: center; }
.ls-html-code .ls-options .ls-separator span {
padding: 0 10px;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
top: -14px;
background: white; }
.ls-html-code .ls-options .fifth {
text-align: center; }
.ls-html-code .ls-options select, .ls-html-code .ls-options input {
width: 90%; }
.ls-html-code .ls-options .slide-image {
margin: 30px 0 0 0; }
.ls-html-code .ls-options .slide-image p {
margin-bottom: 0; }
.ls-html-code .ls-icon-options {
text-align: center; }
.ls-html-code .ls-button-options {
text-align: center;
margin-top: 16px; }
#tmpl-button-presets-modal-window {
text-align: center; }
#tmpl-button-presets-modal-window ul {
margin-top: 16px; }
#tmpl-button-presets-modal-window ul li {
width: 170px;
display: inline-block;
margin: 0 15px 10px 15px;
padding: 5px 0;
cursor: pointer; }
#tmpl-button-presets-modal-window ul li.small {
width: 50px; }
#tmpl-button-presets-modal-window ul li span {
display: inline-block;
padding: 15px 60px;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #fff; }
.ls-preset-button-1-1 {
background: #1b9af7; }
.ls-preset-button-1-2 {
border: 3px solid white;
background: #1b9af7;
box-shadow: 0 0 1px #888; }
.ls-preset-button-1-3 {
border-radius: 5px;
background: #1b9af7;
box-shadow: 0 4px #106092;
transform: translateY(-3px); }
.ls-preset-button-1-4 {
background: #1b9af7;
border-radius: 50px; }
.ls-preset-button-1-5 {
width: 52px;
height: 52px;
padding: 0 !important;
line-height: 52px;
text-align: center;
background: #1b9af7;
border-radius: 100%; }
.ls-preset-button-1-5 i.fa {
font-size: 20px; }
.ls-preset-button-2-1 {
background: #a5de37; }
.ls-preset-button-2-2 {
border: 3px solid white;
background: #a5de37;
box-shadow: 0 0 1px #888; }
.ls-preset-button-2-3 {
border-radius: 5px;
background: #a5de37;
box-shadow: 0 4px #719c1c;
transform: translateY(-3px); }
.ls-preset-button-2-4 {
background: #a5de37;
border-radius: 50px; }
.ls-preset-button-2-5 {
width: 52px;
height: 52px;
padding: 0 !important;
line-height: 52px;
text-align: center;
background: #a5de37;
border-radius: 100%; }
.ls-preset-button-2-5 i.fa {
font-size: 20px; }
.ls-preset-button-3-1 {
background: #feae1b; }
.ls-preset-button-3-2 {
border: 3px solid white;
background: #feae1b;
box-shadow: 0 0 1px #888; }
.ls-preset-button-3-3 {
border-radius: 5px;
background: #feae1b;
box-shadow: 0 4px #c38717;
transform: translateY(-3px); }
.ls-preset-button-3-4 {
background: #feae1b;
border-radius: 50px; }
.ls-preset-button-3-5 {
width: 52px;
height: 52px;
padding: 0 !important;
line-height: 52px;
text-align: center;
background: #feae1b;
border-radius: 100%; }
.ls-preset-button-3-5 i.fa {
font-size: 20px; }
.ls-preset-button-4-1 {
background: #ff505d; }
.ls-preset-button-4-2 {
border: 3px solid white;
background: #ff505d;
box-shadow: 0 0 1px #888; }
.ls-preset-button-4-3 {
border-radius: 5px;
background: #ff505d;
box-shadow: 0 4px #b72a34;
transform: translateY(-3px); }
.ls-preset-button-4-4 {
background: #ff505d;
border-radius: 50px; }
.ls-preset-button-4-5 {
width: 52px;
height: 52px;
padding: 0 !important;
line-height: 52px;
text-align: center;
background: #ff505d;
border-radius: 100%; }
.ls-preset-button-4-5 i.fa {
font-size: 20px; }
.ls-preset-button-5-1 {
background: #7b72e9; }
.ls-preset-button-5-2 {
border: 3px solid white;
background: #7b72e9;
box-shadow: 0 0 1px #888; }
.ls-preset-button-5-3 {
border-radius: 5px;
background: #7b72e9;
box-shadow: 0 4px #554db7;
transform: translateY(-3px); }
.ls-preset-button-5-4 {
background: #7b72e9;
border-radius: 50px; }
.ls-preset-button-5-5 {
width: 52px;
height: 52px;
padding: 0 !important;
line-height: 52px;
text-align: center;
background: #7b72e9;
border-radius: 100%; }
.ls-preset-button-5-5 i.fa {
font-size: 20px; }
.ls-open-media-modal-button,
.ls-insert-icon,
.ls-replace-icon-button {
position: absolute;
bottom: 3px;
left: 0;
padding-left: 8px !important; }
.ls-open-media-modal-button span,
.ls-insert-icon span,
.ls-replace-icon-button span {
margin-right: 4px;
color: #666;
font-size: 16px;
line-height: 25px;
-webkit-font-smoothing: antialiased; }
.ls-insert-media {
display: none !important; }
.ls-insert-icon {
width: 150px; }
.ls-replace-icon-button {
left: 149px; }
.ls-post-section p {
width: 600px;
margin: 10px auto 10px auto;
text-align: center; }
.ls-posts-configured {
position: relative; }
.ls-posts-configured input {
width: 70px;
margin-right: 10px; }
button.ls-configure-posts,
button.ls-layer-duplicate {
width: auto !important;
padding: 0 10px 1px 10px !important;
margin-top: 15px !important;
white-space: normal !important; }
button.ls-configure-posts span,
button.ls-layer-duplicate span {
margin-right: 6px;
color: #666;
font-size: 16px;
line-height: 25px;
-webkit-font-smoothing: antialiased; }
button.ls-layer-duplicate {
margin-left: 15px !important; }
button.ls-layer-duplicate:focus {
outline: none !important; }
.ls-sublayer-options .ls-advanced i.dashicons,
.ls-sublayer-options .ls-premium a.dashicons {
line-height: 28px; }
tr.ls-separator td {
height: 8px !important;
padding: 0 !important;
background: #dddddd;
background: -moz-linear-gradient(top, #dddddd 0%, #f4f4f4 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #f4f4f4)) !important;
background: -webkit-linear-gradient(top, #dddddd 0%, #f4f4f4 100%) !important;
background: -o-linear-gradient(top, #dddddd 0%, #f4f4f4 100%) !important;
background: -ms-linear-gradient(top, #dddddd 0%, #f4f4f4 100%) !important;
background: linear-gradient(to bottom, #dddddd 0%, #f4f4f4 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f4f4f4',GradientType=0 ) !important; }
.ls-sublayer-options table td {
background: none !important; }
#ls-layers .ls-sublayer-options table tr:last-child td {
border-bottom: 0 !important; }
.ls-sublayer-options .right {
color: #888 !important; }
.ls-sublayer-options .km-accordion-opened .dashicons {
display: block !important; }
.ls-sublayer-options .km-accordion-head .dashicons {
display: none;
float: right;
font-weight: normal;
font-size: 16px;
margin: 5px 0 0 5px; }
.ls-sublayer-options td.center {
text-align: center; }
.ls-sublayer-options td.center input {
width: 60%;
margin-top: 10px; }
.ls-sublayer-link .ls-slide-link {
width: 80%;
margin: 9px auto;
padding: 0 10px 20px 10px !important; }
.ls-sublayer-link .ls-slide-link input {
width: 100%;
height: 30px;
line-height: 30px;
margin-bottom: 6px; }
.ls-sublayer-link .ls-slide-link select {
width: auto;
max-width: 190px;
float: left; }
.ls-sublayer-link .ls-slide-link > div {
position: relative; }
.ls-sublayer-link .ls-slide-link span {
float: right;
z-index: 999;
right: 10px;
line-height: 27px;
margin-left: 20px; }
.ls-sublayer-link .ls-slide-link span:last-child {
margin-left: 0 !important; }
.ls-media-options td {
width: 33%;
text-align: center; }
.ls-media-options td input, .ls-media-options td select, .ls-media-options td .ls-checkbox {
margin-top: 5px; }
.ls-media-options .volume span {
position: absolute;
right: 30px; }
.ls-bgvideo-options {
color: #222;
line-height: 16px;
text-align: center; }
.ls-bgvideo-options select {
width: 60% !important;
margin-top: 5px !important; }
/* Layer Styles */
.ls-sublayer-style {
padding: 10px; }
.ls-sublayer-style textarea,
.ls-sublayer-style input, .ls-sublayer-style select,
.ls-sublayer-style .km-combo-box input {
font-size: 13px !important;
line-height: 13px !important; }
.ls-sublayer-style .ls-layer-visual-box textarea,
.ls-sublayer-style .ls-layer-visual-box input, .ls-sublayer-style .ls-layer-visual-box select {
font-weight: 600; }
.ls-sublayer-style .minicolors-swatch {
height: 26px !important;
width: 26px !important;
left: 1px !important;
top: 1px !important;
border-right: 1px solid #dedede !important; }
.ls-sublayer-style .minicolors-swatch span {
box-shadow: none !important; }
.ls-sublayer-style .minicolors input {
padding-left: 31px; }
.ls-sublayer-style td:first-child {
text-align: right;
color: #333; }
.ls-h-text td:first-child,
.ls-h-effects td:first-child,
.ls-h-background td:first-child {
width: 150px !important; }
.ls-sublayer-style > div {
width: calc( 33.3% - 20px) !important;
float: left;
margin: 10px !important; }
.ls-sublayer-style > div > div {
position: relative;
background: #f7f7f7;
border-radius: 3px;
margin-top: 20px !important;
border: 1px solid #ddd; }
.ls-sublayer-style > div > div .textarea-helper {
padding: 10px; }
.ls-sublayer-style > div > div .textarea-helper textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
border-radius: 3px;
box-shadow: none !important;
padding: 5px 7px !important; }
.ls-sublayer-style > div:last-child textarea {
height: 828px; }
.ls-sublayer-style > div div.ls-h-actions .table-holder {
text-align: center; }
.ls-sublayer-style > div div.ls-h-actions .table-holder a {
margin-left: 10px !important; }
.ls-sublayer-style > div .table-holder {
padding: 10px; }
.ls-sublayer-style > div table {
width: 100%; }
.ls-sublayer-style > div table tbody tr td:last-child {
padding-left: 5px !important; }
.ls-sublayer-style > div table tbody tr td:first-child {
padding-right: 5px !important; }
.ls-sublayer-style > div table tbody td {
height: 28px;
vertical-align: middle !important;
width: auto !important;
padding: 5px 0 0 0 !important;
background: none !important; }
.ls-sublayer-style > div table tbody td input, .ls-sublayer-style > div table tbody td select,
.ls-sublayer-style > div table tbody td .minicolors {
width: 80% !important;
margin: 0 !important;
height: 28px; }
.ls-sublayer-style > div table tbody td .minicolors input, .ls-sublayer-style > div table tbody td .minicolors select {
width: 100% !important; }
.ls-sublayer-style > div table tbody td.ls-bptable-1 {
width: 49px !important; }
.ls-sublayer-style > div table tbody td.ls-bptable-2 {
width: auto !important; }
.ls-sublayer-style > div table tbody td.ls-bptable-3 {
width: 70px !important; }
.ls-sublayer-style > div > div:first-child {
margin-top: 0 !important; }
.ls-sublayer-style h5 {
font-size: 14px;
font-weight: 600;
color: #555;
text-align: center;
background: #e7e7e7 !important;
border-radius: 2px;
height: 36px;
line-height: 36px;
margin: 0 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase; }
.ls-sublayer-style h5 span {
color: #888; }
.ls-sublayer-style .ls-h-actions a {
white-space: nowrap; }
.ls-border-padding,
.ls-position {
max-width: 380px; }
.ls-sublayer-style .ls-border-padding input {
width: 100% !important; }
.ls-sublayer-style .ls-position td {
width: 50%;
text-align: right !important;
padding: 5px 10px 0 10px; }
.ls-sublayer-style .ls-position td input,
.ls-sublayer-style .ls-position td select {
width: 100% !important; }
.ls-layer-visual-box {
width: 100%;
height: 235px;
max-width: 400px;
position: relative; }
.ls-layer-visual-box div {
text-align: left;
line-height: 20px;
font-size: 11px;
color: #333; }
.ls-layer-position,
.ls-layer-border,
.ls-layer-padding,
.ls-layer-size {
position: absolute; }
.ls-layer-border,
.ls-layer-padding {
line-height: 23px !important; }
.ls-layer-border > b,
.ls-layer-padding > b {
position: absolute;
width: 23px;
height: 23px;
display: inline-block;
text-indent: 0px !important;
text-align: center !important;
color: #777 !important; }
.ls-border-top-value,
.ls-padding-top-value,
.ls-border-bottom-value,
.ls-padding-bottom-value {
left: 50%;
margin-left: -13px; }
.ls-border-top-value,
.ls-padding-top-value {
top: 0px; }
.ls-border-bottom-value,
.ls-padding-bottom-value {
bottom: 0px; }
.ls-border-left-value,
.ls-padding-left-value,
.ls-border-right-value,
.ls-padding-right-value {
top: 50%;
margin-top: -17px; }
.ls-border-left-value,
.ls-padding-left-value {
left: 0px; }
.ls-border-right-value,
.ls-padding-right-value {
right: 0px; }
.ls-layer-position {
left: 0px;
right: 10px;
top: 0px;
bottom: 0px;
border-radius: 5px; }
.ls-layer-position > div:first-child {
position: absolute;
left: 0px;
top: 0px;
width: 117px;
height: 117px; }
.ls-layer-position > div:first-child:before, .ls-layer-position > div:first-child:after {
content: "";
display: block;
position: absolute; }
.ls-layer-position > div:first-child:before {
right: -1px;
height: 64px;
top: 3px;
border-left: 1px dashed #aaa; }
.ls-layer-position > div:first-child:after {
bottom: -1px;
width: 64px;
left: 3px;
border-top: 1px dashed #aaa; }
.ls-layer-position > div:first-child > input, .ls-layer-position > div:first-child > span {
width: 48px !important;
height: 28px !important;
font-size: 13px !important;
font-size: 11px !important;
text-align: center !important;
position: absolute !important; }
.ls-layer-position > div:first-child .ls-layer-top {
left: 100%;
margin-left: 11px; }
.ls-layer-position > div:first-child .ls-layer-left {
top: 100%;
left: 9px; }
.ls-layer-position > div:first-child > input {
line-height: 20px; }
.ls-layer-position > div:first-child > input.ls-layer-top {
top: 18px; }
.ls-layer-position > div:first-child > input.ls-layer-left {
margin-top: 11px; }
.ls-layer-position > div:first-child > span.ls-layer-top {
top: 45px; }
.ls-layer-position > div:first-child > span.ls-layer-left {
margin-top: 38px; }
.ls-layer-padding,
.ls-layer-size {
left: 23px;
right: 23px;
top: 23px;
bottom: 23px;
border-radius: 3px; }
.ls-layer-border {
left: 69px;
right: 0px;
top: 69px;
bottom: 0px;
background: #eee;
border: 1px solid #d3d3d3;
border-radius: 3px;
text-indent: 46px;
color: #555 !important; }
.ls-layer-padding {
background: #f9f9f9;
border: 1px solid #d7d7d7;
text-indent: 22px;
color: #555 !important; }
.ls-layer-size {
text-indent: 0px !important;
background: #fff;
border: 1px dashed #999;
text-align: center !important;
white-space: nowrap; }
.ls-layer-size input {
margin: 15px 0px 0px 0px !important;
height: 28px !important;
line-height: 20px;
font-size: 12px; }
.ls-layer-size input, .ls-layer-size .ls-wh {
display: inline-block;
width: 35% !important;
max-width: 100px !important;
text-align: center !important; }
.ls-x {
position: relative;
top: 0px;
padding: 0px;
width: 14px;
text-transform: uppercase;
display: inline-block; }
.ls-wh {
padding: 0px 6px; }
span.ls-layer-left,
span.ls-layer-top,
.ls-wh {
text-transform: uppercase; }
#ls-background-notification {
width: 610px;
margin: 0 auto 10px auto; }
#ls-background-notification .ls-notification-info {
width: auto !important;
margin: 0 !important; }
#ls-transition-warning {
max-height: 0;
opacity: 0;
transform: scale(0);
transition: all 500ms ease-in-out;
overflow: hidden; }
#ls-transition-warning.visible {
max-height: 100px;
transform: scale(1);
opacity: 1; }
#ls-transition-warning div {
margin: 20px auto 45px auto;
border-radius: 5px;
color: #fff !important;
background-color: #00b4ff;
line-height: 18px;
text-align: left; }
#ls-transition-warning .dashicons {
font-size: 24px;
color: #fff !important; }
#ls-transition-warning mark {
padding: 0 5px;
border-radius: 3px;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0.2);
font-size: 12px;
color: #fff; }
#ls-transition-selector {
display: none;
margin: 20px 10px !important;
outline: none !important;
width: calc( 100% - 20px) !important;
font-size: 16px !important;
height: 40px !important; }
#ls-transition-selector-table {
max-width: 1000px;
margin: 5px auto !important;
border-spacing: 0;
border-collapse: collapse; }
#ls-transition-selector-table tr:last-child td {
padding-top: 10px !important;
vertical-align: bottom;
text-align: center; }
#ls-transition-selector-table td {
width: 1px;
padding: 0 !important; }
#ls-transition-selector-table td > div {
max-width: 120px !important;
text-align: center;
cursor: pointer;
margin: 0 auto !important;
transform: scale(0.75);
transition: transform .2s ease-in-out; }
#ls-transition-selector-table td > div > span {
font-size: 15px;
display: inline-block;
padding-top: 5px !important;
transform: scale(1.1);
transition: all .2s ease-in-out; }
#ls-transition-selector-table td > div > div {
border-radius: 5px;
height: 68px;
border: 1px solid #e5e5e5;
background-color: #f3f3f3;
position: relative;
overflow: hidden; }
#ls-transition-selector-table td > div > div .ls-preview-layer {
width: 28px;
height: 18px;
border: 1px dashed rgba(0, 0, 0, 0.35);
border-radius: 3px;
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 25px;
left: 50%;
margin-left: -15px; }
#ls-transition-selector-table td > div > div .ls-preview-layer_t {
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
color: #888;
position: absolute;
height: 20px;
line-height: 20px;
top: 25px;
width: 12px;
text-align: center; }
#ls-transition-selector-table td > div > div .ls-preview-layer_t1 {
left: 50%;
margin-left: -24px; }
#ls-transition-selector-table td > div > div .ls-preview-layer_t2 {
left: 50%;
margin-left: -12px; }
#ls-transition-selector-table td > div > div .ls-preview-layer_t3 {
left: 50%; }
#ls-transition-selector-table td > div > div .ls-preview-layer_t4 {
left: 50%;
margin-left: 12px; }
#ls-transition-selector-table td #ls-tpreview-loop .ls-preview-layer,
#ls-transition-selector-table td #ls-tpreview-hover .ls-preview-layer {
left: 50%;
margin-left: -15px; }
#ls-transition-selector-table td #ls-tpreview-parallax .ls-preview-layer {
left: 50%;
margin-left: -20px;
margin-top: -5px; }
#ls-transition-selector-table td #ls-tpreview-parallax .ls-preview-layer_b {
margin-left: -10px;
margin-top: 5px; }
#ls-transition-selector-table td.ls-padding {
min-width: 20px;
padding: 0 !important;
border: 0 !important;
margin: 0 !important; }
#ls-transition-selector-table td.selected > div {
transform: scale(1) translateY(3px); }
#ls-transition-selector-table td.selected > div > span {
transform: scale(1); }
#ls-transition-selector-table td:hover > div {
transform: scale(1) translateY(3px); }
#ls-transition-selector-table td:hover > div > span {
transform: scale(1); }
#ls-transition-selector-table td.active > div > div {
border-width: 1px;
border-color: #7eb917;
background-color: rgba(126, 185, 23, 0.2); }
#ls-transition-selector-table td.active > div > div .ls-preview-layer,
#ls-transition-selector-table td.active > div > div .ls-preview-layer_b {
background-color: rgba(126, 185, 23, 0.75); }
#ls-transition-selector-table td.active > div > div .ls-preview-layer_t {
color: #669e04; }
.ls-layer-type-img option[value^="text"],
.ls-layer-type-media option[value^="text"] {
display: none !important; }
.ls-layer-type-img .ls-only-with-text-layers,
.ls-layer-type-media .ls-only-with-text-layers {
display: none !important; }
.ls-sublayer-options .ls-separator {
position: relative;
width: 100%;
height: 1px;
margin: 30px 0;
background: #dedede; }
.ls-sublayer-options .ls-separator span {
display: block;
height: 21px;
line-height: 18px;
position: absolute;
top: -10px;
background: #fdfdfd;
font-size: 20px;
left: 10px;
padding: 0px 10px; }
.ls-sublayer-options .ls-separator span i {
display: inline-block;
font-style: normal;
color: #999;
border-left: 1px solid #ccc;
padding-left: 8px;
margin-left: 8px;
height: 21px; }
#ls-layer-transitions section {
display: none; }
#ls-layer-transitions section table td {
white-space: nowrap; }
#ls-layer-transitions section.active {
display: block; }
#ls-layer-transitions section.disabled .overlay {
position: relative; }
#ls-layer-transitions section.disabled .overlay:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 1px;
right: 1px;
z-index: 10;
background: white;
opacity: 0.5; }
#ls-layer-transitions header {
margin: 0 20px 20px 20px;
text-align: center; }
#ls-layer-transitions header div {
vertical-align: middle;
text-align: center;
display: inline-block; }
#ls-layer-transitions table {
margin: 0px 20px; }
#ls-layer-transitions .ls-h-enabled {
padding-right: 10px; }
#ls-layer-transitions .ls-h-actions {
border-left: 1px solid #dedede;
padding-left: 20px; }
#ls-layer-transitions .ls-h-actions a {
display: block;
white-space: nowrap;
height: 22px; }
#ls-layer-transitions .ls-h-button {
border-right: 1px solid #dedede;
padding-right: 20px;
white-space: nowrap; }
#ls-layer-transitions .ls-h-button > span {
height: 23px;
line-height: 23px; }
#ls-layer-transitions .ls-h-button input {
vertical-align: middle; }
#ls-layer-transitions .ls-h-description {
width: calc( 100% - 420px);
font-size: 14px;
text-align: justify;
padding: 0 20px; }
.layer-properties-box {
width: calc( 100% - 20px);
margin: 0 10px !important;
text-align: center;
font-size: 0 !important; }
.layer-properties-box.draggable {
position: fixed;
left: 100px;
top: 100px;
background: rgba(0, 0, 0, 0.3);
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
z-index: 10000;
border-radius: 5px; }
.layer-properties-box > li {
width: calc( 25% - 22px) !important;
float: left;
margin: 0 10px !important;
padding-bottom: 10px;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 3px; }
.layer-properties-box > li h5 {
font-size: 14px;
font-weight: 600;
color: #555;
text-align: center;
background: #e7e7e7 !important;
border-radius: 2px;
height: 36px;
line-height: 36px;
margin: 0 0 10px 0 !important;
text-transform: uppercase; }
.layer-properties-box > li h5 span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 10px; }
.layer-properties-box > li > ul > li {
height: 28px;
margin: 5px 0 0 0 !important; }
.layer-properties-box > li > ul > li > div {
display: inline-block;
white-space: nowrap;
font-size: 13px;
color: #333;
text-overflow: ellipsis;
height: 28px;
line-height: 28px;
vertical-align: middle; }
.layer-properties-box > li > ul > li > div > input,
.layer-properties-box > li > ul > li > div > select,
.layer-properties-box > li > ul > li > div > .minicolors {
margin: 0 !important;
width: 80% !important;
font-size: 13px !important;
height: 28px !important; }
.layer-properties-box > li > ul > li > div .start-at-timing {
width: 85% !important;
font-size: 14px !important;
text-align: center !important; }
.layer-properties-box > li > ul > li > div .start-at-operator {
width: 40px !important;
font-size: 14px !important;
text-align: center !important; }
.layer-properties-box > li > ul > li > div .start-at-value {
width: calc( 80% - 44px) !important; }
.layer-properties-box > li > ul > li > div > .minicolors input,
.layer-properties-box > li > ul > li > div > .km-combo-box input {
width: 100% !important;
margin: 0 !important;
height: 28px; }
.layer-properties-box > li > ul > li > div select {
position: relative;
top: -2px !important; }
.layer-properties-box > li > ul > li > div > a.ls-checkbox {
margin-top: 4px !important; }
.layer-properties-box > li > ul > li > div .minicolors input {
padding-left: 31px; }
.layer-properties-box > li > ul > li > div .minicolors-swatch {
height: 26px !important;
width: 26px !important;
left: 1px !important;
top: 1px !important;
border-right: 1px solid #dedede !important; }
.layer-properties-box > li > ul > li > div .minicolors-swatch span {
box-shadow: none !important; }
.layer-properties-box > li > ul > li > div:first-child {
width: calc( 40% - 10px);
margin-right: 10px;
text-align: right !important;
overflow: hidden; }
.layer-properties-box > li > ul > li > div:last-child {
width: 60%;
text-align: left !important; }
.layer-properties-box.col-3 > li {
width: calc( 33.3% - 22px) !important; }
.ls-layer-other-settings {
padding: 20px 20px 15px 20px !important;
margin: 0 20px 20px 20px !important;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 3px; }
.ls-layer-other-settings > div {
float: left;
width: 50% !important;
height: 28px;
margin-bottom: 5px !important;
width: 50% !important;
float: left;
height: 28px;
line-height: 28px; }
.ls-layer-other-settings > div > div {
float: left;
width: 50% !important; }
.ls-layer-other-settings > div > div:first-child {
width: calc( 50% - 5px) !important;
padding-right: 5px;
text-align: right; }
.ls-layer-other-settings > div:first-child {
text-align: right; }
.ls-layer-other-settings > div a {
margin: 4px 0 0 10px !important; }
.ls-layer-other-settings > div input,
.ls-layer-other-settings > div select {
margin: 0 !important;
width: 100% !important; }
.ls-layer-other-settings > div select {
position: relative !important;
top: -2px !important; }
.km-ui-cols-3 header > div {
position: relative !important;
transform: translateZ(1px); }
.km-ui-cols-3 .layer-properties-box:not(.col-3) {
margin-top: -20px !important; }
.km-ui-cols-3 .layer-properties-box:not(.col-3) > li {
margin-top: 20px !important;
width: calc( 33.3% - 22px) !important; }
.km-ui-cols-3 .layer-properties-box:not(.col-3) > li:last-child {
width: calc( 100% - 22px) !important; }
.km-ui-cols-3 .layer-properties-box:not(.col-3) > li:last-child > ul > li {
width: 50%;
float: left !important; }
.km-ui-cols-2 header {
text-align: center; }
.km-ui-cols-2 header > div {
display: inline-block !important; }
.km-ui-cols-2 .ls-h-actions {
margin: 0 !important; }
.km-ui-cols-2 .layer-properties-box {
margin-top: -20px !important; }
.km-ui-cols-2 .layer-properties-box > li {
margin-top: 20px !important;
width: calc( 50% - 22px) !important; }
.km-ui-cols-2 .layer-properties-box.col-3 > li {
width: calc( 50% - 22px) !important; }
.km-ui-cols-2 .layer-properties-box.col-3 > li:last-child {
width: calc( 100% - 22px) !important; }
.km-ui-cols-2 .layer-properties-box.col-3 > li:last-child li {
width: 50% !important;
float: left !important; }
.km-ui-cols-2 .ls-layer-other-settings > div {
width: 100% !important;
float: none !important; }
.km-ui-cols-2 .ls-layer-other-settings > div > div:first-child {
width: calc( 50% - 5px) !important; }
.km-ui-cols-2 .ls-layer-other-settings > div > div:last-child {
width: 50% !important; }
.km-ui-cols-2 .ls-sublayer-style > div,
.km-ui-cols-2 .ls-sublayer-style > div > div > div {
margin: 0 !important; }
.km-ui-cols-2 .ls-sublayer-style > div > div {
margin: 10px 10px 20px 10px !important; }
.km-ui-cols-2 .ls-sublayer-style > div > div:last-child {
margin: 10px !important; }
.km-ui-cols-2 .ls-sublayer-style > div {
width: 50% !important;
float: left !important;
clear: none !important; }
.km-ui-cols-2 .ls-sublayer-style > div:last-child {
width: 100% !important; }
.km-ui-cols-2 .ls-sublayer-style > div:last-child textarea {
height: auto !important; }
.km-ui-cols-1 header {
text-align: center; }
.km-ui-cols-1 .ls-h-button,
.km-ui-cols-1 .ls-h-enabled {
border: none !important;
display: inline-block !important; }
.km-ui-cols-1 .ls-h-actions {
display: block !important;
padding: 10px 0 0 0 !important;
border-left: 0 !important;
border-top: 1px solid #dedede;
margin-top: 10px !important; }
.km-ui-cols-1 .layer-properties-box {
margin-top: -20px !important; }
.km-ui-cols-1 .layer-properties-box > li {
margin-top: 20px !important;
width: calc( 100% - 22px) !important; }
.km-ui-cols-1 .layer-properties-box.col-3 > li {
width: calc( 100% - 22px) !important; }
.km-ui-cols-1 .ls-layer-other-settings {
padding: 10px !important; }
.km-ui-cols-1 .ls-layer-other-settings div,
.km-ui-cols-1 .ls-layer-other-settings div div {
text-align: left !important;
width: 100% !important;
float: none !important;
clear: both !important;
margin-left: 0 !important;
margin-right: 0 !important;
height: auto !important; }
.km-ui-cols-1 .ls-sublayer-style > div,
.km-ui-cols-1 .ls-sublayer-style > div > div > div {
margin: 0 !important;
width: auto !important;
float: none !important;
clear: both !important; }
.km-ui-cols-1 .ls-sublayer-style > div > div {
margin: 10px 10px 20px 10px !important; }
.km-ui-cols-1 .ls-sublayer-style > div > div:last-child {
margin-top: 0 !important; }
.km-ui-cols-1 .ls-sublayer-style textarea {
height: auto !important; }
.km-ui-cols-1 .ls-set-screen-types {
font-size: 0 !important; }
.km-ui-cols-1 #ls-transition-selector-table,
.km-ui-cols-1 #ls-layer-transitions section .ls-separator {
display: none; }
.km-ui-cols-1 #ls-transition-selector {
display: block; }
.ls-layers-settings-floating .overlay ul.layer-properties-box {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important; }
.ls-layers-settings-floating .ls-layer-other-settings {
margin: 0 10px 10px 10px !important; }
.ls-layers-settings-floating .ls-sublayer-style {
padding-left: 0 !important;
padding-right: 0 !important; }
.ls-layers-settings-floating .ls-sublayer-style > div:last-child div {
margin-bottom: 0 !important; }
.ls-layers-settings-floating .ls-sublayer-basic {
padding: 20px 10px !important; }
.ls-layers-settings-floating.km-ui-cols-2 .ls-h-description, .ls-layers-settings-floating.km-ui-cols-1 .ls-h-description {
display: none !important; }
.ls-layer-background-image-table .indent {
display: inline-block;
margin-bottom: 10px; }
#ls-insert-icons-modal-window h2 {
margin: 24px 0 10px 0;
font-size: 24px;
font-weight: 400;
color: #555 !important;
text-align-last: left; }
#ls-insert-icons-modal-window .search-holder {
position: absolute;
top: 0;
left: 0;
right: 0; }
#ls-insert-icons-modal-window input {
width: 100%;
height: 36px;
border-radius: 4px;
margin: 0; }
#ls-insert-icons-modal-window section div {
width: 50px;
height: 50px;
float: left;
margin-left: 8px;
text-align: center;
line-height: 50px;
cursor: pointer; }
#ls-insert-icons-modal-window section div:hover {
background: #2ea2cc;
color: white;
border-radius: 5px;
transform: scale(1.2); }
#ls-insert-icons-modal-window section div:hover i {
font-size: 32px; }
#ls-insert-icons-modal-window section i {
width: 50px;
margin-right: 5px;
font-size: 26px;
line-height: 50px;
text-align: center; }
#ls-insert-icons-modal-window .results {
position: absolute;
top: 60px;
bottom: 0;
left: 0;
right: 0;
overflow: auto; }
#tmpl-insert-media-modal-window .ls-left {
float: left;
width: 580px;
padding-right: 40px;
border-right: 1px solid #dedede; }
#tmpl-insert-media-modal-window .ls-right {
float: right; }
#tmpl-insert-media-modal-window h3 {
margin: 24px 0 10px 0;
font-size: 16px;
font-weight: 400;
color: #555 !important; }
#tmpl-insert-media-modal-window .divider {
position: relative;
border-bottom: 1px solid #dedede;
padding-bottom: 40px;
margin-bottom: 40px; }
#tmpl-insert-media-modal-window .divider button {
margin-left: 20px !important; }
#tmpl-insert-media-modal-window .divider span {
position: absolute;
display: inline-block;
bottom: -11px;
left: 50%;
margin-left: -27px;
background: white;
padding: 0 20px;
color: #ddd; }
#tmpl-insert-media-modal-window textarea, #tmpl-insert-media-modal-window input {
width: 460px;
margin: 1px;
padding: 3px 4px !important;
border-radius: 3px;
color: #333;
border: 1px solid #ddd;
font-size: 14px; }
#tmpl-insert-media-modal-window textarea {
height: 86px;
resize: none;
font-size: 13px;
word-break: break-all; }
#tmpl-insert-media-modal-window button {
margin-top: 0 !important;
margin-bottom: 0 !important; }
#tmpl-insert-media-modal-window .ls-embed-code button {
margin-top: 28px !important; }
#tmpl-insert-media-modal-window .ls-html5 {
text-align: center; }
#tmpl-insert-media-modal-window .ls-html5 h3 {
text-align: left; }
#tmpl-insert-media-modal-window .ls-html5 p {
text-align: left;
font-size: 13px;
color: #999; }
#tmpl-insert-media-modal-window .ls-media-preview {
position: relative;
min-width: 240px;
min-height: 240px;
border-radius: 3px;
overflow: hidden; }
#tmpl-insert-media-modal-window .ls-media-preview:after {
content: "\f104";
display: block;
position: absolute;
top: 0;
left: 0;
width: 240px;
height: 240px;
line-height: 240px;
font-size: 50px;
color: #999;
font-family: dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background: #dedede;
z-index: -1; }
#ls-transition-window.hide-special-effects #tryorigami {
display: none; }
#ls-transition-window.hide-special-effects #ls-transitions-list {
top: 60px; }
#ls-transition-window #transitiongallery-header {
position: absolute;
top: 0;
left: 0;
right: 0; }
#ls-transition-window #tryorigami {
width: 100%;
height: 160px;
background-image: url(../img/origami-bg.png);
text-align: center;
border-radius: 5px;
cursor: pointer; }
#ls-transition-window #tryorigami img {
height: 100%; }
#ls-transition-window #transitionmenu {
margin-top: 20px;
line-height: 40px;
font-size: 14px;
height: 40px;
border-radius: 5px;
background: #00a0d2;
color: white; }
#ls-transition-window #transitionmenu.buildermenu {
margin: 0; }
#ls-transition-window #transitionmenu span, #ls-transition-window #transitionmenu i {
font-style: normal; }
#ls-transition-window #transitionmenu ul {
margin: 0;
list-style: none;
height: inherit;
line-height: inherit;
font-size: inherit;
color: inherit;
display: inline-block; }
#ls-transition-window #transitionmenu ul li {
margin: 0 !important;
display: inline-block;
height: 24px;
line-height: 24px;
text-transform: uppercase;
font-size: inherit;
color: inherit;
border-radius: 5px;
position: relative;
font-weight: 600;
opacity: .75; }
#ls-transition-window #transitionmenu ul li:hover, #ls-transition-window #transitionmenu ul li.active {
opacity: 1; }
#ls-transition-window #transitionmenu ul li.active {
background: white;
color: #00a0d2; }
#ls-transition-window #transitionmenu ul li.active:after {
content: '';
position: absolute;
border: 5px solid transparent;
border-top-color: white;
left: 50%;
margin-left: -5px;
top: 100%; }
#ls-transition-window #transitionmenu i, #ls-transition-window #transitionmenu li {
cursor: pointer; }
#ls-transition-window #transitionmenu span, #ls-transition-window #transitionmenu i, #ls-transition-window #transitionmenu li {
padding: 0 10px !important; }
#ls-transition-window #transitionmenu span, #ls-transition-window #transitionmenu ul {
float: left; }
#ls-transition-window #transitionmenu i {
display: inline-block;
float: right; }
#ls-transition-window #ls-transitions-list {
position: absolute;
top: 240px;
right: 0;
bottom: 0;
left: 0;
overflow: auto; }
#ls-transition-window #ls-transitions-list section {
display: none;
text-align: left; }
#ls-transition-window #ls-transitions-list section.active {
display: block; }
#ls-transition-window #ls-transitions-list section h4 {
margin: 10px 0 10px 0;
text-transform: uppercase;
color: #00a0d2;
font-size: 16px !important; }
#ls-transition-window #ls-transitions-list section small {
display: inline-block;
line-height: 20px; }
#ls-transition-window #ls-transitions-list section .ls-description {
padding: 0 20px !important; }
#ls-transition-window #ls-transitions-list section .button-hero {
border: 3px solid #00a0d2 !important;
color: #00a0d2 !important;
background: white !important;
text-shadow: none !important;
box-shadow: none !important;
text-transform: uppercase !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 40px !important;
margin: 0 !important; }
#ls-transition-window #ls-transitions-list section .button-hero:hover {
background: #00a0d2 !important;
color: white !important; }
#ls-transition-window #ls-transitions-list section .tr-item,
#ls-transition-window #ls-transitions-list section .separated {
box-sizing: border-box;
display: inline-block;
text-align: left; }
#ls-transition-window #ls-transitions-list section .tr-item:nth-child(odd),
#ls-transition-window #ls-transitions-list section .separated:nth-child(odd) {
margin-right: 5px; }
#ls-transition-window #ls-transitions-list section .tr-item:nth-child(even),
#ls-transition-window #ls-transitions-list section .separated:nth-child(even) {
margin-left: 5px; }
#ls-transition-window #ls-transitions-list section .separated {
margin: 0 0 10px 0 !important;
width: 100%;
border: 2px solid #ddd;
border-radius: 7px; }
#ls-transition-window #ls-transitions-list section .separated table {
border-collapse: collapse;
border-spacing: 0; }
#ls-transition-window #ls-transitions-list section .separated table td {
padding: 20px; }
#ls-transition-window #ls-transitions-list section .separated table tr:first-child td:first-child {
padding-bottom: 0 !important;
width: 270px; }
#ls-transition-window #ls-transitions-list section .separated h4, #ls-transition-window #ls-transitions-list section .separated p.center {
text-align: center; }
#ls-transition-window #ls-transitions-list section .separated h4 {
font-size: 20px !important;
margin: 0 !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition {
position: relative;
display: inline-block !important;
border-radius: 50px !important;
border: 3px solid #00a0d2 !important;
color: #00a0d2 !important;
background: white !important;
font-size: 16px !important;
font-weight: 600 !important;
height: 40px !important;
line-height: 40px !important;
margin: 0 !important;
text-align: center !important;
padding: 0 30px !important;
cursor: pointer !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition .dashicons-yes {
font-size: 50px !important;
height: 100% !important;
line-height: 42px !important;
position: relative !important;
left: -30px !important;
display: none !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition .dashicons-lock {
position: absolute;
left: 50%;
top: 6px;
width: 30px;
height: 30px;
margin-left: -11px;
color: #0085af !important;
font-size: 30px;
line-height: 30px; }
#ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition:hover, #ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition.on {
background: #00a0d2 !important;
color: white !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition.locked {
background: white !important;
color: rgba(0, 160, 210, 0.3) !important;
border: 3px solid rgba(0, 160, 210, 0.3) !important;
cursor: default !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-select-special-transition.on .dashicons {
display: inline-block !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-example-link {
padding-top: 10px !important; }
#ls-transition-window #ls-transitions-list section .separated .ls-example-link a {
color: #00a0d2; }
#ls-transition-window #ls-transitions-list section .separated .ls-example-link a:hover {
text-decoration: none; }
#ls-transition-window #ls-transitions-list section .separated.ls-future {
padding: 20px !important;
border: 2px dashed #ddd !important; }
#ls-transition-window #ls-transitions-list section .separated.ls-future h4 {
color: #ccc !important;
text-transform: none !important;
font-weight: 400 !important; }
#ls-transition-window #ls-transitions-list section .tr-item {
width: calc( 50% - 5px);
background: #f5f5f5;
border-bottom: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
cursor: pointer; }
#ls-transition-window #ls-transitions-list section .tr-item:hover {
background: #eee; }
#ls-transition-window #ls-transitions-list section .tr-item span {
float: left;
display: inline-block; }
#ls-transition-window #ls-transitions-list section .tr-item span:first-child {
width: 24px;
margin-right: 10px; }
#ls-transition-window #ls-transitions-list section .tr-item span:last-child {
text-decoration: none;
text-align: left;
width: calc( 100% - 44px) !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
#ls-transition-window #ls-transitions-list section .tr-item span i:last-child {
color: #6ea214;
font-size: 26px;
margin-left: -5px; }
#ls-transition-window #ls-transitions-list section .tr-item.added {
background: rgba(110, 162, 20, 0.15); }
#ls-transition-window #ls-transitions-list section .tr-item.added span:first-child i:first-child {
display: none; }
#ls-transition-window #ls-transitions-list section .tr-item.added span:first-child i:last-child {
display: inline-block; }
#ls-transition-window .ls-checkbox {
margin-right: 5px;
margin-top: 5px; }
#ls-transition-window table {
border-spacing: 10px;
border-collapse: separate; }
#ls-transition-window section.active {
display: block; }
#ls-transition-window section span i {
font-style: normal; }
#ls-transition-window section span i:last-child {
display: none; }
#ls-transition-window section span.added i:first-child {
display: none; }
#ls-transition-window section span.added i:last-child {
display: inline-block;
color: #92BD67;
line-height: inherit;
font-size: 25px;
margin-left: -7px; }
.ls-icon-star {
width: 16px;
height: 16px;
display: block;
float: right;
margin: 2px 8px 0px 10px;
background: transparent url(../img/sprite.png) 0px -810px no-repeat; }
.ls-builder-preview {
text-align: center;
margin: 10px auto; }
.ls-tr-builder {
margin: 0;
border: 0; }
.ls-tr-builder select {
font-size: 13px; }
.ls-tr-builder .header {
height: 35px !important;
line-height: 35px;
padding: 0px; }
.ls-tr-builder .header select {
width: 160px;
margin-right: 5px;
font-size: 13px; }
.ls-tr-builder .ls-builder-left,
.ls-tr-builder .ls-builder-right {
display: none;
height: 100%; }
.ls-tr-list-3d, .ls-tr-list-2d {
min-height: 650px; }
.ls-tr-builder .ls-half .inner {
padding: 0px 10px; }
.ls-tr-builder .ls-half p {
float: right;
font-weight: normal;
line-height: 34px; }
.ls-tr-builder .ls-tr-options {
overflow: hidden; }
.ls-tr-builder .checkbox {
height: 16px !important;
width: 14px !important; }
.ls-transition-item {
display: none; }
.ls-transition-item.active {
display: block; }
.ls-tr-settings {
border: 0px;
margin: 0; }
.ls-tr-settings.bottomborder {
border-bottom: 1px solid #dfdfdf; }
.ls-tr-settings tbody:last-child td {
border-bottom: 0px; }
.ls-tr-settings thead {
line-height: 16px; }
.ls-tr-settings thead td {
font-size: 12px;
color: #666;
background: #f7f7f7 !important;
font-weight: normal;
border-top: 1px solid #dfdfdf !important; }
.ls-tr-settings thead:first-child td {
border-top: 0 !important; }
.ls-tr-settings td {
padding: 4px 6px 4px 10px !important;
border: 0 !important; }
.ls-tr-settings table.tiles td.right {
width: 30px !important;
padding-right: 0 !important; }
.ls-tr-settings table.tiles td {
padding-bottom: 0 !important; }
.ls-tr-settings tbody td.right {
width: 80px !important;
text-align: right; }
.ls-tr-settings tbody td:first-child {
width: 80px !important; }
.ls-tr-settings input, .ls-tr-settings select {
width: 100%;
height: 22px; }
.ls-icon-tr-add {
width: 74px;
height: 16px;
display: inline-block;
text-align: center; }
.ls-icon-tr-add i {
line-height: 36px;
color: #82BB51; }
.ls-tr-properties {
width: 300px !important; }
.ls-tr-remove {
background: #e14d43 !important;
border-color: #d02a21 !important;
color: #fff !important;
-webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15) !important;
box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15) !important; }
.ls-tr-remove.right {
float: right; }
.ls-tr-tags li {
display: block;
height: 23px;
padding: 0 0 0 20px;
margin: 0 15px 8px 0;
float: left;
background: url(../img/tag.png) no-repeat left top; }
.ls-tr-tags li p {
padding: 0 25px 0 0;
margin: 0 -20px 0 0;
background: url(../img/tag.png) no-repeat right top;
font: normal normal normal 12px/23px Arial, sans-serif;
color: #996633;
text-shadow: 0px 1px 1px #ffeac1;
float: left; }
.ls-tr-tags li p span {
color: inherit; }
.ls-tr-tags li p input {
width: 30px;
height: 23px;
line-height: 23px;
background: transparent;
border: 0px;
padding: 0px;
margin: 0px;
margin-left: 5px;
outline: none;
text-align: center;
color: #333; }
.ls-tr-tags li a {
display: block;
float: right;
margin: 2px 0 0 -2px;
color: #a7753a;
text-align: center;
text-decoration: none;
font-size: 18px; }
.ls-tr-add-property {
clear: both;
text-align: right; }
.ls-tr-add-property .ls-icon-tr-add i {
margin-top: -7px; }
.ls-tr-add-property select {
width: 100px; }
.ls-no-transitions-notification {
padding-top: 25px;
color: #b3b3b3;
text-align: center;
font: normal normal normal 20px/30px 'HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial, Serif; }
.ls-no-transitions-notification h1 {
font-size: 22px;
line-height: 30px;
font-weight: normal; }
.ls-no-transitions-notification p {
padding: 0px 75px;
font-size: 13px;
line-height: 18px; }
.ls-builder-checkbox {
width: 100px;
height: 16px;
float: right;
margin: -2px 0 0 0;
padding: 0px;
font-weight: normal;
text-align: right; }
.ls-builder-checkbox input {
height: 16px !important;
width: 14px !important; }
.ls-builder-collapsed {
display: none !important; }
.ls-transitions-sidebar {
width: 300px;
background: transparent;
overflow: scroll; }
.ls-transitions-sidebar h3.subheader {
height: 30px;
padding-left: 10px;
margin: 0;
border-top: 0;
text-align: left;
line-height: 30px;
color: #444;
font-size: 12px;
font-weight: bold;
background: #f7f7f7; }
.ls-transitions-sidebar h3.subheader a {
float: right;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
color: #2175a7; }
.ls-transitions-sidebar h3.subheader a:before {
display: none; }
.ls-transitions-sidebar h3.subheader a span {
font-size: 16px;
color: #2175a7;
height: 30px;
line-height: 30px; }
.ls-transitions-sidebar ul {
margin: 0; }
.ls-transitions-sidebar ul li {
height: 30px;
line-height: 30px; }
.ls-transitions-sidebar ul li span.dashicons-menu {
height: 30px;
margin-left: 5px;
line-height: 30px;
font-size: 15px;
-webkit-font-smoothing: none; }
.ls-transitions-sidebar ul li input {
width: 250px;
height: 31px;
margin: 0;
border: 0;
overflow: hidden;
text-overflow: ellipsis;
background: transparent;
appearance: button;
-moz-appearance: button;
-webkit-appearance: button;
font-size: 12px; }
.ls-transitions-sidebar ul li a.dashicons-trash {
display: none;
position: absolute;
top: 5px;
right: 5px;
color: black;
opacity: .2; }
.ls-transitions-sidebar ul li.active {
background: #d7e9fa;
text-shadow: none; }
.ls-transitions-sidebar ul li.active:after {
display: none; }
.ls-transitions-sidebar ul li.active a.dashicons-trash {
display: block; }
.ls-transitions-sidebar ul li.active a.dashicons-trash:hover {
color: #df3a37;
opacity: 1; }
.ls-transition-contents {
padding-left: 301px; }
.ls-transition-contents tbody {
display: table-row-group; }
.ls-no-transition {
text-align: center; }
.wp-core-ui input,
.wp-core-ui select,
.wp-core-ui textarea {
border-color: #ddd;
min-height: 10px;
max-width: none; }
.wp-core-ui select {
height: 30px;
margin-top: 0;
margin-bottom: 0; }
.wp-core-ui button,
.wp-core-ui .button {
color: #555;
background: #f7f7f7;
border-color: #ccc;
min-height: 0; }
.wp-core-ui button:hover, .wp-core-ui button:focus,
.wp-core-ui .button:hover,
.wp-core-ui .button:focus {
color: #23282d;
background: #fafafa;
border-color: #999; }
.wp-core-ui button:active,
.wp-core-ui .button:active {
color: #555;
background: #eee;
border-color: #999; }
.wp-core-ui button:disabled, .wp-core-ui button.disabled, .wp-core-ui button[disabled],
.wp-core-ui .button:disabled,
.wp-core-ui .button.disabled,
.wp-core-ui .button[disabled] {
color: rgba(0, 0, 0, 0.5) !important;
border-color: #ddd !important;
background: #f7f7f7 !important; }
.wp-core-ui .button-primary {
color: #fff;
background: #007cba;
border-color: #007cba; }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
color: #fff;
background: #0071a1;
border-color: #0071a1; }
.wp-core-ui .button-primary:active {
color: #fff;
background: #00669b;
border-color: #00669b; }
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled, .wp-core-ui .button-primary[disabled] {
color: rgba(255, 255, 255, 0.6) !important;
background: #008ec2 !important;
border-color: #008ec2 !important; }
.wp-core-ui .ls-button-red {
color: #fff;
background: #e14d43;
border-color: #e14d43; }
.wp-core-ui .ls-button-red:hover, .wp-core-ui .ls-button-red:focus {
color: #fff;
background: #e35950;
border-color: #df4136; }
.wp-core-ui .ls-button-red:active {
color: #fff;
background: #dd382d;
border-color: #dd382d; }
.wp-core-ui .ls-button-red:disabled, .wp-core-ui .ls-button-red.disabled, .wp-core-ui .ls-button-red[disabled] {
color: rgba(255, 255, 255, 0.6) !important;
background: #d92e23 !important;
border-color: #d92e23 !important;
text-shadow: none !important; }