/**
Theme Name: Seiyu Journal Theme
Theme URI: https://example.com
Author: cierto developer
Author URI: https://example.com
Version: 1.0.19
Requires PHP: 7.4
Tested up to: 6.5
Requires at least: 5.0
Template: newspulse-magazine
Text Domain: Seiyu-Journal-Theme
Domain Path: /languages
Description: test child thema
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: test-thema
*/

:root body,
:root input,
:root select,
:root optgroup,
:root textarea {
  font-family: var(--font-main);
}

ol, ul {
  margin-left: 0;
}

p, a {
  word-break: break-all;
}

/*--------------------------------------------------------------
# Banner Section
--------------------------------------------------------------*/
.banner-section, .magazine-frontpage-section {
  padding: 24px 0;
  margin: 0;
}

.banner-section.style-3 .banner-editor-picks-section {
	margin-bottom: 8px;
}

.banner-section.style-3 .banner-editor-picks-section .slick-list {
	margin: 0 -5px;
}

.banner-section.style-3 .banner-editor-picks-section .slick-slide {
	padding-inline: 5px;
}

.banner-section.style-3 .banner-editor-picks-section .mag-post-single.list-design {
	gap: 15px;
}

.banner-section.style-3 .banner-editor-picks-section .mag-post-single.list-design .mag-post-img {
	inline-size: 108px;
	aspect-ratio: 1;
	max-height: 108px;
	flex-shrink: 0;
}

.banner-section.style-3 .banner-editor-picks-section .mag-post-single.list-design .mag-post-img a img {
	aspect-ratio: 1;
}

.banner-section.style-3 .banner-editor-picks-section .mag-post-single.list-design .mag-post-img .number {
	content: counter(editor-pick-counter);
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
	z-index: 1;
	color: #fff;
	display: flex;
	font-weight: var(--fw-bold);
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-sm);
	background-color: var(--base-color-primary);
}

.banner-section.style-3 .banner-editor-picks-section .mag-post-single.list-design .mag-post-detail .mag-post-title {
	font-size: var(--font-size-sm);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
}

.banner-section.style-3 .banner-section-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.banner-section.style-3 .banner-section-wrapper .banner-posts {
	width: 100%;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 992px) {
	.banner-section.style-3 .banner-section-wrapper .banner-posts {
		width: calc(75% - 10px);
	}
}

