/*
 Description:  SoulDiscovery Holding Page Style Sheet
 Author:       Timothy Disney
 Author URI:   https://www.timothydisney.co.uk
 Version:      1.0
 Domain:       https://www.souldiscovery.co.uk
*/

/* ----------------------------- Style Sheet ----------------------------- */
/* INDEX:
- Global Formatting
-- Colour Schemes
-- Global Settings
-- Text Formatting
-- Image Formatting
- Body Formatting
- Footer Formatting
-- Social Icon Formatting
-- Donate Button Formatting
- Responsive Formatting
*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------- GLobal Formatting ---------------------------------------------------------- */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ----------------------------- Colour Schemes ----------------------------- */

:root {
    --white: #ffffff;
    --black: #000000;

    --sd_backdrop: #FAF7F2;
    --sd_grey-lt: #EBECEC;
    --sd_grey-md: #9D9E9E;
    --sd_grey-dk: #5B5B5B;
    --sd_blue-dk: #141D27;
    --sd_blue: #6E8394;
    --sd_blue-md: #2198AA;
    --sd_blue-lt: #69A8B8;
    --sd_orange: #ea9629;
    --sd_green: #899B23;
    --sd_red: firebrick;
    --sd_gold: #E9D012;
    --sd_buff: #c3c0ab;

    --sd_overlay-blue-dk: rgba(20, 29, 39, 0.75); /* 75% Dark Blue */
}

@property --sd_gold_shine {
    syntax: '<color>';
    initial-value: #E9D012;
    inherits: false;
}


/* ----------------------------- Global Settings ----------------------------- */

html {
    height: 100%;
    background-color: var(--sd_backdrop);
    scroll-behavior: smooth;
}

body {
    height: 100%;
    margin: 0px;
    font-size: medium;
    font-family: brown_lt, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    display: flex;
     flex-direction: column;
}

a {
    color: var(--sd_blue-lt);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}


/* ----------------------------- Text Formatting ----------------------------- */

@font-face {font-family: brown_rg; src: url(assets/fonts/BrownStd-Regular.ttf);}
@font-face {font-family: brown_lt; src: url(assets/fonts/BrownStd-Light.ttf);}

.text-lightBlue {color: var(--sd_blue-lt)}


/* ----------------------------- Image Formatting ----------------------------- */

img {border: 0px;}

.souldiscovery_logo {
    width: stretch;
    object-fit: contain;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------- Body Formatting ---------------------------------------------------------- */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.content {
    display: flex;
     justify-content: center;
     flex-grow: 1;
    overflow: auto;
}

.holdingGFX_desktop {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center left;
}

.holdingGFX_mobile {
    width: 100%;
    height: 100%;
    display: none;
    object-fit: cover;
    object-position: top left;
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------- Footer Formatting ---------------------------------------------------------- */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.footer {background-color: var(--sd_blue-dk);}

.footer-desktop {
    color: var(--white);
    padding: 20px 30px 30px 30px;
    display: grid;
     grid-template-columns: 1fr 2fr;
     justify-content: space-between;
     align-items: stretch;
     gap: 10px;
}

.footer-desktop-brand {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    display: flex;
     justify-content: flex-start;
     align-items: center;
}
.footer-desktop-brand .souldiscovery_logo {max-width: 300px;}

.footer-desktop-social {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.footer-desktop-legal {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    font-size: small;
    text-align: right;
    display: flex;
     justify-content: flex-end;
     align-items: baseline;
     gap: 10px;
}

.site-smallprint {}
.site-credit {}

/* ----------------------------- Social Icon Formatting ----------------------------- */

.social-icons > * {margin-block-start: 0rem;}
.social-icons {
    display: flex;
     justify-content: flex-end;
     align-items: flex-end;
}

.social_link {height: 22px;}

.social_bug {
    width: 22px;
    height: 22px;
    margin: 0px 5px 0px 0px;
    position: relative;
    bottom: 0px;
    transition: bottom 0.1s ease-out;
}

.social_bug:hover {bottom: 2px;}



/* ----------------------------- Donate Button Formatting ----------------------------- */

.button_dontate {
    width: fit-content;
    display: block;
    color: var(--sd_blue-dk);
    background-image: linear-gradient(170deg, var(--sd_gold), var(--sd_gold_shine), var(--sd_gold));
    padding: 0px 10px 1px 10px;
    margin: 0px 2px;
    border-radius: 5px;
    font-family: brown_rg, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: bold;
    text-decoration: none;
    transition: --sd_gold_shine 0.25s ease-out;
}
.button_dontate:hover {
    --sd_gold_shine: lemonchiffon;
    text-decoration: none;
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------- Responsive Formatting ---------------------------------------------------------- */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 800px) {
    .footer-desktop-brand .souldiscovery_logo {max-width: 220px;}

    .footer-desktop {padding: 12px 30px 12px 30px;}
}

@media screen and (max-width: 760px) {
    .holdingGFX_desktop {display: none;}
    .holdingGFX_mobile {display: block;}

    .footer-desktop {
        display: grid;
         grid-template-columns: auto;
         justify-content: center;
         align-items: stretch;
    }

    .footer-desktop-brand {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        display: flex;
         justify-content: center;
         align-items: center;
    }

    .footer-desktop-social {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .social-icons {
        display: flex;
         justify-content: center;
    }

    .footer-desktop-legal {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
        text-align: center;
        display: flex;
         flex-direction: column;
         align-items: center;
         gap: 2px;
    }
    .footer-desktop-legal .text-lightBlue {display: none;}
}