/**/
/* EMAIL EDITOR TEMPLATES BLOG */
/**/
.email-editor-container {
	border: 1px solid rgb(230, 230, 230);
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;
	margin-top: 24px;
}

.email-editor-header {
	padding: 16px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 20px;
	border-bottom: 1px solid rgb(230, 230, 230);
}
.email-editor-header p {
	margin-top: 0;
}
.email-editor-header > p {
	display: flex;
	align-items: center;
}
.email-editor-header-send-btn {
	background: #0075f2;
	border-radius: 4px;
	color: white;
	padding: 0 12px 0 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .5;
}
.email-editor-header-send-btn img {
	width: 40px;
	color: white;
	padding: 8px;
	margin-top: 0 !important;
}
.email-editor-header-icons {
	display: flex;
	align-items: center;
	gap: 10px;
}
.email-editor-header-icons img {
	width: 24px;
	margin-top: 0 !important;
	margin-right: 10px;
	opacity: .3;
}

.email-editor-body {
	padding: 0 16px 16px 16px;
}
.email-editor-body-emails-container {
	display: grid;
	grid-template-columns: auto 1fr auto;
	margin-top: 16px;
}
.email-editor-body-emails-container p {
	margin-top: 0;
}
.email-editor-body-email-container img {
	width: 14px;
	margin-left: 8px;
}
.email-editor-body-to-container {
	padding: 10px 20px;
	border-radius: 4px;
	border: 1px solid rgb(230, 230, 230);
}
.email-editor-body-email-container {
	border-bottom: 1px solid rgb(66, 66, 66);
	margin-left: 20px;
	padding: 0 8px;
	display: flex;
	align-items: center;
}
.email-editor-body-email-container-inner {
	width: max-content;
	border: 1px solid rgb(230, 230, 230);
	border-radius: 4px;
	padding: 4px 8px;
}
.email-editor-body-email-container-inner img {
	margin-top: 0 !important;
}
.email-editor-body-cc-bcc-container {
	display: flex;
	gap: 8px;
	border-bottom: 1px solid rgb(66, 66, 66);
}
.email-editor-body-cc-bcc-container span {
	padding: 6px 8px;
}


.email-editor-body-subject-container {
	margin-top: 16px;
}

.email-editor-body-content-container {
	margin-top: 32px;
}

.email-editor-btn-container {
	display: flex;
	gap: 16px;
	margin-top: 16px;
}
.email-editor-btn-container .btn-icon-left {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.email-editor-btn-container .btn-icon-left svg {
	width: 20px;
	height: 20px;
	transition: fill .2s ease-in-out;
}
.email-editor-btn-container .btn-accent:hover svg, .email-editor-btn-container .btn-accent:focus svg {
	fill: #0075f2;
}


@media (max-width: 768px) {
	.email-editor-header-icons, .email-editor-header-send-btn b, .email-editor-body-cc-bcc-container {
		display: none;
	}
	.email-editor-body-emails-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.email-editor-body-email-container {
		margin-left: 0;
		width: 100%;
		padding-bottom: 4px;
	}
}