@media (max-width: 767px) {
	.banner-section.style-3 .banner-section-wrapper .banner-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.banner-section.style-3 .banner-section-wrapper .banner-posts {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.banner-section.style-3 .banner-section-wrapper .banner-posts .mag-post-single:nth-child(1) {
	grid-column: span 2;
	grid-row: span 2;
	width: 100%;
}

@media (max-width: 767px) {
  .banner-section, .magazine-frontpage-section {
    padding: 14px 0;
  }
  
  .banner-section.style-3 .banner-section-wrapper .banner-posts .mag-post-single:nth-child(1) {
		grid-column: span 1;
		grid-row: span 1;
	}
}

.banner-section.style-3 .banner-section-wrapper .banner-adver {
	width: 100%;
	text-align: center;
	font-size: 0;
	display: grid;
	gap: 20px;
}

@media (min-width: 992px) {
	.banner-section.style-3 .banner-section-wrapper .banner-adver {
		width: calc(25% - 10px);
		position: sticky;
		top: 40px;
		align-self: flex-start;
	}
}

.banner-section.style-3 .banner-section-wrapper .banner-adver a {
	display: block;
	font-size: 0;
}

.banner-section.style-3 .banner-section-wrapper .banner-adver a img {
	width: 100%;
}

.banner-section.style-3.no-adver-image .banner-section-wrapper .banner-posts {
	width: 100%;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.banner-section.style-3.no-adver-image .banner-section-wrapper .banner-posts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.banner-section.style-3.no-adver-image .banner-section-wrapper .banner-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.banner-section.style-3.no-adver-image .banner-section-wrapper .banner-posts {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

/*--------------------------------------------------------------
# magazine grid section CSS
--------------------------------------------------------------*/
.magazine-grid-section.style-1 .magazine-grid-section-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@container (max-width: 480px) {
  .magazine-grid-section.style-1 .magazine-grid-section-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/*--------------------------------------------------------------
# Fixed Header CSS
--------------------------------------------------------------*/
header.site-header .bottom-header-part-outer.header-fixed {
	min-height: 56.5px;
}

header.site-header .bottom-header-part-outer.header-fixed .bottom-header-part.fix-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	box-shadow: var(--shadow);
}

.admin-bar header.site-header .bottom-header-part-outer.header-fixed .bottom-header-part.fix-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar header.site-header .bottom-header-part-outer.header-fixed .bottom-header-part.fix-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar header.site-header .bottom-header-part-outer.header-fixed .bottom-header-part.fix-header.fix-header {
		top: 0;
	}
}

/*--------------------------------------------------------------
# Small List widget style 2
--------------------------------------------------------------*/
.magazine-small-list-section.style-2 .magazine-list-section-wrapper {
	gap: 15px;
}

.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single {
	border: 1px solid rgba(155, 155, 155, 0.3);
}

.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single .mag-post-img {
	display: none;
}

.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single .mag-post-detail {
	padding: 20px;
	border-radius: 5px;
	width: 100%;
	display: flex;
	align-items: center;
}

@elseif $breakpoint=="vlarge" {
	@container (min-width: 1201px) {
		.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single .mag-post-detail .mag-post-title {
			font-size: var(--font-size-base);
		}
	}
}

@container (min-width: 992px) {
	.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single .mag-post-detail .mag-post-title {
		font-size: var(--font-size-base);
	}
}

/*--------------------------------------------------------------
# Archive List
--------------------------------------------------------------*/
.magazine-archive-layout.list-layout {
	display: grid;
	grid-gap: 30px;
}

.magazine-archive-layout.list-layout article {
	margin-bottom: 0;
}

.magazine-archive-layout.list-layout .mag-post-single {
	display: flex;
	gap: 20px;
}

@media (max-width: 480px) {
	.magazine-archive-layout.list-layout .mag-post-single {
		flex-direction: column;
		gap: 0;
	}
}

.magazine-archive-layout.list-layout .mag-post-single .mag-post-img {
	width: 30%;
}

@media (max-width: 480px) {
	.magazine-archive-layout.list-layout .mag-post-single .mag-post-img {
		width: 100%;
	}
}

.magazine-archive-layout.list-layout .mag-post-single .mag-post-detail {
	padding: 20px;
	align-self: center;
}

.magazine-archive-layout.list-layout .mag-post-single .mag-post-img + .mag-post-detail {
	padding: 20px;
	padding-inline-start: 0;
	width: calc(70% - 20px);
}

@media (max-width: 480px) {
	.magazine-archive-layout.list-layout .mag-post-single .mag-post-img + .mag-post-detail,
	.magazine-archive-layout.list-layout .mag-post-single .mag-post-detail {
		width: 100%;
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# archive post list customs
--------------------------------------------------------------*/
.sjt-archive-post-list-root {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.sjt-archive-post-list-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.sjt-archive-post-list-item {
  display: flex;
  width: 100%;
}

/*--------------------------------------------------------------
# global styles
--------------------------------------------------------------*/
@media (max-width: 767px) {
  .is-pc { display: none !important; }
}

@media (min-width: 768px) {
  .is-sp { display: none !important; }
}

/*--------------------------------------------------------------
# atom components styles
--------------------------------------------------------------*/
.sjt-horizontal-content-wrapper,
.sjt-vertical-content-wrapper {
  display: flex;
  width: 100%;
  max-width: var(--container-width);
  padding: 0 24px;
  margin: 0 auto;
}

.sjt-horizontal-content-wrapper--left {
  justify-content: flex-start;
}

.sjt-horizontal-content-wrapper--center {
  justify-content: center;
}

.sjt-horizontal-content-wrapper--right {
  justify-content: flex-end;
}

.sjt-horizontal-content-wrapper--between {
  justify-content: space-between;
}

.sjt-vertical-content-wrapper {
  flex-direction: column;
}

.sjt-vertical-content-wrapper--left {
  align-items: flex-start;
}

.sjt-vertical-content-wrapper--center {
  align-items: center;
}

.sjt-vertical-content-wrapper--right {
  align-items: flex-end;
}

.sjt-a-paragraph {
  margin: 0;
  padding: 0;
  padding-bottom: 0.052em;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1.6;
}

.sjt-a-label {
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
}

.sjt-a-pageTitle {
  padding: 0;
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-lg);
  font-weight: var(--fw-bold);
  line-height: 1.4;
}

.sjt-a-articleTitle {
  padding: 0;
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-lg);
  font-weight: var(--fw-bold);
  line-height: 1.4;
}

@media (max-width: 480px) {
  .sjt-a-articleTitle {
    font-size: var(--font-size-base);
  }
}

.sjt-a-blockIndex {
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  line-height: 1.4;
}

a.sjt-a-btn, p.sjt-a-btn, button.sjt-a-btn, input[type=submit].sjt-a-btn,
input[type=reset].sjt-a-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 400px;
  padding: 1em 1.5em 1.052em;
  margin: 0;
  outline: none;
  border-radius: 4px;
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 480px) {
  a.sjt-a-btn, p.sjt-a-btn, button.sjt-a-btn, input[type=submit].sjt-a-btn,
input[type=reset].sjt-a-btn {
    gap: 7px;
    padding: 1em 1.5em 1.052em;
    font-size: var(--font-size-sm);
  }
}
a.sjt-a-btn--small, p.sjt-a-btn--small, button.sjt-a-btn--small, input[type=submit].sjt-a-btn--small,
input[type=reset].sjt-a-btn--small {
  font-size: var(--font-size-sm);
}
a.sjt-a-btn--shadow, p.sjt-a-btn--shadow, button.sjt-a-btn--shadow, input[type=submit].sjt-a-btn--shadow,
input[type=reset].sjt-a-btn--shadow {
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}
a.sjt-a-btn--tertiary, a.sjt-a-btn--tertiary:visited, p.sjt-a-btn--tertiary, p.sjt-a-btn--tertiary:visited, button.sjt-a-btn--tertiary, button.sjt-a-btn--tertiary:visited, input[type=submit].sjt-a-btn--tertiary, input[type=submit].sjt-a-btn--tertiary:visited,
input[type=reset].sjt-a-btn--tertiary,
input[type=reset].sjt-a-btn--tertiary:visited {
  border: 1px solid var(--clr-foreground);
  background-color: var(--clr-background);
  color: var(--text-color-base);
}
a.sjt-a-btn--primary, a.sjt-a-btn--primary:hover, a.sjt-a-btn--primary:visited, p.sjt-a-btn--primary, p.sjt-a-btn--primary:hover, p.sjt-a-btn--primary:visited, button.sjt-a-btn--primary, button.sjt-a-btn--primary:hover, button.sjt-a-btn--primary:visited, input[type=submit].sjt-a-btn--primary, input[type=submit].sjt-a-btn--primary:hover, input[type=submit].sjt-a-btn--primary:visited,
input[type=reset].sjt-a-btn--primary,
input[type=reset].sjt-a-btn--primary:hover,
input[type=reset].sjt-a-btn--primary:visited {
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
  color: var(--text-color-white);
}
a.sjt-a-btn--green, a.sjt-a-btn--green:hover, a.sjt-a-btn--green:visited, p.sjt-a-btn--green, p.sjt-a-btn--green:hover, p.sjt-a-btn--green:visited, button.sjt-a-btn--green, button.sjt-a-btn--green:hover, button.sjt-a-btn--green:visited, input[type=submit].sjt-a-btn--green, input[type=submit].sjt-a-btn--green:hover, input[type=submit].sjt-a-btn--green:visited,
input[type=reset].sjt-a-btn--green,
input[type=reset].sjt-a-btn--green:hover,
input[type=reset].sjt-a-btn--green:visited {
  border: 1px solid var(--success);
  background-color: var(--success);
  color: var(--text-color-white);
}
a.sjt-a-btn--disabled, a.sjt-a-btn--disabled:hover, a.sjt-a-btn--disabled:visited, p.sjt-a-btn--disabled, p.sjt-a-btn--disabled:hover, p.sjt-a-btn--disabled:visited, button.sjt-a-btn--disabled, button.sjt-a-btn--disabled:hover, button.sjt-a-btn--disabled:visited, input[type=submit].sjt-a-btn--disabled, input[type=submit].sjt-a-btn--disabled:hover, input[type=submit].sjt-a-btn--disabled:visited,
input[type=reset].sjt-a-btn--disabled,
input[type=reset].sjt-a-btn--disabled:hover,
input[type=reset].sjt-a-btn--disabled:visited {
  border: 1px solid #999 !important;
  background-color: #999 !important;
  color: var(--clr-foreground) !important;
  cursor: auto;
}
a.sjt-a-btn--w-auto, p.sjt-a-btn--w-auto, button.sjt-a-btn--w-auto, input[type=submit].sjt-a-btn--w-auto,
input[type=reset].sjt-a-btn--w-auto {
  width: auto;
}
a.sjt-a-btn--w-full, p.sjt-a-btn--w-full, button.sjt-a-btn--w-full, input[type=submit].sjt-a-btn--w-full,
input[type=reset].sjt-a-btn--w-full {
  max-width: 100%;
}

input[type=text].sjt-a-inputField, input[type=email].sjt-a-inputField, input[type=url].sjt-a-inputField, input[type=password].sjt-a-inputField, input[type=search].sjt-a-inputField, input[type=number].sjt-a-inputField, input[type=tel].sjt-a-inputField, input[type=range].sjt-a-inputField, input[type=date].sjt-a-inputField, input[type=month].sjt-a-inputField, input[type=week].sjt-a-inputField, input[type=time].sjt-a-inputField, input[type=datetime].sjt-a-inputField, input[type=datetime-local].sjt-a-inputField, input[type=color].sjt-a-inputField, textarea.sjt-a-inputField,
.sjt-a-inputField {
  width: 100%;
  padding: 0.5em 8px 0.552em;
  margin: 0;
  border-radius: 4px;
  color: var(--text-color-base);
  background-color: var(--light-bg-color);
  border: 1px solid var(--border-color);
}
input[type=text].sjt-a-inputField:focus, input[type=email].sjt-a-inputField:focus, input[type=url].sjt-a-inputField:focus, input[type=password].sjt-a-inputField:focus, input[type=search].sjt-a-inputField:focus, input[type=number].sjt-a-inputField:focus, input[type=tel].sjt-a-inputField:focus, input[type=range].sjt-a-inputField:focus, input[type=date].sjt-a-inputField:focus, input[type=month].sjt-a-inputField:focus, input[type=week].sjt-a-inputField:focus, input[type=time].sjt-a-inputField:focus, input[type=datetime].sjt-a-inputField:focus, input[type=datetime-local].sjt-a-inputField:focus, input[type=color].sjt-a-inputField:focus, textarea.sjt-a-inputField:focus,
.sjt-a-inputField:focus {
  background-color: var(--clr-background);
  border: 1px solid var(--clr-foreground);
}

.sjt-a-inputField.disabled {
  background-color: var(--input-disabled-bg);
}

select.sjt-a-selectField {
  width: 100%;
  padding: 0.5em 8px 0.552em;
  border-radius: 4px;
  color: var(--text-color-base);
  background-color: var(--light-bg-color);
  border: 1px solid var(--border-color);
}
select.sjt-a-selectField:focus {
  background-color: var(--clr-background);
  border: 1px solid var(--clr-foreground);
}

.sjt-a-globalMenuTrigger, button.sjt-a-globalMenuTrigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: var(--clr-background);
  overflow: hidden;
  color: var(--text-color-base);
  font-size: var(--font-size-md);
  line-height: 1;
  cursor: pointer;
}
.sjt-a-globalMenuTrigger-icon {
  color: inherit;
}

@media (max-width: 480px) {
  .sjt-a-globalMenuTrigger, button.sjt-a-globalMenuTrigger {
    padding: 7px 14px;
  }
}

.sjt-a-post-date, .sjt-a-post-date:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  font-size: var(--font-size-sm);
  font-weight: var(--fw-thin);
  line-height: 1;
  text-decoration: none;
}
.sjt-a-post-date:hover {
  color: var(--text-color-primary);
}

.sjt-a-post-author, .sjt-a-post-author:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  font-size: var(--font-size-sm);
  font-weight: var(--fw-thin);
  line-height: 1;
  text-decoration: none;
}
.sjt-a-post-author:hover {
  color: var(--text-color-primary);
}

