/* Necessary for WP 6.7 icons issue fix */
/* Upgrade to Inspiro Premium */
.customize-control-section-title .accordion-section-title,
#customize-controls .control-section-upgrade-pro .accordion-section-title {
    background-color: #eff4f7;
    font-size: 16px;
    border-left-color: #2497d4;
    margin-top: 15px;
}
.customize-control-section-title .accordion-section-title:hover, .customize-control-section-title .accordion-section-title:focus,
#customize-controls .control-section-upgrade-pro .accordion-section-title:hover,
#customize-controls .control-section-upgrade-pro .accordion-section-title:focus {
    background-color: #eff4f7;
    border-left-color: #2497d4;
}
.customize-control-section-title .accordion-section-title .button,
#customize-controls .control-section-upgrade-pro .accordion-section-title .button {
    font-weight: 500;
    font-size: 14px;
    margin-top: 8px;
    border: none;
    background: #2497d4;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    box-shadow: none;
}
.customize-control-section-title .accordion-section-title .button:hover,
#customize-controls .control-section-upgrade-pro .accordion-section-title .button:hover {
    background: #363940;
}
.customize-control-section-title .accordion-section-title .customize-action,
#customize-controls .control-section-upgrade-pro .accordion-section-title .customize-action {
    font-size: 13px;
    display: block;
    opacity: 0.8;
    font-weight: 400;
    color: #50575e;
}

/* Typography Control Style */
.customize-pane-child > li[id*=-font-weight],
.customize-pane-child > li[id*=-text-transform] {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    clear: none;
}
.customize-pane-child > li[id*=-font-weight] {
    padding-right: 5px;
    padding-left: 0;
}
.customize-pane-child > li[id*=-text-transform] {
    padding-left: 5px;
}

.customize-control-section-title {
    font-size: 16px;
    border-left-color: #2497d4;
    color: #50575e;
}
.customize-control-section-title .inspiro-customize-section-title {
    font-size: 15px;
    margin: 0;
}

.customize-section-description-container + .customize-control-section-title {
    margin-top: -14px;
}

.customize-control-title {
    line-height: 1;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1;
}

.customize-control.customize-control-image-select,
.customize-control-inspiro-font-family .customize-control-title,
.customize-control-color .customize-control-title {
    margin-top: 10px;
}

.customize-control-inspiro-alpha-color-picker.customize-control,
.customize-control-range.customize-control,
.customize-control-color.customize-control {
    background: rgba(255, 255, 255, 0.6);
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 1px;
    margin-bottom: 0;
    padding: 5px 12px 15px 17px;
    display: block;
    overflow: visible;
    position: relative;
    z-index: 100;
}

.inspiro-customize-section-title + .customize-control-description,
.customize-control-section-title .customize-control-description {
    margin-top: 12px;
    font-style: normal;
}

.customize-control.customize-control-inspiro-range .inspiro-control-range {
    float: left;
    width: calc(100% - 85px);
    position: relative;
    height: 30px;
    appearance: none;
    margin: 0;
    padding: 0;
    background-color: inherit;
    outline: none;
    cursor: pointer;
}
.customize-control.customize-control-inspiro-range .inspiro-control-range-value {
    margin-left: 10px;
    width: 75px;
    font-size: 13px;
}

.inspiro-control-range::-webkit-slider-runnable-track {
    height: 3px;
    background: #d7dade;
    border: none;
}
.inspiro-control-range::-moz-range-track {
    height: 3px;
    background: #d7dade;
    border: none;
}
.inspiro-control-range::-ms-track {
    height: 3px;
    background: #d7dade;
    border: none;
    color: transparent;
}
.inspiro-control-range::-webkit-slider-thumb {
    appearance: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgb(126, 137, 147);
    margin-top: -6px;
}
.inspiro-control-range:focus::-webkit-slider-thumb {
    border-color: #00669b;
}
.inspiro-control-range::-moz-range-thumb {
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgb(126, 137, 147);
    margin-top: -6px;
}
.inspiro-control-range::-ms-thumb {
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgb(126, 137, 147);
    margin-top: -6px;
}

.wp-customizer .select2-container {
    min-width: 100%;
    max-width: 100%;
}

.wp-customizer .select2-dropdown {
    z-index: 700000;
}

.wp-customizer .select2-results__option {
    margin-bottom: 0;
}

.wp-customizer .select2-results__option[role=list] {
    padding: 0;
}

