/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* colours */
:root {
    --page: #ffffff;
    --text: #000000;
    --text_fade: rgba(0, 0, 0, 0.2);
    --panel_1: #E8F0F5;
    --formula_blue-light: #3B30BF;
    --formula_blue-light-40: rgba(59, 48, 191, 0.4);
    --formula_blue-dark: #3B30BF;
    --formula_blue_tint: rgba(59, 48, 191, 0.1);
    --formula_cyan-dark: #ADFFFC;
    --formula_cyan_tint: rgba(173, 255, 252, 0.4);
    --formula_green_dark: #60bd19;
	--bricks-text-success: #60bd19 !important;
    --formula-green_tint: rgba(150, 245, 79, 0.1);
	--bricks-bg-success: rgba(150, 245, 79, 0.1) !important;
    --formula_magenta: #F50F66;
    --formula_magenta_tint: rgba(245, 15, 102, 0.1);
    --formula_violet_tint: rgba(41, 23, 69, 0.1);
    --nav_links_mobile: rgba(59, 48, 191, 0.4);
    
}
@media only screen and (max-width: 1024px) {
    :root {
        --nav_links_mobile: rgba(211, 207, 255, 0.4);
    }
}

/* Dark theme */
    @media (prefers-color-scheme: dark) {
        :root {
        --page: #141414;
        --text: #ffffff;
        --text_fade: rgb(255, 255, 255, 0.6);
        --panel_1: #1E1E1E;
        --formula_blue-light: #D3CFFF;
        --formula_blue-light-40: rgba(211, 207, 255, 0.4);
        --formula_blue-dark: #5E51FF;
        --formula_blue_tint: rgba(59, 48, 191, 0.4);
        --formula_cyan-dark: #036B68;
        --formula_cyan_tint: rgba(173, 255, 252, 0.3);
        --formula_green_dark: #96F54F;
		--bricks-text-success: #96F54F !important;
        --formula-green_tint: rgba(150, 245, 79, 0.2);
		--bricks-bg-success: rgba(150, 245, 79, 0.2) !important;
        --formula_magenta_tint: rgba(245, 15, 102, 0.2);
        --formula_violet_tint: rgba(41, 23, 69, 0.9);
        --nav_links_mobile: rgba(211, 207, 255, 0.4);
    }
}

/* layout */
body,html {
    min-height: 100vh;
    overflow-x: hidden;
}
.dark_mode_hide {
    display: inherit !important;
}
.dark_mode_show {
    display: none !important;
}
@media (prefers-color-scheme: dark) {
    .dark_mode_hide {
        display: none !important
    }
    .dark_mode_show {
        display: inherit !important;
    }
}
/* hover over main blog image */
#main-blog-container:hover :is(#blog-main, #blog-main-text) {
    opacity: 0.5 !important;
  }
  
#main-blog-container:hover h4 {
    text-decoration: underline !important;
}
/* Privacy policy form styling */
.privacy_statement {
	font-weight: 500;
}
.privacy_statement a {
	text-decoration: underline !important;
}
/* dark mode logos */

#logos-dark {
  	display: inherit !important;
}
#logos-light {
  	display: none !important;
}

@media (prefers-color-scheme: dark) {
	#logos-dark {
  	display: none !important;
  }
	#logos-light {
  	display: inherit !important;
  }
}




/* animations */
/* hide stacked logo on scroll */
#stacked-logo  {
    transition: transform 0.5s ease-in-out;
}
.hide-logo {
    transform: translateY(-100%);
}
#stacked-logo[stacked-logo-target="hide"] {
  display: none !important;
}


/* fonts */
blockquote {
	font-family: "Open Sans" , helvetica, sans-serif;
	font-style: italic;
	font-size: 1em;
}