/*
	Wrock Metro
	Author     : Insertcart.com
*/
#customize-controls h3{
    display: flex;
}
ul.accordion-sub-container.control-panel-content {
        background: #EEE;
}
h3.accordion-section-title:before {
	color: #0073aa;
	vertical-align: bottom;
	padding: 10px;
	font-family: dashicons;
}
/* ul#sub-accordion-section-wrockmetro_theme_settings li:nth-child(2n) { */
            /* background-color: lightblue; */
			/* padding:10px; */
        /* } */
/* ul#sub-accordion-section-wrockmetro_theme_settings li:nth-child(2n+1) { */
            /* background-color: lightgreen; */
			/* padding:10px; */
        /* } */

li#accordion-section-wrockmetro_social_section > h3.accordion-section-title:before {
    content: "\f237";
    font-family: dashicons;   
}
li#accordion-panel-wrockmetro_theme_elements > h3.accordion-section-title:before {
    content: "\f197";
	color: #F44336;
}
li#accordion-section-title_tagline > h3.accordion-section-title:before {
    content: "\f11f";
}
li#accordion-section-colors > h3.accordion-section-title:before {
    content: "\f309";
}
li#accordion-section-custom_css > h3.accordion-section-title:before {
    content: "\f14b";
}
li#accordion-panel-woocommerce > h3.accordion-section-title:before {
    content: "\f174";
}
li#accordion-section-esell_newticker_section > h3.accordion-section-title:before {
    content: "\f169";
}
li#accordion-section-static_front_page > h3.accordion-section-title:before {
    content: "\f115";
}
li#accordion-panel-widgets > h3.accordion-section-title:before {
    content: "\f489";
}
li#accordion-panel-panel_general > h3.accordion-section-title:before {
    content: "\f111";
}
li#accordion-section-wrockmetro_theme_footers > h3.accordion-section-title:before {
    content: "\f111";
}
li#accordion-section-wrockmetro_theme_layout_options > h3.accordion-section-title:before {
    content: "\f116";
}
li#accordion-section-background_image > h3.accordion-section-title:before {
    content: "\f161";
}
li#accordion-panel-wrockmetro_themeopt > h3.accordion-section-title:before {
    content: "\f111";
}
li#accordion-section-wrockmetro_theme_header_options > h3.accordion-section-title:before {
    content: "\f480";
}
li#accordion-panel-nav_menus > h3.accordion-section-title:before {
    content: "\f329";
}
li#accordion-section-wrockmetro_404error_section > h3.accordion-section-title:before {
    content: "\f534";
}
li#accordion-panel-wrockmetro_theme_postsset > h3.accordion-section-title:before {
    content: "\f318";
}
li#accordion-panel-wrockmetro_single_postsset > h3.accordion-section-title:before {
    content: "\f318";
}
li#accordion-panel-wrockmetro_sidebars_panelnew > h3.accordion-section-title:before {
    content: "\f318";
}
li#customize-control-important_links a:before {
	content: "\f504";
	font-family: dashicons;
	padding: 3px;
	vertical-align: bottom;
	font-size: 17px;
	font-weight: normal;
	}
li#customize-control-important_links a{
	line-height: 16px;
	background: #FF9800;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 15px 0 0;
	text-align: center;
	font-weight: 600;
	padding: 8px 0;
}
li#accordion-section-wrockmetro_important_links h3.accordion-section-title {
    background: #fadb8e;
}
li#accordion-section-wrockmetro_important_links > h3.accordion-section-title:before {
	content: "\f317";
    color: #000000;
	}
li#accordion-section-wrockmetro_responsive > h3.accordion-section-title:before {
    content: "\f472";
	color: #0073aa;
}
#accordion-panel-nav_menus > ul{
    margin-top: -290px !important;
}
#accordion-section-ishop_theme_navigation > ul > li.customize-section-description-container > p{
    color: #f00;
    
}
#widgets-right > div > a:nth-child(1):hover{
    opacity: 0.8;
 
  }
#widgets-right > div > a:nth-child(1){
  color: #fff;
  background: #f78828;
  border: 1px solid #da7532;
  background: linear-gradient(to bottom,#f78828 0,#dd771f 100%);
  font-weight: bold;
  box-shadow: none;
}
#customize-control-custom_css > label > textarea{
	background-color: #333;
	color: #fff;
	font-size: 13px;
	min-height: 150px;
}

