/**
 * Customizer controls styling
 *
 */
:root {
	--customizer-border-color: #eeeeee;
	--customizer-border-color-hover: #5fa1ff;
	--customizer-grey-text-color: #475569;
}

/* media popup */
	.wp-customizer .media-modal {
		z-index: 999999;
	}

/* color control image popover */
	.components-popover {
		z-index: 999991;
	}

/* scrollbar */
	.accordion-section-content::-webkit-scrollbar,
	.wp-full-overlay-sidebar-content::-webkit-scrollbar {
		width: 4px;
	}

	.accordion-section-content::-webkit-scrollbar-thumb,
	.wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb {
		border-radius: 50px;
		background-color: #d8d8d8;
	}

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

.accordion-section-title button.accordion-trigger:focus,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
	box-shadow: 0 0 0 1px #5fa1ff;
}

#accordion-section-newsmatic_about_section h3.accordion-section-title {
  	background-color: #fff !important;
  	color: #50575e!important;
}

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

#customize-controls .control-section>h3.accordion-section-title {
	display: flex;
	align-items: center;
	padding: 14px 26px;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
	border-left: none;
	border-bottom: none;
	background-color: rgba(0,0,0,0);
	color: #475569;
}

#customize-controls .control-section>h3.accordion-section-title:after {
	font-size: 12px;
	top: calc(50% - 6px);
	right: 23px;
	color: inherit;
}

.customize-control .components-input-control__suffix select.components-unit-control__select {
	border: 1px solid #D8DBDF;
	border-right: none;
	box-shadow: none;
	border-radius: 0;
}

.customize-control 
.components-input-control__suffix 
select.components-unit-control__select 
option:last-child {
	border-right: 1px solid #D8DBDF;
}

#customize-control-full_width_blocks_margin.customize-control-responsive-box .components-base-control__field .components-input-control__input {
	text-align: center;
}

#accordion-section-newsmatic_about_section h3.accordion-section-title {
	background-color: #2271b1;
	color: #ffffff;
}

#customize-controls .control-section .accordion-section-title button:focus,
#customize-controls .control-section:hover>.accordion-section-title,
#customize-controls .control-section .accordion-section-title button:hover {
	background: transparent;
}

#customize-controls .control-section .accordion-section-title button:focus,
#customize-controls .control-section .accordion-section-title button:hover {
	background: #f6f7f7;
}

/* control title / description */
	.customize-control-title {
		font-size: 14px;
		font-weight: 400;
		margin-bottom: 8px;
		color: #000;
	}

	#customize-controls .description {
		font-size: 12px;
		letter-spacing: .3px;
		margin-bottom: 16px;
		margin-top: -15px;
		padding-top: 12px;
	}

	#customize-controls #customize-control-site_wow_animation_option .description {
		margin-bottom: 0;
	}

/* 
	MARK: full border
*/
	#customize-control-site_date_format,
	#customize-control-website_frame_option,
	#customize-control-website_block_border_top_color,
	#customize-control-site_wow_animation_option,
	#sub-accordion-section-newsmatic_sidebar_options_section .customize-control-simple-toggle,
	#customize-control-theme_color,
	#customize-control-preset_color_12,
	#customize-control-site_schema_ready,
	#customize-control-ticker_news_layout,
	#customize-control-ticker_news_visible,
	#customize-control-ticker_news_thumbnail_option,
	#customize-control-ticker_news_offset,
	#customize-control-ticker_news_image_size,
	#customize-control-main_banner_layout,
	#customize-control-main_banner_slider_speed,
	#customize-control-banner_slider_image_border_radius,
	#customize-control-main_banner_block_posts_categories_option,
	#customize-control-banner_popular_tab_section_order,
	#customize-control-full_width_blocks,
	#customize-control-leftc_rights_blocks,
	#customize-control-lefts_rightc_blocks,
	#customize-control-video_playlist_youtube_api,
	#customize-control-video_playlist_blocks,
	#customize-control-bottom_full_width_blocks,
	#customize-control-archive_page_layout,
	#customize-control-archive_pagination_type,
	#customize-control-archive_post_meta_order,
	#customize-control-single_post_meta_order,
	#customize-control-single_post_related_posts_popup_option,
	#customize-control-error_page_page_content,
	#customize-control-footer_first_row_column_layout,
	#customize-control-footer_second_row_column_layout,
	#customize-control-footer_third_row_column_layout,
	#customize-control-opinion_section_title,
	#customize-control-opinions_section_padding,
	#customize-control-use_ad_outside_of_header,
	#customize-control-dark_mode_custom_logo,
	#customize-control-site_tagline_typo,
	#customize-control-header_active_menu_background_color_group {
		position: relative;
		margin-bottom: 16px;
	}

	#customize-control-site_date_format:after,
	#customize-control-website_frame_option:after,
	#customize-control-website_block_border_top_color:after,
	#customize-control-site_wow_animation_option:after,
	#sub-accordion-section-newsmatic_sidebar_options_section .customize-control-simple-toggle:after,
	#customize-control-theme_color:after,
	#customize-control-preset_color_12:after,
	#customize-control-site_schema_ready:after,
	#customize-control-ticker_news_layout:after,
	#customize-control-ticker_news_visible:after,
	#customize-control-ticker_news_thumbnail_option:after,
	#customize-control-ticker_news_offset:after,
	#customize-control-ticker_news_image_size:after,
	#customize-control-main_banner_layout:after,
	#customize-control-main_banner_slider_speed:after,
	#customize-control-banner_slider_image_border_radius:after,
	#customize-control-main_banner_block_posts_categories_option:after,
	#customize-control-banner_popular_tab_section_order:after,
	#customize-control-full_width_blocks:after,
	#customize-control-leftc_rights_blocks:after,
	#customize-control-lefts_rightc_blocks:after,
	#customize-control-video_playlist_youtube_api:after,
	#customize-control-video_playlist_blocks:after,
	#customize-control-bottom_full_width_blocks:after,
	#customize-control-archive_page_layout:after,
	#customize-control-archive_pagination_type:after,
	#customize-control-archive_post_meta_order:after,
	#customize-control-single_post_meta_order:after,
	#customize-control-single_post_related_posts_popup_option:after,
	#customize-control-error_page_page_content:after,
	#customize-control-footer_first_row_column_layout:after,
	#customize-control-footer_second_row_column_layout:after,
	#customize-control-footer_third_row_column_layout:after,
	#customize-control-opinion_section_title:after,
	#customize-control-opinions_section_padding:after,
	#customize-control-use_ad_outside_of_header:after,
	#customize-control-dark_mode_custom_logo:after,
	#customize-control-site_tagline_typo:after,
	#customize-control-header_active_menu_background_color_group:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: -40px;
		border-bottom: 1px solid #efefef;
		width: 150%;
	}

	/* 
		MARK: short border
	*/
		#customize-control-global_button_font_size,
		#customize-control-global_button_border,
		#customize-control-site_breadcrumb_option,
		#customize-control-header_builder_background,
		#customize-control-header_builder_border,
		#customize-control-header_builder_box_shadow,
		#customize-control-ticker_news_title,
		#customize-control-main_banner_slider_excerpt_option,
		#customize-control-main_banner_slider_excerpt_length,
		#customize-control-main_banner_slider_dots,
		#customize-control-main_banner_block_posts_offset,
		#customize-control-main_banner_block_posts_categories,
		#customize-control-main_banner_content_background_color_group,
		#customize-control-full_width_blocks_margin,
		#customize-control-full_width_blocks_padding,
		#customize-control-leftc_rights_blocks_margin,
		#customize-control-leftc_rights_blocks_padding,
		#customize-control-lefts_rightc_blocks_margin,
		#customize-control-lefts_rightc_blocks_padding,
		#customize-control-video_playlist_section_layout,
		#customize-control-video_playlist_margin,
		#customize-control-bottom_full_width_blocks_margin,
		#customize-control-bottom_full_width_blocks_padding,
		#customize-control-archive_excerpt_length,
		#customize-control-archive_button_redirect,
		#customize-control-single_post_breadcrumb_position,
		#customize-control-single_post_element_order,
		#customize-control-single_post_related_posts_layout,
		#customize-control-single_post_related_posts_filter_by,
		#customize-control-single_content_background_color_group,
		#customize-control-error_page_image,
		#customize-control-footer_first_row_column,
		#customize-control-footer_first_row_reflector,
		#customize-control-footer_first_row_full_width,
		#customize-control-footer_top_border,
		#customize-control-footer_second_row_column,
		#customize-control-footer_second_row_reflector,
		#customize-control-footer_second_row_full_width,
		#customize-control-footer_second_row_border,
		#customize-control-footer_third_row_column,
		#customize-control-footer_third_row_reflector,
		#customize-control-footer_third_row_full_width,
		#customize-control-footer_third_row_border,
		#customize-control-opinons_section_option,
		#customize-control-opinons_items,
		#customize-control-header_first_row_column,
		#customize-control-header_first_row_column_layout,
		#customize-control-header_first_row_full_width,
		#customize-control-top_header_bottom_border,
		#customize-control-header_second_row_column,
		#customize-control-header_second_row_column_layout,
		#customize-control-header_second_row_full_width,
		#customize-control-header_menu_top_border,
		#customize-control-header_third_row_column,
		#customize-control-header_third_row_column_layout,
		#customize-control-header_third_row_full_width,
		#customize-control-header_menu_bottom_border,
		#customize-control-social_icons_target,
		#customize-control-header_ads_banner_responsive_option,
		#customize-control-header_ads_banner_custom_image,
		#customize-control-blogdescription,
		#customize-control-top_header_ticker_news_offset,
		#customize-control-top_header_ticker_news_date_filter,
		#customize-control-header_newsletter_label,
		#customize-control-show_newsletter_label,
		#customize-control-header_newsletter_content_display_type,
		#customize-control-header_random_news_label,
		#customize-control-show_random_news_label,
		#customize-control-header_random_news_redirect_href_target,
		#customize-control-header_menu_hover_effect,
		#customize-control-theme_header_live_search_post_count,
		#customize-control-theme_header_live_search_button_option,
		#customize-control-theme_header_custom_button_type,
		#customize-control-custom_button_make_absolute,
		#customize-control-off_canvas_position,
		#customize-control-stt_responsive_option,
		#customize-control-stt_text,
		#customize-control-stt_font_size,
		#customize-control-stt_border,
		#customize-control-stt_padding,
		#customize-control-footer_dark_mode_logo,
		#customize-control-footer_social_icons_target {
			border-bottom: 1px solid #efefef;
			margin-bottom: 16px;
		}

		#customize-control-bottom_footer_logo_option {
			border-top: 1px solid #efefef;
			padding-top: 16px;
		}

/* 
	MARK: border control
*/

	.customize-control-border .customize-border-control .customize-control-title {
		margin: 0;
	}

	.customize-control-border .customize-control-description {
		display: none;
	}

	.customize-control-border .components-base-control__field {
		margin: 0;
	}

	.customize-control-border .components-base-control__field .components-input-control__backdrop {
		border-color: #efefef;
	}

	.components-base-control .components-base-control__field .components-flex .components-input-control__backdrop {
		border-color: #D8DBDF;
		text-align: center;
	}

/* 
	MARK: section description
*/
	#sub-accordion-section-newsmatic_breadcrumb_options_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_builder_section_settings .customize-section-description-container,
	#sub-accordion-section-newsmatic_footer_builder_section_settings .customize-section-description-container,
	#sub-accordion-section-newsmatic_main_banner_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_first_row .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_second_row .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_third_row .customize-section-description-container,
	#sub-accordion-section-newsmatic_footer_first_row .customize-section-description-container,
	#sub-accordion-section-newsmatic_footer_second_row .customize-section-description-container,
	#sub-accordion-section-newsmatic_footer_third_row .customize-section-description-container,
	#sub-accordion-section-newsmatic_full_width_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_leftc_rights_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_lefts_rightc_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_video_playlist_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_blog_archive_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_single_post_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_bottom_full_width_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_404_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_search_page_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_customizer_opinion_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_date_time_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_social_icons_section .customize-section-description-container,
	#sub-accordion-section-title_tagline .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_newsletter_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_random_news_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_canvas_menu_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_menu_option_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_live_search_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_header_custom_button_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_theme_mode_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_secondary_menu_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_footer_social_icons_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_stt_options_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_footer_copyright .customize-section-description-container,
	#sub-accordion-section-newsmatic_customizer_opinion_section .customize-section-description-container,
	#sub-accordion-section-newsmatic_front_sections_reorder_section .customize-section-description-container {
		margin-bottom: 0;
	}

	#customize-control-site_title_typo,
	#customize-control-site_breadcrumb_option,
	#customize-control-header_menu_hover_effect,
	#customize-control-full_width_blocks,
	#customize-control-homepage_content_order,
	#customize-control-leftc_rights_section_sidebar_redirect,
	#customize-control-lefts_rightc_section_sidebar_redirect,
	#customize-control-bottom_full_width_blocks,
	#customize-control-archive_page_layout,
	#customize-control-archive_page_title_prefix,
	#customize-control-single_post_related_posts_header,
	#customize-control-error_page_image {
		padding-top: 16px;
	}

