/* Adjusting scroll-padding for the sticky menu height */
html {
	scroll-padding-top: 70px;
}

.accent {
	color: #c7493a !important;
}

::selection {
	background: #c7493a !important;
}

::-moz-selection {
	background: #c7493a !important; /* Firefox */
}

::-webkit-selection {
	background: #c7493a !important; /* Safari */
}

.bg-gray {
	background-color: #383838 !important;
}

.red .section,
.section.red {
	background-color: #c7493a;
	border-color: rgba(255,255,255,0.1);
}

.red a {
	color: #fff;
	text-decoration: underline !important;
}

h2 a:hover {
	text-decoration: none !important;
}

.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6 {
	color: #fff;
}

.light p,
.light ul,
.light span {
	color: #555 !important;
}

.light .section,
.section.light {
	background-color: #fff !important;
	border-color: rgba(255,255,255,0.1);
}

.dark p,
.dark table
{
	color: #AAA;
}

.dark .lead {
	color: #fff !important;
}

.dark h1,
.dark h2 {
	color: #c7493a;
}

.dark h3,
.dark h4,
.dark h5,
.dark h6 {
	color: #fff;
}

.light h3,
.light h4,
.light h5,
.light h6 {
	color: #c7493a;
}

h1 > span {
	color: #c7493a !important;
}

h1,
h2 {
	color: #c7493a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 100%;
}

/* Font size calculations from here: https://type-scale.com/ */
h1 { font-size: 3.157rem; }
h2 { font-size: 3.157rem; }
h3 { font-size: 1.777rem; }
h4 { font-size: 18px; }
h5 { font-size: 0.875rem; }
h6 { font-size: 12px; }

#content ul {
	line-height: 1.8;
	padding-left: 20px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1 { font-size: 4.209rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	h1 { font-size: 5.653rem; }
	h2 { font-size: 3.998rem; }
	h3 { font-size: 1.999rem; }
	.lead { font-size: 1.414rem; }
	p, ul { font-size: 1.125rem; }
}

/* ==== RED LINE HEADING SECTION ==== */

.heading-border {
	padding-top: 40px;
}
.light .heading-border {
	color: #383838;
}
.heading-border:before {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #c7493a;
	content: '';
	font-size: inherit;
	height: .27em;
	width: 1.46em;
}
/* ==== SERVICES SECTION ==== */
.services > .row > .service {
	border-bottom: 1px solid hsla(0,0%,100%,.1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}	
.service {
	padding-top: 145px;
	padding-bottom: 45px;
	padding-left: 30px;
	padding-right: 30px;
	background-size: auto 70px;
	background-repeat: no-repeat;
	background-position-x: 30px;
	background-position-y: 45px;
	color: #000;
}
.service-audit {
	background-image: url("../images/service-icon-audit.svg");
}
.service-design {
	background-image: url("../images/service-icon-design.svg");
}
.service-software {
	background-image: url("../images/service-icon-development.svg");
}
.service-cloud {
	background-image: url("../images/service-icon-cloud.svg");
}
.service-improvement {
	background-image: url("../images/service-icon-improvement.svg");
}
.service-knowledge {
	background-image: url("../images/service-icon-knowledge.svg");
}
.services > .row:last-child > .service:last-child {
    border-bottom: none;
}
.service h3 {
	color: #383838;
	line-height: 125%;
}
/* SERVICES SECTION for medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.service {
		padding-left: 45px;
		padding-right: 45px;
		background-position-x: 45px;
		border-right: 1px solid hsla(0,0%,100%,.1);
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: rgba(0, 0, 0, 0.1);
	}
	.services > .row:last-child > .service {
		border-bottom-style: none;
	}
	.services > .row > .service:last-child {
		border-right: none;
	}
	.services > .row > .service:first-child {
		padding-left: 30px;
		background-position-x: 30px;
	}
}

/* CONTACT US page */
.map {
	/* Map has been saved from: https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/pin-l+c7493a(25.223,54.74119\)/25.223,54.7412,3,0/1280x1280@2x?access_token=pk.eyJ1Ijoia2F6aW1pZXJhc2wiLCJhIjoiY2tndXR0eGtxMHJuMzJ3bmEycWxpa3k0ciJ9.bfz3EEGCyBxo8ZHSXtcMtg */
	background: #272828 url("../images/map-bg.png") no-repeat center;
	background-size: cover;
}
.code-bg {
	background: #272828 url("../images/code-bg.png") no-repeat center;
	background-size: cover;
}
.button-3d.button-accent:hover, .button-reveal.button-accent:hover, .button-border.button-accent:hover, .button-border.button-accent.button-fill::before {
    background-color: #c7493a !important;
}
.button-border.button-accent {
    color: #a33327;
    border-color: #a33327 !important;
	background-color: #a33327 !important;
}
.button-accent {
	background-color: #a33327;
	color: #fff !important;
}
/* Header */
#header {
	z-index: 10;
}
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
	color: #c7493a !important;
}

/* Footer */
/* Go to top button */
#gotoTop:hover {
	background-color: #a33327;
}

.team-photo {
	border: 3px solid #333;
}

.footer-spacer {
	position: relative;
	z-index: -1;
	height: 30em;
	pointer-events: none;
}
footer {
	position: fixed;
	z-index: 0;
	height: 30em;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #c7493a;
	padding: 1em;
	padding-top: 0;
	border: 0 solid white;
	border-top: 0;
	transition: border .3s ease, padding .3s ease;
}
footer .footer-content {
	position: fixed;
	z-index: 1;
	bottom: 10em;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translateX(-50%);
	transition: bottom .3s ease;
}
footer .footer-content h2 {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	color: white;
	font-size: 3em;
	padding: 0 2rem;
}
footer .footer-secondary {
	position: fixed;
	z-index: 3;
	left: 0;
	bottom: 1.5em;
	width: 100%;
	padding: 0 1em;
}