/*

Customizer panel design

Table of Contents:

- Main Definitions
- Side Panel
    -- Panel Content
    -- Footer Actions
- Sections
- Heading Icons
- Form Fields
    -- Default Style
    -- Checkbox / Radio
    -- Select Arrows
    -- Repeater
    -- Range
    -- Typography
- Buttons
- Scroll Bar
- Loader
- Effects

*/

/*
    Main Definitions
    ======================================= */

body {
    color: #59717c;
    font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a {
    color: #1e244f;
}

a:hover {
    color: #18a4be;
}

.wp-full-overlay-main {
    background: #fff;
}

.notice {
    border: none;
}

.notice-info {
    background-color: #cce5ff;
    color: #004085;
}

.notice-warning {
    background-color: #fff3cd;
    color: #856404;
}

.limit {
    background: #fff3cd;
    border-radius: .25rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    color: #856404;
    margin-bottom: 0;
    padding: .625rem .9375rem;
}

.limit.highlight {
    background: #f8d7da;
    color: #721c24;
}

.form-wrap p,
p.description,
p.help,
span.description {
    font-style: normal;
}

#available-menu-items .item-add:focus::before,
#customize-controls .customize-info .customize-help-toggle:focus::before,
.customize-screen-options-toggle:focus::before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus::before,
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.wp-customizer button:focus .toggle-indicator::before {
    box-shadow: 0 1px 10px rgba(24, 164, 190, .8);
    -webkit-box-shadow: 0 1px 10px rgba(24, 164, 190, .8);
}

#customize-controls .customize-info .customize-help-toggle:focus::before,
.customize-screen-options-toggle:focus::before {
    background-color: #fff;
    border-radius: .25rem;
}

#customize-outer-theme-controls .accordion-section-content,
#customize-theme-controls .accordion-section-content {
    color: #59717c;
}

#customize-controls .customize-info .preview-notice,
#customize-controls .customize-section-title span.customize-action,
#customize-controls .customize-info .panel-title,
#customize-controls .customize-pane-child .customize-section-title h3,
#customize-controls .customize-pane-child h3.customize-section-title,
#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
#customize-outer-theme-controls .customize-pane-child h3.customize-section-title {
    text-transform: uppercase;
}

#customize-controls .customize-info .preview-notice,
#customize-controls .customize-section-title span.customize-action {
    font-size: .75rem;
}

#customize-controls .customize-info .panel-title,
#customize-controls .customize-pane-child .customize-section-title h3 {
    color: #1e244f;
    font-size: .875rem;
    font-weight: 900;
}

#customize-controls #customize-notifications-area {
    border: none;
}

#customize-theme-controls .customize-pane-child.accordion-section-content {
    padding-top: 0;
}

#customize-control-componentz_featured_section_background .background-color,
#customize-control-componentz_featured_section_background .background-image h4,
#customize-control-componentz_footer_background .background-color,
#customize-control-componentz_footer_background .background-image h4 {
    display: none;
}

/*
    Side Panel
    ======================================= */

/*
    -- Panel Content
    --------------------------------------- */

.wp-full-overlay-sidebar {
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
    background: #eff2f4;
}

#customize-sidebar-outer-content {
    background: #eff2f4;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.control-panel-default .customize-control,
.control-section-kirki-default .customize-control {
    margin-bottom: .625rem;
    margin-top: .625rem;
}

.customize-controls-close {
    background: #dfe3e6;
    border: none;
    height: 45px;
    padding: 0;
}

.customize-controls-close::before {
    top: 0;
}

