/**
 * Theme Name:     Unified Theme
 * Author:         Wired Media
 * Author URI:     https://wiredmedia.co.uk/
 * Template:       twentytwentyone
 * Text Domain:    unified-theme
 * Description:    Twenty Twenty-One child theme custom styles.
 */

 @font-face {
  font-family: 'EuclidFlex-Light';
  src: url('/wp-content/themes/unified-theme/assets/fonts/EuclidFlex-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* =========================
   Root & Base
   ========================= */
:root{
  --font-family-heading: "EuclidFlex-Light", "sans-serif";
  --font-family: "ibm-plex-sans", "sans-serif";
  --color--primary:#101010;
  --color--secondary:#CCA23C;
  --color--tertiary:#F5F5F5;
  --color--white:#FFF;
  --color--off-white:#F5F5F5;
  --color--blue:#055D8B;
  --color--off-black:#2b2d2f;
  --color--black:#252525;
  --color--dark-gray:#999299;
  --color--gray:#DDDDDD;
  --color--red:red;
  --color--section-heading:#252525;
  --color--section-paragraph:#043A57;

  --width--site-max:1440px;
  --width--header-max:1440px;
  --width--section-padded:720px;
  --width--section-max:1090px;

  --bp--grid-xsmall:380px; --bp--grid-small:420px; --bp--grid-small-1:510px;
  --bp--grid-medium:550px; --bp--grid-medium-1:570px; --bp--grid-medium-2:630px;
  --bp--grid-medium-3:690px; --bp--grid-large:750px; --bp--grid-larger:900px;
  --bp--grid-largest:1026px; --bp--grid-largest-1:1100px; --bp--grid-largest-2:1124px;
  --bp--grid-largest-3:1300px; --bp--grid-menu:1350px; --bp--grid-1380:1380px;
  --bp--grid-largest-4:1400px; --bp--grid-largester:1550px; --bp--grid-largester-1:1685px;
  --bp--grid-largester-2:1736px;
}

html{
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body{ overflow-x:hidden; background:#101010 !important; }

#wpadminbar{ position:fixed !important; z-index:9999999999 !important; }

main#main{ padding-top:0 !important; padding-bottom:0 !important; }

div#page{ max-width:var(--width--site-max); margin:0 auto; }

.pb-default{ padding-bottom:3rem !important; }

.woocommerce .content-area{ max-width:var(--width--site-max); padding:0 !important; }

/* =========================
   Generic Headings & Breadcrumbs
   ========================= */
.woocommerce-column__title,
.woocommerce-order-details__title,
.generic-page-title{
  max-width:var(--width--section-max);
  margin:0 auto;
  font-family:var(--font-family);
  font-weight:900;
  text-transform:uppercase;
  color:var(--color--black);
  font-size:32px; line-height:32px;
}

.generic-page-heading-content{
  max-width:var(--width--section-max);
  margin:0 auto;
  font-family:var(--font-family);
  color:var(--color--black);
  font-size:16px; line-height:24px;
}

.generic-pre-content-title{
  font-family:var(--font-family);
  font-weight:900;
  color:var(--color--black);
  font-size:24px; line-height:32px;
}

.generic-pre-content-strong{
  font-family:var(--font-family);
  font-weight:bold;
  color:var(--color--black);
  font-size:21px; line-height:29px;
  max-width:auto !important; margin-left:0 !important; margin-right:0 !important;
}

.breadcrumbs,.woocommerce-breadcrumb{
  font-family:var(--font-family) !important;
  font-weight:100; text-transform:none;
  font-size:13px !important; line-height:1.3 !important;
  color:var(--color--black) !important;
  max-width:var(--width--section-max); margin:0 auto;
  padding-top:1.5rem; padding-left:0; padding-right:0;
}
@media (min-width:56.25em){
  .breadcrumbs,.woocommerce-breadcrumb{ padding-top:3rem; font-size:15px !important; line-height:28px !important; }
}
@media (min-width:70.25em){
  .breadcrumbs,.woocommerce-breadcrumb{ padding-left:0; padding-right:0; }
}
.woocommerce-breadcrumb{ font-weight:normal !important; margin-bottom:0 !important; }

.breadcrumbs a,.woocommerce-breadcrumb a{
  color:var(--color--black) !important; text-decoration:none;
  font-family:var(--font-family) !important; font-size:13px !important; line-height:1.3 !important; font-weight:normal !important;
}
.breadcrumbs .spacer,.woocommerce-breadcrumb .spacer{ padding:0 2px; }

@media (min-width:56.25em){
  .breadcrumbs a,.woocommerce-breadcrumb a{ font-size:15px !important; line-height:28px !important; }
  .breadcrumbs a.active{ font-weight:bold !important; }
  .woocommerce-breadcrumb{ font-weight:600 !important; }
  .breadcrumbs .spacer,.woocommerce-breadcrumb .spacer{ padding:0 5px; }
}