/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.arrow {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 8px;
	margin-left: 0px;
	background: #6a8b9a;
	background: -moz-linear-gradient(90deg,#225872,#225872,#6a8b9a,#6a8b9a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #6a8b9a), color-stop(0.50, #6a8b9a), color-stop(0.51, #225872), color-stop(1.00, #225872));
	background-repeat: no-repeat;
}
arrow span {
	position: absolute;
	width: 8px;
	height: 9px;
	background: #d4c7ab;
	/*rotation des masques pour créer l'effet de flèche*/
	transform: rotate(45deg);
}
/*réglage au cas par cas*/
.arrow .mask1 { top: 1px; left: -5px; }
.arrow .mask2 { top: -5px; right: -4px; background: #d7caaf; }
.arrow .mask3 { right: -4px; bottom: -5px; height: 10px; background: #d3c7a9; }

/*petit réglage de hauteur pour le lien*/
.ex3 a { height: 30px; line-height: 25px; }
/*style de l'animation*/
.arrow {
	transition: all 0.7s;
}
.ex3 a:hover .arrow,
.ex3 a:focus .arrow {
	transform: rotate(360deg);
}
/*vachement compliqué, j'avoue...*/