/**
 * Theme Name:   Headwall WP Tutorials
 * Theme URI:    https://wp-tutorials.tech/
 * Description:  Custom theme for Headwall WP Tutorials
 * Author:       Headwall Hosting
 * Author URI:   https://headwall-hosting.com/
 * Template:     generatepress
 * Version:      2.5.0
 * Text Domain:  wp-tutorials
 */

article .related-posts,
.demo-panel {
  background-color: #ffffff88;
  padding: 2em;
  border-radius: 1em;
  box-shadow: 0 0 3rem #00000008;
}

.demo-panel > figcaption {
  text-align: center;
  font-style: italic;
}

article .related-posts .inner {
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  border: 1px solid #3333;
}

.separate-containers article .related-posts .featured-image {
  margin-top: 0;
}

article .related-posts h2 {
  font-size: 24px;
}

article .related-posts h3 {
  font-size: 22px;
}

article .related-posts h3 a {
  color: var(--primary-text);
}

.comment-form #url {
  display: none !important;
}

@media (min-width: 768px) {
  .comment-form #author {
    float: left;
    margin-right: 40px;
  }
}

/*
.demo-panel h2 {
	font-size: 18pt;
	margin-bottom: 0.5em;
	text-align: center;
}
*/

.inside-site-info {
  border-top: 2px solid var(--tinted-panel-alt);
}

.scroll-to-top .stt-inner {
  background-color: var(--site-background);
}

body .afc-container {
  background-color: #0004;
  background-image: unset;
  box-shadow: 0 0 3rem #00000008;
  color: var(--contrast-text);
}

body .afc-container label {
  background-image: unset;
  font-family: unset;
  font-weight: bold;
}

body .afc-container [data-counter-anim] {
  font-weight: bold;
  color: var(--contrast-text-alt);
}

.wp-block-table.is-style-stripes {
  margin-bottom: 40px;
  border-bottom: none;
}

.wp-block-table table {
  background-color: var(--tinted-panel);
  margin-bottom: 20px;
}

body .wp-block-gallery figcaption,
body .wp-block-image figcaption,
body .wp-block-table figcaption {
  text-align: center;
  font-size: 16px;
  font-style: italic;
}

/**
 * Side pagnel box-out.
 */
.wp-block-group.side-box-out {
  margin-bottom: 2em;
}

.wp-block-group.side-box-out .wp-block-group__inner-container {
  padding: 0;
}

.wp-block-group.side-box-out h2 {
  text-align: center;
  font-size: 18pt;
  margin-bottom: 1em;
}

.wp-block-group.side-box-out p {
  padding: 0 1rem 1rem 1rem;
  line-height: 1.5em;
}

.wp-block-group.side-box-out a:not(.button) {
  /* font-weight: bold; */
}

.wp-block-group.side-box-out p:last-child {
  margin-bottom: 0;
}

.wp-block-group.side-box-out .wp-block-button a {
  line-height: 1.6em;
}

@media (min-width: 922px) {
  .wp-block-group.side-box-out {
    background-color: #fff4;
    padding: 1em;
    border-radius: 1em;
  }
}

/**
 * Badges
 */
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  border: 1px solid #44444444;
  margin-right: 0.5em;
}

.badge-important,
.badge-info {
  background-color: var(--secondary);
  color: var(--contrast-text-alt);
}

.badge-warning {
  background-color: var(--wpt-warning);
  color: var(--primary-text);
}

.badge-danger {
  background-color: var(--wpt-bad);
  color: var(--contrast-text);
}

.badge-success {
  background-color: var(--wpt-good);
  color: var(--primary-text);
}

/**
 * Fixes for Enlighter Monokai
 */
.enlighter-t-monokai .enlighter .enlighter-x16 {
  color: #f92672;
}

.enlighter-t-monokai .enlighter .enlighter-c0 {
  color: gray;
}

/**
 * Top Bar
 */
.tbag-container {
  background-color: var(--primary);
  color: var(--primary-text);
}

.tbag-container .fa-star {
  color: var(--wpt-warning);
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

/**
 * Popup
 */
.wptpu-inner {
  background-color: var(--site-background);
  border-radius: 1rem;
  box-shadow: 0 0 4rem #0004;
  /* 	border:  4px solid var( --primary ); */
  /* 	border:  4px solid #333; */
}

.wptpu-close-button {
  right: 0.5em;
  top: 0.5em;
  background-color: var(--primary);
  color: var(--primary-text);
}

.wptpu-inner .smps-socials.has-label.vertical > ul .smps-social-btn {
  font-size: 14px;
  padding: 10px 15px;
}

@media (min-width: 576px) {
  .wptpu-inner .smps-socials.has-label.vertical > ul .smps-social-btn {
    font-size: 24px;
  }
}

/**
 * Affiliate product cards.
 */
.affiliate-product-card {
  background-color: #fff8;
  border-radius: 20px;
  padding: 20px 0;
  border: 1px solid #ccc;
}

.affiliate-product-card h3,
.affiliate-product-card h2 {
  font-size: 26px;
  padding: 0 20px;
  text-align: center;
}

.affiliate-product-card h3 a,
.affiliate-product-card h2 a {
  display: block;
}

.affiliate-short-description {
  padding: 20px;
  font-size: 20px;
  line-height: 1.2em;
}

.affiliate-image a {
  display: block;
  padding: 0 30px;
}

.affiliate-link.button {
  display: block;
  margin: 0 20px;
  text-align: center;
  line-height: 1.2em;
  border-radius: 10px;
}

.news-menu-item > a {
  /* 	background-color: #fff1; */
  /* 	background-color: var( --primary ); */
  /* 	color:  var( --primary-text ) !important; */
  color: gold !important;
  font-weight: bold;
}

ul.ipsums {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 17px;
  /* 	font-weight: 500; */
  line-height: 1.8em;
}