.notice-dismiss::before,
.customize-controls-close::before {
    background: url(../img/icons/admin.svg#cz-icon-close-view) no-repeat center center;
    background-size: 18px 18px;
    content: '';
    display: inline-block;
    filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    -webkit-filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
    width: 18px;
}

.customize-panel-back,
.customize-section-back,
.customize-section-title,
.wp-full-overlay-sidebar,
.wp-full-overlay-sidebar .wp-full-overlay-header,
#customize-controls .customize-info .accordion-section-title,
#customize-theme-controls .control-panel-themes > .accordion-section-title,
#customize-theme-controls .control-panel-themes > .accordion-section-title:hover,
#customize-outer-theme-controls .accordion-section-title,
#customize-theme-controls .accordion-section-title,
.expanded .wp-full-overlay-footer,
.wp-full-overlay-footer .devices,
#available-menu-items .item-tpl,
#available-widgets .widget-tpl {
    background: #eff2f4;
}

.expanded .wp-full-overlay-footer,
.wp-full-overlay-footer .devices {
    background: #dfe3e6;
}

.wp-core-ui .wp-full-overlay .collapse-sidebar,
#customize-controls .customize-info .accordion-section-title,
#customize-controls .customize-pane-child .customize-section-title h3 .customize-action {
    color: #59717c;
}

.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover {
    color: #1e244f;
}

#customize-theme-controls .control-panel-themes > .accordion-section-title,
#customize-theme-controls .control-panel-themes > .accordion-section-title:hover {
    border-bottom-color: #e5e9ec;
    border-top: none;
    margin: 0;
}

.customize-panel-back {
    height: 76px;
}

.customize-panel-back,
.customize-section-back {
    border: none;
    color: #59717c;
}

.customize-panel-back:focus,
.customize-panel-back:hover,
.customize-section-back:focus,
.customize-section-back:hover {
    background: #fff;
    color: #1e244f;
}

.customize-section-title,
#customize-controls .customize-info {
    border-bottom-color: #e5e9ec;
    margin: 0;
}

.customize-section-title {
    margin: 0 -12px;
}

#customize-header-actions,
#available-widgets-filter {
    background: #dfe3e6;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

/*
    -- Footer Actions
    --------------------------------------- */

#customize-footer-actions {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, .05);
}

.wp-full-overlay-footer .devices {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: .3125rem .625rem;
}

.wp-full-overlay-footer .devices button {
    border: none;
    border-radius: .25rem;
    height: inherit;
    padding: 0;
}

.wp-full-overlay-footer .devices button.active,
.wp-full-overlay-footer .devices button:focus {
    background: #fff;
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.wp-full-overlay-footer .devices button:not(.active):hover {
    background-color: transparent;
}

.wp-full-overlay-footer .devices button::before {
    margin: 0;
    padding: .5rem;
}

.wp-full-overlay-footer .devices button.active::before,
.wp-full-overlay-footer .devices button::before {
    content: '';
    display: inline-block;
    filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    -webkit-filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    overflow: hidden;
    vertical-align: middle;
}

.wp-full-overlay-footer .devices button:hover::before,
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow::before {
    filter: invert(13%) sepia(12%) saturate(3877%) hue-rotate(199deg) brightness(100%) contrast(97%);
    -webkit-filter: invert(13%) sepia(12%) saturate(3877%) hue-rotate(199deg) brightness(100%) contrast(97%);
}

.wp-full-overlay-footer .devices .preview-desktop::before {
    background: url(../img/icons/admin.svg#cz-icon-desktop-view) no-repeat center center;
    background-size: 18px 18px;
    content: '';
    height: 18px;
    width: 18px;
}

.wp-full-overlay-footer .devices .preview-tablet::before {
    background: url(../img/icons/admin.svg#cz-icon-tablet-view) no-repeat center center;
    background-size: 18px 18px;
    content: '';
    height: 18px;
    width: 18px;
}

.wp-full-overlay-footer .devices .preview-mobile::before {
    background: url(../img/icons/admin.svg#cz-icon-mobile-view) no-repeat center center;
    background-size: 18px 18px;
    content: '';
    height: 18px;
    width: 18px;
}

/*
    Sections
    ======================================= */

#customize-controls h3 {
    font-size: .75rem;
    font-weight: 400;
}

#accordion-section-themes + .control-section {
    border: none;
}

.control-section .accordion-section-title,
.customize-pane-child .accordion-section-title {
    padding: .875rem 1.125rem;
}

.control-section .accordion-section-title::after,
.customize-pane-child .accordion-section-title::after {
    top: calc(50% - 6px);
}

#customize-outer-theme-controls .accordion-section-title,
#customize-theme-controls .accordion-section-title,
#available-menu-items .item-tpl,
#available-widgets .widget-tpl {
    border-bottom-color: #e5e9ec;
    border-left: 0;
    color: #59717c;
    text-transform: uppercase;
}

#customize-theme-controls .control-section:last-of-type.open,
#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
    border-bottom-color: #e5e9ec;
}