.sjt-tag,
.sjt-tag:visited,
.sjt-tag:hover {
  display: flex;
  padding: 0.3em 0.5em 0.3552em;
  font-size: var(--font-size-xs);
  font-weight: var(--fw-bold);
  line-height: 1;
  border-radius: 4px;
  text-decoration: none;
  color: var(--text-color-white);
  background-color: var(--base-color-primary);
}

.sjt-tag-simple,
.sjt-tag-simple:visited,
.sjt-tag-simple:hover {
  display: flex;
  font-size: var(--font-size-xs);
  font-weight: var(--fw-bold);
  line-height: 1;
  text-decoration: none;
  color: var(--text-color-primary);
}

.sjt-section-index-root {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.sjt-section-index-root:before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  width: 40px;
  height: 5px;
  flex-shrink: 0;
  background-color: var(--theme-color);
  margin-inline-end: 7px;
  transform: skew(320deg);
}

.sjt-section-index-root:after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  margin-inline-start: 50px;
  border: 1px solid rgba(155, 155, 155, 0.3);
  border-width: 1px 0;
  width: calc(100% - 50px);
  height: 5px;
  transform: skew(300deg);
}

.sjt-section-index-text {
  font-size: var(--font-size-base);
  line-height: 1.2;
  margin-top: 0;
  font-weight: var(--fw-bold);
  padding-bottom: 0;
  margin-bottom: 0;
  color: var(--text-color-base);
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.sjt-section-index-anchor,
.sjt-section-index-anchor:visited {
  font-size: var(--font-size-sm);
  color: var(--text-color-base);
  text-decoration: none;
}

.sjt-section-index-anchor:hover {
  color: var(--text-color-primary);
}

.sjt-section-index-anchor:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "\f105";
  margin-inline-start: 5px;
}

.sjt-a-articlePolicy {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1024px;
  padding: 8px 16px;
  margin: 0;
  border: 1px solid var(--border-color);
  background-color: var(--body-bg);
}

.sjt-a-articlePolicy-text {
  margin: 0;
  color: var(--footer-text-color);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-thin);
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
}

@media (max-width: 480px) {
  .sjt-a-articlePolicy {
    padding: 7px 14px;
  }
}

.sjt-a-copyright {
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-thin);
  line-height: 1;
}

.sjt-a-recaptcha {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1024px;
  padding: 0;
  margin: 0;
}

.sjt-a-recaptcha--border {
  padding: 8px 16px;
  border: 1px solid var(--border-color);
  background-color: var(--body-bg);
}

.sjt-a-recaptcha-text {
  margin: 0;
  padding: 0 0 0.052em;
  font-size: var(--font-size-sm);
  font-weight: var(--fw-thin);
}

.sjt-a-recaptcha-text > a {
  margin: 0 0.2em;  
}

/*--------------------------------------------------------------
# molecures components styles
--------------------------------------------------------------*/
.sjt-m-card-list {
  display: flex;
  flex-direction: column;
}

.sjt-m-card-list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sjt-m-card-list-item {
  display: flex;
  width: 100%;
}

@media (min-width: 600px){
  .sjt-m-card-list--col2 .sjt-m-card-list-item,
  .sjt-m-card-list--col3 .sjt-m-card-list-item,
  .sjt-m-card-list--col4 .sjt-m-card-list-item {
    width: calc( ( 100% - 10px ) / 2 );
  }
}

@media (min-width: 768px){
  .sjt-m-card-list--col3 .sjt-m-card-list-item {
    width: calc( ( 100% - 10px * 2 ) / 3 );
  }
  
  .sjt-m-card-list--col4 .sjt-m-card-list-item {
    width: calc( ( 100% - 10px * 1 ) / 2 );
  }
}

@media (min-width: 992px){
  .sjt-m-card-list--col4 .sjt-m-card-list-item {
    width: calc( ( 100% - 10px * 3 ) / 4 );
  }
}