#accordion-section-ishop_ticker > ul > li.customize-section-description-container > p{    
    color: #f78828;
}

#customize-control-ishop_dribbble > label > input[type="text"]{    
    display:none;
}
#customize-control-ishop_dribbble > label > span{    
	margin-top: 12px;
	font-weight: bold;
}
/* li#customize-control-wrockmetro_posts_layout > ul#wrockmetro-img-container > li > label > input[type="radio"]:checked { */
	/* border: 5px solid #ddd; */
    /* border-radius: 5px; */
/* } */


#customize-controls img.wrockmetro-radio-img.wrockmetro-radio-img-contentdefault,
#customize-controls img.wrockmetro-radio-img.wrockmetro-radio-img-contentblock
 {
    max-width: 40% !important;
    border: 1px solid #ddd;
    padding: 1%;
}
#customize-controls img.wrockmetro-radio-img.wrockmetro-radio-img-container-box,
#customize-controls img.wrockmetro-radio-img.wrockmetro-radio-img-container-fluid,
#customize-controls img.wrockmetro-radio-img.wrockmetro-radio-img-container
 {
    max-width: 29% !important;
    border: 1px solid #ddd;
    padding: 1%;
}

li#customize-control-wrockmetro_posts_layout img.wrockmetro-radio-img{
	max-width: 100px;	
}
#customize-controls img.wrockmetro-radio-img
 {
	border: 1px solid #ddd;
	padding: 1%;
	max-width: 90%;
	box-shadow: 0 0 5px 1px #ddd;
	}
/* img.wrockmetro-radio-img.wrockmetro-radio-img-blokstyle.wrockmetro-radio-img-selected, */
/* img.wrockmetro-radio-img.wrockmetro-radio-img-liststyle.wrockmetro-radio-img-selected{ */
    /* border: 5px solid #ddd !important; */
    /* border-radius: 5px !important; */
/* } */

img.wrockmetro-radio-img.wrockmetro-radio-img-blokstyle,
img.wrockmetro-radio-img.wrockmetro-radio-img-liststyle{
	width: 31%;
    margin: 0 1%;
    border: 1px solid #ddd;
	padding: 5px;
    border-radius: 5px;	
}

li#customize-control-wrockmetro_404error_style input + img {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 42%;
    margin: 2% !important;
    display: inline-block;
    position: relative;
}
img.wrockmetro-radio-img.wrockmetro-radio-img-right,
img.wrockmetro-radio-img.wrockmetro-radio-img-left,
img.wrockmetro-radio-img.wrockmetro-radio-img-both,
img.wrockmetro-radio-img.wrockmetro-radio-img-none{
    width: 19%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;	
}
#customize-control-shoplabel_color > label > div > div > a,
#customize-control-bloglabel_color > label > div > div > a,
#customize-control-topnavi_color > label > div > div > a,
#customize-control-topnavi_hover_color > label > div > div > a,
#customize-control-topnavi_font_color > label > div > div > a,
#customize-control-mainnavi_bgcolor > label > div > div > a,
#customize-control-mainnavi_font_color > label > div > div > a{
    
        cursor: not-allowed;
            opacity: 0.4;
}
li#customize-control-wrockmetro_blockposts_style input:checked + img,
li#customize-control-wrockmetro_newsticker_style input:checked + img,
li#customize-control-wrockmetro_content_background input:checked + img,
li#customize-control-wrockmetro_container_type input:checked + img {
	border: 5px solid #2196F3 !important;
	border-radius: 5px;	
} 

li#customize-control-wrockmetro_posts_layout input:checked + img {
border: 5px solid #2196F3;
    border-radius: 5px;	
}
li#customize-control-wrockmetro_404error_style input:checked + img,
li#customize-control-wrockmetro_postnavi_style input:checked + img,
li#customize-control-wrockmetro_breadcrumbs_style input:checked + img,
li#customize-control-wrockmetro_authorprofile_style input:checked + img,
li#customize-control-wrockmetro_header_style input:checked + img {
    border-radius: 5px;
    box-shadow: inset 0px 0px 8px 11px #2196F3 !important;
}
li#customize-control-wrockmetro_sidebar_position input:checked + img {
	border: 5px solid #2196F3;
	border-radius: 5px;	
	margin: 0px;
}
#customize-controls .wp-full-overlay-sidebar-content {
    background: #ffffff;
    zoom: 93%;
}
/* Add styles for the widget icon */
.widget_authors .widget-title h3:before {
    content: "\f109"; /* Use the Unicode character of your chosen icon */
    font-family: dashicons; /* Use 'dashicons' for Dashicons or the font-family for your custom icon */
    margin-right: 5px; /* Adjust the spacing as needed */
}
/* ==========================================================================
   Text Radio Buttons
   ========================================================================== */