#available-widgets .widget-tpl.selected,
#available-widgets .widget-tpl:hover {
    border-bottom-color: #e5e9ec;
    border-left: 0;
}

#customize-outer-theme-controls .accordion-section-title::after,
#customize-theme-controls .accordion-section-title::after {
    background: url(../img/icons/admin.svg#cz-icon-arrow-view) no-repeat center center;
    background-size: 12px 12px;
    content: '';
    display: inline-block;
    filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    -webkit-filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    height: 12px;
    overflow: hidden;
    right: 18px;
    vertical-align: middle;
    width: 12px;
}

#customize-controls .control-section .accordion-section-title:focus,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section:hover > .accordion-section-title,
#available-widgets .widget-tpl.selected,
#available-widgets .widget-tpl:hover {
    background: #fff;
    color: #1e244f;
}

#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2) {
    border-top: none;
}

.customize-control-title {
    color: #1e244f;
    text-transform: uppercase;
}

#customize-controls .widget-title h3 {
    color: #1e244f;
    font-size: .875rem;
    font-weight: 600;
}

#customize-controls .widget-title h3,
#customize-controls .widget-title::before {
    color: #1e244f;
}

#available-widgets .widget .widget-description,
#customize-controls .description {
    color: #59717c;
}

#customize-controls .customize-info.is-in-view,
#customize-controls .customize-section-title.is-in-view {
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    transition: box-shadow .3s linear;
    -o-transition: box-shadow .3s linear;
    -webkit-transition: -webkit-box-shadow .3s linear;
}

#customize-theme-controls .customize-section-title-menu_locations-description,
#customize-theme-controls .customize-section-title-menu_locations-heading,
#customize-theme-controls .customize-section-title-nav_menus-heading {
    margin: 0;
    padding: .9375rem;
}

.cz-info-label {
    background: -o-linear-gradient(40deg, #59717c 0, #7c9ead 100%);
    background: linear-gradient(50deg, #59717c 0, #7c9ead 100%);
    border-radius: .25rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1;
    margin: 1rem 0;
    padding: .8rem 1rem;
    text-transform: uppercase;
}

/*
    Heading Icons
    ======================================= */

.customize-section-title h3::after,
#customize-info .preview-notice > .panel-title::before,
.customize-info .preview-notice > .panel-title::before,
ul.customize-pane-parent > li.control-section > h3::before {
    background: url(../img/icons/admin.svg#cz-icon-default-view) no-repeat center center;
    background-size: 16px 16px;
    content: '';
    display: inline-block;
    filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    -webkit-filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    height: 16px;
    margin-right: .5rem;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
}

.customize-section-title h3::after,
#customize-info .preview-notice > .panel-title::before,
.customize-info .preview-notice > .panel-title::before {
    background: url(../img/icons/admin.svg#cz-icon-componentz-logo-view) no-repeat center center;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
}

.customize-section-title h3::after {
    float: left;
    overflow: hidden;
    position: relative;
    top: 5px;
}

ul.customize-pane-parent > li.control-section:hover > h3::before,
#customize-outer-theme-controls .accordion-section-title:hover::after,
#customize-theme-controls .accordion-section-title:hover::after {
    filter: invert(13%) sepia(12%) saturate(3877%) hue-rotate(199deg) brightness(100%) contrast(97%);
    -webkit-filter: invert(13%) sepia(12%) saturate(3877%) hue-rotate(199deg) brightness(100%) contrast(97%);
}

#accordion-section-componentz_theme_layout_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-layout-view);
}

#accordion-section-header_image > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-header-view);
}

#accordion-section-componentz_footer_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-footer-view);
}

