/**
 * Uikit overrides
 *
 */
blockquote:not(.pw-pullquote) {
  position: relative;
  color: #555;
  font-size: inherit;
  padding: 40px;
  border-left: 1px solid #ddd;
  background: #f3f3f3;
  font-style: normal;
  line-height: 1.6;
}
blockquote:not(.pw-pullquote) cite {
  white-space: nowrap;
  opacity: 0.6;
}
blockquote:not(.pw-pullquote)::before {
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #d0d0d0;
  top: 46%;
  left: -5px;
  content: "";
  border-radius: 10px;
}

.uk-text-muted,
.uk-text-meta {
  color: #999;
}

.uk-container:not(.uk-container-expand) {
  max-width: 1600px;
}

.uk-text-lead {
  color: #555;
}

.uk-search-input {
  border-radius: 20px;
}

.uk-button {
  font-size: 0.9rem;
  border-radius: 5px;
}

.uk-button-primary {
  background: #2480e6;
}
.uk-button-primary:hover {
  background: #529bec;
}

.uk-background-primary,
.uk-section-primary {
  background-color: #2480e6;
}

.uk-section-primary:not(.uk-preserve-color) {
  color: rgba(255, 255, 255, 0.85);
}
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted {
  color: rgba(255, 255, 255, 0.6);
}
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li {
  position: relative;
}
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.8);
}
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1);
}
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a {
  color: #fff;
}
.uk-section-primary:not(.uk-preserve-color)#content .uk-nav a:hover {
  text-decoration: underline;
}
.uk-section-primary:not(.uk-preserve-color) .uk-label:not(.uk-preserve-color) {
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > *,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > * {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > *:focus, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > *:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *:hover {
  color: rgba(255, 255, 255, 0.85);
}
.uk-section-primary:not(.uk-preserve-color) #headline-meta {
  color: rgba(255, 255, 255, 0.85);
}
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > li > a:focus {
  color: #fff;
}

.uk-offcanvas-bar {
  min-width: 310px;
  background: #e2e9ef;
}
.uk-offcanvas-bar .uk-search-default {
  width: 100%;
}
.uk-offcanvas-bar .uk-search-default input[type=search] {
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
.uk-offcanvas-bar .uk-search-default input[type=search]:focus {
  background: rgba(255, 255, 255, 0.15);
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  /* default font */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  text-transform: none;
}

.uk-navbar-dropdown .uk-search-input {
  color: #333 !important;
}
.uk-navbar-dropdown input::placeholder {
  color: #999 !important;
}

.uk-navbar-dropdown .uk-nav a,
#html-body .uk-dropdown .uk-nav a {
  color: #333;
}
.uk-navbar-dropdown .uk-nav a:hover,
#html-body .uk-dropdown .uk-nav a:hover {
  color: #e83561;
  text-decoration: none !important;
}
.uk-navbar-dropdown .uk-nav a .uk-text-meta,
#html-body .uk-dropdown .uk-nav a .uk-text-meta {
  color: #999;
}
.uk-navbar-dropdown .uk-nav a:hover .uk-text-meta,
#html-body .uk-dropdown .uk-nav a:hover .uk-text-meta {
  color: #e83561;
}

.uk-nav .uk-nav-header,
.uk-nav-default .uk-nav-header {
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.uk-nav .uk-nav-header a,
.uk-nav-default .uk-nav-header a {
  color: #333;
}

.uk-nav-default > li > a {
  color: #777;
}
.uk-nav-default > li.uk-active > a {
  color: #333;
}

.uk-section-primary .uk-nav .uk-nav-header,
.uk-section-primary .uk-nav .uk-nav-header a, .uk-section-primary .uk-nav-default .uk-nav-header,
.uk-section-primary .uk-nav-default .uk-nav-header a {
  color: rgba(255, 255, 255, 0.6);
}

.uk-nav.uk-dropdown-nav .uk-nav-header {
  font-weight: 500;
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  .uk-comment-list .uk-comment ~ ul {
    padding-left: 30px;
  }
}
.uk-comment-list > :nth-child(n+2),
.uk-comment-list .uk-comment ~ ul,
.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
  margin-top: 20px;
}

.uk-comment .CommentForm {
  margin-top: 20px;
}

.uk-alert-success {
  color: #008c57;
}

.uk-description-list dt {
  text-transform: none;
  font-size: inherit;
}

/* not currently in use
.uk-tab {
	a {
		padding: 13px 20px 10px 20px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border: 1px solid #fff;
		border-bottom: none;
	}
	.uk-active a {
		border: 1px solid #ccc;
		border-bottom: 1px solid #fff;
	}
}
*/
.uk-subnav.uk-subnav-pill {
  margin-left: -5px;
}
.uk-subnav.uk-subnav-pill li {
  padding-left: 5px;
  padding-bottom: 5px;
}
.uk-subnav.uk-subnav-pill li a {
  text-transform: none;
  color: #555;
}
.uk-subnav.uk-subnav-pill li:not(.uk-active) a {
  background: #eee;
}
.uk-subnav.uk-subnav-pill li:not(.uk-active) a:hover {
  color: #fff;
  background: #2480e6;
}
.uk-subnav.uk-subnav-pill li.uk-active a {
  color: #fff;
  background: #2480e6;
}

.uk-card-title {
  margin-bottom: 10px;
}

/**
 * Styles common to most PW installations
 *
 */