/* 
	MARK: range control
*/
	.customize-control-range .components-base-control__field,
	.customize-control-number-range .components-base-control__field,
	.customize-control-icon-text .components-base-control__field,
	#customize-control-main_banner_block_posts_offset .customize-control-description,
	#customize-control-single_post_related_posts_thumb_option .components-base-control__help,
	.customize-control .components-base-control,
	#customize-control-top_header_ticker_news_offset .customize-control-description,
	.customize-responsive-range-control .components-base-control__field {
		margin-bottom: 0;
	}

/* custom css */
	#sub-accordion-section-custom_css .customize-section-description,
	#sub-accordion-section-static_front_page .customize-section-description,
	.customize-control .components-base-control {
		margin-top: 0;
	}

/**********************************
  Section Tab Styles
**********************************/
.customize-section-title {
	margin: -20px -20px 0;
}

.customize-section-tab-control .components-tab-panel__tabs {
	display: -webkit-box;
	display: flex;
	margin-top: -5px;
	margin-left: -24px;
	margin-right: -24px;
	padding: 0;
	margin-bottom: 0;
	border: 1px solid #dddddd;
	background: #ffffff;
	margin-bottom: 0;
}

.customize-section-tab-control .components-tab-panel__tabs button {
	-webkit-box-flex: 1;
	flex: 1 1 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 1px;
	font-style: normal;
	text-transform: uppercase;
	height: 40px;
	margin: 0;
	box-sizing: content-box;
	padding: 0 10px;
	cursor: pointer;
	border: 0;
	background: transparent;
	border-bottom: 2px solid transparent;
	border-radius: 0;
}

.customize-section-tab-control .components-tab-panel__tabs button.active-tab {
	border-bottom-color: #5fa1ff;
    color: #0073aa;
	background-image: linear-gradient( 180deg, #f3f5f6, #ffffff);
}

/**********************************
  Item Sortable Control Styles
**********************************/
.customize-item-sortable-control .sort-list .sort-item {
	padding: 0 0 0 12px;
	border: 1px solid #ddd;
	color: #556068;
	background: #fff;
	cursor: move;
	font-size: 12px;
	line-height: 38px;
	border-radius: 3px;
}

.customize-item-sortable-control .sort-list .sort-item + .sort-item {
	margin-top: 10px;
}

.customize-item-sortable-control .sort-list .sort-item.invisible {
  	opacity: .6;
}

.customize-item-sortable-control .sort-list .sort-item .trigger-icon {
	cursor: pointer;
	float: right;
	position: relative;
	font-size: 16px;
	padding: 9px;
	line-height: 20px;
	border-left: 1px solid #ddd;
}

/***************************
  Info Box control
****************************/
.customize-info-box-control .info-box-label {
	margin: 0;
	font-size: 13px;
}

.customize-info-box-control .info-box-icon,
.info-box-label .info-box-icon {
  	margin-right: 6px;
	font-size: 20px;
}

.customize-info-box-control .info-box-description,
.customize-control-info-box-action .info-box-description {
	font-size: 12px;
	font-style: italic;
}

.customize-info-box-control .info-box-button {
	display: block;
	text-align: center;
}

/***************************
  Responsive Box control
****************************/
.customize-responsive-range-control,
.customize-responsive-box-control {
  	position: relative;
}

.customize-responsive-range-control .responsive-icons,
.customize-responsive-box-control .responsive-icons {
	position: absolute;
	right: 0px;
	cursor: pointer;
	z-index: 9;
}

.customize-responsive-box-control .responsive-icons {
	right: 30px;
	margin-top: 5px;
}

.customize-responsive-range-control .responsive-icons span.dashicon.dashicons:not(.isActive):hover,
.customize-responsive-box-control .responsive-icons span.dashicon.dashicons:not(.isActive):hover,
.control-title span.dashicon.dashicons:not(.isActive):hover,
.dashicons:not(.isActive):hover {
    color: #4a90e2;
    transition: all 0.3s ease;
    cursor: pointer;
}

.block-content .responsive-control:hover,
h2.block-heading:hover {
  	cursor: initial;
}

.block-content .responsive-control {
	position: relative;
	margin-top: 20px;
}

.block-content .responsive-icons {
	position: absolute;
	right: 0;
	top: 0;
}

.block-content .responsive-icons:hover {
  	cursor: pointer;
}

.block-content .components-base-control__label.components-text {
	text-transform: capitalize;
	font-size: 13px;
}


.block-content .components-base-control__label,
.customize-responsive-range-control .components-base-control__label,
.block-content .components-base-control .components-text.components-input-control__label {
	font-size: 13px;
	text-transform: capitalize;
}


/**********************************
  Color Picker / Color Group Picker Styles
**********************************/
.wp-picker-container .wp-color-result.button {
	margin: 0;
}

.react-colorful {
  	margin: 0 auto;
}

.customize-color-image-group-control .preset-colors .preset-colors-inner li:not(:last-child),
.customize-color-group-control .preset-colors .preset-colors-inner li:not(:last-child),
.customize-color-group-picker-control .preset-colors .preset-colors-inner li:not(:last-child),
.customize-color-picker-control .preset-colors .preset-colors-inner li:not(:last-child) {
  	margin-right: 10px;
}

.customize-color-image-group-control .preset-colors .preset-colors-inner li.active,
.customize-color-group-control .preset-colors .preset-colors-inner li.active,
.customize-color-group-picker-control .preset-colors .preset-colors-inner li.active,
.customize-color-picker-control .preset-colors .preset-colors-inner li.active {
  	box-shadow: inset 0 0 3px rgb(0 0 0 / 9%), 0px 0px 0px 3px #fff;
}

.customize-color-image-group-control .preset-colors .preset-colors-inner li.active:before,
.customize-color-group-control .preset-colors .preset-colors-inner li.active:before,
.customize-color-group-picker-control .preset-colors .preset-colors-inner li.active:before,
.customize-color-picker-control .preset-colors .preset-colors-inner li.active:before {
	position: absolute;
	content: "";
	z-index: -1;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	background: rgba(0,0,0,.07);
	border-radius: 100%;
}

.customize-color-image-group-control .preset-colors .preset-colors-inner li.active:after,
.customize-color-group-control .preset-colors .preset-colors-inner li.active:after,
.customize-color-group-picker-control .preset-colors .preset-colors-inner li.active:after,
.customize-color-picker-control .preset-colors .preset-colors-inner li.active:after {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 1px;
	left: -1px;
	right: 0px;
	bottom: 0px;
	content: "";
	font-family: dashicons;
	font-size: 15px;
	color: rgb(255, 255, 255);
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.customize-preset-gradient-picker-control .components-popover__content,
.customize-preset-color-picker-control .components-popover__content,
.customize-color-image-group-control .components-popover__content,
.customize-color-group-control .components-popover__content,
.customize-color-group-picker-control .components-popover__content,
.customize-color-picker-control .components-popover__content {
	border-radius: 3px;
	border: none;
}

.customize-preset-gradient-picker-control .components-circular-option-picker,
.customize-preset-color-picker-control .components-circular-option-picker,
.customize-color-group-control .components-circular-option-picker,
.customize-color-image-group-control .components-circular-option-picker {
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}

.customize-preset-gradient-picker-control .components-color-picker,
.customize-preset-color-picker-control .components-color-picker,
.customize-color-image-group-control .components-color-picker,
.customize-color-group-control .components-color-picker,
.customize-color-group-picker-control .components-color-picker,
.customize-color-picker-control .components-color-picker {
	padding: 10px 8px;
	box-sizing: border-box;
	width: 100%;
}

.customize-preset-color-picker-control .react-colorful,
.customize-color-image-group-control .react-colorful,
.customize-color-group-control .react-colorful,
.customize-color-group-picker-control .react-colorful,
.customize-color-picker-control .react-colorful {
  	width: 100%;
}

.customize-preset-color-picker-control .react-colorful .react-colorful__saturation,
.customize-color-image-group-control .react-colorful .react-colorful__saturation,
.customize-color-group-control .react-colorful .react-colorful__saturation,
.customize-color-group-picker-control .react-colorful .react-colorful__saturation,
.customize-color-picker-control .react-colorful .react-colorful__saturation {
	height: 117px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.customize-gradient-picker-control .customize-control-title,
.customize-color-picker-control .customize-control-title,
.customize-color-group-control .customize-control-title,
.customize-color-image-group-control .customize-control-title,
.customize-color-group-picker-control .customize-control-title {
  	font-size: 11.5px;
}

.customize-preset-color-picker-control .control-header .control-header-trigger,
.customize-preset-gradient-picker-control .control-header .control-header-trigger,
.customize-gradient-picker-control .control-header .control-header-trigger,
.customize-color-picker-control .control-header .control-header-trigger,
.customize-color-group-control .control-header .control-header-trigger,
.customize-color-image-group-control .control-header .control-header-trigger,
.customize-advanced-color-group-control .control-header .control-header-trigger,
.customize-color-group-picker-control .control-header .control-header-trigger,
.customize-control-color-picker .control-header .control-header-trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* .customize-gradient-picker-control,
.customize-color-picker-control,
.customize-control-advanced-color-group,
.customize-control-color-group-picker, 
.customize-control-color-picker {
	padding: 10px 0px;
} */

.customize-gradient-picker-control .customize-control-title,
.customize-color-picker-control .customize-control-title,
.customize-color-group-control .customize-control-title,
.customize-color-image-group-control .customize-control-title,
.customize-control-advanced-color-group .customize-control-title,
.customize-control-color-group-picker .customize-control-title, 
.customize-control-color-picker .customize-control-title {
	line-height: 2;
	font-size: 13px;
}

.customize-color-group-picker-control .control-content-wrap,
.customize-color-group-control .control-content-wrap,
.customize-color-image-group-control .control-content-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
}

.customize-color-picker-control .control-content-wrap .reset-button,
.customize-color-group-picker-control .control-content-wrap .reset-button,
.customize-color-group-control .control-content-wrap .reset-button,
.customize-color-image-group-control .control-content-wrap .reset-button {
	color: #9CA3AF;
	height: 20px;
	width: 20px;
	padding: 4px;
	background: 0 0;
	box-shadow: none;
}

.customize-color-picker-control .control-content-wrap .reset-button .dashicon,
.customize-color-group-picker-control .control-content-wrap .reset-button .dashicon,
.customize-color-group-control .control-content-wrap .reset-button .dashicon,
.customize-color-image-group-control .control-content-wrap .reset-button .dashicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

.customize-control-box-shadow .reset-button.components-button.is-secondary {
	color: #9CA3AF;
	box-shadow: none;
}

.control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled),
.customize-control-box-shadow .reset-button.components-button.is-secondary:hover {
	color: #02abff;
	box-shadow: none;
}

.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed) {
	background: none;
    box-shadow: none;
    color: #02abff;
}

.customize-preset-gradient-picker-control .components-popover__content .components-surface.components-card {
	padding: 1px 4px;
}

.components-popover__content .preset-colors .preset-colors-inner li.active {
	box-shadow: inset 0 0 3px rgb(0 0 0 / 9%), 0px 0px 0px 3px #fff;
}

.components-popover__content .preset-colors .preset-colors-inner li.active:before {
	position: absolute;
	content: "";
	z-index: -1;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	background: rgba(0,0,0,.07);
	border-radius: 100%;
}

.components-popover__content .preset-colors .preset-colors-inner li.active:after {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 1px;
	left: -1px;
	right: 0px;
	bottom: 0px;
	content: "\f147";
	font-family: dashicons;
	font-size: 15px;
	color: rgb(255, 255, 255);
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}


/**********************************
      Border Box control 
***********************************/
.customize-border-control .control-inner {
	display: flex;
	align-items: center;
	margin-top: 6px;
}

.customize-border-control .control-inner > div {
  	padding: 2px;
}

.customize-border-control .component-color-indicator {
	width: 26px;
	height: 26px;
	width: 26px;
}

.customize-border-control .preset-colors {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px;
	border-bottom: 1px solid #eee;
}

.customize-border-control .preset-colors .preset-colors-inner {
	display: flex;
	margin: 0;
}

.customize-border-control .preset-colors .preset-colors-inner li {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 24px;
	height: 24px;
	margin-bottom: 0;
	cursor: pointer;
	border-radius: 100%;
	box-shadow: inset 0 0 3px rgb(0 0 0 / 9%);
}

.customize-border-control .preset-colors .preset-colors-inner li:not(:last-child) {
  	margin-right: 10px;
}

.customize-border-control .preset-colors .preset-colors-inner li.active {
  	box-shadow: inset 0 0 3px rgb(0 0 0 / 9%), 0px 0px 0px 3px #fff;
}

.customize-border-control .preset-colors .preset-colors-inner li.active:before {
	position: absolute;
	content: "";
	z-index: -1;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	background: rgba(0,0,0,.07);
	border-radius: 100%;
}

