/*--------------------------------------------------------------
# Layout Selector
--------------------------------------------------------------*/
/*
# Reset WP Style
----------------------------------*/
.customize-control-checkbox label,
.customize-control-nav_menu_auto_add label,
.customize-control-radio label {
    margin: 0;
    padding: 0;
}

/*
# Customizer
----------------------------------*/
.wp-full-overlay-sidebar:after {
    background: #dcdfe3;
    width: 1px;
}

.wp-full-overlay-sidebar {
    border-right: 0;
}

#customize-theme-controls .accordion-section-title {
    background: #eef0f2;
    border-bottom: 0;
    padding: 10px 0 10px 20px;
    transition: all .25s ease;
}

#customize-theme-controls .accordion-section-title:hover,
#customize-theme-controls .accordion-section-title:focus {
    background: #fdfdfe !important;
}

#customize-controls .customize-info .panel-title,
#customize-controls .customize-pane-child .customize-section-title h3,
#customize-controls .customize-pane-child h3.customize-section-title {
    font-weight: 500;
}

#customize-theme-controls .accordion-section-title:after {
    color: rgba(39,48,57,.4);
    font-size: 16px;
    top: 12px;
}

.expanded .wp-full-overlay-footer,
#customize-header-actions,
.customize-controls-close {
    border-color: #dcdfe3;
}

.customize-panel-back {
    height: 71px;
    border-right: 1px solid #eef0f2;
    border-bottom: 1px solid #eef0f2;
    background: #fff !important;
}

#customize-controls .customize-info {
    margin-bottom: 0;
    border: 0;
}

#customize-controls #customize-info .accordion-section-title {
    border-bottom: 0 !important;
}

#accordion-section-themes {
    display: none !important;
}

#customize-controls #customize-theme-controls .accordion-section > .accordion-section-title {
    border: 0 !important;
}

#customize-theme-controls .accordion-section-title {
    background-color: transparent;
}

#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 {
    background: none;
}

#customize-controls #customize-theme-controls .accordion-section > .accordion-section-title {
    color: #555d66;
}

.customize-control-title, #customize-theme-controls .accordion-section-title {
    font-size: 13px;
}

.customize-control-kirki-dimensions .wrapper .control > div h5 {
    color: #7f7f7f;
    letter-spacing: 0.02em;
}

.customize-control-checkbox input,
.customize-control-radio input {
    margin-left: 0 !important;
}

.customize-control-site_icon img {
    width: auto !important;
}

/*
# Layout SelectorImage
----------------------------------*/
#customize-controls img {
    width: 100%;
    margin-left: -2px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e4;
    cursor: pointer;
}

#customize-controls .radio-img:hover,
#customize-controls .radio-img-selected {
    opacity: 1;
    border-color: #8c7fbe;
}

/*
# Customizer Control
----------------------------------*/
#customize-controls .customize-control {
    margin-bottom: 30px;
}

#customize-controls .customize-control:nth-last-of-type(1) {
    margin-bottom: 0;
}

/*
# Customizer Control Description
----------------------------------*/
#customize-controls .description {
    opacity: .85;
}

/* Form Elements
----------------------------------*/
.customize-control select,
.customize-control input[type="text"],
.customize-control input[type="email"],
.customize-control input[type="number"],
.customize-control input[type="url"],
.customize-control input[type="search"],
.customize-control input[type="tel"],
.customize-control input[type="password"],
.customize-control input[type="date"],
.customize-control textarea,
.customize-description {
    display: block;
    box-shadow: none;
    border: 1px solid #dcdfe3;
    width: 98%;
    padding: 6px 8px;
    height: auto;
}

.customize-description {
    background: #fff;
    width: 92%;
}

/* Kirk Customization
----------------------------------*/
.customize-control-kirki-radio-image label {
    width: 100%;
}

#input_atento_global_sidebar_layout label {
    width: calc(33.333333% - 8px);
    margin-right: 12px;
}

#input_atento_global_sidebar_layout label:nth-last-of-type(1) {
    margin-right: 0;
}

#input_atento_home_sidebar_layout label,
#input_atento_archive_sidebar_layout label,
div[id^="input_atento_cat_"] label,
div[id^="input_atento_author_"] label,
#input_atento_search_result_post_sidebar_layout label,
#input_atento_post_sidebar_layout label,
#input_atento_page_sidebar_layout label {
    width: calc(33.333333% - 12px);
    margin-right: 12px;
}

.customize-control-kirki-radio-buttonset .buttonset .switch-input:checked + .switch-label {
    color: #fff;
}

.customize-control-kirki-radio-buttonset .buttonset .switch-label {
    padding: 0.5em !important;
}

.customize-control-kirki-toggle .switch {
    width: 32px !important;
    height: 8px !important;
    top: 9px !important;
}

.customize-control-kirki-toggle .switch:after,
.customize-control-kirki-toggle .switch:before {
    width: 16px !important;
    height: 16px !important;
}

.customize-control-kirki-radio-image img {
    border: 2px solid transparent !important;
}

.customize-control-kirki-radio-image input:checked + label img {
    position: relative;
    box-shadow: none !important;
    border: 2px solid #3498DB !important;
}

.customize-control .customizer-padding-wrap .padding-field {
    width: 56px;
    display: inline-block;
}

.customize-control-adaptive-design {
    display: list-item !important;
}

.atento-tabs-control {
    border-bottom: 1px solid #ddd;
    width: calc(100% + 28px);
    margin: -15px 0 0 -12px;
    table-layout: fixed;
    display: table;
}

