/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

primary color #E63946
secondary color #457B9D
secondary light color #A8DADC
secondary dark color #1D3557
light color #F1FAEE

*/
:root {
	--color-primary: #e63946;
	--color-secondary: #1d3557;
	--color-secondary-light: #457b9d;
	--color-blue-light: #a8dadc;
	--color-light: #f1faee;
}

html, body {
  font-size: 16px;
}

p {
  font-size: 16px;
}

.color-primary {
	color: var(--color-primary) !important;
}

.color-secondary {
	color: var(--color-secondary) !important;
}

.color-secondary-dark {
	color: var(--color-secondary-dark) !important;
}

.color-secondary-light {
	color: var(--color-secondary-light) !important;
}

.section-small {
	padding: 40px 0;
}

/* Header */
#topbar {
	border-bottom: 1px solid #f1faee;
}

#topbar .top-menu li a {
	font-size: 14px;
}

#header.header-mini .header-inner #mainMenu > .container nav > ul > li > a, #header.header-mini #header-wrap #mainMenu > .container nav > ul > li > a {
	font-size: 14px;
}

#header .header-inner #logo a,
#header .header-inner #logo a span,
#header #header-wrap #logo a,
#header #header-wrap #logo a span {
	font-size: 16px !important;
	font-weight: bold;
	letter-spacing: 1px;
	color: var(--color-secondary);
}

/* Slider */
.inspiro-slider .slide .slide-captions h1,
.inspiro-slider .slide .slide-captions h2 {
	margin-bottom: 5px;
}

/* Custom Call to action */
.custom-call-to-action {
	background-color: var(--color-primary);
}

.custom-call-to-action p {
	font-size: 26px;
	font-weight: bold;
	color: white;
	margin-bottom: 0;
}

.custom-call-to-action p:nth-child(2) {
	font-size: 14px;
}

.custom-call-to-action a {
	font-size: 26px;
	font-weight: bold;
	color: white;
}

.custom-call-to-action a:hover,
.custom-call-to-action a:active,
.custom-call-to-action a:focus {
	color: white !important;
	text-decoration: underline !important;
}

.custom-call-to-action i {
	font-weight: bold !important;
	padding-right: 10px;
}

.table-hover > tbody > tr:hover {
	background-color: var(--color-light);
}

/* Footer */
a.footer-phone {
	font-size: 26px;
}

a.footer-mail {
	font-size: 20px;
}

/* 
.text-lg, .text-lg span, .text-lg span span {
	line-height: 50px !important;
}

#section-home h1 span.color-primary {
	font-size: 50px !important;
}

#section-home h1 span.color-secondary {
	font-size: 70px !important;
} */