@charset "UTF-8";
/* custom porbierties */
:root { --theme:'BLUE';
	
/* colors and grayscale */

 --w: #fff;
 --g-ltesttt: #f4f4f4;
 --g-ltestt: #efefef;
 --g-ltest: #e4e4e4;
 --g-lterr: #ddd;
 --g-lteer: #d3d3d3;
 --g-lter: #ccc;
 --g-lte: #999;
 --g-lt: #808080;
 --g-l: #707070;
 --g: #555;
 --g-dk: #3c3c3c;
 --g-dker: #303030;
 --g-dk-t: rgba(60,60,60,1);
 --g-dker-t: rgba(48,48,48,1);
 
 --c-lter: #B3D5F7;
 --c-lte: #73CEFB;
 --c-lt: #1BC8FA;
 --c-l: #00B5F0;
 --c: #009acd;
 /*--c: #FEE06B;*/
 --c-dk: #008BBF;
 --c-dker: #0074B3;
 
 --c-lg: linear-gradient(to right,var(--c),var(--w)) 1 0 0 0;
 --c-lg-hover: linear-gradient(to right, rgba(0, 154, 205), rgba(0, 154, 205))1;
 

/* distances */
	
 --gap-smlest: .5rem;
 --gap-smlest-: calc(-1 * var(--gap-smlest));
 --gap-smler: 1rem;
 --gap-smler-: calc(-1 * var(--gap-smler));
 --gap-sml: var(--gap-smler);
 --gap-sml-: calc(-1 * var(--gap-sml));
 --gap: var(--gap-smler);
 --gap-: calc(-1 * var(--gap)); 
 
 --c-gap-smlest: var(--gap-smlest);
 --c-gap-smlest-: calc(-1 * var(--c-gap-smlest));
 --c-gap-smler: var(--gap-smler);
 --c-gap-smler-: calc(-1 * var(--c-gap-smler));
 --c-gap-sml: var(--c-gap-smler);
 --c-gap-sml-: calc(-1 * var(--c-gap-sml));
 --c-gap: var(--c-gap-smler);
 --c-gap-: calc(-1 * var(--c-gap));
 
 --c-gap-flter: -1rem;
 --c-gap-flt: -1.2rem;
 --c-gap-f: -1.4rem;
 
 --c-pad-flter: 1rem;
 --c-pad-flt: 1.2rem;
 --c-pad-f: 1.4rem;
 
 --pmb-smlestt: .1rem;
 --pmb-smlest: .5rem;
 --pmb-smlest-: calc(-1 * var(--pmb-smlest));
 --pmb-smler: 1rem;
 --pmb-smler-: calc(-1 * var(--pmb-smler));
 --pmb-sml: 1.2rem;
 --pmb-sml-: calc(-1 * var(--pmb-sml));
 --pmb: 1.4rem;
 --pmb-: calc(-1 * var(--pmb));
 --pmb-lger: 1.8rem;
 --pmb-lger-:calc(-1 * var(--pmb-lger));
 
 /* border radius */
 --br3: 3px;
 --br5: 5px;
 --br10: 10px;
 
 /* font sizes h1-6 etc */
 --h1: 3.8rem;
 --h1bb: 3.8rem;
 --h1bbm: -3px;
 --h2: 1.2rem;
 --h2m: 0;
 --h3: 1.2rem;
 --h4: 2.1rem;
 --h5: 1.2rem;
 --h6: 1rem;
 
 --tslide: 1.8rem;
 --tfade: 1.4rem;
 --tfadeAuthor: .9rem;
}
@media screen and (min-width:576px) {
:root {

/* distances */
 --gap-sml: 1.2rem;
 --gap-sml-: calc(-1 * var(--gap-sml));
 --gap: var(--gap-sml);
 --gap-: calc(-1 * var(--gap));
 
 --c-gap-sml: var(--gap-sml);
 --c-gap-sml-: calc(-1 * var(--c-gap-sml)); 
 --c-gap: var(--c-gap-sml);
 --c-gap-: calc(-1 * var(--c-gap));
}
}
@media screen and (min-width:768px) {
:root {
 
 /* distances */
 --gap: 1.4rem;
 --gap-: calc(-1 * var(--gap));
 
 --c-gap: var(--gap);
 --c-gap-: calc(-1 * var(--c-gap));
 
  /* font sizes h1-6 etc */ 
 --h1: 3.2rem;
 --h1bb: 7.5rem;
 --h1bbm: -7px;
 --h2: 1.4rem;
 --h2m: 1px;
 --h3: 1.4rem;
 --h4: 3.2rem;
 --h5: 1.4rem;
 --h6: .9rem; 
  
 --tslide: 3.2rem;
 --tfade: 1.6rem;
 --tfadeAuthor: 1rem;
}
}

@media screen and (min-width: 992px) {
:root {
 
  /* font sizes h1-6 etc */
 --h1: 4.2rem;
 --h1bb: 9rem;
 --h1bbm: -8px;
 --h2: 1.6rem;
 --h2m: 2px;
 --h3: 1.6rem;
 --h4: 4.2rem;
 --h5: 1.6rem;
 --h6: 1rem; 
  
 --tslide: 4.2rem;
 --tfade: 1.8rem;
 --tfadeAuthor: 1.1rem;
}	
}

/* border radius */

.br-3 {
	border-radius: var(--br3)
}
.br-5 {
	border-radius: var(--br5)
}
.br-10 {
	border-radius: var(--br10)
}