.wp-customizer .select2-container .select2-selection--single {
    height: 30px;
    border-color: #7e8993;
}

/*** Add icons to section panels, improved code from Pro version ***/
/* TODO: improve id-s names */
#accordion-section-inspiro_upgrade_pro .accordion-section-title,
#accordion-section-colors_premium .accordion-section-title,
#accordion-section-blog_options_upgrade .accordion-section-title {
    padding: 10px 10px 11px 14px;
}
#accordion-section-inspiro_upgrade_pro .accordion-section-title:before, #accordion-section-inspiro_upgrade_pro .accordion-section-title:after,
#accordion-section-colors_premium .accordion-section-title:before,
#accordion-section-colors_premium .accordion-section-title:after,
#accordion-section-blog_options_upgrade .accordion-section-title:before,
#accordion-section-blog_options_upgrade .accordion-section-title:after {
    display: none;
}

#accordion-section-title_tagline > .accordion-section-title:before,
#accordion-panel-inspiro_typography_panel > .accordion-section-title:before,
#accordion-panel-homepage_media_panel > .accordion-section-title:before,
#accordion-section-colors > .accordion-section-title:before,
#accordion-section-theme_layout > .accordion-section-title:before,
#accordion-panel-blog_post_options_panel > .accordion-section-title:before,
#accordion-section-header-area > .accordion-section-title:before,
#accordion-panel-nav_menus > .accordion-section-title:before,
#accordion-section-widgets-inspector-sidebar-widgets-sidebar > .accordion-section-title:before,
#accordion-section-widgets-inspector-sidebar-widgets-blog-sidebar > .accordion-section-title:before,
#accordion-panel-widgets > .accordion-section-title:before,
#accordion-section-static_front_page > .accordion-section-title:before,
#accordion-section-footer-area > .accordion-section-title:before,
#accordion-section-custom_css > .accordion-section-title:before {
    color: #00A0D2;
}

.control-section:not(.control-subsection).control-section-wpzoom > .accordion-section-title:before {
    color: #00A0D2;
}

