/*
0 - 600px:		Phone
600 - 900px:	Tablet Portrait
900	- 1200px:	Tablet Landscape
[1200-1800] is where our normal styles apply
1800px +:		Big Desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
/*$font-base-size: 62.5%; /* BASE FONT SIZE */
/*html {
	font-size: $font-base-size !important; 
}
.btn {
	font-size: .75rem;
}*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700');
body {
  font-family: Lato;
}
::selection {
  background-color: #0083ca;
  color: #e6e6e6;
}
@font-face {
  font-family: "Aclonica";
  src: url('../fonts/Aclonica.ttf');
}
/* HEADINGS */
h1 {
  font-size: 29px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 23px;
}
h4 {
  font-size: 21px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 14px;
}
/* stop text from taking up more than 1 line */
.truncate-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* Default Margins */
.margin-top-xs {
  margin-top: 0.5rem !important;
}
.margin-top-sm {
  margin-top: 0.75rem !important;
}
.margin-top-md {
  margin-top: 1.875rem !important;
}
.margin-top-lg {
  margin-top: 3.75rem !important;
}
.margin-top-hg {
  margin-top: 6.25rem !important;
}
.margin-bottom-xs {
  margin-bottom: 0.5rem !important;
}
.margin-bottom-sm {
  margin-bottom: 0.75rem !important;
}
.margin-bottom-md {
  margin-bottom: 1.875rem !important;
}
.margin-bottom-lg {
  margin-bottom: 3.75rem !important;
}
.margin-bottom-hg {
  margin-bottom: 6.25rem !important;
}
/* Others */
.no-border {
  border: medium none;
  border-radius: 0;
}
/* CONTENT LINKS */
a {
  color: #5f5f5f;
}
a:hover, a:focus {
  color: #0083ca;
}
/* HEADINGS */
.heading-theme, .heading-theme > a {
  color: #1d1d1d !important;
}
.heading-theme:hover, .heading-theme:focus, .heading-theme > a:hover, .heading-theme > a:focus {
  color: #0083ca !important;
}
.heading-flip, .heading-flip > a {
  color: #0083ca !important;
}
.heading-flip:hover, .heading-flip:focus, .heading-flip > a:hover, .heading-flip > a:focus {
  color: #0083ca !important;
}
/* BUTTONS */
.btn-theme {
  color: #e6e6e6 !important;
  background-color: #0083ca;
  border-color: #007cc0;
}
.btn-theme .fa {
  color: #e6e6e6;
}
.btn-theme .fa:hover {
  color: #0083ca;
}
.btn-theme:focus, .btn-theme.focus {
  color: #e6e6e6;
  background-color: #006297;
  border-color: #007cc0;
}
.btn-theme:hover {
  color: #0083ca !important;
  background-color: #ffffff;
  border-color: #e0e0e0;
}
.btn-theme:active, .btn-theme.active, .open > .btn-theme.dropdown-toggle {
  color: #e6e6e6;
  background-color: #006297;
  border-color: #007cc0;
}
.btn-theme:active:hover, .btn-theme:active:focus, .btn-theme:active.focus, .btn-theme.active:hover, .btn-theme.active:focus, .btn-theme.active.focus, .open > .btn-theme.dropdown-toggle:hover, .open > .btn-theme.dropdown-toggle:focus, .open > .btn-theme.dropdown-toggle.focus {
  color: #0083ca;
  background-color: #ffffff;
  border-color: #fafafa;
}
.btn-theme:active, .btn-theme.active, .open > .btn-theme.dropdown-toggle {
  background-image: none;
}
.btn-theme.disabled:hover, .btn-theme.disabled:focus, .btn-theme.disabled.focus, .btn-theme[disabled]:hover, .btn-theme[disabled]:focus, .btn-theme[disabled].focus, fieldset[disabled] .btn-theme:hover, fieldset[disabled] .btn-theme:focus, fieldset[disabled] .btn-theme.focus {
  background-color: #0083ca;
  border-color: #007cc0;
}
.btn-theme .badge {
  color: #0083ca;
  background-color: #e6e6e6;
}
.btn-flip {
  color: #1d1d1d !important;
  background-color: #1fac4b;
  border-color: #1da347;
}
.btn-flip .fa {
  color: #1d1d1d;
}
.btn-flip .fa:hover {
  color: #1d1d1d;
}
.btn-flip:focus, .btn-flip.focus {
  color: #1d1d1d;
  background-color: #178138;
  border-color: #1da347;
}
.btn-flip:hover {
  color: #1d1d1d !important;
  background-color: #ffc20e;
  border-color: #d09b00;
}
.btn-flip:active, .btn-flip.active, .open > .btn-flip.dropdown-toggle {
  color: #1d1d1d;
  background-color: #178138;
  border-color: #1da347;
}
.btn-flip:active:hover, .btn-flip:active:focus, .btn-flip:active.focus, .btn-flip.active:hover, .btn-flip.active:focus, .btn-flip.active.focus, .open > .btn-flip.dropdown-toggle:hover, .open > .btn-flip.dropdown-toggle:focus, .open > .btn-flip.dropdown-toggle.focus {
  color: #1d1d1d;
  background-color: #ffc20e;
  border-color: #ffbf04;
}
.btn-flip:active, .btn-flip.active, .open > .btn-flip.dropdown-toggle {
  background-image: none;
}
.btn-flip.disabled:hover, .btn-flip.disabled:focus, .btn-flip.disabled.focus, .btn-flip[disabled]:hover, .btn-flip[disabled]:focus, .btn-flip[disabled].focus, fieldset[disabled] .btn-flip:hover, fieldset[disabled] .btn-flip:focus, fieldset[disabled] .btn-flip.focus {
  background-color: #1fac4b;
  border-color: #1da347;
}
.btn-flip .badge {
  color: #1fac4b;
  background-color: #1d1d1d;
}
.btn-tertiary {
  color: #ffffff !important;
  background-color: #1d1d1d;
  border-color: #181818;
}
.btn-tertiary .fa {
  color: #ffffff;
}
.btn-tertiary .fa:hover {
  color: #ffffff;
}
.btn-tertiary:focus, .btn-tertiary.focus {
  color: #ffffff;
  background-color: #040404;
  border-color: #181818;
}
.btn-tertiary:hover {
  color: #ffffff !important;
  background-color: #1d1d1d;
  border-color: black;
}
.btn-tertiary:active, .btn-tertiary.active, .open > .btn-tertiary.dropdown-toggle {
  color: #ffffff;
  background-color: #040404;
  border-color: #181818;
}
.btn-tertiary:active:hover, .btn-tertiary:active:focus, .btn-tertiary:active.focus, .btn-tertiary.active:hover, .btn-tertiary.active:focus, .btn-tertiary.active.focus, .open > .btn-tertiary.dropdown-toggle:hover, .open > .btn-tertiary.dropdown-toggle:focus, .open > .btn-tertiary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #1d1d1d;
  border-color: #181818;
}
.btn-tertiary:active, .btn-tertiary.active, .open > .btn-tertiary.dropdown-toggle {
  background-image: none;
}
.btn-tertiary.disabled:hover, .btn-tertiary.disabled:focus, .btn-tertiary.disabled.focus, .btn-tertiary[disabled]:hover, .btn-tertiary[disabled]:focus, .btn-tertiary[disabled].focus, fieldset[disabled] .btn-tertiary:hover, fieldset[disabled] .btn-tertiary:focus, fieldset[disabled] .btn-tertiary.focus {
  background-color: #1d1d1d;
  border-color: #181818;
}
.btn-tertiary .badge {
  color: #1d1d1d;
  background-color: #ffffff;
}
/* CARD */
.card-theme {
  margin-bottom: 0.4rem;
  border-color: #dad6d6;
}
.card-theme .card-header {
  background-color: #dad6d6;
  border-color: #dad6d6;
  color: #1d1d1d;
}
.card-theme .card-header a {
  color: #1d1d1d;
}
.card-flip {
  margin-bottom: 0.4rem;
  border-color: #5f5f5f;
}
.card-flip .card-header {
  background-color: #5f5f5f;
  border-color: #5f5f5f;
  color: #b6b8b6;
}
.card-flip .card-header a {
  color: #b6b8b6;
}
/* MODALS */
.modal-theme {
  border-color: #dad6d6;
}
.modal-theme .modal-header {
  background-color: #dad6d6;
  border-color: #dad6d6;
  color: #1d1d1d;
}
.modal-theme .modal-header .modal-title {
  color: #1d1d1d;
}
.modal-flip {
  border-color: #5f5f5f;
}
.modal-flip .modal-header {
  background-color: #5f5f5f;
  border-color: #5f5f5f;
  color: #b6b8b6;
}
.modal-flip .modal-header .modal-title {
  color: #b6b8b6;
}
/* UL/OL/LIST-GROUPS ITEMS */
.list-theme li, .list-theme li a {
  background-color: #a8dbb8;
  border-color: #a8dbb8;
  color: #5f5f5f !important;
}
.list-theme li:hover, .list-theme li a:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #0083ca !important;
}
.list-theme li .nav-link.active {
  background-color: #e6e6e6 !important;
  color: #5f5f5f !important;
  border-color: #e6e6e6 !important;
}
.list-theme li.active a, .list-theme li.active a:focus, .list-theme li.active a:hover {
  background-color: #e6e6e6 !important;
  color: #5f5f5f !important;
  border-color: #e6e6e6 !important;
}
.list-flip li, .list-flip li a {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #5f5f5f;
}
.list-flip li:hover, .list-flip li a:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #0083ca;
}
.list-flip li.active a, .list-flip li.active a:focus, .list-flip li.active a:hover {
  background-color: #a8dbb8;
  color: #5f5f5f;
}
/* PAGINATION */
.pagination .page-item.active {
  background-color: #0083ca;
  border-color: #0083ca;
  color: #ffffff;
}
.pagination .page-item.active a, .pagination .page-item.active a:focus, .pagination .page-item.active a:hover, .pagination .page-item.active span, .pagination .page-item.active span:focus, .pagination .page-item.active span:hover {
  background-color: #0083ca;
  border-color: #0083ca;
  color: #ffffff;
}
.pagination li a, .pagination li span, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #0083ca;
}
.card-header {
  padding: 0.62rem 0.93rem;
}
.card-header h3, .card-header h4 {
  font-size: 1rem;
  margin-bottom: 0;
}
.card-title {
  font-size: 1rem;
  margin-bottom: 0;
}
.shopping-cart-box {
  background-color: #0083ca;
  color: #e6e6e6;
}
.shopping-cart-box:after {
  border-bottom: 8px solid #e6e6e6;
}
#shopping-cart-results .cart-list-item {
  background-color: #1fac4b;
  color: #1d1d1d;
}
#shopping-cart-results .cart-list-item a {
  color: #1d1d1d !important;
}
#shopping-cart-results .cart-saving {
  color: #e6e6e6;
}
/* HEADINGS */
h1 {
  font-size: 25px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 17px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
.heading-theme, .heading-theme > a {
  margin-top: 0.5rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
.heading-flip, .heading-flip > a {
  margin-top: 0;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
.list-theme, .list-flip {
  font-size: 0.875rem;
  font-weight: 400;
}
.list-theme .fa, .list-flip .fa {
  margin-right: 10px;
  font-size: 0.875rem;
}
.list-theme > li > a, .list-flip > li > a {
  border-radius: 0px;
}
.btn-theme, .btn-flip {
  border-radius: 0px;
}
.site-bg {
  background-color: #ffffff;
}
/* ALERT MESSAGES */
.alert-success, .alert-error, .alert-info, .alert-warning {
  padding: 0.5rem;
}
.alert-info {
  background-color: #64c9ff;
  border-color: #64c9ff;
  color: #0d0d0d;
}
/*
0 - 600px:		Phone
600 - 900px:	Tablet Portrait
900	- 1200px:	Tablet Landscape
[1200-1800] is where our normal styles apply
1800px +:		Big Desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
/* footer */
footer {
  background: #2e3339;
  color: #757575;
  padding: 1.25rem;
  border-top: 5px solid #1fac4b;
}
footer a {
  color: #eeeded;
}
footer a:hover, footer a:focus, footer a:active {
  color: #b6b8b6;
  text-decoration: none;
}
footer .social li:last-child, footer .social {
  margin-right: 0 !important;
}
footer .fa-heart {
  margin-right: 0.63rem;
  color: #757575;
}