/**
 * Theme Name:     Blocksy - Child
 * Author:         X-Raym
 * Template:       blocksy
 * Text Domain:	   blocksy-child
 * Description:    Blocksy - Child theme
 */

 body {
  --buttonInitialColor: #006466;
 }

article {
  color:var(--theme-palette-color-4);
}

.subheader-description {
	padding: 1em 0;
}

.xr-dark-switch:hover {
  cursor: pointer;
}

.xr-dark-switch {
  background: unset;
}

/*
.xr-dark-switch:before{
	margin-right: 0.5em;
  margin-left: 0;
  padding-left: 0;
  font-family: dashicons;
  font-size: 1.4em;
  content: "\f339";
  color: var(--theme-palette-color-3);
  display: inline-block;
  background: none;
}*/

html.xr-theme-white {
  /*--theme-palette-color-1: #2872fa;
  --theme-palette-color-2: #1559ed;*/
  --theme-palette-color-3: #3A4F66;
  --theme-palette-color-4: #192a3d;
  --theme-palette-color-5: #e1e8ed;
  --theme-palette-color-6: #f2f5f7;
  --theme-palette-color-7: #FAFBFC;
  --theme-palette-color-8: #ffffff;
  --form-field-border-initial-color: var(--theme-palette-color-6);
}


.xr-dark-switch svg {
  width: 1.8em;
  position:relative;
  top:4px;
}

@media screen and (max-width:1000px) {
  div[data-items="primary"] .xr-dark-switch {
    display:none;
  }
}

.xr-dark-switch svg path,
.xr-dark-switch svg circle {
	fill: var(--theme-palette-color-3);
}

.xr-theme-white .nf-form-content textarea,
.xr-theme-white .nf-form-content .nf-field-element input {
  border-color: var(--theme-palette-color-1);
}

.xr-theme-white .entry-button[data-type="outline"],
.xr-theme-white .next.page-numbers,
.xr-theme-white .previous.page-numbers {
  border: 1px solid var(--linkInitialColor);
}

.xr-theme-white .sub-menu {
  background: var(--theme-palette-color-1)!important;
}

.xr-theme-white .xr-dark-switch:before {
  color: var(--color);
}

.ct-panel-content .xr-dark-switch svg {
  margin-left: 2em;
  fill: white !important;
}

.kint-rich {
	text-transform: none;
}

span.ash-hook:not(.ash-hook-has-hooks), span.ash-hook.ash-hook-action{
	display:none!important;
}

/* Ribbon */
a.ct-image-container, .ct-featured-image .ct-image-container{
	display:block;
}

.noptin-form-fields {
	padding: 2em 2em 1em 2em;
	background: var(--theme-palette-color-8);
}

.noptin-form-fields input {
	background: var(--theme-palette-color-7)!important;
	color: var(--theme-palette-color-4)!important;
}

/*.noptin-form-fields input::placeholder {
	color: var(--theme-palette-color-3)!important;
}*/

.ct-header-cta .menu-subscribe-button {
  filter: none;
  padding: 0 1em 0 0;
}

.ct-header-cta .menu-subscribe-button:before{
  filter: none;
  position: relative;
	top: 2px;
	margin-right: 0.5em;
  margin-left: 0;
  padding-left: 0;
  font-family: dashicons;
  font-size: 1.8em;
  opacity: 1;
  z-index: 1;
  content: "\f465";
  color: white;
  display: inline-block;
  background: none;
}

#widget-subsribe-button a:before, .subscribe-button-home a:before{
  filter: none;
  position: relative;
	top: 0px;
	margin-right: 0.7em;
  margin-left: 0;
  padding-left: 0;
  font-family: dashicons;
  font-size: 1.8em;
  opacity: 1;
  z-index: 1;
  content: "\f465";
  color: white;
  display: inline-block;
  background: none;
  line-height: 100%;
  margin-left: -0.3em;
}


/*.ct-header-cta .menu-subscribe-button:before{
  filter: none;
  position: relative;
	top: 2px;
	margin-right: 1em;
  margin-left: -0.5em;
  padding: 0;
  line-height: 1.2em;
  font-family: dashicons;
  font-size: 26px;
  opacity: 1;
  z-index: 1;
  content: "\f465";
  color: var(--theme-palette-color-4);
  display: inline-block;
  background: none;
}*/

/* Remove Slasg from catgories */
article .entry-header .entry-meta li.meta-categories:after  {
  content: none;
}

/* External links icons */
article .entry-content p a[href^="http://"]:not([href*="realinks"]):after,
article .entry-content p a[href^="https://"]:not([href*="realinks"]):after,
.meta-link-box p:after{
  display:inline-block;
  font-family: dashicons;
  content: " \f504";
  margin-left: 0.1em;
  text-decoration: none;
  position: relative;
  top:2px;
}

