.wp-full-overlay-sidebar *
{
    box-sizing: border-box;
}

.accordion-section-content
{
    overflow: visible;
}

.control-section:not(.control-section-themes) .customize-control
{
    width: 100%;
    min-height: initial; 
    padding: 0;
}

.customize-controls-close
{
    width: 48px;
    height: 44px;

    color: #7da9c3;
    border-top: none;
    border-right-color: #e0e8ef; 
    background: #fff;
}
.customize-controls-close:focus,
.customize-controls-close:hover
{
    background: #f5fcff;
}
.customize-controls-close:before
{
    top: 0;
}

#customize-controls .customize-info
{
    border-bottom-color: #e0e8ef;
}

.customize-panel-back,
.customize-section-back
{
    height: 74px;

    color: #7da9c3;
    border-right-color: #e0e8ef;
}
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus
{
    border-left-color: #f5fcff;
    background: #f5fcff;
}

#customize-theme-controls .theme *
{
    box-sizing: content-box;
}

#customize-theme-controls .accordion-section-content
{
    padding: 17px;
}

#customize-theme-controls .customize-section-title
{
    margin-top: -17px;
    margin-right: -17px;
}

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

#customize-theme-controls .control-panel-content .control-section:nth-last-child(2)
{
    border-bottom: 1px solid #e0e8ef;
}

#customize-theme-controls #accordion-section-add_menu
{
    overflow: visible; 

    text-align: right;
}
#customize-theme-controls #accordion-section-add_menu .add-menu-toggle
{
    float: none;
}

#customize-theme-controls .customize-pane-child.open
{
    height: 100%;
}

#customize-controls .description
{
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;

    margin-bottom: 9px;

    text-indent: 0; 

    color: #4d7b90;
}

.customize-control-description
{
    margin-top: 6px;
}

.customize-control
{
    margin-bottom: 24px;
}

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

#customize-controls .panel-meta.customize-info .accordion-section-title
{
    height: 74px; 

    border-top: none;
}

.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar),
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary
{
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;

    width: auto;
    padding: 6px 20px;

    transition: all .1s; 

    color: #f5fcff;
    border: none;
    border-radius: 4px;
    background: #aed2e5;
    box-shadow: 0 2px 0 0 #8dbed7;
    text-shadow: none;
}
.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-secondary:hover
{
    color: white;
    background: #98c6dd;
    box-shadow: 0 2px 0 0 #74a7c2; 
    text-shadow: none;
}

.wp-core-ui .button-primary
{
    background: #73c5ee;
    box-shadow: 0 2px 0 0 #57abd5;
}
.wp-core-ui .button-primary:hover
{
    background: #58b0dd;
    box-shadow: 0 2px 0 0 #3f8aaf;
}

.wp-core-ui .reset_section,
.wp-core-ui .reset_panel
{
    display: block;

    width: 100%;
    height: 4em;
    margin: 0 0 25px;
}

.wp-core-ui .reset_panel
{
    margin-top: 10px;
}

.separator.label
{
    font-size: 14px;
    font-weight: 600; 
    line-height: 24px;

    display: block;
}

.customize-control-title,
.separator.label
{
    color: #416b7e;
}

.separator.section:before,
.separator.sub-section:before
{
    position: absolute;
    z-index: -1; 
    top: 0;
    right: -18px;
    bottom: 0;
    left: -18px;

    content: '';
}

.separator.label
{
    font-weight: 500; 

    margin-bottom: -3px;
    margin-bottom: -15px;
}

.separator.large
{
    font-size: 16px;

    margin-top: 12px;

    color: #39474d;
}

.separator.section
{
    position: relative;

    margin-bottom: 0;
    padding: 14px 0;

    border: none; 
    background: none;
}
.separator.section[id*='layout']
{
    margin-top: 0;
}
.separator.section[id*='layout']:before
{
    border: none;
}
.separator.section:before
{
    border: 1px solid #e0e8ef;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #dfe8ef;
}

