/*
 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 */
html {
	scroll-behavior: smooth;
}

a {
    transition: all 0.3 ease-in-out;
}

ul:last-child, ol:last-child {
    margin-bottom: 20px;
	margin-left: 2em;
}

/* ************************************************** */

/* Button styling */
/* Gradient hover effect for buttons */
.aurora-gradient-effect {
    background: linear-gradient(90deg, var(--c1, #3D7F7F), var(--c2, #B505E9) 51%, var(--c1, #3D7F7F)) var(--x, 0)/ 200%;
}

.aurora-gradient-effect:hover,
.aurora-gradient-effect:focus-visible {
    --x: 100%;
}

/* Define the colours for the button gradient */
.aurora-gradient-colours {
    --c1: var(--colour6);
    --c2: var(--colour9);
}

/* ************************************************** */

/* 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;
    }
}

/* 100svh height on the hero section to avoid the resizing of the hero section on mobile when toolbars disappear */
.hero-section-home {
    height: 100vh;  
    height: 100svh;

    @media (max-height: 875px) {
        height: 100%;
    }
}

/* ************************************************** */

/* 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;
}

/* ************************************************** */

/* Form styling */

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--colour3) !important;
}

#gform_submit_button_1:hover,
#gform_submit_button_1:focus-visible {
	background-color: var(--colour9) !important;
}