.align_left {
  /* for images placed in rich text editor */
  float: left;
  margin: 0 1em 0.5em 0;
  position: relative;
  top: 0.5em;
  max-width: 50%;
}

.align_right {
  /* for images placed in rich text editor */
  float: right;
  margin: 0 0 0.5em 1em;
  max-width: 50%;
}

.align_center {
  /* for images placed in rich text editor */
  display: block;
  margin: 1em auto;
  position: relative;
  top: 0.5em;
}

figure {
  /* figure for image that has a caption */
  display: table;
  margin: 1em 0;
}

figure figcaption {
  /* display caption text below image contained to image width */
  display: table-caption;
  caption-side: bottom;
  font-size: 13px;
  line-height: 1.4em;
  margin-top: 5px;
  color: #777;
}

@media only screen and (max-width: 767px) {
  /* common PW mobile layout adjustments for widths under 768px */
  .align_left, .align_right, .align_center {
    /* display images in center rather than aligned */
    display: block;
    float: none;
    margin: 1em auto;
    max-width: 100%;
  }

  figure,
figure figcaption {
    /* let figcaption display as wide as needed below image */
    display: block;
    text-align: center;
  }
}
.pw-logo-mark {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url(images/processwire.svg) top left no-repeat;
  background-size: contain;
}

.pw-logo-type {
  display: inline-block;
  width: 155px;
  height: 20px;
  background: url(images/processwire-type.svg) top left no-repeat;
  background-size: contain;
}

#masthead .pw-plug {
  position: absolute;
  top: 80px;
  right: 0;
}
#masthead .pw-logo-mark {
  position: relative;
  top: 3px;
}
#masthead .pw-logo-type {
  position: relative;
  top: -9px;
  left: 5px;
}
#masthead.masthead-reverse .pw-plug {
  display: none;
}
#masthead.masthead-reverse .pw-logo img {
  filter: invert(0);
}
#masthead.masthead-reverse .pw-logo span {
  color: #000;
}

html:not(.section-sites):not(.template-blog) .uk-navbar-nav > li.uk-active > a::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  bottom: -5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  z-index: 20;
  background: #2480e6;
}

#masthead-logo {
  font-size: 19px;
  padding-left: 0;
}

.headline-layout-normal #headline,
.headline-layout-reverse #headline {
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.headline-layout-normal #headline-meta,
.headline-layout-reverse #headline-meta {
  padding-bottom: 20px;
}

.headline-layout-reverse #headline {
  border-bottom: 1px solid #eee;
}

.headline-layout-none #masthead {
  margin-bottom: 50px;
  border-bottom: none;
}

#breadcrumbs .page-1058 {
  display: none;
}

@media screen and (max-width: 959px) {
  .template-api-reference #headline-meta {
    margin-top: 0;
  }
}
#content-body {
  max-width: 1150px;
}

.content-layout-1col #content-body {
  max-width: 100%;
}

@media screen and (min-width: 1700px) {
  .template-basic-page #content,
.template-blog-post #content {
    padding-top: 20px;
  }
}

#content {
  /*
  &.uk-section-primary {
  	li.uk-active {
  		a {
  			position: relative;
  			opacity: 0.5;
  		}
  		.pw-active {
  			top: 4px;
  			i, b {
  				border-color: #fff;
  			}
  		}
  	}

  }
  */
}
#content .uk-nav-default li:hover > a {
  color: #e83561;
}
#content .uk-nav-divider {
  border-color: #eee;
}
#content li.uk-active {
  position: relative;
}
#content li.uk-active .pw-active {
  position: absolute;
  width: 20px;
  height: 10px;
  top: 9px;
  left: -28px;
}
@media screen and (max-width: 639px) {
  #content li.uk-active .pw-active {
    display: none;
  }
}
#content li.uk-active .pw-active > i {
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 1px;
  border-bottom: 1px solid #555;
}
#content li.uk-active .pw-active > b {
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  border: 1px solid #555;
  border-radius: 7px;
  width: 7px;
  height: 7px;
}

