/**
 * Project style sheet.
 *
 * @package    vanilla
 * @subpackage css
 * @author     Loops <evrard at h2a dot lu>
 * @version    SVN: $Id: icons.css 67 2019-03-22 01:28:09Z lemale $
 */

/*** ICONS -------------------- ***/

/* icons 12 * 16 */
.icon-map { width: 12px; height: 16px; fill: #4A4A4A; position: relative; top: 3px; margin-right: 8px;}

/* icons 24 * 24 */
.icon-pictos { width: 24px; height: 24px; stroke: #ea516b; fill: #ea516b; margin: auto; margin-bottom: 5px; }


/* icons 32 * 32 */
.icon { width: 32px; height: 32px; stroke: #ea516b; fill: #ea516b; position: relative; bottom: -6px; margin-right: 8px; }
.icon-brochure {}
.icon-autre {}
.icon-chambre {}
.icon-energie {}
.icon-exterieur {}
.icon-garage {}
.icon-interieur {}
.icon-lots {}
.icon-parking {}
.icon-plan {}
.icon-surface {}

/* icons 56 * 56 slider arrows */
.icon-arrow { width: 56px; height: 56px; stroke: #FFFFFF; fill: #ea516b; }
.icon-arrow:hover { stroke: #000000; fill: #D8D8D8;}
.icon-arrow-left {}
.icon-arrow-right { transform: rotate(180deg); transform-origin: center center;}

/* icons 20 * 20 social */
.icon-social { width: 20px; height: 20px; stroke: none; fill: #FFFFFF;}
.icon-social:hover { fill: #ea516b;}

/* icons 20 * 20 tools property */
.icon-tools { width: 20px; height: 20px; stroke: #979797; fill: none;}
.icon-tools:hover { stroke: #ea516b;}