/*
Theme Name: QC Salient Theme
Template:   salient
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/

.ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qc-call-out-wrapper {
	--qc-padding: 1rem;
	padding: var(--qc-padding);
	background-color: #f4f4f4;
	text-align: center;
}

.qc-call-out-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: calc(var(--qc-padding) * -0.5);
	margin-right: calc(var(--qc-padding) * -0.5);
}

.qc-call-out-left {
	padding: 0 calc(var(--qc-padding) * 0.5);
	display: flex;
	justify-content: center;
}

.qc-call-out-right {
	padding: 0 calc(var(--qc-padding) * 0.5);
}

@media only screen and (min-width: 992px) {
	.qc-call-out-row {
		flex-direction: row;
	}

	.qc-call-out-left {
		width: 50px;
	}

	.qc-call-out-right {
		width: calc(100% - 50px);
		text-align: left;
	}
}