.pw-card-pages li:not(.pw-extlink) .uk-card:hover {
  cursor: pointer;
}
.pw-card-pages .uk-card.uk-card-default {
  position: relative;
  box-shadow: none;
  background-color: #f6f6f6;
}
.pw-card-pages .uk-card.uk-card-default a, .pw-card-pages .uk-card.uk-card-default a > h4 {
  color: #e83561;
}
.pw-card-pages .uk-card.uk-card-default:hover {
  background-color: #f1f1f1;
}
.pw-card-pages .uk-card.uk-card-default .pw-wire-horiz {
  top: 40%;
  right: -43px;
}
.pw-card-pages .uk-card.uk-card-default .pw-wire-vert {
  transform: rotate(-90deg);
  transform-origin: bottom left;
  top: -37px;
  left: 15%;
}
.pw-card-pages .pw-line-horiz {
  display: block;
  width: 40px;
  border-top: 2px solid #eee;
  position: absolute;
  top: 50%;
  left: -40px;
  z-index: -1;
}
.pw-card-pages .pw-line-vert {
  display: block;
  height: 40px;
  border-left: 2px solid #eee;
  position: absolute;
  left: 50%;
  bottom: -40px;
  z-index: -1;
}
.pw-card-pages .pw-line-end {
  display: block;
  position: absolute;
  border-bottom: 2px solid #f3f3f3;
  border-top: 2px solid #eee;
  left: 0;
  bottom: -47px;
  z-index: -1;
  width: 6%;
  left: 47%;
  height: 3px;
}
.pw-card-pages .uk-first-column .pw-line-horiz,
.pw-card-pages .uk-first-column .pw-wire-horiz {
  display: none;
}
.pw-card-pages.uk-list .uk-card.uk-card-default {
  margin-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.pw-card-pages.uk-list .uk-card.uk-card-default .pw-wire-vert {
  background-size: contain;
  width: 35px;
  top: -38px;
}
.pw-card-pages.uk-list .uk-card.uk-card-default .pw-line-vert {
  top: -32px;
  height: 32px;
}
.pw-card-pages.uk-list .n0 .pw-wire-vert,
.pw-card-pages.uk-list .n0 .pw-line-vert {
  display: none;
}
.pw-card-pages.pw-card-pages-lines, .pw-card-pages.pw-card-pages-wires {
  padding-bottom: 20px;
}

/*** COMMENT FORM ********************************************/
.CommentFormHP {
  display: none;
}

/*** COMMENT LIST ********************************************

.CommentList,
.CommentListItem { }

.CommentListItem {
	position: relative;
}

.CommentHeader { }
.CommentHeader .CommentCreated { }
.CommentListNormal .CommentListItem { }
.CommentFooter { }

*/
.CommentList h3 {
  color: #222;
}

/*** COMMENT LIST WITH GRAVATAR ******************************

.CommentListHasGravatar .CommentHeader,
.CommentListNormal.CommentListHasGravatar .CommentText { }

.CommentListHasGravatar .CommentText,
.CommentListHasGravatar .CommentAction,
.CommentListHasGravatar form { }

*/
/*** COMMENT LIST WITH DEPTH (THREADED) ***********************

.CommentList .CommentList { }
.CommentList .CommentList .CommentGravatar { }
.CommentList .CommentList .CommentListItem { }
.CommentList .CommentList .CommentListItem + .CommentListItem { }
.CommentAction { }

*/
/*** COMMENT VOTES ********************************************/
.CommentList .CommentVotes {
  float: right;
}
.CommentList .CommentVotes a {
  text-decoration: none;
  padding: 3px 0.5em;
  font-weight: bold;
  border-bottom: none;
}
.CommentList .CommentVotes a:hover {
  background-color: #eee;
}
.CommentList .CommentVotes a.CommentVoted {
  background-color: #eee;
}
.CommentList .CommentVotes .CommentUpvoteCnt,
.CommentList .CommentVotes .CommentDownvoteCnt {
  padding-left: 2px;
}
.CommentList .CommentVotes .CommentActionUpvote {
  color: green;
}
.CommentList .CommentVotes .CommentActionDownvote {
  border-left: 1px solid #ddd;
  color: red;
}

/*** COMMENT STARS **********************************************/
.CommentStars > span,
.CommentForm .CommentStars > span,
.CommentList .CommentStars > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  color: #ccc;
}

span.CommentStarOn,
.CommentForm .CommentStars > span.CommentStarOn,
.CommentList .CommentStars > span.CommentStarOn {
  color: #FAA002;
}

span.CommentStarPartial {
  position: relative;
}
span.CommentStarPartial span.CommentStarOn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  line-height: 0;
}

.CommentForm .CommentStarsInput > span:hover {
  cursor: pointer;
}

/*** MISC *****************************************************/
img.uk-comment-avatar {
  width: 60px;
  height: 60px;
}

.num-comments {
  white-space: nowrap;
}

.template-api-reference #content-body {
  max-width: 1600px;
}

.pwapi-group-content table td {
  font-size: 15px;
}
.pwapi-group-content table td small {
  font-size: 13px;
  color: #777;
}
.pwapi-group-content table td:first-child {
  width: 33%;
}
.pwapi-group-content table td:nth-child(2) {
  width: 17%;
}
.pwapi-group-content table td:nth-child(3) {
  width: 50%;
}
.pwapi-group-content table .returnType,
.pwapi-group-content table .returnType code.language-php {
  font-size: 12px;
}

.pwapi-head-arguments {
  margin-bottom: 0;
  margin-top: 1.7em;
}

.pwapi-method-args {
  font-weight: 500;
}
.pwapi-method-args .method {
  font-weight: 600;
}

.pwapi-method-args-toggles {
  margin-bottom: 3em;
}

.pwapi-method-arguments ul li,
.pwapi-method-description ul li {
  margin: 1em 0;
}

.var-type {
  font-weight: 500;
  opacity: 0.5;
}

.param .param-type {
  opacity: 0.6;
}

.pw-plug {
  width: 100%;
  height: 20px;
  position: relative;
  border-top: 1px solid #e3e3e3;
}
.pw-plug > div {
  position: absolute;
  height: 20px;
  width: 4%;
  top: -2px;
  background: #fff;
}
.pw-plug.pw-plug-right > div {
  right: 0;
}
.pw-plug.pw-plug-right > div > .pw-plug-img,
.pw-plug.pw-plug-right > div > img {
  transform: rotate(90deg);
}
.pw-plug.pw-plug-left > div {
  left: 0;
  width: 19px;
}
.pw-plug.pw-plug-left > div > .pw-plug-img,
.pw-plug.pw-plug-left > div > img {
  transform: rotate(-90deg);
}

.pw-plug-img {
  display: inline-block;
  background: url(images/plug1.svg) no-repeat;
  position: relative;
  top: -8px;
  width: 19px;
  height: 19px;
  opacity: 0.15;
}

