/*!
Theme Name: Plugin Republic 2020
Theme URI: https://pluginrepublic.com
Author: Gareth Harris
Author URI: https://pluginrepublic.com
Description: 2020 version
Version: 1.4.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: plugin_republic

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Plugin Republic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base


--------------------------------------------------------------*/

@font-face {
  font-family: 'fontello';
  src: url('../plugin_republic/assets/font/fontello.eot?13005241');
  src: url('../plugin_republic/assets/font/fontello.eot?13005241#iefix') format('embedded-opentype'),
       url('../plugin_republic/assets/font/fontello.woff2?13005241') format('woff2'),
       url('../plugin_republic/assets/font/fontello.woff?13005241') format('woff'),
       url('../plugin_republic/assets/font/fontello.ttf?13005241') format('truetype'),
       url('../plugin_republic/assets/font/fontello.svg?13005241#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro Light'), local('Sweet-Sans-Pro-Light'),
		url('../plugin_republic/assets/font/SweetSansPro-Light.woff2') format('woff2'),
        url('../plugin_republic/assets/font/SweetSansPro-Light.woff') format('woff'),
        url('../plugin_republic/assets/font/SweetSansPro-Light.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro Medium'), local('Sweet-Sans-Pro-Medium'),
		url('../plugin_republic/assets/font/SweetSansPro-Medium.woff2') format('woff2'),
        url('../plugin_republic/assets/font/SweetSansPro-Medium.woff') format('woff'),
        url('../plugin_republic/assets/font/SweetSansPro-Medium.ttf') format('truetype');
    font-weight: 700;
	font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro Heavy'), local('Sweet-Sans-Pro-Heavy'),
		url('../plugin_republic/assets/font/SweetSansPro-Heavy.woff2') format('woff2'),
        url('../plugin_republic/assets/font/SweetSansPro-Heavy.woff') format('woff'),
        url('../plugin_republic/assets/font/SweetSansPro-Heavy.ttf') format('truetype');
    font-weight: 900;
	font-display: swap;
}
/*
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../plugin_republic/assets/font/fontello.svg?13005241#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before,
.dashicons:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.dashicons-yes:before,
.icon-ok:before {
	content: '\e800';
}
.icon-user:before { content: '\e801'; } /* '' */
.icon-trash-empty:before { content: '\e802'; } /* '' */

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	overflow-x: clip;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	margin: 0;
	text-wrap: balance;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: 900;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5rem;
  font-weight: 500;
  font-size: 60%;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

svg {
	background-repeat: no-repeat;
	overflow: hidden
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change its value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
  /* scroll-behavior:smooth */
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	line-height: 1.5;
	font-family: 'Sweet Sans Pro', sweet-sans-pro, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 19.2px;
	font-size: 1.2rem;
	color: #001c46;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: #00006a;
}

p {
	margin: 0 0 1.5rem;
}
p:last-child {
	margin-bottom: 0
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	padding: 2rem;
	border-radius: 1rem;
	margin: 0;
	border: 2px solid rgb(70,136,255,.2);
}
blockquote p {
	opacity: 0.6;
	font-weight: 700;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5rem;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 900;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
table th,
table td {
	padding: 1rem
}
table tr:nth-of-type(even) {
	background: rgb(70,136,255,0.1);
}
thead {
	color: #fff;
    border-radius: 5px 5px 0 0;
    background-image: rgb(70,136,255);
    background-image: linear-gradient(90deg, rgba(70,136,255,1) 0%, rgba(42,188,255,1) 100%);
}
/* Links
--------------------------------------------- */
a {
	color: #2a3edd;
	text-decoration: none
}

a:visited {
	color: #2a3edd
}

a:hover,
a:focus,
a:active {
	color: #00006a;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #001c46;
	border: 3px solid #f1f1f1;;
	border-radius: 8px;
	padding: 1rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	/* color: #111; */
	outline: none
}

select {
	color: #001c46;
	border: 3px solid #f1f1f1;;
	border-radius: 8px;
	padding: 1rem;
}
select:active,
select:focus {
  outline: none;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Headings
--------------------------------------------- */
h1 {
	font-size: 3.5rem;
	font-weight: 900;
	color: #00006a
}
h2,
h3,
h4,
h5 {
	font-weight: 700;
	margin: 0 0 2rem;
	font-size: 3em
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1.5rem;
	margin-bottom: 1rem
}
h5 {
	font-size: 1.25rem;
	margin-bottom: 1rem
}
h6 {
	font-size: 1.25rem;
	margin-bottom: 1rem
}

p {
	line-height: 1.5
}
.centered {
	text-align: center;
}
.double-padding {
	padding-top: 2rem
}
@media screen and (max-width: 960px) {
	h1 {
		font-size: 2.5rem
	}
	h2 {
		font-size: 2.25rem
	}
}

/* Buttons
--------------------------------------------- */

a.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="submit"].button,
.edd-submit,
[type=submit].edd-submit {
	color: white;
	text-decoration: none;
	position: relative;
	padding: 0.5rem 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	background: rgb(70,136,255);
	background-image: linear-gradient(90deg, rgba(70,136,255,1) 0%, rgba(42,188,255,1) 100%);
	border: 0;
	border-radius: 2rem;
}
input[type="submit"].button {
	padding: 1rem;
	cursor: pointer;
	line-height: 1.5
}
a.button:hover,
button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="submit"].button:hover,
.edd-submit:hover,
[type=submit].edd-submit:hover {
	background: rgb(42,188,255);
	background-image: linear-gradient(90deg, rgba(42,188,255,1) 0%, rgba(70,136,255,1) 100%);
}
a.button.button-secondary,
input[type="submit"].button-secondary {
	background: rgb(0,211,196);
	background-image: linear-gradient(90deg, rgba(0,211,196,1) 0%, rgba(5,228,184,1) 100%);
}
a.button.button-secondary:hover,
input[type="submit"].button-secondary:hover {
	background: rgba(5,228,184,1);
	background-image: linear-gradient(90deg, rgba(5,228,184,1) 0%, rgba(0,211,196,1) 100%);
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	/* border-color: #aaa #bbb #bbb; */
	outline: none
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
.site {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.site-main {
	margin: 6rem 0
}
.center-text {
	text-align: center;
}

/* Grid
--------------------------------------------- */
.container {
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}
.narrow {
	max-width: 960px
}
.half-width {
	max-width: 700px;
}
.grid {
	display: grid;
	grid-gap: 2rem
}
.wide-gap {
	grid-gap: 4rem
}
.q1q3 {
	grid-template-columns: 1fr 3fr
}
.q3q1 {
	grid-template-columns: 3fr 1fr
}
.t1t2 {
	grid-template-columns: 1fr 2fr
}
.t2t1 {
	grid-template-columns: 2fr 1fr
}
.t3t2 {
	grid-template-columns: 3fr 2fr
}
.halves {
	grid-template-columns: 1fr 1fr;
	grid-gap: 4rem
}
.thirds {
	grid-template-columns: 1fr 1fr 1fr
}
.quarters {
	grid-template-columns: 1fr 1fr 1fr 1fr
}
.hero-columns {
	grid-template-columns: 500px 1fr;
}
.home .hero-columns {
	grid-template-columns: 580px 1fr;
}
.hero-columns.has-benefit {
  align-items: center;
  grid-template-columns: 550px 1fr;
}
.has-benefit-sub .hero-columns.has-benefit {
	justify-content: space-between;
	grid-template-columns: 650px 650px;
	grid-gap: 0;
	align-items: flex-start; /* @todo  */
}
@media screen and (max-width: 1200px) {
	.halves-medium {
		grid-template-columns: 1fr 1fr;
		grid-gap: 4rem
	}
	.has-benefit-sub .hero-columns.has-benefit {
		display: block;
	}
	.has-benefit-sub .hero-image-wrapper {
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	.site-main {
		margin: 2rem 0
	}
	.hero-columns {
		grid-template-columns: 1fr;
	}
	.grid {
		display: block;
	}
	.grid > div {
		margin-bottom: 2rem
	}
  	.single-narrow {
		grid-template-columns: 1fr;
		margin-left: auto;
		margin-right: auto;
		max-width: 600px
	}
	.site-header .grid.q1q3 {
		display: grid;
		grid-template-columns: 1fr 50px;
		align-items: center;
	}
	.site-header .grid.q1q3 > div {
		margin-bottom: 0
	}
}

.align-items-center {
	height: 100%;
	align-items: center;
}
.align-items-flex-end {
	height: 100%;
	align-items: flex-end;
}
.left-center-absolute {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX( -50% );
	transform: translateX( -50% );
	z-index: -1
}

/* Header
--------------------------------------------- */
.site-header-wrapper {
	overflow: hidden;
}
@media screen and (max-width: 1024px ) {
	.site-header-wrapper {
		overflow: visible
	}	
}
.top-site-header {
	position: relative;
	height: 60px;
  	margin-bottom: 1rem;
}
.site-branding {
	width: 190px;
	height: 135px
}
@media screen and (max-width: 1024px) {
	.site-header {
		padding-top: 2rem
	}
	.top-site-header,
	.secondary-menu-bg {
		display: none
	}
}

/* Sticky Header
--------------------------------------------- */

/* Compact bar: fixed at top after scrolling past the header.
   Override .container width so the blue background spans full viewport. */
.sticky-header #masthead.scrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	margin: 0;
	z-index: 1000;
	background: #2d21c0;
	padding: 0.5rem max(5%, calc(50% - 650px));
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 2rem;
	animation: stickySlideDown 0.3s ease forwards;
}

@keyframes stickySlideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}

/* Logo wrapper: shrink to logo size, put first */
.sticky-header #masthead.scrolled .grid.q1q3 {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	order: -1;
}

/* Smaller logo */
.sticky-header #masthead.scrolled .site-branding {
	width: 46px;
	height: 46px;
	flex-shrink: 0;
}

.sticky-header #masthead.scrolled .plugin-republic-logo-blue {
	width: 46px;
	height: 46px;
	margin: 0;
	filter: none;
	background-image: url('https://pluginrepublic.com/wp-content/uploads/2026/04/square-icon-white.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}

/* Hide the normal menus and decorative elements in sticky state */
.sticky-header #masthead.scrolled .top-site-header,
.sticky-header #masthead.scrolled #site-navigation,
.sticky-header #masthead.scrolled .secondary-menu-bg,
.sticky-header #masthead.scrolled .secondary-menu-corner {
	display: none;
}

