@mixin animate($duration:0.3s){
	transition: all $duration;
}

@mixin gradient(){
	
	background: rgb(232,46,123);
	background: linear-gradient(90deg, rgba(232,46,123,1) 0%, rgba(45,46,131,1) 100%);
	border-color: transparent;
}

@keyframes zoomImage{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.1);
	}
	100%{
		transform:scale(1);
	}
}

.no-js {
	.toggle-main-navigation{display:none;}
}


@mixin font-for-header($font-weight:500) {
	font-family: "museo-slab",sans-serif;
	font-style: normal;
	font-weight: $font-weight;
	
}

//.sticky-container{z-index:1000;}

.grid-container__image-full{max-width:80rem;}


$palette: (
	0: #E82E7B, /* pink */
	1: #2D2E83, /* purple */
	2: #1D71B8, /* dark blue */
	3: #5B9EC5, /* medium blue */
	4: #7BCAEF, /* light blue */
	5: #A80051, /* dark pink */
	6: #9a1f52,
);

@function get-color($key){
	
    @if map-has-key($palette, $key) {
      @return map-get($palette, $key);
    }
    @else {
      @error 'given $key is not available in $palette';
    }
		
}

html, body {
  height: 100%;
}
body{
  //display: flex;
  //flex-direction: column;
}
.main-container {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}


.loader{
	
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1000;
	background: $white;
}
.pagination{
	margin:1.5rem 0;
	.current{padding:0;}
	.current a{color:$white;}
}

.shadeout{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba($black,0.45);
	z-index:1;
	opacity:1;
}

/*
.page-section{
	
	.cell{
		opacity: 0;
		transition: opacity 250ms ease-out 0s,transform 250ms ease-out 0s;
		transform: translate3d(-3rem, 0px, 0px);
		backface-visibility: hidden;
		
	}
	
	.cell:nth-child(1){
		transform: translate3d(3rem, 0px, 0px);
		transition-delay: 200ms;
	}

	
	.cell.come-in{
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	
	.cell.already-visible {
		opacity:1;
		transition:none;
		transform: translate3d(0, 0, 0);
	}

	
}

@keyframes come-in {
  to { transform: translateX(0); }
}

*/