#accordion-panel-woocommerce > .accordion-section-title:before {
    color: #00A0D2;
    content: "";
    display: inline-block;
    height: 16px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml,%3Csvg height='18px' preserveAspectRatio='xMidYMid' version='1.1' viewBox='0 0 256 153' width='20px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M23.7586644,0 L232.137438,0 C245.324643,0 256,10.6753566 256,23.8625617 L256,103.404434 C256,116.591639 245.324643,127.266996 232.137438,127.266996 L157.409942,127.266996 L167.666657,152.385482 L122.558043,127.266996 L23.8633248,127.266996 C10.6761196,127.266996 0.000763038458,116.591639 0.000763038458,103.404434 L0.000763038458,23.8625617 C-0.10389732,10.7800169 10.5714592,0 23.7586644,0 L23.7586644,0 Z' fill='%23674399'/%3E%3Cpath d='M14.5781994,21.7495935 C16.0351099,19.7723577 18.2204758,18.7317073 21.1342969,18.5235772 C26.441614,18.1073171 29.4595002,20.604878 30.1879555,26.0162602 C33.4139717,47.7658537 36.9521831,66.1853659 40.6985246,81.2747967 L63.4887685,37.8796748 C65.5700693,33.9252033 68.1716953,31.8439024 71.2936465,31.6357724 C75.8725083,31.3235772 78.6822644,34.2373984 79.8269798,40.3772358 C82.4286059,54.2178862 85.7586872,65.9772358 89.7131587,75.9674797 C92.4188498,49.5349593 96.9977116,30.4910569 103.449744,18.7317073 C105.01072,15.8178862 107.300151,14.3609756 110.318037,14.1528455 C112.711533,13.9447154 114.896899,14.6731707 116.874134,16.2341463 C118.85137,17.795122 119.89202,19.7723577 120.100151,22.1658537 C120.204216,24.0390244 119.89202,25.6 119.0595,27.1609756 C115.000964,34.6536585 111.670882,47.2455285 108.965191,64.7284553 C106.363565,81.6910569 105.42698,94.9073171 106.05137,104.377236 C106.2595,106.978862 105.84324,109.268293 104.80259,111.245528 C103.553809,113.534959 101.680638,114.78374 99.2871424,114.99187 C96.5814514,115.2 93.7716953,113.95122 91.0660042,111.141463 C81.3879555,101.255285 73.6871424,86.4780488 68.0676303,66.8097561 C61.3034026,80.1300813 56.3082807,90.1203252 53.0822644,96.7804878 C46.942427,108.539837 41.739175,114.57561 37.3684433,114.887805 C34.5586872,115.095935 32.1651912,112.702439 30.0838904,107.707317 C24.7765733,94.0747967 19.0529961,67.7463415 12.9131587,28.7219512 C12.4968985,26.0162602 13.1212888,23.6227642 14.5781994,21.7495935 Z M238.213972,38.0878049 C234.46763,31.5317073 228.952183,27.5772358 221.563565,26.0162602 C219.586329,25.6 217.713159,25.3918699 215.944053,25.3918699 C205.953809,25.3918699 197.836736,30.595122 191.488768,41.001626 C186.077386,49.8471545 183.371695,59.6292683 183.371695,70.3479675 C183.371695,78.3609756 185.036736,85.2292683 188.366817,90.9528455 C192.113159,97.5089431 197.628606,101.463415 205.017224,103.02439 C206.99446,103.44065 208.86763,103.64878 210.636736,103.64878 C220.731045,103.64878 228.848118,98.4455285 235.09202,88.0390244 C240.503403,79.0894309 243.209094,69.3073171 243.209094,58.5886179 C243.313159,50.4715447 241.544053,43.7073171 238.213972,38.0878049 Z M225.101777,66.9138211 C223.644866,73.7821138 221.04324,78.8813008 217.192834,82.3154472 C214.174947,85.0211382 211.365191,86.1658537 208.763565,85.6455285 C206.266004,85.1252033 204.184703,82.9398374 202.623728,78.8813008 C201.374947,75.6552846 200.750557,72.4292683 200.750557,69.4113821 C200.750557,66.8097561 200.958687,64.2081301 201.479012,61.8146341 C202.415598,57.5479675 204.184703,53.3853659 206.99446,49.4308943 C210.428606,44.3317073 214.070882,42.2504065 217.817224,42.9788618 C220.314785,43.499187 222.396086,45.6845528 223.957061,49.7430894 C225.205842,52.9691057 225.830232,56.195122 225.830232,59.2130081 C225.830232,61.9186992 225.622102,64.5203252 225.101777,66.9138211 Z M173.069256,38.0878049 C169.322915,31.5317073 163.703403,27.5772358 156.41885,26.0162602 C154.441614,25.6 152.568443,25.3918699 150.799338,25.3918699 C140.809094,25.3918699 132.69202,30.595122 126.344053,41.001626 C120.932671,49.8471545 118.22698,59.6292683 118.22698,70.3479675 C118.22698,78.3609756 119.89202,85.2292683 123.222102,90.9528455 C126.968443,97.5089431 132.48389,101.463415 139.872508,103.02439 C141.849744,103.44065 143.722915,103.64878 145.49202,103.64878 C155.586329,103.64878 163.703403,98.4455285 169.947305,88.0390244 C175.358687,79.0894309 178.064378,69.3073171 178.064378,58.5886179 C178.064378,50.4715447 176.399338,43.7073171 173.069256,38.0878049 Z M159.852996,66.9138211 C158.396086,73.7821138 155.79446,78.8813008 151.944053,82.3154472 C148.926167,85.0211382 146.116411,86.1658537 143.514785,85.6455285 C141.017224,85.1252033 138.935923,82.9398374 137.374947,78.8813008 C136.126167,75.6552846 135.501777,72.4292683 135.501777,69.4113821 C135.501777,66.8097561 135.709907,64.2081301 136.230232,61.8146341 C137.166817,57.5479675 138.935923,53.3853659 141.745679,49.4308943 C145.179825,44.3317073 148.822102,42.2504065 152.568443,42.9788618 C155.066004,43.499187 157.147305,45.6845528 158.708281,49.7430894 C159.957061,52.9691057 160.581451,56.195122 160.581451,59.2130081 C160.685516,61.9186992 160.373321,64.5203252 159.852996,66.9138211 L159.852996,66.9138211 L159.852996,66.9138211 Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.control-section:not(.control-subsection) > .accordion-section-title {
    overflow: hidden;
}
.control-section:not(.control-subsection) > .accordion-section-title:not(:has(button.accordion-trigger)) {
    padding-left: 44px;
}
.control-section:not(.control-subsection) > .accordion-section-title:before {
    left: 13px;
    position: absolute;
    z-index: 999;
    top: calc(50% - 10px);
    content: "\f107";
    font-size: 20px;
    color: #00A0D2;
    vertical-align: middle;
    font-family: dashicons;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.control-section:not(.control-subsection) > .accordion-section-title button.accordion-trigger {
    padding: 10px 0 11px 44px;
}

/* icons setup */
#accordion-panel-general > .accordion-section-title:before {
    content: "\f319";
}