/* Show sticky menu, white text */
#sticky-navigation {
	display: none;
}

.sticky-header #masthead.scrolled #sticky-navigation {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: flex-end;
}

.sticky-header #masthead.scrolled #sticky-navigation ul.menu {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sticky-header #masthead.scrolled #sticky-navigation li {
	margin-left: 2rem;
}

.sticky-header #masthead.scrolled #sticky-navigation li a {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 1024px) {
	.sticky-header #masthead.scrolled {
		position: static;
		background: none;
		padding: 0;
		display: block;
		animation: none;
	}
}

/* Navigation
--------------------------------------------- */
.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  word-wrap: normal !important;
}
.menu-toggle,
#mobile-navigation {
	display: none
}
@media screen and (max-width: 1024px) {
	.menu-toggle {
		display: block;
		align-self: flex-end;
		float: right;
	}
	.menu-main-container {
		display: none
	}
	.toggled#mobile-navigation {
		display: block;
		position: absolute;
		top: 8rem;
		left: 0;
		width: 100%;
		background: white;
		z-index: 99;
		box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
	}
	.toggled#mobile-navigation ul.menu {
    display: block;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.toggled#mobile-navigation li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid rgba(186, 212, 212, 0.25);
	}
	.toggled#mobile-navigation li.page_item_has_children li {
		padding-left: 2rem;
		border-bottom: 0;
	}
	.toggled#mobile-navigation li a {
		display: block;
		padding: 2rem;
		color: #2a3edd
	}
	.toggled#mobile-navigation li a:hover {
		background: #2a3edd;
		color: #fff
	}
}
.site-header ul.menu {
	display: -webkit-box;
	display: flex;
	padding-left: 0;
	margin: 0;
	list-style: none;
}
.menu {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.menu li {
	margin-left: 2rem
}
.menu li a {
	text-decoration: none;
	color: white
}
#primary-menu li.current-menu-item a,
.post-type-archive-download #primary-menu li.current-menu-item a,
#secondary-menu li.current-menu-item a {
	color: #36dec5
}
.pr-has-benefit-sub #primary-menu li a,
.post-type-archive-download #primary-menu li a {
	color: #2d21c0
}
#secondary-menu .menu-header-container {
	float: right;
}
#secondary-menu li {
	line-height: 60px;
	background: #2d21c0;
	margin: 0;
	padding-left: 2rem
}
#secondary-menu li:nth-of-type(1) {
	padding-left: 0
}
.secondary-menu-corner {
	float: right;
	height: 60px;
}
.secondary-menu-bg {
	position: absolute;
	top: 0;
	right: -100%;
	height: 60px;
	width: 100%;
	background: #2d21c0;
}

/* Branding
--------------------------------------------- */
.plugin-republic-logo-blue {
	width: 190px;
	margin-left: -6px;
  margin-top: -4px;
  background-image: url(../plugin_republic/assets/images/logo.svg);
}

