/**
 * Theme Name:        Skwamplitude
 * Template:	      amplitude
 * Theme URI:         https://wordpress.org/themes/amplitude/
 * Description:       I made a child theme of amplitude.
 * Version:           1.0.0
 * Author:            Mike Skwar
 * Author URI:        https://mskwar.com
 * Text Domain:       skwamplitude
 * Tested up to:      6.0
 * Requires at least: 5.0
 * Requires PHP:      5.6
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

body {
  font-family: monospace;
  color: white;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

.container {
  flex: 1;
}

h1, h2, h3, h4, h5, h6 { 
  font-family: monospace;
}

.logo, .logo::after {
  background-color: rgba(0, 0, 0, 0.0) !important;
  width: 25%;
}

.logo > h1 {
  font-style: normal !important;
}

.hdrrightpart.hdrrightpart_width {
  width: 75%;
}

.header_menupart {
  z-index: 3 !important;
}

.pageinlayout {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.0) 70%);
}

h1.entry-title, h1.page-title { 
  font-family: monospace;
  font-style: normal !important;
}

/* codepen widget css */
.col > h2 {
  display: flex;
  align-items: baseline; /* Align items along the text baseline */
  flex-wrap: nowrap;
  font-size: 1.3rem;
}

h2 .dropdown {
  margin: 0 5px;
}

h2 .dropdown-toggle {
  display: inline-block;
  background-color: #063c3c;
}

.content-area {

  margin-top: 20px;
  flex: 1;
}

.content-area > p, .entry-content > p {
  color: white;
}

h2 .dropdown-toggle {
  background-color: #006666;
  color: white;
  border: none;
  display: inline-block;
  vertical-align: middle;
}

.dropdown-menu {
  background-color: #004d4d;
  color: white;
  position: absolute;
}

h2 .dropdown-item {
  color: white;
  text-decoration: none !important;
}

h2 .dropdown-item:hover {
  background-color: #006666;
  color: white;
}

#fullsite_wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Footer Styles */
.footer-wrapper {
  width: 100%;
  flex-shrink: 0;
  margin-top: auto;
}

footer {
  background-color: rgba(0, 0, 0, 0.0) !important;
}


/* Fixes */
a:focus,
a:active {
  outline: none;
  border: none;
}