.customize-border-control .preset-colors .preset-colors-inner li.active:after {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 1px;
	left: -1px;
	right: 0px;
	bottom: 0px;
	content: "";
	font-family: dashicons;
	font-size: 15px;
	color: rgb(255, 255, 255);
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.customize-border-control .components-popover__content {
	border-radius: 12px;
	border: none;
}

.customize-border-control .components-color-picker {
	padding: 20px 17px;
	width: 100%;
	box-sizing: border-box;
}

.customize-border-control .react-colorful {
 	width: 100%;
}

.customize-border-control .react-colorful .react-colorful__saturation {
	height: 117px;
	border-radius: 5px;
	margin-bottom: 20px;
}
/**********************************
  Tab Panel Styles
**********************************/
.newsmatic-group-tab-panel .components-tab-panel__tabs {
	display: flex;
	justify-content: space-around;
	background: #ffffff;
}

.newsmatic-group-tab-panel .components-tab-panel__tabs .components-tab-panel__tabs-item {
	flex: 1 1 auto;
	border: 1px solid #dfe1e4;
	display: flex;
	justify-content: center;
	font-size: 12px;
	font-weight: 400;
	height: 38px !important;
}

.newsmatic-group-tab-panel .components-tab-panel__tabs .components-tab-panel__tabs-item:first-child {
	border-radius: 3px 0 0 3px;
	border-right: none;
}

.newsmatic-group-tab-panel .components-tab-panel__tabs .components-tab-panel__tabs-item:last-child {
	border-radius: 0 3px 3px 0;
	border-left: none;
}

.newsmatic-group-tab-panel .components-tab-panel__tabs .active-tab {
	color: #fff;
	background: #5fa1ff;
	border-color: #5fa1ff;
}

.component-color-indicator {
  	cursor: pointer;
}

.newsmatic-group-tab-panel .editor-post-featured-image {
 	padding-top: 10px;
}

.newsmatic-group-tab-panel .more-settings {
	max-height: 150px;
    overflow-y: auto;
    padding-top: 10px;
}

.newsmatic-group-tab-panel .more-settings .components-button-group .components-button {
  	font-size: 12px;
}

.editor-post-featured-image__preview .components-responsive-wrapper {
  	height: 75px;
}

/**********************************
  Block Controls
**********************************/
.customize-video-playlist-control .block-item, .customize-block-repeater-control .block-item, .newsmatic-repeater-control-inner {
  	position: relative;
}

.customize-video-playlist-control .block-item.block--hidden,
.customize-block-repeater-control .block-item.block--hidden {
  	opacity: 0.6;
}

.customize-video-playlist-control .block-item .block-header,
.customize-block-repeater-control .block-item .block-header {
	display: flex;
	padding: 0 0 0 12px;
	border: 1px solid #ddd;
	color: #556068;
	background: #fff;
	cursor: move;
	font-size: 12px;
	margin: 0 0 10px;
	border-radius: 3px;
	align-items: center;
	position: relative;
}

.customize-video-playlist-control .block-item .block-header {
 	margin-bottom: 0px;
}

.customize-video-playlist-control .block-item {
  	margin-bottom: 10px;
}

.customize-video-playlist-control .block-item .block-content {
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
	padding: 2px 6px;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item,
.newsmatic-repeater-control .newsmatic-repeater-control-inner .newsmatic-repeater-item {
	display: block;
	border: 1px solid #ddd;
	color: #556068;
	background: #fff;
	cursor: move;
	font-size: 12px;
	line-height: 38px;
	margin: 0 0 10px;
	border-radius: 3px;
}

 #customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item {
	display: flex;
    padding: 0 0 0 12px;
    border: 1px solid #ddd;
    color: #556068;
    background: #fff;
    cursor: move;
    font-size: 12px;
    line-height: 38px;
    margin: 0 0 10px;
    border-radius: 3px;
}

.block-item .block-header .control-title,
#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading,
body .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .item-heading {
	flex: 1;
	display: block;
	text-transform: capitalize;
	font-size: 12px;
	padding-left: 12px;
}

.block-item .block-header .display-icon,
.block-item .block-header .setting-icon,
#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .display-icon,
#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .settings-icon,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .display-icon,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .settings-icon,
body .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap span.settings-icon,
body .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .display-icon {
	cursor: pointer;
	float: right;
	position: relative;
	font-size: 16px;
	padding: 9px;
	line-height: 20px;
	border-left: 1px solid #ddd;
}

#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap {
  	padding: 0px;
}

#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading {
  	width: 150px;
}

body .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .item-heading::before {
	content: '\f58e';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	padding-right: 8px;
	font-size: 11px;
	color: inherit;
}

.block-item .block-header .remove-icon {
	display: none;
	position: absolute;
	right: -10px;
	top: -10px;
}

.block-item .block-header:hover .remove-icon {
	display: block;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item,
#customize-control-footer_social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item,
.block-item .block-header .remove-icon {
	color: #d63638;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: -10px;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item .dashicons.dashicons-minus,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item .dashicons.dashicons-minus,
#customize-control-footer_social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item .dashicons.dashicons-minus,
.block-item .block-header .remove-icon .dashicons.dashicons-minus {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px dashed red;
	color: #d63638;
	border-radius: 50px;
	line-height: 1.3;
	left: -10px;
	z-index: 999;
}

.block-item .block-header:hover .remove-icon,
#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item:hover .remove-item,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item:hover .remove-item{
  	text-decoration: none;
} 

.block-item .block-header .remove-icon:hover,
#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item:hover,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .remove-item:hover{
  	cursor: pointer;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap {
  	width: 100%;
}

.customize-video-playlist-control .block-item .components-popover__content,
.customize-block-repeater-control .block-item .components-popover__content {
	width: 280px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 3px rgb(251 251 251);
	-webkit-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
	-moz-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
	border: none;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item.popupActive,
#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item.popupActive {
  	border-top: 2px solid #5fa1ff;
}

.customize-control-item-sortable .sort-list .sort-item {
  display: block;
}

/* Scrollbar styling */
.components-popover__content::-webkit-scrollbar{
	width: 5px;
}

/* Track */
.components-popover__content::-webkit-scrollbar-track{
	box-shadow: inset 0 0 5px #000000; 
	border-radius: 10px;
}

/* Handle */
.components-popover__content::-webkit-scrollbar-thumb{
	background: #545454; 
	border-radius: 20px;
}

/* Handle on hover */
.components-popover__content::-webkit-scrollbar-thumb:hover{
	background: #545454; 
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-control-fields.isShow,
.newsmatic-repeater-control-inner .newsmatic-repeater-item .item-control-fields.isShow {
  	display: block;
}

#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-control-fields.isShow {
	position: fixed;
    visibility: visible;
    padding: 0;
    overflow: auto;
    background: #fff;
    padding: 20px;
    z-index: 999;
    max-height: 62%;
    box-shadow: 1px 1px 1px 3px rgb(251 251 251);
    -webkit-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
    -moz-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
    border-radius: 5px;
    display: block;
    top: 44%;
    margin-top: 0;
    border: none;
    overflow: hidden;
    overflow-y: auto;
    height: 320px;
    left: 330px;
    z-index: 1;
    width: 360px;
    bottom: 0;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap,
.newsmatic-repeater-control .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap {
  	padding: 0;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .fontawesome-icon-picker h2.control--item-label,
#customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .fontawesome-icon-picker h2.control--item-label {
  	display: none;
}

#customize-control-social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icon-header i,
#customize-control-opinons_items .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icon-header i {
  	font-size: 17px;
}

/* #customize-control-social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-search-input,
#customize-control-opinons_items .newsmatic-repeater-control .fontawesome-icon-picker .icon-search-input  {
	position: fixed;
	height: 33px;
	margin-bottom: 65px;
	display: block;
	width: 590px;
	margin-top: -28px;
} */


/** post query field **/
.block-content .post-query-field {
	margin-bottom: 6px;
	padding: 6px;
}

.block-content .post-query-field > div {
  	float: right;
}

.block-content .post-query-field-label {
	display: inline-block;
	font-weight: 500;
	text-decoration: underline;
	font-size: 13px;
	text-transform: uppercase;
	color: #007cba;
}

.block-content .dashicons-edit {
	background-color: #f0f0f0;
	padding: 3px;
	border-radius: 50%;
	vertical-align: middle;
	border: 2px solid #007cba;
	color: #007cba;
}

.block-content .dashicons-edit:hover {
  	cursor: pointer;
}

#customize-control-social_icons .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-control-fields,
#ccustomize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-control-fields.isShow {
	display: none;
	padding: 10px 20px;
	border-top: 1px solid #7b7b7b40;
}

.newsmatic-repeater-control .fontawesome-icon-picker .icon-header > div {
	flex: 50%;
	text-align: center;
	padding: 7px;
	vertical-align: middle;
	line-height: 1;
}

.newsmatic-repeater-control .fontawesome-icon-picker .icon-header >  div.active-icon {
	flex: 80%;
	background-color: #fff;
	padding: 7px 10px;
}

#customize-control-social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list,
#customize-control-footer_social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list {
	height: 185px;
	overflow: auto;
	padding: 16px;
	background-color: #fff;
	box-shadow: 0 0 4px 3px rgb(174 174 174 / 19%);
	margin: 0 auto;
	margin-top: 5px;
	margin-left: 1px;
}

#customize-control-social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i,
#customize-control-footer_social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i {
	cursor: pointer;
	font-size: 15px;
	padding: 12px 9px;
}

#customize-control-social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i:hover,
#customize-control-footer_social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i:hover {
  	color: #5fa1ff;
}

#customize-control-social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i.selected,
#customize-control-footer_social_icons .newsmatic-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i.selected {
 	color: #5fa1ff;
}

/**********************************
  Typography
**********************************/
.newsmatic-typography-popover .inner-field.font-family input {
	box-shadow: none;
	min-height: 27px;
}

.customize-typography-control .control-title {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .1px;
	cursor: default;
}

.customize-typography-control .reset-button,
.newsmatic-typography-popover .reset-button {
	font-size: 10px;
	box-shadow: none;
}

.customize-typography-control .typo-field .reset-button,
.newsmatic-typography-popover .typo-field .reset-button {
	position: absolute;
	right: 36px;
	top: 10px;
}

.customize-typography-control .components-button.is-secondary:hover:not(:disabled):hover,
.newsmatic-typography-popover .components-button.is-secondary:hover:not(:disabled):hover {
	color: #02abff;
	box-shadow: none;
	background: none;
}

.customize-typography-control .reset-button .dashicon,
.newsmatic-typography-popover .reset-button .dashicon {
  	font-size: 10px;
	color: #949494;
}

.customize-typography-control .reset-button .dashicon:hover,
.newsmatic-typography-popover .reset-button .dashicon:hover {
	color: #5fa1ff;
}

.customize-typography-control .control-title .reset-button {
  	float: right;
}

.customize-typography-control .components-dropdown {
	display: block;
	margin-top: 6px;
}

.customize-typography-control .typo-value-holder {
  	position: relative;
}

.customize-typography-control .typo-summ-value:hover {
  	border-color: #0e8ecc;
}

.customize-typography-control .typo-summ-value {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	border: 1px solid var(--customizer-border-color);
	padding-right: 8px;
	transition: border-color .1s linear;
}

.customize-typography-control .summ-vals {
	padding: 6px 0 6px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

.customize-typography-control .summ-vals .summ-val {
	display: inline-flex;
	align-items: center;
}

.customize-typography-control .summ-vals i {
	margin: 0 7px;
	font-style: normal;
	font-size: 70%;
	opacity: .5;
	line-height: normal;
	position: relative;
	margin-top: -5px;
}

.customize-typography-control .append-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
	opacity: .7;
	color: inherit;
}