#accordion-section-componentz_logo_title_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-logo-view);
}

#accordion-section-componentz_menu_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-menu-view);
}

#accordion-section-componentz_sticky_header_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-sticky-header-view);
}

#accordion-panel-componentz_typography_panel > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-typography-view);
}

#accordion-panel-componentz_colors_panel > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-colors-view);
}

#accordion-section-componentz_blog_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-blog-view);
}

#accordion-section-componentz_social_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-social-view);
}

#accordion-section-componentz_buttons_section > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-button-view);
}

#accordion-section-title_tagline > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-identity-view);
}

#accordion-panel-nav_menus > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-menus-view);
}

#accordion-panel-widgets > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-widgets-view);
}

#accordion-section-static_front_page > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-front-page-view);
}

#accordion-panel-woocommerce > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-woocommerce-view);
}

#accordion-section-custom_css > h3::before {
    background-image: url(../img/icons/admin.svg#cz-icon-custom-css-view);
}

/*
    Form Fields
    ======================================= */

/*
    -- Default Style
    --------------------------------------- */

input[type=text],
input[type=number],
select,
.customize-control select,
.select2-container--default .select2-selection--single {
    height: calc(2.25rem - -2px);
}

input[type=text].wp-color-picker {
    height: inherit;
    padding: .1875rem .3125rem;
}

input[type=checkbox],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=radio],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea,
.select2-container--default .select2-selection--single {
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, .6);
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #495057;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

input[type=checkbox]:hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=radio]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select:hover,
textarea:hover,
.select2-container--default .select2-selection--single:hover {
    border-color: #18a4be;
}

input[type=checkbox]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus,
.select2-container--default .select2-selection--single:focus {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 1px 10px rgba(24, 164, 190, .8);
    -webkit-box-shadow: 0 1px 10px rgba(24, 164, 190, .8);
    outline: none;
}

.date-time-fields .date-input.month,
.date-time-fields .date-input.day,
.date-time-fields .date-input.hour,
.date-time-fields .date-input.minute,
.date-time-fields .date-input.year,
.date-time-fields .date-input.meridian {
    padding-left: .3125rem;
    padding-right: .3125rem;
}

#available-menu-items .new-content-item .create-item-input.invalid,
#available-menu-items .new-content-item .create-item-input.invalid:focus,
#custom-menu-item-name.invalid,
#custom-menu-item-url.invalid,
.edit-menu-item-url.invalid,
.menu-name-field.invalid,
.menu-name-field.invalid:focus {
    border-color: #f2630b;
    box-shadow: 0 1px 10px rgba(242, 99, 11, .8);
    -webkit-box-shadow: 0 1px 10px rgba(242, 99, 11, .8);
}

.tooltip-wrapper .tooltip-content {
    background: #333 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
    color: #fff !important;
    left: -235px !important;
    padding: .625rem .9375rem !important;
}

.tooltip-wrapper .tooltip-content::after {
    color: #333 !important;
}

.wp-picker-container .wp-color-result.button {
    border: 2px solid #eff2f4;
    border-radius: 50%;
    box-shadow: 0 0 10px #8ba9c1;
    -webkit-box-shadow: 0 0 10px #8ba9c1;
    height: 28px !important;
    padding-left: 1.5rem !important;
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
}

.multicolor-group-wrapper .wp-picker-container .wp-color-result.button {
    border-radius: 5rem;
}

.wp-picker-container .wp-color-result.button:focus,
.wp-picker-container .wp-color-result.button:hover {
    border: 2px solid #eff2f4 !important;
}

