.elementor-kit-1289{--e-global-color-primary:#162D46;--e-global-color-secondary:#556677;--e-global-color-text:#556677;--e-global-color-accent:#F16B24;--e-global-color-2f8185a:#FBF9F6;--e-global-color-e16a7e6:#F6F3EE;--e-global-color-8e1f77d:#E9E5E0;--e-global-color-f695e5a:#D0CAC3;}.elementor-kit-1289 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
NOTES:
NORTH VALLEY MTB
min: 400px
max: 1280px
root font size: 100%
last updated: NOV 19, 2025
*/



.site-header, .page-header {display: none;/* hide text header*/}
.grecaptcha-badge {z-index: 99999;/*captcha above footer*/}

:root {
    /*padding for sections*/
	--pad-zero: 0;
	/*--pad-tb:  clamp(1.25rem, 11.364vw + -1.591rem, 7.5rem);*/
	--pad-tb-s:clamp(1.75rem, 0.852vw + 1.409rem, 2.5rem);
	--pad-tb:  clamp(1.75rem, 10.455vw + -0.864rem, 7.5rem);
    --pad-rl:  clamp(1.5rem, 6.364vw + -0.091rem, 5rem);
	
    /*padding for containers*/
	--pad-xs:  clamp(0.5rem, 0.455vw + 0.386rem, 0.75rem);
	--pad-s:   clamp(0.75rem, 0.455vw + 0.636rem, 1rem);
	--pad:     clamp(1.25rem, 0vw + 1.25rem, 1.25rem);
	--pad-m:   clamp(1.25rem, 0vw + 1.25rem, 1.25rem);
	--pad-l:   clamp(1.25rem, 2.273vw + 0.682rem, 2.5rem);
	--pad-xl:  clamp(1.25rem, 4.545vw + 0.114rem, 3.75rem);

    /*radius*/
	--rad-xs:  clamp(0.15rem, 0vw + 0.25rem, 0.15rem);
    --rad-s:   clamp(0.38rem, -0.236vw + 0.439rem, 0.25rem);
    --rad:     clamp(0.38rem, -0.236vw + 0.439rem, 0.25rem);
    --rad-m:   clamp(0.63rem, 0.218vw + 0.575rem, 0.75rem);
    --rad-l:   clamp(1rem, 0.455vw + 0.886rem, 1.25rem);

    /*box-shadow*/
	--shad-s:  0 0 15px 0 rgba(0, 0, 0, .15);
    --shad:    0 0 15px 0 rgba(0, 0, 0, .2);
    --shad-m:  0 0 15px 0 rgba(0, 0, 0, .2);
    --shad-l:  0 0 15px 0 rgba(0, 0, 0, .5);
    
    --shad-alt:    0 0 15px 0 #D6E03F;

  	/*elementor global colors*/
    --color-primary:   #162D46;
    --color-secondary: #556677;
    --color-text:      #556677;
    --color-accent:    #F4681E;

    /*brand colors*/
    --color-black:   #162D46;
    --color-d_blue:  #556677;
    --color-orange:  #F4681E;
    --color-ll_gray: #F6F3EE;
    --color-l_gray:  #E9E5E0;
    --color-gray:    #D0CAC3;
    
    --color-midnight:   #162D46;
    --color-ember:      #F4681E;
    --color-bone:       #E6E2DE;
    --color-chalk:      #FBF9F6;
    
    /*additional colors*/
	--color-l_gray: #F9F9F9;
    --color-gray_1: #F0F3F4;
    --color-gray_2: #E0E7E9;
    --color-gray_3: #C1D0D2;
    --color-gray_4: #A2B8BC;
    --color-gray_5: #64898F;
    --color-gray_6: #3C5256;
    --color-gray_7: #283739;
    --color-gray_8: #141B1D;
    --color-gray_9: #0A0E0E;	

    /*spacing*/
    --container-max-width: 1140px;
    --container-default-padding-top: 0;
    --container-default-padding-right: 0;
    --container-default-padding-bottom: 0;
    --container-default-padding-left: 0;
    --widgets-spacing: 1.25rem 1.25rem;
    --widgets-spacing-row: 1.25rem;
    --widgets-spacing-column: 1.25rem;
}/*close root*/

body {
    background: var(--color-ll_gray);
}

/*padding*/
.padd-tb {padding: var(--pad-tb);}
.padd-rl {padding: var(--pad-rl);}
.padd-xs {padding: var(--pad-xs);}
.padd-s  {padding: var(--pad-s);}
.padd    {padding: var(--pad-m);}
.padd-m  {padding: var(--pad-m);}
.padd-l  {padding: var(--pad-l);}
.padd-xl {padding: var(--pad-xl);}
.padd-zero {padding: var(--pad-zero);}

/*border-radius*/
.radi,
.radi.e-con::before {border-radius: var(--rad);}
.radi-t,
.radi-t img {
    border-radius: var(--rad) var(--rad) 0 0;
    }


/*box-shadow*/
.shad {box-shadow: var(--shad);}

/*containers*/
.sect 	    {padding: var(--pad-tb) var(--pad-rl);}
.sect-short {padding: var(--pad-tb-s) var(--pad-rl);}
.sect-full 	{padding: var(--pad-tb) 0;}
.sect.zero-t,
.sect-full.zero-t {padding-top: 0;}
.sect.zero-b,
.sect-full.zero-b {padding-bottom: 0;}
.cont 	 {padding: var(--pad);}
.grid-cont.e-grid .e-con,
.grid-cont.e-grid .e-con::before {
    --column-gap: 10px;
    --gap: 10px 10px;
    --row-gap: 10px;
    padding: var(--pad);
    }


#t-headr,
#headr,
#hero,
#title {
    padding: var(--pad-zero) var(--pad-rl);
    }