.newsmatic-typography-popover .components-popover__content {
	width: 16rem;
	border-radius: 5px;
	border: none;
	margin: 0 auto;
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field {
    position: relative;
    padding: 5px 0;
    margin: 5px;
    box-sizing: border-box;
    border-bottom: 1px dashed #eee;
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field:first-child,
.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field:nth-child(2) {
  	border: none;
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 12px; 
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons .dashicons {
  	font-size: 11px;
	width: 15px;
    height: 15px;
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons .dashicons.isActive {
  	color: #5fa1ff;
}

.components-range-control__root .components-range-control__wrapper {
  	color: #5fa1ff;
	z-index: 0;
}

.components-range-control__wrapper .components-range-control__thumb-wrapper span {
	height: 12px;
	width: 12px;
	z-index: 1;
	background-color: #5fa1ff;
}

.components-range-control__wrapper span.e1epgpqk10,
.components-range-control__wrapper .components-range-control__track {
  	height: 2px;
}

.components-range-control__thumb-wrapper {
 	margin-top: 8px!important;
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field.field-group {
	display: flex;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	border-bottom: none;
	gap: 7px;
}

.newsmatic-typography-popover .components-popover__content .typo-fields .typo-field.field-group .inner-field {
	flex: 1;
	display: flex;
	justify-content: space-evenly;
}

.newsmatic-typography-popover .inner-field.text-decoration,
.newsmatic-typography-popover .inner-field.text-transform {
 	margin: 0 2px;
}

.newsmatic-typography-popover .inner-field.text-decoration span,
.newsmatic-typography-popover .inner-field.text-transform span {
	flex: 1;
	display: flex;
	justify-content: center;
	position: relative;
	margin: 0;
	padding: 5px 0;
	cursor: pointer;
	border: 1px solid #dfe1e4;
}

.newsmatic-typography-popover .inner-field.text-decoration span.isActive,
.newsmatic-typography-popover .inner-field.text-transform span.isActive {
	color: #fff;
	background: #5fa1ff;
	border-color: #5fa1ff;
}
.newsmatic-typography-popover .inner-field.text-decoration span:first-child,
.newsmatic-typography-popover .inner-field.text-transform span:first-child {
	border-radius: 3px 0 0 3px;
	border-right: none;
}

.newsmatic-typography-popover .inner-field.text-decoration span:last-child,
.newsmatic-typography-popover .inner-field.text-transform span:last-child {
	border-radius: 0 3px 3px 0;
	border-left: none;
}

/*******************
  Icon Select Icon
*******************/
.customize-control-icon-text .field-wrap {
  	display: flex;
	gap: 10px;
}

.customize-control-icon-text .field-wrap .components-base-control {
  	flex: 0 1 82%;
}

.customize-control-icon-text .field-wrap .components-dropdown {
	flex: 0 1 15%;
	text-align: center;
	padding: 0;
	border: 1px solid var(--customizer-border-color);
	border-radius: 3px;
	position: relative;
	height: 30px;
	vertical-align: middle;
	transition: all .3s ease-in-out;
}

.customize-control-icon-text .field-wrap .components-dropdown i {
	padding: 10px 17px;
	display: inline-block;
}

.customize-control-icon-text .field-wrap .components-dropdown:hover {
	cursor: pointer;
	color: #5fa1ff;
	border-color: var(--customizer-border-color-hover);;
}

.customize-control-icon-text .field-wrap .components-dropdown .components-popover__content {
	width: 230px;
	padding: 5px;
}

.customize-control-icon-text .field-wrap .components-dropdown .components-popover__content i{
	padding: 10px;
	display: inline-block;
}

.customize-control-icon-text .field-wrap .components-dropdown .components-popover__content i:after {
  	content: none;
}

.customize-control-icon-text .field-wrap .components-dropdown .components-popover__content i:hover{
	cursor: pointer;
	color: #000;
}

.components-base-control .components-range-control__root {
	display: flex;
	align-items: center;
}

/***************************************
  Responsive Multiselect Tab Styles
*****************************************/
.customize-block-repeater-control .components-button-group,
.customize-radio-tab-control .components-button-group,
.customize-responsive-multiselect-tab-control .components-button-group {
  	display: flex;
}

.customize-block-repeater-control .components-button-group > button,
.customize-radio-tab-control .components-button-group > button,
.customize-responsive-multiselect-tab-control .components-button-group > button {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
}

#customize-control-header_menu_background_color_group .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content{
	left: 80px!important;
	position: absolute!important;
	top: -500px!important;
	width: 250px;
}

.customize-color-image-group-control .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content {
	width: 247px;
	top: auto;
	left: -30px;  
}

.media-field-image__preview {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 79px;
	margin-bottom: 20px;
}

.media-field-image__preview img {
    width: 100%;
	height: 100px;
	object-fit: contain;
}

.media-field .media-field-image__toggle {
 	border: 1px solid #545454;
}

.media-field-image__preview .components-responsive-wrapper div {
  	display: none;
}

.media-field .media-field-image__preview .components-responsive-wrapper div {
    display: block;
}

.components-popover .media-field-image__preview ~ .components-button.is-secondary {
	border: 1px solid #efefef;
    margin-right: 12px;
}

.media-field .media-field-image__preview {
	height: 100%;
    border: 1px solid #efefef;
}

.media-field .media-field-image__preview .components-responsive-wrapper {
    display: initial;
}

.layout-list {
  	width: 180px;    
}

.layout-list li{
	padding: 5px 0;
	position: relative;
	font-weight: 500;
}

.layout-list li:hover{
	cursor: pointer;
	color: #d95f3d;
	font-weight: 500;
}

.layout-list li:hover:after {
	content: 'add';
	position: absolute;
	right: 0;
	background-color: #d95f3d;
	color: #fff;
	padding: 2px 5px;
	border-radius: 10px 0 0 10px;
	line-height: 1;
	font-weight: 500;
}

/** customizer layout **/
.customize-control-preset-color-picker .customize-preset-color-picker-control .control-header-trigger,
.customize-control-preset-gradient-picker .customize-preset-gradient-picker-control .control-header-trigger{
	display: flex;
	align-items: center;
}

.customize-control-preset-color-picker .customize-preset-color-picker-control .control-header-trigger .customize-control-title,
.customize-control-preset-gradient-picker .customize-preset-gradient-picker-control .control-header-trigger .customize-control-title,
.customize-control-preset-color-picker .customize-preset-color-picker-control .control-header-trigger label,
.customize-control-preset-gradient-picker .customize-preset-gradient-picker-control .control-header-trigger label {
	flex: 1;
}

.customize-color-picker-control .control-content-wrap {
	display: flex;
	align-items: center;
}

li#accordion-panel-newsmatic_global_panel:before,
li#accordion-section-header_image:before,
li#accordion-section-newsmatic_main_banner_section:before,
li#accordion-panel-newsmatic_blog_post_archive_panel:before,
li#accordion-section-newsmatic_footer_builder_section_settings:before,
li#accordion-section-background_image:before {
  	content: 'Footer Options';
    font-weight: 600;
    color: #2271b1;
    font-size: 13px;
    line-height: 1.3;
    padding: 14px 20px 14px 10px;
    display: block;
    border-top: 1px solid #f1f1f1;
	text-align: left;
	text-transform: uppercase;
    letter-spacing: 0.4px;
	background: #efefef52;
	margin-top: 12px;
}

li#accordion-panel-newsmatic_blog_post_archive_panel:before {
  	content: 'Page Options';
}

li#accordion-section-background_image:before {
	content: 'Core';
}

li#accordion-panel-newsmatic_global_panel:before {
  	content: 'General Options';
}

li#accordion-section-newsmatic_main_banner_section:before {
  	content: 'Front Page Options';
}

li#accordion-section-header_image:before {
	content: 'Header Options';
}

li#accordion-section-newsmatic_top_header_section:before {
  	content: 'Header Options';
}

li#accordion-section-newsmatic_top_header_section {
  border-top: 1px solid #e6e6e6!important;
  margin-top: 20px;
}

.customize-preset-color-picker-control .component-color-indicator,
.customize-preset-gradient-picker-control .component-color-indicator{
  width: 30px;
  height: 20px;
  border-radius: 10%;
}

#fs_customizer_support span{
	flex: 1;
}

#customize-control-opinons_section_column .components-button-group,
.block-content .components-button-group {
	width: 70%;
	padding: 5px 0;
}

.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed) {
    background-color: #f0f7ff;
    box-shadow: inset 0 0 0 1px #4a90e2;
    color: #4a90e2;
    transition: all 0.3s ease;
    cursor: pointer;
}

.components-button-group .components-button+.components-button {
	color: #4a90e2;
}

#customize-control-opinons_section_column .components-button-group .components-button,
.block-content .components-button-group .components-button {
	box-shadow: none;
	border: 1px solid #5fa1ff;

}

#customize-control-opinons_section_column .components-button-group .components-button:hover,
.block-content .components-button-group .components-button-group .components-button:hover {
	border: 1px solid #5fa1ff;
}

#customize-control-opinons_section_column .components-button.is-primary, 
#customize-control-opinons_section_column .components-button.is-primary:hover:not(:disabled) { 
	background-color: #5fa1ff;
}

.dashicons.isActive {
	color: #2f7ae5;
}

.customize-control span.dashicon.dropdown-icon {
	font-size: 14px;
	width: 16px; 
	cursor: pointer;
    float: right;
    position: relative;
    font-size: 16px;
    padding: 9px;
    line-height: 20px;
    border-left: 1px solid #ddd;
}

.components-button.is-primary:focus:not(:disabled) {
	box-shadow: none;
}

.post-query-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f9f9f9;
}

.block-content .post-query-field .post-query-field-label {
	color: #333;
	letter-spacing: 0.5px;
	text-decoration: none;
}

.customize-control-block-repeater .block-item.block--visibility .block-content {
    padding: 10px 20px 5px 20px;
    border: 1px solid #ddd;
    border-top: none;
    margin-top: -10px;
    margin-bottom: 13px;
    background-color: #FBFAFD;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);background-color: #fafafa;
}

/** rtl css customizer **/
body.rtl #customize-controls .control-section>h3.accordion-section-title:after {
	right: auto;
}

body.rtl .components-custom-gradient-picker__gradient-bar {
	border-radius: 2px;
	margin-top: 12px;
	width: 100%;
	height: 48px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 0;
	margin-right: -5px;
}


body.rtl .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover {
	left: auto!important;
	right: -270px!important;
}

body.rtl .customize-control-preset-gradient-picker .components-popover__content .components-popover__content {
	position: absolute!important;
	margin: 0!important;
	right: 178px;
	bottom: 50vh;
	left: auto;
}

body.rtl .customize-responsive-box-control .responsive-icons, 
body.rtl .customize-responsive-range-control .responsive-icons {
	right: auto;
	left: 8px;
}

body.rtl .newsmatic-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons {
	right: auto;
	left: 19px;
}

body.rtl .newsmatic-typography-popover .typo-field .reset-button {
	right: auto;
	left: 80px;
}

body.rtl #customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-control-fields.isShow {
	left: auto;
	right: 310px;
}

body.rtl #customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item,
body.rtl .customize-video-playlist-control .block-item .block-header,
body.rtl .customize-block-repeater-control .block-item .block-header {
	padding: 0 12px 0 0px;
}

body.rtl .customize-color-group-control .components-popover__content .components-popover__content, .customize-color-group-picker-control .components-popover__content .components-popover__content, 
body.rtl .customize-color-image-group-control .components-popover__content .components-popover__content, .customize-color-picker-control .components-popover__content .components-popover__content, 
body.rtl .customize-preset-color-picker-control .components-popover__content .components-popover__content {
	position: absolute!important;
	left: auto;
	bottom: 35vh;
	top: auto;
	right: 340px!important;
}

body.rtl .customize-color-image-group-control .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content {
	width: 247px;
	top: auto;
	left: auto;
	right: 425px!important;
}

body.rtl .post-query-field .components-popover.components-dropdown__content {
	left: auto!important;
	right: 80px;
}

body.rtl .layout-list li:hover:after {
	right: auto;
	left: 0px;
	border-radius: 0 10px 10px 0;
}

body #customize-control-opinons_items .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading,
body .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .display-icon, 
body .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .item-heading {
	cursor: all-scroll;
}

body .components-circular-option-picker {
	min-width: 200px;
}

/** Responsive Margin Padding Design **/
.customize-control-responsive-box .customize-responsive-box-control .components-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 0;
}

.customize-control-responsive-box 
  .customize-responsive-box-control 
  .components-grid:has(.components-base-control__label + .components-flex) {
    gap: 0px;
}

span#inspector-box-control-0-heading {
	grid-column: 1 / span 2;
}

.customize-control-responsive-box .components-button {
	position: absolute;
    right: 0;
}

.components-grid .components-flex:nth-child(3) {
	grid-column: 1 / span 1;
	flex-direction: column;
}

.components-grid .components-flex:nth-child(4) {
  grid-column: 2 / span 1;
  flex-direction: column;
}

.components-grid .components-flex:nth-child(5) {
	grid-column: 3 / span 1;
	flex-direction: column;
}

.components-grid .components-flex:nth-child(6) {
	grid-column: 4 / span 1;
	flex-direction: column;
}

.components-grid .components-flex:nth-child(3),
.components-grid .components-flex:nth-child(4),
.components-grid .components-flex:nth-child(5),
.components-grid .components-flex:nth-child(6),
.customize-control-responsive-box .components-base-control__label ~ .components-flex {
	margin-top: 16px;
	-webkit-box-align: flex-start;
    align-items: flex-start;
}

.customize-control-responsive-box .components-base-control__label ~ .components-flex .components-range-control {
    display: none;
}

.customize-control-responsive-box .components-base-control__label ~ .components-flex:last-child .components-unit-control__select {
    border-right: 1px solid #D8DBDF;
}

.customize-control-responsive-box .components-base-control__label + .components-flex .components-range-control {
    display: block;
	margin-left: 20px;
}

.customize-control-responsive-box .components-base-control__label + .components-flex {
	grid-column: 1 / span 5;
}

.customize-control-responsive-box .components-base-control__label ~ .components-flex span.e1jovhle1.css-1ezq6bx.e1j5nr4z8 {
	order: 2;
	width: 22px;
	height: 22px;
}

/* .customize-control-responsive-box .components-base-control__label + .components-flex .components-unit-control__select {
	border-right: 1px solid #D8DBDF;
} */

.customize-control span.control-limit-upgrade-notice {
  	color: red;
	font-style: italic;
	font-size: 12px;
}

/* color dropdown fixed */
#customize-theme-controls .customize-pane-child.accordion-section-content {
	height: 100%;
	background-color: #fff;
	padding: 20px;
}