@media screen and (max-width: 478px) {
  .pw-plug-right .pw-plug-img {
    margin-left: -5px;
  }
}

.uk-background-primary .pw-plug,
.uk-background-secondary .pw-plug,
.uk-section-primary .pw-plug,
.uk-section-secondary .pw-plug {
  border-color: rgba(255, 255, 255, 0.2);
}
.uk-background-primary .pw-plug > div,
.uk-background-secondary .pw-plug > div,
.uk-section-primary .pw-plug > div,
.uk-section-secondary .pw-plug > div {
  background: #2480e6;
}
.uk-background-primary .pw-plug > div > .pw-plug-img,
.uk-background-secondary .pw-plug > div > .pw-plug-img,
.uk-section-primary .pw-plug > div > .pw-plug-img,
.uk-section-secondary .pw-plug > div > .pw-plug-img {
  background: url(images/plug2.svg) no-repeat;
  opacity: 0.4;
}

.uk-background-secondary .pw-plug,
.uk-section-secondary .pw-plug {
  background: #222;
}
.uk-background-secondary .pw-plug > div,
.uk-section-secondary .pw-plug > div {
  background: #222;
}

.pw-divider {
  border-top: 1px solid #e3e3e3;
  position: relative;
}
.pw-divider > div {
  width: 30px;
  overflow: hidden;
  position: relative;
  top: -19px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  background: #fff;
}
.pw-divider > div > span {
  display: inline-block;
  position: relative;
  width: 30px;
  background-color: #fff;
  /*
  > img {
  	filter: brightness(0) invert(0);
  	opacity: 0.15;
  }
  */
}
.pw-divider + h2, .pw-divider + a + h2, .pw-divider + h3, .pw-divider + a + h3, .pw-divider + h4, .pw-divider + a + h4 {
  margin-top: 0;
}

.uk-section-primary .pw-divider {
  border-color: rgba(255, 255, 255, 0.2);
}
.uk-section-primary .pw-divider > div {
  background: #2480e6;
}
.uk-section-primary .pw-divider > div > span {
  position: relative;
  background: #2480e6;
}

.pw-wire-loop,
.pw-wire-loop::after {
  background-image: url(images/wire-loop.png);
  background-size: cover;
  opacity: 0.15;
  display: inline-block;
  width: 30px;
  height: 20px;
}

.uk-section-primary .pw-divider .pw-wire-loop {
  position: relative;
  background-color: #2480e6;
  opacity: 1;
}
.uk-section-primary .pw-divider .pw-wire-loop::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 20px;
  top: 0;
  left: 0;
  opacity: 0.23;
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

.blog-posts {
  margin-left: -41px;
  margin-right: -40px;
  padding-top: 4px;
  overflow: hidden;
}
@media screen and (min-width: 1600px) {
  .blog-posts {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }
}
@media screen and (max-width: 639px) {
  .blog-posts {
    margin-left: -14px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .blog-posts {
    margin-left: -29px;
    margin-right: -30px;
  }
}

.blog-post {
  position: relative;
  z-index: 1;
}

.blog-post-summary {
  position: relative;
  border: 1px solid #e3e3e3;
  padding: 40px 30px 25px 40px;
  z-index: 2;
  margin-left: -1px;
  margin-bottom: -1px;
  margin-top: -1px;
}
@media screen and (max-width: 959px) {
  .blog-post-summary {
    padding: 25px 30px 10px 30px;
  }
}
@media screen and (max-width: 639px) {
  .blog-post-summary {
    padding: 25px 15px 10px 15px;
  }
}
.blog-post-summary:hover {
  cursor: pointer;
}
.blog-post-summary p span.uk-article-meta {
  text-transform: uppercase;
  font-weight: 500;
}
.blog-post-summary span.pw-wire {
  position: absolute;
  top: -4px;
  left: -5px;
  width: 7px;
  height: 7px;
  border: 1px solid #e3e3e3;
  border-radius: 7px;
  background-color: #fff;
  z-index: 9;
}
.blog-post-summary span.pw-wire2 {
  right: -5px;
  left: auto;
}
.blog-post-summary span.pw-wire3 {
  bottom: -4px;
  top: auto;
}

.uk-section-primary .blog-posts .blog-post-summary {
  border-color: #7cb3f2;
}
.uk-section-primary .blog-posts .blog-post-summary span.pw-wire2,
.uk-section-primary .blog-posts .blog-post-summary span.pw-wire {
  border-color: #7cb3f2;
  background-color: #2480e6;
}
.uk-section-primary .blog-posts .blog-post-summary p {
  color: rgba(255, 255, 255, 0.85);
}
.uk-section-primary .blog-posts .blog-post-summary p span.uk-article-meta {
  color: rgba(255, 255, 255, 0.6);
}
.uk-section-primary .blog-posts .blog-post:hover {
  position: relative;
  z-index: 20;
}
.uk-section-primary .blog-posts .blog-post:hover .blog-post-summary {
  border-color: #fff;
}
.uk-section-primary .blog-posts .blog-post:hover .blog-post-summary span.pw-wire2,
.uk-section-primary .blog-posts .blog-post:hover .blog-post-summary span.pw-wire {
  border-color: #fff;
}

.template-blog-post .blog-post-summary {
  padding-bottom: 50px;
}

html.custom-color .uk-section-primary .blog-posts .blog-post-summary {
  border-color: #fff;
}
html.custom-color .uk-section-primary .blog-posts .blog-post-summary span.pw-wire2, html.custom-color .uk-section-primary .blog-posts .blog-post-summary span.pw-wire {
  border-color: #fff;
}

.pw-sites-preview .uk-overlay {
  padding: 10px;
}
.pw-sites-preview img.pw-image {
  border: 5px solid #000;
  width: 100%;
  max-width: 250px;
}
@media screen and (max-width: 960px) {
  .pw-sites-preview img.pw-image {
    max-width: 500px;
  }
}
.pw-sites-preview .pw-wire {
  position: absolute;
  bottom: -15px;
  left: 42%;
  height: 15px;
  width: 15px;
  border-right: 1px solid #000;
}
.pw-sites-preview > div:last-child .pw-wire {
  display: none;
}
.pw-sites-preview .uk-inline {
  cursor: pointer;
}

.template-sites-item .pw-likes {
  position: relative;
  top: -5px;
  font-size: 20px;
}

.template-sites .uk-overlay-primary {
  background-color: rgba(34, 34, 34, 0.93);
}
.template-sites .pw-summary {
  line-height: 18px;
}
.template-sites .pw-skyline {
  display: none;
}
.template-sites #news {
  padding-top: 0;
}
.template-sites .pw-sites-head .uk-pagination {
  margin: 0;
  float: right;
}
.template-sites .pw-sites-item {
  position: relative;
}
.template-sites .pw-sites-item > .uk-inline {
  background: rgba(0, 0, 0, 0.1);
  min-height: 180px;
  cursor: pointer;
}
.template-sites .pw-sites-item h4 {
  line-height: 1.2;
  margin: 0;
}
.template-sites .pw-sites-item p {
  margin: 0;
}
.template-sites .pw-sites-item p.pw-summary {
  margin-top: 5px;
}
.template-sites .pw-sites-item .uk-overlay {
  overflow: hidden;
}
.template-sites .pw-sites-item .pw-toggle-featured {
  background: #333;
  position: absolute;
  padding: 20px;
  bottom: 0;
  right: 0;
}
.template-sites .pw-sites-item .pw-toggle-featured .uk-icon {
  position: relative;
  top: -3px;
}
.template-sites .pw-sites-item-title {
  margin-top: 3px;
}
.template-sites .pw-more-slide img {
  opacity: 0.1;
}

