/* //////////////////////////////////////////////////////////////////////////

   Nurui 4.2.0

   //////////////////////////////////////////////////////////////////////////
    
   I. Customize
   |
   ├─ Fonts
   ├─ Border radius
   ├─ Color of details
   ├─ Gradients
   ├─ Gradients for pricing tables
   ├─ Light version
   ├─ Dark version
   └─ Hiding 'Portal' notifications

   II. 3rd party scripts
   |
   ├─ Normalize.css
   ├─ hamburgers
   └─ Flickity, lightense-images.js, reframe.js

   III. Theme
   |
   ├─ 1.Global
   ├─ 2.Header
   ├─ 3.Navigation
   ├─ 4.Members
   ├─ 5.Slider & Post header
   ├─ 6.Loop
   ├─ 7.Post
   ├─ 8.Post Authors
   ├─ 9.Authors & Tags page
   ├─ 10.Prev/Next post
   ├─ 11.Author & Tag page
   ├─ 12.Subscribe form
   ├─ 13.Footer
   ├─ 14.Comments
   ├─ 15.Search
   ├─ 16.Search & Custom pages
   ├─ 17.Error page
   ├─ 18.Contact page
   ├─ 19.Membership & Account page
   └─ 20.Colors

   
   //////////////////////////////////////////////////////////////////////////

   I. Customize

   ////////////////////////////////////////////////////////////////////////// */

/* Fonts
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
   --font-family-primary: 'Noto Sans', sans-serif;
   --font-weight-primary-regular: 400;
   --font-weight-primary-bold: 700;


   /* Border radius
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
   --border-radius-primary: 26px;
   --border-radius-secondary: 5px;


   /* Color of details
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
   --ghost-accent-color: #2821fc;


   /* Gradients
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */

   /* Violet */
   --gradient-violet-start: #b53cff;
   --gradient-violet-end: #f952ff;

   /* Green */
   --gradient-green-start: #23bd38;
   --gradient-green-end: #41eba9;

   /* Red */
   --gradient-red-start:  #f857a6;
   --gradient-red-end: #ff5858;

   /* Orange */
   --gradient-orange-start: #e77842;
   --gradient-orange-end: #f7c068;

   /* Yellow */
   --gradient-yellow-start: #ffb040;
   --gradient-yellow-end: #ffd62e;

   /* Blue */
   --gradient-blue-start: #327ae7;
   --gradient-blue-end: #6bd0ff;


   /* Gradients for pricing tables
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */

   /* Free */
   --gradient-free-start: #23bd38;
   --gradient-free-end: #41eba9;

   /* Paid */
   --gradient-paid-start: #e77842;
   --gradient-paid-end: #f7c068;


/* Light version
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
   --color-font: #161b3d;
   --color-font-button: #161b3d;
   --color-alert-red: #f74856;
   --color-alert-orange: #ff970d;
   --color-body: #fff;
   --color-featured-label: #fff;
   --color-featured-label-mobile: #161b3d;
   --color-search-icon: #161b3d;
   --color-underline-link: #dde0e0;
   --color-table-border: #dde0e0; 
   --color-figcaption: #5b6572;
   --color-hover-dot: #d3d5dc; 
   --color-bg-textarea: #f2f3f7;
   --color-bg-code: #f1f4f4;
   --color-bg-tag: #f4f4f4;
   --color-bg-featured-label: #161b3d;
   --color-bg-featured-label-mobile: #f4f4f4;
   --color-bg-elements: #f7f7f7;
   --color-bg-button-membership: #e2e5ed;
   --color-bg-notification-success: #23bd38;
   --color-bg-notification-false: #f74856;
   --color-elements-one: #f0f0f0;
   --color-elements-two: #e2e5ed;
   --color-elements-white: #fff;

   /* Default item gradient background */
   --gradient-gray-start: #e2e5ed;
   --gradient-gray-end: #f1f4f4;
}

/* Dark version
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.dark-mode {

   --color-font: #fff;
   --color-font-button: #0b0b0b;
   --color-alert-red: #f74856;
   --color-alert-orange: #ff970d;
   --color-body: #222327;
   --color-featured-label: #1a1a1a;
   --color-featured-label-mobile: #222327;
   --color-search-icon: #717171;
   --color-underline-link: #414242;
   --color-table-border: #414242;
   --color-figcaption: #c3c6c7;
   --color-hover-dot: #717171;
   --color-bg-textarea: #28292e;
   --color-bg-code: #32343a;
   --color-bg-tag: #414242;
   --color-bg-featured-label: #fff;
   --color-bg-featured-label-mobile: #f4f4f4;
   --color-bg-elements: #28292e;
   --color-bg-button-membership: #e2e5ed;
   --color-elements-one: #414242;
   --color-elements-two: #717171;
   --color-elements-white: #fff;

   /* Default item gradient background */
   --gradient-gray-start: #2b2d32;
   --gradient-gray-end: #32343a;
}

/* Automatic dark version [duplicate dark version]
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (prefers-color-scheme: dark) {
   .auto-dark-mode {
      --color-font: #fff;
      --color-font-button: #0b0b0b;
      --color-alert-red: #f74856;
      --color-alert-orange: #ff970d;
      --color-body: #222327;
      --color-featured-label: #1a1a1a;
      --color-featured-label-mobile: #222327;
      --color-search-icon: #717171;
      --color-underline-link: #414242;
      --color-table-border: #414242;
      --color-figcaption: #c3c6c7;
      --color-hover-dot: #717171;
      --color-bg-textarea: #28292e;
      --color-bg-code: #32343a;
      --color-bg-tag: #414242;
      --color-bg-featured-label: #fff;
      --color-bg-featured-label-mobile: #f4f4f4;
      --color-bg-elements: #28292e;
      --color-bg-button-membership: #e2e5ed;
      --color-elements-one: #414242;
      --color-elements-two: #717171;
      --color-elements-white: #fff;

      /* Default item gradient background */
      --gradient-gray-start: #2b2d32;
      --gradient-gray-end: #32343a;
   }

}

/* Hiding 'Portal' notifications
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
iframe[title="portal-notification"] {
   display: none;
}

/* //////////////////////////////////////////////////////////////////////////

   II. 3rd party scripts

   ////////////////////////////////////////////////////////////////////////// */

/* Normalize.css
   –––––––––––––––––––––––––––––––––––––––––––––––––––– 
   Version : 8.0.1
   Website : necolas.github.io/normalize.css
   Repo    : github.com/necolas/normalize.css
   Author  : Nicolas Gallagher
   License : MIT
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{overflow:auto}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{outline-offset:-2px;-webkit-appearance:textfield}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* hamburgers [with modifications]
   –––––––––––––––––––––––––––––––––––––––––––––––––––– 
   Version : 1.1.3
   Website : https://jonsuh.com/hamburgers/
   Repo    : https://github.com/jonsuh/hamburgers
   Author  : Jonathan Suh
   License : MIT
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:10px 15px 0 0;cursor:pointer;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger-box{position:relative;display:inline-block;width:30px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{position:absolute;width:30px;height:4px;background-color:var(--color-font)}.hamburger-inner::before,.hamburger-inner::after{display:block;content:''}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger-minus .hamburger-inner::before,.hamburger-minus .hamburger-inner::after{transition:bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear}.hamburger-minus.is-active .hamburger-inner::before,.hamburger-minus.is-active .hamburger-inner::after{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear;opacity:0}.hamburger-minus.is-active .hamburger-inner::before{top:0}.hamburger-minus.is-active .hamburger-inner::after{bottom:0}

/* Custom settings for Flickity, lightense-images.js, reframe.js
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{position:relative;overflow:hidden;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.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}.lightense-wrap img{border-radius:0!important}.lightense-backdrop{background-color:var(--color-body)!important;-webkit-backdrop-filter:initial!important;backdrop-filter:initial!important}.lightense-wrap ~ br,.lightense-wrap ~ small{display:none}.js-reframe{margin-bottom:30px}.kg-embed-card .js-reframe{margin-bottom:0}

/* //////////////////////////////////////////////////////////////////////////

   III. Theme

   ////////////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------------
   1.Global
   -------------------------------------------------------------------------- */

/* Base Styles
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
   font-size: 62.5%;
}

html,
body {
   height: 100%;
   max-height: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
   font-family: var(--font-family-primary);
   font-size: 18px;
   font-weight: var(--font-weight-primary-regular);
   line-height: 1.5;
   word-wrap: break-word;
   word-break: break-word;
   color: var(--color-font);
   background-color: var(--color-body);
}

/* Typography
   –––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,h2,h3,h4,h5,h6 {
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.4;
   margin: 5px 0 25px;
}

h1 { font-size: 50px }
h2 { font-size: 40px }
h3 { font-size: 30px }
h4 { font-size: 25px }
h5 { font-size: 20px }
h6 { font-size: 17px }

/* Global Links
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
a,
a:hover,
a:focus {
   text-decoration: none;
   color: var(--color-font);
   outline: 0;
}

/* Global Flexbox
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.flex {
   display: flex;
   flex-wrap: wrap;
}

/* Global Tags
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-tag {
   font-size: 10px;
   font-weight: var(--font-weight-primary-bold);
   display: inline-block;
   margin: 0 2px 1px 0;
   padding: 4px 10px;
   transition: all .15s ease;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   border-radius: 20px;
}

/* Global Button
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-button {
   font-size: 14px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.15;
   display: inline-block;
   box-sizing: border-box;
   height: auto;
   margin: 5px 0 0 0;
   padding: 25px 27px;
   cursor: pointer;
   transition: all .15s ease;
   text-decoration: none;
   letter-spacing: 2px;
   color: var(--color-font-button);
   border: none !important;
   border-radius: 50px;
   outline: 0;
   background-color: var(--color-elements-two);
}

br + .global-button {
   margin-top: 25px;
}

.global-button:hover {
   color: var(--color-elements-white);
   border-color: var(--ghost-accent-color);
   background-color: var(--ghost-accent-color);
}

/* Members — Notifications
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-notification div {
   font-size: 15px;
   font-weight: var(--font-weight-primary-bold);
   position: fixed;
   z-index: 999;
   top: 0;
   right: 0;
   left: 0;
   display: none;
   visibility: hidden;
   padding: 12px 20px;
   transform: translateY(-130%);
   -webkit-animation: slideDownNotification 5s cubic-bezier(.19, 1, .22, 1) forwards;
   animation: slideDownNotification 5s cubic-bezier(.19, 1, .22, 1) forwards;
   text-align: center;
   color: var(--color-elements-white);
   background-color: var(--color-bg-notification-success);
}

.global-notification .expired {
   background-color: var(--color-bg-notification-false);
}

.global-notification.is-subscribe .subscribe,
.global-notification.is-signin .signin,
.global-notification.is-signup .signup,
.global-notification.is-update-email .update-email,
.global-notification.is-expired .expired,
.global-notification.is-checkout-success .checkout-success {
   display: block;
}

@-webkit-keyframes slideDownNotification {
   15% { transform: translateY(0) }
   85% { transform: translateY(0) }
   100% { visibility: visible }
}

@keyframes slideDownNotification {
   15% { transform: translateY(0) }
   85% { transform: translateY(0) }
   100% { visibility: visible }
}

/* Sticky Footer
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-wrap {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.section-content-wrap {
   flex: 1 0 auto;
}

.section-footer {
   flex-shrink: 0;
}

/* Wrap
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrap {
   max-width: 1200px;
   margin: 0 auto;
}

/* RWD — Global
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   h1,h2,h3,h4,h5,h6 { margin: 3px 0 20px }
   h1 { font-size: 37px }
   h2 { font-size: 31px }
   h3 { font-size: 25px }
   h4 { font-size: 20px }
   h5 { font-size: 15px }
   h6 { font-size: 12px }

   .global-button {
      padding: 20px 23px;
   }

   .wrap {
      width: 100%;
      margin: 0;
   }

}

@media (min-width:480px) and (max-width:767px) {
   h1,h2,h3,h4,h5,h6 { margin: 3px 0 20px }
   h1 { font-size: 45px }
   h2 { font-size: 35px }
   h3 { font-size: 27px }
   h4 { font-size: 22px }
   h5 { font-size: 17px }
   h6 { font-size: 14px }
}

@media (min-width:480px) and (max-width:1399px) {
   .wrap {
      width: calc(100% - 85px - 85px);
   }

}

/* Fixed sub-pixel rendering */
@media (min-width:1025px) {
   .item-wrap article,
   .author-wrap,
   .post-wrap .kg-bookmark-container,
   .page-author-wrap,
   .page-tag-wrap,
   .membership-card {
      will-change: transform;
   }

   /* Safari */
   _:lang(x)+_:-webkit-full-screen-document,
   .item-wrap article,
   .author-wrap,
   .post-wrap .kg-bookmark-container,
   .page-author-wrap,
   .page-tag-wrap,
   .membership-card {
      will-change: auto;
   }

}

@media (min-width:1921px) {
   .global-wrap {
      max-width: 1920px;
      margin: 0 auto;
   }

   .search-opened .global-wrap {
      position: initial !important;
   }

}

/* --------------------------------------------------------------------------
   2.Header
   -------------------------------------------------------------------------- */
.header-wrap {
   align-items: center;
   flex-wrap: nowrap;
   min-height: 160px;
   padding: 0;
}

.header-logo {
   line-height: initial;
   flex: 0 1 250px;
   box-sizing: border-box;
   padding: 0 20px 0 0;
}

.header-nav {
   flex: 0 0 calc(100% - 250px);
   text-align: right;
}

.header-logo h1 {
   font-size: initial;
   line-height: initial;
   margin: initial;
}

.header-logo .is-logo {
   line-height: 0;
}

.header-logo .is-logo img {
   max-width: 100%;
   max-height: 50px;
}

.header-logo .no-logo {
   font-size: 40px;
   font-weight: var(--font-weight-primary-bold);
   line-height: .9;
   margin: 0;
   padding: 0;
}

