/**
 * GoWebix Blockquote Addon Styles
 * Version: 1.0.3
 */

/* ========================================
   WRAPPER
   ======================================== */
.gwx-blockquote-wrapper {
	display: block !important;
	width: 100% !important;
	margin: 0 0 28px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

/* ========================================
   BODY
   ======================================== */
.gwx-blockquote-body {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

/* ========================================
   ICON
   ======================================== */
.gwx-blockquote-icon {
	display: block !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	color: #00c2e5 !important;
	font-size: 28px !important;
	line-height: 1 !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.gwx-blockquote-icon i {
	display: inline-block !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-style: normal !important;
}

/* Do not override FontAwesome font-family here.
   Other GoWebix addons already load/use FontAwesome globally. */

/* ========================================
   TITLE
   ======================================== */
.gwx-blockquote-title {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #000000 !important;
	font-family: inherit !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 35px !important;
	letter-spacing: -0.02em !important;
	word-wrap: break-word !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
	.gwx-blockquote-wrapper {
		margin-bottom: 24px !important;
	}

	.gwx-blockquote-icon {
		font-size: 25px !important;
		margin-bottom: 15px !important;
	}

	.gwx-blockquote-title {
		font-size: 22px !important;
		line-height: 30px !important;
	}
}

@media (max-width: 480px) {
	.gwx-blockquote-icon {
		font-size: 23px !important;
		margin-bottom: 13px !important;
	}

	.gwx-blockquote-title {
		font-size: 20px !important;
		line-height: 28px !important;
	}
}
/* =========================================================
   GoWebix Blockquote - Mobile Gutter Fix
   Adds safe horizontal padding only to the blockquote addon.
   ========================================================= */

@media (max-width: 767px) {
.gwx-blockquote-wrapper {
padding-left: 20px !important;
padding-right: 20px !important;
box-sizing: border-box;
}

.gwx-blockquote-body,
.gwx-blockquote-title {
max-width: 100%;
box-sizing: border-box;
}
}