.separator.sub-section
{
    position: relative;

    padding: 12px 0;
}
.separator.sub-section:before
{
    border-top: 1px solid #e0e8ef;
    border-bottom: 1px solid #e0e8ef;
    background-color: #f6fbff;
}
.separator.sub-section + span
{
    font-style: normal; 

    margin-top: 20px;
}

.section-navigation-wrapper
{
    position: relative;

    height: 43px;
    margin: -15px -12px 0 -12px;
    margin-right: -17px;
    margin-left: -17px;
}

.section-navigation
{
    display: -ms-flexbox;
    display: flex;
    clear: both;

    margin-top: -1px;

    border-top: 1px solid #e0e8ef;
}
.section-navigation a
{
    display: block;

    padding: 12px 0;

    transition: background-color .15s ease-in-out; 
    text-align: center;
    text-decoration: none;

    color: #3b484e;
    border-right: 1px solid #e0e8ef;
    border-bottom: 1px solid #e0e8ef;
    background-color: #fff;

    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.section-navigation a:last-child
{
    border-right: 0;
}

#customize-controls .customize-info.is-sticky.is-sticky,
#customize-controls .customize-section-title.is-sticky.is-sticky
{
    top: 40px;
}

#customize-controls .customize-info.is-in-view.is-in-view,
#customize-controls .customize-section-title.is-in-view.is-in-view
{
    box-shadow: none;
}

#customize-controls .has-nav .customize-info,
#customize-controls .has-nav .customize-section-title
{
    margin-right: -12px;
}

#customize-controls .customize-section-title.customize-section-title
{
    border-bottom: 0;
}

.customize-section-description-container.section-meta.has-nav
{
    margin-bottom: 0;
}

.font-options__wrapper
{
    position: relative;
}
.font-options__wrapper:after
{
    position: absolute;
    z-index: 0;
    top: 90%;
    right: 0;
    left: 0;

    display: block;

    height: 100px; 

    content: '';
}

.font-options__head
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: justify;
    justify-content: space-between;
}
.font-options__head.font-options__head
{
    white-space: nowrap; 
    text-overflow: ellipsis;

    -webkit-appearance: none;
}

.font-options__font-title
{
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;

    overflow: hidden;

    margin-right: 26px;
    margin-left: 10px;

    white-space: nowrap; 
    text-overflow: ellipsis;

    color: #98c6dd;
}

.font-options__options-list
{
    position: absolute;
    z-index: 2;
    top: calc(100% + 6px);
    right: -6px;
    left: -6px;

    display: block;
    display: none;

    padding: 10px;

    transition: opacity .15s linear; 

    opacity: 0;
    border: 1px solid #dfe8ef;
    border-radius: 5px;
    background-color: #fff;
}
.font-options__options-list:last-child
{
    margin-bottom: 0;
}
.font-options__options-list:before,
.font-options__options-list:after
{
    position: absolute;
    z-index: 10; 
    top: -20px;
    right: 25px;

    width: 0;
    height: 0;

    content: '';

    border: solid transparent;
}
.font-options__options-list:before
{
    z-index: 11; 

    border-width: 10px;
    border-bottom-color: white;
}
.font-options__options-list:after
{
    top: -24px;
    right: 23px; 

    border-width: 12px;
    border-bottom-color: rgba(0, 0, 0, .075);
}