/* Footer
--------------------------------------------- */
.site-footer {
	position: relative;
	padding: 12rem 0 4rem;
	overflow: hidden;
}
.newsletter-wrapper {
	padding: 20rem 0
}
.wrapper-bg {
	position: absolute;
	top: 0;
	left: -2rem;
	right: -2rem;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.footer-menus-wrapper {
	/* padding: 20rem 0 0; */
}
.footer-wrapper-bg {
  background-image: url(../plugin_republic/assets/images/footer.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 110%;
	height: 110%
}
.footer-wrapper p.widget-title {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 900;
	text-align: left;
	margin-bottom: 0.5rem
}
.footer-wrapper ul {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: block;
}
.footer-wrapper ul li {
	margin: 0;
	padding: 0;
}
.footer-wrapper-overlay {
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4rem 2000px 0 0;
	border-color: #ffffff transparent transparent transparent;
}
.site-info,
.hosted-by {
	margin-top: 4rem;
	text-align: center;
	color: #fff
}
.site-info p {
	line-height: 1.15;
	margin: 0;
}

@media screen and (max-width: 1024px) {
	.footer-wrapper section {
		margin-bottom: 2rem
	}
}

/* Homepage
--------------------------------------------- */
.home .site-main {
	margin-top: -4rem
}
@media screen and (max-width: 1450px) {
	.home .site-main {
		margin-top: 0
	}
}
.homepage-graphic-wrapper,
.generic-graphic-wrapper {
	width: 1300px;
	margin: 0 auto;
	position: relative;
	z-index: -10;
}
.homepage-graphic-wrapper svg {
	height: 770px;
	position: absolute;
	left: 320px;
}
.generic-graphic-wrapper {
	margin: 0 auto;
	position: relative;
	z-index: -10
}
.generic-graphic-wrapper svg {
	height: 240px;
  position: absolute;
  left: 250px;
}
.featured-by-image {
	margin: 4rem 0
}
@media screen and (max-width: 1024px) {
	.homepage-graphic-wrapper,
	.generic-graphic-wrapper {
		display: none
	}
}

/* Homepage and Downloads
--------------------------------------------- */
.section-wrapper {
	margin-bottom: 2rem;
  	padding-top: 6rem;
	position: relative;
}
.bundle-products-wrapper.section-wrapper {
	padding-top: 2rem;
	margin-bottom: 6rem;
}
.download-bundle section#plugin-discover {
    padding-bottom: 4rem;
}
.single-download .discover-wrapper,
.single-download .tabs-wrapper {
	background: rgba(235,247,255,0.5);
	margin: 0 0 4rem;
	overflow: hidden;
}
.single-download .tabs-wrapper {
	padding-bottom: 6rem;
	margin-bottom: 0;
}
.triangle {
	border-top: 12rem solid white;
    border-right: 100vw solid transparent;
	position: absolute;
	top: 0 
}
.triangle-bottom {
	border-bottom: 12rem solid white;
    border-left: 100vw solid transparent;
	position: absolute;
	bottom: 0
}
.discover-wrapper-inner {
	padding: 8rem 0 6rem;
	z-index: 99;
	position: relative;
}
.single-download .reviews-blob {
	top: 0
}
.section-wrapper h2 {
    text-align: center;
    font-size: 2.2rem;
    text-wrap: pretty;
    font-weight: 900;
}
.hero-wrapper {
	min-height: 540px;
	margin: 2rem 0;
  	padding-top: 0
}
.home .hero-wrapper {
	margin-top: 4rem;
}
.hero-wrapper.has-benefit-sub {
	margin-top: 4rem
}
.home .hero-wrapper h1 {
	font-size: 2.75rem;
}
.hero-content {
	margin-top: -2rem;
}
.hero-wrapper .has-benefit h1 {
	margin-top: -20px;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5;
	width: 460px;
}
.has-benefit-sub .has-benefit h1 {
	margin: 0 0 0.5rem;
	width: auto;
	color: #2e46d3;
}
.has-benefit-sub .has-benefit p.benefit-sub {
	color: #2c2193;
	margin-bottom: 1rem;
}
.hero-wrapper .has-benefit h2 {
  text-align: left;
  font-size: 2.75rem;
  font-weight: 900;
  color: #00006a;
  margin-bottom: 1rem;
  line-height: 1.2;
}
@media screen and (max-width:1024px) {
  .hero-wrapper .has-benefit,
  .hero-wrapper .has-benefit h2 {
    text-align: center;
  }
  .hero-wrapper .has-benefit h1 {
  	width: 100%;
    text-align: center;
  }
  .postid-33399 .hero-wrapper .has-benefit h2 {
	max-width: 100%;
}
}
.hero-wrapper .has-benefit a.button.button-secondary {
  background: transparent;
  color: #2a3edd;
  /* background-image: linear-gradient(90deg, rgba(0,211,196,1) 0%, rgba(5,228,184,1) 100%); */
}
.hero-wrapper p,
.hero-wrapper ul {
	font-size: 1.5rem;
	line-height: 1.5;
}
.hero-wrapper ul {
	margin-bottom: 0
}
.hero-wrapper .has-benefit p.hero-cta-wrapper {
	font-size: 100%;
  margin-bottom: 1rem
}
.hero-cta-wrapper a {
	display: inline-block;
	margin-right: 2rem
}
.pr-trust-wrapper {
	margin-top: 4rem;
	display: flex;
    align-items: center;
	grid-gap: 1rem
 }
 .pr-trust-wrapper div {
	display: flex;
	align-items: center;
 }
 .trustpilot-rating a {
	display: flex;
	align-items: center;
 }
 .trustpilot-rating img {
	width: 115px;
 }
 .guarantee img {
	width: 75px;
 }
 .divider {
	width: 2px;
	height: 4rem;
	background: #00006a
 }
@media screen and (max-width:768px) {
  .hero-cta-wrapper a {
  	margin-bottom: 1rem
  }
}
.home .hero-wrapper img.wp-post-image {
	display: block;
	width: 100%;
    max-width: 680px;
}
@media screen and (max-width: 1024px) {
	.home .hero-wrapper img.wp-post-image {
	  /* display: none */
	}
}
@media screen and (max-width: 1450px) {
	.home .hero-wrapper img.wp-post-image {
	  max-width: 100%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.hero-image-wrapper {
	justify-self: flex-end;
	padding-top: 48px;
}
.has-benefit-sub .hero-image-wrapper {
	position: relative;
	/* @todo  */
	margin-top: 0px;
    transform: translateY(30px);
}
.has-benefit-sub .hero-image-wrapper img {
    /* margin-bottom: -90px; */
	/* transform: translateY(10%); */
}
.hero-image-bg {
	position: absolute;
	top: 53%;
	left: 59%;
	transform: translate( -50%, -50% );
	width: 100%;
	z-index: -1;
}
.monitor-wrapper {
  position: relative;
}
.award-wrapper {
	position: absolute;
    top: -20px;
    right: -35px;
    width: 150px;
}
@media screen and (max-width: 1024px) {
	.home .award-wrapper {
		display: none;
	}
}
.lottie-wrapper {
  width: 500px;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
  .lottie-wrapper {
    width: 290px;
    /* position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%); */
  }
  lottie-player {
    max-width: 100%
  }
}
@media screen and (max-width: 1280px) {
  .lottie-wrapper {
    width: 370px;
    /* position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%); */
  }
  lottie-player {
    max-width: 100%
  }
}
@media screen and (max-width: 1400px) {
  .lottie-wrapper {
    width: 400px;
    /* position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%); */
  }
  lottie-player {
    max-width: 100%
  }
}
.featured-on-wrapper h2 {
	font-size: 1.2rem;
    font-weight: 500;
    font-variant: all-small-caps;
	text-align: center;
}
.trustpilot-wrapper {
	margin: 6rem 0 0;
	padding-top: 0;
}
.usp {
	text-align: center;
}
.usps-icon-wrapper {
	height: 170px;
	align-content: center;
	display: grid;
	justify-content: center;
}
.usps-wrapper svg {
	width: 210px;
	text-align: center;
}
.usp p {
	width: 300px;
  text-align: center;
  margin: 0 auto;
}
.discover-bg {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}
.discover-wrapper h2 {
	color: white;
}
.discover-wrapper h2.features-heading {
	color: #00006a;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: 500;
}
.discover-wrapper h3 {
	font-size: 1.5rem;
	line-height: 2rem;
}
.featured-plugins-heading {
	position: relative;
	color: white;
  	width: 100%;
  	padding: 4rem 0 6rem;
	background: rgb(63,99,255);
	background: linear-gradient(90deg, rgba(63,99,255,1) 33%, rgba(0,162,255,1) 100%);
}
.featured-plugins-wrapper {
	margin: 4rem 0 8rem;
}
.comment-reply-top,
.comment-reply-bottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.comment-reply-bottom {
	top: auto;
	bottom: -1rem
}
.featured-plugin {
	margin: 2rem 0;
}
.home .featured-plugin {
	margin: 8rem 0;
}
.featured-plugin:nth-of-type(even) {
	grid-template-columns: 2fr 1fr
}
.featured-plugin h3.plugin-title {
	margin-bottom: 1rem;
}
.featured-plugin:nth-of-type(even) .plugin-description {
	order: 2;
	text-align: right;
}

.archive .plugin-description,
.archive .featured-plugin:nth-of-type(even) .plugin-description,
#bundle-products .plugin-description,
#bundle-products .featured-plugin:nth-of-type(even) .plugin-description,
.edd-checkout .plugin-description,
.edd-checkout .featured-plugin:nth-of-type(even) .plugin-description {
	text-align: center;
	display: flex;
	flex-direction: column;
}
.archive .featured-plugin,
#bundle-products .featured-plugin,
.edd-checkout .featured-plugin {
	display: flex;
	flex-direction: column;
}
.archive .featured-plugin:nth-of-type(even) .plugin-description,
#bundle-products .featured-plugin .plugin-description,
.edd-checkout .featured-plugin:nth-of-type(even) .plugin-description {
	order: unset;
}
#bundle-products .featured-plugin .plugin-image {
	order: unset;
}
.archive .plugin-description,
#bundle-products .plugin-description,
.edd-checkout .plugin-description {
	flex: 1;
}
.archive .plugin-description .plugin-cta,
.edd-checkout .plugin-description .plugin-cta,
#bundle-products .plugin-description p:last-child {
	margin-top: auto;
}
.archive .plugin-description .button,
#bundle-products .plugin-description .button,
.edd-checkout .plugin-description .button {
	align-self: center;
}
#bundle-products .featured-plugin h3.plugin-title {
	text-align: center;
	margin: 0 0 1rem;
}
#bundle-products .featured-plugin {
	margin: 0;
}
#bundle-products .featured-plugin .plugin-image-bg {
	-webkit-transform: scale(1);
    transform: scale(1);
	left: 0;
}
#bundle-products.section-wrapper .featured-plugins-wrapper p.plugin-excerpt {
    margin-top: 0;
}
.featured-plugin a {
	text-decoration: none
}
.plugin-description {
  /* padding: 8rem 0; */
}
.plugin-description p {
	/* margin-bottom: 0 */
}
.archive .plugin-description,
#bundle-products .plugin-description,
.edd-checkout .plugin-description {
	padding: 2rem 0
}
p.plugin-excerpt {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	text-wrap: balance
}
.section-wrapper p.plugin-excerpt {
	margin-top: -1rem;
}
p.plugin-price {
	font-weight: 900;
	color: #2d46da
}
.plugin-image {
	position: relative;
	height: 400px;
	display: flex;
	align-items: center;
}
.plugin-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate( -50%, -50% );
	transform: translate( -50%, -50% );
	max-width: 660px
}
.postid-3930 .featured-plugin:first-of-type .plugin-image img,
.postid-3930 .featured-plugin:last-of-type .plugin-image img {
	-webkit-transform: translate( -60%, -50% );
}
@media screen and (max-width: 1200px) {
	.featured-plugin:nth-of-type(even) .plugin-description,
	.plugin-description {
		padding: 2rem 0;
		text-align: left;
	}
	.plugin-image {
		height: auto
	}
	.plugin-image img {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate( 0, 0 );
		transform: translate( 0, 0 );
		max-width: 100%
	}
}
.archive .plugin-image,
#bundle-products .plugin-image,
.affiliate-page .plugin-image,
.edd-checkout .plugin-image {
	height: auto
}
.archive .plugin-image img,
#bundle-products .plugin-image img,
.affiliate-page .plugin-image img,
.edd-checkout .plugin-image img {
	position: relative;
	top: auto;
	left: auto;
	-webkit-transform: none;
	transform: none;
	max-width: 100%
}
.category-bundle .plugin-image img {
    margin-top: -17px;
}
.category-bundle .plugin-image {
	margin-bottom: 17px;
}
.featured-plugin .plugin-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	-webkit-transform: scale( 1.1 );
	transform: scale( 1.1 );
}
.featured-plugin:nth-of-type(odd) .plugin-image-bg {
  background-image: url(../plugin_republic/assets/images/plugin-bg-1.svg);
}
.featured-plugin:nth-of-type(even) .plugin-image-bg {
  background-image: url(../plugin_republic/assets/images/shape-2.svg);
}
.view-all-plugins-wrapper {
	text-align: center;
}
.reviews-wrapper {
	overflow: hidden;
}
.single-download .reviews-wrapper {
	margin-top: 0;
	padding-top: 0
}
.download-service .reviews-wrapper {
  display: none;
}
ul.tick-list,
.plugin-description ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}
ul.tick-list {
	margin-bottom: 1.5rem
}
ul.tick-list li,
.plugin-description li {
	position: relative;
	padding-left: 2rem;
	margin-bottom: 1rem;
	font-size: 1.2rem
}
ul.tick-list li:last-child,
.plugin-description li:last-child {
	margin-bottom: 0
}
ul.tick-list li:before,
.plugin-description li:before {
	font-family: 'fontello';
	content: '\e800';
	color: #36dec5;
	font-size: 1.5rem;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
ul.plugins-menu-wrapper {
	list-style: none;
	display: flex;
	margin: 8rem 0 0;
	padding: 0;
	justify-content: center;
    grid-gap: 1rem;
	line-height: 1;
}
a.plugin-menu-item {
	background: #f1f1f1;
    padding: 0.4rem 1.5rem 0.7rem;
    border-radius: 3rem;
	transition: all 0.15s
}
a.plugin-menu-item:hover,
a.plugin-menu-item.active-category {
	background: #36dec5;
    color: #fff
}

/* Downloads
--------------------------------------------- */
h1.page-title {
	text-align: center;
	margin: 6rem 0
}
.post-type-archive-download h1.page-title {
	margin: 2rem 0
}
.alt-archive-block {
	margin: 6rem auto -2rem;
}
.alt-archive h1.page-title {
	margin-bottom: 2rem;
}
.alt-archive h2 {
	font-size: 2rem;
    font-weight: 500;
    text-align: center;
	margin: 0 0 1.5rem;
}
.alt-archive p {
    text-align: center;
	margin: 0 0 1rem;
}
.alt-archive .trustpilot-wrapper {
	margin-top: 2rem
}
.single-download .site {
	overflow: visible;
}
@media screen and (max-width: 1024px) {
	.single-download .site {
    overflow: hidden;
	}
}
.single-download .site-main {
	margin-top: 2rem
}
.single-download .featured-plugins-wrapper {
  margin: 4rem 0;
}
.single-download .featured-plugin {
    margin: 8rem 0;
}
.single-download .featured-plugin h2,
.single-download .featured-plugin h3 {
	font-size: 2rem;
	color: #00006a;
	text-align: left;
	margin: 0 0 2rem;
	padding: 0
}
.single-download .featured-plugin h3 {
    font-size: 1.5rem;
    margin: 0 0 1rem;
}
.single-download .featured-plugin:nth-of-type(odd),
.single-download .featured-plugin:nth-of-type(even) {
	grid-template-columns: 1fr 1fr
}
/*
.single-download .featured-plugin:nth-of-type(even) {
	grid-template-columns: 1fr 2fr
} */
.single-download .featured-plugin:nth-of-type(even) .plugin-description {
	order: 1;
	text-align: left;
}
.single-download .featured-plugin:nth-of-type(odd) .plugin-description {
	order: 2;
	text-align: left;
}
.single-download .featured-plugin:nth-of-type(even) .plugin-image {
	order: 2;
}
.single-download .featured-plugin .plugin-image-bg {
	position: absolute;
	top: 0;
	left: -8rem;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	-webkit-transform: scale( 1.25 );
	transform: scale( 1.25 );
}
.single-download .featured-plugin:nth-of-type(1) .plugin-image-bg {
  background-image: url(../plugin_republic/assets/images/plugin-bg-1.svg);
}
.featured-plugin:nth-of-type(3) .plugin-image-bg {
  background-image: url(../plugin_republic/assets/images/shape-1.svg);
}
/* Use Cases */
.use-cases-wrapper {
	padding: 0 0 6rem;
}
.use-cases-intro {
	margin: 0 0 4rem;
}
.use-cases-grid h3 {
	text-align: left;
}
.use-cases-heading {
	color: #00006a;
	font-size: 2rem;
	line-height: 1.3;
	margin-bottom: 1rem;
}
.use-cases-subheading {
	font-size: 1.1rem;
	color: #444;
}
.use-cases-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}
.use-case-card {
	background: #fff;
	border: 1px solid #e2eaf2;
	border-radius: 8px;
	padding: 0;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}