.sjt-m-textLinks {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sjt-m-textLinks-item {
  display: flex;
  align-items: center;
  position: relative;
}

.sjt-m-textLinks-anchor,
.sjt-m-textLinks-anchor:visited {
  display: flex;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
}

.sjt-m-textLinks-anchor:hover {
  color: var(--text-color-primary);
}

.sjt-m-textLinkCurrentList {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sjt-m-textLinkCurrentList-item {
  display: flex;
  align-items: center;
  position: relative;
}

.sjt-m-textLinkCurrentList-anchor,
.sjt-m-textLinkCurrentList-anchor:visited {
  display: flex;
  padding: 0.5em 0.5em 0.552em;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-bold);
  line-height: 1;
  text-decoration: none;
  border-radius: 3px;
}

.sjt-m-textLinkCurrentList-anchor:hover {
  background-color: #f0f0f0;
}

.sjt-m-textLinkCurrentList-anchor--active,
.sjt-m-textLinkCurrentList-anchor--active:visited,
.sjt-m-textLinkCurrentList-anchor--active:hover {
  color: var(--text-color-white);
  background-color: var(--base-color-primary);
}

.sjt-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sjt-tag-list-item {
	display: flex;
}

.sjt-tag-list--simple {
  gap: 0;
}

.sjt-tag-list--simple .sjt-tag-list-item:not(:last-child):after {
	content: ",";
  display: flex;
  font-size: var(--font-size-xs);
  font-weight: var(--fw-bold);
  line-height: 1;
  text-decoration: none;
}

.sjt-m-snsBtnList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sjt-m-snsBtnList-item {
  display: flex;
  flex: 1;
}

.sjt-m-snsBtnList-anchor--twitter,
.sjt-m-snsBtnList-anchor--facebook,
.sjt-m-snsBtnList-anchor--line {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
}

.sjt-m-snsBtnList-anchor--twitter {
  background-color: #0F1419;
}

.sjt-m-snsBtnList-anchor--facebook {
  background-color: #1877f2;
}

.sjt-m-snsBtnList-anchor--line {
  background-color: #1dcd00;
}

.sjt-m-snsBtnList-icon {
  width: 32px;
  height: 32px;
}

@media (max-width: 480px) {
  .sjt-m-snsBtnList {
    gap: 7px;
  }
  
  .sjt-m-snsBtnList-item {
    flex: 1;
    max-width: 100%;
  }

  .sjt-m-snsBtnList-anchor--twitter,
  .sjt-m-snsBtnList-anchor--facebook,
  .sjt-m-snsBtnList-anchor--line {
    padding: 14px;
  }

  .sjt-m-snsBtnList-icon {
    width: 28px;
    height: 28px;
  }
}

.sjt-post-card {
  display: flex;
  width: 100%;
  margin: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.sjt-post-card--horizontal {
  flex-direction: row;
}

.sjt-post-card--vertical {
  flex-direction: column;
}

.sjt-post-card-image {
  display: flex;
  width: 32%;
  max-width: 300px;
}

.sjt-post-card-image a {
  display: flex;
  width: 100%;
}

.sjt-post-card-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.56;
  object-fit: cover;
}

.sjt-post-card-detail {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  width: 100%;
  padding: 16px;
  font-size: var(--font-size-base);
}

.sjt-post-card-detail.sjt-post-card-detail--small {
  font-size: var(--font-size-sm);
}

.sjt-post-card.sjt-post-card--horizontal .sjt-post-card-image {
  display: flex;
  width: 30%;
}

.sjt-post-card.sjt-post-card--vertical .sjt-post-card-image,
.sjt-post-card.sjt-post-card--vertical .sjt-post-card-detail {
  width: 100%;
  max-width: 100%;
}

.sjt-post-card-header {
  display: flex;
  margin: 0;
}

.sjt-post-card-body {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  flex: 1;
  width: 100%;
}

.sjt-post-card-footer {
  display: flex;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
  color: var(--text-color-base);
}

.sjt-post-card-title {
  margin: 0;
  color: var(--text-color-base);
  font-size: inherit;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sjt-post-card-anchor,
.sjt-post-card-anchor:visited {
  text-decoration: none;
  color: inherit;
}

.sjt-post-card-anchor:hover,
.sjt-post-card-anchor:visited:hover {
  color: var(--text-color-primary);
}

.sjt-post-card-icon {
  font-size: inherit;
  color: #ea902a;
}

.sjt-post-card-text {
  margin: 0;
  color: var(--text-color-base);
  font-size: 0.8em;
  font-weight: var(--fw-thin);
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@container (max-width: 600px) {
  .is-rankingSecond-v {
    display: none;
  }
}

@container (min-width: 601px) {
  .is-rankingSecond-v {
    flex-direction: column;
  }
  
  .sjt-post-card.sjt-post-card--rankingSecond .sjt-post-card-image,
  .sjt-post-card.sjt-post-card--rankingSecond .sjt-post-card-detail {
    width: 100%;
    max-width: 100%;
  }

  .is-rankingSecond-h {
    display: none;
  }
}

@media (max-width: 480px) {
  .sjt-post-card--horizontal.isResponsive {
    flex-direction: column;
  }

  .sjt-post-card--horizontal.isResponsive .sjt-post-card-image,
  .sjt-post-card--horizontal.isResponsive .sjt-post-card-detail {
    width: 100%;
    max-width: 100%;
  }

  .sjt-post-card-detail {
    gap: 7px;
    padding: 14px;
  }
}

.sjt-post-tile {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 320px;
  margin: 0;
  border-radius: 4px;
  background-color: var(--light-bg-color);
  overflow: hidden;
  position: relative;
}

.sjt-post-tile-image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.sjt-post-tile-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: var(--alpha-bg);
  transition: all 0.4s;
}

.sjt-post-tile-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.sjt-post-tile-detail {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 16px;
  font-size: var(--font-size-base);
  position: relative;
  z-index: 10;
}

.sjt-post-tile-detail.sjt-post-tile-detail--small {
  font-size: var(--font-size-sm);
}

.sjt-post-tile-header {
  display: flex;
  margin: 0;
}

.sjt-post-tile-body {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  width: 100%;
}

.sjt-post-tile-footer {
  display: flex;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
  color: var(--text-color-white);
}

.sjt-post-tile-title {
  margin: 0;
  color: var(--text-color-white);
  font-size: inherit;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sjt-post-tile-anchor,
.sjt-post-tile-anchor:visited {
  text-decoration: none;
  color: inherit;
}

.sjt-post-tile-anchor:hover,
.sjt-post-tile-anchor:visited:hover {
  color: var(--text-color-primary);
}

.sjt-post-tile-icon {
  font-size: inherit;
  color: #ea902a;
}

.sjt-post-tile-text {
  margin: 0;
  color: var(--text-color-white);
  font-size: 0.8em;
  font-weight: var(--fw-default);
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sjt-m-horizontalItemList {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sjt-m-horizontalItemList-item {
  display: flex;
}

.sjt-m-verticalItemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sjt-m-verticalItemList-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}


/*--------------------------------------------------------------
# organism components styles
--------------------------------------------------------------*/
.sjt-o-globalHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 16px;
      -moz-column-gap: 16px;
          column-gap: 16px;
  width: 100%;
  background-color: var(--clr-background);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sjt-o-globalHeader-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: var(--container-width);
  padding: 0 16px;
}
.sjt-o-globalHeader-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  max-width: 240px;
  padding: 16px 0;
  margin: 0;
}
.sjt-o-globalHeader-logo .custom-logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sjt-o-globalHeader-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 0;
}

@media (max-width: 480px) {
  .sjt-o-globalHeader {
    -webkit-column-gap: 7px;
        -moz-column-gap: 7px;
            column-gap: 7px;
  }
  .sjt-o-globalHeader-body {
    padding: 0;
  }
  .sjt-o-globalHeader-logo {
    max-width: 210px;
    padding: 7px 0;
  }
  .sjt-o-globalHeader-menu {
    gap: 0;
    padding: 7px 0;
  }
}

.sjt-a-text-link {
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
}

.sjt-a-text-link.sjt-a-text-link--small {
  font-size: var(--font-size-sm);
}

.sjt-a-text-link:hover {
  color: var(--theme-color);
  text-decoration: underline;
}

.sjt-a-msg-error{
  display: flex;
  align-items: center;
  padding: 4px 16px 0.052em;
  margin: 0;
  background-color: #ffccd6;
  border: 1px solid var(--error);
  border-radius: 4px;
  overflow: hidden;
  color: var(--error);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1.6;
}

.sjt-m-input-group {
  display: flex;
  flex-direction: column;
  column-gap: 4px;
  row-gap: 8px;
  width: 100%;
}

.sjt-m-input-group.horizontal {
  flex-direction: row;
  align-items: center;
}

.sjt-o-login {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 480px;
}

.sjt-o-login-header {
  display: flex;
  justify-content: center;
  width: 100%;
}

.sjt-o-login-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.sjt-o-login-footer {
  display: flex;
  flex-direction: column;
  padding: 24px 24px 0;
  border-top: 1px solid var(--border-color);
}

.sjt-o-login-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  width: 100%;
  padding: 40px 24px;
}

.sjt-o-login-sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px 8px;
  border-top: 1px solid var(--border-color);
}

.sjt-o-login-register {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
}

@media (max-width: 480px) {
  .sjt-o-login {
    gap: 14px;
  }

  .sjt-o-login-footer {
    padding: 14px 21px 0;
  }
  
  .sjt-o-login-main {
    row-gap: 14px;
    padding: 28px 21px;
  }
  
  .sjt-o-login-sub {
    padding: 21px 14x;
  }
  
  .sjt-o-login-register {
    row-gap: 7px;
  }
}

.sjt-related-posts{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
}

.sjt-related-posts-container{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}

@media (max-width: 768px) {
  .sjt-related-posts-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
  .sjt-related-posts{
    row-gap: 14px;
  }
  
  .sjt-related-posts-container{
    grid-gap: 14px;
  }
}

.sjt-related-tags{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
}

.sjt-related-tags-container{
  display: flex;
}

@media (max-width: 768px) {
  .sjt-related-tags-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
  .sjt-related-tags{
    row-gap: 14px;
  }
}

.sjt-o-recent-sns{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
}

.sjt-o-recent-sns-container{
  display: flex;
  max-width: 640px;
  padding: 16px;
  background-color: var(--clr-background);
  border-radius: 4px;
  box-shadow: var(--shadow);
}

@media (max-width: 480px) {
  .sjt-o-recent-sns{
    row-gap: 14px;
  }

  .sjt-o-recent-sns-container{
    padding: 14px;
  }
}

.sjt-o-headerNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: var(--container-width);
  padding: 0 16px;
}

.sjt-o-headerNavigation-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  align-items: center;
  padding: 16px 0;
}

