.elementor-panel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Roboto, sans-serif
}

.elementor-panel #elementor-panel-exit-to-dashboard,
.elementor-panel #elementor-panel-header {
    background-color: #008aff;
    background: linear-gradient(95deg, #36a2ff 0, #008aff 50%, #0072ff 100%);
    box-shadow: 0 5px 30px -7px #008aff
}

.elementor-panel #elementor-panel-exit-to-dashboard:hover {
    background-color: #222;
    background: linear-gradient(95deg, #666 0, #222 50%, #000 100%);
    box-shadow: 0 5px 30px -7px #333
}

.elementor-panel .elementor-panel-menu-group-title,
.elementor-panel .panel-elements-category-title {
    font-weight: 700;
    letter-spacing: .5px;
    margin-top: 10px
}

.elementor-control-type-structure .elementor-control-structure-more-presets-title,
.elementor-control-type-structure .elementor-control-structure-title,
.elementor-panel-heading-title {
    font-weight: 600
}

.elementor-button.elementor-button-success:not([disabled]) {
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .2);
    letter-spacing: .5px;
    font-weight: 400;
    color: #fff !important
}

.elementor-panel #elementor-panel-saver-button-publish.elementor-saver-disabled,
.elementor-panel #elementor-panel-saver-button-save-options.elementor-saver-disabled {
    background-color: #556068;
    background: linear-gradient(95deg, #606c75 0, #556068 50%, #4a535a 100%);
    color: #a4afb7
}

.elementor-panel .elementor-panel-navigation {
    margin-bottom: 20px
}

.elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab a:before {
    font-size: 14px;
    font-weight: 400;
    display: inline;
    margin-bottom: 0;
    margin-right: 6px;
    vertical-align: middle
}

.elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab a {
    display: block;
    text-align: center;
    padding: 16px 0;
    font-size: 12px;
    font-weight: 600;
    color: #6d7882
}

.elementor-panel #elementor-panel-elements-navigation .elementor-panel-navigation-tab.elementor-active,
.elementor-panel #elementor-panel-elements-navigation .elementor-panel-navigation-tab:hover,
.elementor-panel .elementor-element:hover .icon,
.elementor-panel .elementor-element:hover .title,
.elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab a:hover,
.elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active a,
.elementor-panel .elementor-panel-scheme-discard .elementor-button:hover,
.elementor-panel .elementor-panel-scheme-reset .elementor-button:hover {
    color: #008aff
}

.elementor-panel #elementor-panel-elements-navigation .elementor-panel-navigation-tab {
    padding: 16px 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px
}

.elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fdfdfd));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #fdfdfd);
    background-image: -o-linear-gradient(top, #f0f0f0, #fdfdfd);
    background-image: linear-gradient(180deg, #f0f0f0, #fdfdfd);
    border-bottom: 2px solid #1e97ff;
    box-shadow: 0 4px 9px -7px #008aff
}

.elementor-panel .elementor-element .title {
    font-size: 12px;
    font-weight: 500
}

#elementor-mode-switcher:hover,
.elementor-control-type-switcher .elementor-switch-input:checked~.elementor-switch-label,
body.elementor-editor-preview #elementor-mode-switcher {
    background-color: #008aff
}

.elementor-control .select2-container,
.elementor-input-style,
.elementor-panel input,
.elementor-panel select,
.elementor-panel textarea,
.select2-container--default .select2-selection--single {
    border-radius: 2px;
    min-height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Roboto, sans-serif;
    box-shadow: 0 2px 11px -4px rgba(0, 0, 0, .1), 0 1px 5px -1px rgba(0, 0, 0, .06) inset;
}

.elementor-control-type-dimensions li .elementor-link-dimensions,
.elementor-control-type-url .elementor-control-url-more {
    min-height: 30px;
}

.wp-picker-container input[type=text].wp-color-picker {
    min-height: 16px;
}

.elementor-button i {
    margin-right: 4px
}

.elementor-panel-footer-tool i {
    font-size: 16px
}

.elementor-control-type-dimensions .elementor-control-dimension-label,
.elementor-panel .elementor-panel-scheme-color-title {
    color: #9ca1a5;
    font-size: 9px
}

.elementor-panel .elementor-panel-scheme-color-system-scheme .elementor-title {
    color: #9ca1a5;
    font-style: normal
}

.elementor-panel .elementor-element {
    -webkit-box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .1);
    transition: all .22s ease
}

.elementor-panel .elementor-element:hover {
    -webkit-box-shadow: 0 2px 14px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 14px -3px rgba(0, 0, 0, .2)
}

.elementor-panel .elementor-panel-menu-items {
    box-shadow: 0 3px 16px -6px rgba(0, 0, 0, .1)
}

.elementor-panel .elementor-panel-menu-item {
    height: 48px;
    transition: all .22s ease
}

.elementor-panel .elementor-panel-menu-item:hover {
    color: #444
}

.elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
    border-radius: 20px;
    box-shadow: 0 3px 16px -3px #d5dadf
}

.elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked+.elementor-control-popover-toggle-toggle-label {
    color: #008aff;
    border-color: #98d0ff;
    box-shadow: 0 2px 16px -7px #008aff
}

[class*=" icon-software"]:before,
[class*=" icon-basic"]:before,
[class*=" icon-ecommerce"]:before,
[class*=" icon-arrows"]:before,
[class^=icon-basic]:before,
[class^=icon-ecommerce]:before,
[class^=icon-arrows]:before,
[class^=icon-software]:before {
    line-height: 24px
}

.elementor-control.elementor-control-type-divider.elementor-hidden-control+.elementor-control.elementor-control-wn_style_tabs:not(.elementor-control-type-section) {
    padding-top: 0
}

/* section template */
.deep-template-library-filter-button {
    text-transform: uppercase;
    margin-left: 25px;
    cursor: pointer;
}

.deep-template-library-filter-active {
    color: #437df9;
}

/* Titles */
.ele-wn-text-wrap {
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    position: relative;
    margin: 15px 0 0;
    font-weight: 500;
}

.ele-wn-text-wrap:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #008aff;
    background: linear-gradient(95deg, #36a2ff 0%, #008aff 50%, #0072ff 100%);
    box-shadow: 0 5px 30px -7px #008aff;
}

/* remove start and end video from teaser video */
.elementor-control-video_url_video_start,
.elementor-control-video_url_video_end {
    display: none;
}

span.deep-template-library-badge {
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px;
    background-color: #008aff;
    color: #fff;
    padding: 5px;
}