.like-ready:hover,
.like-liked > * {
  color: #e83561;
  color: lawngreen;
}

#content-body > .pw-plug-left {
  margin-top: 5px;
}

@media screen and (min-width: 960px) {
  .template-modules #pw-mobile-lead + h1,
.template-modules #pw-mobile-lead + h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .template-modules #headline-meta {
    margin-top: 0;
  }
}
.template-modules .pw-modules-list {
  margin-bottom: 0;
}
.template-modules .pw-modules-list > li {
  margin-top: 0;
  margin-bottom: 0;
}
.template-modules .pw-modules-list > li .uk-card {
  position: relative;
}
.template-modules .pw-modules-list > li .like-button {
  color: #999;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
}
.template-modules .pw-modules-list > li .like-button .like-hideif-liked .uk-icon {
  display: none;
}
.template-modules .pw-modules-list > li .like-button:hover .like-hideif-liked .uk-icon {
  display: inline-block;
}
@media screen and (max-width: 1699px) {
  .template-modules .pw-modules-list > li .uk-card-body {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.template-modules .pw-modules-list .pw-module-hidden {
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}

.modules-edit, .LoginRegisterPro {
  /*
  .InputfieldColumnWidthFirst {
  	.InputfieldHeader,
  	.InputfieldContent {
  		padding-left: 30px !important;
  	}
  }
  .Inputfield:not(.InputfieldColumnWidthFirst) {
  }
  */
}
.modules-edit .InputfieldForm, .LoginRegisterPro .InputfieldForm {
  border-top: 1px solid #eee;
}
.modules-edit .Inputfield:not(.InputfieldSubmit),
.modules-edit .InputfieldFieldset, .LoginRegisterPro .Inputfield:not(.InputfieldSubmit),
.LoginRegisterPro .InputfieldFieldset {
  margin: 0 !important;
  outline: 1px solid #eee;
}
.modules-edit .Inputfield:not(.InputfieldSubmit) .InputfieldHeader,
.modules-edit .Inputfield:not(.InputfieldSubmit) .InputfieldContent,
.modules-edit .InputfieldFieldset .InputfieldHeader,
.modules-edit .InputfieldFieldset .InputfieldContent, .LoginRegisterPro .Inputfield:not(.InputfieldSubmit) .InputfieldHeader,
.LoginRegisterPro .Inputfield:not(.InputfieldSubmit) .InputfieldContent,
.LoginRegisterPro .InputfieldFieldset .InputfieldHeader,
.LoginRegisterPro .InputfieldFieldset .InputfieldContent {
  padding-left: 30px !important;
}
.modules-edit .Inputfield:not(.InputfieldSubmit) .InputfieldHeader,
.modules-edit .InputfieldFieldset .InputfieldHeader, .LoginRegisterPro .Inputfield:not(.InputfieldSubmit) .InputfieldHeader,
.LoginRegisterPro .InputfieldFieldset .InputfieldHeader {
  padding-top: 30px;
}
.modules-edit .Inputfield:not(.InputfieldSubmit) .InputfieldContent,
.modules-edit .InputfieldFieldset .InputfieldContent, .LoginRegisterPro .Inputfield:not(.InputfieldSubmit) .InputfieldContent,
.LoginRegisterPro .InputfieldFieldset .InputfieldContent {
  padding-top: 0;
  padding-bottom: 35px;
}
.modules-edit .InputfieldSubmit .InputfieldContent, .LoginRegisterPro .InputfieldSubmit .InputfieldContent {
  padding-top: 30px;
  padding-bottom: 30px;
}

.modules-module .like-button,
.pw-modules-list .like-button {
  color: #777;
}
.modules-module .like-button > span,
.pw-modules-list .like-button > span {
  margin-right: 3px;
}
.modules-module .like-button .uk-badge,
.pw-modules-list .like-button .uk-badge {
  color: #777;
  background: #fff;
}
.modules-module .like-button:hover,
.pw-modules-list .like-button:hover {
  color: #e83561;
}
.modules-module .like-button:hover .uk-badge,
.pw-modules-list .like-button:hover .uk-badge {
  color: #e83561;
}
.modules-module .like-button:hover .uk-icon,
.pw-modules-list .like-button:hover .uk-icon {
  color: #e83561;
}
.modules-module .like-liked .uk-badge, .modules-module .like-liked:hover .uk-badge,
.pw-modules-list .like-liked .uk-badge,
.pw-modules-list .like-liked:hover .uk-badge {
  background: #e83561;
  color: #fff;
}
.modules-module .like-liked .uk-icon,
.pw-modules-list .like-liked .uk-icon {
  color: #e83561;
}

.modules-module #content-meta .pw-module-buttons .uk-button {
  white-space: nowrap;
}
@media screen and (max-width: 1080px) {
  .modules-module #content-meta .pw-module-buttons .uk-icon {
    display: none;
  }
}
.modules-module #content-body .uk-alert {
  margin-top: 0;
  margin-bottom: 5px;
}

