/*
Theme Name: K12 Recess Theme
Author: Silicon Dales
Author URI: https://silicondales.com
Description: A theme for K12 Recess. 
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: k12-recess-theme
*/

.shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.components-button.thumbs-up,
.components-button.thumbs-down {
  /* Reset button */
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;

  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  background-color: var(--wp--preset--color--accent);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  border: 2px solid var(--wp--preset--color--accent);
  color: #fff;

  &:not(:last-child) {
    margin-right: 1rem;
  }

  &:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--accent);
    border: 2px solid var(--wp--preset--color--accent);
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  &.voted {
    background-color: var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--block);
    border: 2px solid var(--wp--preset--color--accent-2);
    opacity: 1;
  }
}

body.page-template-embed > div.wp-site-blocks > section {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}