.atento-tabs-control .atento-customizer-tab {
    border-right: 1px solid #ddd;
    display: table-cell;
    text-align: center;
    width: 100%;
}

.atento-tabs-control .atento-customizer-tab:last-child {
    border-right: none;
}

.atento-tabs-control .atento-customizer-tab label{
    text-transform: capitalize;
    background: #fff;
    box-shadow: inset 0 0 0 0 #0085ba;
    transition: all .3s ease;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    font-weight: 600;
    color: #333;
}

.atento-tabs-control .atento-customizer-tab label i {
    color: #333;
    margin-right: 4px;
}

.atento-tabs-control .atento-customizer-tab label:hover {
    color: #0085ba;
    background: #f3f3f5;
}

.atento-tabs-control .atento-customizer-tab label:hover i {
    color: #333;
}

.atento-tabs-control .atento-customizer-tab .active ~ label {
    box-shadow: inset 0 -3px 0 0 #0085ba;
    color: #0085ba;
    background-color: #fff;
}

.atento-tabs-control input[type="radio"] {
    display: none !important;
}

/*--------------------------------------------------------------
# Admin widgets input
--------------------------------------------------------------*/
.clear {
    clear: both;
}

.admin-input-wrap {
    margin-top: 15px;
}

.admin-input-wrap:last-child {
    margin-bottom: 15px;
}

.admin-input-wrap a {
    text-decoration: none;
}

.admin-input-label {
    font-weight: 700;
}

.admin-input-holder {
    position: relative;
    width: 100%;
    margin: 10px 0 20px;
}

.admin-input-holder p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
    color: #7b8690;
}

.admin-input-wrap input[type='text'],
.admin-input-wrap input[type='email'],
.admin-input-wrap input[type='number'],
.admin-input-wrap input[type='phone'],
.admin-input-wrap input[type='password'],
.admin-input-wrap input[type='url'],
.admin-input-wrap input[type='number'],
.admin-input-wrap select,
.admin-input-wrap textarea {
    width: 100%;
    padding: 6px 8px;
    box-shadow: none;
}

.admin-input-wrap select {
    height: auto;
    padding: 3px 6px 6px;
}

.admin-input-wrap img {
    max-width: calc( 100% - 115px );
    height: auto;
    margin-bottom: 15px;

    border: 6px solid #fff;
    box-shadow: 0 0 1px #ccc;
}

.pt-custom-media-button {
    margin: 0 96px;
    padding: 8px 20px;

    cursor: pointer;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;

    border: 2px dashed #ddd;
    border-radius: 3px;
    outline: none !important;
    background: #fdfdfd;
    font-weight: bold;
    font-size: 13px;
    text-transform: capitalize;
    color: #888;
}

.pt-custom-media-button:hover {
    border-color: #888;
    color: #555;
}

.admin-radio-wrap {
    margin-top: -30px;
    padding-left: 102px;
}

.admin-slider-wrap,
.admin-logos-wrap {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-top: 15px;
    background: #fdfdfd;
}

.admin-slider-wrap:last-child,
.admin-logos-wrap:last-child {
    margin-bottom: 15px;
}

.admin-testimonials {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.admin-testimonials textarea {
    min-height: 100px;
}

/*--------------------------------------------------------------
# Admin Widgets Dynamic Sidebar
--------------------------------------------------------------*/
#atento-add-widget h3 {
    text-align: center !important;
    padding: 15px 7px;
    font-size: 1.3em;
    margin-top: 5px
}

div#widgets-right .sidebar-atento-custom .widgets-sortables {
    padding-bottom: 45px
}

div#widgets-right .sidebar-atento-custom.closed .widgets-sortables {
    padding-bottom: 0
}

.atento-widget-area-footer {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border-top: 1px solid #eee
}

.atento-widget-area-footer>div {
    padding: 8px 8px 0
}

.atento-widget-area-footer .atento-widget-area-id {
    display: block;
    float: left;
    max-width: 48%;
    overflow: hidden;
    position: relative;
    top: -6px
}

.atento-widget-area-footer .atento-widget-area-buttons {
    float: right
}

.atento-widget-area-footer .description {
    padding: 0 !important;
    margin: 0 !important
}

div#widgets-right .sidebar-atento-custom.closed .widgets-sortables .atento-widget-area-footer {
    display: none
}

.atento-widget-area-footer .atento-widget-area-delete {
    display: block;
    float: right;
    margin: 0
}

.atento-widget-area-footer .atento-widget-area-delete-confirm {
    display: none;
    float: right;
    margin: 0 5px 0 0
}

.atento-widget-area-footer .atento-widget-area-delete-cancel {
    display: none;
    float: right;
    margin: 0
}

.activate_spinner {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 4px;
    background-color: #ececec
}

#atento-add-widget form {
    text-align: center
}

#widget_area-atento-custom,
#widget_area-atento-custom h3 {
    position: relative
}

#atento-add-widget p {
    margin-top: 0
}

#atento-add-widget {
    margin: 10px 0 0;
    position: relative
}

#atento-add-widget-input {
    max-width: 95%;
    padding: 8px;
    margin-bottom: 14px;
    margin-top: 3px;
    text-align: center
}

.reload-customizer-btn {
    display: inline-block;
    padding: 6px 16px 7px;
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
}

.reload-customizer-btn:hover {
    background: #666;
    color: #fff;
}

.limit {
    display: none !important;
 }