.sjt-o-headerNavigation-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sjt-o-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 8px;
  background-color: var(--light-bg-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sjt-o-breadcrumbs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  max-width: var(--container-width);
  padding: 0 16px;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
}
.sjt-o-breadcrumbs a, .sjt-o-breadcrumbs-anchor {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.sjt-o-breadcrumbs a:hover, .sjt-o-breadcrumbs-anchor:hover {
  color: var(--text-color-primary);
  text-decoration: underline;
}

@media (max-width: 480px) {
  .sjt-o-breadcrumbs {
    padding: 7px 14px;
  }
  .sjt-o-breadcrumbs-container {
    padding: 0;
  }
}

.sjt-banner-posts {
  width: 100%;
  display: grid;
  gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sjt-banner-posts-item:first-child {
  grid-column: span 2;
  grid-row: span 2;
  width: 100%;
}

@media (max-width: 1024px) {
  .sjt-banner-posts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
  .sjt-banner-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
  .sjt-banner-posts {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.sjt-no-member-infomation {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 24px 40px;
  border-radius: 4px;
  background-color: var(--clr-background);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.sjt-no-member-infomation-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 640px;
}

.sjt-no-member-infomation-text {
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}

.sjt-no-member-infomation-btn-list {
  display: flex;
  flex-direction: row-reverse;
  gap: 24px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sjt-no-member-infomation-btn-item {
  display: flex;
  width: calc((100% - 24px) / 2);
}

@media (max-width: 480px) {
  .sjt-no-member-infomation {
    padding: 14px 21px;
  }
  
  .sjt-no-member-infomation-container {
    gap: 14px;
  }
  
  .sjt-no-member-infomation-text {
    font-size: var(--font-size-base);
    line-height: 1.4;
  }
  
  .sjt-no-member-infomation-btn-list {
    flex-direction: column;
    gap: 7px;
  }
  
  .sjt-no-member-infomation-btn-item {
    display: flex;
    width: 100%;
  }
}

.sjt-o-levels-required-infomation {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 24px 40px;
  border-radius: 4px;
  background-color: var(--clr-background);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.sjt-o-levels-required-infomation-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 640px;
}

.sjt-o-levels-required-infomation-text {
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}

.sjt-o-levels-required-infomation-btn-list {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 24px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sjt-o-levels-required-infomation-btn-item {
  display: flex;
  width: calc((100% - 24px) / 2);
}

@media (max-width: 480px) {
  .sjt-o-levels-required-infomation {
    padding: 14px 21px;
  }
  
  .sjt-o-levels-required-infomation-container {
    gap: 14px;
  }
  
  .sjt-o-levels-required-infomation-text {
    font-size: var(--font-size-base);
    line-height: 1.4;
  }
  
  .sjt-o-levels-required-infomation-btn-list {
    flex-direction: column;
    gap: 7px;
  }
  
  .sjt-o-levels-required-infomation-btn-item {
    display: flex;
    width: 100%;
  }
}


.sjt-footer-term-links {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  padding: 16px 24px;
  border-top: 1px solid var(--clr-sub-border);
}

.sjt-footer-copyright {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  position: relative;
  padding: 16px 0;
  border-top: 1px solid var(--clr-sub-border);
}

@media (max-width: 480px) {
  .sjt-footer-copyright {
    gap: 14px;
    padding: 14px 0;
  }
}

.sjt-membership-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  width: 100%;
  max-width: 1024px;
}

.sjt-membership-plan-list {
  display: flex;
  column-gap: 24px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sjt-membership-plan-item {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
  padding: 40px 16px 16px;
  border-radius: 4px;
  /* overflow: hidden; */
}

.sjt-membership-plan-item.is-registed {
  padding-top: 8px;
  background-color: var(--base-color-primary);
  box-shadow: var(--shadow);
}

.sjt-membership-plan-registed-text {
  margin: 0;
  padding: 0;
  color: var(--text-color-white);
  font-size: 24px;
  font-weight: var(--fw-bold);
  line-height: 1em;
  text-align: center;
}

.sjt-membership-plan-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.sjt-membership-plan-back {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 480px;
}

@media (max-width: 480px) {
  .sjt-membership-plan {
    row-gap: 21px;
  }
  
  .sjt-membership-plan-list {
    flex-direction: column-reverse;
    row-gap: 21px;
  }
  
  .sjt-membership-plan-item {
    row-gap: 7px;
    padding: 0;
  }
  
  .sjt-membership-plan-item.is-registed {
    padding: 7px;
  }
  
  .sjt-membership-plan-registed-text {
    font-size: 21px;
  }
}

.sjt-m-planCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--clr-background);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}
.sjt-m-planCard-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
  row-gap: 24px;
  width: 100%;
  padding: 40px 16px 24px;
}
.sjt-m-planCard-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 40px 16px 24px;
  background-color: var(--light-bg-color);
}
.sjt-m-planCard-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
  row-gap: 24px;
  width: 100%;
  padding: 24px 16px;
}
.sjt-m-planCard-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sjt-m-planCard-level-main {
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: var(--fw-bold);
  line-height: 1;
}
.sjt-m-planCard-level-sub {
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-size: 16px;
  font-weight: var(--fw-bold);
  line-height: 1;
}
.sjt-m-planCard-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  margin: 0;
  padding: 0;
}
.sjt-m-planCard-price-main {
  color: var(--text-color-primary);
  font-size: 40px;
  font-weight: var(--fw-bold);
  line-height: 1em;
}
.sjt-m-planCard-price-sub {
  color: var(--text-color-base);
  font-size: 16px;
  font-weight: var(--fw-default);
  line-height: 1.4em;
}
.sjt-m-planCard-detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sjt-m-planCard-detail-text {
  margin: 0;
  color: var(--text-color-base);
  font-size: 16px;
  font-weight: var(--fw-default);
  line-height: 1.6em;
}

.sjt-m-planCard-detail-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: 100%;
  padding: 20px 16px;
  border-bottom: 1px solid var(--border-color);
}
.sjt-m-planCard-detail-list-item:first-child {
  border-top: 1px solid var(--border-color);
}
.sjt-m-planCard-detail-list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25.6px;
  height: 25.6px;
  color: var(--text-color-white);
  font-size: 16px;
  line-height: 1;
  border-radius: 9999px;
  background-color: var(--success);
}
.sjt-m-planCard-detail-list-text {
  color: var(--text-color-base);
  font-size: 16px;
  font-weight: var(--fw-default);
  line-height: 1.6em;
}

@media (max-width: 480px) {
  .sjt-m-planCard-header {
    row-gap: 14px;
    padding: 21px 14px 14px;
  }
  .sjt-m-planCard-body {
    row-gap: 14px;
    padding: 21px 14px;
  }
  .sjt-m-planCard-footer {
    row-gap: 14px;
    padding: 21px 14px;
  }
  .sjt-m-planCard-level-main {
    font-size: 35px;
  }
  .sjt-m-planCard-level-sub {
    font-size: 14px;
  }
  .sjt-m-planCard-price-main {
    font-size: 28px;
  }
  .sjt-m-planCard-price-sub {
    font-size: 14px;
    line-height: 1.6em;
  }
  .sjt-m-planCard-detail-text {
    font-size: var(--font-size-base);
    line-height: 1.6em;
  }
  .sjt-m-planCard-detail-list-item {
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
    padding: 14px 7px;
  }
  .sjt-m-planCard-detail-list-icon {
    width: 22.8px;
    height: 22.8px;
    font-size: 14px;
  }
  .sjt-m-planCard-detail-list-text {
    font-size: var(--font-size-base);
    line-height: 1.6em;
  }
}


.sjt-m-userDataList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--clr-background);
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  list-style: none;
}
.sjt-m-userDataList-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding: 24px;
}
.sjt-m-userDataList-item:not(:first-child) {
  border-top: 1px solid var(--clr-sub-border);
}
.sjt-m-userDataList-label, .sjt-m-userDataList-value {
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  line-height: 1;
}
.sjt-m-userDataList-label {
  font-weight: var(--fw-bold);
}
.sjt-m-userDataList-value {
  font-weight: var(--fw-default);
}

.sjt-o-register {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  width: 100%;
  max-width: 768px;
}
.sjt-o-register-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sjt-o-register-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
}
.sjt-o-register-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sjt-o-register-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}

@media (max-width: 768px) {
  .sjt-o-register {
    row-gap: 14px;
  }
  .sjt-o-register-body {
    row-gap: 28px;
  }
  .sjt-o-register-block {
    row-gap: 7px;
  }
}

.sjt-o-mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  width: 100%;
  max-width: 768px;
}
.sjt-o-mypage-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sjt-o-mypage-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
}
.sjt-o-mypage-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sjt-o-mypage-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.sjt-o-mypage-index {
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-md);
  font-weight: var(--fw-bold);
  line-height: 1.4;
}
.sjt-o-mypage-profileEditForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  padding: 24px;
  background-color: var(--clr-background);
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

