@import '//fonts.googleapis.com/css?family=Roboto:500,700';


/* WP Customizer Customized by Pixelwars */

/* Custom Scrollbars */
.accordion-section-content::-webkit-scrollbar,
.wp-full-overlay-sidebar-content::-webkit-scrollbar {
    width: 8px; background-color: #f7f7f7;
    }
.accordion-section-content::-webkit-scrollbar-thumb,
.wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb {
    border-radius: 24px;
    background-color: #e5e5e5;
    }
    
.wp-picker-container .button {
    border-radius: 4px;
}

.customize-controls-close:before {
    top: 0;
    font-size: 18px;
    left: 15px;
}

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

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

input, select {
    padding: 7px 8px;
}

input[type="range"] {
    width: 100%;
}

.customize-control select {
    height: 34px;
    line-height: 34px;
}

input[type=number] {
    height: auto;
}

.customize-control-title {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    opacity: .75;
}

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

#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 {
    font-weight: 400;
}

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

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

body {
    color: #345;
}

#customize-outer-theme-controls .accordion-section-title, #customize-theme-controls .accordion-section-title {
    color: inherit;
    border-bottom-color: #e9f0f5;
}

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

#customize-controls .description {
    color: inherit;
}

input[type=text], input[type=search], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], select, textarea {
    color: inherit;
    border-color: #e4e8ec;
    box-shadow: none;
}

.control-section .accordion-section-title, .customize-pane-child .accordion-section-title {
    padding: 12px 12px 13px 24px;
}

#customize-outer-theme-controls .accordion-section-title:after, #customize-theme-controls .accordion-section-title:after {
    color: inherit;
    font-size: 14px;
    opacity: .5;
}

#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu, #customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
    border-top: 0;
}

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

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

.attachment-media-view, .media-widget-preview.media_audio, .media-widget-preview.media_image {
    background: #fff;
    margin: 32px 0;
}

#customize-controls .customize-info,
#customize-theme-controls .control-section:last-of-type.open, #customize-theme-controls .control-section:last-of-type>.accordion-section-title,
.customize-panel-back, .customize-section-back,
.customize-section-title {
    border-color: #d8e1e7;
}

.accordion-section-title {
    padding: 17px 26px;
}


#customize-controls .control-section-themes .accordion-section-title span.customize-action, #customize-controls .customize-section-title span.customize-action, .control-panel-themes .accordion-section-title span.customize-action {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    opacity: .4;
    font-weight: bold;
}

.wp-color-result-text {
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

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

.customize-controls-close {
    background: #b2998f;
    border: 0;
    color: #fff;
    height: 45px;
}

.customize-panel-back:focus, .customize-panel-back:hover, .customize-section-back:focus, .customize-section-back:hover {
    background: #f5f2f0;
    border-left-color: #b2998f;
    color: inherit;
    border-left: 0;
}

#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: #f5f8fa;
}

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

.customize-panel-back, .customize-section-back {
    border-left: 0;
}

#customize-theme-controls .control-panel-themes>.accordion-section-title, #customize-theme-controls .control-panel-themes>.accordion-section-title:hover, #customize-header-actions {
    border-color: #d8e1e7;
}


.customize-panel-back:before, .customize-section-back:before {
    font-size: 16px;
    left: 12px;
}

.control-panel-themes #accordion-section-installed_themes {
    border: 0;
}


.wp-customizer .menu-item-settings {
    background: #fff;
    border-top: 1px solid #e1e1e1;
}


/* Extra Style */

.customize-control-title {
    opacity: .90;
}

.customize-control .customize-control-title {
	margin-bottom: 0px;
}

.customize-control .customize-control-description {
	font-size: 11px;
	margin-bottom: 3px;
}
.customize-control .customize-control-description p {
	font-size: 11px;
	margin: 0px;
}

.customize-control select:hover,
.customize-control select:focus {
	color: #32373c;
}

.customize-control-checkbox label {
	display: inline-block;
}

.customize-control-range input {
	width: 100%;
}

input[type=text], input[type=search], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], select, textarea {
    border-color: #7e8993;
}

