/*
Theme Name: BBGC-theme
Theme URI: https://example.com/BBGC-theme
Description: Child theme for Divi 5.
Author: Your Name
Author URI: https://example.com
Template: Divi
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bbgc-theme
Tags: full-site-editing, block-theme, child-theme
*/

/* Add your custom CSS below */

/* @import url("custom.css"); */

@import url("./assets/css/typography.css");
@import url("./assets/css/pop-up.css");


:root {
    --wp--preset--color--brand-green: #225320;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--contrast: #163615;
    --wp--style--global--content-size: 645px;
    --wp--style--global--wide-size: 1800px;

    --transition: all 0.3s ease-in-out;
}

/* ----------------------------------- */

/*  */
/* layout (overpower WP/Divi defaults) */

:root {
    --content-width: calc(100%);
    --content-max-width: calc(100vw - 4rem);
	--horizontal-gap: var(--row-gutter-horizontal);
    --vertical-gap: var(--row-gutter-vertical);
	--row-gutter-horizontal: 1rem;
    --row-gutter-vertical: 2rem;
}

/* wp editor */

.editor-styles-wrapper,
:where(body) :where(.editor-styles-wrapper) {
	padding-left: 5vw !important; 
	padding-right: 5vw !important;
}


/*  */
/* unit */
:root {
    --footer_height: 65px;
    --header_height: 80px;
}

#main-content {
    min-height: calc(100vh - var(--header_height) - var(--footer_height));
}

/*  */
/* colours */

:root {
    --sage: #A6B7AA;
    --sage-rgb: 166, 183, 170;
    --forest_green: #5E6F6C;
    --forest_green_rgb: 94, 111, 108;
    --green: #225320;
    --green-rgb: 34, 83, 32;
    --champagne: #F2E5D3;
    --champagne-rgb: 242, 229, 211;
    --lemon: #FDE9B0;
    --lemon-rgb: 253, 233, 176;
    --dusty_coral: #D3927C;
    --dusty_coral_rgb: 211, 146, 124;
    --terracotta: #B16B5E;
    --terracotta-rgb: 177, 107, 94;
    --dark_terracotta: #764035;
    --dark_terracotta-rgb: 118, 64, 53;
    --dark_terracotta_rich: #9C1A00;
    --dark_terracotta_rich-rgb: 156, 26, 0;
    --ghost_gum: #F1F0EF;
    --ghost_gum-rgb: 241, 240, 239;
    --woodland_grey: #737373;
    --woodland_grey-rgb: 115, 115, 115;
    --mono_gradient: linear-gradient(45deg, #121212 -0.04%, #2C2C2C 19.79%, #616161 76.23%, #A8A8A8 132.67%);
    --black: #000000;
    --black-rgb: 0, 0, 0;
    --white: #FFFFFF;
    --white-rgb: 255, 255, 255;
    --notblack: #121212;
    --notblack-rgb: 18, 18, 18;
    --mid_gray: #616161;
    --mid_gray-rgb: 97, 97, 97;
    --light_grey: #A8A8A8;
    --light_grey-rgb: 168, 168, 168;
    --notwhite: #f9f9f9;
}

/*  */
/* spacing */

:root {
    --padding-64: 4rem;
    --padding-48: 3rem;
    --padding-32: 2rem;
    --padding-24: 1.5rem;
    --padding-16: 1rem;
    --padding-8: 0.5rem;

    --margin-64: 4rem;
    --margin-48: 3rem;
    --margin-32: 2rem;
    --margin-24: 1.5rem;
    --margin-16: 1rem;
    --margin-8: 0.5rem;

    --spacing-64: 4rem;
    --spacing-48: 3rem;
    --spacing-32: 2rem;
    --spacing-24: 1.5rem;
    --spacing-16: 1rem;
    --spacing-8: 0.5rem;

    --gap-32: 2rem;
    --gap-24: 1.5rem;
    --gap-16: 1rem;
    --gap-8: 0.5rem;
}

/*  */
/* DIVI overrides */

.et_pb_text_inner p {
	max-width: 35ch;
}

/* change made with Claude Visual Editor */
/* Target the "Print-making workshops" paragraph - nested in card with two groups */
.card-white_bg > .et_pb_group > .et_pb_group > .et_pb_text > .et_pb_text_inner > p {
	color: rgba(255, 0, 0, 1) !important;
}

@media (max-width: 980px) {
    .et_fixed_nav #main-header {
        position: fixed !important;
    }
}

.preset--group--divi-column--divi-spacing--default,
.preset--group--divi-image--divi-spacing--default {
    margin-top: 0 !important;
}

.wp-singular {
	/* padding-bottom: 5vw; */
}

/* buttons */


.link_btn {
    margin-top: auto;
}

.et_pb_bg_layout_light.et_pb_button {
    text-decoration: underline;
    text-underline-offset: 1px;
    text-decoration-color: rgba(0, 0, 0, .00);
    transition: var(--transition);
}

.et_pb_bg_layout_light.et_pb_button:hover {
    background-color: rgba(0, 0, 0, .00);
    text-decoration-color: rgba(0, 0, 0, 1);
    text-decoration: underline;
    text-underline-offset: 4px;
}

body #page-container .et_pb_section .et_pb_button:after {
    transition: var(--transition);
}
body #page-container .et_pb_section .et_pb_button:hover:after {
    right: 0.9em;
}

.et_pb_button {
    font-family: var(--button-font-family);
    font-weight: 500 !important;
    transition: var(--transition);
}

.et_pb_button.white_btn:hover {
    background-color: rgba(255, 255, 255, .8) !important;
    color: var(--white);
    text-decoration: none;
}

.et_pb_button.white_btn:hover:after {
    all:unset
}

/*  */
/* MENU */

.current_page_item > a {
    color: var(--dark_terracotta) !important;
    font-weight: 600;
}

/* MAP */

#map {
    width: 100%;
    height: 100%;
    min-height: 400px;
    max-width: 800px;
}

/*  */
/* FOOTER */

footer > div {
    background-color: var(--forest_green) !important;
    color: var(--white);
}

footer .footer_details {
    display: flex;
    flex-direction: row;
    gap: var(--gap-16);
    font-size: 12px;
}
@media screen and (max-width:1080px) {
    footer .footer_details {
        flex-direction: column;
        gap: 0;
    }
    footer .footer_details span {
        display: none;
    }
}

footer a {
    color: var(--white) !important;
    text-decoration: none;
    transition: var(--transition);
}
footer a:hover {
    text-decoration: underline;
}

/* social */

.et_pb_social_media_follow_network.et_pb_social_icon.et_pb_social_network_link a.icon {
    background-color: transparent !important;
    transition: var(--transition);
}
.et_pb_social_media_follow_network.et_pb_social_icon.et_pb_social_network_link a.icon:hover {
    background-color: rgba(var(--white-rgb), 0.2) !important;
    color: var(--white) !important;
    text-decoration: none;
}

/* CARD INTERACTIONS */

.card-white_bg {
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.0);
    transform: translateY(0px);
    transition: var(--transition);
}
.card-white_bg:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transform: translateY(-5px);
    transition: var(--transition);
}

.card .et_pb_image {
    overflow: hidden;
}

.card img {
    transition: var(--transition);
    transform: scale(1);
    transform-origin: center center;
}

.card:hover img {
    transform: scale(1.025);
}   

.card-no_bg .et_pb_image {
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.0);
    transform: translateY(0px);
    transition: var(--transition);
}

.card-no_bg:hover .et_pb_image{
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transform: translateY(-5px);
    transition: var(--transition);
}