#content .LoginRegisterPro {
  /*
  fieldset.InputfieldFieldset {
  	border: 1px solid #eee;
  	legend {
  		font-weight: bold;
  		color: #333;
  	}
  }
  */
  /*
  .InputfieldSubmit {
  	outline: none;
  	box-shadow: none;
  	border-top: 1px solid #eee;
  }
  */
}
#content .LoginRegisterPro .InputfieldForm .InputfieldHeader {
  display: block;
  padding-top: 30px;
}
#content .LoginRegisterPro .Inputfield {
  padding: 0;
  border: none;
  background: #fff;
  margin: 0;
}
#content .LoginRegisterPro .InputfieldHeaderHidden.InputfieldHeader,
#content .LoginRegisterPro .InputfieldHeaderHidden > .InputfieldHeader {
  display: none !important;
}
#content .LoginRegisterPro .InputfieldHeaderHidden.InputfieldHeader + .InputfieldContent,
#content .LoginRegisterPro .InputfieldHeaderHidden > .InputfieldHeader + .InputfieldContent {
  padding-top: 30px;
  padding-bottom: 30px;
}
#content .LoginRegisterPro .InputfieldHeaderHidden > .InputfieldContent {
  padding-top: 30px;
  padding-bottom: 30px;
}
#content .LoginRegisterPro .InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) {
  margin-left: 0;
}

