/*
Theme Name: Accessible
Theme URI: https://Accessible.codepixelz.tech/
Author: Accessible
Author URI: https://Accessible.codepixelz.tech/
Description: The custom theme for Accessible
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accessible
*/

  
  :root {
	/* Sizes */
	--radius-xs: 2px;
	--radius-l: 0.625rem;
	--radius-xl: 0.75rem;
	--radius-xxl: 12.5rem;
	--radius-8: 0.5rem;
	--radius-16: 1rem;
	--radius-24: 1.5rem;
	--radius-20: 1.25rem;
	--radius-30: 1.875rem;
	--radius-40: 2.5rem;
	--radius-60: 3.75rem;
	--radius-100: 6.25rem;
	--radius-200: 12.5rem;
  
	--page-size: 1200px;
	--page-size-narrow: 700px;
	--page-size-wide: 1440px;
	--page-size-extra-narrow:520px;
	--narrow-medium: 770px;
	--narrow-large: 820px;
	--narrow-wide: 900px;
  
	/* Default Color Pallette */
	--c-primary: #41006e;
  
	--c-secondary: #1a1632;
	--c-tertiary: #ff9000;
	--c-text-light: #ffffff;
	--c-text-dark: #1a1632;
	--c-light-purple: #e1dcff;
	--c-dark-purple: #1f0d3c;
	--c-light-grey: #f3f3f3;
	--c-cream: #f6f1e8;
	--c-light-green: #9fb01e;
	--c-grey: #666666;
	--c-border-light: #66666640;
	--c-border-purple:#1f0d3c40;
	/* --c-dark-grey: #4F4F4F; */
  
	/* Font Families */
	--ff-urbanist: "Urbanist", sans-serif;
  
	/* FONT SIZES  */
	--d-fs-100: 6.25rem;
	--d-fs-90: 5.625rem;
	--d-fs-68: 4.25rem;
	--d-fs-60: 3.75rem;
	--d-fs-42: 2.625rem;
	--d-fs-30: 1.875rem;
	--d-fs-20: 1.25rem;
	--d-fs-18: 1.125rem;
	--d-fs-12: 12px;
	--d-fs-10: 10px;
  
	/* Spacings     */
	--d-space-100: 100px;
	--d-space-50: 50px;
	--d-space-60: 60px;
	--d-space-30: 30px;
	--d-gap-40: 40px;
	--d-gap-50: 50px;
	--d-gap-60: 60px;
  }
  
  * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
  }
  
  html,
  body {
	width: 100%;
   
  }
  html,body {
	/* scroll-behavior: smooth; */
	/* overflow-x: hidden; */
  }
  
  body {
	/* font-family: var(--ff-urbanist); */
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1;
	color: var(--c-grey);
	background-color: var(--c-light-grey);
  }
  
  section ul li {
	/* line-height: 150%; */
  }
  
  main {
	/* overflow-x: hidden; */
  }
  p {
	margin: 0;
	line-height: 150%;
	/* letter-spacing: -0.01em; */
  }
  
  p:empty {
	display: none;
  }
  
  figure {
	margin-bottom: 0;
	line-height: 0;
  }
  
  :where(figure) {
	margin: 0;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
	/* font-family: var(--ff-urbanist); */
	font-style: normal;
	font-weight: 300;
	font-optical-sizing: auto;
	line-height: 120%;
	margin: 0;
	/* color: var(--c-secondary); */
  }
  
  h1,
  .h1 {
	font-size: var(--d-fs-90);
  }
  
  h2,
  .h2 {
	font-size: var(--d-fs-68);
  }
  
  h3,
  .h3 {
	font-size: var(--d-fs-60);
  }
  
  h4,
  .h4 {
	font-size: var(--d-fs-42);
  }
  
  h5,
  .h5 {
	font-size: var(--d-fs-30);
  }
  
  h6,
  .h6 {
	font-size: var(--d-fs-20);
  }
  
  .color-white {
	color: var(--c-text-light);
  }
  
  /* SPACING STYLES */
  .d-mt-0{
	margin-top: 0;
  }
  .d-mb-0{
	margin-bottom: 0;
  }
  
  .d-pt-0{
	padding-top: 0;
  }
  .d-pb-0{
	padding-bottom: 0;
  }
  
  .d-mt-200 {
	margin-top: calc(var(--d-space-100) * 2);
  }
  
  .d-mb-200 {
	margin-bottom: calc(var(--d-space-100) * 2);
  }
  
  .d-mt-100 {
	margin-top: var(--d-space-100);
  }
  
  .d-mb-100 {
	margin-bottom: var(--d-space-100);
  }
  
  .d-mt-50 {
	margin-top: var(--d-space-50);
  }
  
  .d-mb-50 {
	margin-bottom: var(--d-space-50);
  }
  
  .d-mb-30 {
	margin-bottom: var(--d-space-30);
  }
  
  .d-mt-30 {
	margin-top: var(--d-space-30);
  }
  
  .d-pb-90{
	padding-bottom: calc((var(--d-space-100) - 10px));
  }
  .d-pb-90 {
	padding-bottom: calc((var(--d-space-100) - 10px));
  }
  
  .d-pb-100 {
	padding-bottom: var(--d-space-100);
  }
  
  .d-pt-100 {
	padding-top: var(--d-space-100);
  }
  .d-pt-150 {
	padding-top: calc(var(--d-space-100) + 50px);
  }
  .d-pt-200 {
	padding-top: calc(var(--d-space-100) * 2);
  }
  
  .d-pb-200{
	padding-bottom: calc(var(--d-space-100) * 2);
  }
  .d-space-120 {
	padding: calc(var(--d-space-60) * 2) 0;
  }
  
  .d-space-200 {
	padding: calc(var(--d-space-100) * 2) 0;
  }
  
  .d-gap-20 {
	gap: calc(var(--d-gap-60) / 3);
  }
  
  .d-gap-30 {
	gap: calc(var(--d-gap-60) / 2);
  }
  
  .d-gap-40 {
	gap: var(--d-gap-40);
  }
  
  .d-gap-50 {
	gap: var(--d-gap-50);
  }
  
  .d-gap-60 {
	gap: var(--d-gap-60);
  }
  
  .d-gap-100 {
	gap: calc(var(--d-gap-50) * 2);
  }
  
  .d-gap-120 {
	gap: calc(var(--d-gap-60) * 2);
  }
  
  .d-gap-180 {
	gap: calc(var(--d-gap-60) * 3);
  }
  
  .d-flex {
	display: flex;
	/* flex-direction: row; */
	/* align-items: center; */
	/* flex-wrap: wrap; */
  }
  
  .flex-wrap {
	flex-wrap: wrap;
  }
  
  .flex-direction-column {
	flex-direction: column;
  }
  
  .flex-direction-row {
	flex-direction: row;
  }
  
  .d-block {
	display: block;
  }
  
  .d-inline-block {
	display: inline-block;
  }
  
  .d-none {
	display: none;
  }
  
  .gap-60 {
	gap: 60px;
  }
  
  .justify-left {
	text-align: left;
	justify-content: left;
  }
  
  .text-capitalize {
	text-transform: capitalize;
  }
  
  .text-uppercase {
	text-transform: uppercase;
  }
  
  .text-lowercase {
	text-transform: lowercase;
  }
  
  .d-inline-flex {
	display: inline-flex;
  }
  
  .justify-center {
	text-align: center;
	justify-content: center;
  }
  
  .justify-right {
	text-align: right;
	justify-content: right;
  }
  
  .align-left {
	align-items: flex-start;
	align-content: flex-start;
	align-self: flex-start;
  }
  
  .align-center {
	align-items: center;
	align-content: center;
	align-self: center;
  }
  
  .align-right {
	align-items: flex-end;
	align-content: flex-end;
	align-self: flex-end;
  }
  
  .align-items{
	align-items: stretch;
  }
  .text-center {
	text-align: center;
  }
  
  .space-inbetween {
	justify-content: space-between;
  }
  .woocommerce-ordering{
    display:none;
  }