style.css

/* 
Theme Name: Galaxy
Theme URI: https://github.com/digitalcube/galaxy-wp-theme/
Description: Galaxy is a child theme of Hello Elementor
Author: DigitalCube
Author URI: https://www.digialcube.jp/
Template: hello-elementor
Version: 0.0.0
Text Domain: galaxy-wp-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  /* colors */
  --amimoto---black: rgba(2, 13, 32, 1);
  --amimoto---blue-primary: rgba(0, 76, 211, 1);
  --amimoto---blue-secondary: rgba(0, 168, 255, 1);
  --amimoto---blue100: rgba(224, 240, 253, 1);
  --amimoto---blue200: rgba(192, 217, 248, 1);
  --amimoto---blue300: rgba(141, 178, 234, 1);
  --amimoto---blue400: rgba(74, 125, 216, 1);
  --amimoto---blue500: rgba(12, 57, 162, 1);
  --amimoto---blue600: rgba(8, 40, 132, 1);
  --amimoto---blue700: rgba(0, 14, 62, 1);
  --amimoto---blue700: rgba(4, 26, 100, 1);
  --amimoto---blue800: rgba(2, 14, 68, 1);
  --amimoto---blue900: rgba(0, 7, 43, 1);
  --amimoto---gray100: rgba(241, 242, 245, 1);
  --amimoto---gray200: rgba(210, 213, 221, 1);
  --amimoto---gray300: rgba(181, 183, 195, 1);
  --amimoto---gray400: rgba(152, 154, 169, 1);
  --amimoto---gray500: rgba(124, 125, 142, 1);
  --amimoto---gray600: rgba(99, 100, 117, 1);
  --amimoto---gray700: rgba(75, 75, 92, 1);
  --amimoto---gray800: rgba(51, 51, 65, 1);
  --amimoto---gray900: rgba(29, 29, 38, 1);
  --amimoto---secondary-light: rgba(209, 239, 255, 1);
  --background---shifterdark: rgba(25, 14, 26, 1);
  --background--light: rgba(247, 247, 248, 1);
  --black: rgba(0, 0, 0, 1);
  --galaxy---blue-secondary: rgba(0, 76, 211, 1);
  --galaxy---gray100: rgba(246, 246, 246, 1);
  --galaxy---gray200: rgba(198, 198, 198, 1);
  --galaxy---gray300: rgba(159, 159, 159, 1);
  --galaxy---gray400: rgba(119, 119, 119, 1);
  --galaxy---gray500: rgba(80, 80, 80, 1);
  --galaxy---gray600: rgba(65, 65, 65, 1);
  --galaxy---gray700: rgba(50, 50, 50, 1);
  --galaxy---gray800: rgba(35, 35, 35, 1);
  --galaxy---gray900: rgba(20, 20, 20, 1);
  --shifter-gray-100: rgba(248, 245, 245, 1);
  --shifter-gray-200: rgba(235, 231, 232, 1);
  --shifter-gray-300: rgba(189, 182, 184, 1);
  --shifter-gray-400: rgba(158, 150, 153, 1);
  --shifter-gray-500: rgba(127, 118, 121, 1);
  --shifter-gray-600: rgba(100, 91, 94, 1);
  --shifter-gray-700: rgba(72, 64, 67, 1);
  --shifter-gray-800: rgba(43, 38, 40, 1);
  --shifter-gray-900: rgba(15, 13, 13, 1);
  --shifter-magenta-light: rgba(254, 238, 244, 1);
  --shifter-magenta-primary: rgba(248, 10, 91, 1);
  --shifter-purple-primary: rgba(137, 40, 133, 1);
  --shifter-purple-100: rgba(235, 228, 237, 1);
  --shifter-purple-200: rgba(212, 193, 213, 1);
  --shifter-purple-300: rgba(178, 140, 180, 1);
  --shifter-purple-400: rgba(146, 86, 148, 1);
  --shifter-purple-500: rgba(104, 41, 106, 1);
  --shifter-purple-600: rgba(87, 27, 82, 1);
  --shifter-purple-700: rgba(60, 21, 51, 1);
  --shifter-purple-800: rgba(51, 23, 41, 1);
  --shifter-purple-900: rgba(12, 2, 8, 1);
  --status---danger-dark: rgba(149, 0, 0, 1);
  --status---danger-default: rgba(206, 22, 22, 1);
  --status---danger-light: rgba(255, 233, 233, 1);
  --status---success-dark: rgba(0, 121, 56, 1);
  --status---success-default: rgba(35, 186, 123, 1);
  --status---success-light: rgba(217, 255, 227, 1);
  --status---warning-dark: rgba(209, 115, 3, 1);
  --status---warning-default: rgba(255, 166, 0, 1);
  --status---warning-light: rgba(255, 237, 192, 1);
  --transparent: rgba(255, 255, 255, 0);
  --white: rgba(255, 255, 255, 1);

  /* font-size */
  /* base size: --font-size-4 (16px) */
  --font-size-1: 0.62rem;
  --font-size-2: 0.75rem;
  --font-size-3: 0.88rem;
  --font-size-4: 1rem;
  --font-size-5: 1.12rem;
  --font-size-6: 1.38rem;
  --font-size-7: 1.88rem;
  --font-size-8: 2.38rem;
  --font-size-9: 3.12rem;

  /* Effect styles */
  --shadow---purplesm: 8px 0px 1px rgba(69, 29, 57, 0.1);
  --shadow---purplemd: 20px 0px 8px rgba(69, 29, 57, 0.15),
    15px 0px 8px rgba(69, 29, 57, 0.2);
  --shadow-lg: 20px 4px 8px rgba(0, 0, 0, 0.15),
    24px 3px 12px rgba(0, 0, 0, 0.35);
  --shadow---purpledefault: 8px 0px 2px rgba(69, 29, 57, 0.2);
  --shadow--sm: 8px 0px 1px rgba(0, 0, 0, 0.1);
  --shadow--md: 8px 0px 2px rgba(0, 0, 0, 0.2);
  --shadow--lg: 20px 0px 8px rgba(0, 0, 0, 0.15),
    15px 0px 8px rgba(0, 0, 0, 0.2);
  --shadow--x-lg: 29px 0px 31px rgba(0, 0, 0, 0.15),
    18px 0px 19px rgba(0, 0, 0, 0.2);
  --shadow---purplelg: 29px 0px 19px rgba(69, 29, 57, 0.35),
    18px 0px 6px rgba(69, 29, 57, 0.29);
  --shadow---darksm: 5px 0px 4px rgba(0, 0, 0, 0.45);
  --shadow---darkdefault: 8px 0px 2px rgba(0, 0, 0, 1);
  --shadow---darkmd: 20px 0px 8px rgba(0, 0, 0, 0.5),
    15px 0px 8px rgba(0, 0, 0, 0.7);
  --shadow---darklg: 5px 0px 0px rgba(0, 0, 0, 1), 25px 0px 5px rgba(0, 0, 0, 1);
  --shadow--bluelg: 29px 0px 19px rgba(0, 39, 108, 0.35),
    18px 0px 6px rgba(0, 39, 108, 0.3);
  --shadow--bluemd: 20px 0px 8px rgba(0, 39, 108, 0.15),
    15px 0px 8px rgba(0, 39, 108, 0.2);
  --shadow--bluedefault: 8px 0px 2px rgba(0, 39, 108, 0.2);
  --shadow--bluesm: 8px 0px 1px rgba(0, 39, 108, 0.1);

  /* font-family */
  --font-family-sans-serif: sofia-pro, sans-serif;
  --font-family-serif: georgia, times, serif;
  --font-family-system-sans-serif: sans-serif;
  --font-family-system-serif: serif;

  /* font-weight */
  --font-weight-strong: 700;

  /* spacing */
  /* base size: --spacing-3 (16px) */
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 1rem;
  --spacing-4: 1.5rem;
  --spacing-5: 2rem;
  --spacing-6: 2.5rem;
  --spacing-7: 3rem;
  --spacing-8: 3.5rem;
  --spacing-9: 4rem;
}