.components-custom-gradient-picker .components-popover__content {
  	width: 250px;
}

#sub-accordion-section-newsmatic_sidebar_options_section .customize-control-radio-image .buttonset label.ui-button {
  	flex: 0 1 45%;
}

/*************************
  Radio Bubble Control
*************************/
.customize-block-repeater-control span.radio-bubble.isActive,
.customize-radio-bubble-control span.radio-bubble.isActive,
.components-popover__content span.radio-bubble.isActive,
.components-popover__content span.radio-bubble {
	background: #5fa1ff;
	border-color: #5fa1ff;
	color: #fff;
	box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
}

#customize-control-main_banner_date_filter .customize-radio-bubble-control .radio-bubbles.column-4 span.radio-bubble.isActive {
	background: #eff6ff;
    color: #3b82f6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #3b82f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

#customize-control-main_banner_date_filter .customize-radio-bubble-control .radio-bubbles.column-4 span.radio-bubble:hover {
	background: #eff6ff;
    color: #3b82f6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #3b82f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.customize-block-repeater-control span.radio-bubble,
.customize-radio-bubble-control span.radio-bubble,
.customize-radio-bubble-control div.radio-bubble,
.components-popover__content span.radio-bubble {
	cursor: pointer;
	padding: 4px;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 10px;
	margin: 4px;
	background: #fff;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.radio-bubbles.column-2{
	display: flex;
	padding: 0 5px;
}

.radio-bubbles.column-4 {
	padding: 0 5px;
	text-align: center;
}

.radio-bubbles.column-2 > span,
.radio-bubbles.column-4 > span {
	flex: 1;
	text-align: center;
	flex-wrap: wrap;
	color: #000;
}

.customize-block-repeater-control .column-4 span.radio-bubble,
.customize-radio-bubble-control .column-4 span.radio-bubble,
.components-popover__content .column-4 span.radio-bubble {
	width: 50px;
	display: inline-block;
}

span.radio-bubble:hover {
	background: #5fa1ff;
	border-color: #5fa1ff;
	color: #fff;
	box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
}

#customize-control-ticker_news_categories {
	margin-top: 0;
	background-color: #ffffff;
	display: block;
	margin-bottom: 0;
}

#customize-control-ticker_news_categories .customize-multiselect-control {
	padding:10px;
}

#customize-control-ticker_news_date_filter,
#customize-control-main_banner_date_filter,
.components-popover__content .components-dropdown__content .radio-bubbles.column-4,
#sub-accordion-section-newsmatic_top_header_section #customize-control-top_header_ticker_news_date_filter {
	background-color: #fff;
	margin-top: 0;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border: 1px solid #dddddd;
	border-top: none;
	border-radius: 0 0 3px 3px;
}

/* #customize-control-main_banner_slider_categories .customize-categories-multiselect-control .css-qbdosj-Input {
	height: 10px;
} */

#customize-control-main_banner_slider_categories .customize-multiselect-control, 
#customize-control-ticker_news_categories .customize-multiselect-control,
#sub-accordion-section-newsmatic_top_header_section .customize-multiselect-control {
	padding: 10px;
}

#customize-control-main_banner_slider_categories,
#customize-control-ticker_news_categories,
.components-popover__content .components-dropdown__content .css-b62m3t-container,
#sub-accordion-section-newsmatic_top_header_section #customize-control-top_header_ticker_news_categories {
	margin-top: 0;
	background-color: #fff;
	display: block;
	margin-bottom: 0;
	border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    padding: 10px;
}

#customize-control-ticker_news_post_filter,
#customize-control-main_banner_post_filter,
.components-popover__content .components-dropdown__content .radio-bubbles.column-2,
#sub-accordion-section-newsmatic_top_header_section #customize-control-top_header_ticker_news_post_filter{
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 15px;
	border: 1px solid #dddddd;
	border-bottom: none;
	border-radius: 3px 3px 0 0;
}

li#customize-control-main_banner_post_filter:has(.radio-bubble:nth-child(2).isActive) {
    border-bottom: 1px solid #dddddd;
}

.post-query-field .radio-bubbles.column-2 {
	padding: 5px 5px 8px;
}

.post-query-field .radio-bubbles.column-4 {
	padding: 8px 5px 10px;
	margin-bottom: 0 !important;
}

.post-query-field .radio-bubbles.column-2>span,
.post-query-field .radio-bubbles.column-4>span {
	line-height: 2;
}

/* Repeater popup */
.customize-control-block-repeater .components-popover {
	position: fixed!important;
}

.components-popover.newsmatic-typography-popover{
  min-width: 300px;
  max-width: 600px;
  width: 18%;
}

.customize-control-block-repeater .components-dropdown__content .components-popover__content {
	padding: 10px;
	height: 370px;
	overflow-y: scroll;
}
.customize-control-block-repeater .components-popover.components-dropdown__content .components-popover__content .components-popover__content {
	height: 400px;
	overflow-y: scroll;
}

/** Typography **/
.newsmatic-typography-popover.components-dropdown__content .components-popover__content {
	overflow-y: hidden;
	padding: 12px 15px;
	margin: 0 auto;
	width: 90%;
	background-color: #fff;
	box-shadow: 0 2px 4px 2px #0000001c;
	border-radius: 4px;
}

.customize-color-group-control .newsmatic-group-tab-panel {
	padding: 5px;
}

.customize-control-block-repeater .components-dropdown__content.newsmatic--popover-content .components-popover__content  {
	height: auto;
	overflow: initial;
}

@media (min-width: 1600px ) {
	.customize-control-block-repeater .components-dropdown__content .components-popover__content {
		height: 460px;
	}
}

/** Box shadow controls **/
	.customize-box-shadow-control {
		display: flex;
		flex-direction: column;
	}

	.customize-box-shadow-control .control-inner-content {
		display: flex;
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		align-items: center;
		-webkit-align-items: center;
		gap: 15px;
	}

	.customize-box-shadow-control .control-inner-content .components-dropdown {
		display: block;
		clear: both;
		width: 170px;
	}

	.customize-box-shadow-control .control-inner-content .box-shadow-reflector {
		width: 100%;
		height: 75px;
	}

	.customize-box-shadow-control .control-title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10px;
	}

	.customize-box-shadow-control .control-title .reset-button s{
		margin-left: 10px;
		box-shadow: none;
	}

	.customize-box-shadow-control .color-indicator-wrapper .component-color-indicator {
		width: 40px;
		height: 24px;
	}

	.customize-box-shadow-control .box-shadow-reflector {
		background-color: #1b841545;
		border-radius: 5px;
	}

	.customize-box-shadow-control .box-shadow-reflector:hover {
		cursor: pointer;
	}

	.box-shadow-value-holder .box-shadow-summ-value {
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		background: #fff;
		border-radius: 3px;
		border: 1px solid var(--customizer-border-color);
		padding-right: 8px;
	}

	.box-shadow-value-holder:hover .box-shadow-summ-value:hover {
		border-color: #0e8ecc;
	}

	.box-shadow-value-holder .box-shadow-summ-value {
		position: relative;
		text-align: left;
	}

	.box-shadow-value-holder .summ-vals {
		padding: 4px 7px 4px 7px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
	}

	.box-shadow-summ-value .summ-vals .summ-val {
		display: inline-flex;
		align-items: center;
	}

	.box-shadow-summ-value .summ-vals i {
		margin: 0 7px;
		font-style: normal;
		font-size: 70%;
		opacity: .5;
		line-height: normal;
		position: relative;
		margin-top: -5px;
	}

	.box-shadow-summ-value .append-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 17px;
		height: 17px;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: .1em;
		opacity: .7;
		color: inherit;
	}

	.customize-box-shadow-control .control-inner-content .components-dropdown:first-child {
		flex: 1;
		text-align: center;
		align-items: center;
		border-radius: 3px;
	}

	.customize-box-shadow-control .control-inner-content .components-dropdown:last-child {
		justify-content: flex-end;
		text-align: right;
	}

	.customize-box-shadow-control .components-dropdown:first-child .components-popover__content {
		width: 200px;
		text-align: left;
	}

/** radio button **/
.customize-control-block-repeater .components-base-control.components-toggle-control {
  	margin: 10px 0;
}

.customize-control {
  	margin-bottom: 0;
    box-sizing: border-box;
    padding: 0 0 16px;
    background-color: #fff;
}

/** Check Box Color **/
.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate {
    background: #5fa1ff;
    border-color:#5fa1ff;
}

.components-checkbox-control__input[type=checkbox]:focus {
	box-shadow: none;
	outline: none;
	border-color: #5fa1ff;
}

.customize-control input[type=email],
.customize-control input[type=number],
.customize-control input[type=password],
.customize-control input[type=range],
.customize-control input[type=search],
.customize-control input[type=tel],
.customize-control input[type=text],
.customize-control input[type=url] {
	border-color: var(--customizer-border-color);
}
/* Front sections ui */
#sub-accordion-section-newsmatic_full_width_section #customize-control-homepage_content_order .sort-item.full_width_section,
#sub-accordion-section-newsmatic_leftc_rights_section #customize-control-homepage_content_order .sort-item.leftc_rights_section,
#sub-accordion-section-newsmatic_lefts_rightc_section #customize-control-homepage_content_order .sort-item.lefts_rightc_section,
#sub-accordion-section-newsmatic_bottom_full_width_section #customize-control-homepage_content_order .sort-item.bottom_full_width_section,
#sub-accordion-section-newsmatic_video_playlist_section #customize-control-homepage_content_order .sort-item.video_playlist {
  	border-top: 2px solid #5fa1ff;
}

.customize-control-color-group .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
 	margin-top: 0;
}

.customize-control-color-group .newsmatic-group-tab-panel,
.customize-control-color-group .components-popover__content {
	width: auto;
	margin-left: 5px;
}

.customize-control-box-shadow .react-colorful__saturation {
	height: 110px!important;
	border-radius: 6px!important;
}

.customize-control-box-shadow .dashicons-image-rotate {
	font-size: 12px;
	width: auto;
	height: auto;
}

.customize-control-box-shadow .components-popover__content {
  	width: auto;
}

.color-group-inner-wrap .components-popover.components-dropdown__content {
  	margin-left: 10px;
}

/** Date And Time **/
.components-toggle-control__help {
	margin: 0;
}

ul#sub-accordion-section-newsmatic_date_time_section li#customize-control-date_time_section_tab {
    padding-bottom: 12px;
}

/** color dropdown design **/
.components-custom-gradient-picker__markers-container .components-popover.components-dropdown__content.components-color-palette__custom-color-dropdown-content {
  	top: 120px!important;
}

.customize-upsell-control .upsell-inner-wrap .button-icon{
	text-align: center;
	background-color: #152384;
	border-radius: 5px;
}

.customize-upsell-control .upsell-inner-wrap .button-icon .components-button.is-primary {
	background-color: #152384;
	-webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
	box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
	border-radius: 5px;
}

.customize-upsell-control .upsell-inner-wrap .button-icon .components-button.is-primary:hover {
	box-shadow: 2px 2px 5px rgb(0 0 0 / 30%), inset 0 0 0 99999px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 30%), inset 0 0 0 99999px rgb(0 0 0 / 20%);
}

.customize-upsell-control .upsell-inner-wrap {
	position: relative;
	padding: 0;
	background: #152384;
	border-radius: 5px;
}

.customize-upsell-control .upsell-inner-wrap .button-icon {
	height: 28px;
	transition: 0.3s;
}

.customize-upsell-control .upsell-inner-wrap .components-dropdown {
  	width: 100%;
}

.customize-upsell-control .upsell-inner-wrap .button-icon i {
	color: #ffffff;
	font-size: 15px;
	vertical-align: middle;
	position: absolute;
	left: 8px;
	top: 5px;
}

.upsell-preview-frame {
	position: absolute;
	visibility: hidden;
}
.customize-upsell-control .upsell-inner-wrap img {
	border-radius: 5px;
	border: 2px solid #152384;
	right: 0;
	z-index: 99;
	position: absolute;
	bottom: auto;
	top: 39px;
	width: 170px;
	height: auto;
}

.customize-upsell-control .upsell-inner-wrap:hover img {
  	visibility: visible;

}
.customize-upsell-control .upsell-inner-wrap:hover:after {
	content: '';
	position: absolute;
	right: 80px;
	top: 103%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #152384;
	clear: both;
	background: transparent;
}

.customize-upsell-control .upsell-inner-wrap .upsell-button {
	width: 100%;
	padding-left: 30px;
	padding-top: 2px;
}

.customize-upsell-control .upsell-inner-wrap .button-icon:hover{
	box-shadow: 2px 2px 5px rgb(0 0 0 / 30%), inset 0 0 0 99999px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 30%), inset 0 0 0 99999px rgb(0 0 0 / 20%);
}


.upsell-inner-wrap.request-button:hover:after {
  	display: none;
}

/** color dropdown design **/
.components-custom-gradient-picker__markers-container .components-popover.components-dropdown__content.components-color-palette__custom-color-dropdown-content {
  	top: 120px!important;
}

.components-popover__content .icon-picker-modal {
	display: flex;
	flex-wrap: wrap;
	width: 180px;
}

