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

@mixin red-pointer-icon(){
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1.5rem;
	height:1.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ea5b0c;%7D.b%7Bfill:%23f7941d;%7D.c%7Bfill:%23e30613;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.53,0a4.42,4.42,0,0,0-3.2,1.39,4.94,4.94,0,0,0,0,6.74L10.72,18l3.2-3.37a4.38,4.38,0,0,1,6.4,0L7.73,1.39A4.44,4.44,0,0,0,4.53,0'/%3E%3Cpath class='b' d='M10.72,18,1.33,27.87a4.94,4.94,0,0,0,0,6.74,4.38,4.38,0,0,0,6.4,0L20.32,21.37a4.38,4.38,0,0,1-6.4,0Z'/%3E%3Cpath class='c' d='M17.12,13.24a4.42,4.42,0,0,0-3.2,1.39L10.72,18l3.2,3.37a4.38,4.38,0,0,0,6.4,0,4.93,4.93,0,0,0,0-6.74,4.42,4.42,0,0,0-3.2-1.39'/%3E%3C/svg%3E") no-repeat 0 50%;
}

@mixin green-pointer-icon(){
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1.5rem;
	height:1.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2397bd31;%7D.b%7Bfill:%233b93c8;%7D.c%7Bfill:%23102e60;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.53,0a4.42,4.42,0,0,0-3.2,1.39,4.94,4.94,0,0,0,0,6.74L10.72,18l3.2-3.37a4.38,4.38,0,0,1,6.4,0L7.73,1.39A4.44,4.44,0,0,0,4.53,0'/%3E%3Cpath class='b' d='M10.72,18,1.33,27.87a4.94,4.94,0,0,0,0,6.74,4.38,4.38,0,0,0,6.4,0L20.32,21.37a4.38,4.38,0,0,1-6.4,0Z'/%3E%3Cpath class='c' d='M17.12,13.24a4.42,4.42,0,0,0-3.2,1.39L10.72,18l3.2,3.37a4.38,4.38,0,0,0,6.4,0,4.93,4.93,0,0,0,0-6.74,4.42,4.42,0,0,0-3.2-1.39'/%3E%3C/svg%3E") no-repeat 0 50%;
}


body {overflow-x: hidden;}

.grid-container__wider{max-width: 95rem;}
 
h1,h2,h3,h4,h5{
	text-transform:uppercase;
	color:$secondary-color;
	strong{font-weight:400;}
}

h4{line-height:1.5rem;}

.button{font-weight:400;text-transform:uppercase;}

.button-group{
	
	background:none;
	&:hover{background:none;}
	.button{@include border-radius(0);}
	.button:first-child{
		@include border-radius($global-radius 0 0 $global-radius);
	}
	.button:last-child{
		@include border-radius(0 $global-radius $global-radius 0);
	}
	
	@include breakpoint(medium down){	
		.button{border-radius:$global-radius !important;margin:0.25rem;}
	}
	
}


hr{border-bottom:2px dotted rgba($medium-gray,0.25);}


.button-group{
	margin:1.5rem 0;
	
	@include breakpoint(medium up){
		margin-top:3rem;
	}
}


ul.chevron-list{
	margin-left:0;
}

ul.chevron-list li{padding-left:1.5rem;list-style:none;position:relative;}
ul.chevron-list li::before{@include red-pointer-icon();width:1rem;height:1rem;top:0.25rem;transform:none;}

.no-margin-top{margin-top:0;}
.no-margin-bottom{margin-bottom:0;}

.scroll-to-top{
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	padding-top:0.125rem;
	text-align: center;
	background-color: $white;
	color: $secondary-color;
	text-decoration: none;
	position: fixed;
	bottom: 2em;
	right: 2em;
	display: none;
	z-index: 200;
	outline: 0;
	box-shadow: 0 0 0.25em rgba($black, 0.25);
}

.text-primary{color:$primary-color;}