[id] {
	scroll-margin-top: 4rem;
}

.page-head {
	background-image: url(header01.jpg);
}

.page-head.p2 {
	background-image: url(header02.jpg);
}

.homepage-featured-plugins {
	margin-top: -60px;
	margin-bottom: 6rem;
}

img.plugin-icon {
	float: left;
	margin-top: -58px;
	margin-right: 1rem;
}


.plugin-features .row {
	border-bottom: 1px solid var(--primary-lighter);
}

.plugin-description h1,
.plugin-description h2,
.plugin-description h3,
.plugin-description h4,
.plugin-description h5,
.plugin-description h6 {
	font-size: 100%;
}

.plugin-faq details {
	background-color: #f1f5f9;
	border-radius: 6px;
	padding: 1rem;
	margin-bottom: 1rem;
}

.plugin-faq details:hover {
	background-color: #e2e8f0;
}

.plugin-faq details[open] {
	background-color: #e0f2fe;
}

.plugin-faq details summary {
	font-size: 20px;
}


/* Page - billing */

.card-payment {
	border: 1px solid rgba(70,13,141, .1);
}


.StripeElement {
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s;
	height: 40px;
}

.StripeElement::placeholder {
	color: #aab7c4;
}

.StripeElement--focus {
    color: #495057;
    border-color: #80bdff;
    box-shadow: none;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}