/**************************

	Grids and Columns

**************************/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 1rem;
  padding-left: 1rem;
}

/**************************

	Special Color Usage

**************************/
.bg-light-grey {
  background-color: #F3F3F3 !important;
}

.bg-blue {
  background-color: #1C768F !important;
}

.text-dark-grey {
  color: #808184 !important;
}

.text-light-grey {
  color: #F3F3F3 !important;
}

.text-blue {
  color: #1C768F !important;
}

.text-orange {
  color: #EF7C00 !important;
}

.border-dark-grey {
  border-color: #808184 !important;
}

/*****************

	Font sizes 

*****************/
.font-nav, .font-footer {
  font-size: 0.875rem;
}

.font-footer-header, .font-sidebar-header {
  font-size: 1.125rem;
}

.font-header {
  font-size: 2rem;
  color: #1C768F;
}

.font-subheader {
  font-size: 1.5rem;
}

.font-subsubheader {
  font-size: 1.25rem;
}

.font-content {
  font-size: 1rem;
}

.font-small {
  font-size: 0.8rem;
}

/***************************

	General HTML Document

***************************/
html, body {
  font-family: "Helvetica Neue", "Helvetica", "Heebo", "Arial", "sans-serif";
  font-size: 12px;
  color: #808184;
}
@media (min-width: 576px) {
  html, body {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  html, body {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  html, body {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  html, body {
    font-size: 16px;
  }
}

main {
  transition: all 0.5s;
}

.container {
  padding: 0 1rem;
}

/*************

	Header

*************/
header .navbar-brand-div {
  height: 100px;
}
header .logo-partition {
  width: 2px;
  border-left: 1.5px solid #003D7C;
}
header .navbar-collapse-brand {
  height: 30px;
}
header .navbar-sandwich {
  cursor: pointer;
  transition: all 0.2s;
}
header .navbar-sandwich:hover {
  color: #EF7C00;
  transition: all 0.2s;
}
header .nav-item {
  transition: all 0.2s;
}
header .nav-item a {
  color: #999;
}
header .nav-item:hover {
  box-shadow: 0 -3px 0 #EF7C00 inset;
  transition: all 0.2s;
}
header .nav-item:hover a {
  color: #333 !important;
}
header .nav-item.active {
  box-shadow: 0 -3px 0 #EF7C00 inset;
}
header .nav-item.active a {
  color: #003D7C !important;
}

/*************

	Footer

*************/
footer {
  background-color: #003062;
  color: #999;
}
footer a {
  color: #999;
}
footer a:hover, footer .footer-header {
  color: #FFF;
}
footer .footer-projects {
  border-right: 1px solid #003D7C;
}
footer .fa-phone {
  transform: scaleX(-1);
}
footer .copyright {
  border-top: 1px solid #003D7C;
}

/**************

	Sidebar

**************/
aside {
  width: 300px;
  right: -300px;
  top: 0;
  transition: all 0.5s;
  left: auto;
  display: none;
}
aside .sidebar-header {
  background-color: #EEE;
  height: 32px;
}
aside .close-sidebar-btn {
  background-color: #BBB;
  width: 35px;
  right: 0;
  color: #000;
  text-shadow: 0 1px 0 #FFF;
  opacity: 0.3;
  font-size: 1.25rem;
  transition: all 0.2s;
}
aside .close-sidebar-btn:hover {
  opacity: 0.75;
  transition: all 0.2s;
}
aside .sidebar-nav-btn:hover {
  background-color: #EEE;
}
aside .sidebar-nav-btn:hover a {
  color: #000;
}
aside .sidebar-nav-btn a {
  color: #003D7C;
}

/*# sourceMappingURL=global-styles.css.map */