.use-case-card > a:first-child {
	display: flex;
	align-self: stretch;
	flex-shrink: 0;
}
.use-case-image {
	width: 100px;
	min-width: 100px;
	object-fit: cover;
	border-radius: 0;
	display: block;
}
.use-case-card-body {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.use-case-card h3 {
	color: #00006a;
	font-size: 1.25rem;
	line-height: 1.4;
	margin: 0 0 1rem;
}
.use-case-card p {
	color: #444;
	flex: 1;
	margin: 0;
	font-size: 1rem;
}
.use-case-card h2 a {
	color: inherit;
	text-decoration: none;
}
.use-case-card h2 a:hover {
	text-decoration: underline;
}
.use-case-new-tab-icon {
	display: inline;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: 0.25em;
	margin-top: -3px;
}
@media screen and (max-width: 768px) {
	.use-cases-grid {
		grid-template-columns: 1fr;
	}
}

/* How To */
.how-to-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	padding: 8rem 0;
	margin: 4rem 0 8rem;
}
.how-to-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(235,247,255,0.5);
	transform: skewY(6deg);
	z-index: -1;
}
.how-to-intro {
	margin: 0 0 4rem;
}
.how-to-heading {
	color: #00006a;
	font-size: 2rem;
	line-height: 1.35;
	margin-bottom: 1rem;
}
.how-to-subheading {
	font-size: 1.1rem;
	color: #444;
}
.how-to-items {
	display: flex;
	flex-direction: column;
	gap: 8rem;
}
.how-to-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}
.how-to-item-video {
	position: relative;
}
.how-to-item-video .plugin-image-bg {
	position: absolute;
	top: 0;
	left: -6rem;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	transform: scale( 1.25 );
}
.how-to-item:nth-child(odd) .plugin-image-bg {
	background-image: url(../plugin_republic/assets/images/plugin-bg-1.svg);
}
.how-to-item:nth-child(3) .plugin-image-bg {
	transform: scale( 1.25 ) scaleX(-1);
}
.how-to-item:nth-child(even) .plugin-image-bg {
	background-image: url(../plugin_republic/assets/images/shape-2.svg);
	left: 2rem;
}
.how-to-item:nth-child(even) .how-to-item-video {
	order: -1;
}
.how-to-item:nth-child(even) .how-to-item-body {
	order: 1;
}
.how-to-item-body {
	display: flex;
	flex-direction: column;
}
.how-to-item-body h3 {
	color: #00006a;
	font-size: 1.5rem;
	margin: 0 0 1rem;
}
.how-to-item-body .how-to-item-content {
	color: #444;
}
.how-to-item-body .how-to-item-content p:last-child {
	margin-bottom: 0;
}
.how-to-item-link {
	display: inline-block;
	font-weight: 600;
	color: #3f63ff;
	text-decoration: none;
}
.how-to-item-link:hover {
	text-decoration: underline;
}
.how-to-new-tab-icon {
	display: inline;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: 0.25em;
	margin-top: -3px;
}
.video-browser {
	position: relative;
	margin: 0;
	border-radius: 8px;
	border: 1px solid #008aff;
    overflow: hidden;
    box-shadow: 0 4px 30px rgba(0, 0, 64, 0.1);
    background: #fff;
    width: 100%;
    aspect-ratio: 17 / 10;
	display: flex;
	flex-direction: column;
}
.video-browser video {
	flex: 1;
	min-height: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.video-browser::before {
	content: '';
	display: block;
	height: 20px;
	background: #008aff;
}
.video-browser::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	height: 20px;
	width: 28px;
	background-image: radial-gradient(circle, #9ab0ff 5px, transparent 5px), radial-gradient(circle, #9ab0ff 5px, transparent 5px);
	background-size: 14px 14px;
	background-position: 0 50%, 14px 50%;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.how-to-item {
		grid-template-columns: 1fr;
	}
}

.features-blob {
	position: absolute;
	top: 50%;
	right: -3rem;
	width: 520px;
	z-index: -1;
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
.postid-550296 .features-blob {
	display: none
}
.pricing-blob {
	position: absolute;
	top: 50%;
	left: -2rem;
	width: 560px;
	z-index: -1;
	-webkit-transform: translateY(-50%) scale(-1.5, 1.5);
	transform: translateY(-50%) scale(-1.5, 1.5);
}
body.pr-changelog-active {
  overflow: hidden;
}
.pr-changelog-background {
  display: none;
  z-index: 99999
}
body.pr-changelog-active .pr-changelog-background {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba( 0,0,0,0.85 );
}
.pr-changelog-wrapper {
  overflow-y: scroll;
  height: 80%;
  padding: 2rem;
  position: fixed;
  width: 600px;
  max-width: 90%;
  top: 10%;
  left: 50%;
  transform: translateX( -50% );
  background: #fff;
}
a.pr-changelog-close {
  position: absolute;;
  top: 10%;
  right: 2rem;
  display: block;
  width: 3rem;
  height: 3rem;
  color: #fff
}
a.pr-changelog-close .dashicons:before {
  font-size: 3rem
}
li.add-changelog-link-wrapper:before {
  content: "\f481";
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.slider-toggle {
	cursor: pointer;;
}



.plugin-gallery-wrapper {
  position: relative;
  padding: 2rem 0;
  margin-bottom: 4rem
}
.plugin-gallery-image {
  background-image: #4688ff;
  background-image: linear-gradient(90deg,rgba(70,136,255,1) 0%,rgba(42,188,255,1) 100%);
}
.plugin-gallery-image img.wp-post-image {
  box-shadow: 5px 7px 3rem -3px rgb(186 212 212 / 50%);
  margin: 0;
  vertical-align: bottom;
  opacity: 1;
  transition: opacity 0.2s
}
.plugin-gallery-image {
  position: relative;
  display: block;
}
.plugin-gallery-image:hover img.wp-post-image {
  opacity: 0.1
}
.plugin-gallery-image .plugin-gallery-bg {
  visibility: hidden;
  position: absolute;
  width: 90%;
  top: 55%;
  left: 50%;
  transform: translate( -50%, -50% );
  opacity: 0;
  color: #fff;
  text-align: center;
  transition: all 0.2s
}
.plugin-gallery-bg p {
  margin-bottom: 0
}
.plugin-gallery-bg a {
  color: #fff;
}
.plugin-gallery-bg a span {
  text-decoration: underline;
}
.plugin-gallery-image:hover .plugin-gallery-bg {
  visibility: visible;
  top: 50%;
  opacity: 1
}
img.new-tab-icon {
  color: #fff;
  width: 25px;
  height: 25px;
  vertical-align: bottom;
}
.plugin-gallery-wrapper .plugin-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: scale( 1.1 );
	transform: scale( 1.1 );
}
.plugin-gallery-wrapper:nth-of-type(odd) .plugin-image-bg {
  background-image: url(../plugin_republic/assets/images/plugin-bg-1.svg);
}
.plugin-gallery-wrapper:nth-of-type(even) .plugin-image-bg {
  background-image: url(../plugin_republic/assets/images/shape-2.svg);
}
.gallery-blob {
	position: absolute;
	top: 12rem;
	right: 15rem;
	width: 560px;
	z-index: -20;
}
/* Lightbox */
body.lightbox-active {
  overflow: hidden
}
#plugin-lightbox,
#pr-posts-lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50% );
	height: 100vh;
	width: 100%;
	overflow: hidden;
	z-index: 9999;
}
.reviews-lightbox-grid {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.pr-testimonials-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	margin-bottom: 2rem;
}
.pr-testimonials-trustpilot .trustpilot-wrapper {
	margin: 0 0 2rem;
}
@media (max-width: 767px) {
	.pr-testimonials-grid {
		grid-template-columns: 1fr;
	}
}
.reviews-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.trustpilot-link {
	color: #00006a;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.trustpilot-link:hover {
	color: #00ddc9;
}
#plugin-lightbox-bg {
	cursor: pointer;
}
#pr-posts-lightbox {
	background-image: #4688ff;
	background-image: linear-gradient(90deg,rgba(70,136,255,0.7) 0%,rgba(42,188,255,0.7) 100%);
}
.pr-posts-lightbox-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
	height: 96vh;
    transform: translate(-50%, -50%);
	text-align: center;
    overflow-y: auto;
	border-radius: 1rem;
  	box-shadow: 5px 7px 3rem -3px rgba(70,136,255, 0.3);
}
#pr-posts-lightbox img {
	width: 100%
}
.plugin-lightbox-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: #4688ff;
  background-image: linear-gradient(90deg,rgba(70,136,255,0.7) 0%,rgba(42,188,255,0.7) 100%);
  overflow: hidden
}
.pr-lightbox-wrapper {
  position: relative;
  background: white;
  width: 70%;
  height: 80vh;
  max-width: 980px;
  margin: 10vh auto;
  border-radius: 1rem;
  box-shadow: 5px 7px 3rem -3px rgba(70,136,255, 0.3);
  overflow: hidden;
}
.pr-lightbox-inner {
  position: relative;
  padding: 4rem 2rem 8rem;
  height: 80vh;
  overflow-y: scroll
}
.pr-lightbox-inner h2 {
  	margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 900;
}
.pr-lightbox-inner .testimonial-inner {
  padding-bottom: 4rem
}

/* Lightbox review card */
.tlb-review {
	border: 1px solid #e8f5f4;
	border-radius: 0.75rem;
	padding: 1.5rem;
	background: #fff;
}
.tlb-review__header {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1rem;
}
.tlb-review__avatar {
	flex-shrink: 0;
}
.tlb-review__avatar img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 2px solid #e0f7f4;
}
.tlb-review__meta {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}
.tlb-review__name {
	color: #00006a;
	font-size: 1rem;
}
.tlb-review__company,
.tlb-review__date {
	color: #888;
	font-size: 0.8rem;
}
.tlb-review__stars {
	color: #f5a623;
	font-size: 1rem;
	letter-spacing: 0.1em;
	margin-top: 0.1rem;
}
.tlb-review__content {
	color: #00006a;
	font-size: 1rem;
	line-height: 1.65;
}
.tlb-review__content p {
	margin-bottom: 0.5rem;
}
.tlb-review__content p:last-child {
	margin-bottom: 0;
}

