/*
 Theme Name:   Laman7 - Bricks Child Theme
 Theme URI:    https://laman7.com/
 Description:  Use this child theme to extend Bricks. Comes with AutoCSS 2.0
 Author:       Laman7
 Author URI:   https://laman7.com/
 Template:     bricks
 Version:      1.3
 Text Domain:  bricks
*/

/* AutoCSS 2.0 Dec 2024 Developed by Laman7 https://github.com/edwin-laman7/autoCSS */
/* Made by Laman7 */

html {font-size:100%}
:root {
    /* Colors */
    --primary: #FF9E18;
  --primary-off: #DF9023;
    --secondary: #FF6600;
  --secondary-off: #FAB282;
  --accent: #5B9BD5;
  --accent-off: #52799D;
  --body-color: #3C3F42;
    --body-off: #535353;
  --white: #FFFFFF;
  --base: #fff /*FFF5EE*/;
  --grey-light: #f2f2f2;
  --grey: #C0C0C1;
  --grey-mid: #86898E;
  --dark-blue: #0F103B;
   
    --grey-dark: #3C493C;
    --black: #101410;
  
    
    --highlight: #FFC514cc; /* default 44 */
    --highlight-dark: #FFC51490; /* default 77 */
    
    --hover-brightness: 1.3;
    --border-radius: 0.5rem;
    --btn-radius: 2rem;
    --btn-hover: "\00BB";
    --btn-outline-border: 2px;
    /* 
    \2192 for arrow
    \203A for single right chevron
    \00BB for double right chevron
    */
    
    /* Delete to use Bricks Default */
    --bricks-color-primary: var(--primary) !important; 
    --bricks-color-secondar: var(--secondary) !important;

    --xxxl: 7.5rem     ; /* changed 120px*/
    --xxl: 5rem        ; /* H1 80px */
    --xl: 3.375rem     ; /* H2 54px */
    --l: 2.25rem       ; /* H3 36px */
    --m: 1.5rem        ; /* H4 24px */
    --body: 1.125rem   ; /* 18px */
    --s: 1rem          ; /* 16px */
    --xs:0.667rem      ; /* changed 10px*/
    --lh-xxxl: 1.2em;
    --lh-h1: 1.1em;
    --lh-h2: 1.3em;
    --lh-heading: 1.3em;
    --lh-body: 1.5em;
    --lh-btn: 1em;
    --ls-heading:-0.025em;
    --ls-h1:-0.025em;
    --ls-h2:-0.025em;
    --col:7rem;
    --btn-on: 3rem; /*Turn button when a number exists*/
    
    --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl));
    --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl));
    --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl));
    --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l));
    --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m));
    --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s));
    --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs));
        
    --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body));
    --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem);

    --width-card: 26rem;
    --width-card-m: 40rem;
    --width-card-l: 54rem;
    --width-content: 1080px;

    /*BreakEvent Point*/
    --desktop: 1312px; /* Desktop */
    --tablet: 992px; /* Tablet */
    --landscape: 768px; /* Landscape */
    --mobile: 480px; /* Mobile */
}

/* Overide Bricks Default */
.brxe-section {
}
.brxe-container {
    width: 1312px;
    @media (max-width: 1312px) {
        padding: 0 var(--clamp-s);
    }
}

button.bricks-button {
    border-radius: var(--btn-radius);
    gap: calc(var(--clamp-s)*.75);
}

/* Your Styles Below this link */
.brxe-container {
    width: 1312px;
    @media (max-width: 1312px) {
        padding: 0 var(--clamp-s);
    }
}
.brxe-post-content {
	table {
		td, th, tr {padding:0.5rem;}
		white-space:unset; border:none;
		td {border: 1px solid var(--grey-light); vertical-align: top; }
	}
	table,td,th {border-collapse: collapse;}
	h2 {font-size:var(--clamp-l) !important}
	h3 {font-size:var(--clamp-m) !important}
	h2,h3 {margin:calc(2*var(--clamp-s)) 0 var(--clamp-s)}
}

/* For Blog SU plugin */
.wp-block-su-blogcard blockquote {padding:0; border:none}
.wp-block-su-blogcard blockquote figure.wp-blogcard-figure {margin:0; width:25%}

/* Blog Post Page Fix */
.brxe-post-content table {white-space:unset; border:none}

/*Herobg*/
.hero-bg {background: linear-gradient(90deg, #eff3ef 1px, transparent 0), linear-gradient(180deg, #eff3ef 1px, transparent 0); background-position: 50% calc(100% - 1px); background-size: 3rem 3rem; padding: 6rem 0; margin: 0 0 0; position: relative;} 
.hero-bg:before {background: linear-gradient(180deg, var(--base) 0%, rgba(255,255,255,0) 30%); content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} 
.hero-bg > * {z-index: 1;}
@media (max-width: 768px) { .img-text { height: 2rem; } }

/*Bricks fix */
.mce-container, .mce-container *, .mce-widget, .mce-widget * {color:black;
	input {background:white; border:1px solid grey}
}
#bricks-toolbar a {color:#ccc}
footer .footer-links {
  a {font-size: var(--clamp-s); color:var(--white) !important}
  ul.bricks-nav-menu {
  gap:16px;
  li.menu-item {margin:0; padding:0; border: none; 
    a{border:none !important; color: var(--white) !important}
  }}}

.shadow-1 {box-shadow: 0 0 1px 0 rgba(48, 49, 51, 0.05), 0 8px 16px 0 rgba(48, 49, 51, 0.10);}
.frm-fluent-form label {color: var(--grey-dark); font-size:16px}
.ff-btn-submit {border-color: var(--secondary); background-color: var(--primary)}

/*Event Tribe */
section.tribe-events-pg-template {padding: 7rem 20px 20px !important; min-width:50rem}
.tribe-block__venue {border:none !important}
.fluentform_wrapper_4 {margin-top:2rem}