.text_radio_button_control:after {
	content: " ";
	display: block;
	clear: both;
}

.image_radio_button_control label.radio-button-label {
    position: relative;
    display: inline-block;
    width: calc( 33% - 11px);
    margin-right: 8px;
}

.text_radio_button_control .radio-buttons {
	display: inline-block;
	border: 1px solid #f9f9fe;
}

.text_radio_button_control .radio-button-label {
	cursor: pointer;
	float: left;
}

.text_radio_button_control .radio-button-label > input {
	display: none;
}

.text_radio_button_control .radio-button-label span {
    cursor: pointer;
    font-weight: 500;
    border: 2px solid #111111;
    margin: 0;
    padding: 5px 15px;
    display: inline-block;
}

.text_radio_button_control .radio-button-label span:hover {
	background-color: rgba(255, 255, 255, .2);
	color: #06214E;
}

.text_radio_button_control .radio-button-label > input:checked + span {
    background-color: #3F51B5;
    color: #fff;
}

.text_radio_button_control .radio-button-label > input + span:hover {
	background-color: #3F51B5;
	color: #fff !important;
}
li#customize-control-wrockmetro_topnavbgcolor,
li#customize-control-wrockmetro_topnavhover,
li#customize-control-wrockmetro_topnavtext,
li#customize-control-wrockmetro_primarymenubg,
li#customize-control-wrockmetro_primarymenubgs,
li#customize-control-wrockmetro_primarymenutext,
li#customize-control-wrockmetro_primarymenuhover,
li#customize-control-wrockmetro_primarymenuhovertext,
li#customize-control-wrockmetro_topnavibg_three,
li#customize-control-wrockmetro_topnavitext_three,
li#customize-control-wrockmetro_primarymenubg_three,
li#customize-control-wrockmetro_primarymenutext_three,
li#customize-control-wrockmetro_primarymenutexthover_three,
li#customize-control-wrockmetro_breadcrumbs_style,
li#customize-control-wrockmetro_postsingle_color,
li#customize-control-wrockmetro_readmore_color,
li#customize-control-wrockmetro_excerpt_number,
li#customize-control-wrockmetro_postexcert_color,
li#customize-control-wrockmetro_posttitlefont_color,
li#customize-control-wrockmetro_listblock_posts_count,
li#customize-control-wrockmetro_pagenavi_current,
li#customize-control-wrockmetro_pagenavi_bg,
li#customize-control-wrockmetro_pagenavia_hover,
li#customize-control-wrockmetro_pagenavia_textcurrent,
li#customize-control-wrockmetro_pagenavia_text,
li#customize-control-wrockmetro_blogtilescatbg,
li#customize-control-wrockmetro_blogtilescatfont,
li#customize-control-wrockmetro_blogtileslink,
li#customize-control-wrockmetro_tickerbg,
li#customize-control-wrockmetro_tickerlabelfont,
li#customize-control-wrockmetro_tickerpostbg,
li#customize-control-wrockmetro_tickerpostlink,
li#customize-control-wrockmetro_tickerbg_two,
li#customize-control-wrockmetro_tickerlabelfont_two,
li#customize-control-wrockmetro_tickerpostbg_two,
li#customize-control-wrockmetro_tickerpostlink_two,
li#customize-control-wrockmetro_backtotop_bghover,
li#customize-control-wrockmetro_scrolltop_radius,
li#customize-control-wrockmetro_backtotop_texthover,
li#customize-control-wrockmetro_backtotop_text,
li#customize-control-wrockmetro_backtotop_bg,
li#customize-control-wrockmetro_tickerbg_three,
li#customize-control-wrockmetro_tickerlabelfont_three,
li#customize-control-wrockmetro_tickerpostbg_three,
li#customize-control-wrockmetro_tickerpostlink_three
{
    cursor: not-allowed;
    opacity: 0.4;
    background: #ff980082;
    text-align: center;
    padding:4px;
}