#close-lightbox {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f4f8;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	color: #00006a;
	padding: 0;
	transition: background 0.2s, color 0.2s;
	z-index: 10;
}
#close-lightbox:hover {
	background: #00ddc9;
	color: #fff;
}
#close-lightbox svg {
	width: 1rem;
	height: 1rem;
	display: block;
	pointer-events: none;
}
#pr-posts-close-lightbox {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
  font-size: 4rem;
  color: white;
}
.lightbox-loading {
	z-index: 9999;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.75);
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	webkit-animation: none;
	animation: none;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	font-size: 0.75em;
	opacity: 1;
	filter: none;
	border-radius: 0;
	display: block;
	width: 100%;
	height: 100%
}
.lightbox-loading:after {
	opacity: 1;
	display: inline-block !important;
	position: absolute;
	top: 50%;
	left: 50%;
	vertical-align: middle;
	content: " ";
	webkit-transition: .1s opacity !important;
	-moz-transition: .1s opacity !important;
	-ms-transition: .1s opacity !important;
	-o-transition: .1s opacity !important;
	transition: .1s opacity !important;
	webkit-animation: edd-spinning 1.1s infinite linear;
	animation: edd-spinning 1.1s infinite linear;
	border-top: 0.2em solid #2d21c0;
	border-right: 0.2em solid #36dec5;
	border-bottom: 0.2em solid #2d21c0;
	border-left: 0.2em solid #36dec5;
	font-size: 1.75rem;
	position: absolute;
	left: calc(50% - 0.75em);
	top: calc(50% - 0.75em);
	filter: alpha(opacity=0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 50%;
	display: block;
	width: 1.5em;
	height: 1.5em;
}
@-webkit-keyframes edd-spinning {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes edd-spinning {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* Pricing toggle */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(70,136,255);
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: rgb(0,211,196);
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.pricing-wrapper {
	text-align: center;
	overflow: hidden;
}
.single-download .pricing-wrapper {
	padding-top: 2rem
}
.single-download.download-bundle .section-wrapper.pricing-wrapper {
	padding-top: 6rem;
}
.pricing-wrapper p {
  position: relative;
  z-index: 5;
}
.pricing-wrapper p:last-child {
	margin-bottom: 1.5rem
}
.yearly-label,
.lifetime-label,
.yearly-text,
.lifetime-text {
	font-weight: 900
}
.lifetime .yearly-label,
.yearly .lifetime-label {
	opacity: 0.5;
	font-weight: 500
}
.lifetime .yearly-text,
.yearly .lifetime-text,
.lifetime .yearly-prices,
.yearly .lifetime-prices {
	display: none
}
.requires-add-ons-text span {
  display: none;
}
.postid-819078 .requires-add-ons-text span {
  display: inline;
}
.pricing-tables-wrapper {
	padding-top: 2rem;
	max-width: 800px;
	margin: 0 auto 2rem;
}
.pricing-tables-wrapper.wide {
	max-width: 1200px;
}
.pricing-tables-wrapper.wide .grid {
	grid-gap: 4rem
}
.price-tables {
	margin: 0 auto 2rem
}
.price-section {
	background: #fff;
	box-shadow: 0 1rem 3rem 0 rgba(0,0,0,0.1);
	position: relative;
}
.price-section.basic.download-3930 {
	align-self: center
}
/* .price-section:nth-of-type(1) {
	margin-top: 2rem;
} */
.price-section:nth-of-type(2):after {
	content: " ";
	position: absolute;
	background-image: url(../plugin_republic/assets/images/stars.svg);
	background-repeat: no-repeat;
	top: -38px;
	right: -38px;
	width: 110px;
	height: 110px
}
.price-section div {
	padding: 1rem 0
}
.price-section .price-section-buy {
	padding: 2rem 0
}
.price-section-header h3 {
	color: #fff;
	font-size: 1.5rem;
}
.price-section h4 {
	color: #fff
}
.price-section h4,
.price-section h3,
.price-section p {
	margin: 0 !important
}
.price-section-header {
	color: #fff;
	border-radius: 5px 5px 0 0;
	background-image: rgb(70,136,255);
	background-image: linear-gradient(90deg, rgba(70,136,255,1) 0%, rgba(42,188,255,1) 100%);
}
a.pr-buy-button.disabled {
  pointer-events: none;
  cursor: progress !important;
  background: #aaa
}
.button-loading {
	display: none;
}
.loading .button-loading {
	display: block;
	z-index: 9999;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.75);
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	webkit-animation: none;
	animation: none;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	font-size: 0.75em;
	opacity: 1;
	filter: none;
	border-radius: 0;
	width: 100%;
	height: 100%
}
.button-loading:after {
	opacity: 1;
	display: inline-block !important;
	position: absolute;
	top: 50%;
	left: 50%;
	vertical-align: middle;
	content: " ";
	webkit-transition: .1s opacity !important;
	-moz-transition: .1s opacity !important;
	-ms-transition: .1s opacity !important;
	-o-transition: .1s opacity !important;
	transition: .1s opacity !important;
	webkit-animation: edd-spinning 1.1s infinite linear;
	animation: edd-spinning 1.1s infinite linear;
	border-top: 0.2em solid #2d21c0;
	border-right: 0.2em solid #36dec5;
	border-bottom: 0.2em solid #2d21c0;
	border-left: 0.2em solid #36dec5;
	font-size: 1.75rem;
	position: absolute;
	left: calc(50% - 0.75em);
	top: calc(50% - 0.75em);
	filter: alpha(opacity=0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 50%;
	display: block;
	width: 1.5em;
	height: 1.5em;
}
.plugin-price small,
.price-section-price small,
.pr-tax-wording {
  display: none;
}
.pr-taxable .price-section-price small,
.pr-taxable .plugin-price small {
  display: inline
}
.pr-taxable-GB  .pr-tax-wording span {
	display: none
}
.pr-taxable p.pr-tax-wording {
  display: block;
  margin-bottom: 0;
}
.home.pr-taxable .pr-tax-wording,
.archive.pr-taxable .pr-tax-wording {
  line-height: 1;
}
.archive.pr-taxable .pr-tax-wording {
  /* margin-top: -1rem */
}
.usd-only {
	display: none;
}
.pr-usd .usd-only {
	display: inline;
}
.price-section-price h3 small {
  font-size: 50%;
  font-weight: normal;
}
span.pr-original-price {
	font-size: 70%;
  	font-weight: normal;
}
span.pr-original-price span {
	position: relative;
}
span.pr-original-price span:after {
	border-top: 8px solid rgba(255, 0, 0, 0.35);
    position: absolute;
    content: "";
    right: 0;
    top: 46%;
    left: -5%;
    width: 110%;
}
.lifetime .price-section-header {
	background: rgb(0,211,196);
	background: linear-gradient(90deg, rgba(0,211,196,1) 0%, rgba(5,228,184,1) 100%);
}
.price-row:nth-child(odd) {
	background: rgb(70,136,255,0.1);
}
.pr-price-guarantee {
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
	margin: 12rem auto 0;
	padding: 4rem 6rem 2rem;
	background: #fff;
	border: 1px solid #f1f1f1;
	border-top: 0.5rem solid #36dec5;
	border-radius: 8px;
	position: relative;
	max-width: 960px;
}
.guarantee-content-wrapper {
	position: relative;
	align-items: center;
}
.pr-price-guarantee h3 {
	margin-bottom: 1rem;
}
.refund-gravatar-wrapper {
	position: relative;
	display: flex;
}
.refund-gravatar-wrapper .gravatar {
	text-align: center;
	margin: auto;
	z-index: 5;
}
.edd-checkout .refund-gravatar-wrapper .gravatar {
	width: 130px;
}
.refund-gravatar-wrapper .gravatar img {
	border-radius: 50%;
	border: 20px solid rgba(186, 212, 212, 0.5 );
}
.pricing-wrapper p.refund-statement,
p.refund-statement {
	text-align: left;
	margin-bottom: 0;
}
.pricing-wrapper .guarantee-content-wrapper h3 {
	text-align: left;
}
.refund-gravatar-bg {
    position: absolute;
    top: -3rem;
    left: 2rem;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    -webkit-transform: rotate( 180deg ) scale( 2 );
    transform: rotate( 180deg ) scale( 2 );
	background-image: url(../plugin_republic/assets/images/shape-2.svg);
}
.page-template-page-about .refund-signature {
	margin-top: 1rem;
}
.refund-signature {
	text-align: left;
	font-weight: 700;
}
.edd-checkout .refund-signature {
	margin-top: 0.5rem
}
.refund-signature svg {
	width: 80px;
	margin-top: 0.5rem;
}
@media screen and (max-width:768px) {
  .pr-price-guarantee {
    padding: 4rem 2rem 2rem
  }
}
.pr-guarantee-icons-wrapper {
	display: grid;
	grid-template-columns: 6rem 10rem 6rem;
	grid-gap: 1rem;
	align-items: flex-end;
	position: absolute;
	top: -8rem;
	left: 50%;
	-webkit-transform: translateX( -50% );
	transform: translateX( -50% );
	width: 400px;
}
.coins-left,
.coins-right {
	padding-bottom: 1rem
}
.pr-guarantee-icons-wrapper svg {
	/* max-width: 200px */
}
.price-table-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 50;
  bottom: 1rem;
  left: 50%;
  transform: translateX( -50% );
  padding: 1rem;
  color: #fff;
  font-size: 80%;
  line-height: 1.3;
  background-image: linear-gradient(90deg,rgba(70,136,255,1) 0%,rgba(42,188,255,1) 100%);
  border-bottom: 1px solid #4688ff;
  box-shadow: 0 1rem 3rem 0 rgb(0 0 0 / 10%);
  border-radius: 5px;
  transition: all 0.2s;
}
.price-table-tooltip:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  line-height: 1.37;
  font-size: .95rem;
  text-align: center;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(42,188,255,1) transparent transparent;
}
.price-row.has-tooltip {
  cursor: pointer;
}
.tooltip-icon {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: linear-gradient(90deg,rgba(70,136,255,1) 0%,rgba(42,188,255,1) 100%);
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 15px;
  font-weight: 700;
}
.price-row:hover .price-table-tooltip {
  visibility: visible;
  opacity: 1;
  bottom: 2rem
}
.plugin-tabs-wrapper {
	margin: 4rem 0
}
.download-service .tabs-wrapper h2 span {
  display: none
}
button.plugin-tabs-heading {
	width: 100%;
	display: block;
	color: #00006a;
	font-weight: 500;
	font-size: 1.5rem;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid rgb(70,136,255);
	background: #fff;
	padding: 2rem 0 2rem 2rem;
	text-align: left;
}
.plugin-tabs-bottom-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.plugin-tabs-bottom-menu button.plugin-tabs-heading {
  margin-top: 4rem;
  width: auto;
  display: inline;
  color: #2a3edd;
  padding: 0 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  border: 0;
  text-align: center;
}
.plugin-tabs-bottom-menu button.plugin-tabs-heading:first-child {
  padding-left: 0;
}
.plugin-tabs-bottom-menu button.plugin-tabs-heading:last-child {
  padding-right: 0;
}
.plugin-tabs-bottom-menu span {
  width: 1px;
  border-right: 1px solid #ccc;
  height: 1rem;
  margin-top: 4rem;
}
button.plugin-tabs-heading:hover {
	cursor: pointer;
	color: #fff;
	background-image: rgb(70,136,255);
	background-image: linear-gradient(90deg, rgba(70,136,255,1) 0%, rgba(42,188,255,1) 100%);
}
button.plugin-tabs-heading:focus {
	outline:0;
}
button.plugin-tabs-heading.active {
	color: #fff;
	font-weight: 700;
	background-image: rgb(70,136,255);
	background-image: linear-gradient(90deg, rgba(70,136,255,1) 0%, rgba(42,188,255,1) 100%);
}
.plugin-tabs-bottom-menu button.plugin-tabs-heading:hover,
.plugin-tabs-bottom-menu button.plugin-tabs-heading.active {
  color: #00006a;
  background: transparent;
  font-weight: 500
}
.plugin-tabs-inner {
	padding: 3rem 4rem 4rem;
	height: 100%;
	background: #fff;
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
	border-radius: 5px
}
.plugin-tabs-content {
	display: none;
	/* padding: 3rem 4rem 4rem;
	height: 100%;
	background: #fff;
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
	border-radius: 5px */
}
.plugin-tabs-content.active {
	display: block;
}
.plugin-tabs-content h3 {
	color: #00006a
}
.download-service .plugin-tabs-product-data,
.download-service .plugin-tabs-changelog {
  display: none;
}
.tabs-blob,
.tabs-blob-right {
	position: absolute;
	top: 4rem;
	right: -2rem;
	width: 1000px;
	z-index: -1;
}
.post-type-archive-download .tabs-blob {
	position: absolute;
	top: 14rem;
	left: -16rem;
	width: 1000px;
	z-index: -1;
	width: 3000px;
	left: 50%;
    top: -2850px;
    transform: rotate(-35deg) translateX(-57%);
}
.post-type-archive-download .tabs-blob-right {
	position: absolute;
	top: 100rem;
	/* bottom: 150rem; */
	left: auto;
	right: -16rem;
	width: 1000px;
	transform: scale(-1);
	z-index: -1;
}
.post-type-archive-download .tabs-blob-left {
	position: absolute;
	top: 184rem;
	left: -16rem;
	width: 1000px;
	transform: scaleX(-1);
	z-index: -1;
}
.single-download .tabs-wrapper.has-features-grid {
	padding-bottom: 0;
}
.single-download .tabs-wrapper .tabs-blob {
    top: 150px;
    right: auto;
    left: -17rem;
    /* transform: scaleX(-1); */
    z-index: 0;
    width: 45%;
}
.single-download .tabs-wrapper .tabs-blob-right {
	display: none
}
.single-download .tabs-wrapper.has-features-grid .tabs-blob-right {
	display: block;
    top: auto;
	bottom: 0;
    right: -25rem;
    transform: scaleX(-1);
    z-index: 0;
    width: 45%;
}
.pr-feature-wrapper {
  margin-bottom: 6rem
}
.feature-wrapper {
	margin-bottom: 4rem
}
.feature-wrapper.grid {
	grid-template-columns: 3fr 2fr
}
.feature-wrapper.grid:nth-of-type(even) {
	grid-template-columns: 2fr 3fr
}
.feature-wrapper.grid:nth-of-type(odd) .feature-image-wrapper {
	order: 2
}
.feature-image-wrapper {
	position: relative;
	z-index: 1
}
.feature-image-wrapper img {
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
}
.feature-image-wrapper .plugin-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	-webkit-transform: scale( 1.25 );
	transform: scale( 1.25 );
	background-image: url(../plugin_republic/assets/images/plugin-bg-1.svg);
}