@media screen and (max-width: 959px) {
  .pw-user-menu {
    margin-top: 20px;
  }
}
.template-home #masthead {
  margin-bottom: 0;
  padding-bottom: 0;
}
.template-home #headline {
  position: relative;
  padding-bottom: 0;
  margin: 0;
}
.template-home #content {
  margin-bottom: 0 !important;
}
.template-home h3 span.uk-icon {
  position: relative;
  top: -1px;
}
.template-home .plug {
  width: 22px;
  margin: 30px auto 0 auto;
  height: 60px;
  border-left: 2px solid #ccc;
  position: relative;
  left: 11px;
}
.template-home .plug .pw-plug-img {
  position: absolute;
  top: 0;
  left: -11px;
  top: -20px;
  opacity: 0.3;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.template-home .love {
  display: block;
  color: #aaa;
  margin-bottom: 20px;
}
.template-home #headline .pw-intro-wrap {
  position: relative;
  border-top: 1px solid #6ebaff;
  border-top-left-radius: 10px;
  border-right: none;
}
@media screen and (max-width: 959px) {
  .template-home #headline .pw-intro-wrap {
    border: none;
  }
}
.template-home #headline .pw-intro {
  position: relative;
  top: -1px;
  border: 1px solid #6ebaff;
  border-right: none;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  padding: 70px 0 60px 40px;
}
@media screen and (min-width: 960px) and (max-width: 1340px) {
  .template-home #headline .pw-intro {
    padding-bottom: 20px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 959px) {
  .template-home #headline .pw-intro {
    padding: 40px 0 0 0;
    border: none;
  }
}
.template-home #headline #ryans-imac {
  position: relative;
  top: 40px;
  background: url(images/ryimac-background.png) no-repeat;
  background-size: 100%;
}
.template-home #headline #ryans-imac img {
  display: block;
}
@media screen and (min-width: 1400px) {
  .template-home #headline #ryans-imac {
    top: 60px;
  }
}
.template-home #headline .pw-intro-screen {
  position: relative;
  z-index: 1;
  background-size: contain;
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img {
  position: absolute;
  width: 100%;
  z-index: 3;
  display: none;
  position: absolute;
  width: 44%;
  top: 20%;
  left: 20%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img.active {
  display: block;
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img.set1 {
  top: 19%;
  left: 40%;
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img.set2 {
  left: 21%;
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img.set3 {
  left: 28%;
  top: 16%;
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img.set4 {
  left: 15%;
  top: 20%;
}
.template-home #headline .pw-intro-screen .pw-intro-screenshots img.set5 {
  left: 30%;
  top: 25%;
}
.template-home #headline .pw-headline-plug,
.template-home #headline .pw-intro-plug {
  position: absolute;
  width: 19px;
  height: 19px;
  transform: rotate(90deg);
  filter: brightness(0) invert(1);
}
.template-home #headline .pw-headline-plug .pw-plug-img,
.template-home #headline .pw-intro-plug .pw-plug-img {
  opacity: 0.4;
}
.template-home #headline .pw-headline-plug {
  top: -10px;
  right: -10px;
}
.template-home #headline .pw-intro-plug {
  right: -10px;
  bottom: -10px;
}
.template-home .pw-intro p {
  font-size: 18px;
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .template-home .pw-intro h2, .template-home .pw-intro .uk-h2 {
    font-size: 1.3rem;
  }
  .template-home .pw-intro p {
    font-size: 16px;
  }
  .template-home .pw-intro .pw-buttons {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1249px) {
  .template-home .pw-intro h2, .template-home .pw-intro .uk-h2 {
    font-size: 1.4rem;
  }
  .template-home .pw-intro p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1399px) {
  .template-home .pw-intro p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  .template-home .pw-intro p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1600px) {
  .template-home .pw-intro h2, .template-home .pw-intro .uk-h2 {
    font-size: 2.625rem;
    line-height: 1.2;
  }
  .template-home .pw-intro p {
    font-size: 1.5rem;
  }
}
.template-home .pw-intro .pw-intro-body a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 959px) {
  .template-home .pw-headline-plug,
.template-home .pw-intro-plug {
    display: none;
  }
  .template-home .pw-intro-screen {
    margin-top: 0;
  }
  .template-home .blog-post {
    text-align: center;
  }
  .template-home .pw-showcase {
    overflow: hidden;
  }
}
.template-home .pw-highlights a p {
  color: #666;
}
.template-home .pw-highlights pre {
  text-align: left;
}
.template-home .pw-examples p {
  padding: 35px 35px 20px 40px;
  border-left: 1px solid #ddd;
  margin-top: 0;
}
.template-home .pw-examples .pw-p {
  position: relative;
}
.template-home .pw-blog {
  margin-top: 100px;
}

blockquote.pw-pullquote {
  text-align: center;
  font-style: normal;
}
blockquote.pw-pullquote p {
  max-width: 1200px;
  margin: 0 auto;
}
blockquote.pw-pullquote em {
  font-style: normal;
  background-color: #ffffdd;
}
blockquote.pw-pullquote cite {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  blockquote.pw-pullquote cite {
    white-space: nowrap;
  }
}
.uk-section-primary blockquote.pw-pullquote em {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  padding-left: 3px;
  padding-right: 3px;
}

.template-home.custom-color #headline .pw-intro,
.template-home.custom-color #headline .pw-intro-wrap {
  border-color: #fff;
}
.template-home.custom-color #headline .pw-plug-img {
  opacity: 1;
}

.template-home.thick-headlines .uk-h1, .template-home.thick-headlines h1,
.template-home.thick-headlines .uk-h2, .template-home.thick-headlines h2 {
  font-weight: 400;
}

#offcanvas-nav .uk-offcanvas-bar {
  background: #e2e9ef;
  border-right: 1px solid #cedae4;
  padding: 30px;
}
#offcanvas-nav .uk-offcanvas-bar li.uk-nav-divider {
  border-color: #cedae4;
}
#offcanvas-nav .uk-offcanvas-bar a {
  border: none;
  font-size: 1rem;
  color: #354b60;
}
#offcanvas-nav .uk-offcanvas-bar a:hover {
  color: #e83561;
}
#offcanvas-nav .uk-offcanvas-bar a:after {
  background-image: none;
}
#offcanvas-nav .uk-offcanvas-bar li.uk-open > a,
#offcanvas-nav .uk-offcanvas-bar li.uk-active > a {
  color: #e83561;
}
#offcanvas-nav .uk-offcanvas-bar .uk-search-icon {
  color: #354b60;
}
#offcanvas-nav .uk-offcanvas-bar .uk-search-input {
  width: 100%;
  background: #fff;
  color: #354b60;
}
#offcanvas-nav .uk-offcanvas-bar .uk-search-input::placeholder {
  color: #354b60;
}

#offcanvas-toggle {
  position: absolute;
  top: 27px;
  right: 30px;
  color: #fff;
}

.pw-search-meta {
  font-size: 12px;
  color: #888;
}

.pw-search-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 3px;
}
.pw-search-header a {
  font-weight: bold;
  text-transform: uppercase;
}
.pw-search-header a .pw-search-meta {
  float: right;
  font-weight: normal;
  text-transform: none;
}
.pw-search-header a .pw-search-meta .uk-icon {
  opacity: 0.5;
}
.pw-search-header a:hover .pw-search-meta {
  color: #e83561;
}
li + .pw-search-header {
  margin-top: 10px;
}

.pw-search-results-button {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
}
.pw-search-results-button .pw-search-results-button-arrow {
  position: absolute;
  top: 22px;
  display: inline-block;
  color: #222;
  text-align: center;
  width: 100%;
  height: 1px;
}

