:root {
	/* BORDER */
	--border-radius: 3px;
	--border-width: 2px;
	--outline-width: 2px;


	/* WRAPPER / LOGO */
	--wrapper-size: 1700px;
	--wrapper-small-size: 1350px;
	--logo-ratio: 73 / 39;
			
    
	/* COLORS */
	--background-blanc: #FFFFFF;
	--background-color: #F8F5EB;
	--background-brown: #D6CBB8;
	--background-dark: #1C383D;
	--background-socket: #1C383D;
	
	--dark-title-color: #1E1E1E;
	--light-title-color: #FFFFFF;
	--dark-text-color: 28, 36, 66;
	--light-text-color: 252, 255, 255;
	
	--primary-color: #BEA073;
	--primary-hover-color: #AA8145;
	--primary-focus-color: #4da9d8;
	--primary-rgb: 77, 169, 216;
	
	--secondary-color: #D6CBB8;
	--secondary-hover-color: #4da9d8;
	--secondary-focus-color: #4da9d8;
	--secondary-rgb: 77, 169, 216;
      
    --tercary-color: #729092;
	--tercary-hover-color: #4da9d8;
	--tercary-focus-color: #4da9d8;
	--tercary-rgb: 77, 169, 216;

    --alert-danger-color: #DF2935;
    --alert-danger-rgb: 223, 41, 53;
    
    --alert-warning-color: #E8814A;
    --alert-warning-rgb: 232, 129, 74;
    
    --alert-success-color: #4FB477;  
    --alert-success-rgb: 79, 180, 119;
		
	
	/* FONTS */
	--font-title: 'Maven Pro', sans-serif;
	--font-text: 'recoletaregular';
	--letter-spacing: 0;
		
	
	/* FONT SIZES */
	--h1-font-size: 3.75rem;
	--h2-font-size: 1.563rem;
	--h3-font-size: 1.125rem;
	--h4-font-size: 1.875rem;
	--h5-font-size: 1.25rem;
	--text-font-size: .875rem;
	
	
	/* MARGES */
	--margin-h2: 1.875rem;
	--margin-h3: 2.5rem;
	--margin-h4: 1.25rem;	
	--margin-h2-blog: 1.25rem;
	--margin-h3-blog: .9375rem;
    --margin-section: 7.5rem;
	--margin-block: 4.875rem;
    --padding-section: 6.25rem;
	--padding-block: 50px;
		
	
	/* Archives */
	--items-by-row: 4;
	--items-margin: 30px;
}



.inodia-icons.arrow_left:before {
  content: "\64";
}

.inodia-icons.arrow_right:before {
  content: "\63";
}

.inodia-icons.arrow_up:before {
  content: "\62";
}

.inodia-icons.arrow_down:before {
  content: "\61";
}





/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */

@media screen and (max-width: 1800px) {

	:root{
		--wrapper-size: 85%;
	}
}



@media screen and (max-width: 1450px) {

	:root{
		--wrapper-small-size: 85%;
	}
}



@media screen and (min-width: 1251px) {
	
}



@media screen and (max-width: 1250px) {
	
	:root{
		--items-by-row: 3;
		--items-margin: 20px;
	}	
}



@media screen and (max-width: 1140px) {
	
}



@media screen and (max-width: 989px) {
	
	:root{
		--h2-font-size: 1.25rem;
		--items-by-row: 2;
        --margin-section: 6.25rem;
        --padding-section: 5rem;
	}	
}



@media screen and (max-width: 767px) {
	
	:root{
		--h2-font-size: 1.063rem;
	}	
}



@media screen and (max-width: 575px) {
	
	:root{	
		--h2-font-size: 0.875rem;
		--margin-h2: 2.5rem;
        --margin-h3: 1.875rem;
        --margin-section: 5rem;
        --padding-section: 3.75rem;
		--items-margin: 15px;
	}	
}



@media screen and (max-width: 480px) {
	
}



@media screen and (max-width: 375px) {
	
	:root{
		--h2-font-size: ;
		--h3-font-size: ;
		--h4-font-size: ;
	    --text-font-size: .875rem;
    	--margin-h2: 1.875rem;
		--items-by-row: 1;
	}
}



@media screen and (max-width: 300px) {
	
}