/* Basic vs Pro */
th.column-3 {
	background: rgb(0,211,196);
	background: linear-gradient(90deg, rgba(0,211,196,1) 0%, rgba(5,228,184,1) 100%);
}
td.column-2,
td.column-3 {
	text-align: center;
}
/* Changelog */
.pr-changelog {
	max-height: 500px;
	overflow: scroll;
}
/* Pricing */
.pr-prices-tab-wrapper {
	position: fixed;
	top: 50%;
	right: -50px;
	background-image: url(../plugin_republic/assets/images/pricing-tab.png);
	width: 270px;
	height: 109px;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(270deg) translateX(50%);
	transform: rotate(270deg) translateX(50%);
	transition: right 1s;
	z-index: 9999
}
.price-tab-active .pr-prices-tab-wrapper {
	right: 50px;
}
.pr-prices-tab-wrapper a {
	font-weight: 900;
	color: #fff;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
  padding-top: 62px;
  left: 0;
	text-align: center;
	width: 100%;
	height: 100%
}
/* Plugin floating menu */
.pr-plugin-menu {
	position: fixed;
	top: -140px;
	left: 0;
	color: #fff;
	width: 100%;
	font-weight: 400;
	background-image: #4688ff;
	background-image: linear-gradient(90deg,rgba(70,136,255,1) 0%,rgba(42,188,255,1) 100%);
	border-bottom: 1px solid #4688ff;
	transition: all 1s;
	z-index: 99999
}
.lightbox-active .pr-plugin-menu {
  display: none
}
@media screen and (max-width:960px) {
  .pr-plugin-menu {
    display: none
  }
}
.price-tab-active .pr-plugin-menu {
  top: 0
}
.pr-plugin-menu ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0
}
.pr-plugin-menu ul li a {
  padding: 2rem 1rem;
  color: #fff;
  display: block;
  opacity: 0.7;
  transition: opacity 0.2s
}
.pr-plugin-menu ul li.plugin-menu-logo a {
  opacity: 1
}
li.plugin-menu-logo img {
  max-width: 120px
}
.pr-plugin-menu ul li.plugin-menu-prices {
  position: relative;
}
.pr-plugin-menu ul li.plugin-menu-prices a {
  opacity: 1
}
.pr-plugin-menu ul li.plugin-menu-prices a:before {
  content: " ";
  position: absolute;
  background-image: url(../plugin_republic/assets/images/stars.svg);
  background-repeat: no-repeat;
  top: 0;
  right: 20px;
  width: 100px;
  height: 100px;
}
.download-service .testimonials-menu-item {
  display: none
}
.pr-plugin-menu ul li a:hover {
  opacity: 1
}
.pr-plugin-menu ul li a.active {
  opacity: 1
}
/* Slideshow container */
.single-download .gallery {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Hide the images by default */
.single-download .gallery figure {
  display: none;
}
.single-download .gallery figure img {
  box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
  border: 5px solid white;
  border-radius: 1rem;
}
.single-download .gallery .gallery-caption {
	margin-top: 2rem;
}
.single-download .gallery-item {
  text-align: center;
}
.pr-screenshots-nav {
	text-align: center;
	margin: 2rem 0
}
.single-download .prev,
.single-download .next {
  cursor: pointer;
  user-select: none;
	margin: 0 2rem;
}
table.pr-data th {
	text-align: left;
}
table.pr-data tr:nth-of-type(even) {
	background: none
}
table.pr-data th, table.pr-data td {
  padding: 0
}
.single-download .wp-caption-text {
  text-align: center;
}
/* FAQs */
.faqs-wrapper {
	position: relative;
	overflow: hidden;
}
.faqs-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(235,247,255,0.5);
	transform: skewY(-6deg);
	z-index: -1;
}
.faqs-container {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-gap: 4rem;
	align-items: start;
}
@media screen and (max-width: 1024px) {
	.faqs-container {
		grid-template-columns: 1fr;
	}
}
.faqs-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.faqs-container .product-data,
.faqs-container .faqs-resources-aside {
	background: #fff;
	padding: 1rem;
}
.faqs-outer {
  margin-bottom: 6rem
}
.postid-1821328 .faqs-outer .product-data {
	display: none;
}
.faqs h3 {
  margin-top: 4rem
}
.faqs h3:first-of-type {
  margin-top: 0;
}
.faq {
	padding: 1rem;
	margin: 0 0 0.5rem;
	background: #fff;
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.25);
	border-radius: 5px;
	border: 1px solid #f9f9f9;
	transition: box-shadow 0.15s;
	/* border-bottom: 1px solid #b7bee8; */
}
.faq:first-of-type {
  /* padding-top: 0 */
}
.faq:last-of-type {
  /* border-bottom: 0;
  padding-bottom: 0 */
}
.faq:hover {
    box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.85);
}
.faq-content {
  /* visibility: hidden; */
  opacity: 0;
  max-height: 0;
  transition: all 0.15s ease-out;
  overflow: hidden;
}
.faq.open .faq-content {
  /* visibility: visible; */
  opacity: 1;
  max-height: 5000px;
  transition: all 0.15s ease-in;
}
.faq-header {
  cursor: pointer;
}
.faq h3,
.faq h4 {
	font-size: 1.2rem;
	line-height: 1.5;
	position: relative;;
	padding-right: 3rem;
	color: #2a3edd;
	margin-bottom: 0;
	transition: margin 0.15s ease-out;
}
.faq.open h4 {
  margin-bottom: 1rem;
  transition: margin 0.15s ease-in;
}
.faq-plus {
  /* change this value to the desired width */
  --width: 1.75rem;
  /* setting the background color */
  background: rgb(70,136,255);
  background-image: linear-gradient(90deg, rgba(70,136,255,1) 0%, rgba(42,188,255,1) 100%);
  /* setting height and width with the value of css variable */
  width: var(--width);
  height: var(--width);
  /* perfect circle */
  border-radius: var(--width);
  /* centrering */
  display: grid;
  place-items: center;
  /* don't delete this, is important for the ::before and ::after pseudoelements */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.faq-plus::before,
.faq-plus::after {
  content: "";
  /* using css calc() https://developer.mozilla.org/en-US/docs/Web/CSS/calc */
  /* height and width relative to css variable, change to what you feel is good */
  height: calc(var(--width) / 2);
  width: calc(var(--width) / 8);
  /* coloring the pseudoelements */
  background-color: white;
  /* here the TRICK, using calc() we easily canculate the rotation, without hardcoding this value */
  transform: rotate(calc(var(--i) * 90deg));
  /* important don't delete */
  position: absolute;
  transition: height 0.25s
}
.faq-plus::before {
  --i: 1;
}
.faq-plus::after {
  --i: 2;
}
.open .faq-plus::after {
  height: 0
}
.faqs-blob {
	position: absolute;
    top: 16rem;
    left: 36rem;
    width: 560px;
    z-index: -1;
    -webkit-transform: scale(-2, 2);
    transform: scale(-2, 2);
    opacity: 0.4;
}
/* Yoast FAQs */
.schema-faq-section {
    margin-bottom: 2rem;
}
.schema-faq-question {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.15;
    display: block;
}
/* Accordion */
.pr-accordion {
	border: 1px solid rgb(70, 136, 255, .4);
	border-radius: 0.5rem;
	margin-bottom: 2rem;
}
.entry-content .accordion-header {
	padding: 1rem
}
.entry-content .accordion-header h4 {
	cursor: pointer;
	margin: 0;
	position: relative;
}
.accordion-content {
	height: 0;
	overflow: hidden;
	background: rgb(70, 136, 255, .05);
	border-top: 1px solid rgb(70, 136, 255, 0);
	padding: 0 1rem;
	transition: all 0.25s
}
.open .accordion-content {
	height: auto;
	border-top: 1px solid rgb(70, 136, 255, .2);
	padding: 2rem 1rem;
}
.accordion-content p:empty {
	display: none;
}
/* Features */
.has-features-grid h2,
.features-heading {
	font-size: 2.5rem;
	text-wrap: balance;
}
.features-grid.grid {
	grid-gap: 2%;
    margin: 4rem 0;
    display: grid;
    justify-content: center;
	position: relative;
	z-index: 2
}
@media screen and (max-width: 1024px) {
	.features-grid.grid {
		display: block;
	}
	.features-grid .features-grid-item {
		width: 100%
	}
}
.archive-features {
	margin-bottom: 4rem;
}
.archive-features .features-grid.grid {
	grid-gap: 5%;
	margin: 1rem 0
}
.archive-reviews {
	padding-bottom: 4rem;
}
.features-grid-item {
	/* width: 28%;
    margin: 0 0 8%; */
	/* margin-bottom: 2rem; */
	display: flex;
	flex-direction: column;
	background: #d4f2ff;
	box-shadow: none;
    border-radius: 13px;
    /* border: 2px solid rgb(70, 136, 255, .2); */
    padding: 2rem;
	transition: all 0.5s
}
.post-type-archive-download .features-grid-item {
	background: #fff;
}
.features-grid-item.inactive {
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
    box-shadow: 0 0 1rem rgba(186, 212, 212, .25);
	background: #fff;
}
.features-grid-item p {
	margin-bottom: 2rem;
}
p.feature-cta {
    margin-top: auto;
	margin-bottom: 1rem;
}
.features-more-content {
	margin-top: -2rem;
	width: 100%;
    background: white;
	border-radius: 13px;
	padding: 2rem;
    position: relative;
    z-index: 2;
}
.features-more-content.inactive {
	display: none;
}
.more-content-item {
	margin-bottom: 2rem;
}
.more-text {
	display: none;
}
.inactive .more-text {
	display: inline;
}
.inactive .less-text {
	display: none;
}
.archive-features .features-grid-item {
	width: 21%;
    margin: 0;
}
.post-type-archive-download .archive-features .features-grid-item {
	width: 100%;
    margin: 0;
}
.archive-features-wrapper .kb-blob {
	top: 230px;
    width: 4000px;
    left: 50%;
    transform: rotate(21deg) translateX(-50%);
}
.features-grid-item h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.single-download .features-grid-item figure {
	align-items: center;
    display: flex;
    justify-content: center;
	height: 82px;
	margin: 0 auto 1rem;
}
.single .features-grid-item figure svg,
.single .features-grid-item figure img {
	max-height: 82px;
    width: auto;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
}
.pr-product-data {
	display: table;
	width: 100%;
	font-size: 85%;
	border-collapse: collapse;
}
.download-bundle .pr-product-data {
	display: none;
}
.pr-product-data > div {
	display: table-row;
}
.pr-product-data span {
	display: table-cell;
	padding: 0.5rem 0;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: baseline;
}
.pr-product-data > div:first-child span {
	padding-top: 0;
}
.pr-product-data > div:last-child span {
	border-bottom: none;
	padding-bottom: 0;
}
.pr-product-data span:first-of-type {
	font-weight: 700;
	padding-right: 1rem;
	white-space: nowrap;
}
.pr-product-data span:last-of-type {
	text-align: right;
}
body.changelog-active {
  overflow: hidden;
}
#changelog-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}
#changelog-modal.open {
  display: block;
}
#changelog-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: #4688ff;
  background-image: linear-gradient(90deg,rgba(70,136,255,0.7) 0%,rgba(42,188,255,0.7) 100%);
  overflow: hidden
}
.changelog-inner {
  position: relative;
  background: white;
  width: 70%;
  height: 80vh;
  max-width: 1200px;
  margin: 10vh auto;
  border-radius: 1rem;
  box-shadow: 5px 7px 3rem -3px rgba(70,136,255, 0.3);
  overflow: hidden;
  padding: 2rem;
}
.changelog-inner .pr-changelog {
  font-family: monospace;
  max-height: 90%
}
.changelog-inner h4 {
  margin-bottom: 2rem
}
#close-modal {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer
}
#close-modal img {
  pointer-events: none
}

