/* base files colour-primitives.css is imported to colour-semantic.css */
@import url("colour-semantic.css");
@import url("typography-primitives.css");
@import url("spaces-semantic.css");

/* Themes */

@import url("theme-white.css");
@import url("theme-grey.css");
@import url("theme-feel-good-green.css");
@import url("theme-graphene.css");

/* Components */
@import url("button-colour-on-dark.css");
@import url("button-colour-graphene.css");
@import url("button-colour-spark.css");
@import url("card-colour-dark.css");
@import url("card-colour-light.css");

/* Breakpoints */
@import url("breakpoint-mobile.css");
@import url("breakpoint-tablet.css");
@import url("breakpoint-desktop.css");

/* focus  and elevation*/
@import url("elevation.css");
@import url("focus-states.css");




/* utility classes */

.font-westcoast {
  font-family: var(--family-brand, "West Coast Headline");
}
.font-averta {
  font-family: var(--family-sans, "Averta");
}
.regular-italic {
  font-family: var(--weight-italic, "Regular Italic");
}
.weight-regular {
  font-weight: var(--weight-regular, 400);
}
.weight-bold {
  font-weight: var(--weight-bold, 700);
}
.weight-semibold {
  font-weight: var(--weight-semibold, 600); 
}

/* cards css */
.card{
border-radius: var(--cards-radius, 12px);
background: var(--background-default, #FFF);
box-shadow: 0 2px 4px 0 rgba(0, 70, 82, 0.08), 0 4px 8px 0 rgba(0, 70, 82, 0.05);
padding:0px !important;
}
    .card.for_card_padding {
        padding: var(--Cards-and-Containers-Inset-M, 24px) var(--Cards-and-Containers-Inset-L, 32px) !important;
    }
.card:hover {
  box-shadow: var(--elevation-raised, 0px 3px 12px 0px rgba(0, 70, 82, 0.05),0px 6px 20px 0px rgba(0, 70, 82, 0.05));
}
.card:active, .card:focus {
  box-shadow: var(--elevation-overlay, 0px 4px 12px 0px rgba(0, 70, 82, 0.08),0px 6px 20px 0px rgba(0, 70, 82, 0.08));
}
.card-transparent {
    border-radius: 0px;
    background:transparent;
    box-shadow: none;
}
.card-transparent-on-dark {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    --text-heading: var(--text-inverse);
    --text-body: var(--text-inverse);
    --text-accent: var(--text-accent-inverse);
    --icon: var(--text-inverse);
}
/*westcoast fonts css*/
/* ==========================
   West Coast Headline Font
   ========================== */

/* Bold */
@font-face {
    font-family: 'West Coast Headline';
    src: url('../fonts/WEST_COAST_HEADLINE_FONT/WOFF/WestCoastHeadline-Bold.woff2') format('woff2'), url('../fonts/WEST_COAST_HEADLINE_FONT/WOFF/WestCoastHeadline-Bold.woff') format('woff'), url('../fonts/WEST_COAST_HEADLINE_FONT/TTF/WestCoastHeadline-Bold.ttf') format('truetype'), url('../fonts/WEST_COAST_HEADLINE_FONT/OTF/WestCoastHeadline-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bold Tilted */
@font-face {
    font-family: 'West Coast Headline Tilted';
    src: url('../fonts/WEST_COAST_HEADLINE_FONT/WOFF/WestCoastHeadline-BoldTilted.woff2') format('woff2'), url('../fonts/WEST_COAST_HEADLINE_FONT/WOFF/WestCoastHeadline-BoldTilted.woff') format('woff'), url('../fonts/WEST_COAST_HEADLINE_FONT/TTF/WestCoastHeadline-BoldTilted.ttf') format('truetype'), url('../fonts/WEST_COAST_HEADLINE_FONT/OTF/WestCoastHeadline-BoldTilted.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}