.sjt-o-mypage-indexAddLink {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  column-gap: 16px;
  width: 100%;
}

.sjt-o-mypage-cancel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-radius: 4px;
  background-color: var(--notice-danger-bg-color);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.sjt-o-mypage-cancel .swpm-paypal-subscription-cancel-link a {
  padding: 8px 24px;
  color: var(--text-color-white);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-default);
  line-height: 1;
  background-color: var(--error);
  border-radius: 4px;
  box-shadow: var(--shadow);
  text-decoration: none;
}

.sjt-o-mypage-cancel .swpm-paypal-subscription-cancel-link a:hover {
  opacity: 0.8;
}


.sjt-m-formFieldList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.sjt-m-formFieldList-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}

.sjt-o-globalMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9995;
  opacity: 0;
  visibility: hidden;
}
.sjt-o-globalMenu-closeArea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sjt-o-globalMenu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 88%;
  height: 100%;
  max-width: 320px;
  background-color: var(--clr-background);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  overflow-y: auto;
}
.sjt-o-globalMenu-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}
.sjt-o-globalMenu-block:not(:first-child) {
  border-top: 1px solid var(--border-color);
}
.sjt-o-globalMenu-block--px0 {
  padding: 16px 0;
}
.sjt-o-globalMenu-index {
  padding: 0;
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  line-height: 1;
}

.sjt-o-globalMenu.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.sjt-o-globalMenu.is-open .sjt-o-globalMenu-container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s linear 0.2s;
  transition: -webkit-transform 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
}

.sjt-o-globalMenu.is-close {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear 0.2s;
  transition: all 0.2s linear 0.2s;
}
.sjt-o-globalMenu.is-close .sjt-o-globalMenu-container {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.2s linear 0s;
  transition: -webkit-transform 0.2s linear 0s;
  transition: transform 0.2s linear 0s;
  transition: transform 0.2s linear 0s, -webkit-transform 0.2s linear 0s;
}

.sjt-o-languageDropdown {
  position: relative;
}

.sjt-o-languageDropdown-trigger,
button.sjt-o-languageDropdown-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: var(--clr-background);
  overflow: hidden;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  line-height: 1;
  cursor: pointer;
}

.sjt-o-languageDropdown-trigger-icon {
  color: inherit;
}

.sjt-o-languageDropdown-content {
  width: 240px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20%);
}

.sjt-o-languageDropdown-content.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.2s linear 0s;
}

.sjt-o-languageDropdown-content.is-close {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20%);
  transition: all 0.2s linear 0s;
}

/*--------------------------------------------------------------
# template components styles
--------------------------------------------------------------*/
.sjt-t-archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  width: 100%;
  padding-bottom: 24px;
}
.sjt-t-archive-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  width: 100%;
}

@media (max-width: 480px) {
  .sjt-t-archive {
    row-gap: 14px;
    padding-bottom: 14px;
  }
  .sjt-t-archive-header {
    row-gap: 7px;
  }
}

.sjt-t-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  width: 100%;
  padding-bottom: 80px;
}
.sjt-t-single-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  width: 100%;
  margin: 0;
}
.sjt-t-single-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  width: 100%;
}
.sjt-t-single-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 4px;
  width: 100%;
  padding-top: 4px;
  color: var(--text-color-base);
}
.sjt-t-single-image {
  width: 100%;
}
.sjt-t-single-image img {
  width: 100%;
  vertical-align: bottom;
}
.sjt-t-single-body {
  width: 100%;
}
.sjt-t-single-body > *:first-child {
  margin-top: 0;
}
.sjt-t-single-body > *:last-child {
  margin-bottom: 0;
}

.sjt-t-single-body > p {
  word-break: break-word;
}

@media (max-width: 480px) {
  .sjt-t-single {
    row-gap: 21px;
    padding-bottom: 21px;
  }
  .sjt-t-single-article {
    row-gap: 21px;
  }
  .sjt-t-single-header {
    row-gap: 7px;
  }
  .sjt-t-single-meta {
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
    row-gap: 3.5px;
    padding-top: 3.5px;
  }
}

.sjt-t-term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
  width: 100%;
  max-width: 1024px;
}
.sjt-t-term-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sjt-t-term-body {
  padding: 40px;
  background-color: var(--clr-background);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border-radius: 4px;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  line-height: 1.6;
}
.sjt-t-term-body > *:first-child {
  margin-top: 0;
}
.sjt-t-term-body > *:last-child {
  margin-bottom: 0;
}

.sjt-t-term-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .sjt-t-term {
    row-gap: 21px;
  }
  .sjt-t-term-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sjt-t-term-body {
    padding: 21px;
    line-height: 1.6;
  }
}

/*--------------------------------------------------------------
# layout components styles
--------------------------------------------------------------*/
.sjt-l-base-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 100dvh;
}
.sjt-l-base-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 8px;
  background-color: var(--clr-background);
  border-bottom: 1px solid var(--clr-sub-border);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
}
.sjt-l-base-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 8px;
  background-color: var(--clr-background);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}
.sjt-l-base-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sjt-l-base-body .ascendoor-wrapper {
  width: 100%;
}
.sjt-l-base-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 48px 24px;
}
.sjt-l-base-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  background-color: var(--clr-background);
  border-top: 1px solid var(--clr-sub-border);
}

@media (max-width: 480px) {
  .sjt-l-base-header {
    padding: 0 14px;
  }
  .sjt-l-base-navigation {
    display: none;
  }
  .sjt-l-base-container {
    padding: 28px 21px;
  }
}

/*--------------------------------------------------------------
# other styles
--------------------------------------------------------------*/
.sjt-m-planCard--member .swpm-button-wrapper input[type="submit"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100% !important;
  padding: 1em 1.5em 1.052em;
  margin: 0;
  outline: none;
  border-radius: 4px;
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid var(--success);
  background-color: var(--success);
  color: var(--text-color-white);
}

.sjt-m-planCard--premium .swpm-button-wrapper input[type="submit"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100% !important;
  padding: 1em 1.5em 1.052em;
  margin: 0;
  outline: none;
  border-radius: 4px;
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
  color: var(--text-color-white);
}

.sjt-arrowLinkListBox {
  display: flex;
  width: 100%;
}

.sjt-arrowLinkListBox-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  overflow: hidden;
  list-style: none;
}

.sjt-arrowLinkListBox-list .menu-item {
  display: flex;
  width: 100%;
}

.sjt-arrowLinkListBox-list .menu-item:not(:first-child) {
  border-top: 1px solid var(--border-color);
}

.sjt-arrowLinkListBox-list .menu-item a,
.sjt-arrowLinkListBox-list .menu-item a:visited {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em 16px 1.052em;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  background-color: var(--clr-background);
}

.sjt-arrowLinkListBox-list .menu-item a:hover {
  color: var(--theme-color);
  text-decoration: underline;
}

.sjt-arrowLinkListBox-list .menu-item a i {
  color: inherit;
  font-size: inherit;
}

.sjt-arrowLinkListBox-list .menu-item a:hover {
  text-decoration: none;
}

.sjt-btnLinkList {
  display: flex;
  width: 100%;
}

.sjt-btnLinkList-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sjt-btnLinkList-list .menu-item {
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  overflow: hidden;
}

.sjt-btnLinkList-list .menu-item a,
.sjt-btnLinkList-list .menu-item a:visited {
  display: flex;
  padding: 1em 16px 1.052em;
  color: var(--text-color-base);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  background-color: var(--clr-background);
}

.sjt-btnLinkList-list .menu-item a:hover {
  color: var(--text-color-base);
  text-decoration: underline;
}


.flash-news-ticker:first-child {
  margin-top: 0;
}

.main-widget-section-wrap .primary-widgets-section {
  order: 1;
}

.main-widget-section-wrap .secondary-widgets-section {
  order: 3;
}

.main-widget-section-wrap .tertiary-widgets-section {
  order: 2;
}