/* Testimonials - Homepage, Downloads and Review page
--------------------------------------------- */

/* Legacy styles kept for archive / lightbox usage */
.testimonial-wrapper {
	margin-top: 2rem;
	height: 100%
}
.testimonial-inner {
	position: relative;
	height: 100%;
}
.testimonial-content {
	color: #00006a;
	margin-left: 48px;
	background-color: white;
	padding: 2rem 2rem 0 4rem;
	box-shadow: 5px 7px 3rem -3px rgba(186, 212, 212, 0.5);
	border-radius: 1rem;
	border: 1px solid #f9f9f9;
	height: 100%
}
.testimonial-author span {
  display: block;
  color: #aaa
}
.pr-testimonials .testimonial-content {
	padding: 2rem 2rem 2rem 4rem;
	margin-bottom: 6rem
}
.clip-svg {
	clip-path: url(#myClip);
}
.testimonial-image {
	width: 96px;
	position: absolute;
	top: -48px;
}
.testimonial-image img {
	border-radius: 50%;
	border: 3px solid white;
	box-shadow: 0 1rem 3rem 0 rgba(0,0,0,.1);
}
.support-reviews-wrapper {
	margin: 4rem 0;
}
.support-reviews-wrapper .testimonial-image {
	left: 50%;
    transform: translateX(-50%);
}
.support-reviews-wrapper .testimonial-content {
	padding: 4rem 2rem 0;
	margin-left: 0;
}

/* Reviews blob / background decoration */
.reviews-blob {
	position: absolute;
  top: -4rem;
  left: -2rem;
  width: 420px;
  z-index: -1;
}

/* Support page quote marks */
.review-open-quotes,
.review-close-quotes {
	width: 6rem;
	margin-left: 8rem;
}
.review-close-quotes {
	margin-top: 4rem;
	margin-left: auto;
	margin-right: 8rem;
}
.review-open-quotes svg,
.review-close-quotes svg {
	width: 6rem;
}
.support-reviews-wrapper .review-open-quotes,
.support-reviews-wrapper .review-close-quotes {
	position: absolute;
	z-index: 5;
	left: calc(50% - 3rem);
}
.support-reviews-wrapper .review-open-quotes {
	margin: 0;
	top: 4rem;
    transform: translateX(-260px);
}
.support-reviews-wrapper .review-close-quotes {
	margin: 0;
	bottom: 0;
    transform: translateX(260px);
	opacity: 0.6
}

/* Testimonial Carousel
--------------------------------------------- */
.testimonial-carousel {
	position: relative;
	max-width: 960px;
	margin: 2rem auto;
	text-align: center;
}
.testimonial-carousel__quotes-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8rem;
	pointer-events: none;
	z-index: 0;
}
.testimonial-carousel__quotes-icon svg {
	width: 8rem;
	display: block;
}
.testimonial-carousel__slides {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 2px solid #e0f7f4;
	border-radius: 1rem;
	padding: 4rem;
	box-shadow: 0 8px 2.5rem -8px rgba(0, 109, 119, 0.12);
}
.testimonial-carousel__slides-inner {
	display: grid;
	flex: 1;
	align-items: center;
	position: relative;
	z-index: 1;
}
.testimonial-carousel__slide {
	grid-area: 1 / 1;
	visibility: hidden;
	opacity: 0;
	color: #00006a;
	font-size: 1.2rem;
	line-height: 1.7;
	transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}
.testimonial-carousel__slide.is-active {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.35s ease, visibility 0s linear 0s;
	animation: tc-fade 0.35s ease;
}
@keyframes tc-fade {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}
.testimonial-carousel__slide p:last-child {
	margin-bottom: 0;
}

