@charset "UTF-8";

@font-face {
	font-family: 'SeasonSans';
	font-style: normal;
	font-weight: 500;
	src: url('/templates/bargate/fonts/SeasonSans-Medium.woff2') format('woff2'),
        url('/templates/bargate/fonts/SeasonSans-Medium.woff') format('woff');
}

@font-face {
	font-family: 'SeasonSans';
	font-style: normal;
	font-weight: 700;
	src: url('/templates/bargate/fonts/SeasonSans-Bold.woff2') format('woff2'),
        url('/templates/bargate/fonts/SeasonSans-Bold.woff') format('woff');
}

@font-face {
	font-family: 'SeasonMix';
	font-style: normal;
	font-weight: 500;
	src: url('/templates/bargate/fonts/SeasonMix-Medium.woff2') format('woff2'),
        url('/templates/bargate/fonts/SeasonMix-Medium.woff') format('woff');
}

@font-face {
	font-family: 'SeasonMix';
	font-style: normal;
	font-weight: 600;
	src: url('/templates/bargate/fonts/SeasonMix-SemiBold.woff2') format('woff2'),
        url('/templates/bargate/fonts/SeasonMix-SemiBold.woff') format('woff');
}

:root{
	/*	sizing */
    --ss:100/393;
	--rem:16;
	
/*	colours */
    --white:#FFFFFF;
	--black:#000000;
	--dgreen:#30403B;
	--green:#D8D7B3;
	--stone:#C2AA86;
	--orange:#EB7646;
	--yellow:#F8D66C;
	--cream:#F3ECE4;
    --lcream:#F8F4F0;
    --lcream90:rgba(248, 244, 240, 0.9);
    --ltan:#cebb9e;
    --tan80:rgba(194, 170, 134, 0.80);
    --lgreen:#ebe7d9;
    --green80:rgba(216, 207, 179, 0.50);
    

/*	font-families */
	--ff:"SeasonSans", sans-serif;
    --hff:"SeasonMix", serif;
	
	--h1:normal 500 calc(var(--ss)*30vw) / 1.1em var(--hff);
    --h2:normal 500 calc(var(--ss)*30vw) / 1.1em var(--hff);
    --h3:normal 500 calc(var(--ss)*24vw) / 1.3em var(--hff);
    --h4:normal 500 calc(var(--ss)*18vw) / normal var(--hff);
    
    --nav:normal 600 calc(var(--ss)*18vw) / 1.3em var(--hff);
    --nav2:normal 700 calc(var(--ss)*12vw) / 1.3em var(--ff);
    
    --btn:normal 700 calc(var(--ss)*12vw) / 1.3em var(--ff);
    
    --p1:normal 500 calc(var(--ss)*18vw) / 1.3em var(--ff);
    --ps:normal 500 calc(var(--ss)*16vw) / 1.3em var(--ff);
    --pxs:normal 500 calc(var(--ss)*13vw) / 1.3em var(--ff);
    
    --ls05:0.05em;
    
    --hpad:calc(var(--ss)*30vw);
    --hpadl:calc(var(--ss)*72vw);
    --vpad:calc(var(--ss)*100vw);
    --vpads:calc(var(--ss)*60vw);
    --xpad:calc(var(--ss)*42vw);
    
    --border-stone:1px solid var(--stone);
    --border-lcream:1px solid var(--lcream);
    --border-dgreen:1px solid var(--dgreen);
    
    --bounce-right: 2s bounceright 2.5s infinite;
	--bounce-left: 2s bounceleft 2.5s infinite;
	--bounce-down: 2s bouncedown 2.5s infinite;
}

/* DESKTOP */
@media(min-width:769px){
    :root{
		/*	sizing */
    	--ss:100/1440;

        --h1:normal 500 calc(var(--ss)*40vw) / 1.1em var(--hff);
        --h2:normal 500 calc(var(--ss)*40vw) / 1.1em var(--hff);
        
        
        --nav:var(--btn);
        
        --hpad:calc(var(--ss)*177vw);
        --hpads:calc(var(--ss)*100vw);
        --hpadl:calc(var(--ss)*256vw);
        --xpad:0px;

    }
}

/* XL DESKTOP */
@media(min-width:1441px){
	:root{
        --h1:normal 500 calc(40/16*1rem) / 1.1em var(--hff);
        --h2:normal 500 calc(40/16*1rem) / 1.1em var(--hff);
        --h3:normal 500 calc(24/16*1rem) / 1.3em var(--hff);
        --h4:normal 500 calc(18/16*1rem) / normal var(--hff);
        
        
        --p1:normal 500 calc(18/16*1rem) / 1.3em var(--ff);
        --ps:normal 500 calc(16/16*1rem) / 1.3em var(--ff);
        --pxs:normal 500 calc(16/16*1rem) / 1.3em var(--ff);
        
        --btn:normal 700 calc(12/16*1rem) / 1.3em var(--ff);
        --nav:var(--btn);
        
        
        --border-stone:1px solid var(--stone);
        --border-dgreen:1px solid var(--dgreen);
        
        --hpad:calc(177/16*1rem);
        --hpads:calc(100/16*1rem);
        --hpadl:calc(256/16*1rem);
        --vpad:calc(100/16*1rem);
        --vpads:calc(60/16*1rem);
        --xl-pad:calc(44/16*1rem);
        --fw:calc(calc(1212/16*1rem) + calc(100% - calc(1212/16*1rem)) / 2);
        --fw:100%;
    }
}