/* HA CSS Background Generator Admin CSS*/

#sub-accordion-section-hcbg_options_section .wp-picker-input-wrap{
    z-index: 1000 !important;
    position: absolute;
    background: #fff;
}

#sub-accordion-section-hcbg_bg_colors_section li{
    width: 50%;
    clear: none;
    display: inline-block;
    float: left;
}
#sub-accordion-section-hcbg_bg_colors_section li.customize-section-description-container.section-meta, 
#sub-accordion-section-hcbg_bg_colors_section li:first-child {
    clear: both;
    width: 100%;
    display: block;
    float: none;
}

#sub-accordion-section-hcbg_bg_colors_section span.customize-inside-control-row{
    display: inline-block;
    width: 24%;
    min-width: 30px;
    clear: none;
    float: left;
}

span.customize-control-title {
    width: calc(100% - 30px);
}

li#customize-control-hcbg_nav_dropdown_bg_color_5 span.customize-control-title {
    zoom: .92;
}

#customize-control-hcbg_bg_gradient_color_1, 
#customize-control-hcbg_bg_gradient_color_2, 
#customize-control-hcbg_bg_gradient_color_3, 
#customize-control-hcbg_body_bg_base_color {
    width: 50%;
    display: inline-block;
    float: left;
    clear: none;
}

#sub-accordion-section-hcbg_options_section .customize-control .customize-inside-control-row {
    display: inline-block !important;
    width: calc(50% - 30px);
    min-width: 80px;
}

#customize-control-hcbg_css_style_options .customize-inside-control-row {
    text-align: center;
    font-weight: bold;
    margin: 5px auto 5px;
    width: calc(50% - 20px);
    display: inline-block;
    padding: 5px 5px 5px 5px;
}