@media (min-width: 992px){
  .main-widget-section-wrap .primary-widgets-section {
    order: 2;
  }
  
  .main-widget-section-wrap .secondary-widgets-section {
    order: 3;
  }
  
  .main-widget-section-wrap .tertiary-widgets-section {
    order: 1;
  }
}

.main-widget-section-wrap .tertiary-widgets-section, .main-widget-section-wrap .secondary-widgets-section {
  top: calc( var(--golbal-header-height) + 8px );
}

/*--------------------------------------------------------------
# nav-links styles
--------------------------------------------------------------*/
.posts-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.posts-navigation .nav-links .nav-previous {
  display: flex;
  justify-content: flex-start;
  flex: 1;
}

.posts-navigation .nav-links .nav-next {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}

.posts-navigation .nav-links .nav-previous a,
.posts-navigation .nav-links .nav-next a {
  display: flex;
  padding: 8px 16px;
  background-color: var(--clr-background);
  border-radius: 4px;
  box-shadow: var(--shadow);
}

/*--------------------------------------------------------------
# pagenation custom styles
--------------------------------------------------------------*/
nav.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 0;
}

nav.navigation.pagination .nav-links > *,
nav.navigation.pagination .nav-links > *:first-child,
nav.navigation.pagination .nav-links > *:last-child {
  border-radius: 4px;
}

nav.navigation.pagination .nav-links span,
nav.navigation.pagination .nav-links a {
  padding: 8px 16px;
}

nav.navigation.pagination .nav-links a.prev::after {
  content: "\f053";
}

nav.navigation.pagination .nav-links a.next::after {
  content: "\f054";
}


/*--------------------------------------------------------------
# pmpro custom styles
--------------------------------------------------------------*/
.pmpro {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
}

.pmpro h3,
.pmpro p {
  margin: 0;
}

.pmpro .avatar {
  display: none;
}

.pmpro_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pmpro_section .pmpro_message {
  width: 100%;
  margin: 0;
}

.pmpro_card {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--clr-background);
  box-shadow: var(--shadow);
  border-radius: 4px;
  overflow: hidden;
}

.pmpro_card_title {
  margin: 0;
  background-color: var(--light-bg-color);
  padding: 16px;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  line-height: 1;
}

.pmpro_card_content {
  display: flex;
  flex-direction: column;
  padding: 40px 24px;
  gap: 16px;
  width: 100%;
}

.pmpro_form_fieldset {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

.pmpro_section_title,
.pmpro_form_heading {
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  line-height: 1;
}

#pmpro_login .pmpro_login_wrap,
#pmpro_login .pmpro_lost_password_wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--clr-background);
  box-shadow: var(--shadow);
  border-radius: 4px;
  overflow: hidden;
}

#pmpro_login .pmpro_lost_password-instructions {
  margin: 0;
  padding: 0;
  padding-bottom: 0.052em;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1.6;
}

#pmpro_login .pmpro_card_content > form,
.pmpro_form {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  width: 100%;
}

.pmpro_form_fields {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  width: 100%;
}

.pmpro_form_fields .pmpro_cols-2,
.pmpro_form_field{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0;
  margin: 0;
}

.pmpro_form_fields .pmpro_cols-2 {
  gap: 16px;
}

.pmpro_form_label,
#pmpro_login .pmpro_card_content > form label {
  padding: 0;
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
}

input[type="text"].pmpro_form_input-text,
input[type="password"].pmpro_form_input-password,
input[type="email"].pmpro_form_input-email,
#pmpro_login .pmpro_card_content > form input[type="text"],
#pmpro_login .pmpro_card_content > form input[type="password"] {
  padding: 0.5em 8px 0.552em;
  margin: 0;
  border-radius: 4px;
  color: var(--text-color-base);
  background-color: var(--light-bg-color);
  border: 1px solid var(--border-color);
}

.login-username,
.login-remember,
.login-submit,
.login-password {
  width: 100%;
  padding: 0;
  margin: 0;
}

.login-username,
.login-remember,
.login-submit {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.login-submit {
  align-items: center;
}

.pmpro_form_submit {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

#pmpro_submit_span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
}

.pmpro_form_field-password,
#pmpro_login .login-password {
  display: grid;
  align-items: center;
  grid-template-areas:
    "label toggle"
    "input input";
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.pmpro_form_field-password input[type="password"].pmpro_form_input-password,
#pmpro_login .login-password input {
  grid-area: input;
}

.pmpro_form_field-password-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.pmpro_form_field-password-toggle button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--pmpro--base--spacing--small) / 2);
  min-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  background: transparent;
  color: var(--pmpro--color--accent);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.pmpro_form_field-radio-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}

.pmpro_form_field.pmpro_form_field-radio-item {
  width: 100%;
}

.pmpro_form_field-radio-item .pmpro_form_input-radio {
  display: none;
}

.pmpro_form_field-radio-item .pmpro_form_label.pmpro_form_label-inline.pmpro_clickable {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}

.pmpro_form_field-radio-item .pmpro_form_input-radio + .pmpro_form_label::before{
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 9999px;
}

.pmpro_form_field-radio-item .pmpro_form_input-radio:checked + .pmpro_form_label::before{
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  box-shadow: 0 0 0 .2rem #fff inset;
}

@media (max-width: 768px) {
  .pmpro_form_field-radio-items {
    gap: 14px;
    padding: 0;
  }

  .pmpro_form_field-radio-item .pmpro_form_label.pmpro_form_label-inline.pmpro_clickable {
    gap: 10px;
    padding: 14px;
    border-radius: 4px;
  }
  
  .pmpro_form_field-radio-item .pmpro_form_input-radio + .pmpro_form_label::before{
    width: 21px;
    height: 21px;
  }
}

#pmpro_btn-submit,
.pmpro_btn-submit,
input[type="submit"].pmpro_btn-submit,
#pmpro_login .login-submit .button-primary,
#pmpro_login .pmpro_form_submit .pmpro_btn-submit,
.pmpro_btn-submit-update-profile,
input.pmpro_btn-submit-update-profile,
.pmpro_btn-submit-change-password,
input.pmpro_btn-submit-change-password,
.pmpro_btn-cancel,
input.pmpro_btn-cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 400px;
  padding: 1em 1.5em 1.052em;
  margin: 0;
  outline: none;
  border: 1px solid var(--success);
  border-radius: 4px;
  background-color: var(--success);
  color: var(--text-color-white);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.pmpro_btn-submit-update-profile,
input.pmpro_btn-submit-update-profile,
.pmpro_btn-submit-change-password,
input.pmpro_btn-submit-change-password,
.pmpro_btn-cancel,
input.pmpro_btn-cancel {
  max-width: 240px;
}

.pmpro_btn-cancel,
input.pmpro_btn-cancel {
  border: 1px solid var(--light-bg-color);
  background-color: var(--light-bg-color);
  color: var(--text-color-base);
}

.pmpro_card_actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px 8px;
  border-top: 1px solid var(--border-color);
}

.pmpro_card_actions a,
.pmpro_card_actions a:visited {
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
}

.pmpro_card_actions a:hover {
  text-decoration: underline;
}

.pmpro_card_actions .pmpro_card_action_separator {
  display: flex;
  text-indent: -9999px;
  width: 1px;
  background-color: var(--clr-foreground);
  overflow: hidden;
}

.pmpro_spacer { display: none; }
.pmpro_captcha { display: none; }

.pmpro_level_name_text,
.pmpro_level_cost_text p {
  margin: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1.6;
}

.pmpro_level_name_text strong,
.pmpro_level_cost_text p strong{
  color: var(--theme-color);
  font-size: var(--font-size-md);
  font-weight: var(--fw-bold);
}

.pmpro_list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1.6;
}

.pmpro_list .pmpro_list_item:not(:last-child) {
  margin: 0;
}

.pmpro_list_item_label {
  font-weight: var(--fw-bold);
}

.pmpro_table {
  border-collapse: collapse;
  margin: 0;
  width: 100%;
  background-color: var(--clr-background);
  border: none;
  text-align: left;
}

.pmpro_table thead th {
  background-color: var(--clr-background);
  border: none;
  padding: 16px;
  vertical-align: text-bottom;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
}