#mobil-menu {
    padding: var(--pad-tb) var(--pad-rl);
    }
#title-offset {
	/*with header offset*/
	padding-top: calc(var(--pad-tb) + 70px);
	}    
#footr,
#b-footr {
    padding: var(--pad-tb) var(--pad-rl);
    }

/*containers: header*/
#headr {
    transition: all 0.5s ease;
    width: 100% !important;
    }
#headr .elementor-nav-menu--main .elementor-item {
    color: #FFF;
    font-family: var(--header-font-family);
    font-size: clamp(0.9rem, 0.182vw + 0.855rem, 1rem);
    font-weight: 400;
    }
#headr.alt-hed .elementor-nav-menu--main .elementor-item {
    color: var(--color-d_blue);
    }    
#headr.elementor-sticky--effects {
    background: #FFFFFF;
    box-shadow:  0 0 10px 0 rgba(0, 0, 0, .07);
    width: 100% !important;
    }
#headr.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
    color: #0C1627;
    }
#headr.elementor-sticky--effects.e-con {
    min-height: 50px;
    height: 50px;
    }
#headr .menu-icon svg {
    fill: #FFF;
    height: 24px;
    line-height: 0;
    transition: all 0.5s ease;
    }
#headr.elementor-sticky--effects .menu-icon svg {
    fill: var(--color-d_blue);
    height: 22px;
    }
#headr.alt-hed .menu-icon svg {
    fill: var(--color-d_blue);
    }

.menu-icon,
#headr .menu-icon,
#mobil-menu .menu-icon {
    line-height: 0px !important; /* svg remove space */
    }
    
/*containers: footer*/
#footr .copyright {
    font-size: clamp(0.7rem, 0vw + 0.7rem, 0.7rem);
    font-weight: 500;
    text-transform: uppercase;
    }
#footr .below-copyright .elementor-icon-list-item  {
    font-size: clamp(0.7rem, 0vw + 0.7rem, 0.7rem);
    }
#footr .elementor-icon-list-item {
    font-size: clamp(0.8rem, 0vw + 0.8rem, 0.8rem);
    font-weight: 500;
    line-height: 1.5em;
    }