.wp-picker-container .color-alpha {
    border-radius: 50% !important;
    width: 24px !important;
}

.multicolor-group-wrapper .wp-picker-container .color-alpha {
    border-radius: 50% 0 0 50% !important;
}

.wp-color-result-text {
    display: none !important;
}

.multicolor-group-wrapper .wp-color-result-text {
    background: #fff !important;
    border-left: none !important;
    border-radius: 0 5rem 5rem 0 !important;
    display: block !important;
    line-height: 24px !important;
}

.customize-control-kirki-radio-image input + label img,
.customize-control-kirki-radio-image input:checked + label img {
    border: 4px solid transparent;
    margin: 0 .25rem;
    padding: .125rem;
}

.customize-control-kirki-radio-image input:checked + label img {
    border-color: #18a4be;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#input_componentz_content_layout img,
#input_componentz_footer_widgets_layout img {
    max-width: 40px;
}

/*
    -- Checkbox / Radio
    --------------------------------------- */

input[type=checkbox],
input[type=radio] {
    box-shadow: rgba(0, 0, 0, .1) inset 0 1px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .1) inset 0 1px 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
}

input[type=checkbox],
input[type=radio],
.metabox-prefs label input[type=checkbox] {
    margin-right: .5rem;
}

input[type=checkbox]:checked::before {
    background: #18a4be;
    border-radius: .25rem;
    color: #fff;
    content: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgo8dGl0bGU+Y2hlY2stYm9sZDwvdGl0bGU+CjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02LjI4MiAxMi4xMDdsLTMuMjgyLTMuMjgyIDEuNDk2LTEuNDk2IDEuNzg3IDEuNzkyIDUuMjIyLTUuMjI4IDEuNDk2IDEuNDk2LTYuNzE4IDYuNzE4eiI+PC9wYXRoPgo8L3N2Zz4K);
    font-size: 1rem;
    height: 16px;
    line-height: 16px;
    margin-left: -.0625rem;
    margin-top: -.0625rem;
    width: 16px;
}

input[type=radio] {
    border-radius: 50%;
}

input[type=radio]:checked::before {
    background-color: #fff;
    border: 5px solid #04a4cb;
    height: .375rem;
    margin: -.0625rem 0 0 -.0625rem;
    width: .375rem;
}

/*
    -- Select Arrows
    --------------------------------------- */

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: .75rem;
    top: .375rem;
}

.dashicons-arrow-up::before,
.dashicons-arrow-down::before,
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.widget-top .widget-action .toggle-indicator::before,
#available-menu-items .accordion-section-title .toggle-indicator::before,
.wp-customizer .menu-item .item-edit .toggle-indicator::before {
    border: solid currentColor;
    border-width: 0 .15rem .15rem 0;
    display: inline-block;
    margin-top: -.3rem;
    padding: .15rem;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .25s 0s;
    -o-transition: all .25s 0s;
    -webkit-transition: all .25s 0s;
}

.dashicons-arrow-up::before,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.widget.open .widget-top .widget-action .toggle-indicator::before,
#available-menu-items .open .accordion-section-title .toggle-indicator::before,
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator::before {
    margin-top: -.1rem;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#available-menu-items .open .accordion-section-title .toggle-indicator::before {
    content: '';
}

.dashicons-arrow-up::before,
.dashicons-arrow-down::before {
    content: '';
    position: absolute;
}

.widget-top .widget-action .toggle-indicator::before,
.widget.open .widget-top .widget-action .toggle-indicator::before,
#available-menu-items .accordion-section-title .toggle-indicator::before,
.wp-customizer .menu-item .item-edit .toggle-indicator::before,
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator::before {
    border-radius: 0;
    content: '';
}

.wp-customizer .toggle-indicator {
    font-size: inherit;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 50%;
}

.wp-customizer .menu-item .item-edit .toggle-indicator,
#available-menu-items .accordion-section-title .toggle-indicator {
    position: unset;
}

