/**
 * This CSS file was auto-generated via PostCSS
 *
 * Contributors should avoid editing this file, but instead edit the associated
 * src/resources/postcss/ file. For more information, check out our engineering
 * docs on how we handle CSS in our engineering docs.
 *
 * @see: https://the-events-calendar.github.io/products-engineering/docs/code-standards/css/
 */

.events-cal #fs_connect, .toplevel_page_tribe-common #fs_connect, .toplevel_page_tribe-help #fs_connect, .toplevel_page_tribe-app-shop #fs_connect {
		background-color: #fff;
		margin: 20px 20px 0 2px;
		max-width: 1200px;
		position: relative;
		width: auto;
	}

		.events-cal #fs_connect .fs-visual, .toplevel_page_tribe-common #fs_connect .fs-visual, .toplevel_page_tribe-help #fs_connect .fs-visual, .toplevel_page_tribe-app-shop #fs_connect .fs-visual {
			align-content: center;
			align-items: center;
			background-color: transparent;
			display: flex;
			margin: 0 35px;
			padding: 20px 0 0;
		}

		.events-cal #fs_connect .fs-visual .fs-site-icon,
			.events-cal #fs_connect .fs-visual .fs-plugin-icon,
			.events-cal #fs_connect .fs-visual .fs-first.dashicons-plus,
			.events-cal #fs_connect .fs-visual .fs-second.dashicons-plus,
			.events-cal #fs_connect .fs-visual .fs-connect-logo,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-site-icon,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-plugin-icon,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-first.dashicons-plus,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-second.dashicons-plus,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-connect-logo,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-site-icon,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-plugin-icon,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-first.dashicons-plus,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-second.dashicons-plus,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-connect-logo,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-site-icon,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-plugin-icon,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-first.dashicons-plus,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-second.dashicons-plus,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-connect-logo {
				border: 0;
				bottom: auto;
				left: auto;
				margin: 0;
				position: relative;
				right: auto;
				top: auto;
				width: auto;
			}

		.events-cal #fs_connect .fs-visual .fs-site-icon,
			.events-cal #fs_connect .fs-visual .fs-plugin-icon,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-site-icon,
			.toplevel_page_tribe-common #fs_connect .fs-visual .fs-plugin-icon,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-site-icon,
			.toplevel_page_tribe-help #fs_connect .fs-visual .fs-plugin-icon,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-site-icon,
			.toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-plugin-icon {
				width: 60px;
			}

		.events-cal #fs_connect .fs-visual .dashicons-plus, .toplevel_page_tribe-common #fs_connect .fs-visual .dashicons-plus, .toplevel_page_tribe-help #fs_connect .fs-visual .dashicons-plus, .toplevel_page_tribe-app-shop #fs_connect .fs-visual .dashicons-plus {
				color: #17a0d6;
				padding-left: 4px;
				padding-right: 4px;
				width: auto;
			}

		.events-cal #fs_connect .fs-visual .fs-site-icon .dashicons, .toplevel_page_tribe-common #fs_connect .fs-visual .fs-site-icon .dashicons, .toplevel_page_tribe-help #fs_connect .fs-visual .fs-site-icon .dashicons, .toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-site-icon .dashicons {
					visibility: hidden;
				}

		.events-cal #fs_connect .fs-visual .fs-site-icon:before, .toplevel_page_tribe-common #fs_connect .fs-visual .fs-site-icon:before, .toplevel_page_tribe-help #fs_connect .fs-visual .fs-site-icon:before, .toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-site-icon:before {
					background-image: url('../images/event-tickets.svg');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 85%;
					content: '';
					display: block;
					height: 100%;
					position: absolute;
					width: 100%;
				}

		.events-cal #fs_connect .fs-visual .fs-plugin-icon img, .toplevel_page_tribe-common #fs_connect .fs-visual .fs-plugin-icon img, .toplevel_page_tribe-help #fs_connect .fs-visual .fs-plugin-icon img, .toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-plugin-icon img {
					visibility: hidden;
				}

		.events-cal #fs_connect .fs-visual .fs-plugin-icon:before, .toplevel_page_tribe-common #fs_connect .fs-visual .fs-plugin-icon:before, .toplevel_page_tribe-help #fs_connect .fs-visual .fs-plugin-icon:before, .toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-plugin-icon:before {
					background-image: url('../icons/stethoscope.svg');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 75%;
					content: '';
					display: block;
					height: 100%;
					position: absolute;
					width: 100%;
				}

		.events-cal #fs_connect .fs-visual .fs-connect-logo, .toplevel_page_tribe-common #fs_connect .fs-visual .fs-connect-logo, .toplevel_page_tribe-help #fs_connect .fs-visual .fs-connect-logo, .toplevel_page_tribe-app-shop #fs_connect .fs-visual .fs-connect-logo {
				background-image: url('../icons/mailplane.svg');
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 80%;
				box-sizing: border-box;
				display: block;
				height: 80px;
				padding-left: 60px;
				width: 60px;
			}

		.events-cal #fs_connect .fs-content, .toplevel_page_tribe-common #fs_connect .fs-content, .toplevel_page_tribe-help #fs_connect .fs-content, .toplevel_page_tribe-app-shop #fs_connect .fs-content {
			padding: 20px 35px;
		}

		.events-cal #fs_connect .fs-content h3, .toplevel_page_tribe-common #fs_connect .fs-content h3, .toplevel_page_tribe-help #fs_connect .fs-content h3, .toplevel_page_tribe-app-shop #fs_connect .fs-content h3 {
				font-size: 1.7em;
				margin-top: 0;
			}

		.events-cal #fs_connect .fs-content p, .toplevel_page_tribe-common #fs_connect .fs-content p, .toplevel_page_tribe-help #fs_connect .fs-content p, .toplevel_page_tribe-app-shop #fs_connect .fs-content p {
				margin-bottom: 20px;
			}

		.events-cal #fs_connect .fs-content p:first-child,
				.events-cal #fs_connect .fs-content p:last-child,
				.toplevel_page_tribe-common #fs_connect .fs-content p:first-child,
				.toplevel_page_tribe-common #fs_connect .fs-content p:last-child,
				.toplevel_page_tribe-help #fs_connect .fs-content p:first-child,
				.toplevel_page_tribe-help #fs_connect .fs-content p:last-child,
				.toplevel_page_tribe-app-shop #fs_connect .fs-content p:first-child,
				.toplevel_page_tribe-app-shop #fs_connect .fs-content p:last-child {
					margin-bottom: 0;
				}

		.events-cal #fs_connect .fs-content .tribe-powered-by-freemius, .toplevel_page_tribe-common #fs_connect .fs-content .tribe-powered-by-freemius, .toplevel_page_tribe-help #fs_connect .fs-content .tribe-powered-by-freemius, .toplevel_page_tribe-app-shop #fs_connect .fs-content .tribe-powered-by-freemius {
				background-image: url('../icons/freemius-logo.svg');
				background-position: right center;
				background-repeat: no-repeat;
				background-size: 100px;
				font-size: 1.1em;
				font-style: italic;
				height: 30px;
				line-height: 30px;
				position: absolute;
				right: 45px;
				top: 25px;
				width: 184px;
			}

		.events-cal #fs_connect .fs-actions, .toplevel_page_tribe-common #fs_connect .fs-actions, .toplevel_page_tribe-help #fs_connect .fs-actions, .toplevel_page_tribe-app-shop #fs_connect .fs-actions {
			background-color: #f3f3f3;
			display: flex;
			flex-flow: row wrap;
			padding: 20px 35px;
		}

		.events-cal #fs_connect .fs-actions form, .toplevel_page_tribe-common #fs_connect .fs-actions form, .toplevel_page_tribe-help #fs_connect .fs-actions form, .toplevel_page_tribe-app-shop #fs_connect .fs-actions form {
				float: none;
				margin-right: 15px;
				order: 1;
			}

		.events-cal #fs_connect .fs-actions #skip_activation, .toplevel_page_tribe-common #fs_connect .fs-actions #skip_activation, .toplevel_page_tribe-help #fs_connect .fs-actions #skip_activation, .toplevel_page_tribe-app-shop #fs_connect .fs-actions #skip_activation {
				float: none;
				order: 2;
			}

		.events-cal #fs_connect .fs-actions .button, .toplevel_page_tribe-common #fs_connect .fs-actions .button, .toplevel_page_tribe-help #fs_connect .fs-actions .button, .toplevel_page_tribe-app-shop #fs_connect .fs-actions .button {
				height: auto;
				padding: 7px 35px;
			}

		.events-cal #fs_connect .fs-actions .button.button-primary, .toplevel_page_tribe-common #fs_connect .fs-actions .button.button-primary, .toplevel_page_tribe-help #fs_connect .fs-actions .button.button-primary, .toplevel_page_tribe-app-shop #fs_connect .fs-actions .button.button-primary {
					padding-left: 35px;
					padding-right: 35px;
				}

		.events-cal #fs_connect .fs-permissions, .toplevel_page_tribe-common #fs_connect .fs-permissions, .toplevel_page_tribe-help #fs_connect .fs-permissions, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions {
			padding: 0;
			position: relative;
		}

		.events-cal #fs_connect .fs-permissions .fs-trigger, .toplevel_page_tribe-common #fs_connect .fs-permissions .fs-trigger, .toplevel_page_tribe-help #fs_connect .fs-permissions .fs-trigger, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions .fs-trigger {
				left: 380px;
				padding: 10px;
				position: absolute;
				top: -65px;
			}

		.events-cal #fs_connect .fs-permissions.fs-open, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open {
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
				padding: 20px 35px;
				position: absolute;
			}

		.events-cal #fs_connect .fs-permissions.fs-open ul, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul {
					display: flex;
					flex-wrap: wrap;
					margin: 0;
				}

		.events-cal #fs_connect .fs-permissions.fs-open ul li, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul li, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul li, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul li {
						flex: 0 50%;
						padding-bottom: 10px;
					}

		.events-cal #fs_connect .fs-permissions.fs-open ul li .dashicons, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul li .dashicons, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul li .dashicons, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul li .dashicons { /* stylelint-disable-line max-nesting-depth */
							padding-right: 15px;
						}

		.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons {
						background-position: left center;
						background-repeat: no-repeat;
						background-size: 65%;
					}

		.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons:before, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons:before, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons:before, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons:before { /* stylelint-disable-line max-nesting-depth */
							content: '';
						}

		.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons-admin-users, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons-admin-users, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons-admin-users, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons-admin-users {
						background-image: url('../icons/user.svg');
					}

		.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons-admin-settings, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons-admin-settings, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons-admin-settings, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons-admin-settings {
						background-image: url('../icons/settings.svg');
					}

		.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons-testimonial, .toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons-testimonial, .toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons-testimonial, .toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons-testimonial {
						background-image: url('../icons/megaphone.svg');
					}

		.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons-admin-plugins,
					.events-cal #fs_connect .fs-permissions.fs-open ul .dashicons-menu,
					.toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons-admin-plugins,
					.toplevel_page_tribe-common #fs_connect .fs-permissions.fs-open ul .dashicons-menu,
					.toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons-admin-plugins,
					.toplevel_page_tribe-help #fs_connect .fs-permissions.fs-open ul .dashicons-menu,
					.toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons-admin-plugins,
					.toplevel_page_tribe-app-shop #fs_connect .fs-permissions.fs-open ul .dashicons-menu {
						background-image: url('../icons/plug.svg');
					}

		.events-cal #fs_connect .fs-terms, .toplevel_page_tribe-common #fs_connect .fs-terms, .toplevel_page_tribe-help #fs_connect .fs-terms, .toplevel_page_tribe-app-shop #fs_connect .fs-terms {
			background-color: transparent;
			bottom: 30px;
			position: absolute;
			right: 10px;
			width: 240px;
		}