#footr .footr-hed {
    font-family: var(--header-font-family);
    font-size: clamp(0.9rem, 0.182vw + 0.855rem, 1rem);
    font-weight: 600;
    }

/*containers: mobile slide-out*/
#mobil-menu .elementor-nav-menu--main .elementor-item {
    color: #FFF;
    font-family: var(--header-font-family);
    font-size: clamp(1.25rem, 0.852vw + 0.909rem, 2rem);
    font-size: clamp(1.5rem, 1.0455rem + 1.8182vw, 2.5rem);
    font-weight: 400;
    line-height: 1em;
    }
#mobil-menu .copyright {
    font-size: clamp(0.7rem, 0.182vw + 0.655rem, 0.8rem);
    font-weight: 500;
    text-transform: uppercase;
    }
#mobil-menu .elementor-icon-list-item {
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-weight: 500;
    line-height: 1.5em;
    }


/*elements*/
.img-style.elementor-element img {
    }
.boxx {
    padding: var(--pad-m);
    box-shadow: var(--shad-m);
    }
.blok {
    padding: var(--pad-m);
    box-shadow: var(--shad-m);
	}
.elementor-icon {color: var(--color-white);}
.elementor-view-stacked .elementor-icon {
	background-color: var(--e-global-color-primary);
	color: var(--color-white);
	padding: .5em;
	fill: var(--color-white) ;
	}


/*typography*/
:root {
	font-size: 100% /*font-size:16px / font-size:1rem*/;

 	/*typography*/
	--header-font-family: "Oswald", Sans-serif;
    --header-font-weight: 500;
    --header-line-height: 1em;

	--subhead-font-family: "Oswald", Sans-serif;
    --subhead-line-height: 1em;
    
	--prehead-font-family: "Oswald", Sans-serif;
    --prehead-line-height: 1em;
	
	--text-font-family: "PT Sans", sans-serif;
    --text-font-size: clamp(1rem, 0.9545rem + 0.1818vw, 1.1rem);
    --text-font-weight: 400;
    --text-line-height: 1.5em;
	
	--button-font-family: "Oswald", Sans-serif;
    --button-font-weight: 500;
    --button-line-height: 1.5em;


	/*elementor global typography*/
	--e-global-typography-primary-font-family: var(--header-font-family);
    --e-global-typography-primary-font-weight: var(--header-font-weight);
    --e-global-typography-primary-line-height: var(--header-line-height);
	
	--e-global-typography-secondary-font-family: var(--subhead-font-family);
    --e-global-typography-secondary-font-weight: var(--subhead-font-weight);
    --e-global-typography-secondary-line-height: var(--subhead-line-height);

    --e-global-typography-text-font-family: var(--text-font-family);
    --e-global-typography-text-font-size: var(--text-font-size);
    --e-global-typography-text-font-weight: var(--text-font-weight);
    --e-global-typography-text-line-height: var(--text-line-height);
	
	--e-global-typography-accent-font-family: var(--subhead-font-family);
    --e-global-typography-accent-font-weight: var(--subhead-line-height);

    /*body*/
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(1rem, 0.9545rem + 0.1818vw, 1.1rem);
    font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
}/*close root typography*/

body {
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
    font-size: clamp(1rem, 0.182vw + 0.955rem, 1.1rem);
	}

h1, .size-xxl :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: "Oswald", Sans-serif;
    font-size: clamp(2.5rem, 2.727vw + 1.818rem, 4rem);
    font-weight: var(--header-font-weight);
    line-height: var(--header-line-height);
    letter-spacing: -.02em;
    text-transform: uppercase;
    }
h2, .size-xl :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(2rem, 1.3182rem + 2.7273vw, 3.5rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0em;
    }
h3, .size-l :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(1.5rem, 1.0455rem + 1.8182vw, 2.5rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0em;
    }
h4, .size-m :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(1.25rem, 0.852vw + 0.909rem, 2rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0em;
    }
.size-ml :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(1.375rem, 0.994vw + 0.977rem, 2.25rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0em;
    }
h5, .size-s :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(1rem, 0.455vw + 0.886rem, 1.25rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0;
    }