#accordion-section-title_tagline > .accordion-section-title:before {
    content: "\f319";
}

#accordion-panel-homepage_media_panel > .accordion-section-title:before {
    content: "\f180";
}

#accordion-panel-inspiro_typography_panel > .accordion-section-title:before {
    content: "\f201";
}

#accordion-section-colors > .accordion-section-title:before {
    content: "\f309";
}

#accordion-panel-layout > .accordion-section-title:before {
    content: "\f175";
}

#accordion-section-theme_layout > .accordion-section-title:before {
    content: "\f489";
}

#accordion-panel-blog_post_options_panel > .accordion-section-title:before,
#accordion-section-blog_post_options > .accordion-section-title:before {
    content: "\f108";
}

#accordion-section-blog_post_options > .accordion-section-title:before {
    color: #00A0D2;
}

#accordion-section-header-area > .accordion-section-title:before {
    content: "\f538";
}

#accordion-section-footer-area > .accordion-section-title:before {
    content: "\f538";
}

#accordion-section-background_image > .accordion-section-title:before {
    content: "\f128";
}

#accordion-panel-nav_menus > .accordion-section-title:before {
    content: "\f333";
}

#accordion-panel-widgets > .accordion-section-title:before {
    content: "\f116";
}

#accordion-section-static_front_page > .accordion-section-title:before {
    content: "\f102";
}

#accordion-section-custom_css > .accordion-section-title:before {
    content: "\f475";
}

#accordion-section-woocommerce_layout > .accordion-section-title:before {
    content: "\f174";
}

#accordion-section-color-palettes-container > .accordion-section-title:before {
    content: "\f100";
}

#accordion-panel-slider-container > .accordion-section-title:before {
    content: "\f181";
}

#accordion-section-slider-container > .accordion-section-title:before {
    content: "\f181";
}

#accordion-panel-post-options > .accordion-section-title:before {
    content: "\f109";
}

#accordion-section-style-kits > .accordion-section-title:before {
    content: "\f180";
}

.control-section.control-section-wpzoom.wpzoom-section-with-icon > .accordion-section-title:before {
    content: "";
    display: inline-block;
    background-color: #00A0D2;
    height: 16px;
    width: 16px;
    margin: 2px 9px 2px 2px;
}

.control-section.control-section-wpzoom.wpzoom-section-icon_moon > .accordion-section-title:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}

/* Customize Accordion UI Control class */
.header-accordion-section-ui-wrapper.accordion .inspiro-accordion-header-ui {
    cursor: pointer;
    font-size: 14px;
}
.header-accordion-section-ui-wrapper.accordion .inspiro-accordion-header-ui:hover {
    color: #0073aa;
    background: #f3f3f5;
    border-left-color: #0073aa;
}
.header-accordion-section-ui-wrapper.accordion .inspiro-accordion-header-ui.child-item-style {
    background-color: #f6f7f7;
    height: 37px;
    border: 0;
    border-bottom: 1px solid #ddd;
}
.header-accordion-section-ui-wrapper.accordion .inspiro-accordion-header-ui.child-item-style:hover {
    background-color: #f0f0f1;
}
.header-accordion-section-ui-wrapper.accordion .inspiro-accordion-header-ui.child-item-style .accordion-expand-button {
    border-left: none;
}
.header-accordion-section-ui-wrapper.expanded .accordion-expand-button:after {
    transform: rotate(180deg);
}

.inspiro-accordion-header-ui {
    color: #555d66;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 4px solid #fff;
    transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out, 0.15s border-color ease-in-out;
    font-size: 14px;
    border-right: none;
    padding-left: 14px;
    height: 42px;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 -12px -13px;
    font-weight: 600;
}

/* expand btn */
.accordion-expand-button {
    margin-left: auto;
    z-index: 10;
    top: 0;
    right: 0;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-family: Dashicons, serif;
}
.accordion-expand-button:after {
    display: block;
    position: relative;
    top: 1px;
    left: 1px;
    content: "\f347";
    transition: 0.1s ease-in-out;
    font-size: 16px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    color: #a0a5aa;
}