/**
 * Menu
 */

.accordion-section-title:before{
  position: absolute;
  top: 8px;
}

.accordion-section-title{
  overflow: hidden;
}

.accordion-section-title button.accordion-trigger {
    padding: 10px 10px 11px 25px;
}


li#accordion-section-general_section > h3.accordion-section-title:before {
content: "\f107";
font-family: dashicons;
padding: 3px;
}

#accordion-panel-financier_header_options > h3.accordion-section-title:before {
content: "\f317";
font-family: dashicons;
padding: 3px;
}

li#accordion-panel-financier_styling_options > h3.accordion-section-title:before {
content: "\f309";
font-family: dashicons;
padding: 3px;
}

li#accordion-panel-financier_typography_options > h3.accordion-section-title:before {
content: "\f217";
font-family: dashicons;
padding: 3px;
}

li#accordion-panel-financier_contactsocial_options > h3.accordion-section-title:before {
content: "\f237";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-shop_section > h3.accordion-section-title:before {
content: "\f174";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-footer_section > h3.accordion-section-title:before {
content: "\f316";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-blog_section > h3.accordion-section-title:before {
content: "\f464";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-sidebar_section > h3.accordion-section-title:before {
content: "\f310";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-notfound_section > h3.accordion-section-title:before {
content: "\f534";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-title_tagline > h3.accordion-section-title:before {
content: "\f319";
font-family: dashicons;
padding: 3px;
}

li#accordion-panel-nav_menus > h3.accordion-section-title:before {
content: "\f116";
font-family: dashicons;
padding: 3px;
}

li#accordion-panel-widgets > h3.accordion-section-title:before {
content: "\f538";
font-family: dashicons;
padding: 3px;
}

li#accordion-section-static_front_page > h3.accordion-section-title:before {
content: "\f102";
font-family: dashicons;
padding: 3px;
}

#customize-controls img {
    width: 80%;
}

#customize-control-header_type img{
    width: 100%;
}

#customize-controls .control-section .accordion-section-title:hover{
    color: #fff;
    background: #04b1d8;
    border-left-color: #ffffff;
}

#customize-theme-controls .control-section:hover>.accordion-section-title:after{
    color: #fff;
}

/**
 * Icon Select
 */
.icon-list-wrapper i {
    font-size: 25px;
    width: 25px !important;
    height: 25px !important;
    margin: 15px !important;
    display: inline-block;
}

.icon-list-wrapper {
    margin: 15px 0px;
    background: #fff;
    -moz-box-shadow: 0 8px 14px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 8px 14px rgba(0,0,0,.2);
    box-shadow: 0 8px 14px rgba(0,0,0,.2);
    overflow-y: scroll;
    max-height: 200px;
}

.icon-list-wrapper li.selected:hover,
.icon-list-wrapper li:hover{
    color: #fff;
    background: #323332;
}

.icon-list-wrapper li.selected {
    color: #fff;
    background: #909090;
    border-radius: 3px;
}

.icon-selected label {
    display: inline-block;
    margin: 0 0 0 15px
}

.icon-selected > i {
    font-size: 22px;
}

.icon-title{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.wpb_el_type_icon .search {
    max-width: 230px;
    border-radius: 3px;
}

.search {
    padding: 8px 15px !important;
    margin-top: 15px !important;
    float: right;
}
.icon-list-wrapper > .icon-list {
    margin-top: 0px;
    padding-left: 10px;
}
.icon-list-wrapper > .icon-list li {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0px;
    text-align: center;
}
.icon-list-wrapper > .icon-list label {
    display: none;
}

.icon-wrapper{
    display: none;
    margin-top: 10px;
}

.icon-selected{
    display: inline-block;
    float: right;
}

.icon-select-val {
    width: 65% !important;
}

.icon-list-toggle,
.icon-clear{
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
}

.icon-action{
    margin-top: 5px;
}

.icon-list-toggle i,
.icon-clear i{
   font-size: 20px;
   line-height: 1.4;
}

.header-select,
.footer-select{
    border-radius: 0 !important;
    width: 100% !important;
    margin-top: 10px !important;
    min-height: 35px !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.footer-select{
    min-height: 120px !important;
}