/* image credits */
.image-credits {
  text-align: right;
  font-size: 0.9em;
  color: var(--theme-text-color);
  /*top: -2em;
  position: relative;*/
}

/* Tags */
.entry-tags {
  display: flex!important;
  flex-direction: row!important;
  align-items: baseline!important;
}

.ct-module-title {
  margin-right: 1em;
}
/* this is if image credits is under thumbnail
@media (min-width:1000px) {
  .image-credits {
    top: -3em;
    position: relative;
  }
}*/

/* Meta Link on Single Page*/
.meta-link-box {
  width:100%;
  text-align: center;
  margin: 2em 0;
  background: var(--buttonInitialColor);
  border-radius: 3px;
}

.meta-link-box:hover {
  background-color: var(--theme-button-background-hover-color);
}

.meta-link-box a, .meta-link-box a:hover {
  color: white;
  padding: 1em 0;
  display: block;
}

.meta-link-box p {
  margin: 0;
  text-decoration: underline;
}

/* Categories */
.wp-block-categories-list li {
	list-style-type: disc;
	margin-left: 1em;
}

/* Recent Posts Widget */
.wp-block-latest-posts__post-excerpt {
	font-size: 14px;
	margin-top: 0px;
}

.wp-block-latest-posts__post-title{
	color: var(--theme-palette-color-4);
}

/* Meta Terms on Archives and Search */
[data-layout="grid"] .entry-meta, [data-layout="simple"] .entry-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

[data-layout="simple"] .card-content {
  width: 100%;
}

/* Tags Icons */
[data-layout="grid"] .meta-post_tag:before, [data-layout="simple"] .meta-post_tag:before {
	font-family: dashicons;
	content: "\f323";
	padding: 0.5em;
	position: relative;
	top: 2px;
}

/*.meta-contributors {
	border-left: 4px var(--buttonInitialColor) solid;
  padding-left: 6px;
}*/

.meta-contributors:before {
  font-family: dashicons;
	content: "\f110";
	padding-right: 0.5em;
	position: relative;
	top: 2px;
  /*color: #009092;*/
}

article .entry-tags:before {
	font-family: dashicons;
	content: "\f323";
	padding: 0.5em;
	position: relative;
	top: 2px;
}

[data-layout="grid"] .meta-date:before,
[data-layout="simple"] .meta-date:before,
[data-layout="grid"] .meta-updated-date:before,
[data-layout="simple"] .meta-updated-date:before {
	font-family: dashicons;
	content: "\f469";
	padding: 0.5em;
	position: relative;
	top: 2px;
}

article .meta-date:before {
	font-family: dashicons;
	content: "\f469";
	padding: 0.5em;
	position: relative;
	top: 2px;
}

/* Post Meta in Single */
article .entry-meta {
  display: flex;
  align-items: baseline;
}

article .entry-meta .meta-author {
  margin-left: auto;
}

/* Level */
.meta-level a:before {
  background-color: var(--cat-color);
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 4px;
  border-radius: 50%;
}

/* Bigger Ninja Fields */
.nf-form-content input[type="email"], .nf-form-content input[type="text"] {
  height: 3em;
}

.nf-form-content textarea:focus,
.nf-form-content input[type="email"]:focus,
.nf-form-content input[type="text"]:focus {
  color: var(--theme-palette-color-4);
}

/* Fresh */
article .fresh {
	text-align: center;
	background-color: var(--buttonInitialColor);
  color: white;
	width: 720px;
	width: calc( 100% + var(--card-inner-spacing, 34px) * 2);
	position: relative;
	right: var(--card-inner-spacing, 34px);
	box-shadow: 0px 6px 6px rgba(0,0,0,0.3);
	text-transform: uppercase;
}

/* Center Figcaption and set width to parent img */
.entry-content figure.wp-block-image {
  display: table;
}

.entry-content figure.wp-block-image img {
  display: block;
}

.entry-content figure.wp-block-embed figcaption {
  display: table-caption;
  caption-side: bottom;
	font-style: italic;
  width: 100%;
	background-color: var(--theme-palette-color-8);
	margin-top: 0px;
	padding: 1em;
}

#main article .entry-content figure.wp-block-image  {
	margin-left: auto;
  margin-right: auto;
}

.entry-content figure.wp-block-image figcaption {
  display: table-caption;
  caption-side: bottom;
	font-style: italic;
	background-color: var(--theme-palette-color-8);
	margin-top: 0px;
	padding: 1em;
}

article .entry-button:hover {
	color:var(--theme-palette-color-4);
}

/* Widget Random Post Button */