.size-sm :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-size: clamp(1.125rem, 0.568vw + 0.898rem, 1.625rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0;
    }
h6, .size-xs :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
    color: var(--e-global-color-primary);
    font-family: var(--text-font-family);
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-weight: 600;
    line-height: var(--header-line-height);
    letter-spacing: 0;
    }
.size-ml :is(p, .elementor-heading-title p) {
    font-family: var(--text-font-family);
    font-size: clamp(1.375rem, 0.994vw + 0.977rem, 2.25rem);
	font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    }
.size-m :is(p, .elementor-heading-title p) {
    font-family: var(--text-font-family);
    font-size: clamp(1.25rem, 0.852vw + 0.909rem, 2rem);
	font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    }
.size-sm :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    font-size: clamp(1.125rem, 0.568vw + 0.898rem, 1.625rem);
	font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    }
.size-s :is(p, .elementor-heading-title p) {
    font-family: var(--text-font-family);
    font-size: clamp(1rem, 0.455vw + 0.886rem, 1.25rem);
	font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    }
.size-xs :is(p, .elementor-heading-title p) {
    font-family: var(--text-font-family);
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    }
.labl :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    color: var(--e-global-color-secondary);
    font-family: var(--header-font-family);
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-weight: 500;
    line-height: 1em;
    letter-spacing: .2em;
    text-transform: uppercase;
    }
.prehed :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    font-family: var(--prehead-font-family);
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-weight: var(--prehead-font-weight);
    line-height: var(--prehead-line-height);
    text-transform: uppercase;
    letter-spacing: .2em;
    }
.subhed :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
    font-family: var(--text-font-family);
    font-size: clamp(1.25rem, 0.455vw + 1.136rem, 1.5rem);
    font-weight: 600;
    line-height: var(--subhead-line-height);
    }
.quote :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.elementor-testimonial-content {
	color: var(--color-accent);
    font-family: var(--text-font-family);
    font-size: clamp(1.25rem, 0.455vw + 1.136rem, 1.5rem);
    font-weight: 400;
    line-height: var(--subhead-line-height);
    font-style: italic;
    }
.elementor-testimonial-name {
	color: var(--color-accent);
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-weight: 700;
    font-style: italic;
    }
.elementor-testimonial-job {
	color: var(--color-accent);
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    font-style: italic;
    }


p, p.elementor-heading-title {
	color: var(--e-global-color-text);
	font-family: var(--text-font-family);
    font-size: clamp(1rem, 0.182vw + 0.955rem, 1.1rem);
	font-weight: var(--text-font-weight);
	line-height: var(--text-line-height);
	}
p:last-child {margin-bottom: 0;}
a {color: var(--e-global-color-primary);}


/*buttons*/
input[type="button"],
input[type="button"]:visited,
.elementor-button,
.elementor-button:visited,
.wp-element-button {
    background-color: var(--e-global-color-accent);
    border-radius: 0;
    color: var(--color-l_gray);
    fill: var(--color-l_gray);
    font-family: var(--button-font-family);
    font-size: clamp(1rem, 0.455vw + 0.886rem, 1.25rem);
    font-weight: 500;
    letter-spacing: clamp(0rem, 0.057vw + -0.023rem, 0.05rem);
    line-height: 1em;
    border-style: none;
    padding: .75rem 1.25rem;
    text-transform: uppercase;
    }
input[type="button"]:hover,
.elementor-button:hover,
.wp-element-button:hover {
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
    box-shadow: var(--shad);
    }
.elementor-button-content-wrapper {
    gap: .5em /*gives space to icon*/;}
.elementor-button-icon svg {
    width: 1.25em;
    }
.but-basic .elementor-button,
.but-basic .elementor-button:visited {
    background: none;
    color: var(--color-primary);
    fill: var(--color-primary);
    padding: 0 !important;
    }
.but-basic .elementor-button:hover {
    background: none;
    color: var(--color-secondary);
    fill: var(--color-secondary);
    box-shadow: none;
    }