/* Description
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.blog-description {
   font-size: 13px;
   font-weight: var(--font-weight-primary-bold);
   position: fixed;
   z-index: 999;
   top: 0;
   bottom: 0;
   left: 0;
   align-items: center;
   justify-content: center;
   max-width: 90vh;
   height: 86px;
   margin: auto;
   transform: rotate(-90deg) translate(-50%, 50%);
   transform-origin: 0 50%;
   text-align: center;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   color: var(--color-font);
}

/* RWD — Header
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .section-header {
      width: calc(100% - 30px - 30px);
      margin: 0 auto;
   }

   .header-wrap {
      min-height: 100px;
   }

   .header-logo .is-logo img {
      max-height: 40px;
   }

   .header-logo .no-logo {
      font-size: 25px;
   }

   .blog-description {
      visibility: hidden;
   }

}

/* --------------------------------------------------------------------------
   3.Navigation
   -------------------------------------------------------------------------- */
.nav-wrap {
   font-size: 15px;
   font-weight: var(--font-weight-primary-bold);
   position: relative;
   width: auto;
   padding: 0;
   letter-spacing: .9px;
}

.nav-wrap > .nav-label {
   display: none;
}

.nav-wrap > .nav-list {
   display: block;
}

.nav-wrap > .nav-list > .nav-list-item {
   position: relative;
   display: inline-block;
   background-color: transparent;
}

.nav-wrap input[type='checkbox'] {
   display: none;
}

