.components-visually-hidden {
  display: none !important;
}

.neve-control-header {
  margin-bottom: 7px;
}

.flex-contents {
  display: flex;
  align-items: center;

  .neve-responsive-control-bar {
	margin-left: auto;
  }
}

.neve-white-background-control {
  .customize-control-description {
	margin-bottom: 0 !important;
	margin-top: 10px !important;
  }

  input[type=number] {
	padding-right: 0;
  }

  button.reset {
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center !important;
	flex-grow: 0;
	outline: 0;
	border-radius: 0;
	width: 30px;
	height: 30px;
	padding: 5px 0 5px 5px;
	&:hover {
	  box-shadow: none !important;

	  svg {
		fill: $accent-color;
	  }
	}

	.dashicon, svg {
	  margin: 0 auto !important;
	  width: 17px;
	  fill: $icon-fill;
	}
  }
}


@-moz-keyframes neve-spin {
  100% {
	-moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes neve-spin {
  100% {
	-webkit-transform: rotate(360deg);
  }
}

@keyframes neve-spin {
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}


#sub-accordion-panel-hfg_header #accordion-section-neve_header_presets,
#sub-accordion-panel-hfg_footer #accordion-section-neve_footer_copyright_section {
  display: list-item !important;
}

#sub-accordion-panel-hfg_header #accordion-section-neve_pro_global_header_settings {
  display: list-item !important;
}

#customize-control-neve_pro_global_header_settings_top_shortcut p,
#customize-control-neve_pro_global_header_settings_main_shortcut p,
#customize-control-neve_pro_global_header_settings_bottom_shortcut p {
  margin: 0;

  a {
	cursor: pointer;
  }
}

.neve-white-background-control {
  padding: 10px;
  background: #fff;
}

.components-form-token-field__input-container{
  width: auto;
}

.neve-group-select-control .components-input-control__suffix {
  display: none;
}

.neve-control-header {
  display: flex;
  align-items: center;
  flex-direction: row;

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


.neve-radio-icons:not(:last-child), .neve-font-family-control:not(:last-child) {
  margin-bottom: 10px;
}

.neve-number-control-wrap {
  &:not(:last-child) {
	margin-bottom: 10px;
  }
}

.neve-toggle-control {
  > .components-base-control__field, label {
	margin-bottom: 0 !important;
  }
}


.components-icon-button, .components-button {
  .svg-text {
	fill: #fff;
  }

  &.active .svg-text {
	fill: $accent-color;
  }
}

.components-modal__screen-overlay {
	z-index: 1000000;
}

.neve-ui-modal-wrap {
	.components-tooltip {
		display: none;
	}

	img {
		display: block;
		width: 100%;
	}
}
