/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
    /* Brand Guide Colours */
    --colour1: #EDCC99;
    --colour2: #F7E8D2;
    --colour3: #BC936F;
    --colour4: #724E30;
    --colour5: #7A6F6A;
    --colour6: #57ACA3;
    --colour7: #DBE7D4;
    --colour8: #005776;
    --colour9: #B505E9;
    --off-black: #121212;

    /* Primary and accent colours for the website, based on the brand guide */
    /* --primary-colour: var(); */
    /* --accent-colour-1: var() */
    /* --accent-colour-2: var() */
    --font-colour: var(--off-black);
    --heading-colour: var(--colour6);
}

/* Base element styling */
ul, ol {
    margin-bottom: 20px;
}

/* Custom northern lights gradient and related styling */
/* .northern-lights-gradient {
  background-image: linear-gradient(
    45deg,
    hsl(174deg 34% 51%) 0%,
    hsl(172deg 32% 55%) 9%,
    hsl(170deg 31% 59%) 16%,
    hsl(167deg 29% 63%) 22%,
    hsl(164deg 28% 66%) 27%,
    hsl(161deg 27% 70%) 31%,
    hsl(156deg 26% 73%) 35%,
    hsl(151deg 26% 75%) 38%,
    hsl(145deg 25% 78%) 42%,
    hsl(136deg 24% 81%) 44%,
    hsl(125deg 23% 83%) 47%,
    hsl(111deg 24% 85%) 50%,
    hsl(98deg 28% 87%) 52%,
    hsl(102deg 10% 85%) 55%,
    hsl(268deg 6% 84%) 57%,
    hsl(275deg 19% 82%) 60%,
    hsl(276deg 30% 80%) 63%,
    hsl(277deg 40% 78%) 66%,
    hsl(278deg 48% 76%) 69%,
    hsl(279deg 55% 73%) 73%,
    hsl(279deg 62% 71%) 77%,
    hsl(280deg 67% 67%) 82%,
    hsl(281deg 73% 64%) 87%,
    hsl(283deg 78% 58%) 93%,
    hsl(286deg 96% 47%) 100%
  );
} */

/* Home hero section styling */
.hero-title-span-1 {
    grid-column: 2/-1;

    @media (width < 360px) {
        grid-column: 1/-1;
    }
}

.hero-title-span-2 {
    grid-column: 1/8;
    grid-row: 2;
    text-align: right;

    @media (width < 360px) {
        grid-column: 1/-1;
        text-align: left;
    }
}

/* Image masking styles */
.image-mask-ice-left {
    mask-image: url('https://ankekulu.dyndns.org/wp-content/uploads/2026/01/ice-sheet-01b.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

.image-mask-ice-right {
    mask-image: url('https://ankekulu.dyndns.org/wp-content/uploads/2026/01/ice-sheet-02b.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

.image-mask-treeline-1 {
    mask-image: url('https://ankekulu.dyndns.org/wp-content/uploads/2026/01/treeline-02.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom;
}

.image-mask-treeline-2 {
    mask-image: url('https://ankekulu.dyndns.org/wp-content/uploads/2026/01/treeline-01.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom;
}

.image-mask-treeline-top-1 {
    mask-image: url('https://ankekulu.dyndns.org/wp-content/uploads/2026/01/treeline_top-01.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: top;
}

.image-mask-treeline-top-2 {
    mask-image: url('https://ankekulu.dyndns.org/wp-content/uploads/2026/01/treeline_top-02.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: top;
}