.but-alt .elementor-button,
.but-alt .elementor-button:visited {
    background-color: var(--e-global-color-accent);
    font-size: clamp(0.9rem, 0.182vw + 0.855rem, 1rem);
    border: 3px solid var(--e-global-color-primary);
    padding: .75rem 1.25rem;
    text-transform: uppercase;
    }
.but-alt .elementor-button:hover {
    xbackground-color: var(--color-primary);
    xcolor: var(--color-accent);
    xfill: var(--color-white);
    xborder: 3px solid var(--e-global-color-primary);
    box-shadow: var(--shad);
    }
.size-s :is(.elementor-button),
.but-basic.size-s :is(.elementor-button) {
    font-size: clamp(0.7rem, 0.182vw + 0.655rem, 0.8rem);
    }	
.size-m :is(.elementor-button),
.but-basic.size-m :is(.elementor-button) {
    font-size: clamp(1.25rem, 0.455vw + 1.136rem, 1.5rem);
    }	
.size-l :is(.elementor-button),
.but-basic.size-l :is(.elementor-button) {
    font-size: clamp(1.5rem, 0.909vw + 1.273rem, 2rem);
    }


/*blog*/
.post-terms {
    display: block;
    height: 2rem;
    overflow: hidden;
    position: absolute;
    top: -50px;
    }

.post-terms :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) a {
    background: var(--color-black);
    color: var(--color-d_blue) !important;
    color: var(--color-white) !important;
    font-family: var(--header-font-family);
    font-size: clamp(0.7rem, 0.182vw + 0.655rem, 0.8rem) !important;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: .2em;
    display: inline-block;
    margin: 0 .01em 0;
    padding: .2em;
    text-transform: uppercase;
    }

.sect .elementor-widget-taxonomy-filter button {
    font-size: clamp(0.8rem, 0.182vw + 0.755rem, 0.9rem);
    margin: 0;
    padding: 0;
    }
.sect .elementor-widget-search .e-search .e-search-submit {
    color: var(--color-primary);
    }
.sect form.e-search-form {
    background: #FFF;
    border-radius: 0;
    margin: 0;
    }

.sect input.e-search-input {
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: .9rem !important;
    font-weight: 500 !important;
    height: 40px;
    line-height: 1 !important;
    margin: 0;
    min-height: 40px;
    padding: 0 10px !important;
    }
button.e-search-submit {
    background: var(--color-gray) !important;
    border-radius: 0;
    height: 40px;
    font-size: .9rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    min-height: 40px;
    padding: 0 5px 0 10px !important;
    }
.sect input,
.sect textarea {
    border: 3px solid var(--color-gray) !important;
    border-radius: 0;
    }



/*dark theme*/
.revrs,
.revrs .but-basic .elementor-button,
.revrs .elementor-heading-title,
.revrs :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-xs :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-s :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-sm :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-m :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-ml :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-l :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .size-xl :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .labl :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title),
.revrs .labl,
.revrs h2,
.revrs h3,
.revrs h4,
.revrs h5,
.revrs h6,
.revrs a,
.revrs p a {
    color: var(--color-ll_gray);
    fill: var(--color-ll_gray);
    }
.revrs .quote :is(h1, h2, h3, h4, h5, h6, p, .elementor-heading-title) {
	color: var(--color-accent);
    }
.revrs input[type="button"],
.revrs input[type="button"]:visited,
.revrs .elementor-button,
.revrs .elementor-button:visited {
    background-color: var(--e-global-color-accent);
    color: var(--color-ll_gray);
    fill: var(--color-ll_gray);
    }
.revrs input[type="button"]:hover,
.revrs .elementor-button:hover {
    background-color: var(--color-ll_gray);
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
    }
.revrs .but-basic .elementor-button,
.revrs .but-basic .elementor-button:visited {
    background: none;
    color: var(--color-ll_gray);
    fill: var(--color-ll_gray);
    }
.revrs .but-basic .elementor-button:hover {
    color: var(--color-accent);
    fill: var(--color-accent);
    }/* End custom CSS */