﻿/*///////////////////////////////////////////////////////////
  ____                 _           _               _   _
 / _  |  ___     ___  | |   __ _  (_)  _ __ ___   (_) | |_
| (_| | / _ \   / __| | |  / _` | | | | '_ ` _ \  | | | __|
 > _  | \__  | | (__  | | | (_| | | | | | | | | | | | | |_ 
/_/ |_| |___/   \___| |_|  \__,_| |_| |_| |_| |_| |_|  \__|
 
/ We turn a bad buy into a great experience  

///////////////////////////////////////////////////////////*/
/*
	Default template for styling personalized CSS
	CSS template by Reclaimit AB / www.reclaimit.com 
*/

/* VARIABLES */

:root {
	/* CUSTOMER COLOR PALETTE */
	--intense-red: #E3101B;
	--real-black: #000000;
	--pure-white: #FFFFFF;
	/* MAIN VARIABLES */
	--font-color: var(--real-black);
	--button-text-color: var(--pure-white);
	--button-bg-color: var(--intense-red);
	--button-text-color-hover: var(--pure-white);
	--button-bg-color-hover: var(--intense-red);
	/* FONTS */
	/*
	--font-regular: Antarctica, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-bold: Antarctica Semibold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	*/
	--font-regular: Aptos, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-bold: Aptos Semibold, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
@font-face {
	font-family: "Antarctica";
	src: url("fonts/antarctica/antarctica-regular.woff2")
}

@font-face {
	font-family: "Antarctica Semibold";
	src: url("fonts/antarctica/antarctica-semibold.woff2")
}
*/
@font-face {
	font-family: "Aptos";
	src: url("fonts/aptos/Aptos.ttf")
}

@font-face {
	font-family: "Aptos Semibold";
	src: url("fonts/aptos/Aptos-SemiBold.ttf")
}

/* --------------------------------------------- MAIN LOGO ---*/
#body:before {
	content: '';
	display: block;
	margin: 5px auto;
	width: 201px;
	height: 100px;
	background-image: url('logo-v1.png');
}

/* --------------------------------------------- ELEMENTS ---*/
body {
	font-family: var(--font-regular);
	color: var(--font-color);
}

h1, h2, h3, h4 {
	font-family: var(--font-bold);
}

h5, h6, h7, h8 {
	font-family: var(--font-regular);
	font-weight: bold;
}

/* --------------------------------------------- BUTTONS ---*/
.btn {
	background-color: var(--button-bg-color) !important;
	color: var(--button-text-color) !important;
	background-image: unset !important;
	border: 0px !important;
	border-radius: 0px !important;
}

	.btn:hover {
		background-color: var(--button-bg-color-hover) !important;
		color: var(--button-text-color-hover) !important;
		text-decoration:underline;
	}

	.btn:focus, .btn:focus-visible {
		background-color: var(--button-bg-color-hover) !important;
		color: var(--button-text-color-hover) !important;
		border: 0px !important;
		border-radius: 0px !important;
	}

/* --------------------------------------------- BUTTON_PREV ---*/
.button_prev {
	padding-left:14px !important;
	line-height:38px !important;
}

	.button_prev::before {
		transform: translateX(15px);
		content: "« ";
	}
/* --------------------------------------------- BUTTON_NEXT ---*/
.button_next, .button_next:focus, #ModalNext {
	line-height: 38px;
}

	.button_next::after {
		transform: translateX(15px);
		content: " »";
	}

/* --------------------------------------------- VALIDATION ---*/
.text-danger {
	/*color: #244B67;*/
}

.validation-summary-errors {
	/*background-color: #98C8EA;*/
}