.color-group-inner-wrap .components-popover.components-dropdown__content {
  	margin-left: 10px;
}

.components-popover__content .icon-picker-modal i{
	padding: 5px 7px;
	font-size: 14px;
}

.components-popover__content .block-content {
	width: 250px;
	height: 300px;
	overflow-y: scroll;
}

.components-popover__content .block-content > div {
  width: 90%;
  margin: 5px auto;
}

.components-popover__content > div.components-surface {
  	box-shadow: none;
}

.components-popover__content .components-surface .components-card__body {
    padding: 10px;
    height: 300px;
    width: 280px;
    overflow-y: auto;
    scroll-behavior: smooth;
    
    scrollbar-width: thin;
    scrollbar-color: #999 #f1f1f1;
}

.components-popover__content .components-surface .components-card__body::-webkit-scrollbar {
    width: 8px;
}

.components-popover__content .components-surface .components-card__body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.components-popover__content .components-surface .components-card__body::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px;
}

.components-popover__content .components-surface .components-card__body::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.components-base-control {
    margin-block: calc(8px);
}

.components-popover__content .radio-bubbles.column-2 {
    margin-bottom: 8px;
    padding: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.components-popover__content .radio-bubbles.column-2 span.radio-bubble {
    display: inline-block;
    padding: 5px 10px;
	margin: 0;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease;
    text-align: center;
}

.components-popover__content .radio-bubbles.column-4 {
	margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.components-popover__content .radio-bubbles.column-4 .radio-bubble {
	margin: 0;
	padding: 5px 0px;
	width: 100%;
}

.components-popover__content .radio-bubbles.column-4 span.radio-bubble.isActive {
	background: #eff6ff;
    color: #3b82f6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #3b82f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.components-popover__content .radio-bubbles.column-4 span.radio-bubble:hover {
	background: #eff6ff;
    color: #3b82f6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #3b82f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.accordion-section-title button.accordion-trigger {
    padding: 15px 20px;
}

#customize-controls .control-section>h3.accordion-section-title {
    padding: 0;
}

#customize-controls .current-panel .control-section>h3.accordion-section-title:has(button.accordion-trigger), .accordion-section-title:has(button.accordion-trigger) {
    padding: 0;
}

#customize-controls #accordion-section-newsmatic_about_section .accordion-section-title button:hover {
	color: #2271b1;
    background: #f6f7f7;
    border-left-color: #2271b1;
}

#customize-controls #accordion-section-newsmatic_about_section h3.accordion-section-title:after{
    color: #50575e;
}

.components-dropdown .dashicons-edit {
    padding: 3px 2px 2px 2px;
    font-size: 15px;
}

/*
========================================================
31.0 Loader Css
========================================================
*/

:root {
  --nm-loading-color : #1b8415;
  --nm-loader-icon-width: 20px;
  --nm-loader-icon-height: 20px;
}

.newsmatic_loading_box {
  text-align: center;
}
.box {
  display: inline-block;

  border: 1px solid #289dcc;
  border-radius: 3px;
  font-size: 3px;

  position: relative;
  margin-bottom: 0.25em;
  vertical-align: top;
  transition: .3s color,.3s border,.3s transform,.3s opacity;
  text-align: center;
  vertical-align: middle;

  width: 50px;
  height: 30px;
  top: 0;
  padding-bottom: 0;
  padding: 5px;
  vertical-align: middle;
  padding-top: 15px;
  margin: 5px;
}

.box.active {
  margin: 4px;
  border-width: 2px;
  border-color: #2271b1;
}

.newsmatic_loading_box button {
  display: inline-block;
  background: transparent;
  border: 2px solid #289dcc;
  color: white;
  padding: 0.5em 1em;
  border-radius: 5px;
  font-size: 20px;
}

.newsmatic_loading_box [class*=loader-] {
  display: inline-block;
  width: var(--nm-loader-icon-width);
  height: var(--nm-loader-icon-height);
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
}

.newsmatic_loading_box .loader-1 {
  border: 0.2em dotted var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: 1s loader-1 linear infinite;
          animation: 1s loader-1 linear infinite;
}

@-webkit-keyframes loader-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-2 {
  border: 0.2em solid transparent;
  border-left-color: var(--nm-loading-color);
  border-right-color: var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: 1s loader-2 linear infinite;
          animation: 1s loader-2 linear infinite;
}

@-webkit-keyframes loader-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-3 {
  border: 0.2em solid var(--nm-loading-color);
  border-bottom-color: transparent;
  border-radius: 50%;
  -webkit-animation: 1s loader-3 linear infinite;
          animation: 1s loader-3 linear infinite;
  position: relative;
}

@-webkit-keyframes loader-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-4 {
  border: 1px solid var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: 1s loader-4 linear infinite;
          animation: 1s loader-4 linear infinite;
  position: relative;
}
.newsmatic_loading_box .loader-4:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -0.2em;
  left: 50%;
  border: 0.2em solid var(--nm-loading-color);
  border-radius: 50%;
}

@-webkit-keyframes loader-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-5 {
  border: 0.2em solid transparent;
  border-top-color: var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: 1s loader-5 linear infinite;
          animation: 1s loader-5 linear infinite;
  position: relative;
}
.newsmatic_loading_box .loader-5:before {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: -0.2em;
  left: -0.2em;
  border: 0.2em solid var(--nm-loading-color);
  border-radius: 50%;
  opacity: 0.5;
}

@-webkit-keyframes loader-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-6 {
  border: 0.2em solid var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: loader-6 1s ease-out infinite;
          animation: loader-6 1s ease-out infinite;
}

