// Sizes
$header-height: 5rem;
$footer-height: 6rem;
$border-radius: 3px;

// Font Weights
$font-weight-bold: 600;
$font-weight-regular: 400;
$font-weight-light:300;

// Global Paddings
$padding-horiz: 7rem;
$padding-vert: 3rem;

// $header-width: calc(100vw/8);
$header-width:20rem;
$column-width: calc(100vw/2.5);
$column-width2: calc((100%/2.4) * 4);


$imgpath:("../images/point.svg");
$imgpath-b:("../images/point_b.svg");
$imgpath2:("../images/fleche.svg");
$imgpath3:("../images/trait.svg");

@mixin background-nav($imgpath-b,$position:0 0,$repeat: no-repeat,$size:5px 5px, $content:" ") {
    background: {
        image: url($imgpath-b);
        position: $position;
        repeat: $repeat;
				size: $size;
    }
}

@mixin background-nav-content-b{
	display: inline-block;
	content: " ";
	width: 5px;
	height: 5px;
	margin:0 5px 1px 0px;
}


@mixin background-nav-b($imgpath,$position:0 0,$repeat: no-repeat,$size:3.5px 3.5px, $content:" ") {
    background: {
        image: url($imgpath);
        position: $position;
        repeat: $repeat;
				size: $size;
    }
}

@mixin background-nav-content{
	display: inline-block;
	content: " ";
	width: 3.5px;
	height: 3.5px;
	margin:0 5px 1px 0px;
}

@mixin background-link($imgpath2,$position:0 0,$repeat: no-repeat,$size:12px 5px, $content:" ") {
    background: {
        image: url($imgpath2);
        position: $position;
        repeat: $repeat;
				size: $size;
    }
		display: inline-block;
		width: 12px;
		height: 5px;
		margin:0 0px 1px 5px;
}

@mixin background-nav-content-s{
	display: block;
	content: " ";
	width: 5px;
	height: 5px;
	margin: -2.5px 0px 0px -2.5px;
}

@mixin background-nav-sm($imgpath3,$position:0 0,$repeat: no-repeat,$size:1px 10px, $content:" ") {
    background: {
        image: url($imgpath3);
        position: $position;
        repeat: $repeat;
				size: $size;
    }
		display:block;
		width: 1px;
		height: 10px;
    margin-left: 37px;
    margin-top: -5px;
    content: " ";
}


//
// @mixin background-nav-content-sm{
// 	display: block;
// 	width: 1px;
// 	height: 10px;
// }
