/*
Theme Name: Soul Discovery
Template: twentytwentyfive
Theme URI: https://www.souldiscovery.co.uk
Author: Timothy Disney
Author URI: https://www.timothydisney.co.uk
Description: Soul Discovery Child Theme - based on the TwentyTwentyFive Theme
Version: 1.0
Text Domain: souldiscovery
Tags: -
*/

/* ----------------------------- Style Sheet ----------------------------- */
/* INDEX:
- Global Formatting
-- Colour Schemes
-- Parent Theme Fixes
-- Jetpack Fixes
-- Text Formatting
-- Image Formatting
-- Social Icon Formatting
-- Button Formatting
*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------- Global Formatting ---------------------------------------------------------- */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

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

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

    --sd_backdrop: #FAF7F2;
    --sd_grey-bg: #F5F5F5;
    --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_blue-form: #3195f2;
    --sd_blue-form-hv: #58a7f1;
    --sd_orange: #ea9629;
    --sd_green: #899B23;
    --sd_red: firebrick;
    --sd_red-hv: rgb(202, 79, 79);
    --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;
}


/* ----------------------------- Parent Theme Fixes ----------------------------- */

html {
    background-color: var(--sd_backdrop);
    scroll-behavior: smooth;
}
body {font-size: medium;}

a {text-decoration: none;}
a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

main.wp-block-group, main .wp-block-group {
    height: stretch;
    margin-top: var(--wp--preset--spacing--20) !important;
    padding-top: var(--wp--preset--spacing--20) !important;
    margin-bottom: 0px !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
}
main.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: unset;}

.attachment-post-thumbnail, .size-post-thumbnail, .wp-post-image {object-position: top;}

:root :where(.is-layout-flow) > * {margin-block-start: 0px;}


/* ----------------------------- Jetpack Fixes ----------------------------- */

.page-id-3 .sharedaddy {display: none;}
.page-id-23 .sharedaddy {display: none;}


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

.logo_link {
    width: stretch;
    max-width: fit-content;
    object-fit: contain;
}

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


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


/* ----------------------------- 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: 1px 10px 0px 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;
}

.button_form {
    width: fit-content;
    display: block;
    color: var(--white);
    padding: 5px 10px 4px 10px;
    margin: 0px 2px;
    border-radius: 5px;
    border: 1px solid var(--sd-grey-md);
    font-family: brown_rg, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    text-decoration: none;
    cursor: pointer;
}