/* FILLED VERSION */
/*
.widget-random-button {
  width: 100%;
  text-align: center;
  margin: 2em 0;
  padding: 0.3em 0;
  background: var(--buttonInitialColor);
  border-radius: 3px;
  color: var(--theme-palette-color-4);
  margin: auto;
  user-select: none;
  transition: all .2s ease;
}

.widget-random-button:hover{
  cursor:pointer;
  background: var(--buttonHoverColor);
}*/

/* Widget Random Post Button */
.widget-random-button {
  border-radius: var(--border-radius, 4px);
  border: 2px solid var(--theme-palette-color-5);
  background: unset;
  color: var(--theme-palette-color-3);
  padding: 0.3em 1em;
  margin: auto;
  user-select: none;
  transition: all .2s ease;
  font-size: 13px;
}

.widget-random-button:hover{
  cursor:pointer;
  color: var(--linkHoverColor);
  border-color: var(--linkHoverColor);
}

.widget-random-button:before {
  font-family: dashicons;
  position:relative;
  top: 2px;
  left: -5px;
  /*content: "\f503";*/
  content: "\f150";
}

.widget-random-button:active {
  color: white;
  border-color: white;
}

/* Buttons Hover Transition */
button {
	transition: all .2s ease;
}

button:hover, .menu-subscribe-button:hover{
	translate: 0px -3px;
}

/* add Links category */
li.meta-categories a.ct-term-3 {
	display:none;
}

/* */
.ct-related-posts .ct-image-container {
  border-radius: 0;
}

.comment-form-policy__see-more-link {
  text-decoration: underline;
}
/*
.entry-meta li {
  display: block!important;
}
*/

/*.meta-categories a,*/
ul.entry-meta li.meta-category a {
  background-color: var(--cat-color-off, var(--buttonInitialColor));
}


/*
.meta-categories a:before {
  background-color: var(--cat-color);
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px;
}*/

/* [class*="ct-image-container"] {
  display: inline-flex;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(var(--theme-palette-color-4), black);
}*/

#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button {
	font-family: var(--fontFamily);
	font-size: 14px;
	line-height: unset;
	padding: 0 8px;
	letter-spacing: unset;
	box-shadow: unset;
	border-radius: unset;
	max-width: none;
	text-align: center;
  margin: 2em 0;
  background: var(--buttonInitialColor);
  border-radius: 3px;
}

#wpdcom .wc-field-submit i {
	border: unset!important;
}

#wpdcom .wpd-comment .wpd-avatar img, #wpdcom .wpd-comment .wpd-avatar img.avatar,
#wpdcom .wpd-form .wpd-avatar img, #wpdcom .wpd-form .wpd-avatar img.avatar {
  border:unset;
  background-color: unset;
}

#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button {
	font-family: var(--fontFamily);
	font-size: 14px;
	line-height: unset;
	padding: 0 8px;
	letter-spacing: unset;
	box-shadow: unset;
	border-radius: unset;
	max-width: none;
	text-align: center;
  margin: 2em 0;
  background: var(--buttonInitialColor);
  border-radius: 3px;
}

#wpdcom .wc-field-submit i {
	border: unset!important;
}

#wpdcom .wpd-comment .wpd-avatar img, #wpdcom .wpd-comment .wpd-avatar img.avatar,
#wpdcom .wpd-form .wpd-avatar img, #wpdcom .wpd-form .wpd-avatar img.avatar {
  border:unset;
  background-color: unset;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea {
  width:var(--form-field-width, 100%);
  height:var(--form-field-height, 40px);
  font-family:inherit;
  font-size:var(--form-font-size, 16px);
  color:var(--theme-palette-color-4);
  padding:var(--has-classic-forms, var(--form-field-padding, 0 12px));
  border-width:var(--form-field-border-width, 1px);
  border-style:var(--form-field-border-style, solid);
  border-color:var(--form-field-border-initial-color);
  border-radius:var(--has-classic-forms, var(--form-field-border-radius, 3px));
  background-color:var(--has-classic-forms, var(--form-field-initial-background));
  transition:all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955)
 }

#wpdcom div.wpdiscuz-item input.wpd-field:not([type=checkbox]) {
 border-width:var(--form-field-border-width, 0px);
 border-style:var(--form-field-border-style, solid);
 border-color:var(--form-field-border-initial-color)!important;
 border-radius:var(--has-classic-forms, var(--form-field-border-radius, 3px));
 background-color:var(--has-classic-forms, var(--form-field-initial-background));
 transition:all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: var(--theme-palette-color-4);
}
#wpdcom div.wpdiscuz-item .wpd-field:not([type=checkbox])::placeholder {
  color:var(--form-text-initial-color, var(--color))!important;
}