.h-0 {
  height: var(--spacing-0);
}

.h-1 {
  height: var(--spacing-1);
}

.h-2 {
  height: var(--spacing-2);
}

.h-3 {
  height: var(--spacing-3);
}

.h-4 {
  height: var(--spacing-4);
}

.h-5 {
  height: var(--spacing-5);
}

.h-6 {
  height: var(--spacing-6);
}

.h-6 {
  height: var(--spacing-6);
}

.h-7 {
  height: var(--spacing-7);
}

.h-8 {
  height: var(--spacing-8);
}

.h-9 {
  height: var(--spacing-9);
}

.font-family-sans-serif {
  font-family: var(--font-family-sans-serif);
}

.font-family-serif {
  font-family: var(--font-family-serif);
}

.font-family-system-sans-serif {
  font-family: var(--font-family-system-sans-serif);
}

.font-family-system-serif {
  font-family: var(--font-family-system-serif);
}

p,
ul,
pre,
cite {
  margin-top: 0;
  margin-bottom: 2.25rem;
  font-size: var(--font-size-6);
  line-height: 150%;
}

a {
  color: var(--shifter-purple-primary);
}

code {
  line-height: 125%;
  font-size: var(--font-size-4);
}

figure {
  margin: 0;
}

/* text-transform */