#customize-control-hcbg_css_style_options .customize-inside-control-row input {
    height: 100px;
    width: 100px;
    border-radius: 0px;
    display: block;
    float: none;
    margin: 5px auto;
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-1 {
    box-shadow: 0px 0px 10px #0005;
	background-image: linear-gradient(to right, #2266ff , #032d99); 
	background-position: top left, bottom left;
    
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-2 {
    box-shadow: 0px 0px 10px #0005;
     background-blend-mode: multiply;
    background-repeat: repeat;
    background-size: contain;
    background-attachment: fixed;
    background-color: #bb9c52;
    background-image: repeating-linear-gradient(45deg, #9373257d, transparent 2px), repeating-linear-gradient(135deg, #9373257d, transparent 2px),repeating-linear-gradient(90deg, #9373257d, transparent 2px),repeating-linear-gradient(180deg, #9373257d, transparent 2px);
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-3 {

    background-blend-mode: multiply;
    background-repeat: repeat;
    background-size: 45px 30px;
    background-image: repeating-radial-gradient(#ffffff, #607d8b00 45px),repeating-radial-gradient(#5ea59800, transparent 2px),repeating-radial-gradient(#000000, transparent 1px),repeating-radial-gradient(#ad64ff, #607d8b00 45px);
    background-color: #ffffff;
    
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-4 {

    background-blend-mode: darken;
    background-repeat: repeat;
    background-size: 130px 70px;
    background-color: #607d8b;
    background-image: repeating-radial-gradient(#ffd8d8, transparent 6px), repeating-radial-gradient(#021536, transparent 0.1px);
              
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-5 {

     background-color: #bb9c52;
    padding: 20px 0px;
    margin: 0px auto;
    color: darkgoldenrod !important;
    background-image: repeating-linear-gradient(45deg, #947b3f99, transparent 15px), repeating-linear-gradient(-45deg, #947b3f99, transparent 15px);
                
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-6 {
    
    background-blend-mode: multiply;
    background-repeat: repeat;
    background-size: 40px 50px;
    background-color: #dad8c9;
    background-image: repeating-radial-gradient(#000000, transparent 1px), repeating-radial-gradient(#003f0d, transparent 8px);
               
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-7 {

    background-color: #110101;
    /* border: 5px ridge #bd9c68; */
    padding: 20px 0px;
    /* border-radius: 5px; */
    color: #fff !important;
    background-image: repeating-linear-gradient(45deg, #02020299, transparent 1px), repeating-linear-gradient(-45deg, #947b3f99, transparent 1px);
           
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-8 {
    
                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 35px 30px;
                    background-size: 35px 30px;
                    background-image: repeating-radial-gradient(#1cffd1, transparent 30px),repeating-radial-gradient(#6d3e87, transparent 2px),repeating-radial-gradient(#3faf46, transparent 1px),repeating-radial-gradient(#a8e4ff, transparent 30px);
                    background-color: #a8e4ff;

}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-9 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 50px 50px;
                    /* background-attachment: unset; */
                    background-image: repeating-radial-gradient(#00000021, #81d113a3 10px);
                    background-color: #ffffff;
                    /* background-origin: border-box; */
                    /* background-clip: revert; */
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-10 {

                    background-blend-mode: color-dodge;
                    background-repeat: repeat;
                    background-size: 25px 25px;
                    background-position: center;
                    background-color: #4f0720;
                     background-attachment: fixed;
                    background-image: repeating-linear-gradient(45deg, #9373257d, transparent 2px), repeating-linear-gradient(135deg, #9373257d, transparent 2px),repeating-linear-gradient(90deg, #9373257d, transparent 2px),repeating-linear-gradient(180deg, #9373257d, transparent 2px);
             
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-11 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 100px 100px;
                    background-color: #ffffff;
                    background-image: repeating-radial-gradient(#000000, transparent 1px), repeating-radial-gradient(#003f0d, transparent 2px);

}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-12 {
                
                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 60px 20px;
                    background-color: #ffffff;
                    background-image: repeating-radial-gradient(#19cde5, transparent 1px), repeating-radial-gradient(#00000055, transparent 0.51px);
           
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-13 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 100px 100px;
                    background-color: #ffffff;
                    background-image: repeating-radial-gradient(#000000, transparent 1px), repeating-radial-gradient(#003f0d, transparent 8px);

}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-14 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: contain;
                    background-attachment: fixed;
                   background-image: repeating-linear-gradient(44deg, #7a5a0d54, transparent 30px), repeating-linear-gradient(-45deg, #7a5a0d5c, transparent 30px),repeating-linear-gradient(90deg, #7a5a0d5c, transparent 30px),repeating-linear-gradient(135deg, #7a5a0d5c, transparent 30px);
                    background-color: #bb9c52;

}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-15 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 120px 30px;
                    background-color: #607d8b;
                    background-image: repeating-radial-gradient(#000000, transparent 1px), repeating-radial-gradient(#40c4ff, transparent 20px),repeating-radial-gradient(#f5f5f5, transparent 3px);
           
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-16 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 54px 55px;
                    background-color: #ffffff;
                    background-image: repeating-radial-gradient(#000000, transparent 1px), repeating-radial-gradient(#0081ea, transparent 20px),repeating-radial-gradient(#19cde5, transparent 3px);    
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-17 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 120px 40px;
                    background-color: #9ddfff;
                    background-image: repeating-radial-gradient(#fdfdfd, transparent 82px), repeating-radial-gradient(#fff440, transparent 3px),repeating-radial-gradient(#f5f5f5, transparent 3px);
     
}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-18 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 59px 50px;
                    background-image: repeating-radial-gradient(#19cde5, transparent 9px),repeating-radial-gradient(#0081ea, transparent 3px),repeating-radial-gradient(#222, transparent 1.5px),repeating-radial-gradient(#19cde5, transparent 35px);
                    background-color: #ffffff;

}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-19 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 35px 35px;
                    background-image: repeating-radial-gradient(#8ecdff, #607d8b00 5px),repeating-radial-gradient(#5ea56b, transparent 2px),repeating-radial-gradient(#ff0000, transparent 1px),repeating-radial-gradient(#d1aafd, #607d8b00 17px);
                    background-color: #ffffff;

}

#_customize-input-hcbg_css_style_options-radio-hcbg-sty-20 {

                    background-blend-mode: multiply;
                    background-repeat: repeat;
                    background-size: 30px 30px;
                    background-image: repeating-radial-gradient(#cddc39, #607d8b00 10px),repeating-radial-gradient(#034610, transparent 6px),repeating-radial-gradient(#620404, transparent 3px),repeating-radial-gradient(#9f4dfd, #607d8b00 20px);
                    background-color: #cddc394a;
}