.customize-control-repeater .repeater-row-header .dashicons {
    top: 50%;
}

/*
    -- Repeater
    --------------------------------------- */

.customize-control-repeater .repeater-fields .repeater-row,
.customize-control-repeater .repeater-fields .repeater-row.minimized,
.customize-control-repeater .repeater-fields .repeater-row.minimized:hover,
.customize-control-widget_form .widget {
    background: #fff;
    border: none;
    border-radius: .25rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
}

.customize-control-repeater .repeater-row-header,
.customize-control-repeater .repeater-row-content,
.customize-control-widget_form .widget-top,
.widget-inside {
    background: none;
    border: none;
}

.customize-control-repeater .repeater-row-header {
    transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
}

.customize-control-repeater .repeater-row-header:hover {
    border-color: #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.customize-control-repeater .repeater-fields .repeater-row:hover,
.customize-control-repeater .repeater-fields .repeater-row.minimized:hover,
.customize-control-widget_form .widget:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .4);
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
}

/*
    -- Range
    --------------------------------------- */

.customize-control-kirki-slider .wrapper input[type="range"] {
    background: #bfcfd9;
}

.customize-control-kirki-slider .wrapper input[type="text"] {
    font-size: .6875rem;
}

.customize-control-kirki-slider .wrapper .slider-reset:hover {
    color: #1e244f;
}

.customize-control-kirki-slider .wrapper input[type="range"]::-webkit-slider-thumb {
    background-color: #1e244f;
    border: none;
    border-radius: 3px;
    height: 17px;
    width: 5px;
}

.customize-control-kirki-slider .wrapper input[type="range"]::-webkit-slider-thumb:hover {
    background-color: #1e244f;
    border: none;
}

/*
    -- Typography
    --------------------------------------- */

.customize-control-kirki-typography .wrapper {
    background: #fff;
    border: none;
    border-radius: .25rem;
}

.customize-control-kirki-typography .wrapper .text-align .text-align-choices label {
    border-width: 2px;
}

.customize-control-kirki-typography .wrapper .text-align .text-align-choices input:checked + label {
    border-color: #18a4be;
}

/*
    Buttons
    ======================================= */

.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary,
.wp-core-ui .button-link-delete,
.customize-control-repeater .repeater-row-remove,
#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme {
    border: none;
    border-radius: .25rem;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    font-size: .75rem;
    text-shadow: none;
    text-transform: uppercase;
    transition: .15s color ease-in-out, .15s background-color ease-in-out, .15s border-color ease-in-out;
    -o-transition: .15s color ease-in-out, .15s background-color ease-in-out, .15s border-color ease-in-out;
    -webkit-transition: .15s color ease-in-out, .15s background-color ease-in-out, .15s border-color ease-in-out;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    background: #18a4be;
}

.wp-core-ui .button-primary {
    background: #18be95;
}

.wp-core-ui .button-link-delete,
.customize-control-repeater .repeater-row-remove,
.wp-core-ui .button.image-upload-remove-button,
.customize-control .attachment-media-view .remove-button,
.customize-control-header .remove {
    background: #f2630b;
    color: #fff;
}

.wp-core-ui .button-link-delete,
.customize-control-repeater .repeater-row-remove,
.wp-customizer .menu-item .submitbox .submitdelete {
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 26px;
    margin: 0;
    padding: 0 .625rem;
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: none;
}

#customize-control-trash_changeset .button-link {
    padding-left: .625rem;
}

#customize-control-trash_changeset .button-link::before {
    content: '';
}

.wp-core-ui .button-primary.button-primary-disabled,
.wp-core-ui .button-primary.disabled,
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary[disabled] {
    background: #18be95 !important;
    color: #81dcc5 !important;
}