.text-transform-capitalize {
  text-transform: capitalize;
}

.text-transform-lowercase {
  text-transform: lowercase;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

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

.elementor-widget-theme-post-content .elementor-widget-container > figure img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.galaxy-heading {
  padding: 0;
  margin: 0;
  line-height: 125%;
}

.font-weight-strong {
  font-weight: bold;
}

.font-weight-regular {
  font-weight: normal;
}

.font-size-1 {
  font-size: var(--font-size-1);
}

.font-size-2 {
  font-size: var(--font-size-2);
}

.font-size-2 {
  font-size: var(--font-size-2);
}

.font-size-3 {
  font-size: var(--font-size-3);
}

.font-size-4 {
  font-size: var(--font-size-4);
}

.font-size-5 {
  font-size: var(--font-size-5);
}

.font-size-6 {
  font-size: var(--font-size-6);
  line-height: 150%;
}

.font-size-7 {
  font-size: var(--font-size-7);
}

.font-size-8 {
  font-size: var(--font-size-8);
}

.font-size-9 {
  font-size: var(--font-size-9);
}

.text-shifter-gray-100 {
  color: var(--shifter-gray-100);
}

.text-shifter-gray-200 {
  color: var(--shifter-gray-200);
}

.text-shifter-gray-300 {
  color: var(--shifter-gray-300);
}

.text-shifter-gray-400 {
  color: var(--shifter-gray-400);
}

.text-shifter-gray-500 {
  color: var(--shifter-gray-500);
}

.text-shifter-gray-600 {
  color: var(--shifter-gray-600);
}

.text-shifter-gray-700 {
  color: var(--shifter-gray-700);
}

.text-shifter-gray-800 {
  color: var(--shifter-gray-800);
}

.text-shifter-gray-900 {
  color: var(--shifter-gray-900);
}

.text-shifter-purple-100 {
  color: var(--shifter-purple-100);
}

.text-shifter-purple-200 {
  color: var(--shifter-purple-200);
}

.text-shifter-purple-300 {
  color: var(--shifter-purple-300);
}

.text-shifter-purple-400 {
  color: var(--shifter-purple-400);
}

.text-shifter-purple-500 {
  color: var(--shifter-purple-500);
}

.text-shifter-purple-600 {
  color: var(--shifter-purple-600);
}

.text-shifter-purple-700 {
  color: var(--shifter-purple-700);
}

.text-shifter-purple-800 {
  color: var(--shifter-purple-800);
}

.text-shifter-purple-900 {
  color: var(--shifter-purple-900);
}

.text-shifter-purple-primary {
  color: var(--shifter-purple-primary);
}

.text-shifter-brand-gradient {
  background-image: linear-gradient(
    45deg,
    var(--shifter-magenta-primary) 0%,
    var(--shifter-purple-primary) 50%,
    var(--shifter-purple-300) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: glow 5s linear infinite;
  background-size: 200%;
}

@-webkit-keyframes glow {
  0% {
    background-position: 0% 43%;
  }
  50% {
    background-position: 100% 58%;
  }
  100% {
    background-position: 0% 43%;
  }
}
@keyframes glow {
  0% {
    background-position: 0% 43%;
  }
  50% {
    background-position: 100% 58%;
  }
  100% {
    background-position: 0% 43%;
  }
}

/* overflow */
.overflow-x-auto {
  overflow-x: auto;
}

/* text-align */
.text-align-center {
  text-align: center;
}

/* galaxy-table */

table {
  border-collapse: collapse;
  width: 100%;
  background: var(--white);
  border-radius: 4px;
}

td,
th,
.tablepress td,
.tablepress th {
  border-bottom: 1px solid var(--shifter-gray-200);
  padding: var(--spacing-2);
  text-align: center;
}

table {
  font-size: var(--font-size-4);
}

table i {
  color: var(--shifter-purple-primary);
}

tr > td:first-of-type {
  text-align: left;
  color: var(--shifter-purple-700);
  width: 20%;
}

tr:last-of-type td,
tr:last-of-type th {
  border-bottom: none;
}

/* Elementor */

[data-widget_type="theme-post-content.default"] a {
  color: var(--shifter-purple-primary);
}

/* .page-numbers.current:after {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: var(--shifter-purple-200);
  position: absolute;
  top: 0;
  left: -8px;
  z-index: -1;
} */

.page-numbers.current {
  color: var(--shifter-purple-700);
  height: var(--spacing-5);
  width: var(--spacing-5);
  border-radius: 50%;
  display: inline-block;
  line-height: var(--spacing-5);
  background-color: var(--shifter-purple-200);
}

.elementor-post-navigation .elementor-post-navigation__link a {
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: var(--font-size-6);
  border: 2px solid var(--shifter-purple-primary);
  transition: all 0.3s;
  width: 100%;
}

.elementor-post-navigation__link__next {
  margin-left: auto;
}

.elementor-post-navigation__prev.elementor-post-navigation__link {
  margin-right: var(--spacing-4);
}

.elementor-widget-tabs .elementor-tab-title {
  padding-left: 0;
  padding-right: 0;
}

.elementor-widget-tabs .elementor-tab-title.elementor-active a {
  background-color: var(--shifter-purple-500);
  color: var(--white);
}

.elementor-widget-tabs .elementor-tab-title.elementor-active a:hover {
  background-color: var(--shifter-purple-500);
  color: var(--white);
}

.elementor-widget-tabs .elementor-tab-title a {
  background-color: var(--transparent);
  box-shadow: inset 0px 0px 0px 1px var(--shifter-purple-500);
  color: var(--shifter-purple-500);
  transition: all 0.3s;
}

.elementor-widget-tabs .elementor-tab-title a:hover {
  background-color: var(--shifter-purple-100);
}

.elementor-widget-tabs .elementor-tab-title:not(:last-of-type) a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.elementor-widget-tabs .elementor-tab-title:not(:first-of-type) a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.elementor-tab-title a {
  padding: 1rem 1.125rem;
  color: var(--white);
  font-size: var(--font-size-5);
  background-color: var(--shifter-purple-primary);
  border-radius: 0.25rem;
}

.elementor-tab-mobile-title {
  background-color: var(--transparent);
  box-shadow: inset 0px 0px 0px 2px var(--shifter-purple-primary);
  padding: 14px 16px;
  font-weight: var(--font-weight-strong);
  border-radius: 0.25rem;
  color: var(--shifter-purple-primary);
  text-align: center;
  display: block;
  margin: 0 10px;
  margin-bottom: var(--spacing-2);
}

.elementor-tab-title.elementor-tab-mobile-title.elementor-active {
  background-color: var(--shifter-purple-primary);
  color: var(--white);
}

.elementor-button {
  background-color: var(--shifter-purple-primary);
  color: var(--white);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-strong);
  padding: 14px 16px;
  border-radius: 0.25rem;
}

.elementor-button:hover {
  background-color: var(--shifter-purple-600);
}

.mobile-nav a.elementor-item {
  border-bottom: 2px solid var(--shifter-purple-400);
}

/* Elementor Logos */

.elementor-image-carousel-wrapper.swiper-container::before,
.elementor-image-carousel-wrapper.swiper-container::after {
  content: "";
  height: 100%;
  width: 10%;
  z-index: 2;
  position: absolute;
  top: 0;
}

.elementor-image-carousel-wrapper.swiper-container::before {
  background-image: linear-gradient(
    -90deg,
    rgba(251, 251, 251, 0) 0%,
    rgb(251, 251, 251) 90%
  );
}

.elementor-image-carousel-wrapper.swiper-container::after {
  right: 0;
  background-image: linear-gradient(
    90deg,
    rgba(251, 251, 251, 0) 0%,
    rgb(251, 251, 251) 90%
  );
}

/* Algolia */