.nb-testimonial {
	// border: solid 1px #ddd;
	.editor-rich-text__tinymce[data-is-placeholder-visible="true"]
		+ .editor-rich-text__tinymce {
		padding: 0;
	}
}

// InspectorControls
.testimonialTypography {
	// Submenu Items
	.subTitle {
		h2 {
			padding-left: 10px;
			.components-panel__body-toggle {
				color: #949292;
			}
			button:focus:not(:disabled):not([aria-disabled="true"]) {
				// color: red;
				border: none;
				box-shadow: none;
				outline-offset: -2px;
				outline: none;
			}
			&:hover {
				background: none;
			}
		}
	}
}

.NBTestimonialSlider {
	.image {
		position: relative;
		.components-toolbar {
			position: absolute;
			right: 0;
			z-index: 9999;
			left: 0;
			height: 80px;
			width: 80px;
			margin: 0 auto;
			border-radius: 50%;
			opacity: 0;
			background-color: rgba(0, 0, 0, 0.5);
			border: none;
			.components-icon-button {
				background-color: transparent;
				color: #fff;
				box-shadow: none !important;
				text-align: center;
				margin: 0 auto;
				padding: 0;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				align-self: center;
				justify-content: center;
				svg:hover {
					color: #fff;
					box-shadow: none;
					border: solid 1px #fff;
				}
			}
		}
		&:hover {
			.components-toolbar {
				opacity: 1;
			}
		}
	}

	// Slick Carousel Style satrt

	.slick-list,
	.slick-slider,
	.slick-track {
		position: relative;
		display: block;
	}
	.slick-loading .slick-slide,
	.slick-loading .slick-track {
		visibility: hidden;
	}
	.slick-slider {
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}
	.slick-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.slick-list:focus {
		outline: 0;
	}
	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
	}
	.slick-slider .slick-list,
	.slick-slider .slick-track {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.slick-track {
		top: 0;
		left: 0;
	}
	.slick-track:after,
	.slick-track:before {
		display: table;
		content: "";
	}
	.slick-track:after {
		clear: both;
	}
	.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
	}
	[dir="rtl"] .slick-slide {
		float: right;
	}
	.slick-slide img {
		display: block;
	}
	.slick-slide.slick-loading img {
		display: none;
	}
	.slick-slide.dragging img {
		pointer-events: none;
	}
	.slick-initialized .slick-slide {
		display: block;
	}
	.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
		display: none;
	}

	// Slick theme min.css Dots
	.slick-dots {
		bottom: -25px;
		width: 100%;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}

	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: 0;
		background: 0 0;
	}
	.slick-dots li button:focus,
	.slick-dots li button:hover {
		outline: 0;
	}
	.slick-dots li button:focus:before,
	.slick-dots li button:hover:before {
		opacity: 1;
	}
	.slick-dots li button:before {
		font-size: 6px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		content: "";
		text-align: center;
		opacity: 0.25;
		color: #000;
		background-color: #bbb;
		border-radius: 50%;
	}
	.slick-dots li.slick-active button:before {
		opacity: 0.75;
		color: #000;
	}

	// Slick Carousel end
}
