/*! 
 * This file contains the same styling for both PBF & Premium Add-On
 * Please keep in sync!
 */

/**
 * --------------------
 * Admin Page
 * --------------------
 */
.wpbf-admin-page {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
}

.wpbf-admin-page > .left-section {
	width: 65%;
}

.wpbf-admin-page > .right-section {
	padding-left: 40px;
	width: 35%;
}

.wpbf-admin-page .neatbox:last-child,
.wpbf-admin-page > .left-section .neatbox:last-child,
.wpbf-admin-page > .right-section .neatbox:last-child {
	margin-bottom: 0;
}

.wpbf-admin-page .neatbox-content > p,
.wpbf-admin-page .list-item > p,
.wpbf-admin-page .list-content > p {
	font-size: 14px;
}

/**
 * --------------------
 * Customizer Link List
 * --------------------
 */
.wpbf-admin-page .customizer-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.wpbf-admin-page .customizer-list .list-item:nth-child(even) {
	padding-left: 15px;
	border-right-width: 0;
}

.wpbf-admin-page .customizer-list .list-item {
	padding-top: 18px;
	padding-bottom: 18px;
	width: 50%;
	border-right: 1px solid #eee;
}

.wpbf-admin-page .customizer-list .list-item:last-child {
	width: 100%;
}

/**
 * --------------------
 * Premium Add-On List
 * --------------------
 */
.wpbf-admin-page .premium-list .list-item:last-child {
	background: #f1f1f1;
}

.wpbf-admin-page .premium-list .list-content {
	width: 60%;
}

.wpbf-admin-page .premium-list .list-action {
	width: 40%;
}

.wpbf-admin-page .premium-list i {
	color: #47d87c;
	text-align: right;
	margin-right: 20px;
}

/**
 * --------------------
 * Setting Fields
 * --------------------
 */
/* Checkbox label */
.wpbf-admin-page .label input:checked ~ .indicator {
	background-color: #007cba;
}

.wpbf-admin-page .label:hover input:not([disabled]):checked ~ .indicator,
.wpbf-admin-page .label input:checked:focus ~ .indicator {
	background-color: #00669b;
}

.wpbf-show-advanced {
	display: inline-block;
	margin-top: 10px;
	box-shadow: none;
}

.wpbf-show-advanced.button {
	display: block;
	margin-top: 15px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

/**
 * --------------------
 * Recommended Plugins
 * --------------------
 */
.wpbf-admin-page .recommended-list .dashicons {
	color: #47d87c;
}

/**
 * --------------------
 * Additional Resources
 * --------------------
 */
.wpbf-admin-page .additional-list .dashicons {
	margin-right: 5px;
}

/**
 * --------------------
 * Responsiveness
 * --------------------
 */
@media screen and (max-width: 991.32px) {
	.wpbf-admin-page > .left-section {
		width: 100%;
	}

	.wpbf-admin-page > .right-section {
		padding-left: 0;
		width: 100%;
	}
}

/*! 
 * This file contains the same styling for both PBF & Premium Add-On
 * Please keep in sync!
 */