/* Nav — provider avatars + names */
.testimonial-carousel__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 2rem;
	margin-top: 2.5rem;
	padding: 0;
	border: none;
}
.testimonial-carousel__nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0.5rem 0.75rem;
	border-radius: 0.75rem;
	opacity: 0.55;
	transition: opacity 0.2s;
	position: relative;
}
.testimonial-carousel__nav-item::before {
	content: '';
	position: absolute;
	top: -1.25rem;
	left: 50%;
	transform: translateX(-50%) scaleY(0);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #00ddc9;
	transform-origin: bottom center;
	transition: transform 0.2s ease;
}
.testimonial-carousel__nav-item:hover,
.testimonial-carousel__nav-item.is-active {
	opacity: 1;
	background: none;
}
.testimonial-carousel__nav-item.is-active::before {
	transform: translateX(-50%) scaleY(1);
}
.testimonial-carousel__nav-item:hover .testimonial-carousel__nav-image img,
.testimonial-carousel__nav-item.is-active .testimonial-carousel__nav-image img {
	border-color: #00ddc9;
	box-shadow: 0 0 0 3px rgba(0,221,201,0.25);
}
.testimonial-carousel__nav-image img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 3px solid white;
	box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1);
	object-fit: cover;
	display: block;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.testimonial-carousel__nav-name {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.2rem;
	color: #00006a;
	line-height: 1.3;
}
.testimonial-carousel__nav-name span {
	color: #888;
	font-size: 0.8rem;
}

/* Single-testimonial author row */
.testimonial-carousel__single-author {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	margin-top: 2rem;
}

@media screen and (max-width: 600px) {
	.testimonial-carousel__nav {
		gap: 1rem;
	}
	.testimonial-carousel__nav-image img {
		width: 52px;
		height: 52px;
	}
}
.has-special-notice .site {
  margin-top: 5rem;
  transition: margin-top 0.25s;
}
.has-special-notice.close-special-notice .site {
  margin-top: 0;
}
.pr-special-notice {
  display: none;
  background: #36dec5;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem;
  text-align: center;
}
.has-special-notice .pr-special-notice {
  display: block;
  opacity: 1;
  transition: opacity 0.25s;
}
.has-special-notice.close-special-notice .pr-special-notice {
  opacity: 0
}
.pr-special-notice p {
  line-height: 1rem
}
/* Sidebar */
.pr-sidebar-element ul.post-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-search label,
.sidebar-search .hkb-select-wrapper {
	display: none;
}
.sidebar-search .hkb-site-search__field {
    width: 100%;
    margin: 0;
    height: 64px;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 3px solid #2a3edd;
    border-radius: 2rem;
    position: relative;
	margin-bottom: 1rem;
}
.sidebar-search .hkb-site-search__button {
	width: 100%;
}
/* Notification bar */
.edd-checkout .easy-notification-bar,
.edd-checkout .pr-bf-banner-wrapper {
	display: none !important
}
.pr-bf-banner-wrapper {
	/* height: 200px; */
	background: #16101e;
	border-bottom: 8px solid #fe583e
}
.pr-bf-banner-wrapper img {
	margin: 0;
	height: 100%;
	vertical-align: bottom;
}
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
  padding: 0
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}


/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -4rem;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.screenshots-wrapper {
	overflow: hidden;
}
.main-carousel {
	/* height: 510px; */
	overflow: hidden;
}
.carousel-cell {
	width: 85%;
	height: 610px;
	margin-right: 1rem;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.carousel-cell span {
	display: block;
	width: 100%;
}
.carousel-cell figure {
    height: 85%;
    width: auto;
}
.carousel-cell figcaption {
    padding-top: 1rem;
	font-size: 1rem;
	padding-right: 20px;
	text-align: center;
}
.carousel-cell img {
	margin: 0 !important;
    width: auto;
    height: 100%;
    box-shadow: none !important;
    object-fit: contain;
    padding: 0.5rem;
    border-radius: 4px;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.carousel.is-fullscreen .carousel-cell figure {
	height: 90%;
	max-width: 100%;
}
.carousel.is-fullscreen .carousel-cell img {
	display: block;
	max-height: 100%;
	cursor: zoom-out;
}
.carousel.is-fullscreen .carousel-cell figcaption {
	padding: 2rem;
    color: white;
    font-size: 1.2rem;
}

.full-screen-carousel .pr-plugin-menu {
	display: none
}

/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.8);
  padding-bottom: 35px;
  z-index: 1;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

/* ============================================================
   Comparison table
   ============================================================ */

.comparison-table-wrap {
	--cmp-bg: #f9f9f9;
	--cmp-surface: #ffffff;
	--cmp-border: #eee;
	--cmp-border-light: #eeece6;
	--cmp-text-primary: #1a1916;
	--cmp-text-secondary: #6b6860;
	--cmp-text-muted: #9e9c95;
	--cmp-accent: rgb(42, 188, 255);
	--cmp-accent-light: #eaf2ec;
	--cmp-accent-mid: #4a8c5c;
	--cmp-amber: #c17c2a;
	--cmp-amber-light: #fdf4e8;
	--cmp-red: #c03a2b;
	--cmp-red-light: #fdf0ee;
	--cmp-pr-col: rgb(221, 248, 239, 0.5);
	font-size: 1.2rem;
	line-height: 1.5;
}

.cmp-legend {
	display: flex;
	gap: 20px;
	margin: 0 40px 16px;
	flex-wrap: wrap;
}

.cmp-legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--cmp-text-secondary);
}

.cmp-filters {
	padding: 16px 40px;
	background: var(--cmp-surface);
	border-top: 1px solid var(--cmp-border);
	border-bottom: 1px solid var(--cmp-border);
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;
}

.cmp-filters span {
	font-size: 12px;
	color: var(--cmp-text-muted);
	margin-right: 4px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.cmp-filter-btn {
	padding: 5px 14px;
	border-radius: 20px;
	border: 1px solid var(--cmp-border);
	background: var(--cmp-bg);
	color: var(--cmp-text-secondary);
	cursor: pointer;
	font-size: 12px;
	font-family: inherit;
	transition: all .15s;
}

.cmp-filter-btn:hover { color: white; }
.cmp-filter-btn.cmp-active {
	background: var(--cmp-accent);
	color: #fff;
	border-color: var(--cmp-accent);
}

.cmp-scroll {
	padding: 24px 40px 40px;
	overflow-x: auto;
}

.cmp-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--cmp-surface);
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--cmp-border);
	min-width: 780px;
}

.cmp-table col.c-feat { width: 24%; }
.cmp-table col.c-pr   { width: 19%; }
.cmp-table col.c-woo  { width: 19%; }
.cmp-table col.c-yith { width: 19%; }
.cmp-table col.c-aco  { width: 19%; }
.cmp-table col.c-ph   { width: 19%; }

.cmp-table thead tr.cmp-header-row th {
	padding: 16px 14px 14px;
	text-align: left;
	border-bottom: 2px solid var(--cmp-border);
	font-size: 12px;
	font-weight: 600;
}

.cmp-table th.cmp-feat-h {
	background: white;
}

.cmp-table th.cmp-plugin-h {
	background: var(--cmp-surface);
	line-height: 1.2;
	vertical-align: top;
	height: 1px; /* allows inner div to stretch to full row height */
}

.cmp-plugin-h-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.cmp-plugin-h-inner .cmp-rating {
	margin-top: auto;
	padding-top: 1rem;
}

.cmp-table th.cmp-plugin-h.cmp-hl {
	background: rgb(240, 240, 240);
}

.cmp-plugin-name {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--cmp-text-primary);
	display: block;
	margin-bottom: 3px;
}

.cmp-plugin-by {
	font-size: 1rem;
	color: var(--cmp-text-muted);
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}

.cmp-price-tag {
	display: inline-block;
	font-size: 1rem;
	font-weight: 500;
	color: var(--cmp-text-primary);
	font-variant-numeric: tabular-nums;
}

.cmp-price-note {
	font-size: 1rem;
	color: var(--cmp-text-muted);
	margin-top: 2px;
}

.cmp-rating {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 6px;
	font-size: 14px;
	color: var(--cmp-text-secondary);
}

.cmp-stars { color: var(--cmp-amber); font-size: 1.2rem; letter-spacing: -1px; }

.cmp-table thead tr.cmp-section-head th {
	background: var(--cmp-bg);
	padding: 10px 14px 6px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	color: var(--cmp-text-muted);
	border-top: 1px solid var(--cmp-border-light);
	border-bottom: 1px solid var(--cmp-border-light);
}

.cmp-table tbody tr { transition: background .1s; }
.cmp-table tbody tr:hover td { background: var(--cmp-bg); }
.cmp-table tbody tr:hover td.cmp-hl { background: rgba(54, 222, 197, 0.18); }

.cmp-table td {
	padding: 10px 14px;
	border-bottom: 1px solid var(--cmp-border-light);
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	line-height: 1;
	color: var(--cmp-text-primary);
}

.cmp-table td.cmp-hl {
	background: rgb(240, 240, 240, 0.5);
}

.cmp-table td.cmp-feat-cell {
	color: var(--cmp-text-secondary);
	font-size: 1rem;
	text-align: left;
}

.cmp-tick, .cmp-cross, .cmp-partial {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	font-size: 1.5rem;
	font-weight: 700;
}

.cmp-tick    { color: #4a8c5c; }
.cmp-cross   { color: var(--cmp-red); }
.cmp-partial { color: var(--cmp-amber); }

.cmp-note {
	font-size: 1rem;
	display: block;
	color: var(--cmp-text-muted);
	margin-top: 3px;
}

.cmp-pill {
	display: inline-block;
	padding: 8px 8px;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: 500;
}

.cmp-pill-green { background: var(--cmp-accent-light); color: #4a8c5c; }
.cmp-pill-amber { background: var(--cmp-amber-light);  color: var(--cmp-amber); }
.cmp-pill-red   { background: var(--cmp-red-light);    color: var(--cmp-red); }

.cmp-row-hidden { display: none; }

.cmp-footnote {
	padding: 0 40px 8px;
	font-size: 11px;
	color: var(--cmp-text-muted);
	line-height: 1.7;
}

.cmp-footnote a { color: var(--cmp-accent-mid); }

@media (max-width: 700px) {
	.cmp-legend, .cmp-filters, .cmp-scroll, .cmp-footnote { padding-left: 16px; padding-right: 16px; }
}

.single-download h1 {
	text-wrap: pretty;
}
.faq-content p:empty {
	display: none;
}
.discover-wrapper-inner {
	z-index: 99;
	position: relative;
}
.wp-element-caption {
	font-size: 0.9rem;
	opacity: 0.5;
}
.gist .blob-code {
	font-family: Courier New, monospace !important;
	font-size: 1rem !important;
}
.gist table.highlight {
	background: #fcfcfc;
}
.widget .pr-cta-content .cta-plugin-title a {
	color: white;
	font-size: 2rem;
	font-weight: 900;
	line-height: 1;
}