.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after
{
    position: absolute;
    right: 12px;
    bottom: 100%;

    width: 0;
    height: 0;

    border-collapse: separate;

    content: '';

    border-width: 0 9px 9px 9px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.font-options__head,
.customize-control input[type=text],
.customize-control input[type=checkbox],
.customize-control input[type=password],
.customize-control input[type=color],
.customize-control input[type=date],
.customize-control input[type=datetime],
.customize-control input[type=datetime-local],
.customize-control input[type=email],
.customize-control input[type=month],
.customize-control input[type=number],
.customize-control input[type=radio],
.customize-control input[type=tel],
.customize-control input[type=time],
.customize-control input[type=url],
.customize-control input[type=week],
.customize-control input[type=search],
.customize-control select,
.customize-control textarea,
.customize-control input[type='number'].range-value,
ul.font-options__options-list .select2-container .select2-selection--single
{
    font-size: 14px;
    line-height: 1.5;

    width: 100%;
    height: 44px;
    padding: 10px 14px;

    color: #416b7e;
    border: 2px solid #b8daeb;
    border-radius: 4px;
    outline: 0; 
    background: #fff;
}
.font-options__head:focus,
.customize-control input[type=text]:focus,
.customize-control input[type=checkbox]:focus,
.customize-control input[type=password]:focus,
.customize-control input[type=color]:focus,
.customize-control input[type=date]:focus,
.customize-control input[type=datetime]:focus,
.customize-control input[type=datetime-local]:focus,
.customize-control input[type=email]:focus,
.customize-control input[type=month]:focus,
.customize-control input[type=number]:focus,
.customize-control input[type=radio]:focus,
.customize-control input[type=tel]:focus,
.customize-control input[type=time]:focus,
.customize-control input[type=url]:focus,
.customize-control input[type=week]:focus,
.customize-control input[type=search]:focus,
.customize-control select:focus,
.customize-control textarea:focus,
.customize-control input[type='number'].range-value:focus,
ul.font-options__options-list .select2-container .select2-selection--single:focus
{
    border-color: #73c5ee;
    box-shadow: none;
}

.font-options__head,
.customize-control select,
ul.font-options__options-list .select2-container .select2-selection--single
{
    font-weight: 600;

    width: 100%;

    background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
    background-position: right 16px top 16px; 

    -webkit-appearance: button;
       -moz-appearance: none;
}
[multiple].font-options__head,
.customize-control select[multiple],
ul.font-options__options-list .select2-container [multiple].select2-selection--single
{
    background: white;
}

.customize-control input[type=text],
.customize-control textarea
{
    font-size: 13px;
}

.customize-control textarea
{
    height: auto;
}

.customize-control input[type=checkbox],
.customize-control input[type=radio]
{
    width: 22px;
    height: 22px;
}
.customize-control input[type=checkbox]:checked,
.customize-control input[type=radio]:checked
{
    border-color: #5ab9e8; 
    background: #73c5ee;
}
.customize-control input[type=checkbox]:checked:before,
.customize-control input[type=radio]:checked:before
{
    margin: -1px 0 0 -2px; 

    color: white;
}

.customize-control.customize-control-checkbox label:not(:only-of-type),
.customize-control.customize-control-radio label:not(:only-of-type)
{
    display: inline-block;

    width: calc(49% - 30px);
    margin-left: 30px;
    padding-top: 0;
    padding-bottom: 0;

    text-indent: -6px;
}

.customize-control.customize-control-checkbox label,
.customize-control.customize-control-radio label
{
    color: #416b7e;
}

.customize-control-html + .customize-control.customize-control-checkbox,
.customize-control-html + .customize-control.customize-control-radio
{
    margin-top: -24px;
}

[id*='divider'] + .customize-control.customize-control-checkbox,
[id*='divider'] + .customize-control.customize-control-radio
{
    margin-top: 0;
}

.customize-control input[type=radio]
{
    border-radius: 50%;
}
.customize-control input[type=radio]:checked:before
{
    content: none;
}

.customize-control.customize-control-radio label
{
    margin-top: 12px;
}

.customize-control input[type='range']
{
    width: 65%;
}

.customize-control input[type='range']
{
    position: relative;

    overflow: hidden;

    width: 200px;
    height: 22px;

    outline: none;
    background: none; 

    -webkit-appearance: none;
}
.customize-control input[type='range']:before
{
    position: absolute;
    top: 8px;
    left: 0;

    width: 100%;
    height: 6px;

    content: ' ';

    border-radius: 10px; 
    background: #dfe8ef;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3);
}
.customize-control input[type='range']::-webkit-slider-thumb
{
    position: relative;
    z-index: 3;

    width: 22px;
    height: 22px;

    border: 2px solid #b8daeb;
    border-radius: 4px; 
    background: #27ae60;
    background: #fff;

    -webkit-appearance: none;
}
.customize-control input[type='range']::-webkit-slider-thumb:before
{
    font-size: 1em;

    position: absolute;
    top: -5px;
    left: 5px;

    content: '..';
    letter-spacing: 1px; 

    color: #b8daeb;
}
.customize-control input[type='range']::-webkit-slider-thumb:after
{
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 20px;

    width: 200px;
    height: 6px;

    content: ' ';

    background: #73c5ee;
}

.customize-control input[type='number'].range-value
{
    font-size: 13px;
    line-height: 1;

    top: -5px;

    float: right;

    width: auto;
    min-width: 40px;
    max-width: 80px;
    height: 30px;
    margin-left: 10px;
    padding: 4px 0 5px 0;

    text-align: center;
}

.customize-control input[type=number]::-webkit-inner-spin-button,
.customize-control input[type=number]::-webkit-outer-spin-button
{
    margin: 0; 

    -webkit-appearance: none;
}

.customize-control-color
{
    display: block;
}
.customize-control-color .customize-control-title,
.customize-control-color .separator.label
{
    float: left;
}
.customize-control-color .wp-picker-container
{
    position: relative;
    top: -3px; 

    float: right;
}
.customize-control-color .wp-picker-container .wp-picker-holder
{
    position: relative;
}
.customize-control-color .wp-picker-container .iris-picker
{
    position: absolute;
    z-index: 1000;
    top: 40px;
    right: 0;

    width: 275px !important;

    border: none;
    border-color: #dfdfde;
    border-top: none;
    border-radius: 0 0 3px 3px;
    background: white;
}
.customize-control-color .wp-picker-container .iris-picker .iris-square
{
    width: 215px !important;
    height: 173px !important;
    margin-right: 0;
}
.customize-control-color .wp-picker-container .iris-picker .iris-strip
{
    float: right;

    box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset;
}
.customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle
{
    opacity: 1;
    border-color: #aaa !important;
    box-shadow: none;
}
.customize-control-color .wp-picker-container .iris-picker .iris-palette
{
    width: 24px !important;
    height: 24px !important;

    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap
{
    position: absolute;
    z-index: 1000;
    top: 35px;
    right: 0;

    width: 275px;
    padding: 9px 12px;

    border: none;
    border-radius: 3px 3px 0 0; 
    background: white;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker
{
    font-size: 13px;

    float: left;

    width: 100px;
    height: auto; 
    margin: 0;
    padding: 6px 12px;

    text-align: left;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button
{
    float: right;

    height: 30px; 
    padding: 4px 12px;
}
.customize-control-color .wp-color-result
{
    top: 0;

    width: 40px;
    height: 30px;
    margin: 0;
    padding: 0;

    border: 2px solid #b8daeb;
    border-radius: 4px;
    background: #2ecc71;
    box-shadow: none;
}
.customize-control-color .wp-color-result:after
{
    display: none;
}

#accordion-section-live_css_edit_section .customize-section-title
{
    margin-top: -13px;

    border-bottom: 1px solid #ddd;
}

#accordion-section-live_css_edit_section #css_editor
{
    top: 70px;

    overflow: visible; 

    border-top: 10px solid white;
}
#accordion-section-live_css_edit_section #css_editor:before
{
    position: absolute;
    z-index: 10000000;
    top: -10px;
    left: 0; 

    display: block;

    width: 48px;
    height: 10px;

    content: '';

    background: #e8e8e8;
}

#accordion-section-live_css_edit_section .ace_scroller
{
    padding-left: 10px;
}

.wp-full-overlay.editor_opened
{
    margin-left: 500px;
}
.wp-full-overlay.editor_opened #customize-controls
{
    width: 500px;
}
.wp-full-overlay.editor_opened.collapsed #customize-controls
{
    width: 300px;
}

.customize-control-media .current,
.customize-control-site_icon .current,
li#customize-control-site_logo .current
{
    min-height: 44px;
    margin-bottom: 10px;

    border: 2px solid #b8daeb;
    border-radius: 4px; 
    background: #f5fcff;
}
.customize-control-media .current .container,
.customize-control-media .current span,
.customize-control-site_icon .current .container,
.customize-control-site_icon .current span,
li#customize-control-site_logo .current .container,
li#customize-control-site_logo .current span
{
    border: none;
}

.customize-control-media .inner,
.customize-control-media .current span,
.customize-control-site_icon .inner,
.customize-control-site_icon .current span,
li#customize-control-site_logo .inner,
li#customize-control-site_logo .current span
{
    font-size: 13px;

    color: #98c6dd;
}

.customize-control-media .inner,
.customize-control-site_icon .inner,
li#customize-control-site_logo .inner
{
    line-height: 1.4;
}

.customize-control-media .thumbnail-image,
.customize-control-site_icon .thumbnail-image,
li#customize-control-site_logo .thumbnail-image
{
    padding: 14px;

    text-align: center;
}
.customize-control-media .thumbnail-image img,
.customize-control-site_icon .thumbnail-image img,
li#customize-control-site_logo .thumbnail-image img
{
    width: auto;
}

.customize-control-media .actions,
.customize-control-site_icon .actions,
li#customize-control-site_logo .actions
{
    margin-bottom: 0;
}

.customize-control-typography select,
.customize-control-typography select
{
    margin-bottom: 10px;
}

.customize-control-typography .description,
.customize-control-typography .description
{
    margin-top: -3px;
}

.customize-control-typography ul li,
.customize-control-typography ul li
{
    width: 100%;
    margin: 0;
}

.default-preset-button
{
    font-family: 'Open Sans',sans-serif;
    font-size: 13px; 

    float: right;

    margin-right: 4px;
    padding: 1px 8px;

    border: 1px solid #cbcbcb;
    border-radius: 3px;
    background-color: #f5f6f6;
}

.customize-control-preset .description
{
    font-style: normal; 

    margin-right: 5px;
}

.customify_preset.radio_buttons .customify_radio_button
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    height: auto; 
    margin: 3px;
    padding: 2px;

    border: none;
}
.customify_preset.radio_buttons .customify_radio_button input[type='radio']
{
    position: absolute;
    z-index: 9999; 

    width: 100%;
    height: 100%;

    opacity: 0;
}
.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label
{
    background-color: #ebebeb;
}
.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:before
{
    content: '>';

    color: inherit;
}
.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:after
{
    content: '<';

    color: inherit;
}
.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked:before
{
    opacity: 0;
}
.customify_preset.radio_buttons .customify_radio_button label
{
    position: relative;
    z-index: 999;

    border-left: 4px solid;
}

.customify_preset .awesome_preset
{
    position: relative;

    display: inline-block;

    width: 45%;
    margin-top: 5px;
    margin-bottom: 25px;

    transition: all .2s; 
    text-align: center;

    color: white;
}
.customify_preset .awesome_preset:hover
{
    opacity: .9;
}
.customify_preset .awesome_preset:before
{
    position: absolute;
    z-index: 5; 
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;

    content: '';

    opacity: .5;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
}
.customify_preset .awesome_preset .preset-wrap .preset-color
{
    height: 128px;
    padding: 17px 0 27px; 

    border-radius: 4px 4px 0 0;
}
.customify_preset .awesome_preset .preset-wrap .preset-color .first-font
{
    font-size: 55px;
    line-height: 1; 

    display: inline-block;

    width: 100%;
}
.customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font
{
    font-size: 20px;
    line-height: 1;

    display: inline-block;

    width: 100%;
    margin-top: 8px;
}
.customify_preset .awesome_preset .preset-wrap .preset-name
{
    font-size: 11px;

    position: relative;

    padding: 1px; 

    text-transform: UPPERCASE;

    border-radius: 0 0 4px 4px;
}
.customify_preset .awesome_preset .preset-wrap .preset-name:before
{
    position: absolute;
    top: -10px;
    left: 40%; 

    content: '';

    border: 10px solid;
    border-color: inherit;
    border-top: transparent;
    border-right-color: transparent;
    border-bottom-color: inherit;
    border-left-color: transparent;
}
.customify_preset .awesome_preset:nth-child(odd)
{
    margin-right: 7%;
}
.customify_preset .awesome_preset input[type=radio]
{
    position: absolute;
    z-index: 10; 
    top: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;
    margin: 0;

    color: #006505;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.customify_preset .awesome_preset input[type=radio]:checked:before
{
    position: absolute;
    z-index: 1; 
    top: -13px;
    right: -14px;

    width: 25px;
    height: 25px;

    background: #fff;
}
.customify_preset .awesome_preset input[type=radio]:checked:after
{
    position: absolute;
    z-index: 10;
    top: -5px;
    right: -5px;

    width: 26px;
    height: 26px;

    content: '';

    border-radius: 50%;
    background: #73c5ee url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
    background-position: center center; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}

.customify_radio_image
{
    display: inline-block;
}
.customify_radio_image label
{
    position: relative; 

    display: block;
    float: left;

    margin-right: 10px;
}
.customify_radio_image label input[type=radio]
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden; 

    width: 100%;
    height: 100%;
}
.customify_radio_image label input[type=radio] img
{
    cursor: pointer;

    border: 2px solid transparent;
}
.customify_radio_image label input[type=radio]:checked + img
{
    border: 3px solid #73c5ee;
}

.customify_ace_editor
{
    display: block;

    min-height: 200px;

    border: 1px solid #ddd;
}

.customize-control-custom_background .hide
{
    display: none;
}

.customize-control-custom_background .upload_button_div
{
    margin: 10px 0;
}
.customize-control-custom_background .upload_button_div > *
{
    margin-right: 10px;
}

.customize-control-custom_background .preview_screenshot
{
    margin: 10px 0; 

    text-align: center;
}
.customize-control-custom_background .preview_screenshot img
{
    border: 2px solid #ccc;
}

#customify_import_demo_data_button
{
    display: inline-block;

    width: 70%;
    height: auto;
    margin: 0 15% 10% 15%; 
    padding: 10px;

    text-align: center;
}

.import_step_note
{
    display: inline-block; 

    width: 100%;
    margin: 5px;
}
.import_step_note:before
{
    content: '\1F449';
}
.import_step_note.success:before
{
    content: '\1F44D';
}
.import_step_note.failed:before
{
    content: '\274C';
}

#customize-header-actions
{
    border-color: #e0e8ef; 
    background: #fff;
}

.wp-full-overlay-sidebar,
.customize-themes-panel
{
    border-right: 1px solid #e0e8ef; 
    background: #eaf9fe;
}

#customize-theme-controls #accordion-section-menu_locations
{
    border-bottom: 1px solid #e0e8ef;
}

#customize-controls #accordion-section-themes > .accordion-section-title
{
    font-weight: 600;

    border-bottom: 1px solid #e0e8ef;
}
#customize-controls #accordion-section-themes > .accordion-section-title:hover
{
    background: #fff;
}

#customize-controls .panel-meta.customize-info
{
    border-bottom-color: #e0e8ef;
}

#customize-theme-controls .control-section .accordion-section-title
{
    font-weight: 400;

    border-top: 1px solid #e0e8ef;
    border-bottom: none;
}

#customize-theme-controls .control-section:last-of-type > .accordion-section-title
{
    border-bottom: 1px solid #e0e8ef;
}

#customize-theme-controls .customize-section-title
{
    border-top: 1px solid #e0e8ef;
    border-bottom: 1px solid #e0e8ef;
}

#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
{
    color: #056184;
    border-left-color: #f5fcff; 
    background: #f5fcff;
}

[data-balloon]
{
    position: relative;
}

[data-balloon]::before
{
    font-size: 12px;

    position: absolute;
    z-index: 10; 

    padding: .5em 1em;

    content: attr(data-balloon);
    transition: all .18s ease-out;
    white-space: nowrap;
    pointer-events: none;

    opacity: 0;
    color: #fff;
    border-radius: 4px;
    background: rgba(17, 17, 17, .9);
}

[data-balloon]::after
{
    position: absolute;
    z-index: 10; 

    width: 18px;
    height: 6px;

    content: '';
    transition: all .18s ease-out;
    pointer-events: none;

    opacity: 0;
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
}

[data-balloon]:hover::before,
[data-balloon]:hover::after
{
    pointer-events: auto; 

    opacity: 1;
}

[data-balloon][data-balloon-pos='up']::before
{
    bottom: 100%;
    left: 50%;

    margin-bottom: 11px;

    -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0);
    -webkit-transform-origin: top;
            transform-origin: top;
}

[data-balloon][data-balloon-pos='up']::after
{
    bottom: 100%;
    left: 50%;

    margin-bottom: 5px;

    -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0);
    -webkit-transform-origin: top;
            transform-origin: top;
}

[data-balloon][data-balloon-pos='up']:hover::before
{
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
}

[data-balloon][data-balloon-pos='up']:hover::after
{
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
}

[data-balloon][data-balloon-pos='down']::before
{
    top: 100%;
    left: 50%;

    margin-top: 11px;

    -webkit-transform: translate3d(-50%, -10px, 0);
            transform: translate3d(-50%, -10px, 0);
}

[data-balloon][data-balloon-pos='down']::after
{
    top: 100%;
    left: 50%;

    width: 18px;
    height: 6px;
    margin-top: 5px;

    -webkit-transform: translate3d(-50%, -10px, 0);
            transform: translate3d(-50%, -10px, 0); 

    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
}

[data-balloon][data-balloon-pos='down']:hover::before
{
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
}

[data-balloon][data-balloon-pos='down']:hover::after
{
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
}

[data-balloon][data-balloon-pos='left']::before
{
    top: 50%;
    right: 100%;

    margin-right: 11px;

    -webkit-transform: translate3d(10px, -50%, 0);
            transform: translate3d(10px, -50%, 0);
}

[data-balloon][data-balloon-pos='left']::after
{
    top: 50%;
    right: 100%;

    width: 6px;
    height: 18px;
    margin-right: 5px;

    -webkit-transform: translate3d(10px, -50%, 0);
            transform: translate3d(10px, -50%, 0); 

    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
}

[data-balloon][data-balloon-pos='left']:hover::before
{
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
}

[data-balloon][data-balloon-pos='left']:hover::after
{
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
}

[data-balloon][data-balloon-pos='right']::before
{
    top: 50%;
    left: 100%;

    margin-left: 11px;

    -webkit-transform: translate3d(-10px, -50%, 0);
            transform: translate3d(-10px, -50%, 0);
}

[data-balloon][data-balloon-pos='right']::after
{
    top: 50%;
    left: 100%;

    width: 6px;
    height: 18px;
    margin-left: 5px;

    -webkit-transform: translate3d(-10px, -50%, 0);
            transform: translate3d(-10px, -50%, 0); 

    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
}

[data-balloon][data-balloon-pos='right']:hover::before
{
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
}

[data-balloon][data-balloon-pos='right']:hover::after
{
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
}

[data-balloon][data-balloon-length='small']::before
{
    width: 80px; 

    white-space: normal;
}

[data-balloon][data-balloon-length='medium']::before
{
    width: 150px; 

    white-space: normal;
}

[data-balloon][data-balloon-length='large']::before
{
    width: 260px; 

    white-space: normal;
}

[data-balloon][data-balloon-length='xlarge']::before
{
    width: 380px; 

    white-space: normal;
}

@media screen and (max-width: 768px)
{
    [data-balloon][data-balloon-length='xlarge']::before
    {
        width: 90vw; 

        white-space: normal;
    }
}

[data-balloon][data-balloon-length='fit']::before
{
    width: 100%; 

    white-space: normal;
}

.font-options__wrapper .font-options__options-list
{
    border-color: #b8daeb;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
}

.font-options__wrapper .font-options__option
{
    margin-bottom: 12px;
}
.font-options__wrapper .font-options__option label
{
    display: block;

    margin-bottom: 6px;
}

.font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list
{
    display: block; 

    opacity: 1;
}

input.customify_font_tooltip
{
    display: none;
}

ul.font-options__options-list .select2-container
{
    width: 100% !important;
}
ul.font-options__options-list .select2-container .select2-selection--single
{
    -webkit-appearance: initial;
}
ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow
{
    display: none;
}

ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: initial; 

    color: inherit;
}

.select2-container.select2-container--open
{
    z-index: 99999999;
}