#wpdcom .wpdiscuz-subscribe-form-button input[type="submit"], #wpdcom [name="wpdiscuzSubscriptionEmail"],
#wpdcom.wpd-dark .wpdiscuz-item.wpd-field-select {
	border: 0px;
}

#wpdcom.wpd-dark [name="wpdiscuzSubscriptionType"], #wpdcom.wpd-dark option {
	border: 0px!important;
 color:var(--theme-palette-color-4)!important;
 border-width:var(--form-field-border-width, 1px)!important;
 border-style:var(--form-field-border-style, solid)!important;
 border-color:var(--form-field-border-initial-color)!important;
 border-radius:var(--has-classic-forms, var(--form-field-border-radius, 3px))!important;
 background-color:var(--has-classic-forms, var(--form-field-initial-background))!important;
 transition:all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

#comments, #respond, .comments-area, #wpdcom.wpd-dark {
  background: unset;
  color: unset;
}

.wpdiscuz-item {
  border-width: 0px!important;
}

.wpdiscuz-item {
  border-width: 0px!important;
}

#wpdcom {
  display:flex;
  flex-direction: column-reverse;
}

#wpdcom .wpd-auth .wpd-login a:hover {
  color: var(--linkHoverColor);
}
#wpdcom .wpd-auth .wpd-login a {
  color: var(--linkInitialColor);
}

/* Newsletter Form */
.noptin-checkbox-form-field {
	margin-right: 1em;
}

#subscribe-newsletter:before, #subscribe-rss:before, #subscribe-push:before {
	position: relative;
	top: 4px;
	margin-right: 0.5em;
  font-family: dashicons;
}

#subscribe-newsletter:before {
	content: "\f465";
}

#subscribe-rss:before {
	content: "\f303";
}

#subscribe-push:before {
	content: "\f16d";
}

.default-logo {
	transition: 0.2s all ease;
}
.default-logo:hover {
	transform: scale(1.1);
}

article.entry-card:hover{
	cursor: pointer;
	/*filter: brightness(120%);*/
  background-color: var(--theme-palette-color-5);
}

/*
article.entry-card:hover img{
	 filter: brightness(83%);
}
*/

article .entry-excerpt,
header p, p.site-description,
header.entry-header div.page-description {
	color: var(--theme-palette-color-4);
}

/* Category Widget */
/* Prevent indentation of hierarchy */
.cat-item ul.children {
	margin-left: 0em;
	padding-left: 0em;
}

/* Tag List Widget */
.ct-sidebar .widget-title {
  font-size: 35px;
  margin-bottom: 0!important;
}
#lct-widget-post_tag {
  list-style: disc;
  padding-left: 1em;
}

.ct-panel-content nav input,
.ct-panel-content nav input:focus {
  color: white;
}

.ct-search-results {
  background-color: rgba(18, 21, 25)!important;
}

.ct-panel-content .xr-dark-switch svg path,
.ct-panel-content .xr-dark-switch svg circle {
	fill: white;
}

.xr-theme-white .ct-panel-content .xr-dark-switch svg path,
.xr-theme-white .ct-panel-content .xr-dark-switch svg circle {
	fill: var(--linkInitialColor);
}

article.post.type-post figure {
	margin: 3em 0;
}

.shortcode-contributors .contributor {
	display: inline-block;
  width: calc( 50% - 4em );
	background-color: var(--theme-palette-color-8);
	padding: 1em;
	margin: 1em;
}

.shortcode-contributors .contributor a {
	display: block;
}

.shortcode-contributors .contributor:hover{
	filter: brightness(120%);
}

[data-prefix=blog] .entry-card.category-blog {
	background: var(--theme-palette-color-5);
}

.ct-panel .ct-search-results {
  box-shadow: unset;
}

.ct-related-posts-container article .entry-excerpt {
	color: var(--color);
}

.post-navigation .item-content {
	margin: 0 2em;
}

/* Cards thumbnnail */
@media screen and (min-width: 690px) {
  a.ct-image-container {
    background: var(--theme-palette-color-6)
  }

  a.ct-image-container img {
    object-fit: contain;
  }
}

#bbcode {
  display: none;
}

/* Spoiler Block */

.spoiler-head {
  color: white;
}

.spoiler-head.folded:before, .spoiler-head.unfolded:before{
  display: inline-block;
  width: 1em;
}

.spoiler-body {
  padding: 1em 2em;
  height: 70vh;
  overflow: auto;
}

/* v2.0 fixes */
.ct-pagination svg {
  fill: var(--theme-text-color);
}

.ct-pagination:hover svg {
  fill: var(--theme-link-hover-color);
}

.card-content .entry-button:hover {
  color: var(--theme-palette-color-4);
}