/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



.bloc-1 > div:first-of-type:after,
.bloc-2 > div:first-of-type:after,
.bloc-3 > div:first-of-type:after,
.bloc-4 > div:first-of-type:after {
	font-family: 'FontAwesome';
	font-size: 40px; 
	color: #d4a000; 
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.bloc-1 > div:first-of-type:after,
.bloc-3 > div:first-of-type:after {
	content: "\f177";
	right: -80px; 
}
.bloc-2 > div:first-of-type:after,
.bloc-4 > div:first-of-type:after {
	content: "\f178";
	right: 10px;
}



@media only screen and (max-width: 1400px) {
	.bloc-1 > div:first-of-type:after,
	.bloc-2 > div:first-of-type:after,
	.bloc-3 > div:first-of-type:after,
	.bloc-4 > div:first-of-type:after {
		font-size: 30px; 
	}
	.bloc-1 > div:first-of-type:after,
	.bloc-3 > div:first-of-type:after {
		content: "\f177";
		right: -60px; 
	}
	.bloc-2 > div:first-of-type:after,
	.bloc-4 > div:first-of-type:after {
		content: "\f178";
		right: 10px;
	}	
}

@media only screen and (max-width: 1200px) {
	.bloc-1 > div:first-of-type:after,
	.bloc-2 > div:first-of-type:after,
	.bloc-3 > div:first-of-type:after,
	.bloc-4 > div:first-of-type:after {
		font-size: 20px; 
	}
	.bloc-1 > div:first-of-type:after,
	.bloc-3 > div:first-of-type:after {
		content: "\f177";
		right: -40px; 
	}
	.bloc-2 > div:first-of-type:after,
	.bloc-4 > div:first-of-type:after {
		content: "\f178";
		right: 0;
	}	
}

@media only screen and (max-width: 999px) {
	.bloc-1 > div:first-of-type:after,
	.bloc-2 > div:first-of-type:after,
	.bloc-3 > div:first-of-type:after,
	.bloc-4 > div:first-of-type:after {
		font-size: 20px; 
		top: calc(100% - 4px); 
		left: 50%; 
		transform: translateX(-50%);
	}
	.bloc-1 > div:first-of-type:after,
	.bloc-3 > div:first-of-type:after {
		content: "\f176";
		right: 0; 
	}
	.bloc-2 > div:first-of-type:after,
	.bloc-4 > div:first-of-type:after {
		content: "\f175";
		right: 0;
	}	
}