/* General Styles */

	body.wp-admin .wp-block {
		max-width: 780px;
	}

	body.wp-admin .components-panel__row:has(select) {
		display: block;
	}

	.block-editor__typewriter h1, .block-editor__typewriter h2, .block-editor__typewriter h3, .block-editor__typewriter h4, .block-editor__typewriter h5, .block-editor__typewriter h6 {
		color: var(--headColor) !important;
		font-family: var(--headFont) !important;
	}

	body .editor-styles-wrapper {
		font-family: var(--contentFont) !important;
	}

	.editor-styles-wrapper p {
		line-height: 1.75;
	}

	.safiricon, .themeicon {
		display: block;
	}

	.safiricon svg, .themeicon svg {
		display: block;
		fill: currentColor;
		width: 20px;
		height: 20px;
		margin: auto;
	}

	.safirGutenbergBlockContainer.overflow {
		overflow: hidden;
	}

	.safirGutenbergBlockContainer .safirButton {
		float: left;
	}

/* Safir Button */

	.safirButton {
		color: #fff !important;
		background: var(--c1);
		line-height: 20px;
		transition: all .3s;
		font-weight: 500 !important;
		font-size: 16px;
		border-radius: 1px;
		width: fit-content;
		display: flex;
		align-items: center;
	}

	.safirButton:hover {
		background: var(--c2);
	}

	.safirButton .icon {
		background: rgba(255,255,255,.075);
		padding: 10px;
	}

	.safirButton .text {
		padding: 10px 15px;
	}

	.safirButton.alt {
		background: var(--c2);
	}

	.safirButton.alt:hover {
		background: var(--c1);
	}

/* Single Heading */

	.singleHeading {
		position: relative;
		margin-bottom: var(--wideMargin );
		color: var(--headColor);
	}

	.singleHeading .icon {
		width: 30px;
		height: 20px;
	}

	.singleHeading .inner {
		display: inline-flex;
		font-family: var(--headFont);
		border-bottom: 2px solid var(--headColor);
		padding: 0 3px 15px 0;
		line-height: 20px;
		position: relative;
		z-index: 20;
	}

	.singleHeading .text {
		font-weight: 600;
		font-size: 20px;
	}

	.singleHeading:after {
		content: "";
		display: block;
		height: 2px;
		margin: 0 calc(-1 * var(--wideMargin)) 0;
		background: #f0f0f0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}

	.safirGutenbergBlockContainer .singleHeading::after {
		margin: 0;
	}

/* Soru Cevap */

	div.safir-faq {
		font-size: 16px;
		border-bottom: 2px solid rgba(0,0,0,.05);
	}

	div.safir-faq + div.safir-faq {
		margin-top: 0 !important;
	}

	div.safir-faq .question {
		cursor: pointer;
		padding: 10px 0;
		font-weight: 600;
		font-size: 17px;
		position: relative;
		overflow: hidden;
		transition:all .3s;
		display: flex;
		gap: 10px;
		align-items: center;
	}

	div.safir-faq.active .question {
		color: var(--c1);
	}

	div.safir-faq .question .text {
		line-height: 20px;
		padding: 10px 0;
		display: block;
	}

	div.safir-faq .question > .icon {
		display: flex;
		align-items: center;
		background: var(--c1);
		color: #fff;
		padding: 6px;
		border-radius: 2px;
	}
	
	div.safir-faq .icon svg {
		margin: 0;
		width: 12px;
		height: 12px;
	}

	div.safir-faq.active .question .icon span:nth-child(1), div.safir-faq:not(.active) .question .icon span:nth-child(2) {
		display: none;
	}

	div.safir-faq div.answer {
		display: none;
		margin: 0 0 20px 34px;
		line-height: 1.8;
		font-size: 16px;
	}

	.safirGutenbergBlockContainer div.safir-faq .question + * {
		padding-left: 34px;
		margin-top: 0;
	}

/* Description Box */

	div.descriptionbox {
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 20px;
		color: #fff;
		text-shadow: 0 0 5px #000;
		background-size: cover !important;
		background-position: 50% 50%;
		background-image: url(../../../../images/picheader.jpg);
	}

	.descriptionbox .inner {
		padding: 3%;
		overflow: hidden;
		background: rgba(0,0,0,.4);
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.descriptionbox .icon svg {
		width: 60px;
		height: 60px;
	}

	.descriptionbox .header {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.descriptionbox .content {
		text-align: left;
		font-size: 15px;
		line-height: 1.5;
	}

	.descriptionbox .content p {
		margin: 0;
		line-height: 1.5;
	}

	.descriptionbox .content a {
		color: #ddd;
	}

	.descriptionbox .content a:hover {
		color: #fff;
	}

/* Safir List */

	.safir-list ul, .safir-list ol {
		overflow: hidden;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr;
		padding-left: 0 !important;
		box-sizing: border-box;
	}

	.safirGutenbergBlockContainer .safir-list ul, .safirGutenbergBlockContainer .safir-list ol {
		margin-left: auto;
		margin-right: auto;
	}

	.safir-list ul li, .safir-list ol li {
		padding: 10px 15px;
		border: 2px solid #f3f3f3;
		list-style: none !important;
		margin: 0 !important;
		display: grid;
		align-items: center;
		text-align: left;
		background: #fafafa;
		border-radius: 5px;
	}

	.safir-list[data-col="2"] ul, .safir-list[data-col="2"] ol {
		grid-template-columns: 1fr 1fr;
	}

	.safir-list[data-col="3"] ul, .safir-list[data-col="3"] ol {
		grid-template-columns: repeat(3, 1fr);
	}

	.safir-list[data-col="4"] ul, .safir-list[data-col="4"] ol {
		grid-template-columns: repeat(4, 1fr);
	}

	@media all and (max-width:768px) {

		.safir-list ul, .safir-list ol {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
		}

	}