.nav-list {
   z-index: 999;
   min-width: 150px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.nav-list,
[id^='toggle'] {
   display: none;
}

.nav-list-item {
   margin: 0;
}

.nav-list-item,
[id^='toggle']:checked + .nav-list {
   position: absolute;
   right: 0;
   display: block;
   border-radius: var(--border-radius-primary);
   background-color: var(--color-bg-elements);
}

.nav-link {
   line-height: .5;
   display: block;
   margin: 0;
   padding: 10px;
   text-decoration: none;
}

/* Dot
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-dot {
   position: absolute;
   top: 1px;
   right: 2px;
   width: 7px;
   height: 7px;
   transition: all .25s ease;
   border-radius: 50%;
}

.nav-dot.nav-dot-current,
.nav-link:active ~ .nav-dot {
   background-color: var(--ghost-accent-color) !important;
}

.nav-link:hover ~ .nav-dot {
   background-color: var(--color-hover-dot);
}

/* RWD — Navigation
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .nav-list {
      margin: 20px -15px 0 0;
   }

}

@media (min-width:480px) and (max-width:1023px) {
   .nav-list {
      margin: 20px 0 0 0;
   }

}

@media (max-width:1023px) {
   .nav-list {
      min-width: 170px;
      padding: 20px 20px 30px 0;
      word-break: initial;
   }

   .nav-wrap > .nav-label {
      display: block;
   }

   .nav-wrap > .nav-list {
      display: none;
   }

   .nav-wrap > .nav-list > .nav-list-item {
      position: relative;
      display: block;
   }

   .nav-link {
      line-height: 1;
      padding: 10px 10px 10px 30px;
   }

   .header-wrap .nav-dot {
      top: 4px;
   }

}

@media (min-width:1024px) and (max-width:1199px) {
   .nav-wrap {
      font-size: 13px;
   }

   .nav-link {
      padding: 8px;
   }

   .nav-wrap .nav-dot {
      top: -1px;
      right: 0;
   }

}

/* RWD — "Three" dots navigation
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:1023px) {
   .nav-dots,
   .nav-dots-wrap {
      margin: 0;
      padding: 0;
   }

   .nav-dots-wrap .nav-list-item {
      font-size: 15px;
      position: relative;
      letter-spacing: .9px;
   }

}

@media (min-width:1024px) {
   .nav-dots {
      display: inline-block;
      box-sizing: border-box;
      margin: 0;
      padding: 0 7px 0 0;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
   }

   .nav-dots::before {
      display: block;
      width: 35px;
      content: '•••';
      letter-spacing: 3px;
      pointer-events: auto;
   }

   .nav-dots .nav-dots-wrap {
      font-size: 15px;
      font-weight: var(--font-weight-primary-bold);
      position: absolute;
      z-index: 999;
      top: 40px;
      display: none;
      min-width: 140px;
      margin: 0;
      padding: 20px 10px 15px;
      list-style: none;
      transform: translateX(calc(-100% + 50px));
      word-break: normal;
      border-radius: var(--border-radius-secondary);
      background-color: var(--color-bg-elements);
   }

   .nav-dots.is-active .nav-dots-wrap {
      display: block;
   }

   .nav-dots .nav-list-item {
      position: relative;
      display: block;
      pointer-events: auto;
      background-color: transparent;
   }

   .nav-dots li {
      display: inline-block;
      padding: 0 0 6px;
   }

   .nav-dots a {
      line-height: 1.4;
      display: inline-block;
      margin: 0 7px;
      padding: 2px;
      text-decoration: none;
   }

}

/* --------------------------------------------------------------------------
   4.Members
   -------------------------------------------------------------------------- */

/* Login section
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-members-login-panel {
   display: inline-block;
   margin: 0;
   padding: 0 5px 0 10px;
}

.members-signin,
.members-signup,
.members-signout,
.members-account {
   font-size: 12px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1;
   position: relative;
   top: -1px;
   margin: 0 2px;
   padding: 5px 9px 6px 11px;
   transition: background-color .15s ease;
   text-decoration: none;
   border-radius: 50px;
   outline: none;
}

.members-signin,
.members-signout,
.members-account {
   background-color: var(--color-elements-one);
}

.members-signin:hover,
.members-signout:hover,
.members-account:hover {
   background-color: var(--color-elements-two);
}

.members-signup {
   background-color: transparent;
}

.members-signup,
.members-signup:hover {
   color: var(--color-elements-white);
}

.members-signup:hover {
   background-color: rgba(0, 0, 0, .15);
}

.members-signup::after {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: '';
   border-radius: 50px;
   background-color: var(--ghost-accent-color);
}

/* Labels
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.is-members-label {
   margin-bottom: 60px;
}

.members-label {
   font-size: 8px;
   font-weight: var(--font-weight-primary-bold);
   position: absolute;
   z-index: 2;
   right: 35px;
   bottom: 41px;
   padding: 4px 7px;
   cursor: pointer;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   opacity: .9;
   border: 1px solid;
   border-radius: 20px;
}

/* Teaser
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.members-teaser {
   position: relative;
   margin-bottom: 20px;
}

.members-teaser::after {
   position: absolute;
   right: 50%;
   bottom: -20px;
   left: 50%;
   width: calc(100vw - 40px);
   height: 80%;
   max-height: 340px;
   margin: 0 calc(-50vw + 20px);
   content: '';
   pointer-events: none;
   background-color: var(--color-body);
   -webkit-mask-image: linear-gradient(transparent,rgba(0,0,0,.013)8.1%,rgba(0,0,0,.049)15.5%,rgba(0,0,0,.104)22.5%,rgba(0,0,0,.175)29%,rgba(0,0,0,.259)35.3%,rgba(0,0,0,.352)41.2%,rgba(0,0,0,.45)47.1%,rgba(0,0,0,.55)52.9%,rgba(0,0,0,.648)58.8%,rgba(0,0,0,.741)64.7%,rgba(0,0,0,.825)71%,rgba(0,0,0,.896)77.5%,rgba(0,0,0,.951)84.5%,rgba(0,0,0,.987)91.9%,black);
   mask-image: linear-gradient(transparent,rgba(0,0,0,.013)8.1%,rgba(0,0,0,.049)15.5%,rgba(0,0,0,.104)22.5%,rgba(0,0,0,.175)29%,rgba(0,0,0,.259)35.3%,rgba(0,0,0,.352)41.2%,rgba(0,0,0,.45)47.1%,rgba(0,0,0,.55)52.9%,rgba(0,0,0,.648)58.8%,rgba(0,0,0,.741)64.7%,rgba(0,0,0,.825)71%,rgba(0,0,0,.896)77.5%,rgba(0,0,0,.951)84.5%,rgba(0,0,0,.987)91.9%,black);
}

/* CTA
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.members-cta {
   position: relative;
   z-index: 1;
   box-sizing: border-box;
   max-width: 620px;
   margin: 60px auto 10vh;
   padding: 40px 60px;
   text-align: center;
   border-radius: var(--border-radius-primary);
   background-image: linear-gradient(20deg, var(--gradient-gray-start), var(--gradient-gray-end));
   box-shadow: 0 0 60px 10px var(--color-body);
}

.members-cta-title {
   font-size: 35px;
   padding: 0 20px;
}

.members-cta p {
   font-size: 17px;
   margin-bottom: 30px;
}

.members-cta small {
   font-size: 14;
   display: block;
   margin-top: 30px;
}

.members-cta small a {
   font-weight: var(--font-weight-primary-bold);
   border: none;
}

.global-cta-violet .members-cta-white,
.global-cta-green .members-cta-white,
.global-cta-red .members-cta-white,
.global-cta-orange .members-cta-white,
.global-cta-yellow .members-cta-white,
.global-cta-blue .members-cta-white,
.global-cta-violet .members-cta-white small a:hover,
.global-cta-green .members-cta-white small a:hover,
.global-cta-red .members-cta-white small a:hover,
.global-cta-orange .members-cta-white small a:hover,
.global-cta-yellow .members-cta-white small a:hover,
.global-cta-blue .members-cta-white small a:hover {
   color: var(--color-elements-white);
}

.global-cta-violet .members-cta-button,
.global-cta-green .members-cta-button,
.global-cta-red .members-cta-button,
.global-cta-orange .members-cta-button,
.global-cta-yellow .members-cta-button,
.global-cta-blue .members-cta-button,
.global-cta-violet .members-cta-button:hover,
.global-cta-green .members-cta-button:hover,
.global-cta-red .members-cta-button:hover,
.global-cta-orange .members-cta-button:hover,
.global-cta-yellow .members-cta-button:hover,
.global-cta-blue .members-cta-button:hover {
   color: var(--color-font-button);
}

.global-cta-violet .members-cta-button:hover,
.global-cta-green .members-cta-button:hover,
.global-cta-red .members-cta-button:hover,
.global-cta-orange .members-cta-button:hover,
.global-cta-yellow .members-cta-button:hover,
.global-cta-blue .members-cta-button:hover {
   background-color: var(--color-bg-button-membership);
}

.global-cta-violet .members-cta-button,
.global-cta-green .members-cta-button,
.global-cta-red .members-cta-button,
.global-cta-orange .members-cta-button,
.global-cta-yellow .members-cta-button,
.global-cta-blue .members-cta-button {
   background-color: var(--color-elements-white);
}

.members-cta-button {
   position: relative;
   overflow: hidden;
   background-color: transparent;
}

.members-cta-button,
.members-cta-button:hover {
   color: var(--color-elements-white);
}

.members-cta-button:hover {
   background-color: rgba(0, 0, 0, .15);
}

.members-cta-button::after {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: '';
   border-radius: 50px;
   background-color: var(--ghost-accent-color);
}

/* RWD — Members
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .post-wrap.no-access {
      padding-right: 25px;
   }

   .members-label {
      right: 30px;
      letter-spacing: .5px;
   }

   .members-cta {
      margin-top: 15px;
      margin-bottom: 0;
      padding: 25px 15px;
      border-radius: calc(var(--border-radius-primary) - 10px);
   }

   .members-cta-title {
      font-size: 22px;
   }

   .members-cta p {
      font-size: 15px;
      margin-bottom: 20px;
   }

   .members-cta small {
      margin-top: 15px;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .members-cta {
      padding: 30px;
   }

   .members-cta-title {
      font-size: 28px;
   }

}

@media (min-width:768px) and (max-width:1023px) {
   .members-cta-title {
      font-size: 32px;
   }

}

@media (max-width:1023px) {
   .section-members-login-panel {
      display: inline-flex;
      align-items: flex-end;
      flex-direction: column;
      margin: 15px -4px 0 10px;
   }

   .members-signin,
   .members-signup,
   .members-signout,
   .members-account {
      font-size: 14px;
      margin-bottom: 12px;
      padding: 8px 11px 9px 13px;
   }

   .members-signin,
   .members-signout,
   .members-account {
      background-color: var(--color-elements-two);
   }

}

/* --------------------------------------------------------------------------
   5.Slider & Post header
   -------------------------------------------------------------------------- */
.section-scrollable:empty {
   display: none;
}

.section-scrollable:not(.flickity-enabled) {
   overflow: hidden;
   height: calc(100vh - 160px - 85px);
}

.section-scrollable .section-featured {
   width: 100%;
}

.section-featured {
   position: relative;
}

.featured-wrap {
   align-items: center;
   box-sizing: border-box;
   min-height: calc(100vh - 160px - 85px);
   padding: 0 12% 10vh 50%;
}

.featured-wrap .featured-content {
   width: 100%;
   padding: 60px 0 60px 40px;
}

/* Featured-label
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.featured-label {
   color: var(--color-featured-label);
   background-color: var(--color-bg-featured-label);
}

.featured-label svg {
   width: 12px;
   height: 12px;
   margin: 0 2px -2px 0;
   fill: var(--color-featured-label);
}

/* Tags
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.tags-wrap {
   margin-right: 20%;
}

.post-tag {
   color: var(--color-font);
   background-color: var(--color-bg-tag);
}

.post-tag:hover {
   color: var(--color-elements-white);
   background-color: var(--ghost-accent-color) !important;
}

/* Title
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.featured-wrap h1,
.featured-wrap h2 {
   font-size: 54px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.2;
   padding-top: 20px;
}

.featured-wrap h2 a {
   position: relative;
}

.featured-wrap h2 .featured-dot {
   position: absolute;
   width: 12px;
   height: 12px;
   margin-top: 10px;
   margin-left: 5px;
   content: '';
   transition: all .15s ease;
   border-radius: 20px;
   background-color: transparent;
}

.featured-wrap h2 a:hover + .featured-dot {
   background-color: var(--ghost-accent-color) !important;
}

/* Image
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.featured-image {
   position: absolute;
   z-index: -3;
   top: 0;
   right: 0;
   bottom: 0;
   left: 85px;
   overflow: hidden;
   width: calc(50% - 130px);
   border-radius: var(--border-radius-secondary);
   background: no-repeat center center;
   background-size: cover;
}

/* Full Width Image - Opacity
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.tag-hash-post-violet .is-featured-image .featured-image::before,
.tag-hash-post-green .is-featured-image .featured-image::before,
.tag-hash-post-red .is-featured-image .featured-image::before,
.tag-hash-post-orange .is-featured-image .featured-image::before,
.tag-hash-post-yellow .is-featured-image .featured-image::before,
.tag-hash-post-blue .is-featured-image .featured-image::before {
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   opacity: .7;
}

/* Background Color
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.tag-hash-post-violet .no-featured-image .white a,
.tag-hash-post-violet .no-featured-image .white,
.tag-hash-post-green .no-featured-image .white a,
.tag-hash-post-green .no-featured-image .white,
.tag-hash-post-red .no-featured-image .white a,
.tag-hash-post-red .no-featured-image .white,
.tag-hash-post-orange .no-featured-image .white a,
.tag-hash-post-orange .no-featured-image .white,
.tag-hash-post-yellow .no-featured-image .white a,
.tag-hash-post-yellow .no-featured-image .white,
.tag-hash-post-blue .no-featured-image .white a,
.tag-hash-post-blue .no-featured-image .white {
   color: var(--color-elements-white);
}

.tag-hash-post-violet .no-featured-image .reading-time svg,
.tag-hash-post-green .no-featured-image .reading-time svg,
.tag-hash-post-red .no-featured-image .reading-time svg,
.tag-hash-post-orange .no-featured-image .reading-time svg,
.tag-hash-post-yellow .no-featured-image .reading-time svg,
.tag-hash-post-blue .no-featured-image .reading-time svg {
   fill: var(--color-elements-white);
}

.tag-hash-post-violet .no-featured-image .featured-label,
.tag-hash-post-green .no-featured-image .featured-label,
.tag-hash-post-red .no-featured-image .featured-label,
.tag-hash-post-orange .no-featured-image .featured-label,
.tag-hash-post-yellow .no-featured-image .featured-label,
.tag-hash-post-blue .no-featured-image .featured-label {
   color: var(--color-featured-label-mobile);
   background-color: var(--color-bg-featured-label-mobile);
}

.tag-hash-post-violet .no-featured-image .featured-label svg,
.tag-hash-post-green .no-featured-image .featured-label svg,
.tag-hash-post-red .no-featured-image .featured-label svg,
.tag-hash-post-orange .no-featured-image .featured-label svg,
.tag-hash-post-yellow .no-featured-image .featured-label svg,
.tag-hash-post-blue .no-featured-image .featured-label svg {
   fill: var(--color-featured-label-mobile);
}

.tag-hash-post-violet .post-wrap.no-image,
.tag-hash-post-green .post-wrap.no-image,
.tag-hash-post-red .post-wrap.no-image,
.tag-hash-post-orange .post-wrap.no-image,
.tag-hash-post-yellow .post-wrap.no-image,
.tag-hash-post-blue .post-wrap.no-image {
   padding-top: 60px;
}

/* Reading Time
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.item-meta .reading-time {
   font-size: 10px;
   display: inline-block;
   margin-top: 9px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

.item-meta .reading-time svg {
   width: 18px;
   height: 18px;
   margin-bottom: -4px;
   fill: var(--color-font);
}

/* Scrollable
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.scrollable-nav {
   position: absolute;
   z-index: 999;
   top: calc(50% - 22px);
   right: 35px;
   bottom: 0;
   display: none;
   width: 50px;
   height: 50px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.scrollable-nav .next {
   display: inline-flex;
   margin-top: 10px;
   padding: 12px;
   transition: all .2s ease;
   transform: rotate(-45deg);
   border: solid var(--color-elements-two);
   border-width: 0 8px 8px 0;
}

.scrollable-nav:hover span {
   padding: 8px;
   border: solid;
   border-width: 0 8px 8px 0;
   border-color: var(--ghost-accent-color) !important;
}

/* RWD — Slider & Post header
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .featured-wrap {
      min-height: calc(100vh - 100px);
   }

   .tag-hash-post-violet .no-featured-image .featured-wrap,
   .tag-hash-post-green .no-featured-image .featured-wrap,
   .tag-hash-post-red .no-featured-image .featured-wrap,
   .tag-hash-post-orange .no-featured-image .featured-wrap,
   .tag-hash-post-yellow .no-featured-image .featured-wrap,
   .tag-hash-post-blue .no-featured-image .featured-wrap {
      min-height: calc(100vh - 100px) !important;
   }

   .tag-hash-post-violet .post-wrap.no-image,
   .tag-hash-post-green .post-wrap.no-image,
   .tag-hash-post-red .post-wrap.no-image,
   .tag-hash-post-orange .post-wrap.no-image,
   .tag-hash-post-yellow .post-wrap.no-image,
   .tag-hash-post-blue .post-wrap.no-image {
      padding-top: 25px;
   }

   .featured-wrap .featured-content {
      padding: 30px 38px;
   }

   .featured-wrap h1,
   .featured-wrap h2 {
      font-size: 30px;
   }

   .tags-wrap {
      margin-right: 0;
   }

   .featured-label span {
      display: none;
   }

   .tags-wrap .featured-label {
      box-sizing: border-box;
      width: 24px;
      margin-left: 1px;
      padding: 4px 6px;
   }

}

@media (min-width:480px) {
   .section-scrollable.is-draggable + .scrollable-nav {
      display: initial;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .featured-wrap .featured-content {
      padding: 60px 20% 60px 85px;
   }

   .section-scrollable .no-featured-image .featured-content {
      padding: 60px 20% 60px 0;
   }

   .featured-wrap h1,
   .featured-wrap h2 {
      font-size: 35px;
   }

}

@media (min-width:480px) and (max-width:1023px) {
   .featured-wrap {
      min-height: calc(100vh - 160px);
   }

   .tag-hash-post-violet .no-featured-image .featured-wrap,
   .tag-hash-post-green .no-featured-image .featured-wrap,
   .tag-hash-post-red .no-featured-image .featured-wrap,
   .tag-hash-post-orange .no-featured-image .featured-wrap,
   .tag-hash-post-yellow .no-featured-image .featured-wrap,
   .tag-hash-post-blue .no-featured-image .featured-wrap {
      min-height: calc(100vh - 160px) !important;
   }

   .tags-wrap {
      margin-right: 10%;
   }

}

@media (min-width:768px) and (max-width:1023px) {
   .featured-wrap .featured-content {
      padding: 60px 20% 60px 123px;
   }

   .section-scrollable .no-featured-image .featured-content {
      padding: 60px 20% 60px 38px;
   }

   .featured-wrap h1,
   .featured-wrap h2 {
      font-size: 45px;
   }

}

@media (max-width:1023px) {
   .featured-wrap {
      padding: 0 0 10vh;
   }

   .featured-image {
      left: 0;
      width: 100%;
      margin-bottom: 0;
      border-radius: 0;
   }

   .featured-image::before {
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      opacity: .4;
      background-image: linear-gradient(234deg, #394245, #000);
   }

   .is-featured-image .featured-wrap h1,
   .is-featured-image .featured-wrap h2,
   .is-featured-image .featured-wrap h2 a,
   .is-featured-image .featured-wrap .item-meta,
   .is-featured-image .featured-wrap .item-meta a {
      color: var(--color-elements-white);
   }

   .is-featured-image .reading-time svg {
      fill: var(--color-elements-white);
   }

   .featured-image::before {
      border-radius: 0;
   }

   .is-featured-image .featured-label {
      color: var(--color-featured-label-mobile);
      background-color: var(--color-bg-featured-label-mobile);
   }

   .is-featured-image .featured-label svg {
      fill: var(--color-featured-label-mobile);
   }

   .featured-wrap h2 .featured-dot {
      display: none;
   }

   .post-template .no-featured-image .featured-wrap,
   .page-template .no-featured-image .featured-wrap {
      min-height: 60vh;
   }

}

@media (min-width:1024px) {
   .tag-hash-post-violet .no-featured-image .featured-wrap,
   .tag-hash-post-green .no-featured-image .featured-wrap,
   .tag-hash-post-red .no-featured-image .featured-wrap,
   .tag-hash-post-orange .no-featured-image .featured-wrap,
   .tag-hash-post-yellow .no-featured-image .featured-wrap,
   .tag-hash-post-blue .no-featured-image .featured-wrap {
      min-height: calc(100vh - 160px - 85px) !important;
   }

   .section-scrollable .no-featured-image .featured-wrap {
      padding: 0 20% 10vh 38px;
   }

   .section-scrollable .no-featured-image .featured-content,
   .tag-hash-full-image .is-featured-image .featured-wrap .featured-content {
      padding: 60px 0;
   }

   .post-template .no-featured-image .featured-wrap,
   .page-template .no-featured-image .featured-wrap {
      max-width: 700px;
      min-height: calc(70vh - 160px - 85px);
      margin: 0 auto;
      padding: 0 0 10vh;
   }

   .post-template .no-featured-image .featured-content,
   .page-template .no-featured-image .featured-content {
      padding-left: 0;
   }

   .featured-wrap .item-meta {
      width: 90%;
   }

   .tag-hash-full-image .is-featured-image .featured-wrap {
      max-width: 700px;
      margin: 0 auto;
      padding: 0 0 10vh;
   }

   .tag-hash-full-image .featured-image::before {
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      opacity: .4;
      background-image: linear-gradient(234deg, #394245, #000);
   }

   .tag-hash-full-image .is-featured-image .featured-wrap .white a,
   .tag-hash-full-image .is-featured-image .featured-wrap .white {
      color: var(--color-elements-white);
   }

   .tag-hash-full-image .is-featured-image .reading-time svg {
      fill: var(--color-elements-white);
   }

   .tag-hash-full-image .is-featured-image .featured-label {
      color: var(--color-featured-label-mobile);
      background-color: var(--color-bg-featured-label-mobile);
   }

   .tag-hash-full-image .is-featured-image .featured-label svg {
      fill: var(--color-featured-label-mobile);
   }

}

@media (min-width:1024px) and (max-width:1199px) {
   .featured-wrap h1,
   .featured-wrap h2 {
      font-size: 35px;
   }

   .featured-wrap h2 .featured-dot {
      right: -14px;
      width: 10px;
      height: 10px;
      margin-top: 5px;
   }

}

@media (min-width:1024px) and (max-width:1399px) {
   .featured-image {
      left: 0;
      width: calc(50% - 45px);
      border-radius: 0 var(--border-radius-secondary) var(--border-radius-secondary) 0;
   }

   .tag-hash-full-image .featured-image,
   .tag-hash-post-violet .no-featured-image,
   .tag-hash-post-green .no-featured-image,
   .tag-hash-post-red .no-featured-image,
   .tag-hash-post-orange .no-featured-image,
   .tag-hash-post-yellow .no-featured-image,
   .tag-hash-post-blue .no-featured-image {
      width: 100%;
      border-radius: 0;
   }

}

@media (min-width:1200px) and (max-width:1399px) {
   .featured-wrap h1,
   .featured-wrap h2 {
      font-size: 45px;
   }

}

@media (min-width:1400px) {
   .tag-hash-full-image .featured-image,
   .tag-hash-post-violet .no-featured-image,
   .tag-hash-post-green .no-featured-image,
   .tag-hash-post-red .no-featured-image,
   .tag-hash-post-orange .no-featured-image,
   .tag-hash-post-yellow .no-featured-image,
   .tag-hash-post-blue .no-featured-image {
      left: 85px;
      overflow: hidden;
      width: calc(100% - 170px);
      border-radius: var(--border-radius-secondary);
   }

}

@media (min-width:2000px) {
   .featured-wrap {
      min-height: 900px
   }

}

/* --------------------------------------------------------------------------
   6.Loop
   -------------------------------------------------------------------------- */
.section-loop {
   position: relative;
   margin-top: 0;
}

.section-loop.is-featured {
   margin-top: -10vh;
}

.section-loop.no-featured {
   margin-top: 10vh;
}

.items-wrap {
   margin: 0 -15px;
   -webkit-animation: slideTop .7s cubic-bezier(.250, .460, .450, .940) both;
   animation: slideTop .7s cubic-bezier(.250, .460, .450, .940) both;
}

@-webkit-keyframes slideTop {
   0% { transform: translateY(100px) }
   100% { transform: translateY(0) }
}

@keyframes slideTop {
   0% { transform: translateY(100px) }
   100% { transform: translateY(0) }
}

.item-wrap article {
   position: relative;
   z-index: 0;
   overflow: hidden;
   box-sizing: border-box;
   width: calc(100% - 30px);
   min-height: 370px;
   margin: 15px 0 15px 15px;
   padding: 40px 38px 45px;
   transition: transform .2s ease;
   border-radius: var(--border-radius-primary);
   background-image: linear-gradient(20deg, var(--gradient-gray-start), var(--gradient-gray-end));
}

.item-wrap.is-image article {
   background-color: transparent;
   background-image: initial;
}

.item-wrap article:hover {
   transform: translateY(-4px);
}

.item-link-overlay {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: var(--border-radius-primary);
}

/* Flexbox
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.item-wrap {
   flex: 999 0 33.333%;
   min-width: 350px;
}

.item-wrap.tag-hash-large {
   flex: 1 0 66.666%;
}

/* Title
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.item-wrap h2 {
   font-size: 33px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.35;
   margin-right: 10%;
}

/* Images
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.item-image {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: no-repeat center center;
   background-size: cover;
}

.item-image::before {
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   opacity: .4;
   background-image: linear-gradient(234deg, #394245, #000);
}

/* Images - Link - Background colors
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-loop .is-image a,
.section-loop .tag-hash-violet a,
.section-loop .tag-hash-green a,
.section-loop .tag-hash-red a,
.section-loop .tag-hash-orange a,
.section-loop .tag-hash-yellow a,
.section-loop .tag-hash-blue a {
   color: var(--color-elements-white);
}

/* Images - Text - Background colors & image
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-loop .is-image .white,
.section-loop .tag-hash-violet .white,
.section-loop .tag-hash-green .white,
.section-loop .tag-hash-red .white,
.section-loop .tag-hash-orange .white,
.section-loop .tag-hash-yellow .white,
.section-loop .tag-hash-blue .white {
   color: var(--color-elements-white);
}

/* Images - Opacity image - Background colors
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-loop .tag-hash-violet .item-image::before,
.section-loop .tag-hash-green .item-image::before,
.section-loop .tag-hash-red .item-image::before,
.section-loop .tag-hash-orange .item-image::before,
.section-loop .tag-hash-yellow .item-image::before,
.section-loop .tag-hash-blue .item-image::before {
   opacity: .8;
}

/* Meta
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.item-meta {
   line-height: 1.3;
}

.item-meta span,
.item-meta time {
   font-size: 14px;
   opacity: .9;
}

.item-meta time {
   display: inline-block;
   margin-right: 15px;
}

.item-meta a {
   font-size: 16px;
   font-weight: var(--font-weight-primary-bold);
   position: relative;
   z-index: 2;
}

/* Primary tag
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.is-primary-tag {
   margin-bottom: 60px;
}

.primary-tag {
   position: absolute;
   z-index: 2;
   bottom: 40px;
   margin-left: -8px;
   padding: 4px 8px;
   background-color: transparent;
}

.primary-tag:hover {
   color: var(--color-font) !important;
   background-color: var(--color-body);
}

/* Load more & Pagination
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.pagination {
   display: none;
}

.load-more,
.section-load-more {
   width: 40px;
   height: 40px;
}

.section-load-more {
   margin: 20px auto 16vh;
}

.load-more {
   display: none;
   box-sizing: border-box;
   cursor: pointer;
   transition: all .3s ease;
   border: 8px solid var(--color-elements-two);
   border-radius: 100px;
   outline: none;
   background: none;
}

.load-more span {
   display: none;
}

.load-more:hover {
   transition: .3s cubic-bezier(.39, .07, .68, 1.7);
   transform: scale(.65);
   border-color: var(--ghost-accent-color);
   background-color: var(--ghost-accent-color) !important;
}

/* Load more with text
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-standard-load-more .load-more,
.global-standard-load-more .section-load-more {
   width: auto;
   text-align: center;
}

.global-standard-load-more .load-more {
   height: auto;
   margin: 5px 0 0 0;
   cursor: pointer;
   transition: all .15s ease;
   text-decoration: none;
   color: initial;
   color: var(--color-font-button);
   border: none;
   border-radius: 50px;
   outline: 0;
   background-color: var(--color-elements-two);
}

.global-standard-load-more .load-more span {
   font-size: 14px;
   font-weight: var(--font-weight-primary-bold);
   display: inline-block;
   padding: 25px 27px;
   letter-spacing: 2px;
}

.global-standard-load-more .load-more:hover {
   transform: none;
   color: var(--color-elements-white);
}

/* RWD — Loop
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .items-wrap {
      margin: 0;
   }

   .item-wrap {
      min-width: 280px;
   }

   .item-wrap article {
      min-height: 200px;
      margin: 0 15px 15px;
      padding: 30px 30px 40px;
   }

   .item-wrap h2 {
      font-size: 25px;
      margin-right: 0;
   }

   .section-load-more {
      margin-bottom: 7vh;
   }

   .item-meta a {
      font-size: 14px;
   }

   .global-standard-load-more .section-load-more {
      padding-bottom: 25px;
   }

   .global-standard-load-more .load-more span {
      padding: 18px 22px;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .item-wrap article {
      min-height: 270px;
   }

   .item-wrap h2 {
      font-size: 28px;
      margin-right: 0;
   }

   .section-load-more {
      margin-bottom: 8vh;
   }

   .item-meta a {
      font-size: 14px;
   }

}

@media (min-width:768px) and (max-width:1023px) {
   .section-load-more {
      margin-bottom: 10vh;
   }

   .item-meta a {
      font-size: 15px;
   }

}

/* --------------------------------------------------------------------------
   7.Post
   -------------------------------------------------------------------------- */
.section-post {
   position: relative;
   margin: calc(-10vh + 15px) auto 0;
   border-radius: var(--border-radius-primary);
   background-color: var(--color-body);
}

.post-wrap {
   font-size: 19px;
   overflow: visible;
   max-width: 700px;
   margin: 0 auto;
   padding: 60px 85px 120px;
}

.post-wrap.no-image {
   padding-top: 0;
}

.post-wrap a {
   transition: all .2s ease;
   border-bottom: 2px solid var(--color-underline-link);
}

.post-wrap a:hover {
   border-color: var(--ghost-accent-color);
}

.post-meta {
   position: relative;
   max-width: 263px;
   margin: 0 auto;
}

/* Share
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-share {
   position: absolute;
   z-index: 99;
   bottom: -30px;
   display: inline-flex;
   align-items: center;
   margin: 50px auto 0;
   padding: 11px 13px;
   border-radius: 26px;
   background-color: var(--color-body);
}

.post-share a {
   line-height: 0;
   padding: 11px 30px 9px;
   cursor: pointer;
   border: none;
}

.post-share svg {
   width: 18px;
   height: 18px;
   transition: all .2s ease;
   fill: var(--color-font);
}

.post-share svg:hover {
   fill: var(--ghost-accent-color);
}

.post-share .copy {
   padding: 8px 28px 6px 27px;
}

.post-share .copy svg {
   width: 23px;
   height: 24px;
}

.post-share input {
   position: absolute;
   top: -24px;
   display: block;
   cursor: default;
   opacity: 0;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
}

.post-share .copy-popup {
   font-size: 12px;
   font-weight: var(--font-weight-primary-bold);
   position: absolute;
   top: -22px;
   left: -17px;
   width: 300px;
   margin-bottom: 50px;
   text-align: center;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   opacity: 0;
}

.post-share .copy:not(:active) ~ .copy-popup {
   transition: opacity 2s step-end;
}

.post-share .copy:active ~ .copy-popup {
   opacity: .8;
}

/* Footnotes
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.footnotes-sep {
   width: 100px;
   margin: 50px 0 10px;
}

.footnotes {
   padding: 20px 0;
}

.footnotes-list {
   padding-left: 20px;
   list-style: decimal;
}

.footnotes p,
.footnote-item {
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 10px;
}

/* Disable styling for img when is a link
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-wrap .image-link {
   border: none;
}

/* Paragraph
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
p {
   line-height: 1.65;
}

/* Image
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
p img {
   width: calc(100% + 110px);
   height: auto;
   margin: 35px 0 35px -55px;
   border-radius: var(--border-radius-secondary);
}

/* Unsplash Image <small>
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
p img ~ small {
   font-size: 12px;
   line-height: 1.1;
   position: absolute;
   display: block;
   max-width: 300px;
   transform: rotate(-90deg);
   transform-origin: -64px 20px;
}

p img ~ small,
p img ~ small a {
   color: var(--color-figcaption);
}

/* Blockquote
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
blockquote {
   font-size: 28px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.4;
   width: 90%;
   margin: 5vh 0 5vh -55px;
   padding: 20px 50px;
   border-left: 5px solid var(--color-elements-one);
}

blockquote p {
   margin: 0;
}

/* Figcaption
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.kg-card figcaption {
   font-size: 12px;
   line-height: 1.3;
   display: block;
   width: 100%;
   margin-top: 5px;
   color: var(--color-figcaption);
}

/* Code
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-wrap .kg-code-card {
   min-width: 100%;
   margin: 30px 0 15px;
}

.kg-code-card pre {
   margin: 0 0 10px;
}

code {
   font-size: 90%;
   margin: 0;
   padding: 2px 5px;
   border-radius: var(--border-radius-secondary);
   background-color: var(--color-bg-code);
}

pre > code {
   display: block;
   padding: 10px 15px;
   white-space: pre-wrap;
}

pre {
   margin-top: 30px;
}

/* Lists
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-wrap ul,
.post-wrap ol {
   margin-left: 1em;
}

.post-wrap ul {
   list-style: disc outside;
}

.post-wrap ul li ul {
   list-style: circle outside;
}

.post-wrap ol,
.post-wrap ol li ol {
   list-style: decimal outside;
}

dl dt {
   font-weight: var(--font-weight-primary-bold);
   float: left;
   clear: left;
   overflow: hidden;
   width: 180px;
   margin-bottom: 1em;
   text-align: right;
   white-space: nowrap;
   text-overflow: ellipsis;
}

dl dd {
   margin-bottom: 1em;
   margin-left: 200px;
}

ul {
   list-style: disc inside;
}

ol {
   list-style: decimal inside;
}

ol,
ul {
   margin: 0 0 25px;
   padding-left: 20px;
}

ul ul,
ul ol,
ol ol,
ol ul {
   font-size: 90%;
   margin: 15px 0 15px 30px;
}

li {
   margin-bottom: 10px;
}

/* Tables
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
   margin: 17px 0;
   border-collapse: collapse;
   background-color: transparent;
}

th,
td {
   padding: 10px 12px;
   text-align: left;
   border-bottom: 1px solid var(--color-table-border);
}

th:first-child,
td:first-child {
   padding-left: 0;
}

th:last-child,
td:last-child {
   padding-right: 0;
}

/* Responsive */
.responsive-table {
   overflow-x: auto;
   word-break: normal;
}

/* Elements
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
   width: 100%;
   height: 5px;
   margin: 40px 0 25px;
   border: none;
   background-color: var(--color-elements-one);
}

mark {
   background-color: yellow;
}

kbd {
   font-size: 14px;
   font-weight: var(--font-weight-primary-bold);
   display: inline-block;
   margin-bottom: 9px;
   padding: 1px 8px;
   color: #666;
   border: #ccc 1px solid;
   border-radius: var(--border-radius-secondary);
   background-color: #f4f4f4;
   box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 1px 0 0 var(--color-elements-white) inset;
   text-shadow: var(--color-elements-white) 0 1px 0;
}

iframe {
   display: block;
   margin-top: 0;
   margin-bottom: 0;
}

/* Center social elements e.g. Twitter, Facebook, etc
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
iframe,
.kg-embed-card > div,
.kg-embed-card > iframe,
.kg-embed-card > .fb-post,
.kg-embed-card > .twitter-tweet {
   margin-right: auto !important;
   margin-left: auto !important;
}

/* Koenig editor images
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-wrap .kg-image-card,
.post-wrap .kg-gallery-card,
.post-wrap .kg-embed-card {
   margin: 50px 0;
}

.kg-image-card img,
.kg-gallery-card img {
   width: 100%;
   height: auto;
   border-radius: var(--border-radius-secondary);
}

.kg-gallery-card .kg-gallery-container {
   display: flex;
   flex-direction: column;
   margin: 15px auto;
}

.kg-gallery-card .kg-gallery-row {
   display: flex;
   flex-direction: row;
   justify-content: center;
}

.kg-gallery-card .kg-gallery-image img {
   display: block;
   margin: 0;
}

.kg-gallery-card .kg-gallery-row:not(:first-of-type) {
   margin: 15px 0 0 0;
}

.kg-gallery-card .kg-gallery-image:not(:first-of-type) {
   margin: 0 0 0 15px;
}

/* Bookmark card
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-wrap .kg-bookmark-card {
   margin: 50px 0;
}

.kg-bookmark-card + .kg-bookmark-card {
   margin-top: -10px;
}

.kg-bookmark-card .kg-bookmark-container {
   overflow: hidden;
   min-height: 140px;
   transition: transform .15s ease-in-out;
   text-decoration: none;
   border-bottom: none;
   border-radius: var(--border-radius-secondary);
   background-color: var(--color-bg-elements);
   background-image: none;
}

.kg-bookmark-container:hover {
   transform: translateY(-2px);
}

.kg-bookmark-container,
.kg-bookmark-content,
.kg-bookmark-metadata {
   display: flex;
}

.kg-bookmark-title,
.kg-bookmark-metadata {
   font-weight: var(--font-weight-primary-bold);
}

.kg-bookmark-description,
.kg-bookmark-metadata {
   display: -webkit-box;
   overflow-y: hidden;
   -webkit-box-orient: vertical;
}

/* Content */
.kg-bookmark-content {
   align-items: flex-start;
   flex-direction: column;
   flex-grow: 1;
   justify-content: start;
   padding: 20px;
}

/* Title */
.kg-bookmark-title {
   font-size: 20px;
   line-height: 1.3;
}

/* Description */
.kg-bookmark-description {
   font-size: 15px;
   line-height: 1.3;
   max-height: 40px;
   margin-top: 12px;
   -webkit-line-clamp: 2;
}

/* Meta */
.kg-bookmark-metadata {
   font-size: 14px;
   align-items: center;
   flex-wrap: wrap;
   height: 22px;
   margin-top: 18px;
   -webkit-line-clamp: 1;
}

.kg-bookmark-metadata .kg-bookmark-icon {
   width: 20px;
   height: 20px;
   margin-right: 8px;
   margin-bottom: -5px;
}

.kg-bookmark-author,
.kg-bookmark-publisher {
   height: 20px;
}

.kg-bookmark-metadata span:nth-of-type(2)::before {
   margin-right: 6px;
   margin-left: 6px;
   content: '•';
}

/* Image */
.kg-bookmark-thumbnail {
   position: relative;
   min-width: 30%;
   max-height: 100%;
}

.kg-bookmark-thumbnail img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/* Cardmas
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.kg-card {
   margin: 35px 0;
}

.post-wrap .kg-card,
.post-wrap .kg-card * {
   box-sizing: border-box;
}

.post-wrap .kg-button-card .kg-btn,
.post-wrap .kg-nft-card a,
.post-wrap .kg-product-card .kg-product-card-button {
   text-decoration: none;
   border: none;
}

.post-wrap .kg-audio-card,
.post-wrap .kg-callout-card,
.post-wrap .kg-file-card .kg-file-card-container,
.post-wrap .kg-nft-card .kg-nft-card-container,
.post-wrap .kg-product-card .kg-product-card-container,
.post-wrap .kg-toggle-card {
   border-radius: var(--border-radius-secondary);
}

.post-wrap .kg-audio-card .kg-audio-thumbnail,
.post-wrap .kg-file-card .kg-file-card-icon::before,
.post-wrap .kg-product-card .kg-product-card-image {
   border-radius: calc(var(--border-radius-secondary) / 1.5);
}

.post-wrap .kg-audio-card .kg-audio-title,
.post-wrap .kg-file-card .kg-file-card-title,
.post-wrap .kg-product-card .kg-product-card-title {
   font-family: var(--font-family-primary);
   font-weight: var(--font-weight-primary-bold);
   color: var(--color-font);
}

/* Audio card */
.post-wrap .kg-audio-card .kg-audio-volume-slider {
   width: 55px;
}

.post-wrap .kg-audio-card svg {
   fill: var(--color-font);
}

.post-wrap .kg-audio-card .kg-audio-playback-rate {
   color: var(--color-font);
}

/* RWD — Audio card */
@media (max-width:480px) {
   .post-wrap .kg-audio-card .kg-audio-volume-slider {
      display: none;
   }

}

@media (max-width:320px) {
   .post-wrap .kg-audio-card .kg-audio-playback-rate,
   .post-wrap .kg-audio-card .kg-audio-unmute-icon {
      display: none;
   }

}

/* Button card & Product card */
.post-wrap .kg-button-card .kg-btn {
   height: 3em;
   padding: 1.5em 1.4em;
}

.post-wrap .kg-button-card .kg-btn,
.post-wrap .kg-product-card .kg-product-card-button {
   color: var(--color-elements-white);
   border-radius: 100px;
}

.post-wrap .kg-product-card .kg-product-card-button {
   height: 2.6em;
}

.post-wrap .kg-product-card .kg-product-card-button:hover {
   opacity: .85;
}

.post-wrap .kg-product-card .kg-product-card-image {
   max-width: 100%;
}

/* Callout card */
.post-wrap .kg-callout-card .kg-callout-emoji {
   flex-shrink: 0;
}

/* NFT card */
.post-wrap .kg-nft-card .kg-nft-opensea-logo {
   width: 100px;
}

.post-wrap .kg-nft-card .kg-nft-image {
   border-radius: var(--border-radius-secondary) var(--border-radius-secondary) 0 0;
}

.post-wrap .kg-nft-card .kg-nft-card-container {
   box-shadow: inset 0 0 0 1px rgb(124 139 154/25%);
}

/* RWD — Video card */
@media (min-width:768px) {
   .post-wrap .kg-video-card.kg-width-full {
      position: relative;
      right: 50%;
      left: 50%;
      width: calc(100vw - 85px - 85px - 20px);
      margin-right: calc(-50vw + 85px + 10px);
      margin-left: calc(-50vw + 85px + 10px);
   }

}

@media (min-width:768px) and (max-width:1023px) {
   .post-wrap .kg-video-card.kg-width-wide {
      width: 110%;
      margin-left: -5%;
   }

}

@media (min-width:1024px) and (max-width:1299px) {
   .post-wrap .kg-video-card.kg-width-wide {
      width: calc(1000px - 85px - 85px);
      margin-left: calc((700px - 1000px) / 2 + 85px);
   }

}

@media (min-width:1300px) {
   .post-wrap .kg-video-card.kg-width-wide {
      width: calc(1200px - 85px - 85px);
      margin-left: calc((700px - 1200px) / 2 + 85px);
   }

}

/* Temporarily disable the alternative Blockquote */
.post-wrap .kg-blockquote-alt {
   position: relative;
}

/* Beta editor
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
article.no-title .section-post {
   background-color: transparent;
}

article.no-title .post-wrap {
   margin-top: 8vh;
   padding-top: 0;
}

.post-wrap .kg-signup-card-image,
.post-wrap .kg-header-card-image {
   right: 0 !important;
   left: 0 !important;
   display: block;
   margin: 0 !important;
}

/* Signup card & Header card 'v2' */
.post-wrap .kg-signup-card,
.post-wrap .kg-header-card.kg-v2,
.post-wrap .kg-signup-card.kg-width-regular,
.post-wrap .kg-signup-card.kg-width-wide,
.post-wrap .kg-header-card.kg-v2.kg-width-regular,
.post-wrap .kg-header-card.kg-v2.kg-width-wide {
   overflow: hidden;
   border-radius: var(--border-radius-secondary);
}

.post-wrap .kg-signup-card.kg-width-regular,
.post-wrap .kg-signup-card.kg-width-wide,
.post-wrap .kg-header-card.kg-v2.kg-width-regular,
.post-wrap .kg-header-card.kg-v2.kg-width-wide {
   position: relative;
   right: 0;
   left: 0;
   width: 100%;
   margin-left: 0;
}

.post-wrap .kg-signup-card.kg-width-full.kg-content-wide,
.post-wrap .kg-header-card.kg-v2.kg-width-full.kg-content-wide {
   padding-right: 4vw;
   padding-left: 4vw;
}

.post-wrap .kg-signup-card.kg-width-full.kg-content-wide .kg-signup-card-content,
.post-wrap .kg-header-card.kg-v2.kg-width-full.kg-content-wide .kg-header-card-content {
   max-width: 100%;
   margin-right: auto;
   margin-left: auto;
}

.post-wrap .kg-signup-card.kg-width-full .kg-signup-card-image,
.post-wrap .kg-header-card.kg-v2.kg-width-full .kg-header-card-image {
   width: 100%;
   border-radius: 0;
}

.post-wrap .kg-header-card.kg-v2.kg-layout-split {
   display: -webkit-box;
}

.post-wrap div.kg-signup-card h2,
.post-wrap div.kg-header-card.kg-v2 h2 {
   font-family: var(--font-family-primary);
   font-weight: var(--font-weight-primary-bold);
}

.post-wrap .kg-signup-card h3.kg-signup-card-subheading,
.post-wrap .kg-header-card.kg-v2 h3.kg-header-card-subheading,
.post-wrap div.kg-signup-card .kg-signup-card-success {
   line-height: 1.2;
}

.post-wrap div.kg-signup-card .kg-signup-card-success {
   font-size: clamp(1.05em, 2vw, 2.4rem);
}

.post-wrap .kg-signup-card h2+h3.kg-signup-card-subheading,
.post-wrap .kg-header-card.kg-v2 h2+h3.kg-header-card-subheading {
   margin: 1em 0 0;
}

.post-wrap .kg-signup-card .kg-signup-card-fields {
   padding: .3em;
   border: none;
   border-radius: 100px;
}

.post-wrap .kg-signup-card .kg-signup-card-fields,
.post-wrap .kg-signup-card-input {
   background-color: var(--color-body);
}

.post-wrap div.kg-signup-card .kg-signup-card-button,
.post-wrap .kg-header-card.kg-v2 .kg-header-card-button {
   padding: 1.3em 1.8em;
   cursor: pointer;
}

.post-wrap div.kg-signup-card .kg-signup-card-button,
.post-wrap div.kg-signup-card .kg-signup-card-input,
.post-wrap div.kg-header-card.kg-v2 .kg-header-card-button {
   font-size: 18px;
   border-radius: 100px;
}

.post-wrap .kg-signup-card-input {
   line-height: 1;
   overflow: hidden;
   align-self: center;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: var(--color-font-one);
}

.post-wrap .kg-signup-card-input::-moz-placeholder {
   opacity: .6;
}

.post-wrap .kg-signup-card-input::placeholder {
   opacity: .6;
}

.post-wrap div.kg-signup-card .kg-signup-card-disclaimer,
.post-wrap div.kg-signup-card .kg-signup-card-error {
   font-size: 12px;
   margin: 1vh 0 0;
}

/* RWD — Beta editor */
@media (min-width:768px) {
   .post-wrap .kg-signup-card.kg-width-full,
   .post-wrap .kg-header-card.kg-v2.kg-width-full {
      position: relative;
      right: 50%;
      left: 50%;
      width: calc(100vw - 85px - 85px - 20px);
      margin-right: calc(-50vw + 85px + 10px);
      margin-left: calc(-50vw + 85px + 10px);
   }

}

@media (min-width:1261px) {
   .post-wrap .kg-signup-card.kg-width-wide,
   .post-wrap .kg-header-card.kg-v2.kg-width-wide {
      width: calc(100% + 180px + 180px);
      margin-left: -180px;
   }

}

@media (min-width:960px) and (max-width:1260px) {
   .post-wrap .kg-signup-card.kg-width-wide,
   .post-wrap .kg-header-card.kg-v2.kg-width-wide {
      position: relative;
      right: 50%;
      left: 50%;
      width: calc(100vw - 80px - 80px);
      margin-right: calc(-50vw + 80px);
      margin-left: calc(-50vw + 80px);
   }

}

@media (max-width:480px) {
   .post-wrap div.kg-signup-card .kg-signup-card-button,
   .post-wrap div.kg-signup-card .kg-signup-card-input,
   .post-wrap div.kg-header-card.kg-v2 .kg-header-card-button {
      font-size: 16px;
   }

}

/* RWD — Post
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .section-post {
      margin-top: -10vh;
   }

   .post-wrap {
      font-size: 16px;
      padding: 25px 10% 100px 25px;
   }

   .post-share {
      bottom: 15px;
   }

   p img {
      width: 100%;
      margin: 35px auto;
   }

   blockquote {
      font-size: 20px;
   }

   .kg-bookmark-container {
      flex-direction: column;
   }

   .kg-bookmark-content {
      order: 2;
   }

   .kg-bookmark-thumbnail {
      order: 1;
      width: 100%;
      min-height: 160px;
   }

}

@media (max-width:767px) {
   .section-post {
      width: calc(100% - 15px - 15px);
   }

   p img ~ small {
      line-height: 1.3;
      position: initial;
      margin: -20px 0 20px;
      transform: initial;
      transform-origin: initial;
   }

   blockquote {
      margin: 5vh 0 5vh;
      padding: 5px 20px;
   }

   .post-wrap .kg-image-card,
   .post-wrap .kg-gallery-card,
   .post-wrap .kg-embed-card,
   .post-wrap .kg-bookmark-card {
      margin: 35px 0;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .post-wrap {
      padding: 60px 70px 120px;
   }

   p img {
      width: 100%;
      margin: 35px 0;
   }

   blockquote {
      font-size: 24px;
   }

}

@media (min-width:768px) {
   .kg-image-card.kg-width-full img,
   .kg-image-card.kg-width-full figcaption {
      position: relative;
      right: 50%;
      left: 50%;
      width: calc(100vw - 85px - 85px - 20px);
      margin-right: calc(-50vw + 85px + 10px);
      margin-left: calc(-50vw + 85px + 10px);
   }

}

@media (min-width:768px) and (max-width:1023px) {
   .kg-image-card.kg-width-wide img,
   .kg-gallery-card .kg-gallery-container {
      width: 110%;
      margin-left: -5%;
   }

}

@media (min-width:1024px) and (max-width:1299px) {
   .kg-image-card.kg-width-wide img,
   .kg-gallery-card .kg-gallery-container {
      width: calc(1000px - 85px - 85px);
   }

   .kg-image-card.kg-width-wide img,
   .kg-image-card.kg-width-wide figcaption,
   .kg-gallery-card .kg-gallery-container,
   .kg-gallery-card figcaption {
      margin-left: calc((700px - 1000px) / 2 + 85px);
   }

   .kg-image-card.kg-width-wide figcaption,
   .kg-gallery-card figcaption {
      width: 780px;
   }

}

@media (min-width:1300px) {
   .kg-image-card.kg-width-wide img,
   .kg-gallery-card .kg-gallery-container {
      width: calc(1200px - 85px - 85px);
   }

   .kg-image-card.kg-width-wide img,
   .kg-image-card.kg-width-wide figcaption,
   .kg-gallery-card .kg-gallery-container,
   .kg-gallery-card figcaption {
      margin-left: calc((700px - 1200px) / 2 + 85px);
   }

   .kg-image-card.kg-width-wide figcaption,
   .kg-gallery-card figcaption {
      width: 900px;
   }

}

/* --------------------------------------------------------------------------
   8.Post authors
   -------------------------------------------------------------------------- */
.global-post-authors-disable .section-post-authors {
   display: none;
}

.section-post-authors {
   align-items: flex-start;
   justify-content: center;
   margin: -50px auto 150px;
}

/* Label
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-authors .author-label {
   width: 100%;
   margin: 19px 15px 20px;
}

.post-authors .author-label span {
   font-size: 13px;
   font-weight: var(--font-weight-primary-bold);
   display: block;
   text-align: center;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   opacity: .8;
}

/* Multiple authors
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-authors .author-wrap {
   position: relative;
   z-index: 1;
   overflow: hidden;
   flex: 1 0 180px;
   box-sizing: border-box;
   max-width: 220px;
   min-height: 125px;
   margin: 8px;
   transition: all .2s ease;
   transform: translateY(0);
   border-radius: var(--border-radius-primary);
   background-color: var(--color-bg-elements);
}

.post-authors .author-wrap:hover {
   transform: translateY(-2px);
}

.post-authors h4 {
   font-size: 18px;
   line-height: 1.3;
   margin: 0;
   padding: 8px 20px;
}

.post-authors h4.is-bio {
   margin-top: 10px;
}

.post-authors h4.no-bio {
   margin-top: 10px;
   margin-bottom: 10px;
}

.post-authors h4 a {
   border-bottom: none;
}

.post-authors p {
   font-size: 13px;
   line-height: 1.4;
   box-sizing: border-box;
   width: 95%;
   margin: 0;
   padding: 0 20px 20px;
}

.post-authors .author-profile-image {
   width: 100%;
   height: 90px;
   background: no-repeat center center;
   background-size: cover;
}

/* Single author
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-author-single {
   max-width: 720px;
}

.post-author-single .author-wrap {
   align-items: center;
   flex: 1 0 auto;
   min-width: 250px;
   max-width: calc(100% - 20px);
}

.post-author-single .author-content {
   flex: 1 0 calc(100% - 110px);
}

.post-author-single .author-profile-image {
   align-self: stretch;
   flex: 0 0 110px;
   height: auto;
}

/* RWD — Single author
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width:768px) and (max-width:1023px) {
   .post-author-single.first {
      padding: 0 79px;
   }

   .post-author-single .author-wrap {
      max-width: calc(100% - 12px);
   }

}

/* RWD — Double authors 
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width:768px) {
   .post-author-double {
      justify-content: center;
      max-width: 900px;
   }

   .post-author-double .author-wrap {
      align-self: stretch;
      flex: 1 0 300px;
   }

}

/* RWD — Post authors
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .section-post-authors {
      padding: 0 18px;
   }

   .post-authors .author-wrap {
      min-width: initial;
      min-height: 80px;
      border-radius: 100px;
   }

   .post-authors h4 {
      font-size: 16px;
      padding: 8px 15px;
      text-align: center;
   }

   .post-authors h4.is-bio {
      margin-top: 0;
   }

   .post-authors h4 a {
      color: var(--color-elements-white);
   }

   .post-authors h4.no-profile-image.no-cover-image a {
      color: var(--color-font);
   }

   .post-authors .author-profile-image {
      z-index: -1;
   }

   .post-authors .author-profile-image,
   .post-authors .author-profile-image::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
   }

   .post-authors .author-profile-image::before {
      z-index: 0;
      display: block;
      width: 101%;
      height: 101%;
      content: '';
      opacity: .5;
      background-image: linear-gradient(234deg, #394245, #000);
   }

   .post-authors p {
      display: none;
   }

}

@media (min-width:480px) and (max-width:599px) {
   .post-authors h4 {
      font-size: 17px;
   }

   .post-authors h4.is-bio {
      margin-top: 10px;
   }

   .post-authors p {
      width: 100%;
      padding: 0 18px 15px;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .section-post-authors {
      padding: 0 64px;
   }

   .post-authors .author-wrap {
      min-width: 250px;
   }

   .post-authors h4 {
      padding: 5px 18px;
   }

}

@media (min-width:600px) and (max-width:767px) {
   .post-authors .author-profile-image {
      align-self: stretch;
      flex: 0 0 110px;
      height: auto;
   }

   .post-authors .author-content {
      flex: 1 0 calc(100% - 110px);
   }

}

@media (max-width:599px) {
   .post-authors .author-profile-image {
      align-self: stretch;
      flex: 0 0 70px;
      height: auto;
   }

   .post-authors .author-content {
      flex: 1 0 calc(100% - 70px);
   }

}

@media (max-width:767px) {
   .post-authors .author-wrap {
      align-items: center;
      flex: 1 0 auto;
      max-width: calc(100% - 12px);
   }

}

/* --------------------------------------------------------------------------
   9.Authors & Tags page
   -------------------------------------------------------------------------- */
.section-page-tags,
.section-page-authors {
   margin: 0 auto 16vh;
   padding: 0 85px;
   -webkit-animation: slideTop .7s cubic-bezier(.250, .460, .450, .940) both;
   animation: slideTop .7s cubic-bezier(.250, .460, .450, .940) both;
}

.page-tags-wrap,
.page-authors-wrap {
   max-width: calc(100% + 30px);
   margin: 0 -15px;
}

.page-tag-wrap,
.page-author-wrap {
   position: relative;
   overflow: hidden;
   margin: 15px;
   transition: all .2s ease;
   border-radius: var(--border-radius-primary);
}

.page-tag-wrap {
   flex: 1 auto;
   padding: 10px;
}

.page-author-wrap {
   flex: 1 0 25%;
   box-sizing: border-box;
   min-width: 277px;
   min-height: 250px;
   padding-bottom: 40px;
}

.page-tag-wrap:hover,
.page-author-wrap:hover {
   transform: translateY(-4px);
}

.page-tag-wrap.no-image,
.page-author-wrap.is-profile-image,
.page-author-wrap.is-profile-image.is-cover-image,
.page-author-wrap.no-profile-image,
.page-author-wrap.no-cover-image {
   background-image: linear-gradient(20deg, var(--gradient-gray-start), var(--gradient-gray-end));
}

.page-author-wrap.is-cover-image {
   background-color: transparent;
   background-image: initial;
}

.page-author-wrap.is-profile-image.is-cover-image a,
.page-author-wrap.is-profile-image.is-cover-image p {
   color: var(--color-font);
}

.page-tag-wrap.is-image a,
.page-tag-wrap.is-image p,
.page-author-wrap.is-cover-image a,
.page-author-wrap.is-cover-image p {
   color: var(--color-elements-white);
}

.page-tags-title,
.page-authors-title {
   width: 100%;
}

.page-tags-title h4,
.page-authors-title h4 {
   font-size: 13px;
   font-weight: var(--font-weight-primary-bold);
   display: block;
   margin: 15px 10px 0;
   padding: 4px 10px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

.page-tag-wrap h2 {
   margin: 0;
   padding: 15px 30px;
}

.page-author-wrap h2 {
   font-size: 30px;
   margin: 10px 0 0 0;
   padding: 15px 30px;
}

.page-tag-wrap.top {
   min-height: 160px;
}

.page-tag-wrap.top h2 {
   font-size: 30px;
}

.page-tag-wrap.other h2 {
   font-size: 20px;
   text-align: center;
}

.page-tag-wrap.other {
   min-height: 30px;
}

.page-tag-wrap p,
.page-author-wrap p {
   font-size: 16px;
   line-height: 1.5;
   box-sizing: border-box;
   margin: 0;
}

.page-tag-wrap p {
   max-width: 450px;
   padding: 0 60px 3vh 30px;
}

.page-author-wrap p {
   width: 95%;
   padding: 15px 30px;
}

/* Images
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-author-profile-image {
   display: block;
   width: 100%;
   height: 250px;
   background: no-repeat center center;
   background-size: cover;
}

.page-tag-image,
.page-author-cover-image {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: no-repeat center center;
   background-size: cover;
}

.page-tag-image::before,
.page-author-cover-image::before {
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   opacity: .4;
   background-image: linear-gradient(234deg, #394245, #000);
}

/* Social links
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-author-social {
   position: relative;
   z-index: 999;
   padding: 5px 0 0 22px;
}

.page-author-social.author-social a {
   padding: 11px 10px;
}

.page-author-wrap.is-cover-image svg {
   transition: all .2s ease;
   fill: var(--color-elements-white);
}

.page-author-wrap.is-cover-image svg:hover {
   fill: var(--ghost-accent-color);
}

.page-author-wrap.is-profile-image.is-cover-image svg {
   fill: var(--color-font);
}

.page-author-wrap.is-profile-image.is-cover-image svg:hover {
   fill: var(--ghost-accent-color);
}

/* RWD — Authors & Tags page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .section-page-tags,
   .section-page-authors {
      margin: 0 auto 10vh;
      padding: 0;
   }

   .page-tags-wrap,
   .page-authors-wrap {
      max-width: 100%;
      margin: 0 7.5px;
   }

   .page-tag-wrap,
   .page-author-wrap {
      margin: 15px 7.5px 0;
   }

   .page-tag-wrap h2 {
      padding: 15px 20px;
   }

   .page-author-wrap h2 {
      font-size: 25px;
   }

   .page-tag-wrap p {
      padding: 0 20px 3vh;
   }

}

@media (min-width:768px) {
   .page-author-wrap.is-profile-image.last-author {
      max-width: calc(50% - 30px);
   }

}

/* --------------------------------------------------------------------------
   10.Prev/Next post
   -------------------------------------------------------------------------- */
.section-prev-next {
   overflow: hidden;
   width: calc(100% - 85px - 85px);
   margin: 0 auto -5px;
   border-radius: var(--border-radius-secondary);
}

.prev-next-wrap {
   display: flex;
   align-items: stretch;
}

.prev-next-wrap a {
   position: relative;
   display: flex;
   overflow: hidden;
   flex-grow: 1;
   min-width: 50%;
   background-image: linear-gradient(var(--gradient-gray-start), var(--gradient-gray-end));
}

.prev-next-wrap .is-image {
   background-color: transparent !important;
   background-image: none !important;
}

.prev-next-wrap section {
   display: block;
   box-sizing: border-box;
   width: 100%;
   min-height: 255px;
   transition: all .15s ease;
   letter-spacing: 1px;
}

.prev-next-wrap section:hover {
   background-color: rgba(0, 0, 15, .12);
}

.prev-next-wrap h5 {
   font-size: 10px;
   margin: 0;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

.prev-next-wrap h3 {
   font-size: 25px;
   margin-bottom: 8px;
}

.next-post section {
   padding: 65px 70px 65px 15%;
   text-align: right;
}

.prev-post section {
   padding: 65px 15% 65px 70px;
   text-align: left;
}

/* Images
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.prev-next-image,
.prev-next-image::before {
   width: 100%;
   height: 100%;
}

.prev-next-image {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: no-repeat center center;
   background-size: cover;
}

.prev-next-image::before {
   display: block;
   content: '';
   opacity: .4;
   background-image: linear-gradient(234deg, #394245, #000);
}

/* Images - Text - Background colors
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-prev-next .is-image,
.section-prev-next .tag-hash-violet,
.section-prev-next .tag-hash-green,
.section-prev-next .tag-hash-red,
.section-prev-next .tag-hash-orange,
.section-prev-next .tag-hash-yellow,
.section-prev-next .tag-hash-blue {
   color: var(--color-elements-white);
}

/* Images - Opacity image - Background colors
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-prev-next .tag-hash-violet .prev-next-image::before,
.section-prev-next .tag-hash-green .prev-next-image::before,
.section-prev-next .tag-hash-red .prev-next-image::before,
.section-prev-next .tag-hash-orange .prev-next-image::before,
.section-prev-next .tag-hash-yellow .prev-next-image::before,
.section-prev-next .tag-hash-blue .prev-next-image::before {
   opacity: .8;
}

/* RWD — Prev/Next post
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .prev-next-wrap section {
      padding: 45px 25px;
   }

}

@media (min-width:480px) and (max-width:599px) {
   .next-post section {
      padding: 55px 85px;
   }

   .prev-post section {
      padding: 80px 85px 55px;
   }

}

@media (max-width:599px) {
   .prev-next-wrap {
      display: block;
   }

   .prev-next-wrap section {
      min-height: 100px;
      text-align: center;
   }

}

@media (max-width:767px) {
   .section-prev-next {
      width: 100%;
      border-radius: 0;
   }

   .prev-next-wrap h3 {
      font-size: 20px;
   }

}

@media (min-width:600px) and (max-width:1023px) {
   .prev-next-wrap section {
      min-height: 200px;
   }

}

@media (min-width:600px) and (max-width:767px) {
   .next-post section {
      padding: 50px 85px 50px 30px;
   }

   .prev-post section {
      padding: 50px 30px 50px 85px;
   }

}

@media (min-width:768px) and (max-width:1023px) {
   .next-post section {
      padding: 50px 45px 50px 30px;
   }

   .prev-post section {
      padding: 50px 30px 50px 45px;
   }

   .prev-next-wrap h3 {
      font-size: 20px;
   }

}

/* --------------------------------------------------------------------------
   11.Author & Tag page
   -------------------------------------------------------------------------- */
.section-profile {
   width: calc(100% - 85px - 85px);
   margin: 0 auto;
   text-align: center;
}

.profile-wrap {
   box-sizing: border-box;
   padding: 5vh 5% 10vh;
}

.profile-wrap h1 {
   font-size: 50px;
   padding: 0 50px;
}

.profile-wrap h2 {
   font-size: 25px;
   box-sizing: border-box;
   max-width: 750px;
   margin: 3vh auto 0;
   padding: 0 50px;
}

/* Author image
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.author-image {
   width: 120px;
   height: 120px;
   margin: 0 auto 20px;
   border-radius: var(--border-radius-primary);
   background: no-repeat center center;
   background-size: cover;
}

/* Author social
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.author-social a {
   padding: 11px 20px;
   border: none;
}

.author-social a svg:hover {
   fill: var(--ghost-accent-color);
}

.author-social svg {
   width: 19px;
   height: 19px;
   transition: all .2s ease;
   fill: var(--color-font);
}

.author-social .location {
   display: inline-flex;
   align-items: center;
   padding: 0 15px 0 20px;
}

.author-social .facebook svg,
.author-social .location svg {
   width: 18px;
   height: 18px;
}

.author-social .location span {
   font-size: 10px;
   font-weight: var(--font-weight-primary-bold);
   padding-left: 10px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

/* Posts number
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.posts-number {
   display: inline-flex;
   align-items: center;
}

.posts-number svg {
   width: 22px;
   height: 22px;
   fill: var(--color-font);
}

.posts-number span {
   font-size: 13px;
   font-weight: var(--font-weight-primary-bold);
   padding-left: 5px;
   letter-spacing: 2px;
   text-transform: uppercase;
}

/* Is Cover/Featured image
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.profile-wrap.is-cover,
.profile-wrap.is-cover::before {
   border-radius: var(--border-radius-secondary);
   background: no-repeat center center;
   background-size: cover;
}

.profile-wrap.is-cover {
   position: relative;
   z-index: 0;
   margin-bottom: -17vh;
   padding: 10vh 5% 24vh;
   color: var(--color-elements-white);
}

.profile-wrap.is-cover::before {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   opacity: .4;
   background-image: linear-gradient(234deg, #394245, #000);
}

.profile-wrap.is-cover svg {
   fill: var(--color-elements-white);
}

/* RWD — Author & Tag page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .profile-wrap h1 {
      font-size: 30px;
      padding: 0 15px;
   }

   .profile-wrap h2 {
      font-size: 16px;
      padding: 0 20px;
   }

   .author-social a {
      padding: 11px 10px;
   }

   .author-social .location {
      padding: 0 10px;
   }

}

@media (min-width:480px) and (max-width:1023px) {
   .profile-wrap h1 {
      font-size: 45px;
   }

}

@media (max-width:1399px) {
   .section-profile {
      width: 100%;
   }

   .profile-wrap.is-cover,
   .profile-wrap.is-cover::before {
      border-radius: 0;
   }

}

/* --------------------------------------------------------------------------
   12.Subscribe form
   -------------------------------------------------------------------------- */
.section-subscribe {
   margin-bottom: 10vh;
}

.post-template .section-subscribe {
   margin-top: 15vh;
}

.page-template .section-subscribe {
   margin-top: 5vh;
}

.subscribe-wrap {
   padding: 0 20px;
   text-align: center;
}

.subscribe-wrap h3 {
   font-size: 48px;
   line-height: 1.2;
   max-width: 700px;
   margin: 5px auto 20px;
   padding: 10px 0;
   letter-spacing: 1px;
}

.subscribe-wrap input {
   border: none;
   border-radius: 0;
   outline: 0;
   box-shadow: none;
}

.subscribe-wrap .subscribe-input {
   font-size: 20px;
   font-weight: var(--font-weight-primary-bold);
   width: 80%;
   max-width: 500px;
   height: 35px;
   margin: 4vh 0;
   padding: 6px 9px;
   transition: all .25s ease;
   text-align: center;
   word-break: normal;
   color: var(--color-font);
   border-bottom: 7px solid var(--color-elements-two);
   background: transparent;
}

.subscribe-wrap .subscribe-input.name {
   margin-bottom: 0;
}

.subscribe-wrap .subscribe-input:focus {
   border-bottom-color: var(--ghost-accent-color) !important;
}

.subscribe-input::-webkit-input-placeholder {
   color: var(--color-elements-two);
}

.subscribe-input::-ms-input-placeholder {
   color: var(--color-elements-two);
}

.subscribe-input::-moz-placeholder {
   opacity: 1;
   color: var(--color-elements-two);
}

.subscribe-input::placeholder {
   color: var(--color-elements-two);
}

/* iTyped
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.subscribe-wrap .ityped {
   font-size: 24px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.3;
   max-width: 450px;
   margin: 0 auto;
}

.subscribe-wrap .ityped-cursor {
   transition: color .6s ease-in-out;
   -webkit-animation: .6s blink infinite;
   animation: .6s blink infinite;
}

@-webkit-keyframes blink {
   from, to { color: transparent }
   50% { color: var(--ghost-accent-color) }
}

@keyframes blink {
   from, to { color: transparent }
   50% { color: var(--ghost-accent-color) }
}

/* Alerts
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.subscribe-alert-loading,
.subscribe-alert-error {
   display: none;
}

.subscribe-form.loading ~ .subscribe-alert-loading,
.subscribe-form.error ~ .subscribe-alert-error {
   font-size: 10px;
   font-weight: var(--font-weight-primary-bold);
   position: relative;
   display: inline-block;
   box-sizing: border-box;
   margin: 3vh auto 0;
   padding: 8px 15px;
   text-align: center;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

.subscribe-form.loading ~ .subscribe-alert-loading {
   color: var(--color-alert-orange);
}

.subscribe-form.error ~ .subscribe-alert-error {
   color: var(--color-alert-red);
}

/* Sucess info
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.subscribe-form.success,
.subscribe-form ~ .subscribe-success {
   display: none;
}

.subscribe-form.success ~ .subscribe-success {
   display: inline-block;
}

/* Question about the account
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.subscribe-form.loading + small,
.subscribe-form.success + small,
.subscribe-form.error + small {
   display: none;
}

.subscribe-form + small {
   font-size: 14px;
   display: block;
   margin-top: 3vh;
}

.subscribe-form + small a {
   font-weight: var(--font-weight-primary-bold);
}

/* RWD — Subscribe form
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .page-template .section-subscribe {
      margin-top: -2vh;
   }

   .subscribe-wrap h3 {
      font-size: 32px;
      margin: 0 auto 10px;
   }

   .subscribe-wrap .subscribe-input {
      font-size: 16px;
      padding-bottom: 0;
   }

   .subscribe-wrap .ityped {
      font-size: 18px;
      margin: 0 auto;
   }

}

@media (max-width:1023px) {
   .section-subscribe {
      margin-bottom: 8vh;
   }

}

/* --------------------------------------------------------------------------
   13.Footer
   -------------------------------------------------------------------------- */
.footer-wrap {
   align-items: center;
   flex-wrap: nowrap;
   box-sizing: border-box;
   max-width: 1024px;
   margin-top: 6vh;
   padding: 0 15px 15px;
}

.footer-logo,
.footer-social-links {
   flex: 0 0 26%;
   box-sizing: border-box;
}

.footer-logo {
   padding: 0 20px;
}

.footer-logo .is-logo {
   line-height: 0;
}

.footer-logo .is-logo img {
   max-width: 100%;
   max-height: 35px;
}

.footer-logo .no-logo {
   font-size: 25px;
   line-height: normal;
}

.footer-logo .no-logo,
.footer-nav,
.footer-copyright a {
   font-weight: var(--font-weight-primary-bold);
}

.footer-nav {
   font-size: 15px;
   position: relative;
   flex: 0 1 48%;
   justify-content: center;
   letter-spacing: .9px;
}

.footer-nav .nav-list {
   display: block;
   margin: 0;
   padding: 0;
   text-align: center;
}

.footer-nav .nav-link {
   line-height: 1.5;
   padding: 5px 10px;
}

.footer-nav .nav-list-item {
   position: relative;
   display: inline-block;
   background-color: transparent;
}

.footer-copyright {
   font-size: 12px;
   font-weight: var(--font-weight-primary-regular);
   line-height: 1.3;
   max-width: 600px;
   margin: 0 auto;
   padding: 25px 30px;
   text-align: center;
   letter-spacing: .7px;
}

.footer-copyright {
   color: var(--color-figcaption);
}

/* Icons
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-social-links {
   justify-content: flex-end;
   padding-left: 20px;
}

.footer-social-links a {
   line-height: 0;
   margin: 5px 12px;
}

.footer-social-links svg {
   width: 19px;
   height: 19px;
   transition: all .2s ease-out;
   fill: var(--color-font);
}

.footer-social-links svg:hover {
   fill: var(--ghost-accent-color);
}

/* "Three" dots
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-nav .nav-dots,
.footer-nav .nav-dots-wrap {
   display: none;
}

/* RWD — Footer
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:1023px) {
   .footer-wrap {
      flex-direction: column;
      max-width: 500px;
   }

   .footer-logo,
   .footer-nav,
   .footer-social-links {
      display: block;
   }

   .footer-logo,
   .footer-social-links {
      max-width: 250px;
      padding: 0;
      text-align: center;
   }

   .footer-nav {
      font-size: 13px;
      line-height: 10px;
      margin: 20px 0;
   }

   .footer-nav .nav-link {
      margin-bottom: 6px;
      padding: 2px 10px;
   }

   .footer-social-links {
      justify-content: center;
   }

   .footer-copyright {
      padding: 20px 30px 15px;
   }

}

@media (min-width:1024px) {
   .footer-nav .nav-dot {
      top: 4px;
   }

}

/* --------------------------------------------------------------------------
   14.Comments
   -------------------------------------------------------------------------- */
.section-comments,
.section-comments .ghost-comments,
#disqus_thread {
   box-sizing: border-box;
   margin: 0 auto;
}

.section-comments {
   position: relative;
   z-index: 1;
   width: calc(100% - 85px - 85px);
   padding: 0 85px;
   background-color: var(--color-bg-elements);
}

.section-comments > div:first-of-type {
   padding-top: 100px;
}

.section-comments > div:last-of-type {
   padding-bottom: 100px;
}

#disqus_thread,
.section-comments .ghost-comments {
   max-width: 700px;
   padding-right: 0;
   padding-left: 0;
   border-radius: 0 0 var(--border-radius-secondary) var(--border-radius-secondary);
}

/* RWD — Comments
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:767px) {
   .section-comments {
      width: 100%;
      border-radius: 0;
   }

}

@media (max-width:479px) {
   .section-comments {
      padding: 0 20px;
   }

   .section-comments > div:first-of-type {
      padding-top: 40px;
   }

   .section-comments > div:last-of-type {
      padding-bottom: 40px;
   }

}

/* --------------------------------------------------------------------------
   15.Search
   -------------------------------------------------------------------------- */
.search-opened .global-wrap {
   overflow-x: hidden;
   overflow-y: scroll;
}

/* Fixes flickering when page load */
.section-search:not(.is-load) {
   display: none;
   transition-duration: 0;
}

.search-content {
   margin: 140px auto 6vh;
}

.section-search,
.search-image {
   transition: transform .75s ease-in-out;
   transform: translateX(100%);
}

.search-opened .search-image,
.search-opened .section-search {
   transform: translateX(0);
}

/* Icons
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-open {
   display: inline-block;
   list-style: none;
   text-decoration: none;
}

.search-open svg {
   width: 17px;
   height: 17px;
   margin: 0 0 -4px 5px;
   list-style: none;
}

.search-close {
   position: absolute;
   z-index: 99999;
   top: 40px;
   right: 40px;
}

.search-close svg {
   width: 37px;
   height: 37px;
   fill: var(--color-elements-two);
}

.search-featured svg {
   width: 13px;
   height: 13px;
}

.search-open svg,
.search-featured svg {
   fill: var(--color-font);
}

.search-open svg,
.search-close svg {
   cursor: pointer;
   transition: all .2s ease-out;
}

.search-open svg {
   fill: var(--color-search-icon);
}

.search-close svg {
   fill: var(--color-elements-two);
}

.search-open svg:hover,
.search-close svg:hover {
   fill: var(--ghost-accent-color);
}

/* Header - Search text hidden
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-open span {
   display: none;
}

/* Placeholder
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-input::-webkit-input-placeholder {
   color: var(--color-elements-two);
}

.search-input::-ms-input-placeholder {
   color: var(--color-elements-two);
}

.search-input::-moz-placeholder {
   opacity: 1;
   color: var(--color-elements-two);
}

.search-input::placeholder {
   color: var(--color-elements-two);
}

.search-input:focus {
   border-bottom-color: var(--ghost-accent-color);
}

/* Form - Search page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-input {
   font-size: 30px;
   font-weight: var(--font-weight-primary-bold);
   display: block;
   flex: 0 0 100%;
   width: 100%;
   min-width: 100px;
   height: 62px;
   padding: 0;
   transition: border-color .3s ease;
   color: var(--color-font);
   border-width: 0 0 7px 0;
   border-style: solid;
   border-color: var(--color-elements-two);
   border-radius: 0;
   outline: 0;
   background-color: transparent;
}

/* Meta
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-meta {
   font-size: 10px;
   font-weight: var(--font-weight-primary-bold);
   display: block;
   width: 100%;
   margin: 0 auto;
   padding: 10px 0;
   text-align: left;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: var(--color-font);
}

.search-meta .hide {
   display: none;
}

/* Results
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-results h4 {
   font-size: 25px;
   position: relative;
   margin: 45px 0;
   padding: 0;
}

.search-results .search-date {
   font-size: 14px;
   font-weight: var(--font-weight-primary-regular);
   position: absolute;
   top: -18px;
   left: 0;
   width: 280px;
}

.search-results .search-featured {
   font-size: 14px;
   font-weight: var(--font-weight-primary-regular);
   position: absolute;
   top: -17px;
   left: -20px;
}

/* Suggestion
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-suggestion {
   width: 100%;
   margin-top: 8vh;
}

.search-suggestion h3 {
   font-size: 30px;
   width: 87%;
   margin-bottom: 20px;
}

.search-suggestion a {
   font-size: 11px;
   font-weight: var(--font-weight-primary-bold);
   display: inline-block;
   margin: 8px 5px 1px 0;
   padding: 5px 12px;
   letter-spacing: 1.7px;
   text-transform: uppercase;
   border-radius: 20px;
}

.search-suggestion-tags,
.search-suggestion-authors {
   flex: 1 0 250px;
   margin: 2vh 0;
}

.search-suggestion-tags {
   margin-right: 50px;
}

/* RWD — Search
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .search-content {
      margin-top: 100px;
   }

   .search-close {
      top: 37px;
      right: 45px;
   }

   .search-input {
      font-size: 16px;
      height: 50px;
   }

   .search-suggestion {
      margin-top: 30px;
   }

   .search-suggestion h3 {
      width: 100%;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .search-close {
      top: 70px;
      right: 105px;
   }

   .search-input {
      font-size: 30px;
      flex: 0 0 100%;
      height: 55px;
   }

   .search-suggestion {
      margin-top: 40px;
   }

   .search-suggestion h3 {
      width: 95%;
   }

}

@media (max-width:767px) {
   .section-search {
      transition: transform .3s ease-in-out;
   }

   .search-close svg {
      width: 30px;
      height: 30px;
      fill: var(--color-elements-two);
   }

   .search-input {
      font-size: 20px;
      height: 52px;
   }

}

@media (max-width:1023px) {
   .nav-list .nav-list-item.search-open {
      margin: 9px -20px -30px 0;
      padding: 13px 29px 18px 0;
      cursor: pointer;
      border-radius: 0 0 var(--border-radius-primary) var(--border-radius-primary);
      background-color: var(--ghost-accent-color);
   }

   .search-open span {
      font-size: 12px;
      display: inline-block;
      padding-right: 2px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: var(--color-elements-white);
   }

   .nav-list .nav-list-item.search-open svg {
      margin-bottom: -4px;
      fill: var(--color-elements-white);
   }

}

/* --------------------------------------------------------------------------
   16.Search & Custom Pages
   -------------------------------------------------------------------------- */
.section-search,
.search-opened .global-wrap,
.section-page-custom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.section-search,
.section-page-custom {
   z-index: 9997;
   overflow: auto;
   -webkit-backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
}

.search-image,
.page-custom-image {
   z-index: 9998;
   flex: 0 0 40%;
   background: no-repeat center center;
   background-size: cover;
}

.search-wrap,
.page-custom-wrap {
   position: relative;
   z-index: -999;
   display: flex;
   overflow: auto;
   flex: 1 0 60%;
   flex-direction: column;
   box-sizing: border-box;
   height: 100%;
   padding: 0 5%;
   background-color: var(--color-body);
}

.search-content,
.page-custom-content {
   flex: 1 0 auto;
   width: 100%;
   max-width: 900px;
   padding: 0;
}

.page-custom-content {
   align-items: center;
   flex: 1 0 auto;
   justify-content: center;
   margin: 6vh auto 10vh;
}

/* Header - Custom page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-custom-header {
   flex-shrink: 0;
   width: 100%;
   max-width: 900px;
   margin: 5vh auto 0;
   text-align: center;
}

.page-custom-header a {
   font-size: 14px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.15;
   display: inline;
   box-sizing: border-box;
   height: auto;
   margin-left: -10px;
   text-align: center;
   text-decoration: none;
   letter-spacing: 2px;
}

.page-custom-header a::before {
   position: relative;
   top: -7px;
   left: -4px;
   display: inline-flex;
   padding: 6px;
   content: '';
   cursor: pointer;
   transition: all .2s ease;
   transform: rotate(135deg);
   border: solid var(--color-elements-two);
   border-width: 0 5px 5px 0;
}

.page-custom-header a:hover::before {
   padding: 6px;
   border-width: 0 5px 5px 0;
   border-color: var(--ghost-accent-color);
}

/* Form - Custom page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-custom-wrap .subscribe-wrap {
   position: relative;
   width: 100%;
}

/* Footer
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-footer,
.page-custom-footer {
   flex-shrink: 0;
   width: 100%;
   max-width: 900px;
   height: 70px;
   margin: 0 auto;
}

.page-custom-footer {
   text-align: center;
}

.search-footer a,
.search-footer span,
.page-custom-footer a,
.page-custom-footer span {
   font-size: 14px;
   display: inline;
}

.search-footer a,
.page-custom-footer a {
   font-weight: var(--font-weight-primary-bold);
}

/* RWD — Search & Custom pages
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .page-custom-wrap .subscribe-wrap {
      padding: 0;
   }

   .search-wrap,
   .page-custom-wrap {
      padding: 0 35px;
   }

   .page-custom-content {
      margin-top: 20px;
   }

}

@media (min-width:480px) and (max-width:767px) {
   .search-wrap,
   .page-custom-wrap {
      padding: 0 85px;
   }

}

@media (max-width:767px) {
   .search-image,
   .page-custom-image {
      display: none;
   }

}

/* --------------------------------------------------------------------------
   17.Error page
   -------------------------------------------------------------------------- */
.section-error {
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   width: 60%;
   height: 40vh;
   margin: 10vh 20% 50px;
   padding: 0 30px 40px;
   text-align: center;
}

.section-error h2 {
   font-size: 150px;
   line-height: 1;
   margin-bottom: 0;
}

.section-error p {
   font-size: 24px;
   font-weight: var(--font-weight-primary-bold);
}

/* RWD — Error page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:599px) {
   .section-error {
      width: 100%;
      height: 30vh;
      margin: 10vh auto 50px;
   }

   .section-error h2 {
      font-size: 90px;
   }

   .section-error p {
      font-size: 17px;
   }

}

@media (min-width:600px) and (max-width:1023px) {
   .section-error h2 {
      font-size: 120px;
   }

}

@media (max-width:1023px) {
   .section-error p {
      font-size: 17px;
      margin: 5px 0 20px;
   }

   .error-back-button {
      margin: 0;
   }

}

/* --------------------------------------------------------------------------
   18.Contact page
   -------------------------------------------------------------------------- */
.contact-wrap .contact-name {
   margin-bottom: 0;
}

.contact-wrap .contact-email {
   margin-top: 3vh;
}

.contact-wrap .contact-message {
   font-size: 17px;
   font-weight: var(--font-weight-primary-regular);
   height: initial;
   min-height: 80px;
   margin-top: 2vh;
   padding: 15px 9px;
   resize: vertical;
   border: none;
   outline: none;
   background-color: var(--color-bg-textarea);
}

.contact-wrap .contact-message::-webkit-input-placeholder {
   font-size: 20px;
   font-weight: var(--font-weight-primary-bold);
}

.contact-wrap .contact-message::-ms-input-placeholder {
   font-size: 20px;
   font-weight: var(--font-weight-primary-bold);
}

.contact-wrap .contact-message::-moz-placeholder {
   font-size: 20px;
   font-weight: var(--font-weight-primary-bold);
   opacity: 1;
}

.contact-wrap .contact-message::placeholder {
   font-size: 20px;
   font-weight: var(--font-weight-primary-bold);
}

/* RWD — Contact page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .contact-wrap .contact-message {
      font-size: 14px;
      min-height: 40px;
   }

   .contact-wrap .contact-message::-webkit-input-placeholder {
      font-size: 16px;
   }

   .contact-wrap .contact-message::-ms-input-placeholder {
      font-size: 16px;
   }

   .contact-wrap .contact-message::-moz-placeholder {
      font-size: 16px;
   }

   .contact-wrap .contact-message::placeholder {
      font-size: 16px;
   }

}

/* --------------------------------------------------------------------------
   19.Membership & Account page
   -------------------------------------------------------------------------- */
.membership-header {
   position: relative;
}

.membership-header h2 {
   margin-bottom: 4vh;
}

.membership-excerpt {
   line-height: 1.4;
   width: 85%;
   max-width: 600px;
   margin: 0 auto 4vh;
}

.membership-excerpt,
.membership-small-info {
   font-weight: var(--font-weight-primary-bold);
}

.membership-small-info {
   font-size: 13px;
   position: absolute;
   bottom: 15px;
   left: 5%;
   display: block;
   width: 90%;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

.membership-header.is-cover .membership-small-info {
   bottom: calc(17vh + 10px);
}

.membership-profile.is-cover {
   padding-bottom: 13vh;
}

/* Payment details
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-details {
   max-width: 650px;
   margin: 6vh auto 8vh;
   padding: 0 60px;
   text-align: left;
   color: var(--color-font);
}

.profile-wrap:not(.is-cover) .membership-details {
   margin-bottom: 40px;
}

.membership-detail.free {
   padding-top: 5px;
   padding-bottom: 15px;
}

.membership-detail label,
.membership-cancel-error {
   font-weight: var(--font-weight-primary-bold);
}

.membership-details-wrap,
.membership-detail {
   box-sizing: border-box;
}

.membership-detail label,
.membership-cancel small,
.membership-cancel a {
   text-transform: uppercase;
}

.membership-cancel-error,
.membership-cancel small {
   font-size: 11px;
   margin-top: 30px;
   letter-spacing: .5px;
}

.membership-detail span,
.membership-cancel small {
   display: inline-block;
   opacity: .8;
}

.membership-details > div {
   padding: 45px 38px 38px;
   border-radius: var(--border-radius-primary);
   background-color: var(--color-bg-elements);
}

.membership-details-content {
   flex: 1 0 240px;
   min-width: 240px;
}

.membership-detail {
   padding: 0 30px 4vh 0;
}

.membership-detail label {
   font-size: 13px;
   display: block;
   margin-bottom: 6px;
   letter-spacing: 1px;
}

.membership-detail span {
   font-size: 16px;
}

.membership-cancel {
   width: 100%
}

.membership-detail-button {
   font-size: 12px;
   margin: 15px 10px 0 -5px;
   padding: 18px 22px;
   letter-spacing: 1px;
}

.membership-cancel-error {
   display: none;
}

.membership-detail-button.error + .membership-cancel-error {
   display: block;
   color: var(--color-alert-red);
}

/* Switch
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-switch[data-active-price="yearly"] + .membership-cards [data-monthly],
.membership-switch[data-active-price="monthly"] + .membership-cards [data-yearly] {
   display: none;
}

.membership-switch[data-active-price="monthly"] .membership-switch-wrap::before {
   transform: translateX(-100%);
}

.membership-switch[data-active-price="monthly"] button:first-of-type,
.membership-switch[data-active-price="yearly"] button:first-of-type + button {
   transition: color .15s ease-in-out;
   color: var(--color-elements-white);
}

.membership-switch-wrap,
.membership-switch-wrap::before,
.membership-switch-wrap button {
   border-radius: 100px;
}

.membership-switch {
   display: none;
   flex-basis: 100%;
   width: 100%;
}

.membership-switch-wrap,
.membership-switch-wrap button {
   position: relative;
}

.membership-switch-wrap {
   display: flex;
   overflow: hidden;
   box-sizing: border-box;
   width: 100%;
   max-width: 280px;
   min-height: 54px;
   margin: 1vh auto 3vh;
   background-color: var(--color-elements-one);
}

.membership-header.is-cover + .section-loop .membership-switch-wrap {
   background-color: var(--color-body);
}

.membership-switch-wrap::before {
   position: absolute;
   top: 6px;
   right: 6px;
   bottom: 6px;
   box-sizing: border-box;
   width: calc(50% - 6px);
   content: "";
   transition: transform .15s ease-in-out;
   background-color: var(--ghost-accent-color);
}

.membership-switch-wrap button {
   font-family: var(--font-family-primary);
   font-size: 16px;
   font-weight: var(--font-weight-primary-bold);
   line-height: 1;
   width: 50%;
   padding: 0;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   transition: color .15s ease-in-out;
   color: var(--color-font);
   border: 0;
   outline: none;
   background-color: transparent;
   box-shadow: none;
}

/* Pricing tables
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-cards {
   justify-content: center;
   padding-bottom: 10px;
}

.membership-card {
   position: relative;
   flex: 1 0 calc(33.333% - 15px * 2);
   box-sizing: border-box;
   min-width: 250px;
   max-width: 380px;
   margin: 15px;
   padding-bottom: 70px;
   transition: transform .2s ease;
   text-align: center;
   border-radius: var(--border-radius-primary);
}

.membership-card:hover {
   transform: translateY(-4px);
}

.membership-card.free-tier {
   background-image: linear-gradient(20deg, var(--gradient-free-start), var(--gradient-free-end));
}

.membership-card.paid-tier {
   background-image: linear-gradient(20deg, var(--gradient-paid-start), var(--gradient-paid-end));
}

/* Plan
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-card-content {
   margin: 0 auto;
   padding: 40px 30px;
}

/* Title
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-card-title {
   font-size: 28px;
   margin: 0;
   padding: 0;
   color: var(--color-elements-white);
}

/* Price
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-card-price {
   font-size: 65px;
   margin: 0 0 0 -18px;
   padding: 20px 0;
   color: var(--color-elements-white);
}

.membership-card-price sup {
   font-size: 65%;
   font-weight: var(--font-weight-primary-regular);
   margin-right: 3px;
}

.membership-card-price span,
.membership-card-description {
   font-size: 20px;
}

.membership-card-description {
   font-family: var(--font-family-primary);
   font-weight: var(--font-weight-primary-bold);
   line-height: 1.5;
   margin: -1.5vh 25px 3vh;
   color: var(--color-elements-white)
}

/* Options
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-card-options ul {
   margin: 0;
   padding: 0 0 4vh;
}

.membership-card-options ul li {
   font-size: 16px;
   margin: 0 0 10px;
   padding: 0;
   list-style: none;
   color: var(--color-elements-white);
}

/* Button
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-card-button,
.membership-card-button:hover {
   color: var(--color-font-button);
}

.membership-card-button-wrap {
   position: absolute;
   right: 0;
   bottom: 40px;
   left: 0;
}

.membership-card-button {
   background-color: var(--color-elements-white);
}

.membership-card-button:hover {
   background-color: var(--color-bg-button-membership);
}

/* Footer
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-footer {
   box-sizing: border-box;
   width: 100%;
   max-width: 700px;
   margin: 0 auto;
   padding: 0 20px 5vh;
   text-align: center;
}

.membership-footer small {
   font-size: 14px;
   display: block;
}

.membership-footer small a {
   font-weight: var(--font-weight-primary-bold);
}

.membership-footer-margin {
   height: 20vh;
}

/* Account
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-account .membership-profile {
   padding-right: 25px;
   padding-left: 25px;
}

.membership-account .membership-name {
   font-size: 45px;
}

.membership-loop .item-wrap.tag-hash-large {
   flex: 999 0 33.333%;
}

/* RWD — Membership & Account page
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:479px) {
   .membership-account .membership-profile {
      padding-right: 15px;
      padding-left: 15px;
   }

   .membership-account .membership-name {
      font-size: 30px;
   }

   .membership-excerpt {
      font-size: 15px;
      width: 95%;
   }

   .membership-details {
      padding: 0;
   }

   .membership-switch {
      box-sizing: border-box;
      padding-right: 15px;
      padding-left: 15px;
   }

   .membership-card {
      margin: 0 15px 15px;
   }

   .membership-card-content {
      padding: 30px 15px;
   }

   .membership-card-title {
      font-size: 24px;
   }

   .membership-card-price {
      font-size: 50px;
   }

}

@media (min-width:769px) {
   .membership-details-content.free {
      flex-basis: auto;
      flex-grow: 0;
      min-width: 220px;
   }

}

@media (min-width:480px) and (max-width:1299px) {
   .membership-account .membership-name {
      font-size: 30px;
   }

   .membership-card {
      max-width: initial;
      margin: 8px;
      flex-basis: calc(50% - 15px * 2);
   }

}

/* --------------------------------------------------------------------------
   20.Colors
   -------------------------------------------------------------------------- */

/* Gradients
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-cta-violet .members-cta,.section-prev-next .tag-hash-violet,.section-prev-next .tag-hash-violet .prev-next-image::before,.section-loop .tag-hash-violet article,.section-loop .tag-hash-violet .item-image::before,.tag-hash-post-violet .is-featured-image .featured-image::before,.tag-hash-post-violet .no-featured-image{background-image:linear-gradient(20deg,var(--gradient-violet-start),var(--gradient-violet-end))}.global-cta-green .members-cta,.section-prev-next .tag-hash-green,.section-prev-next .tag-hash-green .prev-next-image::before,.section-loop .tag-hash-green article,.section-loop .tag-hash-green .item-image::before,.tag-hash-post-green .is-featured-image .featured-image::before,.tag-hash-post-green .no-featured-image{background-image:linear-gradient(20deg,var(--gradient-green-start),var(--gradient-green-end))}.global-cta-red .members-cta,.section-prev-next .tag-hash-red,.section-prev-next .tag-hash-red .prev-next-image::before,.section-loop .tag-hash-red article,.section-loop .tag-hash-red .item-image::before,.tag-hash-post-red .is-featured-image .featured-image::before,.tag-hash-post-red .no-featured-image{background-image:linear-gradient(0deg,var(--gradient-red-start),var(--gradient-red-end))}.global-cta-orange .members-cta,.section-prev-next .tag-hash-orange,.section-prev-next .tag-hash-orange .prev-next-image::before,.section-loop .tag-hash-orange article,.section-loop .tag-hash-orange .item-image::before,.tag-hash-post-orange .is-featured-image .featured-image::before,.tag-hash-post-orange .no-featured-image{background-image:linear-gradient(45deg,var(--gradient-orange-start),var(--gradient-orange-end))}.global-cta-yellow .members-cta,.section-prev-next .tag-hash-yellow,.section-prev-next .tag-hash-yellow .prev-next-image::before,.section-loop .tag-hash-yellow article,.section-loop .tag-hash-yellow .item-image::before,.tag-hash-post-yellow .is-featured-image .featured-image::before,.tag-hash-post-yellow .no-featured-image{background-image:linear-gradient(40deg,var(--gradient-yellow-start),var(--gradient-yellow-end))}.global-cta-blue .members-cta,.section-prev-next .tag-hash-blue,.section-prev-next .tag-hash-blue .prev-next-image::before,.section-loop .tag-hash-blue article,.section-loop .tag-hash-blue .item-image::before,.tag-hash-post-blue .is-featured-image .featured-image::before,.tag-hash-post-blue .no-featured-image{background-image:linear-gradient(40deg,var(--gradient-blue-start),var(--gradient-blue-end))}