.pmpro_table tbody th,
.pmpro_table tbody td,
.pmpro_table tfoot td {
  background-color: var(--clr-background);
  border-color: var(--border-color);
  border-width: 1px 0 0 0;
  border-style: solid;
  font-weight: normal;
  padding: 16px;
  vertical-align: middle;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
}

#pmpro_member_profile_edit .pmpro_card_content {
  gap: 40px;
}

#pmpro_member_profile_edit .pmpro_form_field.pmpro_form_field-display_name {
  display: none;
}

#pmpro_member_profile_edit .pmpro_form_submit {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 16px;
}

#pmpro_member_profile_edit .pmpro_form_legend {
  display: none;
}

#pmpro_change_password .pmpro_form_submit {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 16px;
}

#pmpro_change_password .pmpro_form_legend {
  display: none;
}

#pmpro_account-profile .pmpro_card_actions {
  flex-direction: row;
  gap: 16px;
  padding: 24px;
}

#pmpro_account-profile .pmpro_card_content {
  padding: 24px;
  gap: 0;
}

#pmpro_account-membership .pmpro_card_content {
  padding: 24px;
  gap: 0;
}

#pmpro_account-membership .pmpro_card_actions {
  flex-direction: row;
  gap: 16px;
  padding: 24px;
}

#pmpro_pricing_fields .pmpro_card_content {
  padding: 24px;
  gap: 0;
}

#pmpro_account-orders .pmpro_card_content {
  padding: 24px;
  gap: 0;
}

#pmpro_order_single-meta {
  padding: 0 16px 16px;
  border-bottom: 1px solid var(--border-color);
}

#pmpro_order_single-meta .pmpro_list.pmpro_list-plain {
  gap: 0;
}

#pmpro_order_single-meta .pmpro_list.pmpro_list-plain .pmpro_list_item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  text-align: right;
}

#pmpro_order_single-meta .pmpro_list_item_label {
  text-align: left;
}

#pmpro_cancel .pmpro_card_content {
  align-items: center;
  gap: 0;
}

#pmpro_cancel .pmpro_form_submit {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 16px;
  padding-top: 40px;
}

#pmpro_cancel .pmpro_btn-cancel {
  display: none;
}

#pmpro_cancel input[type="submit"].pmpro_btn-submit {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

#pmpro_user_fields .pmpro_card_actions {
  gap: 8px;
}

#pmpro_tos_fields {
  display: flex;
  justify-content: center;
  padding: 24px;
  background-color: var(--clr-background);
  box-shadow: var(--shadow);
}

#pmpro_paypalexpress_checkout {
  display: flex;
  justify-content: center;
  width: 100%;
}

#pmpro_btn-submit-paypalexpress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 400px;
  padding: 8px;
  margin: 0;
  outline: none;
  border: 1px solid var(--success);
  border-radius: 4px;
  background-color: var(--success);
  color: var(--text-color-white);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

#pmpro_btn-submit-paypalexpress .pmpro_btn-submit-checkout-paypal-image {
  width: 152px;
  height: 48px;
  background-color: var(--clr-background);
  background-size: 120px;
  background-position: center;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .pmpro_card_title {
    padding: 14px;
  }

  .pmpro_card_content {
    padding: 21px 14px;
    gap: 14px;
  }

  .pmpro_card_actions {
    padding: 14px 7px;
  }

  .pmpro_card_actions .pmpro_card_action_separator {
    display: none;
  }

  #pmpro_account-profile .pmpro_card_content,
  #pmpro_account-membership .pmpro_card_content {
    padding: 21px 14px;
    gap: 0;
  }

  #pmpro_account-profile .pmpro_card_actions,
  #pmpro_account-membership .pmpro_card_actions {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  #pmpro_account-membership .pmpro_card_actions .pmpro_card_action {
    width: 100%;
  }

  #pmpro_account-profile .pmpro_card_actions a,
  #pmpro_account-profile .pmpro_card_actions a:visited,
  #pmpro_account-membership .pmpro_card_actions a,
  #pmpro_account-membership .pmpro_card_actions a:visited {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 14px;
  }

  #pmpro_account-profile .pmpro_card_actions a:not(:first-child),
  #pmpro_account-membership .pmpro_card_actions .pmpro_card_action:not(:first-child) {
    border-top: 1px solid var(--border-color);
  }

  #pmpro_account-profile .pmpro_card_actions a:after,
  #pmpro_account-membership .pmpro_card_actions a:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    padding-top: 0.15em;
    color: var(--text-color-light);
    font-style: normal;
    font-variant: normal;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    line-height: 1;
    vertical-align: baseline;
    content: "\f105";
  }

  #pmpro_account-profile .pmpro_card_actions .pmpro_card_action_separator,
  #pmpro_account-membership .pmpro_card_actions .pmpro_card_action_separator {
    display: none;
  }
}

/*--------------------------------------------------------------
# contact form custom styles
--------------------------------------------------------------*/
.wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  width: 100%;
}

.wpcf7-form > p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.wpcf7-form label {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--text-color-base);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
}

.wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

input.wpcf7-text {
  width: 100%;
  padding: 0.5em 8px 0.552em;
  margin: 0;
  outline: none;
  border-radius: 4px;
  color: var(--text-color-base);
  background-color: var(--light-bg-color);
  border: 1px solid var(--border-color);
}

input.wpcf7-text:focus {
  background-color: var(--clr-background);
  border: 1px solid var(--clr-foreground);
}

textarea.wpcf7-textarea {
  width: 100%;
  padding: 0.5em 8px 0.552em;
  margin: 0;
  border-radius: 4px;
  color: var(--text-color-base);
  outline: none;
  border: 1px solid var(--border-color);
  background-color: var(--light-bg-color);
  resize: vertical;
}

textarea.wpcf7-textarea:focus {
  background-color: var(--clr-background);
  border: 1px solid var(--clr-foreground);
}

textarea.wpcf7-textarea::placeholder {
  color: #ada99f;
  font-size: 1em;
}

.wpcf7-not-valid-tip {
  color: var(--theme-color);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1.6;
}

.wpcf7-submit-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

input.wpcf7-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 400px;
  padding: 1em 1.5em 1.052em;
  margin: 0;
  outline: none;
  border: 1px solid var(--theme-color);
  border-radius: 4px;
  background-color: var(--theme-color);
  color: var(--text-color-white);
  font-size: var(--font-size-base);
  font-weight: var(--fw-default);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.wpcf7 form.invalid .wpcf7-response-output {
  margin: 0;
  padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
  background-color: var(--pmpro--color--error-background);
  border-color: var(--pmpro--color--error-border);
  border-radius: var(--pmpro--base--border-radius);
  color: var(--pmpro--color--error-text);
  font-weight: var(--fw-default);
  text-align: left;
}

.wpcf7 form.sent .wpcf7-response-output {
  margin: 0;
  padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
  background-color: var(--pmpro--color--success-background);
  border-color: var(--pmpro--color--success-border);
  border-radius: var(--pmpro--base--border-radius);
  color: var(--pmpro--color--success-text);
  font-weight: var(--fw-default);
  text-align: left;
}

.wpcf7 .wpcf7-recaptcha {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1024px;
  padding: 8px 16px;
  margin: 0;
  border: 1px solid var(--border-color);
  background-color: var(--body-bg);
}

.wpcf7 .wpcf7-recaptcha-text {
  margin: 0;
  padding: 0 0 0.052em;
  font-size: var(--font-size-sm);
  font-weight: var(--fw-thin);
}

.wpcf7 .wpcf7-recaptcha-text > a {
  margin: 0 0.2em;  
}

@media (max-width: 768px) {
  .wpcf7-form {
    row-gap: 14px;
  }
  
  .wpcf7-form > p {
    gap: 7px;
  }
  
  .wpcf7-form-control-wrap {
    gap: 4px;
  }
  
  input.wpcf7-text {
    padding: 0.5em 8px 0.552em;
  }
  
  textarea.wpcf7-textarea {
    padding: 0.5em 8px 0.552em;
  }
}

.grecaptcha-badge { visibility: hidden; }