#footer {
  padding-top: 100px;
}
#footer .pw-logo {
  display: inline-block;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  padding: 12px;
  background: #2480e6;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  top: -52px;
}
#footer .pw-logo .pw-logo-mark {
  display: block;
  position: relative;
  top: -3px;
  left: -3px;
  width: 41px;
  height: 41px;
  opacity: 0.9;
}
#footer .pw-logo-type {
  display: inline-block;
  margin-top: -10px;
  text-align: center;
  margin-bottom: 20px;
}
#footer .pw-copyright {
  opacity: 0.8;
}
#footer #footer-content {
  position: relative;
  top: -30px;
}

#footer-plug {
  top: -20px;
  width: 55%;
}

#html-body {
  color: #555;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#html-body, h1, h2, h3, h4, h5, li,
.uk-h1, .uk-h2, .uk-h3, .uk-h4 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h3 code {
  font-size: 20px;
  line-height: 20px;
  position: relative;
  top: -2px;
  font-family: monospace;
  padding-left: 10px;
  padding-right: 10px;
}

a {
  color: #e83561;
}
a:hover {
  color: #a41336;
  text-decoration: none;
}

em {
  color: inherit;
}

b, strong {
  font-weight: 500;
}

small {
  font-size: 0.875rem;
}

pre {
  line-height: 1.6em;
}
pre.hljs {
  padding: 20px;
}

:not(pre):not(code) > code:not(.language-php) {
  background: #eee;
  color: #444;
}

h1, h2, h3,
.uk-h1, .uk-h2, .uk-h3 {
  font-weight: 300;
  color: #222;
}
h1 a, h2 a, h3 a,
.uk-h1 a, .uk-h2 a, .uk-h3 a {
  color: #222;
}
h1 a:hover, h2 a:hover, h3 a:hover,
.uk-h1 a:hover, .uk-h2 a:hover, .uk-h3 a:hover {
  color: #e83561;
}
h1 small, h2 small, h3 small,
.uk-h1 small, .uk-h2 small, .uk-h3 small {
  opacity: 0.5;
}

h1 small {
  font-size: 19px;
}

h3, h4,
.uk-h3, .uk-h4 {
  font-weight: 400;
  color: #2480e6;
}

h2 + h3,
h2 + a + h3 {
  margin-top: 0;
}

#news {
  padding-bottom: 30px;
}
#news p a, #news li a, #news h5 {
  font-weight: 500;
}
@media screen and (max-width: 959px) {
  #news {
    text-align: center;
  }
}
#news a:hover {
  text-decoration: underline;
}

.pw-date {
  font-weight: 500;
}

.pw-more {
  white-space: nowrap;
}

.pw-region-debug {
  border: none;
  margin: 0;
  padding: 0;
}

.pw-image {
  width: 100%;
}

img.bordered, .pw-image-bordered {
  border: 1px solid #777;
}

.pw-author-title {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px 20px;
  margin: 0;
}

.pw-categories-grid li {
  padding-top: 3px;
  padding-bottom: 3px;
}
@media screen and (max-width: 639px) {
  .pw-categories-grid li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .pw-categories-grid li:before, .pw-categories-grid li:after {
    border: none !important;
  }
}

.uk-section-primary .pw-categories-grid a:hover {
  text-decoration: underline;
}

.template-sites #masthead .pw-plug,
.template-category #masthead .pw-plug,
.template-blog #masthead .pw-plug {
  display: none;
}
.template-sites #headline,
.template-category #headline,
.template-blog #headline {
  margin-bottom: 0;
  background-image: none;
}
.template-sites #headline .uk-button,
.template-category #headline .uk-button,
.template-blog #headline .uk-button {
  white-space: nowrap;
}
.template-sites #content,
.template-category #content,
.template-blog #content {
  margin-top: 0;
}

.pw-input-rounded,
.pw-button-rounded {
  border-radius: 5px;
}

.pw-input-round,
.pw-button-round {
  border-radius: 20px;
}

.pw-xtra-info {
  padding: 25px 30px;
  border: 1px dashed #ccc;
  font-size: 14px;
  line-height: 25px;
}

label.InputfieldHeader {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

.TextformatterVideoEmbed {
  border: 5px solid #000;
}

#editpage {
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  padding: 3px 6px 3px 10px;
  text-transform: uppercase;
}
#editpage:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 1700px) {
  #html-body {
    font-size: 18px;
  }
  #html-body .uk-nav, #html-body .uk-nav-default,
#html-body .uk-text-small, #html-body small {
    font-size: 0.95rem;
  }
  #html-body .pw-plug, .section-blog #html-body .blog-post-summary {
    font-size: 16px;
  }
}
html.thick-headlines h2, html.thick-headlines h3 {
  font-weight: 400;
}

html.font-encode #content-body h2:not(.uk-h1) {
  font-weight: 400;
}

html.font-mada h1 {
  font-weight: 300;
}

html.font-source h1 {
  font-weight: 400;
}

html.font-barlow #html-body {
  font-size: 18px;
}
html.font-barlow #html-body .uk-nav, html.font-barlow #html-body .uk-nav-default,
html.font-barlow #html-body .uk-text-small, html.font-barlow #html-body small {
  font-size: 0.95rem;
}
html.font-barlow #html-body .pw-plug, .section-blog html.font-barlow #html-body .blog-post-summary {
  font-size: 16px;
}

/*# sourceMappingURL=main.css.map */