@-webkit-keyframes loader-6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes loader-6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.newsmatic_loading_box .loader-7 {
  border: 0 solid transparent;
  border-radius: 50%;
  position: relative;
}
.newsmatic_loading_box .loader-7:before, .loader-7:after {
  content: "";
  border: 0.2em solid var(--nm-loading-color);
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-7 1s linear infinite;
          animation: loader-7 1s linear infinite;
  opacity: 0;
}
.newsmatic_loading_box .loader-7:before {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.newsmatic_loading_box .loader-7:after {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes loader-7 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes loader-7 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.newsmatic_loading_box .loader-8 {
  position: relative;
}
.newsmatic_loading_box .loader-8:before, .loader-8:after {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: 50%;
  background-color: var(--nm-loading-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-8 2s infinite ease-in-out;
          animation: loader-8 2s infinite ease-in-out;
}
.newsmatic_loading_box .loader-8:after {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes loader-8 {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@keyframes loader-8 {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.newsmatic_loading_box .loader-9 {
  background-color: var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: loader-9 1s infinite ease-in-out;
          animation: loader-9 1s infinite ease-in-out;
}

@-webkit-keyframes loader-9 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes loader-9 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.newsmatic_loading_box .loader-10 {
  position: relative;
  -webkit-animation: loader-10-1 2s infinite linear;
          animation: loader-10-1 2s infinite linear;
}
.newsmatic_loading_box .loader-10:before, .loader-10:after {
  content: "";
  width: 0;
  height: 0;
  border: 0.5em solid var(--nm-loading-color);
  display: block;
  position: absolute;
  border-radius: 100%;
  -webkit-animation: loader-10-2 2s infinite ease-in-out;
          animation: loader-10-2 2s infinite ease-in-out;
}
.newsmatic_loading_box .loader-10:before {
  top: 0;
  left: 50%;
}
.newsmatic_loading_box .loader-10:after {
  bottom: 0;
  right: 50%;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes loader-10-1 {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-10-1 {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-10-2 {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes loader-10-2 {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.newsmatic_loading_box .loader-11 {
  background-color: var(--nm-loading-color);
  -webkit-animation: loader-11 1.2s infinite ease-in-out;
          animation: loader-11 1.2s infinite ease-in-out;
}

@-webkit-keyframes loader-11 {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes loader-11 {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.newsmatic_loading_box .loader-12 {
  position: relative;
}
.newsmatic_loading_box .loader-12:before, .loader-12:after {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--nm-loading-color);
  left: 50%;
  right: 0;
  top: 0;
  bottom: 50%;
  box-shadow: -0.5em 0 0 var(--nm-loading-color);
  -webkit-animation: loader-12 1s linear infinite;
          animation: loader-12 1s linear infinite;
}
.newsmatic_loading_box .loader-12:after {
  top: 50%;
  bottom: 0;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

@-webkit-keyframes loader-12 {
  0%, 100% {
    box-shadow: -0.5em 0 0 transparent;
    background-color: var(--nm-loading-color);
  }
  50% {
    box-shadow: -0.5em 0 0 var(--nm-loading-color);
    background-color: transparent;
  }
}

@keyframes loader-12 {
  0%, 100% {
    box-shadow: -0.5em 0 0 transparent;
    background-color: var(--nm-loading-color);
  }
  50% {
    box-shadow: -0.5em 0 0 var(--nm-loading-color);
    background-color: transparent;
  }
}
.newsmatic_loading_box .loader-13:before,
.newsmatic_loading_box .loader-13:after,
.newsmatic_loading_box .loader-13 {
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: loader-13 1.8s infinite ease-in-out;
          animation: loader-13 1.8s infinite ease-in-out;
}

.newsmatic_loading_box .loader-13 {
  color: var(--nm-loading-color);
  position: relative;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
  top: -1em;
}
.newsmatic_loading_box .loader-13:before {
  right: 100%;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.newsmatic_loading_box .loader-13:after {
  left: 100%;
}
.newsmatic_loading_box .loader-13:before, .loader-13:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
}

@-webkit-keyframes loader-13 {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -0.2em;
  }
}

@keyframes loader-13 {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -0.2em;
  }
}
.newsmatic_loading_box .loader-14 {
  border-radius: 50%;
  box-shadow: 0 1em 0 -0.2em var(--nm-loading-color);
  position: relative;
  -webkit-animation: loader-14 0.8s ease-in-out alternate infinite;
          animation: loader-14 0.8s ease-in-out alternate infinite;
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  top: -1em;
}
.newsmatic_loading_box .loader-14:after, .loader-14:before {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  -webkit-animation: inherit;
          animation: inherit;
}
.newsmatic_loading_box .loader-14:before {
  left: -1em;
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.newsmatic_loading_box .loader-14:after {
  right: -1em;
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}

@-webkit-keyframes loader-14 {
  0% {
    box-shadow: 0 2em 0 -0.2em var(--nm-loading-color);
  }
  100% {
    box-shadow: 0 1em 0 -0.2em var(--nm-loading-color);
  }
}

@keyframes loader-14 {
  0% {
    box-shadow: 0 2em 0 -0.2em var(--nm-loading-color);
  }
  100% {
    box-shadow: 0 1em 0 -0.2em var(--nm-loading-color);
  }
}
.newsmatic_loading_box .loader-15 {
  background: var(--nm-loading-color);
  position: relative;
  -webkit-animation: loader-15 1s ease-in-out infinite;
          animation: loader-15 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  width: 0.25em;
  height: 0.5em;
  margin: 0 0.5em;
}
.newsmatic_loading_box .loader-15:after, .loader-15:before {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background: inherit;
  -webkit-animation: inherit;
          animation: inherit;
}
.newsmatic_loading_box .loader-15:before {
  right: 0.5em;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.newsmatic_loading_box .loader-15:after {
  left: 0.5em;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes loader-15 {
  0%, 100% {
    box-shadow: 0 0 0 var(--nm-loading-color), 0 0 0 var(--nm-loading-color);
  }
  50% {
    box-shadow: 0 -0.25em 0 var(--nm-loading-color), 0 0.25em 0 var(--nm-loading-color);
  }
}

@keyframes loader-15 {
  0%, 100% {
    box-shadow: 0 0 0 var(--nm-loading-color), 0 0 0 var(--nm-loading-color);
  }
  50% {
    box-shadow: 0 -0.25em 0 var(--nm-loading-color), 0 0.25em 0 var(--nm-loading-color);
  }
}
.newsmatic_loading_box .loader-16 {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
}
.newsmatic_loading_box .loader-16:before, .newsmatic_loading_box .loader-16:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -webkit-animation: 1s spin linear infinite;
          animation: 1s spin linear infinite;
}
.newsmatic_loading_box .loader-16:before {
  transform: rotateX(70deg);
}
.newsmatic_loading_box .loader-16:after {
  transform: rotateY(70deg);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@-webkit-keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes spin {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px var(--nm-loading-color);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 var(--nm-loading-color);
  }
  25% {
    box-shadow: 0 0.2em 0 0px var(--nm-loading-color);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 var(--nm-loading-color);
  }
  50% {
    box-shadow: -0.2em 0 0 0 var(--nm-loading-color);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 var(--nm-loading-color);
  }
  75% {
    box-shadow: 0px -0.2em 0 0 var(--nm-loading-color);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 var(--nm-loading-color);
  }
}
@keyframes spin {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px var(--nm-loading-color);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 var(--nm-loading-color);
  }
  25% {
    box-shadow: 0 0.2em 0 0px var(--nm-loading-color);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 var(--nm-loading-color);
  }
  50% {
    box-shadow: -0.2em 0 0 0 var(--nm-loading-color);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 var(--nm-loading-color);
  }
  75% {
    box-shadow: 0px -0.2em 0 0 var(--nm-loading-color);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 var(--nm-loading-color);
  }
}
.newsmatic_loading_box .loader-17 {
  position: relative;
  background-color: var(--nm-loading-color);
  border-radius: 50%;
}
.newsmatic_loading_box .loader-17:after,.newsmatic_loading_box  .loader-17:before {
  content: "";
  position: absolute;
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  opacity: 0.8;
}
.newsmatic_loading_box .loader-17:after {
  left: -0.5em;
  top: -0.25em;
  background-color: var(--nm-loading-color);
  transform-origin: 0.75em 1em;
  -webkit-animation: loader-17 1s linear infinite;
          animation: loader-17 1s linear infinite;
  opacity: 0.6;
}
.newsmatic_loading_box .loader-17:before {
  left: -1.25em;
  top: -0.75em;
  background-color: var(--nm-loading-color);
  transform-origin: 1.5em 1em;
  -webkit-animation: loader-17 2s linear infinite;
          animation: loader-17 2s linear infinite;
}

@-webkit-keyframes loader-17 {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

@keyframes loader-17 {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}
.newsmatic_loading_box .loader-18 {
  position: relative;
}
.newsmatic_loading_box .loader-18:before,.newsmatic_loading_box  .loader-18:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 0.1em solid transparent;
  border-bottom-color: var(--nm-loading-color);
  top: 0;
  left: 0;
  -webkit-animation: 1s loader-18 linear infinite;
          animation: 1s loader-18 linear infinite;
}
.newsmatic_loading_box .loader-18:before {
  width: 1em;
  height: 1em;
}
.newsmatic_loading_box .loader-18:after {
  width: 0.8em;
  height: 0.8em;
  top: 0.1em;
  left: 0.1em;
  animation-direction: reverse;
}

@-webkit-keyframes loader-18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-19 {
  border-top: 0.2em solid var(--nm-loading-color);
  border-right: 0.2em solid transparent;
  -webkit-animation: loader-19 1s linear infinite;
          animation: loader-19 1s linear infinite;
  border-radius: 100%;
  position: relative;
}

@-webkit-keyframes loader-19 {
  to {
    transform: rotate(360deg);
  }
}

@keyframes loader-19 {
  to {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-20 {
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 0.1em var(--nm-loading-color);
  border-radius: 50%;
  position: relative;
}
.newsmatic_loading_box .loader-20:after,.newsmatic_loading_box  .loader-20:before {
  position: absolute;
  content: "";
  background-color: var(--nm-loading-color);
  top: 0.5em;
  left: 0.5em;
  height: 0.1em;
  transform-origin: left center;
}
.newsmatic_loading_box .loader-20:after {
  width: 0.4em;
  -webkit-animation: loader-20 2s linear infinite;
          animation: loader-20 2s linear infinite;
}
.newsmatic_loading_box .loader-20:before {
  width: 0.3em;
  -webkit-animation: loader-20 8s linear infinite;
          animation: loader-20 8s linear infinite;
}

@-webkit-keyframes loader-20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newsmatic_loading_box .loader-21 {
  position: relative;
}
.newsmatic_loading_box .loader-21:before, .newsmatic_loading_box .loader-21:after {
  position: absolute;
  content: "";
}
.newsmatic_loading_box .loader-21:before {
  width: 80%;
  height: 80%;
  left: 10%;
  bottom: 10%;
  border-radius: 100% 100% 100% 0;
  box-shadow: 0px 0px 0px 0.1em var(--nm-loading-color);
  -webkit-animation: loader-21 1s linear infinite;
          animation: loader-21 1s linear infinite;
  transform: rotate(-46deg);
}
.newsmatic_loading_box .loader-21:after {
  width: 1em;
  height: 0.3em;
  border-radius: 100%;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: -0.2em;
  z-index: -1;
}

@-webkit-keyframes loader-21 {
  0% {
    top: 0;
  }
  50% {
    top: -5px;
  }
  100% {
    top: 0;
  }
}

@keyframes loader-21 {
  0% {
    top: 0;
  }
  50% {
    top: -5px;
  }
  100% {
    top: 0;
  }
}
.newsmatic_loading_box .loader-22 {
  border: 0.1em var(--nm-loading-color) solid;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.newsmatic_loading_box .loader-22:after, .newsmatic_loading_box .loader-22:before {
  position: absolute;
  content: "";
  background-color: var(--nm-loading-color);
}
.newsmatic_loading_box .loader-22:after {
  width: 50%;
  height: 0.1em;
  left: 50%;
  top: 50%;
  transform-origin: left center;
  -webkit-animation: loader-22 2s linear infinite alternate;
          animation: loader-22 2s linear infinite alternate;
}
.newsmatic_loading_box .loader-22:before {
  width: 100%;
  height: 40%;
  left: 0;
  bottom: 0;
}

@-webkit-keyframes loader-22 {
  0% {
    transform: rotate(-160deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}

@keyframes loader-22 {
  0% {
    transform: rotate(-160deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}
.newsmatic_loading_box .loader-23 {
  height: 0.5em;
  border: 0.1em var(--nm-loading-color) solid;
  border-radius: 0.1em;
  position: relative;
  -webkit-animation: loader-23 5s linear infinite;
          animation: loader-23 5s linear infinite;
}
.newsmatic_loading_box .loader-23:after {
  width: 0.07em;
  height: 100%;
  background-color: var(--nm-loading-color);
  border-radius: 0px 0.5em 0.5em 0px;
  position: absolute;
  content: "";
  top: 0;
  left: calc(100% + .1em);
}

@-webkit-keyframes loader-23 {
  0% {
    box-shadow: inset 0px 0px 0px var(--nm-loading-color);
  }
  100% {
    box-shadow: inset 1em 0px 0px var(--nm-loading-color);
  }
}

@keyframes loader-23 {
  0% {
    box-shadow: inset 0px 0px 0px var(--nm-loading-color);
  }
  100% {
    box-shadow: inset 1em 0px 0px var(--nm-loading-color);
  }
}
.newsmatic_loading_box .loader-24 {
  width: 0.8em;
  height: 1em;
  border: 0.1em var(--nm-loading-color) solid;
  border-radius: 0px 0px 0.2em 0.2em;
  position: relative;
}
.newsmatic_loading_box .loader-24:after, .newsmatic_loading_box .loader-24:before {
  position: absolute;
  content: "";
}
.newsmatic_loading_box .loader-24:after {
  width: 0.2em;
  height: 50%;
  border: 0.1em var(--nm-loading-color) solid;
  border-left: none;
  border-radius: 0px 0.5em 0.5em 0px;
  left: calc(100% + .1em);
  top: 0.1em;
}
.newsmatic_loading_box .loader-24:before {
  width: 0.1em;
  height: 0.3em;
  background-color: var(--nm-loading-color);
  top: -0.3em;
  left: 0.05em;
  box-shadow: 0.2em 0px 0px 0px var(--nm-loading-color), 0.2em -0.2em 0px 0px var(--nm-loading-color), 0.4em 0px 0px 0px var(--nm-loading-color);
  -webkit-animation: loader-24 1s linear infinite alternate;
          animation: loader-24 1s linear infinite alternate;
}

@-webkit-keyframes loader-24 {
  0% {
    height: 0px;
  }
  100% {
    height: 6px;
  }
}

@keyframes loader-24 {
  0% {
    height: 0px;
  }
  100% {
    height: 6px;
  }
}
.newsmatic_loading_box .loader-25 {
  border: 0.1em var(--nm-loading-color) solid;
  position: relative;
  -webkit-animation: loader-25-1 5s linear infinite;
          animation: loader-25-1 5s linear infinite;
}
.newsmatic_loading_box .loader-25:after {
  width: 0.2em;
  height: 0.2em;
  position: absolute;
  content: "";
  background-color: var(--nm-loading-color);
  bottom: calc(100% + .2em);
  left: -0.4em;
  -webkit-animation: loader-25-2 1s ease-in-out infinite;
          animation: loader-25-2 1s ease-in-out infinite;
}

@-webkit-keyframes loader-25-1 {
  0% {
    box-shadow: inset 0 0 0 0 var(--nm-loading-color);
  }
  100% {
    box-shadow: inset 0 -1em 0 0 var(--nm-loading-color);
  }
}

@keyframes loader-25-1 {
  0% {
    box-shadow: inset 0 0 0 0 var(--nm-loading-color);
  }
  100% {
    box-shadow: inset 0 -1em 0 0 var(--nm-loading-color);
  }
}
@-webkit-keyframes loader-25-2 {
  25% {
    left: calc(100% + .2em);
    bottom: calc(100% + .2em);
  }
  50% {
    left: calc(100% + .2em);
    bottom: -0.4em;
  }
  75% {
    left: -0.4em;
    bottom: -0.4em;
  }
  100% {
    left: -0.4em;
    bottom: calc(100% + .2em);
  }
}
@keyframes loader-25-2 {
  25% {
    left: calc(100% + .2em);
    bottom: calc(100% + .2em);
  }
  50% {
    left: calc(100% + .2em);
    bottom: -0.4em;
  }
  75% {
    left: -0.4em;
    bottom: -0.4em;
  }
  100% {
    left: -0.4em;
    bottom: calc(100% + .2em);
  }
}
.newsmatic_loading_box .loader-26 {
  width: 0.5em;
  height: 0.5em;
  background-color: var(--nm-loading-color);
  box-shadow: 1em 0px 0px var(--nm-loading-color);
  border-radius: 50%;
  -webkit-animation: loader-26 1s ease-in-out infinite alternate;
          animation: loader-26 1s ease-in-out infinite alternate;
}

@-webkit-keyframes loader-26 {
  0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg) scale(1.2);
  }
}

@keyframes loader-26 {
  0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg) scale(1.2);
  }
}
.newsmatic_loading_box .loader-27 {
  box-shadow: inset 0 0 0 0.1em var(--nm-loading-color);
  border-radius: 50%;
  position: relative;
  margin-left: 1.2em;
}
.newsmatic_loading_box .loader-27:before {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  position: absolute;
  right: 1.2em;
  top: 0;
  box-shadow: inset 0 0 0 0.1em var(--nm-loading-color);
}
.newsmatic_loading_box .loader-27:after {
  border: 0.2em solid var(--nm-loading-color);
  box-shadow: -1.2em 0 0 0 var(--nm-loading-color);
  width: 0;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 25%;
  position: absolute;
  content: "";
  -webkit-animation: loader-27 2s linear infinite alternate;
          animation: loader-27 2s linear infinite alternate;
}

@-webkit-keyframes loader-27 {
  0% {
    left: 0;
  }
  100% {
    left: 0.5em;
  }
}

@keyframes loader-27 {
  0% {
    left: 0;
  }
  100% {
    left: 0.5em;
  }
}
.newsmatic_loading_box .loader-28 {
  position: relative;
  -webkit-animation: 2s loader-28 infinite;
          animation: 2s loader-28 infinite;
}
.newsmatic_loading_box .loader-28:before {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: 80% 20%;
  border: 0.1em solid var(--nm-loading-color);
  transform: rotate(45deg);
  border-width: 0.1em 0.05em 0.05em 0.1em;
}
.newsmatic_loading_box .loader-28:after {
  content: "";
  display: block;
  width: 0.2em;
  height: 0.2em;
  position: absolute;
  top: 0.4em;
  left: 50%;
  border-radius: 50%;
  box-shadow: -0.07em 0.07em 0 0.1em var(--nm-loading-color);
  -webkit-animation: 2s loader-28-2 linear infinite;
          animation: 2s loader-28-2 linear infinite;
}

@-webkit-keyframes loader-28 {
  0%, 100% {
    transform: scaleY(1);
  }
  10% {
    transform: scaleY(0);
  }
  20% {
    transform: scaleY(1);
  }
}

@keyframes loader-28 {
  0%, 100% {
    transform: scaleY(1);
  }
  10% {
    transform: scaleY(0);
  }
  20% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes loader-28 {
  0%, 100% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-100%);
  }
  50% {
    transform: transalteX(200%);
  }
}
@keyframes loader-28 {
  0%, 100% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-100%);
  }
  50% {
    transform: transalteX(200%);
  }
}
.newsmatic_loading_box .loader-29 {
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.1em var(--nm-loading-color), -0.5em -0.5em 0 -0.4em var(--nm-loading-color), 0 -0.7em 0 -0.4em var(--nm-loading-color), 0.5em -0.5em 0 -0.4em var(--nm-loading-color), -0.5em 0.5em 0 -0.4em var(--nm-loading-color), 0 0.7em 0 -0.4em var(--nm-loading-color), 0.5em 0.5em 0 -0.4em var(--nm-loading-color), -0.7em 0 0 -0.4em var(--nm-loading-color), 0.7em 0 0 -0.4em var(--nm-loading-color);
  -webkit-animation: 5s loader-29 linear infinite;
          animation: 5s loader-29 linear infinite;
}

@-webkit-keyframes loader-29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Toggle btn */
	.components-form-toggle {
		order: 2;
	}

	.components-form-toggle .components-form-toggle__track {
		background-color: #e7f1ff;
		border: 1px solid #007cba5e;
		border-radius: 9px;
		box-sizing: border-box;
		content: "";
		display: inline-block;
		height: 17px;
		transition: transfrom .2s ease;
		vertical-align: top;
		width: 32px;
	}

	.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track {
		box-shadow: none;
	}

	.components-form-toggle .components-form-toggle__thumb {
		background-color: #5fa1ff;
		border: 5px solid #5fa1ff;
		border-radius: 50%;
		box-sizing: border-box;
		display: block;
		height: 11px;
		left: 4px;
		position: absolute;
		top: 3px;
		transition: transform .1s ease;
		width: 11px;
	}

	.components-form-toggle.is-checked .components-form-toggle__track {
		border-width: 1px;
		background-color: #5fa1ff;
	}

	.components-form-toggle.is-checked .components-form-toggle__thumb {
		transform: translateX(14px);
	}

  /* Color Control */
    .components-dropdown .component-color-indicator {
		width: 35px;
		border-radius: 3px;
		vertical-align: middle;
		position: relative;
	}

	.preset-isactive span.component-color-indicator:before {
		content: '\f57d';
		font-family: 'Font Awesome 5 Free';
		font-weight: 800;
		color: #fff;
		position: absolute;
		top: 52%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 12px;
	}

	/* transparent bk */
	.color-indicator-wrapper,
	.customize-box-shadow-control .control-inner-content .components-dropdown:nth-child(2),
	.one-newspaper-preset-colors-control-popover .preset .components-dropdown {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 20px;
		border-radius: 3px;
		background-color: rgba(255, 255, 255, .8);
		background-size: 10px 10px;
		background-image: url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCUAAAAvE8AEAA9w7/97/9/7f/7jAYraNmI6AJQ/1xvvMojof2BSvVEBAA==);
	}

	.customize-box-shadow-control .component-color-indicator {
		height: 27px;
	}

	/* sub accordion */
	body #customize-theme-controls .accordion-sub-container li {
		border-bottom: 1px solid #efefef;
	}

	/* color popup */
	/* preset */
	.components-popover .preset-colors {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 10px 0;
		box-sizing: border-box;
	}

	.components-popover .preset-colors .preset-colors-inner {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		gap: 7px;
		margin: 0;
		padding: 0 8px;
	}

	.components-popover .preset-colors .preset-colors-inner li {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 30px;
		height: 20px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: inset 0 0 3px rgb(0 0 0 / 9%);
	}

	.components-popover .components-color-picker {
		padding: 5px;
		box-sizing: border-box;
		width: 100%;
	}

	.components-dropdown__content .components-popover__content .react-colorful {
		width: 250px;
	}

	.components-popover__content .react-colorful__saturation {
		height: 125px !important;
		border-radius: 4px !important;
	}

	.components-popover__content .react-colorful .react-colorful__hue,
	.components-popover__content .react-colorful .react-colorful__alpha {
		width: 244px;
		margin: 0;
	}

	.components-popover__content .react-colorful .react-colorful__hue {
		margin-bottom: 15px;
	}

	.components-popover__content .components-color-picker>div>.components-flex {
		padding: 0 6px;
		margin: 0 6px;
	}

	.components-popover__content .components-color-picker .components-flex .components-base-control__field {
		margin-top: 9px;
	}

	.components-popover .components-flex .components-input-control__container,
	.components-base-control.components-select-control .components-flex .components-input-control__container {
		width: 100%;
	}

	.one-newspaper-color-control-popover .components-popover__content .components-input-control__container,
	.one-newspaper-border-control-popover .components-popover__content .components-input-control__container {
		width: 100%;
	}

	.components-popover__content .components-color-picker .components-flex select.components-select-control__input {
		border: 1px solid #949494;
	}

	.components-popover__content .components-color-picker>div>.components-flex:last-child {
		padding: 0 3px;
	}

	.components-color-picker .components-base-control.components-input-control {
		margin-left: -5px;
	}

	/* solid and gradient */
	.newsmatic-box-shadow-control-popover .components-popover__content .inner-fields li:first-child {
		display: inline-block;
	}

	/* .components-input-control__container select.components-select-control__input {
		height: 27px!important;
		min-height: 27px!important;
		font-size: 14px!important;
	} */

	.components-dropdown__content.newsmatic-box-shadow-control-popover .components-popover__content {
		padding: 12px;
		width: 290px;
		margin: 0 auto;
		background-color: #fff;
		box-shadow: 0 2px 4px 2px #0000001c;
		border-radius: 4px;
    }

	.components-input-control__container:focus-within .components-input-control__backdrop  {
		box-shadow: inset 0 0 0 1px #5fa1ff!important;
	}

	.one-newspaper-color-control-popover .components-popover__content,
	.one-newspaper-border-control-popover .components-popover__content {
		background-color: #fff;
		box-shadow: 0 2px 4px 2px #0000001c;
		border-radius: 4px;
	}

	.components-popover .components-custom-gradient-picker__gradient-bar-background {
		border-radius: 3px;
	}

	.components-button.is-primary,
	.components-button.is-primary:active:not(:disabled),
	.components-button.is-primary:hover:not(:disabled) {
		background-color: #5fa1ff;
		border-color: #5fa1ff;
		transition: all 0.3s ease;
	}

	.components-button.is-primary:hover:not(:disabled) {
		background-color: #4a90e2;
	}
	
	.components-popover__fallback-container .components-button.is-secondary {
		color: #3c434a;
		background: #0000;
    	box-shadow: none;
		outline: 1px solid #0000;
	}

	.components-button-group .components-button.is-primary {
    	box-shadow: inset 0 0 0 1px #5fa1ff;
		border-color: #5fa1ff;
		color: #fff;
	}

/* Header Toggle Button */
	.customize-control-toggle-button .components-card__body {
		padding: 0;
	}

	.customize-control .components-elevation {
		box-shadow: none;
	}

/* Style the outer container <ul> */
#customize-theme-controls .customize-pane-parent {
	background: #fff;
	margin: 0;
	list-style: none;
}

ul.customize-pane-parent > li.accordion-section {
	background: #fff;
	box-sizing: border-box;
}

ul.customize-pane-parent .accordion-section-title {
	font-weight: 600;
	color: #333;
}

#customize-theme-controls .control-panel-themes#accordion-section-themes {
	margin: 0;
	padding: 0;
}

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

/** Image Hover **/
.customize-control-radio-image img {
	border-color: transparent;
}

.customize-control-radio-image .ui-state-active img {
    border-color: #5fa1ff;
}


/*  */
.customize-control-select select:focus {
	box-shadow: none;
}

.customize-control-select select {
	border-color: var(--customizer-border-color);
    color: var(--customizer-grey-text-color);
    font-size: 13px;
    line-height: 16px;
    border-radius: 3px;
    margin: 0;
}

.customize-control-select select:hover {
	border-color: var(--customizer-border-color-hover);
}

.components-text-control__input[type=text]:focus,
.components-text-control__input[type=text]:hover{
	box-shadow: none;
	border: 1px solid var(--customizer-border-color-hover);
}

/* number control */
	.customize-control-number > input {
		border-color: var(--customizer-border-color);
		color: var(--customizer-grey-text-color);
		font-size: 13px;
		line-height: 16px;
		border-radius: 3px;
		margin: 0;
	}

	.customize-control-number > input:focus,
	.customize-control-number > input:hover {
		border: 1px solid var(--customizer-border-color-hover);
		box-shadow: none;
	}

/* Header Image */
.customize-control.customize-control-header .actions .upload-button.button.new,
.customize-control.customize-control-header .actions .button.remove,
.customize-control .actions .button {
	width: auto;
}

.customize-control.customize-control-header .actions .upload-button.button.new,
.customize-control.customize-control-header .actions .button.remove,
.customize-control .actions .button,
.customize-control-header button.random {
   	padding: 0 10px;
    border: none;
    gap: 4px;
    background-color: #5fa1ff;
    color: #fff;
    cursor: pointer;
}

.customize-control.customize-control-header .actions .upload-button.button.new:hover,
.customize-control.customize-control-header .actions .button.remove:hover,
.customize-control .actions .button:hover,
.customize-control-header button.random:hover {
    background-color: #4a93fb;
	color: #fff;
	border-color: #4a93fb;
}

/* .components-button.has-icon.has-text  */
.components-button.has-icon.has-text {
	background-color: #5fa1ff;
    box-shadow: none;
    color: #fff;
    outline: none;
    padding: 4px 12px;
    font-size: 13px;
    height: initial;
}

.components-button.has-icon.has-text .dashicons-arrow-down-alt {
	font-size: 15px;
}

.components-button.has-icon.has-text:hover {
	background-color: #4a93fb;
    box-shadow: none;
    color: #fff;
    outline: none;
}

.components-button.is-secondary:focus:not(:disabled) {
    box-shadow: none;
}

.newsmatic-group-tab-panel .editor-post-featured-image__preview {
	margin-bottom: 12px;
}

/* Additional css Header */
.customize-section-back {
	height: 71px;
}

#customize-control-site_title_section_tab {
	padding: 0;
}

#customize-control-title_and_tagline_section_heading_toggle {
	margin: 0 -16px 12px -16px;
	padding: 0;
	box-shadow: none;
}

#customize-control-title_and_tagline_section_heading_toggle .customize-section-heading {
    margin: 0;
    border-top: 1px solid #f1f1f1;
    width: 100%;
	padding-bottom: 8px;
}

#customize-control-reset_setting_option h2.info-box-label {
	margin-top: 0;
}

/* upsell */
.customize-control-upsell {
	padding: 10px 21px;
	border: 1px solid #efefef;
    border-radius: 3px;
	box-sizing: border-box;
}

.customize-control-upsell .customize-control-title {
	font-size: 12px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
    line-height: 21px;
    position: relative;
    padding-top: 26px;
    text-align: center;
	letter-spacing: 0;
}

.customize-control-upsell .customize-control-title:before {
	content: '\f521';
    font-family: 'Font Awesome 5 Free';
    color: #efbf04;
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.customize-control-upsell .features-wrap {
	padding: 0 5px;
}

.customize-control-upsell .features-wrap li {
	margin: 7px 0;
    font-weight: 500;
    color: #5a5a5a;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.customize-control-upsell li.feature:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    margin-right: 8px;
    color: #10b981;
}

.customize-control-upsell a.upsell-btn {
	outline: 1px solid #0073aa;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 14px;
    color: #0073aa;
    transition: all .3s ease-in-out;
    border-radius: 1px;
}

.customize-control-upsell a.upsell-btn:hover {
	background-color: #0073aa;
	color: #fff;
}

.customize-control-upsell a.upsell-btn:focus {
	box-shadow: none;
}

#sub-accordion-panel-nav_menus .customize-section-title-nav_menus-heading {
	padding: 10px;
	border-bottom: none;
    margin: 0;
}

/* RTL */
	.rtl .components-form-toggle.is-checked .components-form-toggle__thumb {
		transform: translateX(12px);
	}

	.rtl .components-form-toggle .components-form-toggle__thumb {
		right: 16px;
	}

	.rtl .box-shadow-value-holder .box-shadow-summ-value {
		text-align: right;
	}

	.rtl .components-popover .components-base-control,
	.rtl .customize-control-range .components-base-control,
	.rtl .customize-control-responsive-range .components-base-control,
	.rtl .block-content .components-range-control__root .components-base-control {
		margin: 0 20px 0 0 !important;
	}

	.rtl .customize-control-range .components-range-control__root > span,
	.rtl .customize-control-responsive-range .components-range-control__root > span {
		margin: 0 8px 0 0;
	}

	.rtl .customize-control-responsive-box .components-button {
		left: 0;
		right: initial;
	}

	body.rtl .customize-responsive-box-control .responsive-icons {
		left: 30px;
	}

	.rtl .customize-item-sortable-control .sort-list .sort-item .sort-title {
		padding-right: 12px;
	}

	.rtl .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .item-heading::before {
		position: absolute;
		right: 0;	
	}

	.rtl .newsmatic-repeater-control-inner .newsmatic-repeater-item .item-heading-wrap .item-heading {
		padding: 0 22px 0 0;
	}

	.rtl .block-content .responsive-icons {
		left: 0;
		right: initial;
	}

	.rtl #customize-theme-controls .newsmatic-builder.is-active .customize-control-builder.is-active,
	.rtl #customize-theme-controls .newsmatic-builder .customize-control-responsive-builder.is-active {
		left: 0;
		right: 18%;
	}

	.rtl .newsmatic-builder .rows-wrapper .row-settings {
		margin: 0 0 0 10px;
	}

	.rtl .row .components-dropdown .column.has-children .column-item .dashicon:before {
		margin: 0 5px 0 0;
	}

	.rtl .row .components-dropdown .column.has-children .column-item {
		position: relative;
	}

	.rtl .row .components-dropdown .column.has-children .column-item .item-label:first-child {
		padding-right: 7px;
	}

	.rtl .row .components-dropdown .column.has-children .column-item .item-label:first-child:before {
		padding: 0 0 0 8px;
		position: absolute;
		right: 8px;
		top: 6px;
	}