.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-secondary:active,
.wp-core-ui .button-secondary:focus,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button.hover,
.wp-core-ui .button:focus,
.wp-core-ui .button:hover,
.wp-core-ui .button.active,
.wp-core-ui .button.active:hover,
.wp-core-ui .button:active,
.wp-core-ui .button-link-delete:active,
.wp-core-ui .button-link-delete:focus,
.wp-core-ui .button-link-delete:hover,
.customize-control-repeater .repeater-row-remove:active,
.customize-control-repeater .repeater-row-remove:focus,
.customize-control-repeater .repeater-row-remove:hover,
.add-menu-toggle.open,
.add-menu-toggle.open:hover,
.adding-menu-items .add-new-menu-item,
.adding-menu-items .add-new-menu-item:hover,
body.adding-widget .add-new-widget,
body.adding-widget .add-new-widget:hover {
    background: #1e244f;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}

.wp-core-ui .button-secondary:focus,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
#customize-save-button-wrapper .save:focus,
#publish-settings:focus,
.wp-core-ui .button-link-delete:focus,
.customize-control-repeater .repeater-row-remove:focus,
.add-menu-toggle.open,
.add-menu-toggle.open:hover,
.adding-menu-items .add-new-menu-item,
.adding-menu-items .add-new-menu-item:hover,
body.adding-widget .add-new-widget,
body.adding-widget .add-new-widget:hover {
    box-shadow: 0 1px 10px rgba(24, 164, 190, .8);
    -webkit-box-shadow: 0 1px 10px rgba(24, 164, 190, .8);
}

#customize-save-button-wrapper .save {
    border-radius: .25rem 0 0 .25rem;
}

#publish-settings {
    border-radius: 0 .25rem .25rem 0;
}

#customize-save-button-wrapper .save.has-next-sibling {
    border-radius: .25rem 0 0 .25rem;
}

span.wp-media-buttons-icon:before {
    color: #fff;
}

#available-menu-items .new-content-item .add-content::before,
.add-new-menu-item::before,
.add-new-widget::before {
    font-size: .75rem;
    top: 1px;
}

.dashicons-admin-generic::before,
.dashicons-editor-help::before,
.wp-full-overlay .collapse-sidebar-arrow::before {
    background: url(../img/icons/admin.svg#cz-icon-publish-settings-view) no-repeat center center;
    background-size: 12px 12px;
    content: '';
    display: inline-block;
    height: 12px;
    overflow: hidden;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 12px;
}

.dashicons-editor-help::before {
    background-image: url(../img/icons/admin.svg#cz-icon-help-view);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
}

.wp-full-overlay .collapse-sidebar-arrow {
    background: #dfe3e6;
    border-radius: .25rem;
    height: auto;
}

.wp-full-overlay .collapse-sidebar-arrow::before {
    background-color: transparent;
    background-image: url(../img/icons/admin.svg#cz-icon-back-view);
    background-size: 20px 20px;
    filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    -webkit-filter: invert(45%) sepia(6%) saturate(1441%) hue-rotate(154deg) brightness(91%) contrast(84%);
    height: 20px;
    top: 0;
    transition: all .25s 0s;
    -o-transition: all .25s 0s;
    -webkit-transition: all .25s 0s;
    width: 20px;
}

.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.widget-top .widget-action:focus .toggle-indicator::before,
#available-menu-items .item-add:focus::before,
#customize-controls .customize-info .customize-help-toggle:focus::before,
.customize-screen-options-toggle:focus::before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus::before,
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.wp-customizer button:focus .toggle-indicator::before {
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*
    Scroll Bar
    ======================================= */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #cbd0d4;
}

::-webkit-scrollbar-thumb {
    background: #8ca0a9;
}

::-webkit-scrollbar-thumb:hover {
    background: #627076;
}

/*
    Loader
    ======================================= */

.spinner {
    background: url(../img/mini-loader.svg);
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
}

/*
    Effects
    ======================================= */

.ripple {
    animation: ripple .6s linear;
    -webkit-animation: ripple .6s linear;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 50%;
    position: absolute;
    transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
}

@-webkit-keyframes ripple {
    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}

@keyframes ripple {
    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}