﻿/* font awesome */
/* http://fontawesome.github.io/Font-Awesome/cheatsheet/ */
@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900');
/* V5 */
@import url('/asset/css/fontawesome.css');

:root {
	/* pale white : #F9F9F9 */
	--color1 : #F9F9F9;

	/* black charcoal : 313131 */
	--color2 : #313131;
	--color2_o5 : rgba(31,31,31,0.5);
    --color2_o2 : rgba(31,31,31,0.2);

	/* orange : EF652E */
	--color3 : #EF652E;
	--color3_o5 : rgba(239,101,46,0.5);

	/** Light Grey #D4D0C8*/
	--color4 : #666666;

	/* grey : #ECECEC */
	--color5 : #ECECEC;
	
	/* redish */
	--color6 : #d9534f;

	/** heights */
	--heightButton : 40px;
	--heightLine : 50px;
    --margin : 25px;
	--paddingParagraph : 10px;
    --paddingParagraphMedium : 20px;
	--heightButtonClearRow : 10px;
	--widthMaxPage : 1080px;
	--widthMinPage : 300px;
	--widthMinScreenResponsive : 768px;
	--borderRadius : 10px;

	/** font-size*/
	--fontSize : 14px;
    --fontSizeMedium : 16px;
	--fontSizeLarge : 22px;
    --fontSizeExtraLarge : 26px;
    --fontSizeHuge : 36px;
	--fontFamily : "Segoe UI","Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	--fontIconFamily : "Font Awesome 5 Pro";

	/** background-image */
	--imageBackground : url(../img/background/background_image.gif);
	--imageLoader : url('../img/website-loader.gif');
}

.background-transparent{
    background-color : transparent !important;
}

/* BACKGROUND COLOR */
.background-color1{
    background : var(--color1);
}

.background-color2{
    background : var(--color2);
}

.background-color3{
    background : var(--color3);
}

.background-color4{
    background : var(--color4);
}

.background-color5{
    background : var(--color5);
}

.background-color6{
    background : var(--color6);
}

/*** FONT COLOR */
.forecolor-color1{
    color : var(--color1);
}

.forecolor-color2{
    color : var(--color2);
}

.forecolor-color3{
    color : var(--color3);
}

.forecolor-color4{
    color : var(--color4);
}

.forecolor-color5{
    color : var(--color5);
}

.forecolor-color6{
    color : var(--color6);
}

/** PADDING */
.padding {
    padding: var(--paragraphPadding);
}

.padding-left {
    padding-left: var(--paragraphPadding);
}

.padding-right {
    padding-right: var(--paragraphPadding);
}

.padding-top {
    padding-top: var(--paragraphPadding);
}

.padding-bottom {
    padding-bottom: var(--paragraphPadding);
}

/** margin */
.margin {
    margin: var(--margin);
}

.margin-left {
    margin-left: var(--margin);
}

.margin-right {
    margin-right: var(--margin);
}

.margin-top {
    margin-top: var(--margin);
}

.margin-bottom {
    margin-bottom: var(--margin);
}

/** POSITION */
.position-top-left{
    position : relative;
    top : 0;
    left : 0;
}

.position-top-center{
    position : relative;
    top : 0;
    left : 0;
    margin : auto 0;
}

.position-top-right{
    position : relative;
    top : 0;
    right : 0;
}
